/* Add here all your CSS customizations */

form label {
    padding-left: 5px;
    font-weight:600;
}
.alert {
    padding:3px;
}

.row {
    padding: 0 1em;
}

.btn-lg {
        padding: 10px 16px;
    font-size: 18px !important;
    line-height: 1.33;
    border-radius: 6px;
    font-weight:400;
    background-color:#3375AF;
}

.flipbook-main-wrapper {
	margin-bottom: 20px;
	margin-top: 110px;
}

.inline-button {
    display:inline !important;
}
.survey-tbl tr td {
    padding:8px;
}

.survey-tbl th {
    padding:8px;
    background-color:#333;
    color:#fff;
    font-weight:700;
}

.survey div {
    margin-left: 16px;
	margin-bottom: 20px;
}

.survey p {
	margin-bottom: 4px;
    font-weight:700;
}

.survey input[type=radio] {
    margin-left:6px;
    margin-right:2px;
}

.survey input[type=checkbox] {
    margin-right: 6px;
}

.gallery tr td {
    text-align:center;
    width:25%;
}

table.gallery {
    width:100%;
}

.gallery-titles {
	background-color: #ddd;
	color: #fff;
	border-bottom: solid 16px #fff;
	border-top: solid 16px #fff;
}

.gallery-titles h3 {
    margin-bottom:0;
    padding:4px 0;
}
.gallery tr td a, .gallery img {
   font-size:.8em;
   display:block;
   margin:0 auto;
   line-height:16px;
}

.aa-side-menu a {
    display:block;
    background-color:#0e2133;
    color:#fff;
    padding:8px;
    margin-top:1px;
    font-weight:600;
}


section.page-header.page-header-custom-background.larry:before {
	content: "";
	display: block;
	background: rgba(0, 82, 155, 0.8);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#footer .footer-ribbon:before {
	border-right-color: #333;
	border-left-color: #333;
}

.no-bottom-margin {
    margin-bottom:0;
}

p, body{
    color:#555;
}

h2 {
    margin:0 0 14px 0;
}

html #header .header-top.header-top-quaternary {
	/* background: #00529b; */
    background: #0e2133;

	border-top-color: #0f1924;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
	color: #fff;
	font-size: 0.9em;
	padding: 6px 10px;
	display: inline-block;
}


#footer {
	background: #0e2133;
	border-top: 4px solid #0e0e0e;
	font-size: 0.9em;
	margin-top: 50px;
	padding: 70px 0 0;
	position: relative;
	clear: both;
}

#footer .footer-copyright {
	background: #0e2133;
	border-top: 4px solid #0e2133;
	margin-top: 40px;
	padding: 30px 0 10px;
}

#steel-siding-advantage img {
    height:16px;
    width:16px;
}

.uss-list li {
    font-size:1.25em;
}

.profiles  .thumb-info-inner {

    font-size:14px;
}

.owl-carousel {
	
	height: 560px;
}

#form_search table tr td {
    font-size:13px;
}

#form_search table tr:first-child {
    font-weight:bold;
}

#form_search table td:first-child {
    width:50%;
}

#zipcode {
    width:90% !important;
}

.feature-box.feature-box-style-5 .feature-box-icon {
	background: transparent;
	top: 0;
	padding: 0;
	min-width: 0;
}

aside h4, aside i {
    color:rgba(0, 82, 155, 0.8) !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #555555;

}

hr {
	/* background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); */
	background-image: linear-gradient(to right, transparent, #999999, transparent);
	border: 0;
	height: 1px;
	margin: 22px 0;
}

.side-link a img {
    width:100%;
}

.companyName {
    color:rgba(0, 82, 155, 0.8) !important;
    font-weight:700;
}

.franchisesearchresultsheader, .uss_bold {
     font-weight:700;
}

.locator-link {
color:rgba(0, 82, 155, 0.8) !important;
}

section.page-header h1 {
	border-bottom-color: rgba(0, 82, 155, 0.8) !important;
}

#tbl-register td:first-child {

    width:25%;
}

#tbl-register td {

    padding:8px;
}

#tbl-register input[type=text] {

    width:100%;
}

.breadcrumb li a {
    color:#eeeeee;
}

.breadcrumb .active {
    color:#eeeeee;
    font-weight:700;
}

.page-header h1 span {
	color: #fff;
	display: block;
	font-size: 0.6em;
	font-weight: 300;
	line-height: 1.3em;
	margin: 7px 0 0;
}

.gvw-all-access td, .dvw-all-access td {
    padding:6px;
}

.gvw-all-access th {
    padding:6px;
    border:solid 1px #333;
}

.gvw-all-access-header {
    background-color:rgba(0, 82, 155, 0.8);
    color:#fff;
    padding:2px;
}

.repeater-btn {
     color:rgba(0, 82, 155, 0.8) !important;
}

.dvw-all-access tr:first-child {
    background-color:#333;
    color:#fff;
    font-weight:700;
}

#footer .footer-copyright {
	background: #0e2133;
	border-top: 4px solid #0e2133;
	margin-top: 0px;
	padding: 0px 0 10px;
}

#footer .footer-ribbon {
	background: #9f1c36;
}

#footer .footer-ribbon::before {
	border-right-color: #5a0113;
	border-left-color: #5a0113;
}

#footer .footer-copyright p {
	color: #eeeeee;
	margin: 0;
	padding: 0;
	margin-top: 8px;
}

.thumb-info .thumb-info-type {
	background-color: rgba(0, 82, 155, 0.8);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-8::before {
	background: rgba(0, 82, 155, 0.8);
}


@media print {

    #header .header-top {
	display: none;
	align-items: center;
	position: relative;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ededed;
	min-height: 51px;
	z-index: 4;
}

    #header .header-btn-collapse-nav {
	outline: 0;
	display: none;
	position: relative;
	z-index: 1;
}

    footer {
        display:none;
    }

    * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
    .container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

    .col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
    .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}


.page-header {
	text-align: left;
}

.col-lg-3, .col-sm-6, .col-12, .col-lg-7, .col-lg-5, .col-lg-9 {
    position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-lg-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}



.col-lg-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}




.col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-lg-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-lg-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}



.order-2 {
	-ms-flex-order: 2;
	order: 2;
}

.order-1 {
	-ms-flex-order: 1;
	order: 1;
}

.order-lg-1 {
	-ms-flex-order: 1;
	order: 1;
}

.order-lg-2 {
	-ms-flex-order: 2;
	order: 2;
}
}