/* -----------------------------------------------------------------------------

Primary Color: #E4A41C;
Accent Color: #474747;
----------------------------------------------------------------------------- */

body {
    font-family: "Roboto", Arial, sans-serif;
    background: #222;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
    color: #fff
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #E4A41C
}

a:hover,
a:focus {
    text-decoration: none;
    color: #E4A41C;
    outline: none !important
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    line-height: 1.5;
    color: rgba(0, 0, 0, .9);
    font-weight: 400
}

.topper {
    font-size: 15px;
    width: 100%;
    z-index: 3
}

.topper .icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05)
}

.topper .icon span {
    color: #E4A41C
}

.topper .text {
    width: calc(100% - 50px)
}

.topper .text p {
    margin-bottom: 0;
    font-size: 12px
}

.topper .text .con {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300
}

.topper .text .con a{
    color: #fff
}

.topper .text .con a:hover{
    color: #E4A41C
}

.topper .text .con span {
    font-weight: 600;
    font-size: 13px;
    color: #fff
}

.topper .text .con span:first-child {
    color: #E4A41C
}

.topper .text .con span a{
    font-weight: 600;
    font-size: 13px;
    color: #fff
}
.topper .text .con span a:hover{
    color: #E4A41C
}

.topper .text .hr span {
    color: #fff;
    font-weight: 600;
    font-size: 13px
}

.topper .text .time span:last-child {
    font-weight: 600;
    color: #E4A41C
}

.lighter-grey {
	background: #333333;
}

.white-background {
	background: #fff;
}

.white-text {
	color: #fff;
}

.text-myprimary {
    color: #E4A41C;
}

.ftco-navbar-light {
    background: #474747 !important;
    position: relative;
    padding: 0;
}

@media (max-width:991.98px) {
    .ftco-navbar-light {
        background: #474747 !important;
        position: relative;
        top: 0;
        padding: 10px 20px
    }
}

.ftco-navbar-light .container {
    width: 1110px;
    margin: 0 auto;
    padding: 0
}

.ftco-navbar-light .navbar-brand {
    color: #000;
    padding-top: .7rem;
    padding-bottom: .7rem
}

.ftco-navbar-light .navbar-brand:hover,
.ftco-navbar-light .navbar-brand:focus {
    color: #000 !important
}

@media (max-width:991.98px) {
    .ftco-navbar-light .navbar-brand {
        color: #fff
    }
    .ftco-navbar-light .navbar-nav {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-right: 0
    }
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
    font-size: 14px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width: 1082px) and (min-width:992px){
	.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
		font-size: 11px;
	}	
}

