@font-face {
   font-family: "Roboto Condensed";
   src: url(font/RobotoCondensed-Regular.ttf)
}

*,
body,
a,
span,
p {
   font-family: 'Roboto', Arial, sans-serif;
   font-size: 14px;
   line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: Roboto, Arial, sans-serif;
}

h1 {
   font-size: 28px;
}

h2 {
   font-size: 24px;
}

h3 {
   font-size: 20px;
}

h4 {
   font-size: 16px;
}

h5 {
   font-size: 14px;
}

h6 {
   font-size: 12px;
}

ul,
li,
ol {
   list-style: none;
   padding: 0;
   margin: 0;
}

h1,
h2,
h3 {
   font-weight: 600;
}

a:focus,
a:hover {
   text-decoration: none;
   outline: none;
   color: #e46d43;
}

.nav > li > a:focus,
.nav > li > a:hover {
   background-color: transparent;
}

img {
   max-width: 100%;
}

button:focus {
   outline: 0 !important;
}

::-webkit-scrollbar {
   width: 15px;
   height: 15px;
}

::-webkit-scrollbar-track {
   background: #FFFFFF;
   -webkit-box-shadow: inset 1px 1px 2px #fff;
   border: 1px solid #fff;
}

::-webkit-scrollbar-thumb {
   background: #c7c7c7;
   -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
   -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:active {
   background: #fff;
   -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

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

header.main-header {
   /* background-color: #16232d; */
   background-color: #000;
   position: relative;
   z-index: 4;
   width: 100%;
   top: 0
}

header .top-header .top-nav ul {
   margin: 7px 0;
}

header .top-header .top-nav ul#top-nav-list li {
   color: #666;
   display: inline-block;
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 0;
   margin-right: 8px;
   padding-right: 10px;
}

header .top-header .top-nav ul#top-nav-list li:last-child > a {
   font-size: 17px;
   font-weight: 700;
   position: relative;
   top: 2px;
}

header .top-header .top-nav .contact-number {
   font-size: 17px;
   font-weight: 700;
   position: relative;
   top: 2px;
}

header .top-header .top-nav a:hover {
   color: #60d0e4;
}

header .top-menu p.address {
   padding: 8px 0;
   font-size: 13px;
   margin-bottom: 0;

}

header .top-menu {
   overflow: hidden;
}

header .top-menu p.phone {
   padding: 8px 0;
   font-size: 13px;
   margin-bottom: 0;

}

header .top-menu p.phone a {
   color: #fff;
   text-decoration: none;
}

header .top-menu p.phone a:hover {
   color: #d6ae35;
}

header .top-menu p.phone a.book-now {
   padding: 10px 20px 10px;
   height: 36px;
   margin-left: 20px;
   color: #fff;
   background: rgba(174, 135, 70, 1);
   /* Old browsers */
   background: -moz-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e3bd72', GradientType=1);
   /* IE6-9 */
}

header .top-menu p.phone a.book-now .fa {
   margin-left: 10px
}

header .top-menu p.phone a.book-now:hover {
   background: rgba(174, 135, 70, 0.8);
}

header .top-menu p img {
   margin-right: 10px;
}

#poo-primary-nav ul li a:active,
#poo-primary-nav ul li a:hover {
   text-decoration: none;
   background: #fff;
   border-color: #fff;
   color: #292929 !important;
}

header .top-header .top-nav a,
header .top-header .top-nav span {
   color: #fff;
   text-decoration: none;
}

header .middle-header {
   padding: 18px 0 25px;
}

.flex-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

header .middle-header > div {
   align-self: center;
}

header .logo img {
   vertical-align: middle;
}

header.lexus-header .top-header img.primary {
   width: 40%;
   float: left;
   border-right: 5px solid #eee;
   padding-right: 10px;
   min-height: 70px;
}

header.lexus-header .top-header img.secondary {
   width: 60%;
   float: left;
   min-height: 70px;
}

header.lexus-header .top-header {
   padding-top: 10px;
   padding-bottom: 10px;
}

header.lexus-header .top-header p {
   margin-bottom: 0;
}

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

.btn.btn-primary {
   background-color: #3c9f29;
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#67b946), to(#3c9f29));
   background: -webkit-linear-gradient(top, #67b946, #3c9f29);
   background: -o-linear-gradient(top, #67b946, #3c9f29);
   border-color: #268014 !important;
   color: #fff !important;
   -webkit-text-shadow: 0 1px 1px #268014;
   -moz-text-shadow: 0 1px 1px #268014;
   text-shadow: 0 1px 1px #268014;
}

#poo-primary-nav {
   /* background-color: #1e3242; */
   background-color: #000;
}

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

header h1 {
   margin: 0;
}

header .navbar {
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   border: 0px;
   border-color: transparent;
}

.fixed-top {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
}

header .navbar.navbar-fix-top {
   display: flex;
   align-items: center;
   align-content: center;
   height: 55px;
   z-index: 9999;
   width: 100%;
   transition: all 333ms ease-in-out;
   border-bottom: 0;
   margin-bottom: inherit;
   background: #fffdf5;
   margin-top: -1px;
}

header .navbar-brand {
   padding: 0;
   height: auto;
   font-size: inherit;
   line-height: inherit;
}

header .navbar-brand img {
   transition: 444ms all ease;
}

header .navbar-toggle:focus,
.navbar-toggle:hover {
   background-color: #033a90;
}

header .navbar-toggle {
   border-color: #033a90;
}

header .navbar > .container .navbar-brand:hover {
   color: #000;
}

/* FOOTER */

.middle-footer {
   padding: 30px 0;
   background: #111;
   color: #fff;
}

.middle-footer .show-room p.footer-heading {
   margin-top: 0;
   font-weight: 600;
   font-size: 20px;
}

footer .top-footer {
   padding: 30px 0;
   background: #232628;
   color: #fff;
}

.ft-social-icon .facebook,
.ft-social-icon .lindekin,
.ft-social-icon .twitter {
   display: inline-block;
   width: 40px;
   height: 40px;
   /* border: 1px solid #ccc; */
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   position: relative;
   margin: 0 10px;
}

.ft-social-icon .facebook {
   /* background: #3b5998; */
   background: #3b3b3b;
   margin-left: 0;
}

.ft-social-icon .twitter {
   /* background: #1da1f2; */
   background: #3b3b3b;
}

.ft-social-icon .lindekin {
   /* background: #0077b5; */
   background: #3b3b3b;
}

.ft-social-icon span {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   transition: all 333ms ease;
}

.ft-social-icon span svg {
   width: 40px;
   height: 40px;
   padding: 7px;
}

.ft-social-icon .facebook a svg path {
   fill: #fff;

}

.ft-social-icon .twitter a svg path {
   fill: #fff;

}

.ft-social-icon a:hover span {
   /* background: #fff; */
}

.ft-social-icon .facebook span.icon-inner:hover {
   background: #3b5998;

}

.ft-social-icon .twitter span.icon-inner:hover {
   background: #1da1f2;

}

.ft-social-icon .lindekin span.icon-inner:hover {
   background: #0077b5;

}

.ft-social-icon .lindekin a svg path {
   fill: #fff;
}

.ft-social-icon .facebook a:hover svg path {
   fill: #fff;
}

.ft-social-icon .twitter a:hover svg path {
   fill: #fff;
}

.ft-social-icon .lindekin a:hover svg path {
   fill: #fff;
}

.footer-brand .info .inner {
   width: auto;
   margin: auto;
   /* text-align: center; */
   margin-top: 10px;
   margin-bottom: 10px
}

footer .footer-brand {
   padding: 0;
   padding-bottom: 0;
   display: inline-block;
   width: auto;
}

.footer-brand img.footer-logo {
   /* display: table;
   margin: auto */
}

.footer-brand .ft-social-icon {
   /* display: table;
   margin: auto */
}

footer .footer-brand i.fa,
footer .show-room .icon i {
   width: 20px;
   color: #e36e43;
}

footer .top-footer {
   overflow: hidden;
   background: #232628;
   padding: 30px 0;
}

footer .top-footer a {
   text-decoration: none;
   color: #fff;
}

footer .top-footer h3 {
   font-size: 19px;
   color: #fff;
   margin-bottom: 15px;
}

footer .top-footer li {
   padding-top: 7px;
   padding-bottom: 7px;
   color: #fff;
}

footer .top-footer ul li::before {
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   content: "\f101";
   color: #fff;
   padding-right: 10px;
   font-size: 15px;
}

footer .top-footer a:hover {
   color: #e46d43;
}

footer .top-footer {
   padding: 30px 0;

}

footer .top-footer .widget h3 {
   position: relative;
   padding-bottom: 20px;
}

footer .top-footer .widget h3::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   background-position: center;
   background-size: contain;
   border-bottom: 3px solid #3985d4;
   width: 65px;
}

