@charset "utf-8";
/* CSS Document */
.headerbg {background: url(../images/headerbg.jpg) no-repeat top center #000; background-size:cover; padding:20px 0;}
.navbg {background: url(../images/navbg.png) repeat-x; width:100%; height:auto; padding:30px 0;}
.calldiv {text-align:center; padding:10px; background:url(../images/calldivbg.png) repeat; border:2px solid #636363; border-radius:5px;}
.calldiv a {font-size:20px; color:#05c7f1; font-weight:bold;}
.calldiv a:hover {color:#05c7f1;}

.contact {margin:20px 0;}

.threeboxinn {border:2px solid #ccc; padding:12px; margin:0 10px;}
.threeboxinn a {background:#05c7f1; padding:10px; width:100%; float:left; margin:10px 0 0 0; text-align:center; transition:all .5s ease-in-out; color:#fff; font-size:15px;font-weight:bold;}
.threeboxinn a:hover {background:#e4474d; transition:all .5s ease-in-out; color:#fff; text-decoration:none;}

.serv {margin:20px 0; background: url(../images/servbg.jpg) no-repeat top center #203356; background-attachment:fixed; padding:30px 0; background-size: contain;}

.reservebutton { margin:30px 0;}
/* Online Reservation */
.onlinereservation {padding:0 20px 20px 20px; float:left; width:100%; background:#000;}
.onlinereservation .col-sm-4 {width: 33.3333333%;}
.onlinereservation h2, .onlinereservation p {color:#fff;}
.onlinereservation a {font-size:20px; color:#fd6934; text-decoration:none; transition:color .5s ease-in-out;}
.onlinereservation a:hover {color:#ff875b; transition:color .5s ease-in-out;}
.onlinereservation input, .onlinereservation select, .onlinereservation textarea {width:100%; margin:15px 0 0 0; padding:10px; border:0px;}
.onlinereservation textarea {height:70px;}
.onlinereservation span {color:#fff; margin:15px 0 0 0; float:left;}
.onlinereservation input[type="submit"] {background:#05c7f1; color:#fff; font-weight:bold; transition: background .5s ease-in-out;}
.onlinereservation input[type="submit"]:hover {background:#05c7f1; transition:background .5s ease-in-out;}
#flip {text-align: center; border: solid 1px #c3c3c3; color: #fff; font-weight: bold; cursor: pointer; -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #05c7f1; border: none; color: white !important; font-size: 13px; line-height: 20px; padding: 8px 15px; text-align: center; font-weight: 700; transition: all .5s ease-in-out;
}

#panel {background-color:#000000;}
#panel {padding:10px; display:none;}

.wellcome {margin:20px 0; text-align:center;}
.meetdrivers {background:#203356; padding:30px 0; margin:30px 0 0 0;}
.meetdrivers h3, .meetdrivers p {color:#fff; margin-top:0;}
.meetdrivers img {float:left; margin:0 20px 20px 0;}
.meetdrivers a {background:#05c7f1; padding:10px; width:100%; float:left; margin:10px 0 0 0; text-align:center; color:#fff; font-size:18px; transition:all .5s ease-in-out; color:#fff; box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.3);}
.meetdrivers a:hover {background:#e4474d; transition:all .5s ease-in-out; color:#fff; box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.3); text-decoration:none;}

.serviceBox{text-align: center;margin-top: 60px;position: relative;z-index: 1; margin-bottom: 21px;}
.serviceBox .service-icon{width: 78px;height: 78px;border-radius:3px;background: #fff;margin: 0 auto;position: absolute;top: -34px;left: 0;right: 0;z-index: 1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon{transform: rotate(45deg);}
.serviceBox .service-icon span{display: inline-block;width: 60px;height: 60px;line-height: 60px;border-radius:3px;background: #05c7f1;font-size: 30px;color: #fff;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transition: all 0.3s ease-out 0s;}
.serviceBox .service-icon span i{transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon span i{transform: rotate(-45deg);}
.serviceBox .service-content{background: #fff;border: 1px solid #e7e7e7;border-radius: 3px;padding: 55px 15px;position: relative;}
.serviceBox .service-content:before{content: "";display: block;width: 80px;height: 80px;border: 1px solid #e7e7e7;border-radius: 3px;margin: 0 auto;position: absolute;top: -37px;left: 0;right: 0;z-index: -1;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-content:before{transform: rotate(45deg);}
.serviceBox .title{font-size: 17px;font-weight: 500;color: #324545;text-transform: uppercase;margin: 0 0 25px 0;position: relative;transition: all 0.3s ease-out 0s;}
.serviceBox:hover .title{color: #727cb6;}
.serviceBox .description{font-size: 14px;font-weight: 500;line-height: 24px;margin-bottom: 0;}

.footer {background:#242b34; border-top:6px solid #05c7f1; color: #ffff;}
.footer h3, .footer a {color:#fff;}
.footer_one {margin:50px 0;}
.footer .lastfooter {margin:20px 0; background:#000; padding:20px; color:#fff;}

.button {text-align:center; margin:20px 0 0 0; }
.button a {-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #05c7f1; border: none; color: white !important; font-size: 13px; line-height: 20px; padding: 8px 15px; text-align: center; font-weight: 700; transition: all .5s ease-in-out;}
.button a:hover {color:#fff; transition: all .5s ease-in-out;}


.fleetdiv {margin: 20px 0; background: #ccc; padding: 0 0 20px 0; border-radius: 5px;}
.fleetdiv hr {margin-top: 10px; margin-bottom: 20px;  border-top: 1px solid #afafaf;}

 /* ===============                      ===============
                   Phones and Handhelds
   ===============                      =============== */
@media only screen and (max-width: 599px) {
.headerbg {background-size:contain;}
.logo {margin:20px 0;}
.logo img {width:100%;}
.navbg {background:#000 !important; padding:0 !important;}
.navbar-default {background:#fff;}
.threeboxinn {border:2px solid #ccc; padding:12px; margin:10px 10px; float:left;}
.contact a {font-size: 15px;}
.calldiv a {font-size: 12px;}
.onlinereservation .col-sm-4 {width:100% !important;}
}

@media only screen and (max-width: 549px) and (min-width: 400px) {
.headerbg {background-size:contain;}
.logo {margin:20px 0;}
.logo img {width:100%;}
.navbg {background:#000 !important; padding:0 !important;}
.navbar-default {background:#fff;}
.threeboxinn {border:2px solid #ccc; padding:12px; margin:10px 10px; float:left;}
.contact a {font-size: 15px;}
.calldiv a {font-size: 12px;}
.onlinereservation .col-sm-4 {width:100% !important;}
}

@media only screen and (max-width: 650px) and (min-width: 550px) {
.headerbg {background-size:contain;}
.logo {margin:20px 0;}
.logo img {width:100%;}
.navbg {background:#000 !important; padding:0 !important;}
.navbar-default {background:#fff;}
.threeboxinn {border:2px solid #ccc; padding:12px; margin:10px 10px; float:left;}
.contact a {font-size: 15px;}
.onlinereservation .col-sm-4 {width:100% !important;}
}

/* ===============                      ===============
                         Tablets
   ===============                      =============== */
@media only screen and (max-width: 990px) and (min-width: 600px) {
}

/* ===============                      ===============
                         Laptops
   ===============                      =============== */
@media only screen and (max-width: 1125px) and (min-width: 1000px) { 

}