.ftco-navbar-light .navbar-nav>.nav-item:hover>a.nav-link{
    background: #E4A41C;
    color: #000;
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link span {
    position: relative;
    display: block;
    padding-bottom: 2px
}

@media (max-width:1199.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item>.nav-link span {
        display: inline-block
    }
	.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media (max-width:991.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0.5rem;
		padding-top: 0.5rem;
        color: #fff
    }
}

.ftco-navbar-light .navbar-nav>.nav-item.cta>a {
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
   
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.ftco-navbar-light .navbar-nav .nav-item a.parts-store-nav{
      color: #474747;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: #02121e;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

@media (max-width:991.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item.cta>a {
        background: #fff;
        border-radius: 5px
    }
}

.ftco-navbar-light .navbar-nav>.nav-item.cta>a:hover {
    background: #E4A41C
}

.ftco-navbar-light .navbar-nav>.nav-item .nav-link.active {
    background: transparent;
    background: none;
    color: #E4A41C
}

.ftco-navbar-light .navbar-nav>.nav-item .nav-link.active span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.ftco-navbar-light .navbar-nav>.nav-item.active a.nav-link  {
    background: #E4A41C;
    color: #000
}

@media (max-width:991.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item.active>a {
        color: #fff;
        background: transparent
    }
}

.ftco-navbar-light .navbar-toggler {
    border: none;
    color: rgba(255, 255, 255, .9) !important;
    cursor: pointer;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .1em
}

.ftco-navbar-light .navbar-toggler:hover,
.ftco-navbar-light .navbar-toggler:focus {
    text-decoration: none;
    color: #E4A41C;
    outline: none !important
}

.navbar-brand {
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    z-index: 3;
    position: relative
}

@media (max-width:767.98px) {
    .navbar-brand {
        line-height: 1
    }
}

.navbar-brand span {
    color: #000;
    display: block;
    line-height: 1
}

.navbar-brand span small {
    display: block;
    font-size: 11px;
    color: #E4A41C;
    font-weight: 700
}

.navbar-brand .flaticon {
    font-size: 50px;
    color: #000
}

.dropdown-menu {
	margin: 0;
	background: #474747;
	border: none;
}

.dropdown-item {
	color:#fff;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #E4A41C;
}

.owl-carousel {
    position: relative
}

.owl-carousel .owl-item {
    opacity: .4
}

.owl-carousel .owl-item.active {
    opacity: 1
}

.owl-carousel .owl-dots {
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: #e6e6e6;
    position: relative
}

.owl-carousel .owl-dots .owl-dot:after {
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    content: '';
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.owl-carousel .owl-dots .owl-dot:hover,
.owl-carousel .owl-dots .owl-dot:focus {
    outline: none !important
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #b3b3b3
}

.owl-carousel .owl-item img {
    background: #fff;
}

.hero-wrap {
    width: 100%;
    height: 700px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

@media (max-width:991.98px) {
    .hero-wrap {
        background-position: left center !important
    }
}

.hero-wrap .slider-text {
    height: 700px
}

.hero-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .15;
    background: #000
}

.hero-wrap.hero-wrap-2 {
    height: 240px;
    position: relative;
    background-position: top center
}

.hero-wrap.hero-wrap-2 .overlay {
    width: 100%;
    opacity: .5;
    background: #000
}

.hero-wrap.hero-wrap-2 .slider-text {
    height: 240px
}

.slider-text {
    color: rgba(255, 255, 255, .8)
}

.slider-text .subheading {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #E4A41C;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 600
}

.slider-text h1 {
    font-size: 45px;
    color: #fff;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase
}

@media (max-width:991.98px) {
    .slider-text h1 {
        font-size: 31px
    }
}

.slider-text p {
    font-weight: 400
}

.slider-text p strong {
    font-weight: 700
}

.slider-text p strong a {
    color: #000
}

.slider-text .breadcrumbs {
    font-size: 16px;
    margin-bottom: 20px;
    z-index: 99;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8)
}

.slider-text .breadcrumbs span {
    color: rgba(255, 255, 255, .8)
}

.slider-text .breadcrumbs span i {
    color: rgba(255, 255, 255, .8)
}

.slider-text .breadcrumbs span a {
    color: rgba(255, 255, 255, .8)
}

.slider-text .breadcrumbs span a:hover,
.slider-text .breadcrumbs span a:focus {
    color: #E4A41C
}

.slider-text .breadcrumbs span a:hover i,
.slider-text .breadcrumbs span a:focus i {
    color: #E4A41C
}

.slider-text .bread {
    font-weight: 700;
    color: #fff;
    font-size: 50px
}

.bg-light {
    background: #f8f9fa !important
}

.bg-primary {
    background: #E4A41C
}

.btn {
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09);
    box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09)
}

.btn:hover,
.btn:active,
.btn:focus {
    outline: none
}

.btn.btn-primary {
    background: #E4A41C;
    border: 1px solid #E4A41C !important;
    color: #000 !important
}

.btn.btn-primary:hover {
    border: 1px solid #E4A41C;
    background: #E4A41C;
    color: #E4A41C
}

.btn.btn-secondary {
    background: #474747 !important;
    border: 1px solid #474747 !important;
    color: #fff !important
}

.btn.btn-secondary:hover {
    border: 1px solid #474747 !important;
    background: transparent !important;
    color: #474747 !important
}

.btn.btn-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #000 !important
}

.btn.btn-white:hover {
    border: 1px solid #000;
    background: #E4A41C !important;
    color: #fff
}

.btn.btn-whatsapp {
    background: #25d366;
    border: 1px solid #fff;
    color: #000;
    width: 100%;
}

.btn.btn-whatsapp:hover {
    color: #fff
}

.ftco-intro {
    padding: 5em 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    color: rgba(255, 255, 255, .8);
    background: #E4A41C;
    z-index: 0;
    overflow: hidden
}

.ftco-intro .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .7;
    background: #474747;
    z-index: -2
}