/* footer .top-footer .widget .registration form {
    margin-top: 26px
} */

footer .top-footer .widget .registration .reg-email-btn,
footer .top-footer .widget .registration .form-control {
   margin-bottom: 15px;
   border-radius: 0;
}

footer .top-footer .widget .registration .reg-email-btn {
   background: #cc0000;
   border: 0;
   color: #fff;
   width: 120px;
   font-size: 16px;
}

footer .top-footer .widget .registration .reg-email-btn:hover {
   background: rgba(31, 96, 164, 0.68);
}

footer .top-footer p.add {
   margin-bottom: 0;
}

.padding-5 {
   padding-left: 5px;
   padding-right: 5px;
}

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

footer .footer-menu {
   padding: 30px 0 20px;
   background: #f1f1f1;
}

footer .footer-menu .group {
   display: flex;
   margin-left: -.3rem;
   margin-right: -.3rem;
}

footer .footer-menu .group .item {
   flex: 0 0 14.2857%;
   max-width: 14.2857%;
   padding-left: .3rem;
   padding-right: .3rem;

}

footer .footer-menu .item a.item-btn {
   font-size: 14px;
   background-color: #fff;
   color: #828282;
   border: 1px solid #e8e8e8;
   padding: 10px;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   width: 100%;
   height: 48px;
   transition: background-color .5s, color .5s;
   border-radius: 3px;
}

footer .footer-menu .item a.item-btn:hover {
   color: #fff;
   background-color: #3985d4;
   border-color: #3985d4;
   transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

footer .copy-right {
   background: #111;
   color: #fff;

   /* height: 70px; */
   overflow: hidden;
   padding: 20px 0;
   border-top: 1px solid #333
}

footer .copy-right p {
   font-size: 14px;
   color: #f2f2f2;
   margin-bottom: 6px
}

footer .copy-right p:last-child {
   margin-bottom: 0;
}

footer .copy-right a {
   color: #fff;
   text-decoration: none;

}

footer .copy-right a:hover {
   color: #d6ae35;
}

footer#footer {
   /* background: url('../images/footer-bg.jpg'); */
   background: #000;
   padding: 30px 0;
   color: #fff;
   overflow: hidden;
}

footer#footer hr {
   width: 100%;
}

footer#footer h4 {
   margin-bottom: 25px;
   font-weight: 600;
   display: inline-block;
   font-size: 19px;
   line-height: 25px;
   color: #fff;
}

footer#footer .ft-payment h4 {
   margin-top: 0;
}

footer#footer .footer-top ul {
   padding: 0 20px;
}

footer#footer .footer-top ul li {
   padding: 5px 0;
}

footer#footer .footer-top ul li::before {
   content: "\f111";
   font-family: FontAwesome;
   color: #fff;
   margin-left: -20px;
   font-size: 10px;
   position: absolute;
   margin-top: 4px;
}

footer#footer .footer-top a {
   color: #fff;
}

footer#footer .footer-top .ft-widget-center {
   text-align: left;
}

footer#footer .footer-top .ft-widget-center .ft-product {
   text-align: left;
   display: inline-block;
}

footer#footer .footer-top .ft-widget-right {
   text-align: right;
}

footer#footer .footer-top .ft-blog h2.hotline {
   margin-top: 0;
   margin-bottom: 0;
}

footer#footer .footer-top .ft-blog h2.hotline a {
   font-size: 28px;
}

footer#footer .footer-top .ft-blog h2.hotline a:hover {
   color: orange;
}

footer#footer .footer-top .ft-blog h4.time {
   margin-top: 15px;
   margin-bottom: 15px;
}

footer#footer hr {
   width: 88%;
   max-width: 1024px;
}

footer#footer .footer-bottom .ft-widget-center {
   text-align: center;
}

footer#footer .footer-top .ft-widget-right .ft-contact {
   text-align: right;
   /* display: inline-block; */
}

footer#footer .footer-bottom .ft-widget-center .ft-official {
   text-align: center;
   display: inline-block;
}

footer#footer .footer-bottom .ft-widget-left .ft-official a {
   color: orange;
}

footer#footer .footer-bottom .ft-widget-left .ft-official a:hover {
   color: darkorange;
}

footer#footer .footer-bottom .ft-widget-right {
   text-align: right;
}

footer#footer .footer-bottom .ft-official img {
   float: left;
}

footer#footer .footer-bottom .ft-official .shop-wrap {
   padding-left: 220px;
}

footer#footer .footer-bottom .ft-official .shop-wrap h4 {
   margin-top: 0;
   margin-bottom: 0 !important;
}

footer#footer .footer-bottom .ft-official h footer#footer .ft-social {
   text-align: right;
   /* display: inline-block; */
}

footer#footer .ft-social .ft-social-icon {
   display: block;
}

footer#footer .ft-social .facebook,
footer#footer .ft-social .lindekin,
footer#footer .ft-social .twitter {
   display: inline-block;
   width: 40px;
   height: 40px;
   border: 1px solid #fff;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   position: relative;
   margin: 0 10px;
}

footer#footer .ft-social .lindekin {
   margin-right: 0;
}

footer#footer .ft-social a {
   color: #fff;
}

footer#footer .ft-social span {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   transition: all 333ms ease;
}

footer#footer .ft-social span svg {
   width: 40px;
   height: 40px;
   padding: 7px;
}

footer#footer .ft-social svg path {
   transition: all 333ms ease;
}

footer#footer .footer-more .ft-widget-center {
   text-align: center;
}

footer#footer .footer-more img {
   max-height: 60px;
}

footer#footer .ft-payment img {
   max-height: 40px;
}

footer#footer .footer-more .ft-protect img {
   max-height: 40px;
}

footer#footer .footer-more {
   margin-top: 25px;
}

footer#footer .footer-more h4 {
   font-size: 16px;
   text-transform: uppercase;
}

footer#footer .footer-more .row {
   display: flex;
}

footer#footer .footer-more .ft-widget-right {
   text-align: right;
}

footer#footer .footer-more .ft-widget-center {
   text-align: center;
}

footer#footer .footer-more .ft-widget-center h4 {
   border: none;
}

.footer-copyright {
   /* background-color: #131f29; */
   background-color: #8e121c;
   padding-top: 20px;
   padding-bottom: 20px;
}

#banner-slider .slick-prev,
#banner-slider .slick-next {
   display: none !important;
   visibility: hidden !important;
}

#banner-slider .slick-dots {
   bottom: 8px;
   right: 8px;
   display: block;
   position: absolute;
   list-style: none;
   text-align: right;
   width: 100%;
   padding: 0;
}

#banner-slider .slick-dots li {
   position: relative;
   display: inline-block;
   padding: 0;
   cursor: pointer;
   margin: 0 5px;
   width: 33px;
}

#banner-slider .slick-dots li button {
   border: 0;
   background: transparent;
   display: block;
   line-height: 0;
   font-size: 0;
   cursor: pointer;
   outline: none;
   padding: 0;
}

#banner-slider .slick-dots li button:before {
   content: "";
   width: 34px;
   height: 6px;
   display: block;
   text-align: center;
   background: #fff;
   opacity: 1;
}

#banner-slider .slick-dots li.slick-active button:before,
#banner-slider .slick-dots li:focus button:before,
#banner-slider .slick-dots li:hover button:before {
   background: #60d0e4 !important;
   -webkit-transition: all .2s ease-in;
   transition: all .2s ease-in;
}

@-webkit-keyframes animatetop {
   from {
      top: -300px;
      opacity: 0
   }

   to {
      top: 0;
      opacity: 1
   }
}

@keyframes animatetop {
   from {
      top: -300px;
      opacity: 0
   }

   to {
      top: 0;
      opacity: 1
   }
}

.sticky-slider .slick-dots {
   display: inline-block !important;
   margin-top: 15px;
}

.sticky-slider .slick-dots:after {
   content: '';
   display: block;
   clear: both;
}

.sticky-slider .slick-dots:before {
   content: '';
   display: block;
   clear: both;
}

.sticky-slider .slick-dots li {
   display: inline-block;
   float: left;
   list-style: none;
   margin: 0 8px 0 7px;
}

.sticky-slider .slick-dots li button {
   background: #e36e43;
   border: 0 none;
   color: transparent;
   cursor: pointer;
   display: block;
   font-size: 0;
   height: 6px;
   line-height: 0;
   outline: medium none;
   padding: 0px;
   margin: 4px 0;
   width: 6px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
}

