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


.row {margin:0px;}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1rem;
    line-height: 1.3;
}

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

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 30px;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 24px;

}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}


h5 {
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}


/* HEADER & NAVIGATION */


.top-header {
    background-color: #fff;
    font-style: italic;
    font-family: 'Montserrat', sans-serif !important;
}

.bottom-header {
     background-color: #393e46;
}

.fab {
    font-size:1.5rem;
}


.logo {
    max-width: 200px;
}

.navbar {
    background-color: #393e46;
}

.navbar a {
	font-size: 16px;
    text-transform: uppercase;
	color: #fff;
    font-family: 'Montserrat', sans-serif !important;
}

.navbar a:active {
    color: #96989c;
}

.navbar a:hover {
    color: #96989c;
}

.mobile-menu {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.25rem;
    text-align: left;
    color: #212121;
}

.dropdown-menu {
    background-color: #393e46;
    color: #fff;
}

a.dropdown-item {
    padding:10px;
    font-size: .8rem;
    border-bottom: 1px solid #979595;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url(/../siteart/bars-solid.png); 
}


.hero {
   background-image: url(/../siteart/secondary-hero.jpg); 
}

.hero h1 {
    text-transform: uppercase;
    color: #fcb040;
}


/* QUICK LINKS */

.quickbutton h3{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

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

.quickbutton a:hover {
    color: #fcb040;
    text-decoration: none;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

/* ABOUT */

.about {
    background-image: url(/../siteart/about-bg.jpg);
    background-position: center;
    color: #fff;
}

.about h1 {
    color: #fcb040;
}

li {
    padding: 4px 0px;
}


/* SHOWROOM */


.logos img {
    max-height: 65px;
}


/* FOOTER */


.pre-footer{
    background-color: #393e46;
	color: #a9a9a9;
    font-size: 12px;
}

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

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


/* LISTINGS */

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

.border {
    border: 1px solid #fff !important
}


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

.contactbox a {
    color: #fcb040;
}


/*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) { 
    
.logos img {width:  100%;}
    

}

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

/*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) {   
    
  

   
}