@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;
}

.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: auto;
    float: left;
    border-right: 5px solid #eee;
    padding-right: 20px;
    height: 70px;
}

header.lexus-header .top-header img.secondary {
    width: auto;
    float: left;
    height: 75px;
    padding-left: 20px;
}

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,
.navbar>.container-fluid .navbar-brand {
    margin: 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: 600;
    padding: 15px 0;
    line-height: 20px;
    text-shadow: 1px 1px 1px #888;
}

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



/* FOOTER */

.middle-footer {
    padding: 30px 0;
    background: #2f2f2f;
    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: #00182e;
    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;
    margin-left: 0;
}

.ft-social-icon .twitter {
    background: #1da1f2;
}

.ft-social-icon .lindekin {
    background: #0077b5;
}

.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 .lindekin a svg path {
    fill: #fff;
}

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

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

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

.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;
}

.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: #3d3d3d;
    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: #d6ae35;
}

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: #252525;
    color: #fff;

    /* height: 70px; */
    overflow: hidden;
    padding: 20px 0;
}

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;
}





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


header.lexus-header nav {
    background: transparent;
    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: red*/
}

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

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 .navbar > .container{
    /*max-width: 1280px;*/
    /*width: 100%;*/
}

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

header.lexus-header .navbar-default .navbar-nav>li>a {
    font-size: 14px;
    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: #ffc600;
    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);
}

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: #ffc600;
;
}

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 .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 nav #primary-navbar .navbar-left li > ul.dropdown-menu li {
    padding-top: 0px;
    padding-bottom: 0px;
}

header.lexus-header nav #primary-navbar .navbar-left li > ul.dropdown-menu li>a{
    padding-top:10px;
    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: 26px;
    text-transform: uppercase;
    border-left: 5px solid #e36e43;
    padding-left: 15px;
    margin-top: 0;
    font-weight: bold;
}

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

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

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

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; */
    color: #333;
    /* border: 0; */
    text-transform: uppercase;
    /* padding: 8px 12px 5px; */
    /* border-radius: 0; */
    font-weight: bold;
}

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

section.car-review .review-article a.view-more:hover {
    /* background: #cc0000; */
    color: #e36e43;

}


/* 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;
}

#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;
}

.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;
}