.sticky-slider .slick-dots li.slick-active button {
   width: 14px;
   height: 14px;
   margin: 0;
}

.sticky-slider {
   text-align: center;
}

.sticky-slider .blog-title {
   text-align: left
}

/*//////////////////////////////////////////////////////////*/

/* ------------ HOME PROMOTION ------------ */

#promotion {
   padding: 30px 0;
}

#promotion .promote-cars-list .promote-item {
   border: 1px solid #ddd;
   box-shadow: 2px 2px 22px #eee;
   padding: 15px;
   position: relative;
   margin-top: 15px;
}

#promotion .promote-cars-list .promote-item .price p {
   position: absolute;
   top: 15px;
   left: 50%;
   transform: translateX(-50%);
   padding: 5px 10px;
   background: #4e9ecf;
   color: #fff;
   font-size: 18px;
   width: 100%;
   text-align: center;
}

#promotion .promote-cars-list .promote-item .seats {
   position: absolute;
   top: 15px;
   right: 0px;
   /* transform: translateY(-100%); */
   padding: 2px 10px;
   background: #eee;
}

#promotion .promote-cars-list .promote-item .feature-img img {
   width: 100%;
   height: auto;
}

#promotion .promote-cars-list .promote-item a.guitar-booking {
   border-radius: 0;
   padding: 5px;
   text-align: center;
   background: none;
   border: 2px solid orange;
   color: orange;
   font-size: 18px;
}

#promotion h2 {
   color: #666;
   text-transform: capitalize;
   /* text-decoration: underline; */
   margin: 0;
   margin-bottom: 15px;
   font-weight: normal;
}

#promotion .promote-cars-list .promote-item figure {
   position: relative;
}

#promotion .promote-cars-list .promote-item figure.feature-img {
   /* max-height: 363px;
   height: 400px; */
   background-size: cover;
   overflow: hidden;
   background-size: 100%;
   background-position: center;
   margin-top: 34px;
}

#rent-car .all-cars .cars-list .car-item figure.feature-img {
   /* max-height: 163px;
   height: 250px; */
   background-size: cover;
   overflow: hidden;
   background-size: 100%;
   background-position: center;
   margin-top: 34px;
}

#promotion .promote-cars-list .promote-item p.tour {
   height: 45px;
   overflow: hidden;
}

#promotion .promote-cars-list .promote-item figure .discount {
   position: absolute;
   bottom: 15px;
   right: 15px;
   max-width: 50px;
   height: auto;
}

#home-news .feature-news figure.img {
   /* max-height: 225px;
   height: 230px; */
   background-size: cover;
   overflow: hidden;
   background-size: 100%;
   background-position: center;
}

#promotion .promote-cars-list .promote-item figure .discount img {
   margin: 0;
}

#promotion .promote-cars-list .promote-item figure .discount .text {
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   font-size: 14px;
   color: #FFFFFF;
   white-space: nowrap;
}

#promotion .promote-cars-list .promote-item p.travel-time,
#promotion .promote-cars-list .promote-item p.back-time {
   background: #eee;
   padding: 5px;
   font-size: 14px;
   text-align: center;
}

#promotion .promote-cars-list .promote-item a.guitar-booking:hover {
   background: orange;
   color: #fff;
}

#promotion .promote-cars-list .promote-item:hover {
   border: 1px solid #ccc;
   box-shadow: 2px 2px 22px #ccc;
}

#promotion .promote-cars-list .promote-item p.tour {
   text-align: center;
   font-weight: 600;
}

.animate-top {
   animation-name: topanim;
   -webkit-animation-name: topanim;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   visibility: visible;
   position: fixed;
   width: 100%;
   z-index: 9999;
   top: 0;
}

.margin-top {
   margin-top: 55px;
}

@keyframes topanim {
   0% {
      transform: translateY(-70%);
   }

   100% {
      transform: translateY(0%);
   }
}

@-webkit-keyframes topanim {
   0% {
      -webkit-transform: translateY(-70%);
   }

   100% {
      -webkit-transform: translateY(0%);
   }
}

/*ALO */

.pop-alo-phone {
   position: fixed !important;
   background-color: transparent;
   width: 200px;
   height: 200px;
   z-index: 200000 !important;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -webkit-transition: visibility .5s;
   -moz-transition: visibility .5s;
   -o-transition: visibility .5s;
   transition: visibility .5s;
   bottom: 55px;
   left: 15px;
}

.pop-alo-ph-circle {
   width: 160px;
   height: 160px;
   top: 20px;
   left: 20px;
   position: absolute;
   background-color: transparent;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   border: 2px solid rgba(30, 30, 30, 0.4);
   opacity: .1;
   -webkit-animation: pop-alo-circle-anim 1.2s infinite ease-in-out;
   -moz-animation: pop-alo-circle-anim 1.2s infinite ease-in-out;
   -ms-animation: pop-alo-circle-anim 1.2s infinite ease-in-out;
   -o-animation: pop-alo-circle-anim 1.2s infinite ease-in-out;
   animation: pop-alo-circle-anim 1.2s infinite ease-in-out;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
   -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   -o-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   border-color: #00aff2;
   opacity: .5;
}

@-moz-keyframes pop-alo-circle-anim {
   0% {
      -moz-transform: rotate(0) scale(.5) skew(1deg);
      opacity: .1;
      -moz-opacity: .1;
      -webkit-opacity: .1;
      -o-opacity: .1
   }

   30% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .5;
      -moz-opacity: .5;
      -webkit-opacity: .5;
      -o-opacity: .5
   }

   100% {
      -moz-transform: rotate(0) scale(1) skew(1deg);
      opacity: .6;
      -moz-opacity: .6;
      -webkit-opacity: .6;
      -o-opacity: .1
   }
}

@-webkit-keyframes pop-alo-circle-anim {
   0% {
      -webkit-transform: rotate(0) scale(.5) skew(1deg);
      -webkit-opacity: .1
   }

   30% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      -webkit-opacity: .5
   }

   100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      -webkit-opacity: .1
   }
}

@-o-keyframes pop-alo-circle-anim {
   0% {
      -o-transform: rotate(0) kscale(.5) skew(1deg);
      -o-opacity: .1
   }

   30% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      -o-opacity: .5
   }

   100% {
      -o-transform: rotate(0) scale(1) skew(1deg);
      -o-opacity: .1
   }
}

.pop-alo-ph-circle-fill {
   width: 100px;
   height: 100px;
   top: 50px;
   left: 50px;
   position: absolute;
   background-color: #000;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   border: 2px solid transparent;
   opacity: .1;
   -webkit-animation: pop-alo-circle-fill-anim 2.3s infinite ease-in-out;
   -moz-animation: pop-alo-circle-fill-anim 2.3s infinite ease-in-out;
   -ms-animation: pop-alo-circle-fill-anim 2.3s infinite ease-in-out;
   -o-animation: pop-alo-circle-fill-anim 2.3s infinite ease-in-out;
   animation: pop-alo-circle-fill-anim 2.3s infinite ease-in-out;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
   -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   -o-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   background-color: rgba(0, 175, 242, 0.5);
   background-color: #a6e3fa 9;
   opacity: .75 !important;
}

@-moz-keyframes pop-alo-circle-fill-anim {
   0% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }

   50% {
      -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
      opacity: .2
   }

   100% {
      -moz-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }
}

@-webkit-keyframes pop-alo-circle-fill-anim {
   0% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }

   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
   }

   100% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }
}

@-o-keyframes pop-alo-circle-fill-anim {
   0% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }

   50% {
      -o-transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
   }

   100% {
      -o-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }
}

@-webkit-keyframes rotex {
   30% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   33% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   36% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   39% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   42% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   45% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   48% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   51% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   54% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   57% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }
}

@-moz-keyframes rotex {
   30% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   33% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   36% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   39% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   42% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   45% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   48% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   51% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   54% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   57% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }
}

@-o-keyframes rotex {
   30% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   33% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   36% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   39% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   42% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   45% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   48% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   51% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   54% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   57% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }
}

@keyframes rotex {
   30% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   33% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   36% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   39% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   42% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   45% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   48% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   51% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }

   54% {
      -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
      transform: rotate(-20deg)
   }

   57% {
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg)
   }
}

