.header-line
{
	background:url(../images/back.jpg);
float:left;
margin:0px;
width:100%;
height:auto;

}
.thumbnail-me {
box-shadow: 0px 0px 14px #d2cfcf;
    padding: 25px !important;
    height: 263px;
    line-height: 28px;
}
.book-now-button {
background: #FF5722;
padding: 5px 10px;
color: #fff !important;
font-size: 14px !important;
border-radius: 3px !important;
}

.map-arrow {
border: solid 1px #ff7824!important;
color: #000!important;
padding: 15px 23px !important;
border-radius: 50% !important;
font-size: 34px !important;
color: #ff7824 !important;
}

.car-name
{    color: #ff4f05;
    margin: 5px 0px 9px 0px;}

.seats
{
    background: #64c747;
    padding: 6px 20px;
    color: #fff;
    border-radius: 25px;
    }


.header-logo
{background: #fff;float:left;margin:0px;color: #fff;padding: 1px 0px;width:100%;height:auto;font-family: 'Ubuntu', sans-serif;}


.next-me

{background: #ef8247;color: #fff;}



.back-me

{background: #1b1b1b;margin-right: 10px;color: #fff;}



.text-ali-top
{text-align:right;padding-top: 23px;
    font-size: 25px;font-weight:bold;color: #f96400;}


.text-ali-top a
{
font-size:25px;
color:#fff !important;
font-weight:bold;
}

.text-ali-top a:hover
{
font-size:25px;
font-weight:bold;
text-decoration:blink;
}


.form-top
{width:100%;height:auto;margin:0px;padding: 0px 0px;float:left;color:#fff;font-family: 'Ubuntu', sans-serif;}

.enquiry
{
    background: #e30001!important;
    text-transform: uppercase !important;
    padding: 10px 10px 5px 10px !important;
    line-height: 0px !important;
    margin: 0px !important;
    border: none !important;
    margin-top: 10px !important;
 }


.form-me
{    border: solid 1px #ddd !important;
border-radius: 0px !important;
margin-bottom: 10px !important;
padding: 7px !important;
height: 38px !important;
}

.submitme
{
    padding: 9px 20px !important;
    background: #e30001;
    color: #fff;
    border: none;
    font-weight: bold;
 }


.welcome-line
{width:100%;background:#fff;height:auto;margin:0px;padding:50px 0px;float:left;text-align:left;color:#303030;font-family: 'Ubuntu', sans-serif;}


.welcome-line h1
{
    font-weight: bold;
    font-size: 25px;
    margin: 0px;
    padding: 0px;
    text-align:center !important;
    color: #f96400 !important;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-family: 'Ubuntu', sans-serif;
}


.welcome-line p
{font-size: 18px;line-height: 29px;text-align:center;font-weight: normal;color: #616060;width: 77%;font-family: 'Ubuntu', sans-serif;margin: 0 auto;}


.thumme
{border-radius: 0px !important;padding: 0px !important;color: #000;font-size: 12px;line-height: 33px !important;overflow: auto;}







.services-line
{width:100%;background: #ffc414;height:auto;margin:0px;padding:80px 0px;float:left;color:#fff;font-family: 'Ubuntu', sans-serif;}

.services-line h3
{font-weight:bold;font-size:14px;margin: 9px 0px;text-align: center;padding:0px;color: #3c3a3a !important;text-transform:uppercase;}


.services-line h2
{font-weight:bold;font-size: 30px;margin:0px;text-align: center;padding:0px;color:#000 !important;text-transform:uppercase;margin-bottom:25px;font-family: 'Ubuntu', sans-serif;}

.services-line p
{
font-size: 17px;
color:#fff;
line-height: 26px;
font-weight: normal;
text-align: justify;
}

.services-red
{    padding: 10px;
background: #077d57;
color: #fff;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
}


.services-red:hover
{ 
background: #fff;
color: #077d57;
text-decoration:blink;
}







.luxary-line
{
width:100%;
background:#f57840;
height:auto;
margin:0px;
padding:80px 0px;
float:left;
color:#fff;
}


.luxary-line h2
{
font-weight:bold;
font-size:35px;
margin:0px;
padding:0px;
float:left;
color:#000 !important;
font-family: 'Patua One', cursive;
text-transform:uppercase;
margin-bottom:25px;
}

.luxary-line p
{
font-size: 17px;
color:#fff;
line-height: 26px;
font-weight: normal;
text-align: justify;
}

.luxary-red
{    padding: 10px;
background: #913106;
color: #fff;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
}

.luxary-red:hover
{ 
background: #fff;
color: #913106;
text-decoration:blink;
}












.tour-line
{
width:100%;
background:#fcc135;
height:auto;
margin:0px;
padding:80px 0px;
float:left;
color:#fff;
}


.tour-line h2
{
font-weight:bold;
font-size:35px;
margin:0px;
padding:0px;
float:left;
color:#000 !important;
font-family: 'Patua One', cursive;
text-transform:uppercase;
margin-bottom:25px;
}

.tour-line p
{
font-size: 17px;
color:#fff;
line-height: 26px;
font-weight: normal;
text-align: justify;
}

.tour-red
{    padding: 10px;
background: #9a6e06;
color: #fff;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
}

.tour-red:hover
{ 
background: #fff;
color: #9a6e06;
text-decoration:blink;
}


.thank-line
{width:100%;background:#fff;height:auto;margin:0px;padding:80px 0px 50px 0px;float:left;color:#303030;font-family: 'Ubuntu', sans-serif;text-align:center;}

.thank-line span
{color: #f96400;font-weight:bold;font-size:24px;font-family: 'Ubuntu', sans-serif;}

.thank-line p
{
color:#303030;
font-weight:bold;
font-size:20px;
}



.footer-line
{width:100%;background:#333333;height:auto;margin:0px;padding:5px 0px;float:left;color:#fff;font-family: 'Ubuntu', sans-serif;text-align:center;}


.thumb-me
{
	padding:0px !important;
}



.whatsapp-button {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    animation: effect 5s infinite ease-in;
}

@keyframes effect {
    20%,
    100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    0%,
    10% {
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}

@media only screen and (min-width: 320px) and (max-width:680px) {
.text-ali-top {
    text-align: right;
    padding-top: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #f96400;
}

.header-logo {
    background: #fff;
    float: left;
    margin: 0px;
    color: #fff;
    padding: 12px 0px;
    width: 100%;
    height: auto;
}


}