.ftco-intro:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 58%;
    content: '';
    background: rgba(255, 255, 255, .05);
    -webkit-transform: matrix(1, 0, .5, 1, 150, 0);
    -ms-transform: matrix(1, 0, .5, 1, 150, 0);
    transform: matrix(1, 0, .5, 1, 150, 0);
    z-index: -1
}

@media (max-width:991.98px) {
    .ftco-intro {
        background-position: center center !important
    }
}

.ftco-intro h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 800
}

.ftco-intro h2 span {
    background: #E4A41C
}

.services-wrap {
    margin-bottom: 40px;
	border: solid #fff;   
	-webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.services-wrap:hover{
	border: solid #E4A41C;
}

.services-wrap .img {
    width: 100%;
    height: 200px
}

.services-wrap .text {
    background: rgba(0, 0, 0, .03);
    padding: 20px
}

.services-wrap .text h2 {
    font-weight: 500;
    font-size: 22px;
	color: #fff;
}

.ftco-services-2 .services {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, .8)
}

.ftco-services-2 .services .icon {
    line-height: 1.3;
    position: relative;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    z-index: 1;
    margin-bottom: 20px;
    background: #474747;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.ftco-services-2 .services .icon span {
    font-size: 38px;
    color: #fff
}

.ftco-services-2 .services .media-body h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", Arial, sans-serif
}

.appointment-wrap {
    width: 100%;
    background: #474747;
    position: relative
}

@media (min-width:992px) {
    .appointment-wrap {
        margin-top: -30px
    }
    .appointment-wrap:after {
        position: absolute;
        top: 0;
        right: -22px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 0 0 22px;
        border-color: transparent transparent transparent #474747
    }
    .appointment-wrap:before {
        position: absolute;
        top: 0;
        left: -22px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 30px 22px;
        border-color: transparent transparent #474747 transparent
    }
}

.appointment-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .12;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(246, 246, 246, .47) 47%, white 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(47%, rgba(246, 246, 246, .47)), color-stop(100%, white));
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(246, 246, 246, .47) 47%, white 100%);
    background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(246, 246, 246, .47) 47%, white 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(246, 246, 246, .47) 47%, white 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(246, 246, 246, .47) 47%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}

.appointment-wrap h3 {
    font-size: 16px;
    margin-bottom: 30px;
    color: #E4A41C;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600
}

.appointment-form {
    width: 100%
}

.appointment-form .form-group {
    position: relative;
    width: 100%;
    display: block
}

.appointment-form .form-group .icon {
    position: absolute;
    top: 50% !important;
    right: 15px;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.appointment-form .form-group .icon span {
    color: rgba(0, 0, 0, .2) !important
}

.appointment-form .form-group .select-wrap {
    position: relative
}

.appointment-form .form-group .select-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.appointment-form .form-group .btn {
    width: 100%;
    display: block !important
}

.appointment-form .form-control {
    border: none !important;
    height: 54px !important;
    padding-left: 15px;
    padding-right: 15px;
    background: #fff !important;
    color: rgba(0, 0, 0, .5) !important;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.appointment-form .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.appointment-form .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.appointment-form .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.appointment-form .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.appointment-form .form-control:focus,
.appointment-form .form-control:active {
    border-color: #fff
}

.appointment-form textarea.form-control {
    height: inherit !important
}

.form-control {
    height: 52px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 18px;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-control:focus,
.form-control:active {
    border-color: #000
}

textarea.form-control {
    height: inherit !important
}

.ftco-animate {
    opacity: 0;
    visibility: hidden
}

.bg-primary {
    background: #E4A41C !important
}

.ftco-section {
    padding: 3em 0;
    position: relative
}

@media (max-width:767.98px) {
    .ftco-section {
        padding: 2em 0
    }
}

.ftco-no-pt {
    padding-top: 0 !important
}

.ftco-no-pb {
    padding-bottom: 0 !important
}

.ftco-footer {
    font-size: 16px;
    background: #141414;
    padding: 7em 0 0 0;
    z-index: 0;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.ftco-footer:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 58%;
    content: '';
    background: rgba(255, 255, 255, .03);
    -webkit-transform: matrix(1, 0, .5, 1, 150, 0);
    -ms-transform: matrix(1, 0, .5, 1, 150, 0);
    transform: matrix(1, 0, .5, 1, 150, 0);
    z-index: -1
}

@media (max-width:991.98px) {
    .ftco-footer .ftco-footer-widget {
        margin-bottom: 40px
    }
}

.ftco-footer .ftco-footer-widget ul {
    margin: 0;
    padding: 0
}

.ftco-footer .ftco-footer-widget ul li {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .5)
}

.ftco-footer .ftco-footer-widget ul li a {
    color: rgba(255, 255, 255, .5)
}

.ftco-footer .ftco-footer-widget ul li a:hover {
    color: #E4A41C
}

.ftco-footer .ftco-footer-widget ul li a span {
    color: rgba(255, 255, 255, .5);
    font-size: 14px
}

.ftco-footer .ftco-footer-widget ul li a:hover > span {
    color: #E4A41C
}


.ftco-footer p {
    color: rgba(255, 255, 255, .5)
}

.ftco-footer a {
    color: rgba(0, 0, 0, .7);
    color: #E4A41C
}

.ftco-footer a:hover {
    color: #fff
}

.ftco-footer .ftco-heading-2 {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px
}

.ftco-footer .logo a {
    color: #E4A41C
}

.ftco-footer .logo a span.flaticon {
    font-size: 24px;
    line-height: 1
}

.ftco-footer .bg-primary {
    background: #111 !important;
    position: relative;
    z-index: 0
}

.ftco-footer .bg-primary p {
    color: rgba(255, 255, 255, .7)
}

.ftco-footer .bg-primary p a {
    color: #fff;
    text-decoration: underline
}

.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block
}

.ftco-footer-social li a {
    height: 40px;
    width: 40px;
    display: block;
    background: #E4A41C;
    position: relative;
    border-radius: 4px
}

.ftco-footer-social li a span {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff !important
}

#map {
    height: 600px;
    width: 100%
}

