@charset "utf-8";
/* CSS Document */


/*****************************************************/
/*framework*/


body {

    background-color:#009E4D;
    border-bottom:6px solid #008C43;
    font-family:'Roboto', sans-serif;
    color:#FFF;

}

h1 {

    padding-bottom:42px;
    font-size:1.5em;
    font-weight:700;
    text-align:center;

}

@media only screen and (min-width:768px) {

    h1 {

        font-size:3.125em;

    }
    
}

h2 {

    padding-bottom:1em;
    font-size:1.5em;
    font-weight:bold;
    text-align:center;

}

@media only screen and (min-width:768px) {

    h2 {

        font-size:3em;

    }

}

h3 {

    font-size:2em;
    font-weight:bold;

}

p {

    font-size:0.75em;

}

@media only screen and (min-width:768px) {

    p {

        font-size:1.25em;

    }

}




.hs-intro h2, .hs-yellow-buses h2, .hs-radical h2, .hs-jimmys h2 {

    color:#009D4C;

}


a {

    color:#FFF;

}

a:hover {

    color:#CCC;

}

.green-border {

    width:100%;
    height:6px;
    background-color:#008C43;

}

/*end-framework*/
/*****************************************************/





/*****************************************************/
/*navbar*/

.navbar {

    height:150px;
    background:url(/img/nav/green-bg.png) bottom left no-repeat;
    padding-top:20px;
    padding-right:2.5rem;
    padding-bottom:50px;
    padding-left:2.5rem;
    z-index:2;

}

@media (min-width:1921px) {

    .navbar {

        height:120px;
        background:rgba(0,0,0,0.8);
        margin-bottom:50px;
        padding-bottom:20px;

    }

}

@media (min-width: 768px) {

    .navbar-expand-lg .navbar-nav .nav-link {

        padding-right:1.2rem;
        padding-left:1.2rem;

    }

    .navbar-expand-lg .navbar-nav li:last-child .nav-link {

        padding-right:0;

    }


}

.navbar-dark .navbar-nav .nav-link {

    padding-top:0;
    padding-bottom:0;
    font-size:0.9375em;
    line-height:40px;
    color:#FFF;

}

.navbar .fab {

    padding-right:0.5em;
    padding-left:0.5em;
    line-height:40px;

}

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

    .navbar-collapse {

        background-color:#121212;
        padding-top:2em;
        padding-bottom:2em;
        text-align:center;

    }

}

/*end-navbar*/
/*****************************************************/



/*footer*/
/*****************************************************/

.footer {

    background:url(/img/footer/footer-bg.png) top right no-repeat;
    background-color:#121212;
    padding-top:200px;
    text-align:center;

}

@media only screen and (min-width:991px) and (max-width:1199px) {

    .footer {

        background-position:top left;
        padding-top:320px;

    }
    
}

@media only screen and (min-width:1200px) {

    .footer {

        background-position:top left;
        padding-top:550px;

    }
    
}

@media (min-width:1921px) {

    .footer {

        background-size:cover;

    }

}

.footer img {

    margin-bottom:1em;

}

.footer-end {

    padding:4em 0;
    text-align:center;

}

.f-copy {

    font-size:0.75em;

}


.fa-arrow-circle-up {

    margin-right:0.5em;

}

a.back-to-top {

    position:fixed;
    z-index:5;
    bottom:0;
    right:0;
    left:0;
    background-color:#009E4D;
    padding:1em;
    font-size:0.8em;
    color:#FFF;
    text-align:center;
	transition:all 0.3s ease 0s;

}

a.back-to-top:hover {

    background-color:#121212;
    padding-top:1.5em;
    color:#009E4D;

}
/*end-footer*/
/*****************************************************/



/*****************************************************/
/*home*/

.carousel {

    margin-top:-60px;
    z-index:1;

}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .carousel {

        margin-top:-100px;

    }

}

@media only screen and (min-width:1200px) {

    .carousel {

        margin-top:-200px;

    }

}


