/********** Template CSS **********/
:root {
    --primary: #2f3627;
    --secondary: #d30707;
    --light: #EEF9FF;
    --dark: #000;
}
/* Font declarations ***************************/

@font-face {
    font-family: basic;
    src: url("../fonts/MinSans-Regular.ttf");
    font-weight:bolder;
    
}
@font-face {
    font-family: juliet;
    src: url("../fonts/Anurli-PzW2.ttf");
    font-weight:bolder;
    
}
@font-face {
    font-family: oleo;
    src: url("../fonts/OleoScript-Regular.ttf");
    font-weight:bolder;
    
}

.oleo-style{
    font-family: oleo;
}

body, html{
    font-family: juliet !important;
}
a {
    font-family: basic !important; color:#d30707 !important;
}
h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.btn {
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    transition: .5s;
}
.me-2 {
    color:white !important;font-weifght:bold;
}
.btn-primary,
.btn-secondary {
    color: #FFFFFF !important;
}

.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: #FFFFFF;
}

.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.top-shape::before {
    position: absolute;
    content: "";
    width: 185px;
    height: 100%;
    top: 0;
    left: -97px;
    background: var(--primary);
    transform: skew(140deg);
}
.triangle-right::before {
    position: absolute;
    content: "";
    background: var(--primary);
    top: 0;
	width: 0;
	height: 0;
	border-top: 22px solid var(--primary);
	border-left: 30px solid var(--primary);
	border-bottom: 22px solid var(--primary);
}
.navbar-toggler-icon {
    color: #000 !important;
    height: 54px !important;
    width: 24px !important;
    font-size: 30px;
    z-index: 10000 !important;
}
.navbar-toggler{

      padding: 6px 4px 2px !important;z-index: 100000;
}

.navbar-nav a:hover{
    
    background-color:#d30707 !important;
    color:#fff !important;
    padding-right:0px !important;
    text-align: center !important;
    padding: 10px 20px !important;
    border-radius:10px;
    
}
.navbar-nav {
    
    padding-left:0px !important;
    padding-top:0px !important;
    margin-right: 0px !important;
    text-align: center !important;
    padding:0px !important;
    
}
.navbar-light .navbar-nav .nav-link {
    font-family: basic !important;
    padding: 10px 20px;
    font-size: 18px;
    color: var(--dark);
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 10px 15px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
    
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(220, 199, 170, .2);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (min-width: 991.98px) {
    .banner {
        position: relative;
        margin-top: 90px;
        z-index: 1;
    }
}

.section-title h5::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    right: -55px;
    bottom: 11px;
    background: var(--primary);
}

.section-title h5::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    right: -75px;
    bottom: 11px;
    background: var(--secondary);
}

.twentytwenty-wrapper {
    height: 100%;
}


.service-item img,
.service-item .bg-light,
.service-item .bg-light h5,
.team-item .team-text {
    transition: .5s;
}

.service-item:hover img {
    transform: scale(1.15);
}

.team-item .team-text::after,
.service-item .bg-light::after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-radius:100px / 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.team-item:hover .team-text::after,
.service-item:hover .bg-light::after {
    opacity: 1;
}

.bg-offer {
    /*background:url(../img/carousel-1.jpg) center center no-repeat;*/
    padding:0px;
    background-size: cover;
    height:550px !important;
    position: relative;
    top:9px;
    border-top:2px solid;
    
}
@media (max-width:600px){
    .bg-offer {
    /*background:url(../img/carousel-1.jpg) center center no-repeat;*/
    background-size: cover;
     height:350px !important;
        
}
}
.bg-about {
    background:url(../img/carousel-mod4.jpg) center center no-repeat;
    background-size: cover;
    height:350px;
}
@media (max-width:600px){
    .bg-about {
    background:url("../img/carousel-mod4.jpg") center center no-repeat;
    background-size: cover;
    height:350px !important;
        position: relative;
        top:80px !important;
    
}
    
}
.bg-services {
    background:url("../img/carousel-mod7.jpg") bottom;
    background-position: 0% 40%;
    background-size: cover;
    height:350px;
}
@media (max-width:600px){
    .bg-services {
    background:url(../img/carousel-mod7.jpg) center center no-repeat;
    background-size: cover;
     height:350px !important;
        position: relative;
        top:80px !important;
}
    
}
.bg-contact {
    background:url("../img/carousel-mod3.jpg") center center no-repeat;
    background-size: cover;
    height:350px;
}
@media (max-width:600px){
    .bg-contact {
    background:url(../img/carousel-mod3.jpg) center center no-repeat;
    background-size: cover;
     height:350px !important;
       
}
    
}
.bg-quote {
    background:url(../img/carousel-4.jpg) center center no-repeat;
    background-size: cover;
    height:350px;
}
@media (max-width:600px){
    .bg-quote {
    background:url(../img/carousel-4.jpg) center center no-repeat;
    background-size: cover;
     height:350px !important;
        position: relative;
        top:80px !important;
        
}
    
}