@media (max-width:767.98px) {
    #map {
        height: 300px
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 169, 49, 0.4);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 169, 49, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 169, 49, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 30px rgba(255, 169, 49, 0);
        -webkit-box-shadow: 0 0 0 30px rgba(255, 169, 49, 0);
        box-shadow: 0 0 0 30px rgba(255, 169, 49, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 169, 49, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 169, 49, 0);
        box-shadow: 0 0 0 0 rgba(255, 169, 49, 0);
    }
}

.heading-section .subheading {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .3);
    color: #E4A41C;
    letter-spacing: 2px;
    font-weight: 600
}

.heading-section h2 {
    line-height: 1.2;
    font-size: 40px;
    font-weight: 700;
	color: #fff;
}
.heading-section h3 {
	color: #fff;
}
.heading-section h4 {
	color: #fff;
}

.heading-section h2 span {
    color: #E4A41C
}

.heading-section h2 span.number {
    color: #E4A41C
}

@media (max-width:767.98px) {
    .heading-section h2 {
        font-size: 28px
    }
}

.heading-section.heading-section-white .subheading {
    color: rgba(255, 255, 255, .9) !important
}

.heading-section.heading-section-white h2 {
    color: #fff
}

.heading-section.heading-section-white p {
    color: rgba(255, 255, 255, .9)
}

.img,
.blog-img,
.user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.testimony-section {
    position: relative;
    background: #474747;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    padding: 5em 0;
    z-index: 0
}

.testimony-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .75;
    background: #474747;
    z-index: -2
}

.testimony-section:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 58%;
    content: '';
    background: rgba(255, 255, 255, .03);
    -webkit-transform: matrix(1, 0, .5, 1, 150, 0);
    -ms-transform: matrix(1, 0, .5, 1, 150, 0);
    transform: matrix(1, 0, .5, 1, 150, 0);
    z-index: -1
}

.testimony-section .owl-carousel {
    margin: 0
}

