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


.row {margin:0px;}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.3;
}

h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: 36px;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	font-size: 30px;
    text-transform: uppercase;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	font-size: 24px;
}

h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:600;
}



/* HEADER & NAVIGATION */


.top-header {
    background-image: url(/../siteart/circle-blues.png);
    background-repeat: repeat;
}

.logo {
    max-width: 400px;
}

.bottom-header{
    background: #000;
}

.navbar a {
	font-family: 'Oswald', sans-serif;
    font-weight: 600;
	font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
	color: #fff;
    padding: 0px;
}

.navbar a:active {
    color: #00b04c;
}

.navbar a:hover {
    color: #00b04c;
}

.mobile-menu {

}

.dropdown-menu {

}

a.dropdown-item {

}


/* QUICK LINKS */

.quick-links {
    background: #0d0b52;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 14px;
}

.quick-links a {
    color: #fff;
    text-decoration: none;
}

.quickicon {
    max-width: 25px;
}

/* INVENTORY/RENTAL BUTTONS */

.invbutton {
    color: #00b04c;
    border: 3px solid #00b04c;
    background-image: url(/../siteart/invbutton.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 250px;
    padding: 100px 0;
}

.invrental{
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
}

.rentbutton {
    color: #00b04c;
    border: 3px solid #00b04c;
    background-image: url(/../siteart/rentbutton.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 100px 0;
}

.invbutton a, .rentbutton a {
    color: #00b04c;
    text-decoration: none;
}



/* WELCOME */

.welcome {
    background: #000;
}

.welcome h2 {
    color: #00b04c;
}

.welcome p {
    color: #fff;
    font-size: 14px;
}

.media .fas {
    font-size: 22px;
    color: #fff;
}

.media {
    color: #fff;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 16px;
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling {
    width:100%;
    height:92px;
}

/* FOOTER */


.pre-footer{
    background-color: #000;
	color: #fff;
    font-size: 10px;
    border-top: 8px solid #0c0b52;
}

.pre-footer a{
    color:#fff;
}

.pre-footer a:hover{
    color:#fff;
}

/* LISTINGS */

.cf {
    max-width: 1200px;
    background-color: #fff;
}

.dark {
    background: #000;
}

/* FORM */
.formbutton {
    padding:10px 12px; 
    background:#000; 
    border:4px #00b04c solid;
    font-size:14px; 
    line-height:14px; 
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#00b04c;
}

.formbg {
    color: #fff;
}


/*control the Captcha */
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000; font-size:12px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 


}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    
 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    

}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {

    
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {   

   
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1600px) {   

}