@charset "utf-8";

.clear, .content-wrapper {
    clear: both;
}

header, footer-nav, footer, article, section, hgroup, aside {
    display: block;
}

img{
    border: none;
}


/* TAGS */

body {
    font-size: 96%;
    color: #000;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    min-width:300px;
}

input, textarea, select {
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}

a   {
     transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #d5b146;
}
.hide
{
    display:none;
}

.left-col a
{
    color:#d5b146;    
}


a:hover, .left-col a:hover {
    color: #000;
}

p {
    line-height: 1.4em;
    margin: 0 0 15px 0;
}

h1 {
    color: #FFF;
    margin: 0;
    font-size: 1.9em;
    font-weight: 700;
}
h2 {
    font-size: 1.7em;
    clear:both;
    text-transform:uppercase;
}

h3 {
    margin-bottom: 3px;
    color: #333;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight:900;
}
li {
    list-style-type: disc;
}
ul {
    padding: 0px;
    margin: 0 0 0 18px;
}

h2 em {
    font-style: normal;
    color: #da070a;
    margin-left:20px;
}

.buttonwrap {
    padding:15px 0;
}

a.button, span.button a {
    padding: 8px 20px 10px 20px;
    background-color:#d5b146;
    border-radius: 3px;
    color:#000;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

a.button:hover, span.button a:hover {
    background-color:#000;
    color:#fff;
}

.left-col span.button a {
    margin:0 10px 0 0;
}

.line {
    clear: both;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d5b146;
    margin-bottom: 30px;
    padding-top: 50px;
}

/* PANEL CSS */

.panel {
    width: 100%;
    clear: both;
}

.panel.head {
    background-color:#FFF;
    padding: 15px 0 18px 0;
}


.panel.grey {
    background-color:#f5f7f6;
}

.panel.shadow {
    background-image: url(/images/head-shadow.png);
    background-repeat: repeat-x;
    background-position: left top;
    height:10px;
    overflow:hidden;
}

.panel#pages {
    margin:40px 0 30px;
    clear:both;
}

/*
.panel#pages .content-wrapper {
    max-width: 800px;
}
*/

.panel>h2,.panel>h3 {
    font-size:1.9em;
    text-align:center;
    margin-bottom:0;
    padding-bottom:0;
    text-transform:uppercase;
}

.panel>p {
    font-size:1.3em;
    text-align:center;
    margin:0;
    padding-bottom:0;
}

.goldborder {
    width:90px;
    border-bottom:solid 4px #d5b146;
    margin:20px auto 30px;
    display:block;
}

/* END PANEL CSS */


/* CONTENT WRAPPER */

.content-wrapper {
    max-width: 1140px;
    margin: 0 auto;
}

@media screen and (max-width: 1140px) {
    .content-wrapper {
        width: calc(100% - 20px);
        padding: 0 10px;
    }
}

/* END CONTENT WRAPPER */


/* HEADER */

header {
    width: 100%;
    background-color: #fff;
}

nav ul {
    padding: 0;
    margin: 0;
}

nav ul li {
    padding: 0;
    margin: 0;
    list-style: none; 
    float:left;
}

header nav#company-links {
    width: 100%;
    border-bottom: solid 1px #f5f4f4;
    font-size: 0.9em;
}

header nav#company-links ul {
    float: right;
}

header nav#company-links ul li {
    border-left: solid 1px #e9e8e8;
    padding: 1px 10px 3px;
}

header nav#company-links ul li:last-of-type {
    border-right: solid 1px #e9e8e8;
}

header nav#company-links ul li a {
    color: #666;
}

header a:hover, header li.active a {
    color: #d5b146 !important;
}

header ul li ul {
    display: none;
}

header #logo {
    float: left;
    width: 214px;
    margin: 10px 0 8px;
}

header #logo strong {
    display: block;
    margin-top: -1px;
}

header #telephone {
    width: calc(100% - 214px);
    float: right;
    text-align: right;
    padding-top: 19px;
}

header #telephone em {
    font-style: normal;
    font-size: 0.9em;
    display: block;
    color: #5e5d5d;
}

header #telephone a {
    font-style: normal;
    font-size: 1.6em;
    font-weight: bold;
    display: block;
    line-height: 1.1em;
}

header #cta {
    float: right;
    margin: 7px 0;
}

header #cta a.button {
    background-color: #008558;
    color: #fff;
    padding: 3px 13px;
}

header nav#service-links {
    background-color: #f3f2f2;
    border: solid 1px #dad8d8;
    border-left: none;
    border-right: none;
    height: 34px;
}

header nav#service-links li a {
    padding: 7px 0 0;
    margin-right: 25px;
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 0.9em;
}

header nav#service-links li span {
    display: none;
    width: 8px;
    height: 8px;
    border: solid 1px #dad8d8;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    position: absolute;
    background-color: #f3f2f2;
    margin-top: 5px;
}