.testimony-section .owl-carousel .owl-stage-outer {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

.testimony-section .owl-nav {
    position: absolute;
    bottom: 60px !important;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (max-width:991.98px) {
    .testimony-section .owl-nav {
        display: none
    }
}

.testimony-section .owl-nav .owl-prev,
.testimony-section .owl-nav .owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff !important;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -ms-transition: all .7s ease;
    transition: all .7s ease;
    opacity: 1
}

.testimony-section .owl-nav .owl-prev span:before,
.testimony-section .owl-nav .owl-next span:before {
    font-size: 20px;
    margin-top: 7px;
    color: #000
}

.testimony-section .owl-nav .owl-prev {
    top: 0 !important;
    right: 0 !important
}

@media (min-width:992px) {
    .testimony-section .owl-nav .owl-prev {
        right: 61px !important
    }
}

.testimony-section .owl-nav .owl-prev:hover,
.testimony-section .owl-nav .owl-prev:focus {
    background: #000 !important;
    outline: none !important
}

.testimony-section .owl-nav .owl-prev:hover span:before,
.testimony-section .owl-nav .owl-prev:focus span:before {
    font-size: 20px;
    margin-top: 7px;
    color: #fff
}

.testimony-section .owl-nav .owl-next {
    top: 0 !important;
    right: 0 !important
}

@media (min-width:992px) {
    .testimony-section .owl-nav .owl-next {
        right: 0 !important
    }
}

.testimony-section .owl-nav .owl-next:hover,
.testimony-section .owl-nav .owl-next:focus {
    background: #000 !important;
    outline: none !important
}

.testimony-section .owl-nav .owl-next:hover span:before,
.testimony-section .owl-nav .owl-next:focus span:before {
    font-size: 24px;
    margin-top: 7px;
    color: #fff
}

.testimony-section .owl-dots {
    text-align: center
}

.testimony-section .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3)
}

.testimony-section .owl-dots .owl-dot.active {
    background: #fff
}

.testimony-wrap {
    display: block;
    position: relative;
    color: rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 0
}

.testimony-wrap:after {
    position: absolute;
    top: 0;
    left: -60px;
    bottom: 0;
    content: '';
    width: 120px;
    height: 120px;
    background: #E4A41C;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1
}

.testimony-wrap .user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    background-position: top center
}

.testimony-wrap .user-img .quote {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 30px;
    height: 30px;
    background: #E4A41C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.testimony-wrap .user-img .quote i {
    color: #fff
}

.testimony-wrap .text {
    width: calc(100% - 100px)
}

.testimony-wrap .name {
    font-weight: 600;
    margin-bottom: 0;
    color: #000
}

.testimony-wrap .position {
    font-size: 18px;
    color: #E4A41C;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500
}

.ftco-counter {
    overflow-x: hidden;
    position: relative
}

@media (max-width:1199.98px) {
    .ftco-counter {
        background-position: center center !important
    }
}

.ftco-counter .block-18 {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    background: rgba(0, 0, 0, .05);
    background: #474747;
    padding: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.ftco-counter .block-18:before {
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    content: '';
    width: 50%;
    background: rgba(255, 255, 255, .15);
    z-index: -1;
    -webkit-transform: matrix(1.5, 0, -.3, 1, 0, 0);
    -ms-transform: matrix(1.5, 0, -.3, 1, 0, 0);
    transform: matrix(1.5, 0, -.3, 1, 0, 0)
}

.ftco-counter .text strong.number, .ftco-counter .text strong.suffix {
    font-weight: 700;
    font-size: 30px;
    color: #E4A41C;
    /*display: block*/
}

.ftco-counter .text span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, .9);
    letter-spacing: 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.gallery {
    width: 100%;
    height: 300px;
    display: block;
    position: relative;
    z-index: 0
}

.gallery .overlay {
    position: absolute;
    content: '';
    background: #fff;
    z-index: -1;
    opacity: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.gallery .overlay {
    background: #474747;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.gallery .icon {
    opacity: 0;
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #E4A41C;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.gallery .icon span {
    color: #fff
}

.gallery:hover .icon {
    opacity: 1
}

.gallery:hover .overlay {
    opacity: .8
}

.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 250px;
    width: 100%;
    position: relative;
    display: block
}

.blog-entry {
    width: 100%;
    margin-bottom: 40px
}

@media (max-width:767.98px) {
    .blog-entry {
        margin-bottom: 30px
    }
}

.blog-entry .text {
    position: relative;
    border-top: 0;
    border-radius: 2px;
    width: 100%;
    background: #fff;
    padding: 20px 30px
}

.blog-entry .text .tag {
    color: #b3b3b3
}

.blog-entry .text .heading {
    font-size: 22px;
    margin-bottom: 16px
}

.blog-entry .text .heading a {
    color: #000
}

.blog-entry .text .heading a:hover,
.blog-entry .text .heading a:focus,
.blog-entry .text .heading a:active {
    color: #E4A41C
}