.price-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 45px);
    height: 45px;
    top: calc(50% - 22.5px);
    left: -22.5px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
}

.price-carousel:hover .owl-nav {
    opacity: 1;
}

.price-carousel .owl-nav .owl-prev,
.price-carousel .owl-nav .owl-next {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
}

.price-carousel .owl-nav .owl-prev:hover,
.price-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.bg-testimonial {
    
    background-size: cover;
    background-color:#fff;
    
}

.testimonial-carousel {
    
    background: #22b3ef;
    
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: calc(100% + 46px);
    height: 46px;
    top: calc(50% - 23px);
    left: -23px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}

.testimonial-carousel .owl-item img {
    width: 120px;
    height: 120px;
}




/* Testimonials slider ************************************************************/

.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}


/* Above Nav and logo elements ****************************************************/
/**********************************************************************************/
@media screen and (min-width:299px) and (max-width:600px){
    .logo img{
        height: 50px !important;
        transition: .5s;
        position: relative;
        left:-23px;
        margin-top:10px;
        padding-bottom:10px;
    }
    nav.black .logo img{
        height: 45px !important;
        margin-bottom: 12px;
        transition: .5s;
        position: relative;
        left:-23px;
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-34px;
        top:7px;
        font-size: 32px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-20px;
        font-size: 30px !important;
        transition:.3s;
        
    } 
    .new-slider__inner {
        z-index: -10000; position:relative;text-align:left;
        top:150px; left:49px; font-size:20px;
        font-family:basic; color: red; 
        font-weight:400; letter-spacing: -1px; 
        line-height: 35px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      
    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-4.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-4.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-4.png');z-index: -100;
    }
    .home-section-1-header{
        font-size: 27px; padding-top:10px;padding-bottom:10px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 24px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 60vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-left:40px; 
        padding-right:40px; 
        margin-top:0px !important;
        
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 0px;
    }
    .example-cars-wrapper {
        padding-left:40px;
        padding-right:40px;
        padding-bottom:25px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}
@media screen and (min-width:599px) and (max-width:767px){
    .logo img{
        height: 50px !important;
        transition: .5s;
        position: relative;
        margin-top:10px;
        padding-bottom:10px;
        left:10px;
    }
    nav.black .logo img{
        height: 45px !important;
        margin-bottom: 12px;
        transition: .5s;
        position: relative;
        left:10px;
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-50px;
        top:7px;
        font-size: 40px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-110px;
        font-size: 35px !important;
        transition:.3s;
        
    } 
    .new-slider__inner {
       z-index: -10000; position:relative; top:100px; left:222px; font-size:32px;
       font-family:basic; color: black; font-weight:400; letter-spacing: -1px; 
       line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      background-position: right bottom;

    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-1-header{
        font-size: 50px; padding-top:40px;padding-bottom:20px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 17px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 60vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .logo img{
        height: 50px !important;
        transition: .5s;
        position: relative;
        left:-310%;
        margin-top:10px;
        padding-bottom:10px
    }
    nav.black .logo img{
        height: 45px !important;
        margin-bottom: 12px;
        transition: .5s;
        position: relative;
        right:70px;
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-41%;
        top:7px;
        font-size: 40px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:-45%;
        font-size: 35px !important;
        transition:.3s;
        
    } 
    .new-slider__inner {
        z-index: -10000; position:relative; top:100px; left:222px; font-size:42px;
        font-family:basic; color: black; font-weight:400; letter-spacing: -1px; 
        line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      background-position: right bottom;

    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-1-header{
        font-size: 50px; padding-top:40px;padding-bottom:20px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 20px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 60vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}
@media screen and (min-width:992px) and (max-width:1139px){
    #home-header-email{
        display:none;
    }
    .logo img{
        height: 70px !important;
        transition: .5s;
        position: relative;
        left:10px;
        margin-top:10px;
        padding-bottom:10px;
    }
    nav.black .logo img{
        height: 50px !important;
        margin-bottom: 12px;
        transition: .5s;
        position: relative;
        left:10px;
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:10px;
        top:15px;
        font-size: 40px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:10px;
        font-size: 35px !important;
        transition:.3s;
        
    }
    nav.black .navbar-nav{
        position: relative;
        left:7%;
    }
    .navbar-nav{
        position: relative;
        left:30%;
    }
    .new-slider__inner {
        z-index: -10000; position:relative; top:100px; left:222px; font-size:42px;
        font-family:basic; color: black; font-weight:400; letter-spacing: -1px; 
        line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      background-position: right bottom;

    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-1-header{
        font-size: 50px; padding-top:40px;padding-bottom:20px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 25px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 60vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}
@media screen and (min-width:1140px) and (max-width:1300px){
    .logo img{
        height: 70px;
        transition: .5s;
        position: relative;
        left:130px;
        margin-top:10px;
        padding-bottom:10px;
    }
    nav.black .logo img{
        height: 60px;
        margin-bottom: 12px;
    }
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:130px;
        font-size: 48px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:130px;
        font-size: 35px !important;
        transition:.3s;
        
    }   
    nav.black .navbar-nav{
        position: relative;
        left:21%;
    }
    .navbar-nav{
        position: relative;
        left:30%;
    }
    .new-slider__inner {
    z-index: -10000; position:relative; top:100px; left:222px; font-size:52px;
    font-family:basic; color: black; font-weight:400; letter-spacing: -4px; 
    line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      background-position: right bottom;

    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-3-header-text{
        font-size: 30px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 70vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}       
@media screen and (min-width:1301px) and (max-width:1649px){
    .logo img{
        height: 70px;
        transition: .5s;
        position: relative;
        left:130px;
        margin-top:10px;
        padding-bottom:10px;
    }
    nav.black .logo img{
        height: 60px;
        margin-bottom: 12px;
    }
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:130px;
        font-size: 48px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:130px;
        font-size: 35px !important;
        transition:.3s;
        
    }   
    nav.black .navbar-nav{
        position: relative;
        left:30%;
    }
    .navbar-nav{
        position: relative;
        left:30%;
    }
    .new-slider__inner {
    z-index: -10000; position:relative; top:100px; left:222px; font-size:52px;
    font-family:basic; color: black; font-weight:400; letter-spacing: -4px; 
    line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
      position: relative;
      top:0;
      height: 100%;
      background-size: cover;
      background-position: right bottom;

    }
    .new-slide-1 {
    background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-1-header{
        font-size: 50px; padding-top:40px;padding-bottom:20px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 35px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 80vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}
        
@media screen and (min-width:1650px){
    .logo img{
        height: 70px;
        transition: .5s;
        position: relative;
        left:30px;
        margin-top:10px;
        padding-bottom:10px;
    }
    nav.black .logo img{
        height: 60px;
        margin-bottom: 12px;
    }
    .logo-title {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:20px;
        font-size: 48px !important;
        transition:.3s;
    }
    .logo-title-small {
        font-family: oleo;
        position: relative;
        color:#d30707 !important;
        left:30px;
        font-size: 35px !important;
        transition:.3s;
        
    } 
    .navbar-nav{
        position: relative;
        left:40%;
    }
    nav.black .navbar-nav{
        position: relative;
        left:30%;
    }
    .new-slider__inner {
        z-index: -10000; position:relative; top:100px; left:222px; font-size:52px;
        font-family:basic; color: black; font-weight:400; letter-spacing: -4px; 
        line-height: 55px;font-feature-settings: kern;
    }
    .new-slider__outer {
        position: relative;
        top:0;
        height: 100%;
        background-size: cover;
        background-position: right bottom;
    }
    .new-slide-1 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-1.png');z-index: -100;
    }
    .new-slide-2 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-2.png');z-index: -100;
    }
    .new-slide-3 {
        background-image: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(0, 0, 0, .0)), url('../img/main-image-3.png');z-index: -100;
    }
    .home-section-1-header{
            font-size: 50px; padding-top:40px;padding-bottom:20px; color:#d30707;
    }
    .home-section-3-header-text{
        font-size: 35px;font-family: oleo;
    }
    .demo-cont {
      overflow: hidden;
      position: relative;
      height: 80vh;
      perspective: 1500px;
      background: #000;
    }
    
    .section-2-box{
        background-image:url("../img/dollar-sign-bg.png");
        background-repeat:no-repeat;
        padding-right:20px; 
        padding-left:20px; 
    }
    .section-2-box-inner{
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding: 20px;
    }
    .example-cars-wrapper {
        padding:20px;
    }
    .example-cars {
        background-image:url("../img/customer-car-1.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
   .example-cars2 {
        background-image:url("../img/customer-car-2.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
.example-cars3 {
        background-image:url("../img/customer-car-3.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars4 {
        background-image:url("../img/customer-car-4.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars5 {
        background-image:url("../img/customer-car-5.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
    .example-cars6 {
        background-image:url("../img/customer-car-6.png");
        background-size:cover;
        background-repeat: no-repeat;
        border-radius:15px; 
        box-shadow: 1px 1px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        padding:0px;
        height:300px;
        width:auto;
        
    }
}

    nav{
        z-index: 1000;
        width: 100%;
        position: relative;
        top: 0;
        padding-left: 120px;
        box-sizing: border-box;
        transition: .2s;
        padding: 15px 29px !important;
        background-color: #dee9dd; 
        height:auto;
    }
    nav.black{
        background: rgba(255,255,255,0.95);
        height: 80px;
        padding: 15px 30px !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        color:#000;
        position:fixed;
        top:0px;
        left:0px;
        animation: mymove .8s; 

}    

@keyframes mymove {
      from {top: 30px;}
      to {top: 0px;}
}
    nav.black-margin{
        margin-top:0px !important;
        margin-left:0px;
        margin-right:0px;
        
        background-color: #dee9dd; 

    }
    
    
    .logo2 img{
        height: 70px;
        
        position: relative;
        left:-10px;
        top:-10px;
        margin-top:10px;
        padding-bottom:10px;
    }
    
    .product-desc-text{
        text-align: justify; font-size:18px;line-height: 29px;
    }
    
    
/* End Above Nav elements *************************************************************
/*************************************************************************************/

/*************************************************************************************/
/* Minor elemenets *******************************************************************/

    
    .testimonial-item p{

        font-size:15px !important;
        text-align: left !important;
        color:white;
    }
    @media (max-width:600px){
        .testimonial-item p{
        font-size:13px !important;
        text-align: left !important;
        }
     
    }

  /* Separator Bars *******************************************************************/
  /************************************************************************************/
    
    .seperator-bar-blank{
        font-family:halium; 
        color:#000;
        font-size: 55px;
        background: #fff;
        background-repeat: no-repeat;
        background-position: middle; 
        background-size: cover;
        padding-top:40px;
        padding-bottom:0px;
        
    }
    .seperator-bar-1{
        font-family:halium; 
        color:#000;
        font-size: 55px;
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2)), 
                url(../img/bg-pattern2.jpg);
        background-repeat: no-repeat;
        background-position: middle; 
        background-size: cover;
        padding-top:40px;
        padding-bottom:0px;
        border-top:2px solid #6b7a8f;
        border-bottom:2px solid #6b7a8f;
        width:101%;
    }
    .seperator-bar-2{
        font-family:halium; 
        color:#000;
        font-size: 60px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/bg-pattern7.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%; 
        background-size:cover;
        padding-top:40px;
        padding-bottom:0px;
        border-top:2px solid #6b7a8f;
        border-bottom:2px solid #6b7a8f;
    }
    .seperator-bar-3{
        font-family:halium; 
        color:#000;
        font-size: 40px;
        padding-top:40px;
        padding-bottom:10px;  
    }
    .seperator-bar-4{
        font-family:halium; 
        color:#000;
        font-size: 60px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/Facebook Cover.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%; 
        background-size:cover;
        padding-top:40px;
        padding-bottom:0px;
        border-top:2px solid #6b7a8f;
        border-bottom:2px solid #6b7a8f;
        height:600px;
    }
    .seperator-bar-5{
        font-family:halium; 
        color:#000;
        font-size: 60px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/bg-pattern4.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%; 
        background-size:cover;
        padding-top:40px;
        padding-bottom:0px;
        border-top:2px solid #6b7a8f;
        border-bottom:2px solid #6b7a8f;
    }
    .seperator-bar-6{
        padding-top:80px;
        padding-bottom:20px;
        height:auto;
        background-image: linear-gradient(to right, #66a879 , #9dcaa6);
    }
    .map-bar-1{
        height:400px;
        background-image: url("../img/map-1.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: middle;
        margin-bottom:0px !important;
    }
    @media (max-width:600px)
    {
            
       .seperator-bar-1{
        font-family:halium;
        color:#000;
        font-size: 30px;
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
            url('../img/bg-pattern2.jpg');

        background-position: 50% 50%; 
        background-size: 90%;
        padding-top:20px;
        padding-bottom:20px;
        border-top:3px solid #6b7a8f;
        border-bottom:3px solid #6b7a8f;
           width:100%;
       } 
       
       .seperator-bar-2{
        font-family:halium;
        color:#000;
        font-size: 30px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/bg-pattern7.jpg');
        background-position: 50% 50%; 
        background-size: 90%;
        padding-top:20px;
        padding-bottom:20px;
        border-top:3px solid #6b7a8f;
        border-bottom:3px solid #6b7a8f;
       } 
       .seperator-bar-3{
        font-family:halium; 
        color:#000;
        font-size: 40px;
        padding-top:40px;
        padding-bottom:10px;  
       }
        .seperator-bar-4{
        font-family:halium;
        color:#000;
        font-size: 30px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/Facebook Cover.jpg');
        background-position: 50% 50%; 
        background-size: 90%;
        padding-top:20px;
        padding-bottom:20px;
        border-top:3px solid #6b7a8f;
        border-bottom:3px solid #6b7a8f;
            height:200px;
        }
        .seperator-bar-5{
        font-family:halium;
        color:#000;
        font-size: 30px;
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)), 
                url('../img/bg-pattern4.jpg');
        background-position: 50% 50%; 
        background-size: 90%;
        padding-top:20px;
        padding-bottom:20px;
        border-top:3px solid #6b7a8f;
        border-bottom:3px solid #6b7a8f;
        }
       .map-bar-1{
        height:150px;
        background-image: url("../img/googe-earth-map-1.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: middle;
        padding-bottom:0px;
        margin-bottom:0px;
       }
    }
    

    /* End Separator Bars ***************************************************************/
    /************************************************************************************/

    .email-and-phone-style{
        font-size: 22px;
        text-align: left;
        padding-left:30px;
        padding-right:60px;
        font-family: basic;
    }
    .email-and-phone-style p{
        font-size: 20px;
        text-align: left;
        padding-left:35px;
        padding-top:0px;
        font-family: basic;
    }
    /* Begin The Modal screen cover deal ************************************************/

    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 16000; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Modal Content */
    .modal-content {
      background-color:#6b6a75;
      margin: auto;
      width: 50%;   
    }
    
    /* The modal Close Button */
    .close {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

    @media (max-width:600px)
    {
        /* Modal Content */
        .modal-content {
        background-color:#6b6a75;
        margin: auto;
        width: 100%;   
        } 
        
    }
    .border-end2{
        border-right:1px solid #dee2e6 !important;
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        
        background: white;
        transform: skew(40deg);
        
    }
    
    /** Home page elements *************************************************/
    
    .home-section-1{
        background-color:#fff;
    }
    .home-section-1 .header-1{
        font-size:35px;
        color:#1d3422;
        text-align: center;
        
    }
    
    .home-header-text-1{
        color:white;
        font-family: basic; 
        font-size:16px;
        position: relative;
        left:110px;
    }
    .home-header-email-1{
        color:white;
        font-family: basic; 
        font-size:16px;
        position: relative;
        right:150px;
    }
    .home-header-phone-1{
        color:white;
        font-family: basic; 
        font-size:16px;
        position: relative;
        right:150px;
        transition:.2s;
        
    }
@keyframes move-phone-number {
      from {top: 0px;}
      to {top: 35px;}
}
    .home-header-phone-1-move{
        color:#000;
        font-family: basic; 
        font-size:16px;
        font-weight:bold;
        position: fixed;
        right:150px;
        transition:.2s;
        top:27px;
        z-index: 1000;
        animation: move-phone-number .2s;
        
    }
    
    .icon-set-1 img{
        height:60px;
        position:relative;
        top:70px;
        left:30px;
        padding-bottom:0;
        }
    

    .home-section-2-text{
        font-family:basic;
        font-size:18px;
        text-align:justify;
        padding-top:20px;
        padding-bottom:20px;
        padding:20px;
    
    }
    .home-section-2-text-2{
        margin-top:0px;
        font-family:oleo;
        font-size:16px;
        text-align: left;
        line-height:14px;
        border-left:0px solid #66a879;
        padding-left:15px;
    
    }

    .home-section-3{
        background-image: url("../img/photos/pexels-photo-244206.jpeg");
        font-family:basic;
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
        height:auto;
       

        /* Full height */
        height: 100%; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;

    }
    .home-section-3 .cover-layer-1{
        background-color: rgba(211, 7, 7, 0.6);
        position: relative;
        margin-left:0px !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .home-section-3-text{
        color:white;
    }
    .home-section-3-text-2{
        color:white;
        font-size: 20px;
        padding:20px;
    }
    .home-section-3-text-2 a{
        color:#66a879 !important;
    }
        
    .home-s4-card{
         
        
        /*border:1px solid #66a879;*/
        padding:15px;
        
    }
.home-s4-card-old{
        border-radius:7px; 
        box-shadow: 2px 2px 7px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 2px 2px 7px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 2px 2px 7px 1px rgba(122,133,129,0.75);
        /*border:1px solid #66a879;*/
        padding:10px;
        background-color:#fff;
    }
    .home-s4-text{
        margin-top:30px;
        margin-bottom:40px;
        font-family:basic;
        font-size:16px;
        text-align: left;
        line-height:14px;
        padding-left:10px;
        
    }
    .text-color{
        color:#4afa7c;
    }
    
    .home-s5-text{
            margin-top:40px;
            font-family:basic;
            font-size:25px;
            text-align: center;
            line-height:14px;
            padding-left:10px;
    }
    .home-s5-text-wrapper{
            display:flex;position: relative;left:20%;
    }

/*-------------------------- Buttons & text ------------------------------*/
@media screen and (min-width:299px) and (max-width:799px)
{
    .call-btn-1{
        border-radius:8px;position: relative; top:-10px; border: 1px solid #d30707 !important; background-color: white !important;color:black !important;
        padding:2px !important;padding-left:5px !important;margin-top:30px;
    }
    .call-btn-1:hover{
        border-radius:8px;position: relative; top:-10px; border: 1px solid #fff !important; background-color: #d30707 !important;color:white!important;
    }
    .call-btn-2{
        border-radius:5px;position: absolute; left:60%;top:-10px; border: 1px solid #000 !important; background-color: white !important;color:black!important;
    }
    .call-btn-2:hover{
        border-radius:5px;position: relative; top:-10px; border: 1px solid #4afa7c !important; background-color: #4afa7c !important;color:white!important;
    }
    .call-btn-3{
        border-radius:8px;background-color: #d30707 !important;color:white !important;padding:0px !important;height:50px !important; width:200px !important;margin-top: 25px;
        font-size: 20px !important;line-height: 40px !important;border:none !important;position:relative; left:40px;
    }
    .call-btn-3:hover{
        border-radius:8px; border: 1px solid #d30707 !important;background-color:#fff !important;color:#d30707 !important;transition:.3s;
    }
    .call-btn-3 a:hover{
        background-color: transparent !important;
        color:#d30707 !important;
        transition:.3s;
    }
    .call-btn-3 i{
        position:relative;
        top:2px;
    }
    .font-style-1{
        font-family: basic;
        font-size: 18px;
        
    }
    .font-style-1 a:hover{
        font-family: basic;
        font-size: 18px;
        color:#fff !important;
    }
    .font-style-2{
        font-family: basic;
        font-size: 18px;
        
    }
    .font-style-2 a:hover{
        font-family: basic;
        font-size: 18px;
        color:#6f9f6e !important;
    }
    .font-style-1 ul li{
    

        font-family: basic;
    }
    .font-style-2 {
        color:#d30707 !important;
    }
    .home-s5-text{
        margin-top:20px;
        font-family:basic;
        font-size:17px;
        text-align: center;
        line-height:14px;
        padding:10px;
        
    }
    .home-s5-text-wrapper{
            display:block;position: relative;left:0px;
    }
    .testimonials-header{
        font-family: oleo; font-size: 25px; padding-top:20px;padding-bottom:10px;text-align: center;
    }
    .home-section-2-text-2 h4{
        
        font-family:oleo;
        font-size:20px;
        
        color:#000;
        text-align: right;
    
    
    }
    
}
@media screen and (min-width:801px){
    .call-btn-1{
        border-radius:8px;position: relative; top:-10px; border: 1px solid #d30707 !important; background-color: white !important;color:black !important;
        padding:6px !important;padding-left:10px !important;
    }
    .call-btn-1:hover{
        border-radius:8px;position: relative; top:-10px; border: 1px solid #fff !important; background-color: #d30707 !important;color:white!important;
    }
    .call-btn-2{
        border-radius:5px;position: absolute; left:60%;top:-10px; border: 1px solid #000 !important; background-color: white !important;color:black!important;
    }
    .call-btn-2:hover{
        border-radius:5px;position: relative; top:-10px; border: 1px solid #4afa7c !important; background-color: #4afa7c !important;color:white!important;
    }
    .call-btn-3{
        border-radius:8px;background-color: #d30707 !important;color:white !important;padding:0px !important;height:50px !important; width:200px !important;margin-top: 25px;
        font-size: 20px !important;line-height: 40px !important;border:none !important;position:relative; left:40px;
    }
    .call-btn-3:hover{
        border-radius:8px; border: 1px solid #d30707 !important;background-color:#fff !important;color:#d30707 !important;transition:.3s;
    }
    .call-btn-3 a:hover{
        background-color: transparent !important;
        color:#d30707 !important;
        transition:.3s;
    }
    .call-btn-3 i{
        position:relative;
        top:3px;
    }
    .font-style-1{
        font-family: basic;
        font-size: 18px;
        
    }
    .font-style-1 a:hover{
        font-family: basic;
        font-size: 18px;
        color:#fff !important;
    }
    .font-style-2{
        font-family: basic;
        font-size: 18px;
        
    }
    .font-style-2 a:hover{
        font-family: basic;
        font-size: 18px;
        color:#6f9f6e !important;
    }
    .font-style-1 ul li{
    

        font-family: basic;
    }
    .font-style-2 {
        color:#d30707 !important;
    }
    .home-s5-text{
        margin-top:40px;
        font-family:basic;
        font-size:25px;
        text-align: center;
        line-height:14px;
        padding-left:10px;
    }
    .home-s5-text-wrapper{
            display:flex;position: relative;left:20%;
    }
    .testimonials-header{
        font-family: oleo; font-size: 50px; padding-top:40px;padding-bottom:20px;text-align: center;
    }
    .home-section-2-text-2 h4{
        
        font-family:oleo;
        font-size:30px;
        
        color:#000;
        text-align: right;
    
    
    }
    
}
    
    
    .triangle-layer{
        
        position:absolute;
        
          
    }
    .home-banner-1{
        background-image: url("../img/photos/pexels-photo-116675 (1).jpeg");
        
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
        
       
        background-color:#66a879;
        text-align: center;
       
        /* Full height */
        height: auto; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .home-banner-1 .cover-layer-1{
        background-color: rgba(222, 233, 221, 0.9);
        position: relative;
        margin-left:0px !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
         
         
    }
    /** End Home page elements *************************************************/
/** About US Elements *********************************************************/

.about-header{
        background-image: url("../img/photos/pexels-photo-810357.webp");
        
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
        height:auto;
       

        /* Full height */
        height: 100%; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;

    }
    .about-banner-2{
        background-image: url("../img/about-1.jpg");
        
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
        
       
        /* Full height */
        height: auto; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .about-header .cover-layer-1{
        background-color: rgba(29, 52, 34, 0.8);
        position: relative;
        margin-left:0px !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
         
    }
    .about-banner-2 .cover-layer-1{
            background-color: rgba(29, 52, 34, 0.5);
            position: relative;
            margin-left:0px !important;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
         color:white;
    }
    .about-header-text{
        color:white;
        font-size: 25px;
        font-family:basic;
        padding-top:20px;
    
    
    }
    .about-banner-2-text{
        color:#fff;
        left:15%;
        position:absolute;
    }
    .about-header-text{
        color:white;
    }
    .about-header-text-2{
            color:white;
        font-size: 20px;
        }
    .about-header-text-2 a{
        color:#66a879 !important;
    }

    .fill {
        border-radius:7px; 
        box-shadow: 2px 2px 4px 1px rgba(122,133,129,0.75);
        -webkit-box-shadow: 2px 2px 5px 1px rgba(122,133,129,0.75);
        -moz-box-shadow: 2px 2px 4px 1px rgba(122,133,129,0.75);
        border:1px solid #66a879;
        
        justify-content: center;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        height:100%;
        
    }
    .fill img {
        flex-shrink: 0;
        
        flex: 1;
        
    }

/** Contact Section ***********************************************/





/** New Slider ****************************************************/

.contact-header{
        background-image: url("../img/photos/pexels-photo-794435.jpeg");
        
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
    
        /* Full height */
        height: auto; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contact-header .cover-layer-1{
        background-color: rgba(29, 52, 34, 0.8);
        position: relative;
        margin-left:0px !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
         
    }
    .faqs-header{
        background-image: url("../img/photos/pexels-photo-1007410.jpeg");
        
        background-position: 50%;
        padding-left:0px;
        padding-right:0px;
    
        /* Full height */
        height: auto; 
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .faqs-header .cover-layer-1{
        background-color: rgba(29, 52, 34, 0.8);
        position: relative;
        margin-left:0px !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
         
    }
/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/** End the modal *************************************************/    
    
    p{font-family:basic;font-size:14px;line-height:1.7;color:#666;margin:0}
    iframe{border:none!important}
    .container{max-width:1200px}
    .container-contact100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#e6e6e6}
    .wrap-contact100{width:auto;background:0 0;padding:0px 0 0px;text-align: center;}
    .contact100-form{width:100%}
    .contact100-form-title{display:block;font-family:basic;font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}
    .wrap-input100{width:auto;position:relative;background-color:transparent;margin-bottom:15px;text-align: left;display:flex;justify-content:center;align-items:center;padding:0px !important;color:#d30707;}
    .label-input100{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#d30707;}
    .input100{display:block;width:100%;background-color:#fff; border:2px solid #6f9f6e;font-family: basic;font-size:15px;color:#d30707 !important;line-height:1.2;}
    input.input100{width:100%;height:52px;padding:0 0px 0 23px;border-radius:5px;color:#d30707;}
    textarea.input100{width:100%;min-height:199px;padding:19px 20px 0 23px;border-radius:5px;color:#d30707;}
    .contact100-form-checkbox{padding-top:12px;padding-bottom:20px}
    .input-checkbox100{display:none}
    .label-checkbox100{display:block;position:relative;cursor:pointer;font-family:basic;font-size:15px;color:#43383e;line-height:1.2}
    .label-checkbox100::before{content:"\f00c";font-family:FontAwesome;font-size:15px;color:transparent;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;position:absolute;width:22px;height:22px;border-radius:2px;background:#fff;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
    .input-checkbox100:checked+.label-checkbox100::before{color:#555}
    .container-contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding-top:10px;padding-left:0px; position: relative; }
    .wrap-contact100-form-btn{display:block;position:relative;z-index:1;border-radius:3px;overflow:hidden}
    .contact100-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#ffaa45;
            top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
    .contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:160px;height:42px;font-family:basic;font-size:16px;color:#fff;line-height:1.2;border:0px solid #5968B0;background-color: #ff9f28;}
    .wrap-contact100-form-btn:hover .contact100-form-bgbtn{left:0}
    .validate-input{position:relative}
    .alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:2px;pointer-events:none;font-family:basic;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:16px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px}
    .alert-validate:hover:before{visibility:visible;opacity:1}

    
    @media(max-width:992px){
        .alert-validate::before{visibility:visible;opacity:1}
    }
    @media screen and (max-width:500px){
        .input100{display:block;width:90%;background-color:#fff; border:2px solid #d2d2d2;font-family:basic;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px;text-align: center;}
        input.input100{width:90%;height:42px;padding:0 20px 0 20px}
        textarea.input100{width:90%;min-height:199px;padding:19px 20px 0 23px;}    
    }