header nav#service-links li:nth-child(1) span {
    margin-left: 32px;
}

header nav#service-links li:nth-child(2) span {
    margin-left: 46px;
}

header nav#service-links li:nth-child(3) span {
    margin-left: 42px;
}

@media screen and (max-width: 600px) {

    header nav#service-links li a {
        margin-right: 15px;
    }
    
    header nav#service-links li:nth-child(1) span {
        margin-left: 28px;
    }
    
    header nav#service-links li:nth-child(2) span {
        margin-left: 41px;
    }
    
    header nav#service-links li:nth-child(3) span {
        margin-left: 37px;
    } 

}

header nav#service-links li.active span {
    display: block;
}

header #limo-navigation {
    background-color: #f8f8f8;
    height: 120px;
    overflow: hidden;
    border-bottom: solid 1px #e9e8e8;
}

#limo-slider {
    width: 100%;
    margin: 0 auto;
}

/* flickity disabled by default */
#limo-slider:after {
    content: '';
}

header #limo-slider .box a {
    color: #000;
    font-size: 0.8em;
    display: block;
    padding: 17px 0;
}

header #limo-slider .box a strong {
    font-size: 1.2em;
}

/* END HEADER */

#booking-list .booking {
    width: 100%;
    background-color: #ebe8e8;
    border-radius: 5px;
    clear: both;
    padding: 10px 0;
    max-width: 600px;
    margin: 0 auto 20px;
}

#booking-list .booking:nth-of-type(odd) {
    background-color: #f3f1f1;
}


#booking-list .booking div.image {
    width: 150px;
    float: left;
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    box-sizing: border-box;
}

#booking-list .booking div.image span {
    width: 100%;
    max-width: 150px;
    text-align: center;
}

#booking-list .booking div.vehicle {
    width: calc(100% - 150px);
    float: left;
    box-sizing: border-box;
}

@media screen and (max-width: 960px){

    #booking-list .booking div.image {
        width: 120px;
    }
    
    #booking-list .booking div.vehicle {
        width: calc(100% - 120px);
    }
}

#booking-list .booking div.vehicle em {
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    clear: left;
    display: block;
    font-weight: bold;
}

#booking-list .booking div.vehicle em.red {
    color: #da070a;
}

#booking-list .booking div.vehicle em.green {
    color:#008558;
}

#booking-list .booking div.vehicle em.orange {
    color:#e25e21;
}


#booking-list .booking div.vehicle span.cta-wrap {
    clear: both;
    margin: 0;
    display: block;
    padding: 8px 0;
}

#booking-list .booking div.vehicle span.cta-wrap a.button {
    padding: 5px 12px;
    font-size: 13px;
    background-color: #008558;
    color: #fff;
}


#booking-list .booking div.cta {
    display: none;
    width: calc(100% - 100px);
    float: left;
}


/*
.myaccount-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40px;
    border: solid 1px #4a4a4a;
    border-radius: 5px;
}

.myaccount-table th, .myaccount-table td {
    padding: 5px;
    box-sizing: border-box;

}

.myaccount-table th {
    background-color: #4a4a4a;
    color: #fff;
    font-weight: bold;
    border-right: solid 1px #4a4a4a;
}

.myaccount-table td {
    border-right: solid 1px #ebe8e8;
    font-size: 0.9em;
}

.myaccount-table tr:nth-of-type(odd) {
    background-color: #f1efef;
}

.myaccount-table th:nth-child(1), .myaccount-table td:nth-child(1) {
    width: 90px;
}

.myaccount-table td:nth-child(2) {
    width: calc(100% - 160px);
}

.myaccount-table td:nth-child(3), .myaccount-table td:nth-child(4) {
    width: 40px;
    text-align: center;
}

.myaccount-table td:nth-child(4) {
    border-right: none;
}
*/

p#quote-image {
    text-align: center;
}

p#quote-image img {
    border-radius: 7px;
    max-width: 600px;
    width: 100%;
    height: auto;
}

#pagehead {
    clear: both;
    width: 100%;
    padding-bottom:20px;
    color: #FFF;
    background-color:#d5b146;
       background-image: url(/images/tire-tracks.png);
    background-repeat: no-repeat;
    background-position: right top;
}

#pagehead .content-wrapper span {
    display: block;
    width: 50%;
}

#pagehead .content-wrapper h1 {
    clear:left;
    color:#fff;
    font-size:2em;
    display: block;
    text-align: left;
    width: 100%;
    padding:15px 0 0;
}

ul#breadcrumbs {
    width:100%;
    background-color: #FFF;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