.blog-entry .meta p {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
}

.blog-entry .meta p a {
    color: #E4A41C;
    font-size: 12px
}

.blog-entry .meta p a:hover {
    color: #000
}

.blog-entry .text p {
    color:#000;
}

.block-23 ul {
    padding: 0
}

.block-23 ul li,
.block-23 ul li>a {
    display: table;
    line-height: 1.5;
    margin-bottom: 15px
}

.block-23 ul li span {
    color: rgba(255, 255, 255, .5)
}

.block-23 ul li .icon,
.block-23 ul li .text {
    display: table-cell;
    vertical-align: top
}

.block-23 ul li .icon {
    width: 40px;
    font-size: 18px;
    padding-top: 2px;
    color: #000
}

.block-6 .media-body p {
    font-size: 16px
}

.block-27 ul {
    padding: 0;
    margin: 0
}

.block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400
}

.block-27 ul li a,
.block-27 ul li span {
    color: #474747;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.block-27 ul li.active a,
.block-27 ul li.active span {
    background: #474747;
    color: #fff;
    border: 1px solid transparent
}

.contact-section .img {
    width: 100%;
    background-position: top center
}

.contact-section .contact-form {
    width: 100%;
    border-radius: 5px;
    background: #141414
}

@media (max-width:767.98px) {
    .contact-section .contact-form .btn-primary {
        display: block;
        width: 100%
    }
}

.contact-section .contact-form .form-control {
    border: none;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 20px
}

.contact-section .contact-form .form-control {
    height: 36px;
    background: #fff !important;
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none
}

.contact-section .contact-form .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .8) !important
}

.contact-section .contact-form .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, .8) !important
}

.contact-section .contact-form .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, .8) !important
}

.contact-section .contact-form .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, .8) !important
}

.contact-section .contact-form .form-control:focus,
.contact-section .contact-form .form-control:active {
    border-color: #E4A41C !important
}

.contact-section .contact-form textarea.form-control {
    height: inherit !important
}

.dbox {
    width: 100%;
    margin-bottom: 0
}

@media (max-width:767.98px) {
    .dbox {
        margin-bottom: 25px !important;
        padding: 0 20px
    }
}

.dbox p {
    margin-bottom: 0
}

.dbox p span {
    font-weight: 500;
    color: #fff
}

.dbox p a {
    color: #E4A41C
}
.dbox p a:hover{
    color: #fff
}

.dbox .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E4A41C;
    margin: 0 auto;
    margin-bottom: 20px
}

.dbox .icon span {
    font-size: 20px;
    color: #000
}

.dbox .text {
    width: calc(100% - 50px);
    padding-left: 15px
}

.dbox .text span {
    display: block;
    line-height: 1.2
}

#map {
    width: 100%
}

@media (max-width:767.98px) {
    #map {
        height: 300px
    }
}

.block-9 .form-control {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px
}

.block-21 .blog-img {
    display: block;
    height: 80px;
    width: 80px
}

.block-21 .text {
    width: calc(100% - 100px)
}

.block-21 .text .heading {
    font-size: 18px;
    font-weight: 400
}

.block-21 .text .heading a {
    color: #000
}

.block-21 .text .heading a:hover,
.block-21 .text .heading a:active,
.block-21 .text .heading a:focus {
    color: #E4A41C
}

.block-21 .text .meta>div {
    display: inline-block;
    margin-right: 5px
}

.block-21 .text .meta>div a {
    text-transform: uppercase;
    font-size: 12px;
    color: #b3b3b3
}

.tagcloud a {
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
    margin-right: 4px;
    border-radius: 4px;
    color: #000;
    border: 1px solid #f2f2f2;
    font-size: 11px;
    background: #f2f2f2
}

.tagcloud a:hover {
    border: 1px solid #000
}

.comment-form-wrap {
    clear: both
}

.comment-list {
    padding: 0;
    margin: 0
}

.comment-list .children {
    padding: 50px 0 0 40px;
    margin: 0;
    float: left;
    width: 100%
}

.comment-list li {
    padding: 0;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    clear: both;
    list-style: none
}

.comment-list li .vcard {
    width: 100px;
    float: left
}

.comment-list li .vcard img {
    width: 50px;
    border-radius: 50%
}

