@charset "UTF-8";

/* ################################################################
############# section 1: section scheme css #######################
################################################################ */

/* ****************************************************************
************* sub-section 1-1: nav bar functions ******************
**************************************************************** */

/* ========== style x: top nav background color =============== */
.c17-000000003-top-nav-container {
	background: linear-gradient(to left, #34282C, #8D918D);
	/* move text color into here */
}

/* ========== style x: top text color on main bar ============= */
.c17-000000003-topnav a,
.c17-000000003-dropdown .c17-000000003-dropbtn {
	color: white;
}

/* ========== style x: color for burger bar ============= */
.c17-000000003-burger {
	background-color: white;
}

/* ========== c17-000000004: right content - left search bar ========== */
.c17-000000004-right-content-left-bar {
	background-color: #FBFBF9;
	color: black;
}

/* ========== c17-000000005-left content - right info bar ============= */
.c17-000000005-left-content-right-bar {
    	background: linear-gradient(to left, #34282C, #8D918D);
	color: white;
}

/* ========== c17-000000006: center content - both bars ======== */
.c17-000000006-center-content-left-bar {
	background-color: #98AFC7;
	color: white;
}
.c17-000000006-center-content-right-bar {
	background-color: #98AFC7;
	color: white;
}

/* ########## style x: arrow stage 1 - creates reverse L for down arrow ########## */
.c17-000000003-arrow {
    border: solid white;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
}

/* ========== style x: converts top nav to burger menu ========= */
/* converts top nav items into block menu for mobile view */
@media screen and (max-width: 1150px) {
.c17-000000003-topnav a:not(:first-child), .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: none;
  	}
.c17-000000003-topnav a.c17-000000003-icon {
    	float: right;
    	display: block;
	}

/* style 16: displays the dropdowns on mobile device with burger */
.c17-000000003-topnav.c17-000000003-responsive {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-icon {
    	position: absolute;
    	right: 0;
    	top: 0;
	}

.c17-000000003-topnav.c17-000000003-responsive a {
    	float: none;
    	display: block;
    	text-align: left;
	}

.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown {float: none;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown-content {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: block;
    	width: 100%;
    	text-align: left;
	}
}

/* ****************************************************************
************* sub-section 1-2: quick search pages ******************
**************************************************************** */

/* ========== c17-000000089-img-search-three-button ==================== */
h2.c17-000000089 {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.c17-000000089-banner-image {
  /* The image used */
  background: url("../site-images/shared/commercial-main.jpg");
  min-height: 500px;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Add styles to the form container */
.c17-000000089-banner-container {
  min-height: 150px;
  text-align: center;
  background-size: cover;
  margin: 3%;
  padding: 2px 16px 16px 16px;
  background-color: white;
  border-radius: 10px;
}

.c17-000000089-top {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

.c17-000000089-bottom {
height: 50%;
background-size: cover;
padding: 5px;
text-align: center;
}

/* Full-width input fields */
input.c17-000000089[type=text] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  border-radius: 10px;
}

input.c17-000000089[type=text]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.c17-000000089-button {
  color: white;
  background-color: #0C090A;
  width: 100%;
  cursor: pointer;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  opacity: 0.9;
  border-radius: 10px;
}

.c17-000000089-button:hover {
  opacity: 1;
}

.c17-000000089-intro-h2 {
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", sans-serif;
	font-weight: 500;
	font-size: 62px;
	color: #FFFFFF;
	padding-bottom: 15px;
	text-shadow: 0px 0px 16px rgba(45, 54, 68, 0.2);
}

.c17-000000089-quarter, .c17-000000089-advanced {
display: inline-block;
float: left;
width: 11%;
padding-left: 4px;
}

.c17-000000089-half {
display: inline-block;
float: left;
width: 50%;
padding-left: 4px;
}

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

.c17-000000089-intro-h2 {
font-size: 58px;
}

.c17-000000089-top {
height: 30%;
}

.c17-000000089-bottom {
height: 70%
}

.c17-000000089-half, .c17-000000089-advanced {
display: block;
width: 100%;
}

.c17-000000089-quarter {
display: inline-block;
width: 32%;
}

.c17-000000089-advanced {
text-align: center;
}

.c17-000000089-banner-container {
  min-height: 290px;
}
  
  input[type=text] {
  font-size: 16px;
  }
}

@media only screen and (max-width: 1000px) {
  select {
  font-size: 16px;
  padding: 10px 10px;
  color: black;
  }
}