.col-with-bg-1,.col-with-bg-2,.col-with-bg-3,.col-with-bg-4{
			height:400px;
			background-image:url(img/new/car-2.jpg);
			background-size:100% 100%;
			z-index:0;
		}
		
		.about-section .video-box .overlay{
		  position: absolute;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background: rgba(0,0,0,0.6);
  }
		
		.mybtn{
			color:black;
			font-size:13px;
			background-color:#FFB802;
			width:40%;
			border:none;
			border-radius:300px;
			font-weight:bold;
			margin-top:5px;
			transition:0.5s;
		}
		.mybtn:hover{
		    
		    background-color:black;
		    color:white;
		}
	
.slider-home-one .content h2{
        font-size: 53px;
    margin-top: -10px;
  
}

.about-section {
    padding-top: 30px;
}


.header{
    height:132px;
    
}
.header-navigation .thm-container{
    margin-top:-18px;
}

#minimal-bootstrap-carousel .custom-navigation li.active i{
    color:black;
}
.mycall{
    color:black;
    padding:20px;
    padding-right:60px;
    padding-left:60px;
    margin-top:100px;
    font-weight:700;
    font-size:20px;
    background-color:#FFD818;
    border-radius:100px;
}
.mycall:hover{
    color:black;
}
.header-navigation .thm-container .right-side-box a{
    color:black;
}
.preloader{
    background-color:#ffd818 !important;
}
.tagline{
    width:100%;
    height:100px;
     background: linear-gradient(#FFD818 40%, #ffdb4d);
     text-align:center;
     vertical-align:middle;
     font-size:30px;
     color:black !important;
     font-weight:800;
     padding:0;
     margin:0;
}
.tagline a{
    line-height:2;
    color:black;
 
}


.item {
    height: 14rem !important;
}
.tagline a:hover{
    color:black;
    
}
i.fas.fa-gas-pump {
    color: red;
    font-size: larger;
}
i.fas.fa-map-marker-alt {
    color: #4fa84a;
    font-size: larger;
}
.makes a{
    color:black;
    font-weight:600;
    padding-left: 10px;
        font-size: larger;
    font-weight: 600;
    line-height: 2;
}
.makes a:hover {
    color: #4fa84a;
}
.text{
}
.header-navigation.stricky-fixed{
    background-color:#019A4A;
}
.cta-style-one{
    padding-top:4px;
    padding-bottom:2px;
}
.scrollToLink a{
    color:#fff !important;
}
.mission-and-vision{
    padding-bottom:0px;
}
.header-navigation ul.navigation-box > li > a{
    color:white;
}

.header-navigation .thm-container .right-side-box a{
    background-color:black;
    color:white;
}
footer.footer .thm-container{
    padding-top:30px;
    padding-bottom:40px;
}
.cta-style-one a.cta-btn{
    background-color:black;
}
.subscribe-section{
    padding:60px 0px;
}
.reviewsContainer{
    display:none !important;
}
.parallax {

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position:left top;
    background-repeat: no-repeat;
    background-size: cover;
}
.header-navigation.stricky-fixed{
    background-color:#FFD818;
}
.section-title h1{
    font-family: 'Lato', sans-serif;
    font-weight:600;
}
.section-title{
    padding:20px;
    border:8px solid white;
    
}
.blue {
    background:#ffd818;
    margin-top: 20px;
}
.blue .petrol {
    display: block;
    font-size: 18px;
    color: #000;
    background:#ffffff;
    border-radius: 28px;
    padding: 15px;
    text-align: center;
    transition:0.5s;
    margin-top: 17px;
    -webkit-box-shadow: inset -3px 4px 4px 0 rgba(50,50,50,.75);
    -moz-box-shadow: inset -3px 4px 4px 0 rgba(50,50,50,.75);
    box-shadow: inset -3px 4px 4px 0 rgba(50,50,50,.75);
}

.blue .petrol, .bullets-review h2, .services .fuel span, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
a.petrol:hover{
     background-color: #ffd818;
    border: 2px solid;
    color: black;
}
.services {
    margin-bottom: 30px;
}
.services .fuel {
    border: 1px solid #919293;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
    background-color:#ffd818;
}
.services .fuel span {
    background: #fff;
    border-radius: 5px 5px 0 0;
    color: #2d3237;
}
.services .fuel span {
    font-size: 20px;
    padding: 10px;
    text-align: center;
    display: block;
}

.blue .petrol, .bullets-review h2, .services .fuel span, h2, h3, h4, h5, h6 {
    font-weight: 600;
    cursor:pointer;
}
.services .fuel .bg {
    background:#FFD818;
    padding: 10px;
    transition:0.7s;
    border-radius: 0 0 5px 5px;
}

.current > a{
    color:#000 !important;
}

.phone-bar {
    background-color:Black;
    padding: 30px 0;
    margin-top: 20px;
}
.bullets-review h2, .phone-bar h2, h1, h2 {
    text-transform: uppercase;
}
.phone-bar h2 {
    color: #fff;
    text-align: center;
    margin-top: 0;
}
#minimal-bootstrap-carousel .custom-navigation li.active{
    color:#fee006;
}
.services .fuel .bg img{
    transition:0.7s;
}
.services .fuel .bg img:hover{
    
    transform: rotate(30deg);
}