.comment-list li .comment-body {
    float: right;
    width: calc(100% - 100px)
}

.comment-list li .comment-body h3 {
    font-size: 20px
}

.comment-list li .comment-body .meta {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .1em;
    color: #ccc;
    color: #E4A41C;
    display: block;
    margin-bottom: 10px
}

.comment-list li .comment-body .reply {
    padding: 5px 10px;
    background: #e6e6e6;
    background: #E4A41C;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em;
    font-weight: 400;
    border-radius: 4px
}

.comment-list li .comment-body .reply:hover {
    color: #fff;
    background: #000
}

.search-form {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 4px
}

.search-form .form-group {
    position: relative;
    margin-bottom: 0
}

.search-form .form-group input {
    padding-right: 50px;
    font-size: 14px
}

.search-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-box {
    margin-bottom: 30px;
    padding: 25px;
    font-size: 15px;
    width: 100%
}

.sidebar-box h3 {
    font-size: 18px;
    margin-bottom: 15px
}

.sidebar-box .heading-sidebar {
    font-weight: 500;
    margin-bottom: 20px
}

.categories {
    padding: 0;
    margin: 0
}

.categories li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    list-style: none
}

.categories li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.categories li a {
    display: block;
    color: #1a1a1a
}

.categories li a span {
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc
}

.categories li.active a {
    color: #000;
    font-style: italic
}

.image-popup {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

#ftco-loader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 1000
}

#ftco-loader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#ftco-loader.show {
    -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
    -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
    transition: opacity .4s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1
}

#ftco-loader .circular {
    -webkit-animation: loader-rotate 2s linear infinite;
    animation: loader-rotate 2s linear infinite;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

#ftco-loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loader-dash 1.5s ease-in-out infinite;
    animation: loader-dash 1.5s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes loader-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -136px;
    }
}
a.video-play-btn {
    position: absolute;
    background-color: #E4A41C;
    color: #051922;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 92px;
    border-radius: 50%;
    font-size: 20px;
    padding-left: 5px;
    display: block;
    z-index: 2;
    top: 50%;
    margin-top: -45px;
    -webkit-box-shadow: 0 0 20px #adadad;
    box-shadow: 0 0 20px #adadad;
    left: 50%;
    margin-left: -45px;
}
a.video-play-btn:hover {
    background-color: #333;
    color: #E4A41C;
}
.abt-bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.vid-stock {
    height: 68%;
}

.edit-text h1,
.edit-text h2,
.edit-text h3,
.edit-text h4,
.edit-text h5,
.edit-text .h1,
.edit-text .h2,
.edit-text .h3,
.edit-text .h4,
.edit-text .h5 {
    color: rgba(255, 255, 255, .9);
}

.edit-text img{
	max-width: 100%;
	height: auto;
}

.path {
	stroke: #E4A41C;
}
.map{
	width: 100%;
	height: 300px;
    margin-top: 30px;
}

.video-foreground,
.video-background iframe {
	width: 100%;
	height: 700px;
	pointer-events: none;
}
.video-foreground{
    overflow: hidden;
}
.video-foreground video{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-67%);
    -ms-transform: translate(-50%,-67%);
    transform: translate(-50%,-67%);
    object-fit: cover;
}

.overlay {
    position: relative;
    z-index: 1
}

.overlay:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    opacity: 0.55;
    background: #000
}

section.content {
	position: absolute;
    left: 50%;
    /*transform: translate(-50%, -75%);*/
    transform: translate(-50%, 0%);
    z-index: 1;
    width: 100%;
    top: 55%;
}

@media (max-width: 991px){
	.video-foreground,
	.video-background iframe,
	.video-background video {
		height: 500px;
	}
	
	.video-foreground video{
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}
@media (max-width: 767px){
	.video-foreground,
	.video-background iframe,
	.video-background video {
		height: 360px;
	}
}
@media (max-width: 991px) and (max-height:800px){
	section.content {
		transform: translate(-50%, 0%);
	}
}
@media (max-width: 991px) and (max-height:450px){
	section.content {
		transform: translate(-50%, 20%);
	}
}
@media (max-width: 767px) and (max-height:800px){
	section.content {
		transform: translate(-50%, 0%);
	}
}
@media (max-width: 767px) and (max-height:650px){
	section.content {
		transform: translate(-50%, 75%);
	}
}
@media (max-width: 450px) and (max-height:800px){
	section.content {
		transform: translate(-50%, 0%);
	}
}
@media (max-width: 450px) and (max-height:600px){
	section.content {
		transform: translate(-50%, 30%);
	}
}
@media (max-width: 450px) and (max-height:480px){
	section.content {
		transform: translate(-50%, 50%);
	}
}


.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
	color: #FEFEFE !important;
	background-color: #E4A41C !important;
}

