.webapp-home .carousel h1{font-size:4rem} .webapp-home .carousel-caption{padding-bottom:10%} .navbar, .footer {border:none} .footer hr {display:none} .carousel-caption p {font-size:2rem} .carousel-caption a.btn-primary { border-color: #fff; font-size:16px; } .container-full {padding-top:40px; padding-bottom:40px} .providers img {margin:auto;} .providers .slide-subtitle{text-align:center} h2 {text-align:center}  .btn-rengine{background:#ff6b6b; border-color:#fff} .header-title {color:#adadad} 
@media only screen and (max-device-width:585px){.carousel-inner .item img {object-position: 80%;}}
.hyper-title {font-size: 60px; font-weight:700; color:#484848} 
.container-full, .container-fluid {padding-top:0px; padding-bottom:0px    }
 h1 p, h2 p {line-height:1.2} ul li {padding-bottom:20px;}

/* Customize campervan template */


.container-fluid.home{
    background-size:50%!important;
    background-repeat:no-repeat;
    background-position:right top;
}


.steps .image-icon {
    height: inherit;
    max-width : inherit;
}
.intro { margin-top:0px;}
.intro .title {color:#fff; font-size:48px; font-weight:900}

.intro .green-wheelio {
    color: #fff;
}

.intro .subtitle {font-size:20px !important; color:#ff3e00 !important; padding-top:20px; font-weight:100}

.booking-form{
    border:none; background:none; max-width:750px;
    padding-left: 15px; 
}
.booking-form .form-control {
    border: 2px solid black;
    height: 66px !important;
    margin-bottom: 15px;
     -webkit-appearance: none;
}

.booking-form .flatpickr-input {
    height:66px !important;   
}
.booking-form .col-md-4 {
    width:70%;
    float:none;
}

.booking-form .col-md-3 {
    width:40%;
    float:left;
}
.booking-form .col-md-2 {
    width:30%;
    float:left;
}
.booking-form .control-label {
    color:black;
}
.btn-rengine {
    background-image: linear-gradient(to top,#7158FB, #925FE0);
    font-size: 25.6px;
    font-weight:bold;
    border-radius:5px;
    margin-top: 0px;
}

.intro .title p {font-size:inherit;line-height: 1.5;}

.location-icon::after, .calendar-icon::after, .time-icon::after {
    top:22px;
}

.image-icon {
    height:23px;
    max-width:100%;
    padding-right:5px;
    margin-bottom:3px;
}

.service-attributes {
    font-weight:600;
    font-size:14px;
}


.service-name {
    color:#565656;
    font-size:26px;
    font-weight:600;
}
.book-button {
    border-radius:5px;
}

.intro .title strong {
    font-weight:800;
}

.service-providers {
        background-color: #f9f9f9;
}
.service-providers ul li {
    padding-bottom: 10px;
    
}
.service .image-icon {
    height: 30px;
    max-height:inherit!important;
}

.owl-stage-outer {
    text-align:center;
}
.owl-stage {
    display:inline-block;
}

.slide-rows{
    background-image: linear-gradient(to top,#7158FB, #925FE0);
    border-top-left-radius: 50% 75%;
    border-top-right-radius: 50% 75%;
    border-bottom-right-radius: 50% 30%;
    border-bottom-left-radius: 50% 30%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction: column;
    max-width: 280px;
    max-height:420px;
}

.slide-subtitle.text-uppercase{
    display: none;
}





.slide-subtitle{
    padding-left: 25px;
    padding-right:25px;
    overflow-wrap: break-word;
    margin-bottom: 10%;
    font-weight: bold;
}

.slide-subtitle .slide-price{
    display: none
}


.slide-price {order: 1;}
.slide-subtitle {order: 2;}


.slide-rows img{
    margin-top:25%;
    margin-left: auto;
    margin-right:auto;
}

.owl-item .slide-rows{
    padding: 20px;
}


.features a{
    color: white;
}

.slide-rows .slide-subtitle {
    color:white;
}

.features .slide-subtitle {
    color:white;
}

.slide-rows .slide-price{
    color:white;
}




.rentnow_content{
    background-image: linear-gradient(to top,#7158FB, #925FE0);
    opacity: .8;
}

.rentnow_content .text_on_background{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
    font-size: 2rem;
}

.whychooseus_container{
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 2rem;
}

.whychooseus_container .whychooseus_bars{
    padding-left:10%;
}

.footer{
    background-image:linear-gradient(to top,#7158FB, #925FE0);
}

.footer a {
    color:white;
    font-size:14px;
}
.footer h4 {
    display: none;
}

.footer ul li {
    padding-bottom:3px;
}

.footer .col-md-3{
    float: none;
    margin:auto;
    width: 50%;
    text-align: center;
}

.social{
    overflow: hidden;
    display: inline-block;    
}

.social li{
    float: none;
    display:inline-block;
}

.social i{
    font-size: 2rem;
}

.footer-menu{
    text-align: center;
}

.footer-menu li{
    display: inline-block;
}

.footer-menu li a{
    text-align:center;
}

.footer .footer-text{
    color:white;
}

.company-address{
    color:white;
}

.footer .footer-text a{
    font-weight: bold
}

#company_info{
    background-image:linear-gradient(to top,#7158FB, #925FE0);color:white;
}

#map{
    display: block;
}

.map_container{
    float: right;
    width: 100%;
    position: relative;
}

.row.map_section{
    margin-left: 0px;
    margin-right: 0px;
}

@media only screen and (min-device-width:585px){
    #company_info{
    	position:absolute; 
    	top:0px;
    	left:150px;
    	width: 300px;
    	border-collapse: collapse;
        padding: 40px;
    }
}


.booking-form-module .col-md-4, .booking-form-module .col-md-3,  .booking-form-module .col-md-2 {
    width:100%!important;
}


.fix-mobile-section{
    background-color: white!important;
}

/* fix header image general */
@media only screen and (max-width: 1024px) {
        .fix-mobile-section .is-overlay-bg{
            background-size: contain!important;
            background-position: 75% 0%!important;
    }
    
    .fix-mobile-section .is-boxes > .is-box:nth-of-type(1) {
        margin-top: 150px!important;
    }
    
    .fix-mobile-section .is-boxes{
        display:flex;
        flex-flow:column;
    }
    
    #box1{order:2}
    #box2{order:1}
    
    
    
}



/* MOBILE VIEW */

@media only screen and (max-device-width:585px){
    
    .booking-form 
        {
            max-width:100%;
        }
    .intro .title {
        font-size: 26px;
    }

    .intro .subtitle {
        display:none;
    }
    .booking-form .form-control {
       -webkit-appearance: none;
    }
    body {
       line-height: 1.5 !important;
    }

        .whychooseus_container .whychooseus_bars{
        padding-right:10%;
    }

    .whychooseus_container .row{
        margin:15px;
    }
    
    
        #company_info{
        text-align: center;
        padding: 5px;
        padding-bottom:40px;
    }
}