.home-section, .home-section-xs {

    overflow:auto;

}

@media (min-width:768px) {

	.home-section, .home-section-xs {

	    min-height:900px;

	}

}

@media (min-width:1200px) {

	.home-section, .home-section-xs {

	    min-height:1080px;

	}

}

.hs-padding {

    padding-top:200px;
    padding-bottom:200px;
    text-align:center;

}

.hs-intro {

	background:url(../img/bg/intro.jpg) no-repeat top center;
	background-attachment:fixed;

}

.hs-radical {

	background:url(../img/bg/radical.jpg) no-repeat top center;
	background-attachment:fixed;

}

.hs-jimmys {

	background:url(../img/bg/jimmys.jpg) no-repeat top center;
	background-attachment:fixed;

}

.hs-yellow-buses {

	background:url(../img/bg/yellow-buses.jpg) no-repeat top center;
	background-attachment:fixed;

}

@media (max-width:767px) {

	.hs-intro, .hs-radical, .hs-jimmys, .hs-yellow-buses {

   		background:none;

	}

    .hs-intro-xs {

		background:url(../img/bg/intro-xs.jpg) no-repeat top center;

    }

	.hs-radical-xs {

		background:url(../img/bg/radical-xs.jpg) no-repeat top center;

	}

	.hs-jimmys-xs {

		background:url(../img/bg/jimmys-xs.jpg) no-repeat top center;

	}

	.hs-yellow-buses-xs {

		background:url(../img/bg/yellow-buses-xs.jpg) no-repeat top center;

	}


}

.home-section, .home-section-xs {

    background-size:cover;

}


.hs-intro h1 {

    color:#009D4C;

}

.client-logos {

    margin-top:8em;

}


.w-logo {

    margin-bottom:1em;

}

.news {

    background-color:#121212;
    padding-bottom:4em;

}


.portfolio, .location {

    padding-top:4em;
    padding-bottom:4em;

}

.location {

    background:url(../img/bg/grey-dots.png) no-repeat -50px -150px;
    background-size:contain;

}

.img-thumbnail {

    margin:0.5em;

}

.portfolio .img-thumbnail {

    margin-right:0;
    margin-left:0;

}

.vehicle-types {

    padding-top:4em;

}

.vehicle-types img {

    margin-bottom:1em;

}

.vehicle-types p {

    font-size:1.5em;
    font-weight:bold;

}


.hs-yellow-buses, .hs-yellow-buses-xs {

    min-height:auto;

}

.hs-yellow-buses p {

    font-size:1em;

}

@media (max-width:767px) {

    .hs-yellow-buses h3, .hs-yellow-buses p {

        text-align:center;

    }

}

.maps iframe {

    pointer-events:none;

}


/*end-home*/
/*****************************************************/



/*********************************************************/
/*contact*/

.contact-form {

    padding-bottom:2em;

}

@media screen and (max-width: 575px) {
    .contact-details .text-left, .contact-details .text-right {
        text-align: center!important;
    }
}

/*honeypot*/
.cf-hp {

    display:none;

}

.form-signin {

	max-width:80%;
	margin:0 auto;
    color:#0E2336;

}

@media (max-width:767px) {
    .form-signin {
	   max-width:90%;
    }
}


.form-signin .form-control {
	height:auto;
	border-color:#CCC;
	border-radius:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    margin-top:1em;
	padding:0.5em;
	position:relative;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#999;
    opacity: 1; /* Firefox */
}
.form-signin .btn {
	background-color:#121212;
	border:none;
	border-radius:0;
	margin-top:2em;
	color:#FFF;
}
.form-signin .btn:hover,
.form-signin .btn:focus {
	background-color:#FF9;
	color:#000;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.contact-text {
    text-align:center;
}

.contact-thanks {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#093;
	text-align:center;
}
p.contact-thanks {
	color:#900;
}
.contact-error-message {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#900;
	text-align:center;
}
p.contact-error-message {
	color:#900;
}
/*end-contact*/