.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    background: #222
}
.top-header{
	top:41px;
}
.top-header.sticky-bar{
    z-index: 9998;
}
.top-btn{
	background: transparent;
    color: #fff;
    border-radius: 29px;
    border: solid 2px #fff;
    padding: 10px 0px;
    font-weight: 400;
    font-size: 17px;
    text-transform: none;
}
.top-btn:hover{
    background: #E4A41C;
    color: #000;
}

.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 32px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 34px;
    z-index: 100;
}
/*--------White background edits----------------*/
/*

.ftco-footer-widget a img{
    filter: saturate(0) brightness(60);
}
.whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 77px;
    right: 32px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 34px;
    z-index: 100;
}

.appointment-wrap h3 {
    color: white;
}
.topper .text .con span a {
    color: black;
}
.topper .text .hr span {
    color: black;
}
.topper .text .con a {
    color: black;
}
.services-wrap .text h2 {
    font-size: 24px;
    color: black;
    text-align: center;
    font-weight: bold;
}
.heading-section h2 {
    color:black;
}
.hero-wrap .overlay {
    content: '';
    opacity: .35;
}

#injected .list-content .list-title .list-title-text, #injected .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, #injected .faceted-search-content .faceted-section-box .faceted-option-checkbox-container.faceted-header, #injected .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-count, #injected .breadcrumbs .breadcrumbs-element, #injected .dealer-info, #injected .contact-info-heading h2, #injected .dealer-info a[href^="tel:"].field-value, #injected .detail-additional-data h3, #injected .mc-thumbs .mc-thumb-strip, #injected .faceted-search-content .selected-facets-container .selected-header, #injected .detail-mobile-title, #injected .dealer-info a h3, #injected .list-content .list-top-section .list-sort-order .sort-by-dropdown-container {
    color: black !important;
}
.edit-text h1, .edit-text h2, .edit-text h3, .edit-text h4, .edit-text h5, .edit-text .h1, .edit-text .h2, .edit-text .h3, .edit-text .h4, .edit-text .h5 {
    color: rgba(0, 0, 0, .9);
}

.contact-section label{
    color:white;
}

.dbox p span {
    font-weight: 500;
    color: black;
}

.slider-text h2{
    color:white;
}
.slider-text p:first-of-type{
    font-size:18px;
    font-weight:600;
}
.slider-text .btn {
    font-size: 20px;
    margin-right: 10px;
    margin-bottom: 15px;
}
*/

.slider-text h2{
    color:white;
}
.slider-text p:first-of-type{
    font-size:18px;
    font-weight:600;
}
.slider-text .btn {
    font-size: 20px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.banner h2, .banner h3 {
    color: #fff;
    font-weight: 700;
}

.banner p, .banner li, .banner li a {
    color: #000;
    list-style: none;
}

.banner ul {
    padding: 0;
}

.banner .bg-dark li {
    color: #fff;
}

.banner h3 {
    padding-top: 13px;
    color: #a21c26;
    font-size: 22px;
}

.banner-img {
    object-fit: cover;
    width: 100% !important;
    max-height: 430px;
    object-position: bottom;
}

.bg-dark {
  background-color: #474747 !important;
}

.bg-banner {
    background: #9e9e9e !important;
}

.page-bobcat-inner h4{
    background:#E4A41C;
    transition:all ease 0.3s;
}

.page-bobcat-inner a:hover h4{
    color:white;
}

.page-bobcat-banner{
    padding: 133px 0px;
    background-image: url(../img/bg-pagebobcat.jpg);
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: rgb(0 0 0 / 44%) 0 0 0 1000000px inset;
}

.page-bobcat-banner p{
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 450px){
   .page-bobcat-banner{
    padding: 50px 0px;
    background-image: url(../img/bg-pagebobcat.jpg);
   
}

.page-bobcat-banner p{
    font-size: 17px;
    line-height: 24px;
} 
}