.pop-alo-ph-img-circle {
   width: 60px;
   height: 60px;
   top: 70px;
   left: 70px;
   position: absolute;
   background: rgba(30, 30, 30, 0.1) url("call.png") no-repeat center center;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   border: 2px solid transparent;
   opacity: .7;
   -webkit-animation: pop-alo-circle-img-anim 1s infinite ease-in-out;
   -moz-animation: pop-alo-circle-img-anim 1s infinite ease-in-out;
   -ms-animation: pop-alo-circle-img-anim 1s infinite ease-in-out;
   -o-animation: pop-alo-circle-img-anim 1s infinite ease-in-out;
   animation: pop-alo-circle-img-anim 1s infinite ease-in-out;
   -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   -o-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   background-color: #ff0000;
}

.pop-alo-ph-img-circle:hover {
   background-color: #00a77e;
}

@-moz-keyframes pop-alo-circle-img-anim {
   0% {
      transform: rotate(0) scale(1) skew(1deg)
   }

   10% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg)
   }

   30% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg)
   }

   50% {
      -moz-transform: rotate(0) scale(1) skew(1deg)
   }

   100% {
      -moz-transform: rotate(0) scale(1) skew(1deg)
   }
}

@-webkit-keyframes pop-alo-circle-img-anim {
   0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
   }

   10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg)
   }

   30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg)
   }

   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
   }

   100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
   }
}

@-o-keyframes pop-alo-circle-img-anim {
   0% {
      -o-transform: rotate(0) scale(1) skew(1deg)
   }

   10% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
      -o-transform: rotate(25deg) scale(1) skew(1deg)
   }

   30% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
      -o-transform: rotate(25deg) scale(1) skew(1deg)
   }

   50% {
      -o-transform: rotate(0) scale(1) skew(1deg)
   }

   100% {
      -o-transform: rotate(0) scale(1) skew(1deg)
   }
}

textarea.form-control {
   height: auto;
}

.content-area {
   resize: none;
}

/* ////////////////////////////////////// WOOOCOMMERCE /////////////////////////////////////// */

.animate-top {
   animation-name: topanim;
   -webkit-animation-name: topanim;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   visibility: visible;
   position: fixed;
   width: 100%;
   z-index: 999999;
   top: 0;
}

@keyframes topanim {
   0% {
      transform: translateY(-70%);
   }

   100% {
      transform: translateY(0%);
   }
}

@-webkit-keyframes topanim {
   0% {
      -webkit-transform: translateY(-70%);
   }

   100% {
      -webkit-transform: translateY(0%);
   }
}

/* //////////////////////////////////////// POWER SITE ///////////////////////////////// */

.main-inner {
   /* background: #0a1034; */
   /* color: #fff; */
}

/* HOME CONTACT */

#lexus-homepage #home-contact {
   padding: 50px 0;
}

#lexus-homepage #home-contact img.voucher {
   max-width: 300px;
   display: block;
   margin: auto;
}

#lexus-homepage #home-contact form [type="text"] {
   border-radius: 30px;
   margin-bottom: 15px
}

#lexus-homepage #home-contact form textarea {
   border-radius: 15px;
}

#lexus-homepage #home-contact form button.registration {
   background: #828081;
   padding: 12px 35px;
   font-size: 20px;
   color: #fff;
   border-radius: 30px;
   border: 0;
   outline: 0;
   width: 200px;
   margin-top: 15px;
}

#lexus-homepage #home-contact form button.registration:hover {
   background: #8e121c;
}

#lexus-homepage #home-contact form label {
   font-weight: normal;
   color: #ccc;
}

#lexus-homepage #home-contact h2.heading {
   font-size: 36px;
   color: #8e121c;
   margin-bottom: 50px;
   font-weight: normal;
   margin-top: 0;
}

.header #navbar-header ul.menu > li > a::after {
   content: "";
   position: absolute;
   width: 0;
   height: 3px;
   background: #e46d43;
   left: 0;
   bottom: 0;
   transition: 333ms all ease;
}

.header #navbar-header ul.menu > li > a.nav-link.active::after,
.header #navbar-header ul.menu > li > a:hover::after {
   width: 100%;
}

.header #navbar-header ul.menu > li > a:hover {
   color: #e46d43;

}

.fixed-top {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
}

header.lexus-header nav {
   background: #111;
   border: 0;
   margin: 0;
   z-index: 999;
}

header.lexus-header nav .brand-centered {
   display: flex;
   justify-content: center;
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
}

header.lexus-header .navbar-default .navbar-nav > li.active a {
   /*color: red;*/
   background: transparent;
}

header.lexus-header .navbar-default .navbar-nav > li.active a {
   color: #fff;
}

header.lexus-header .navbar-default .navbar-nav > li.active a::after {
   width: 100% !important;
}

header.lexus-header nav .navbar-brand {
   display: flex;
   align-items: center;
}

header.lexus-header nav .navbar-brand {
   padding: 0px;
}

header.lexus-header nav .navbar-brand > img {
   /* max-height: 50px; */
   width: auto;
   padding: 0;
   margin-top: -40px;
   z-index: 999;
}

header.lexus-header nav {
   /*margin-top: 36px;*/
   transition: 444ms all ease;
   /*background: #e36e43;*/
}

header.lexus-header nav .navbar-toggle {
   z-index: 99;
}

header.lexus-header .navbar-default .navbar-nav > li > a {
   font-size: 15px;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: 600;
   padding: 10px 10px;
}

header.lexus-header .navbar-default .navbar-right > li {
   padding-top: 8px;
   padding-bottom: 8px;
}

header.lexus-header .navbar-default .navbar-right > li > a {
   /* margin-left: 15px;
   margin-right: 25px;
   padding-left: 30px;
   padding-right: 30px; */
   margin-right: 15px;
   background: #ff7133;
   padding-top: 8px;
   padding-bottom: 8px;
   border-radius: 3px;
}

header.lexus-header .navbar-default .navbar-right > li > a:hover {
   /*background: rgba(255, 198, 0, 0.81);*/
   /*   background: #ff7133;*/
   opacity: 0.8;
}

header.lexus-header .navbar-default .navbar-right .fa {
   font-size: 18px;
}

header.lexus-header .hotline-bg {
   content: "";
   background: #cc0000;
   transform: skew(-20deg);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 50px;
   z-index: -1;
}

header.lexus-header .navbar-default .navbar-left > li a:hover {
   color: #fff;
   background: transparent;;
}

header.lexus-header .navbar-default .navbar-right > li > a:hover .hotline-bg {
   background: rgba(31, 96, 164, 0.68);
}

header.lexus-header span.hotline-primary {
   font-size: 18px;
   line-height: 0;

}

header.lexus-header .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
   font-size: 16px;
   padding: 8px;

}

header.lexus-header nav.navbar-default .navbar-nav > .active > a,
header.lexus-header nav.navbar-default .navbar-nav > .active > a:focus,
header.lexus-header nav.navbar-default .navbar-nav > .active > a:hover {
   color: #fff;
   /*background: #ffc600;*/
}

header.lexus-header .navbar-default .navbar-nav > .open > a,
header.lexus-header .navbar-default .navbar-nav > .open > a:focus,
header.lexus-header .navbar-default .navbar-nav > .open > a:hover {
   background: rgba(31, 96, 164, 0.68);
   color: #fff;

}

header.lexus-header nav.navbar-default .navbar-nav > .active > a::after {
   width: 100%;
}

header.lexus-header .top-banner img {
   width: 100%;
   height: auto;
}

/* header.lexus-header nav.navbar-default #primary-navbar {
    display: flex;
    justify-content: center;
} */

header.lexus-header nav #primary-navbar .navbar-left {
   /* position: absolute;
   left: 50%;
   transform: translateX(-125%) */
}

header.lexus-header nav #primary-navbar .navbar-right {
   /* position: absolute;
   right: 50%;
   transform: translateX(125%);
   margin-right: 0; */
}

header.lexus-header nav #primary-navbar .navbar-left li > a {
   margin-left: 0;
   margin-right: 0;
   padding-top: 10px;
   padding-bottom: 8px;
   border-radius: 3px;

}

header.lexus-header nav #primary-navbar .navbar-left li {
   padding-top: 8px;
   padding-bottom: 8px;
}

header.lexus-header .dropdown-menu li:hover a {
   background: transparent;
}

.car-feature .first figure {
   position: relative;
}

.car-feature .first .car-overlay {
   /* position: absolute; */
   background: rgba(174, 135, 70, 1);
   /* Old browsers */
   background: -moz-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));
   /* FF3.6-15 */
   background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6));

   height: 100%;

   width: 100%;
}