ul#breadcrumbs li {
    float:left;
    list-style-type:none;
    background-position:left 19px;
    padding-top: 15px;
    padding-right: 8px;
    padding-bottom: 0;
    padding-left: 13px;
    color:#fff;
    background-image: url(/images/sub-link-arrow.png);
    background-repeat: no-repeat;
}

ul#breadcrumbs li.home {
    background:none;
    padding-left: 0;
}


ul#breadcrumbs li a {
    color:#fff;    
}

ul#breadcrumbs li a:hover {
    color:#000;
}


.panel .content-wrapper .right-col {
    width: 30%;
    float: right;
    height:auto;
}

.right-col #contact-box {
    background-color:#ebe9e9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:25px 20px 5px 20px;
}

.left-col {
    width: 65%;
    float: left;
}

.left-col.wide {
    width: 100%;
    float: left;
}

.left-col iframe
{
width:100%;    
}





.panel .content-wrapper img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.panel .content-wrapper img.imgleft {
    margin-right:10px;
    float:left;
}

.panel .content-wrapper img.imgright {
    margin-left:10px;
    float:right;
}


.panel .content-wrapper .left-col ul {
    margin-bottom:15px;
    padding-left:25px;
}


.three-col {
    width: 32%;
    float: left;
}


.three-col.center {
    margin: 0 2%;
}



/* LOCATIONS */

.panel.locations {
    background-color:#4a4a4a;
    padding:15px 0;
    margin:0;
    text-transform:uppercase;
    color:#999;
    font-weight:bold;
    font-size:0.95em;
    letter-spacing:0.1em;
}

.panel.locations p {
    padding:0;
    margin:0;
    text-align:center;
    line-height:1.55em;
}

/* END LOCATIONS */


footer {
    width: 100%;
    background-color: #252525;
    color: #f4f5f7;
    font-size: 0.9em;
    clear: both;
    line-height:1.4em;
}

footer .content-wrapper {
    padding:20px 0 20px 0;
}
footer a {
    color: #FFF;
}
footer a:hover {
    color:#000;
}

footer em.title {
    display: block;
    font-style: normal;
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
    color:#fff;
}
footer ul {
    margin: 0 0 13px 15px;
    padding: 0;
}
footer ul li {
    margin: 0;
    padding:0;
    list-style-type: square;
}
footer a#top {
    display: block;
    width: 100%;
    clear:both;
    height: 25px;
    overflow:hidden;
    border-botttom: 10px solid #f4f5f7;
    clear:both;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #f4f5f7;
     transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;

}

footer a#top:hover  {
    border-bottom-color: #000;
}

footer a#top:hover em  {
    color:#fff;
    background-color:#000;    
}

footer a#top em {
    display:block;
    width: 60px;
    height:47px;
    padding-top:5px;
    background-color:#f4f5f7;    
    margin: 5px auto 0 auto;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    font-style: normal;
    text-align:center;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #252931;
    font-weight:bold;
}

footer .wbd {
    font-size:0.8em;
}

footer p.instagram {
    padding-left: 25px;
    color: #000;
}

footer p.instagram i {
    position: absolute;
    margin: 1px 0 0 -25px;
    font-size: 1.5em;
}



/* Responsive Styles */
@media screen and (max-width: 960px)
{
.left-col {
    padding-left:1%;
    width:64%;
    margin:0;
}

#sub-links-bg ul#sub-links {
    width:100%;
    font-size:0.9em;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}

#sub-links-bg ul#sub-links li a {
    margin:0 5px 0 5px;
    padding-left:25px 3px 10px 3px;
}

#pagehead .content-wrapper h1 {
    font-size: 2.4em;
}

}



@media screen and (max-width: 750px) {

    .panel.head {
        padding: 0;
    }

    #pagehead .content-wrapper {
        padding:0;
        width:100%;
    }

    #pagehead .content-wrapper span {
        padding:0 1%;
        width:98%;
    }

    .panel#pages, .panel.thirdnav#pages {
        margin-top:25px;
    }

    #sub-links-bg, #homeslider ul.images em.info-bar, .nivo-controlNav.nivo-thumbs-enabled, .nivo-arrows, .nivo-directionNav {
        display: none;
    }

    /*
    .panel .content-wrapper .left-col,.panel .content-wrapper .right-col {
        clear:both;
        width:98%;
        padding:30px 1% 0;
        overflow:hidden;
    }
    */

    footer  {
        padding: 0;
    }

    footer .content-wrapper {
        padding-top: 30px;
        padding-bottom: 20px;    
    }

    footer #wbd {
        margin: 0;
        width: 80%;
    }

    footer .three-col {
        width:100%;
        box-sizing: border-box;
        margin:0 0 12px 0!important;
        padding:0;
    }

}

@media screen and (max-width: 550px) {

	.left-col img {
		width:100%;
		height:auto;
	}
	#pagehead .content-wrapper h1 {
		font-size: 2.1em;
	}
}