.services .fuel #truck{
    transition:1.5s;
}
.services .fuel #truck:hover{
    
    transform: rotate(360deg);
}
.subscribe-section .form-wrap form input{
    color:black;
    border:1px solid black;
    border-radius:27px;
}
input[type="text"]::-webkit-input-placeholder {
  color:#e6ffee;
}
.footer-bottom .left-copy p{
    color:white;
}
.footer-bottom .left-copy p a{
    color:black;
    transition:0.5s;
}
.footer-bottom .left-copy p a:hover{
    color:#fff;
}
.subscribe-section .social-box a{
    background-color:black;
    color:white;
}
.bullets h2{
    color:black;
    font-weight:800;
}

#minimal-bootstrap-carousel .custom-navigation li.active{
    background-color:#ffd818;
}
#truckt{
transition:1s;
}
#truckt:hover {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.text{
  text-decoration: none;
  color: rgba(0,0,0,.4);
  z-index: 1;
}

.text :before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #9CF5A6;
  visibility: hidden;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}
.text :hover:before,
.text :focus:before {
  visibility: visible;
  transform: scaleX(1);
}
.call_b{
    margin:10px;
    transition: transform .2s;
}
.call_b:hover{
    transform: scale(1.2);
}

/* Flipper  */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: auto;
	height: auto;
	min-height:170px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
/* Index Page Headings */
.headings {
    font-family: 'PT Sans', sans-serif; font-size: 36px;text-transform: uppercase; font-weight:600;margin-top: 20px;margin-bottom: 10px;line-height: 1.1;color: inherit;
}
.headings-h-two {
    color: black;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
        margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    line-height: 1.1;
}
.cont{
    width:100%;
    height:150px;
}
.bg2{
    background-color:#ffd818;
}
.img-cls{
    width:150px;
    color:#fff;
}
/* End Flipper */
.petrol-btn{
    border:2px solid black;
    width:100%;
}
.petrol-btn:hover{
     background-color: #FFD818;
    border: 2px solid;
    color: black;
}
.petrol-btn:focus{
    outline-width: 0;
}
.panel{
    margin-bottom:0px !important;
    -webkit-box-shadow:none;
}
/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
    font-size:65px !important;
    margin-left:2px !important;
}@media screen and (max-width: 600px) {
        .mybb{
            font-size:30px !important;
        }.content{
            margin-top:-117px;
        }
    }
    .about-section .video-box{
        margin-bottom:20px !important;
    }
    @media screen and (max-width: 1024px){
        .about-section { 
            padding-bottom: 10px; 
    }
        .header-navigation .thm-container .right-side-box{
            top:28% !important;
        }
    }
    
    .mb-35{
        margin-bottom:35px;
    }.mb-15{
        margin-bottom:15px;
    }
    @media screen and (max-width: 450px){
        .logo-btn {
             padding:31px 0px 0px 0px !important;
        }#logo{
            width:50px;
        }.btun{
            font-size:12px !important;
        }.section-title{
            border:none;
        }
    }
    @media screen and (max-width: 320px){
        .logo-btn {
             padding:30px 8px 0px 7px !important;
        }
    }
    @media screen and (max-width: 726px) and (min-width: 451px) {
        .logo-btn {
             padding:32px 0px 5px 1% !important;
        }
        
    }
    @media screen and (max-width: 1097px) and (min-width: 1025px) {
        .header-navigation .thm-container .right-side-box {
             top:50% !important;
        }
        
    }
    @media screen and (max-width: 1079px) and (min-width: 1040px) {
        .logo-btn {
             padding:38px 38px 38px 80px !important;
        }
        
    }
    @media screen and (max-width: 1039px) and (min-width: 1025px) {
        .logo-btn {
             padding:38px 38px 38px 66px !important;
        }
        
    }
    @media (max-width: 1024px){
        .header-navigation .thm-container .navbar-header {
            padding-right: 0px !important;
        }
    }
    .navbar-default .navbar-toggle:hover{
        border-color:#ccc;
    }.navbar-default .navbar-toggle:hover .icon-bar{
        background:#ccc;
    }.subscribe-section .form-wrap form input::placeholder {
    color: black;
    opacity: 1; /* Firefox */
}
.header-navigation ul.navigation-box > li > a:hover{
    color:white !important;
}
.dbd > .active{
        background-color: #ffd818;
        border: 2px solid;
        color: black;
    }
    .list-inline > ul > li{
        color:#9696A6 !important;
    }
    .submit{
     border:1px solid black !important;
 }
 
.vendr{ text-align: -webkit-center;} 
 
@media (min-width: 320px) and (max-width: 480px)   { 
   .spacer{ padding-bottom: 67px!important;}  
   #btn_next1{margin-bottom:10px!important;}
 }

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  .spacer{ }  
   #btn_next1{margin-bottom:10px!important;}

    .vendr{ text-align: center;    padding-bottom: 59px;}
    
    .sating {
   margin-bottom: 609px;    margin-top: 104px;
}

#step1{margin-bottom: 348px;}
#step2{margin-bottom: 348px;}
}