.car-feature .first .car-info {
   padding: 15px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.car-feature .first .car-info h3 {
   color: #fff;
   font-size: 24px;
   text-transform: uppercase;
}

.car-feature .first .car-info p.price strong {
   font-size: 28px;
   color: crimson;
   text-transform: uppercase
}

.car-feature .first .car-info .excerpt {
   color: #fff;
   font-size: 16px;
   margin-bottom: 10px
}

.car-feature .other .other-item .hover-info a.book-car-now,
.car-feature .first .car-info a.book-car-now {
   background: transparent;
   border-radius: 50px;
   border: 2px solid #fff;
   color: #fff;
   text-transform: uppercase;
   height: 40px;
   font-size: 18px;
}

.car-feature .other .other-item .hover-info a.drive-car-now,
.car-feature .first .car-info a.drive-car-now {
   background: #3985d4;
   border: 2px solid #3985d4;
   color: #fff;
   text-transform: uppercase;
   border-radius: 50px;
   height: 40px;
   font-size: 18px;

}

.car-feature .other .other-item .hover-info a.drive-car-now:hover,
.car-feature .other .other-item .hover-info a.book-car-now:hover,
.car-feature .first .car-info a.book-car-now:hover,
.car-feature .first .car-info a.drive-car-now:hover {
   background: crimson;
   border: 2px solid crimson;

}

.car-feature .other .other-item h3 {
   font-size: 20px;
   text-transform: uppercase;
   margin: 15px 0 5px;
}

.car-feature .other .other-item p.price strong {
   color: crimson;
   text-transform: uppercase;
   font-size: 20px;
}

.car-feature .other .other-item .hover-info {
   background: #000;
   width: 100%;
   height: 100%;
   position: relative;
   padding: 20px;
   display: none
}

.car-feature .other .other-item .hover-info a.book-car-now,
.car-feature .other .other-item .hover-info a.drive-car-now {
   height: 38px;
   font-size: 16px;
}

.car-feature .other .other-item .hover-info .inner {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.car-feature .other .other-item:hover .hover-info {

   display: block;
}

.car-feature .cta-view-more .view-more-car {
   font-size: 26px;
   background: #3985d4;
   color: #fff;
   text-transform: uppercase;
   padding: 10px 30px;
   display: table;
   margin: auto;
   margin-top: 30px;
   border: 0;
}

.car-feature .cta-view-more .view-more-car .fa {
   font-size: 26px;
   font-weight: bold;
}

.car-feature .cta-view-more .view-more-car:hover {
   background: crimson;
}

.car-feature.just-use-cars,
.car-feature.suv-cars {
   margin-top: 50px;
}

.car-feature.just-use-cars h2,
.car-feature.suv-cars h2,
.car-feature.sedan-cars h2 {
   display: inline;
   float: left;
}

/* REVIEW */

/* PRODUCT PAGE */

.top-sellers .list-all .item .hover-info,
.car-list .car-item .hover-info {
   background: rgba(0, 0, 0, 0.66);
   width: 100%;
   height: 100%;
   position: relative;
   padding: 20px;
   display: none;

}

.top-sellers .list-all .item .hover-info .inner,
.car-list .car-item .hover-info .inner {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.top-sellers .list-all .item .hover-info a.drive-car-now,
.top-sellers .list-all .item .hover-info a.book-car-now,
.car-list .car-item .hover-info a.book-car-now,
.car-list .car-item .hover-info a.drive-car-now {
   height: 38px;
   font-size: 16px;
}

.top-sellers .list-all .item .hover-info a.drive-car-now:hover,
.top-sellers .list-all .item .hover-info a.book-car-now:hover,
.car-list .car-item .hover-info a.drive-car-now:hover,
.car-list .car-item .hover-info a.book-car-now:hover {
   background: crimson;
   border: 2px solid crimson;
}

.top-sellers .list-all .item .hover-info a.book-car-now,
.car-list .car-item .hover-info a.book-car-now {
   background: transparent;
   border-radius: 50px;
   border: 2px solid #fff;
   color: #fff;
   text-transform: uppercase;
   height: 40px;
   font-size: 18px;
   margin-bottom: 10px;
}

.top-sellers .list-all .item .hover-info a.drive-car-now,
.car-list .car-item .hover-info a.drive-car-now {
   background: #3985d4;
   border: 2px solid #3985d4;
   color: #fff;
   text-transform: uppercase;
   border-radius: 50px;
   height: 40px;
   font-size: 18px;
}

.top-sellers .list-all .item h3,
.car-list .car-item h3 {
   font-size: 20px;
   text-transform: uppercase;
   margin: 15px 0 5px;
}

.top-sellers .list-all .item p.price strong,
.car-list .car-item p.price strong {
   color: crimson;
   text-transform: uppercase;
   font-size: 20px;
}

.top-sellers .list-all .item figure:hover .hover-info,
.car-list .car-item figure:hover .hover-info {

   display: block;
}

.top-sellers .list-all .item .car-heading,
.car-list .car-item .car-heading {
   text-align: center
}

.car-list .car-item {
   margin-bottom: 30px;
}

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

.padding-15 {
   padding-left: 15px;
   padding-right: 15px;
   clear: both;
}

.top-sellers {
   padding: 30px 0;
}

.top-sellers .list-all .wrapper:nth-child(odd) .item {
   background: #f3f3f3;
}

.top-sellers .list-all .wrapper:nth-child(even) .item {
   background: #ebebeb;
}

.top-sellers .list-all .item {
   padding-bottom: 5px;
}

.top-sellers h2.heading {
   font-size: 36px;
   text-transform: uppercase;
   color: #3985d4;
   border-bottom: 2px solid #3985d4;
   padding-bottom: 5px;
   display: table;
   margin: auto;
   float: left;
   clear: both;
   margin-bottom: 30px
}

/*================CAM NHAN================*/
.autoshowroom-quote {
   text-align: center;
}

.autoshowroom-quote .slick-track {
   padding-top: 35px;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item {
   text-align: center;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image {
   position: relative;
   display: inline-block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   background: #e9e9e9;
   padding: 4px;
   transition: all 300ms ease 0s;
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image .autoshowroom-quote-image-box {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   overflow: hidden;
   position: relative;
   z-index: 9;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image .autoshowroom-quote-image-box img {
   max-width: 100%;
   height: auto;
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   /* Firefox 10+, Firefox on Android */
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
   /* IE 6-9 */
   transition: all 300ms ease 0s;
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image:after {
   border-left: 6px solid rgba(0, 0, 0, 0);
   border-right: 6px solid rgba(0, 0, 0, 0);
   border-top: 6px solid #e36e43;
   bottom: 5px;
   content: "";
   left: 50%;
   margin-left: -6px;
   visibility: hidden;
   opacity: 0;
   position: absolute;
   transition: all 300ms ease 0s;
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image:hover {
   cursor: pointer;
   background: #e36e43;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-image:hover .autoshowroom-quote-image-box img {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info {
   /* padding-top: 95px; */
   /* width: 840px; */
   width: 100%;
   position: relative;
   /* left: 50%;
   margin-left: -420px; */
   visibility: hidden;
   opacity: 0;
   transition: all 300ms ease 0s;
   -webkit-transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info .autoshowroom-quote-content {
   font-family: 'Muli', sans-serif;
   font-size: 18px;
   font-weight: 300;
   font-style: italic;
   color: #565656;
   line-height: 34px;
   margin-bottom: 35px;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info .autoshowroom-quote-content small {
   display: block;
   font-family: 'PT Serif', serif;
   font-size: 75px;
   font-weight: 700;
   font-style: normal;
   color: #e36e43;
   line-height: 24px;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info .autoshowroom-quote-name {
   font-family: 'Montserrat', sans-serif;
   font-size: 14px;
   font-weight: 700;
   color: #e36e43;
   text-transform: uppercase;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info small {
   font-family: 'Muli', sans-serif;
   font-size: 14px;
   color: #bdbdbd;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item .autoshowroom-quote-info .autoshowroom-quote-employment {
   font-family: 'Muli', sans-serif;
   font-size: 14px;
   color: #bdbdbd;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-center .autoshowroom-quote-image {
   padding: 3px;
   transform: scale(1.7);
   /* -webkit-transform: scale(1.7); */
   -moz-transform: scale(1.7);
   -ms-transform: scale(1.7);
   -o-transform: scale(1.7);
   background: #e36e43;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-center .autoshowroom-quote-image .autoshowroom-quote-image-box img {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-center .autoshowroom-quote-image:after {
   visibility: visible;
   opacity: 1;
   bottom: -5px;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-center .autoshowroom-quote-info {
   visibility: visible;
   opacity: 1;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-active-1 {
   text-align: right;
}

.autoshowroom-quote .slick-track .autoshowroom-quote-item.slick-active-5 {
   text-align: left;
}

.autoshowroom-quote .slick-dots {
   display: inline-block !important;
   margin-top: 36px;
}

.autoshowroom-quote .slick-dots:after {
   content: '';
   display: block;
   clear: both;
}

.autoshowroom-quote .slick-dots:before {
   content: '';
   display: block;
   clear: both;
}

.autoshowroom-quote .slick-dots li {
   display: inline-block;
   float: left;
   list-style: none;
   margin: 0 8px 0 7px;
}

.autoshowroom-quote .slick-dots li button {
   background: #e36e43;
   border: 0 none;
   color: transparent;
   cursor: pointer;
   display: block;
   font-size: 0;
   height: 6px;
   line-height: 0;
   outline: medium none;
   padding: 0px;
   margin: 4px 0;
   width: 6px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
}

.autoshowroom-quote .slick-dots li.slick-active button {
   width: 14px;
   height: 14px;
   margin: 0;
}

.autoshowroom-quote-item.slick-slide {
   outline: 0;
}

.testimonial-box h2 {
   margin-top: 0;
}

/*================CAM NHAN================*/

.product-about {
   margin-top: 30px;
   padding: 30px;
}

.product-about h2.heading {
   font-size: 48px;
   font-weight: 600;
   line-height: 1.5;
}

.product-about .sub {
   font-weight: 600;
   font-size: 18px;
   line-height: 20px;
}

.product-about a.view-more {
   background: transparent;
   border: 3px solid #666;
   border-radius: 4px;
   padding: 7px 20px;
   display: table;
   margin: auto;
   font-size: 40px;
   font-weight: 500;
   margin-top: 30px;
   transition: all 333ms ease-in-out;

}

.product-banner {
   padding: 30px 0
}

.product-banner img {

   width: 100%;
   height: auto;

}

.slick-prev,
.slick-next {
   display: none;
}

#lexus-page.product h1.page-heading {
   font-size: 36px;
   text-transform: uppercase;
   color: #3985d4;
   border-bottom: 2px solid #3985d4;
   padding-bottom: 5px;
   display: table;
   margin: auto;
   float: left;
}

.product-about a.view-more:hover {
   color: #3985d4;
   border-color: #3985d4;

}

section.section-box h2.heading {
   /*font-size: 36px;*/
   /*text-transform: uppercase;*/
   /*color: #3985d4;*/
   /*border-bottom: 2px solid #3985d4;*/
   /*padding-bottom: 5px;*/
   /*display: table;*/
   /*margin: auto;*/
   /*margin-bottom: 30px;*/

}

section.car-review .review-article h2.heading {
   font-size: 24px;
   text-transform: uppercase;
   /*border-left: 5px solid #e36e43;*/
   /*padding-left: 15px;*/
   margin-top: 0;
   font-weight: bold;
   margin-bottom: 15px;
   padding-bottom: 15px;
   position: relative;

}

section.car-review .review-article h2.heading:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 150px;
   height: 2px;
   background: #e26d43;
}

section.car-review {
   overflow: hidden;
   padding: 50px 0;
   background: #f4f8fb;
}

section.car-review .inner-bg {
   padding: 15px;
   background: #fff;
}

section.car-review .inner {
   /* background: #f1f1f1; */
}

section.car-review figure {
   position: relative;
   margin: 0;
}

section.car-review figure img.review-bg {
   width: 100%;
   height: 310px;
   object-fit: cover;
   object-position: center;
}

section.car-review img.play-btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

section.car-review .review-article h1.heading {
   font-size: 26px;
   text-transform: uppercase;
   border-left: 5px solid #e36e43;
   padding-left: 15px;
   margin-top: 0
}

section.car-review .review-article .excerpt p {
   font-size: 16px;
}

section.car-review .review-article a.view-more {
   /* background: #3985d4; */
   /* border: 0; */
   text-transform: uppercase;
   /* padding: 8px 12px 5px; */
   /* border-radius: 0; */
   font-weight: bold;
   color: #e26d43;
}

section.car-review .review-article a.view-more:hover {
   color: #333;
}

hr {
   background-color: #ccc;
   /* border-color: #ccc; */
}

/* SEARCH - HERO BANNER */

.search-box {
   padding: 50px 0;
}

.search-box .form-control {
   border-radius: 0;
   height: 40px;
}

.search-box .search-car {
   /* background: #cc0000;
   color: #fff;
   text-transform: uppercase;
   border-radius: 0;
   height: 40px; */
   font-size: 26px;
   background: #3985d4;
   color: #fff;
   text-transform: uppercase;
   padding: 10px 30px;
   display: table;
   margin: auto;
   border: 0;
   width: 286px;
}

.search-box .search-car:hover {
   background: crimson;
}

.search-box .search-car .fa {
   font-size: 26px;
}

.our-partner img {
   display: table;
   margin: auto
}

.our-partner {
   padding: 30px 0;
}

#hero-banner {
   position: relative;
}

#hero-banner h1.banner-heading {
   font-size: 48px;
   color: #fff;
   text-transform: uppercase;
   background: #e54b4b;
   position: absolute;
   top: 10%;
   left: 10%;
   padding: 7px 15px;
}

#content-banner img,
#hero-banner img {
   width: 100%;
   height: auto;
}

/* PAGE ABOUT ----------------  */

#poowoo-mmo .about-us {
   padding-bottom: 30px;
}

#your-success .success-inner {

   position: relative;
   min-height: 666px;
}

#your-success {
   background: url(../images/your-success.jpg) no-repeat;
   background-position: center;
   background-size: cover;
}

#your-success .success-content {
   position: absolute;
   top: 30%;
   left: 50%;
   transform: translate(-50%, -30%);
   width: auto;
}

#your-success .success-content h2.heading {
   font-size: 36px;
   color: #8e121c;
   /* margin-bottom: 30px; */
   font-weight: bold;
   margin-top: 0;
   padding-right: 50px;
}

#your-success .success-content p {
   font-size: 28px;
   color: #000;
}

#hero-baner.about-page {
   background: url(../images/banner.jpg) no-repeat;
   background-position: center;
   background-size: cover;
}

#hero-baner.about-page .banner-inner {
   position: relative;
   min-height: 567px;
}

#hero-baner.about-page .banner-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}

#hero-baner.about-page .banner-content h1 {
   font-size: 40px;
   color: #fff;
   font-weight: bold;
   text-shadow: 1px 1px 4px #000;

}

/* COMMENTS */

.comments {
   background: #f6f6f6;
   padding: 30px 0;
}

.comments .comment-heading {
   color: #000;
   font-size: 24px;
   border-left: 5px solid #e11717;
   padding-left: 14px;
   line-height: 24px;
   font-weight: 600;
   padding-top: 3px;
   margin-bottom: 30px;
   margin-top: 20px
}

.comments .comment-send {
   background: #e36e43;
   color: #fff;
   border: 0;
   text-transform: uppercase;
   padding-top: 7px;
   padding-bottom: 5px;
   width: 160px;
   height: 45px;
   font-size: 20px;
   border-radius: 5px
}

.comments form .form-control {
   border-color: #ececec;
}

.comments form .form-control {
   min-height: 40px
}

.comment-list .nav-comment a {
   padding-left: 15px;
   padding-right: 15px;
   font-size: 18px;
   color: #555;
}

.comment-list .nav-comment a.older {
   padding-right: 0;
}

.comment-list .nav-comment a.newest {
   padding-left: 0;
   transition: 444ms all ease;
   padding: 7px 15px;
   border-radius: 30px;
}

.comment-list .nav-comment a.older {
   transition: 444ms all ease;
   padding: 7px 15px;
   border-radius: 30px;
}

.comment-list .nav-comment a.older:hover,
.comment-list .nav-comment a:hover {
   color: #be9b32;
   border: 2px solid #be9b32;

}

a.reg-now:hover img {
   -webkit-filter: brightness(0.9);
   filter: brightness(0.9);
}

.comment-list .list-reply {
   margin-left: 30px;
   padding-top: 15px;
   padding-bottom: 15px;

}

.comment-list .list-reply .reply-child {
   border: 1px solid #ccc;
   padding: 10px;
   border-radius: 3px;
   margin-bottom: 10px;
   background: #efefef;
   position: relative;
}

.comment-list .list-reply .reply-child .cm-date {

   color: #888;
   font-style: italic;
}

.comments .comment-send:hover {
   background: #ffc600;
}

.comment-list .item figure {
   float: left;
   max-width: 50px;
   margin-right: 10px;
}

.comment-list .item {
   margin-bottom: 30px
}

.comment-list .summary {
   padding: 15px 0;
}

.comment-list .summary .count {
   font-size: 20px;
   font-weight: 600;
   display: block;
   border-bottom: 1px solid #ccc;
   padding-bottom: 5px;
   width: 100%;
   text-align: right;
   text-transform: uppercase
}

.comment-list .com {
   /* margin-left: 100px; */
}

.comment-list .com h3 {
   font-weight: bold;
   font-size: 20px;
   margin-bottom: 10px;
}

.comment-list .com a.reply,
.comment-list .com a.like {
   padding: 8px 15px 5px;
   background: #d6ae35;
   color: #fff;
   border: 0;
   border-radius: 0;
   margin-right: 15px;
}

.comment-list .com {
   border-bottom: 2px solid #ebebeb;
}

.comment-list .com a:hover {
   background: #be9b32;
}

.comment-list .com p.time {
   color: #ccc;
}

/* PAGINATION */

.pagination-box {
   padding: 15px 0;
}

.pagination-box ul li {
   display: inline-block;
   float: left;
}

.pagination-box ul li a {
   /*padding: 2px;*/
   /*border: 1px solid #ccc;*/
   /*font-size: 16px;*/
   /*display: inline-block;*/
   /*width: 30px;*/
   /*height: 30px;*/
   /*text-align: center;*/
   margin-right: 15px;
   color: #333;
}

.pagination-box ul li a .fa {
   padding: 5px;
}

.pagination-box ul li.active a {
   background: #d6ae35;
   color: #fff;
   border: 0
}

.pagination-box ul li a:hover {
   background: #d6ae35;
   color: #fff;

}

.login input[type='submit'] {
   background-color: rgba(226, 61, 0, 0.69) !important;
}

/* OBAMA */

#poowoo-who-play {
   padding: 50px 0;
   background: url(../images/dot-bg.jpg) no-repeat;
   background-position: center;
   background-size: cover;
}

#poowoo-who-play .obama-play {
   padding-top: 50px
}

#poowoo-who-play .obama-play h3 {
   color: #d6ae35;
   font-size: 25px;
   margin: 0;
}

#poowoo-who-play .obama-play h2.heading {
   padding: 30px 0;
   font-size: 60px;
   font-weight: 600;
}

#poowoo-who-play .obama-play p.cm {
   margin-bottom: 30px;
   font-size: 16px;
}

#poowoo-who-play .obama-play a.please-comment {
   font-size: 16px;
   font-weight: bold;
   border-bottom: 2px solid #d6ae35;
   display: inline-block;
   text-decoration: none;
   color: #000;
}

/* NEW PRODUCTS */

#poowwo-new-products {
   padding-bottom: 30px;
}

#poowwo-new-products h2.heading {
   padding: 10px 0;
   color: #000;
   font-size: 48px;
   font-weight: 400;
   margin: 0;
   padding-top: 13px;
   position: relative;
   background: rgba(174, 135, 70, 1);
   /* Old browsers */
   background: -moz-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e3bd72', GradientType=1);
   /* IE6-9 */

}

#poowwo-new-products h2.heading::after {
   content: "";
   height: 5px;
   width: 100%;
   position: absolute;
   bottom: -10px;
   left: 0;
   border-top: 2px dashed #d6ae35
}

#poowwo-new-products .list-all .new-item {
   -webkit-box-shadow: 0 0 10px #ccc;
   box-shadow: 0 0 10px #ccc;
   margin-top: 30px;
}

#poowwo-new-products .list-all .new-item:hover {
   -webkit-box-shadow: 0 0 17px #d6ae35;
   box-shadow: 0 0 17px #d6ae35;
}

#poowwo-new-products .list-all .new-item .inner {
   padding: 20px;
}

#poowwo-new-products .list-all .new-item h3.product-title {
   padding: 0px 0 20px;
   text-align: center;
   font-weight: 600;
   font-size: 20px;
   text-transform: uppercase;
   margin: 0;
   color: #000;
}

#poowwo-new-products .list-all .new-item a:hover h3.product-title {
   color: #d6ae35;
}

#poowwo-new-products .list-all .new-item .price-box span.price del {
   color: #b6b6b6;
   font-size: 18px;
}

#poowwo-new-products .list-all .new-item .price-box span.sale-price {
   color: #cc0000;
   font-size: 30px;
   font-weight: 600;
   line-height: 18px;
}

#poowwo-new-products .list-all .new-item p.gift {
   text-align: center;
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 0;
}

#poowwo-new-products .list-all .new-item p.gift img {
   vertical-align: middle;
   margin-top: -6px;
   margin-right: 10px
}

#poowwo-new-products .list-all .new-item .action .view-more {
   height: 45px;
   width: 50%;
   border: 0;
   border-radius: 0;
   float: left;
   font-size: 15px;
   padding-top: 13px;
   padding-bottom: 10px;
   font-weight: bold;
   text-align: center;
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   background: rgba(174, 135, 70, 1);
   /* Old browsers */
   background: -moz-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e3bd72', GradientType=1);
   /* IE6-9 */

}

#poowwo-new-products .list-all .new-item .action::after {

   content: "";
   display: table;
   clear: both;
}

#poowwo-new-products .list-all .new-item .action .booking-now {
   height: 45px;
   width: 50%;
   border: 0;
   border-radius: 0;
   float: left;
   font-size: 15px;
   padding-top: 13px;
   padding-bottom: 10px;
   font-weight: bold;
   text-align: center;
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   background: #cc0000;
   /* Old browsers */

}

#poowwo-new-products .list-all .new-item .action a:hover {
   background: #d6ae35;
   border: 0
}

#poowwo-new-products .list-all .new-item .action a.view-more:hover {
   height: 45px;

}

#poowwo-new-products .list-all a.more-new-product {
   display: table;
   margin: auto;
   margin-top: 50px;
   margin-bottom: 50px;
   padding: 10px 20px;
   border: 2px solid #000;
   border-radius: 3px;
   font-size: 34px;
   text-decoration: none;
   text-transform: uppercase;
   transition: 444ms all ease;

}

#poowwo-new-products .list-all a.more-new-product:hover {
   background: transparent;
   border: 2px solid #d6ae35;
   color: #d6ae35;

}

#poowwo-new-products .list-all a.more-new-product .fa {
   font-size: 34px;
}

/* BUYER */

#faq-buyer {
   background: url(../images/black-bg.jpg) no-repeat;
   background-position: center;
   background-size: cover;
   background-attachment: fixed;
   padding-top: 70px;
   padding-bottom: 70px;
   color: #fff;
   border-top: 10px solid #d6ae35;
   border-bottom: 10px solid #d6ae35;
}

#faq-buyer .buyers-list h3.heading,
#faq-buyer .faqs h3.heading {
   padding: 15px;
   border: 2px solid #d6ae35;
   text-transform: uppercase;
   font-size: 30px;
   display: inline-block;
   color: #d6ae35;
   font-weight: normal;
   margin-top: 0;
   margin-bottom: 20px;
}

#faq-buyer .buyers-list .buyer-inner {
   background: #fff;
   color: #000;
}

#faq-buyer .buyers-list .table tr {
   height: 40px;
}

#faq-buyer .buyers-list .table tr th {
   padding-bottom: 15px;
   padding-top: 10px;
   background: #d7d7d7;
}

#faq-buyer .buyers-list .table tr td {
   padding-bottom: 10px;
   padding-top: 12px;
}

#faq-buyer .buyers-list .table tr th:first-child,
#faq-buyer .buyers-list .table tr td:first-child {
   text-align: center
}

#faq-buyer .buyers-list .table {
   margin-bottom: 0;
}

/* REGISTRATION CONTACT */

#registration h2.heading {
   padding: 10px 0;
   color: #000;
   font-size: 48px;
   font-weight: 400;
   margin: 0;
   padding-top: 13px;
   position: relative;
   background: rgba(174, 135, 70, 1);
   background: -moz-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   background: -webkit-linear-gradient(left, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(174, 135, 70, 1) 0%, rgba(227, 189, 114, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e3bd72', GradientType=1);
}

#registration h2.heading::after {
   content: "";
   height: 5px;
   width: 100%;
   position: absolute;
   bottom: -10px;
   left: 0;
   border-top: 2px dashed #d6ae35;
}

#registration .inner {
   background: url(../images/golf-bg.jpg) no-repeat;
   background-size: cover;
   background-position: center;
   padding: 50px 0;
   padding-bottom: 40px
}

#registration form .form-control {
   border-radius: 0;

}

#registration form input.form-control {
   height: 40px;
   margin-bottom: 20px;
}

#registration button.registration {
   background: #d6ae35;
   border: 0;
   padding: 10px 20px;
   color: #fff;
   font-size: 22px;
   margin-top: 10px;
   margin-bottom: 0;
}

#registration button.registration:hover {
   background: #b58f1a;

}

#registration .short-info .call a {
   font-size: 36px;
   text-decoration: none;
   color: #fff;
}

#registration .short-info .call a:hover {
   color: #d6ae35;
}

#registration .short-info .add {
   font-size: 36px;
   text-decoration: none;
   color: #fff;
   margin-top: 30px
}

#registration .short-info img {
   width: 40px;
   height: auto;
   margin-right: 20px
}

.accordion .accordion-item {
   /* margin-bottom: 10px; */
}

.accordion .accordion-item a.accordion-title {
   /* border-radius: 3px; */
   /* background-color: #337ab7; */
   display: block;
   padding: 10px 0 13px;
   border-bottom: 1px solid #666;
   color: #fff;
   text-decoration: none;
   transition: all linear 111ms;
   font-size: 16px;
}

.accordion .accordion-item a.accordion-title .fa {
   padding-top: 10px;
   padding-bottom: 10px;
}

.accordion .accordion-item a.accordion-title:first-child {
   border-top: 1px solid #666;

}

.accordion .accordion-item a.accordion-title:hover {
   color: #d6ae35;
}

.accordion .accordion-item .accordion-content {
   /* border: 1px solid #337ab7; */
   border-radius: 5px;
   border-top: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   padding: 15px;

}

.accordion .accordion-item .accordion-content .inner {
   padding: 15px;
   border: 2px solid #d6ae35;
   border-radius: 10px
}

/* BLOG----------- */

#blog-archive {
   padding: 50px 0;

}

#blog-archive .blog-item figure {
   max-width: 300px;
   height: auto;
   float: left;
   margin-right: 15px;
}

#blog-archive .blog-item {
   overflow: hidden;
   margin-bottom: 30px;
}

#hero-baner.blog-page {
   background: url(../images/blog-banner.jpg) no-repeat;
   background-position: center;
   background-size: cover;
}

#hero-baner.blog-page .banner-inner {
   position: relative;
   min-height: 666px;
}

#hero-baner.blog-page .banner-inner .banner-content {
   position: absolute;
   left: 0;
   bottom: 50px;
   top: initial;
   transform: initial;
   width: auto;

}

#hero-baner.blog-page .banner-inner .banner-content h2.heading {
   font-size: 36px;
   color: #8e121c;
   margin-bottom: 30px;
   font-weight: normal;
   margin-top: 0;
   text-transform: capitalize;
}

#hero-baner.blog-page .banner-inner .banner-content ul.mmo-list li {
   padding: 10px 0;
   font-size: 16px;
}

#hero-baner.blog-page .banner-inner .banner-content ul.mmo-list img {
   max-height: 80px;
}

#hero-baner.blog-page .banner-inner .banner-content ul.mmo-list li > .fa {
   margin-right: 5px;
   font-size: 14px;
}

#hero-baner.blog-page .banner-inner .banner-content a.registration {
   display: inline-block;
   background: #8e121c;
   color: #fff;
   font-size: 20px;
   padding: 10px 35px;
   border: 0;
   border-radius: 33px;
   text-transform: uppercase;
   margin-top: 30px;
}

#hero-baner.blog-page .banner-inner .banner-content a.registration:hover {
   background: #868686;
}

#blog-archive .blog-item .blog-info a.more {
   background: #8e121c;
   padding: 7px 15px;
   color: #fff;
   border-radius: 0;
   border: 0;
}

#blog-archive .blog-item .blog-info a.more:hover {
   background: #858585;
}

#blog-archive .blog-item .blog-info h3.blog-title {
   margin-top: 3px;
}

#blog-archive .blog-item .blog-info h3.blog-title a {
   color: #fff;
   font-size: 24px;

}

#blog-archive .blog-item .blog-info h3.blog-title a:hover {
   color: #8e121c;
}

/*  PHONE FACEBOOK ZALO */

.btn-contact {
   position: fixed;
   left: 10px;
   bottom: 30px;
   z-index: 9;
}

.btn-contact .item-contact {
   margin-top: 20px;
   position: relative;
}

.phone-mobile {
   background-color: transparent;
   cursor: pointer;
   height: 70px;
   transition: visibility .5s ease 0s;
   width: 70px;
   z-index: 1040;
}

.phone-mobile .circle {
   animation: 1.2s ease-in-out 0s normal none infinite running circle-anim;
   background-color: transparent;
   border: 2px solid rgba(30, 30, 30, 0.4);
   border-radius: 100%;
   height: 68px;
   left: -2px;
   position: absolute;
   top: 1px;
   transform-origin: 50% 50% 0;
   transition: all .5s ease 0s;
   width: 68px;
   /*border-color: #bfebfc;*/
   border-color: #e36e43;
   opacity: 1;
}

.phone-mobile .circle-fill {
   animation: 2.3s ease-in-out 0s normal none infinite running circle-fill-anim;
   border: 2px solid transparent;
   border-radius: 100%;
   height: 54px;
   left: 7px;
   position: absolute;
   top: 7px;
   transform-origin: 50% 50% 0;
   transition: all .5s ease 0s;
   width: 54px;
   /*background-color: rgba(0, 175, 242, 0.9);*/
}

.phone-mobile .icon-phone {
   animation: 1s ease-in-out 0s normal none infinite running icon-phone-anim;
   border: 2px solid transparent;
   border-radius: 100%;
   height: 45px;
   left: 10px;
   opacity: 1;
   position: absolute;
   top: 14px;
   transform-origin: 50% 50% 0;
   width: 45px;
   /*background-color: #00aff2;*/
}

.phone-mobile .icon {
   font-size: 20px;
   line-height: 40px;
   padding-left: 10px;
   color: #fff;
}

.phone-mobile .icon::before {
   color: #ff7133;
}

.btn-contact .item-contact .title {
   display: none;
   position: absolute;
   left: 60px;
   top: 0;
   width: 200px;
   background: #fffAF0;
   border: 1px solid #DCA;
   border-radius: 4px;
   box-shadow: 3px 3px 5px rgba(255, 255, 255, 0.25);
   padding: 10px;
   color: #111;
}

.btn-contact .phone-mobile .title {
   top: 15px;
   left: 70px;
}

.btn-contact .face-message {
   margin-left: 10px;
}

.btn-contact .item-contact {
   margin-top: 20px;
   position: relative;
}

.btn-contact .face-message .icon {
   background: url(/assets/front-end/images/v3/messenger.png) no-repeat center;

   width: 40px;
   height: 40px;
   display: block;
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.btn-contact .contact-zalo {
   margin-left: 10px;
}

.btn-contact .contact-zalo .icon {
   background: url(/assets/front-end/images/v3/zalo.png) no-repeat center;
   width: 40px;
   height: 40px;
   display: block;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border-radius: 50%;
}

@keyframes icon-phone-anim {
   0% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
      transform: rotate(25deg) scale(1) skew(1deg)
   }

   30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
      transform: rotate(25deg) scale(1) skew(1deg)
   }

   50% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   100% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }
}

@keyframes circle-fill-anim {
   0% {
      opacity: .2;
      transform: rotate(0deg) scale(0.7) skew(1deg)
   }

   50% {
      opacity: .2;
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   100% {
      opacity: .2;
      transform: rotate(0deg) scale(0.7) skew(1deg)
   }
}

@keyframes circle-anim {
   0% {
      opacity: .1;
      transform: rotate(0deg) scale(0.5) skew(1deg)
   }

   30% {
      opacity: .5;
      transform: rotate(0deg) scale(0.7) skew(1deg)
   }

   100% {
      opacity: .6;
      transform: rotate(0deg) scale(1) skew(1deg)
   }
}

@keyframes icon-phone-anim {
   0% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   10% {
      transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
      transform: rotate(25deg) scale(1) skew(1deg)
   }

   30% {
      transform: rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
      transform: rotate(25deg) scale(1) skew(1deg)
   }

   50% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   100% {
      transform: rotate(0deg) scale(1) skew(1deg)
   }
}

@keyframes circle-fill-anim {
   0% {
      opacity: .2;
      transform: rotate(0deg) scale(0.7) skew(1deg)
   }

   50% {
      opacity: .2;
      transform: rotate(0deg) scale(1) skew(1deg)
   }

   100% {
      opacity: .2;
      transform: rotate(0deg) scale(0.7) skew(1deg)
   }
}

.mobile-contact-group {
   display: none;
}