h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
}

h2, h3, h4, h5, h6{
	color: #195a7f;;
}



h1{
	color: white;
    font-weight: 900;
    font-size: 2.5rem;
    font-family: 'Montserrat', sans-serif;
}

h2{
	font-size:2.5rem;
	text-transform:unset;
}

h3{
	font-size:2.2rem;
}

h4{
	font-size:2rem;
}

h5{
	font-size:1.7rem;
}

h6{
	font-size: 1.4rem;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4rem;
	color: ;
}

.req {
    color: #ff000d;
}

strong{
	font-weight:700;
}

a, a:visited{
	color: #195a7f;
}

a:hover{

}

a.btn{
	word-wrap: break-word;
    white-space: normal;
    margin-bottom:5px;
    font-size: 1.4rem;
    padding: 0.75rem 2rem;
    font-weight: 700;
    border: none;
}

a.btn.btn-default, a.btn.btn-default:visited, .btn.btn-default, .btn.btn-default:visited{
	color: #185b7f;
    background: #FFD700;
    font-size: 1.4rem;
    padding: 0.75rem 2rem;
    font-weight: 700;
}

a.btn.btn-default:hover, .btn.btn-default:hover{
	background: #e1be03;
}

a.btn.btn-success, a.btn.btn-success:visited{
	color: white;
    background: #195a7f;
}

a.btn.btn-success:hover{
	background: #195a7f;
}

a.btn.btn-warning, a.btn.btn-warning:visited{

}

a.btn.btn-warning:hover{

}

a.btn.btn-primary, a.btn.btn-primary:visited{

}

a.btn.btn-primary:hover{

}

.adminloggedin .whywick-screen, .adminloggedin .contact-screen {
    display: none;
}

.adminloggedin .home-hero {
    z-index: unset;
}

.video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.row-margin{
	margin:0;
}

.spacer{
	margin-top:50px;
	margin-bottom:50px;
}

.blue-BG {
    background: #195a7f;
}

.gray-BG {
    background: #EFEFEF;
}

.yellow-BG{
	background: #ffd600;
}

.page-title h1 {
    color: #195a7f;
}

.navbar-nav .ltr {
    position: static;
}

.page-title {
    margin: 25px 0 25px 15px;
}

/* Navigation */
.utility-nav {
    background: #144d6e;
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 4px 0 7px;
}

.utility-nav a, .utility-item {
    color: white;
    text-decoration: none;
    font-size: .9em;
}

.utility-nav a.btn.btn-default{
	display:inline;
	margin-top:10px;
	border-radius:0;
	font-size: 1.1rem;
	padding: 0.75rem 1rem;
}

nav.navbar.navbar-expand-md.bg-body-tertiary {
    background-color: rgba(25,90,127,1) !important;
    padding-top:0;
}

.utility-right {
    justify-content:center;
}

.utility-item {
    width: auto;
    padding: 0 10px;
}

.navbar-brand>img {
    display: block;
    width: 100px;
    margin: 0 auto;
}

.navbar {
    border-radius: 0;
  	--bs-navbar-toggler-icon-bg:
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: white;
    --bs-navbar-padding-y: 0;
    z-index: 1;
    min-height:unset;
}

.navbar-brand {
    height: auto;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav {
    margin: 15px 0;
    text-align:center;
    padding: 0 15px;
}

button.navbar-toggler.collapsed, button.navbar-toggler {
    margin-right: 10px;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu>li>a {
    color: white;
}

.nav-link, .navbar-nav .nav-link.active {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
}

.navbar-nav>li>a {
    color: white;
}

.nav-link:focus, .nav-link:hover {
    color: #FFD700 !important;
    text-decoration: none;
}

.navbar .container-fluid:before, .navbar .container-fluid:after{
	content:unset !important;
}

li.nav-item {
    padding: 5px 0;
}

ul.dropdown-menu.show {
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: center;
    width: 100%;
}

ul.dropdown-menu.show a {
    font-size: 1.4rem;
}

ul.dropdown-menu.show li {
    padding: 5px 0;
}
/* Home Page */
.home-hero{
	background: url(/sites/harder-construction.com/assets/images/Residential_Buildings/Layout7_HomeHero.jpg) center center no-repeat;
	background-size:cover;
	height:100vh;
	position:relative;
	margin-top: -50px;
	z-index:-1;
}

.home-hero-gradient {
    height: 100%;
    background: black;
    opacity: .25;
}

.home-hero-copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    color: white;
}

.home-hero-copy h1 {
    font-size: 3rem;
    font-weight:300;
}

.home-hero-copy h1 strong {
    font-weight:900;
}

.home-hero-copy img {
    margin-bottom: 25px;
}

.featured-buildings p {
    margin: 0;
}

.label-shape-R, .label-shape-L {
    clip-path: polygon(100% 70%, 0% 100%, 100% 100%);
    background: #144d6e;
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    opacity: .85;
}

.building-label, .building-label-R {
    position: absolute;
    bottom: 0;
    right: 0;
}

.building-label h2, .building-label-R h2 {
    color: white;
    padding: 0 10px 0 0;
    font-size: 1.5rem;
    font-weight:300;
}

.contact-screen {
    background: rgba(25,90,127,.7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.home-contact-form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.home-contact-form .row {
    justify-content: center;
}

.home-contact-form h3 {
    color: white;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom:15px;
}

form#HomeContact .btn.btn-default {
    padding: 5px 15px;
    font-size: 1.2rem;
}

.home-contact-BG{
	background: url(/sites/harder-construction.com/assets/images/Suburban_Buildings/Suburban1.jpg) center center no-repeat;
	background-size:cover;
	padding:50px 0;
}

.home-contact-BG img{
	visibility:hidden;
}

.blueprint-screen {
    background: rgba(25,92,127,.9);
    color:white;
    padding: 50px 15px;
}

.blueprint{
	background: url(/sites/harder-construction.com/assets/images/default/Blueprint.jpg) center center no-repeat;
}

.about-label h3:last-child {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 20px;
}

.about-label h3 {
    font-size: 1.4rem;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
}

.home-wick-pic p{
	margin:0;
}

.wick-head {
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    background: #195a7f;
    color: white;
    background: rgba(25,90,127,.8);
    padding: 10px 0;
}

.wick-head h4 {
    font-weight: 900;
    font-size: 1.8rem;
    margin: 0;
    color:white;
}

.wick-sub {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: white;
    background: #EFEFEF;
    padding: 10px 15px;
}

.wick-sub h4 {
    color: #195a7f;
    font-size: 1.5rem;
    margin:0;
}

.wick-icons{
	padding-top:50px;
	padding-bottom:50px;
}

.wick-icons img {
    padding: 0 25px;
}

.wick-icons p {
    line-height: 1.7rem;
}

.wick-3d-BG{
	background: #195a7f;
}

.wick-3d-copy {
    padding: 50px 15px;
}

.wick-3d-copy h5 {
    font-size: 2rem;
    font-weight: 700;
}

.wick-home3d {
    background: #195a7f;
}

.utility-head h6 {
    font-weight: 700;
    font-size: 2rem;
    margin-top: 20px;
}

.featured-container {
    padding: 50px 0;
}

footer {
    background: #195a7f;
    padding-top: 50px;
    padding-bottom: 50px;
    color: white;
    text-align: center;
}

footer a, footer a:visited {
    color: white;
}

footer a:hover{
	color:#FFD700;
}

ul.footer-menu {
    list-style: none;
    padding: 0;
}

ul.footer-menu li {
    padding-bottom:20px;
}

ul.footer-menu li a {
    text-decoration:none;
}

/* Building Pages */
.ag-slider p, .center-image p {
    margin: 0;
}

.center-image{
	display:none;
}

#agricultural .bx-wrapper {
    box-shadow: none;
    border: none;
    margin:0;
}

.building-slider h1 {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    text-shadow: 1px 1px 5px #343434;
}

.building-grid {
    padding: 0 15px;
}

.ag-dairy{
	background: url(/sites/harder-construction.com/assets/images/Agricultural_Buildings/Ag_Dairy.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.ag-equipment{
	background: url(/sites/harder-construction.com/assets/images/Agricultural_Buildings/Ag_Equipment.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.ag-confinement{
	background: url(/sites/harder-construction.com/assets/images/Agricultural_Buildings/Ag_Confinement.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.ag-storage{
	background: url(/sites/harder-construction.com/assets/images/Agricultural_Buildings/Ag_Storage.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.comm-man{
	background: url(/sites/harder-construction.com/assets/images/Commercial_Buildings/Manufacturing.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.comm-church{
	background: url(/sites/harder-construction.com/assets/images/Commercial_Buildings/Church.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.comm-muni{
	background: url(/sites/harder-construction.com/assets/images/Commercial_Buildings/Municipal.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.comm-retail{
	background: url(/sites/harder-construction.com/assets/images/Commercial_Buildings/Retail.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.comm-storage{
	background: url(/sites/harder-construction.com/assets/images/Commercial_Buildings/Storage.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.equ-arena{
	background: url(/sites/harder-construction.com/assets/images/Equine_Buildings/Equine_Arena.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.equ-shed{
	background: url(/sites/harder-construction.com/assets/images/Equine_Buildings/Run-in-Shed.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.equ-small{
	background: url(/sites/harder-construction.com/assets/images/Equine_Buildings/Small-Horse-Barn.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.equ-living{
	background: url(/sites/harder-construction.com/assets/images/Equine_Buildings/Equine-Living.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.sub-shed{
	background: url(/sites/harder-construction.com/assets/images/Suburban_Buildings/Suburban_Shed.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.sub-workshop{
	background: url(/sites/harder-construction.com/assets/images/Suburban_Buildings/Suburban_Workshop.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.sub-home{
	background: url(/sites/harder-construction.com/assets/images/Suburban_Buildings/Suburban_Home.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}


.building-copy {
    padding: 25px;
}

.building-copy h2 {
    font-size: 2.5rem;
    font-weight:500;
}

.building-quote-copy h3 {
    font-weight:500;
    font-size:1.6rem;
}

.building-quote {
    margin-top: -20px;
}

.building-quote-shape {
    width: 100%;
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
    background: #ffd600;
    height: 20px;
}

.building-quote-copy {
    background: #ffd600;
    padding: 10px 25px;
    text-align: center;
    color: #195a7f;
    padding: 20px;
}

.building-quote .btn-success {
    margin: 0 auto;
}

/* Wick callouts */
.wick-call-copy {
    background: #efefef;
    padding-top: 75px;
    padding-bottom: 75px;
}

.wick-call-label{
	background: rgb(16,58,82);
    background: linear-gradient(0deg, rgba(16,58,82,1) 0%, rgba(25,90,127,1) 100%);
}

.wick-call-label h3 {
    font-weight: 900;
    font-size: 4rem;
    border-bottom: 1px solid white;
    display: inline-block;
    border-top: 1px solid white;
    padding: 15px 0;
}

.wick-call-head {
    padding-top: 50px;
    padding-bottom: 50px;
}

.wick-call-BG {
    background: url(/sites/harder-construction.com/assets/images/default/Wick_mark.png) left center no-repeat;
    height: 300px;
    position: absolute;
    top: 0;
    opacity: .05;
    background-size: cover;
}


/* Wick Buildings */
.whywick{
	background: url(/sites/harder-construction.com/assets/images/Wick/WhyWick.jpg) center center no-repeat;
	background-size:cover;
}

.whywick-intro {
    color: white;
    padding: 50px 25px;
    z-index: 2;
    position: relative;
}

.whywick-intro h3 {
    color: white;
    font-weight: 900;
}

.whywick-intro p {
    margin:0;
}

.whywick-screen {
    position: absolute;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    width: 100%;
}

.whywick-buildings .row.g-0 p {
    margin: 0;
}

.whywick-copy ul li {
    color: #185b7f;
    font-size: 1.8rem;
}

.whywick-logo{
	background: url(/sites/harder-construction.com/assets/images/Wick/wick_blue.png) center center no-repeat;
	background-size:cover;
}

.whywick-buildings h5 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: 900;
    padding: 0 50px;
    width:100%;
    z-index:2;
}

.whywick-blue{
	background: #185b7f;
	padding: 50px 15px 40px;
	color:white;
}

.container-fluid.whywick-buildings {
    padding: 0;
}

/* About */
.about-featured h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 900;
    font-size:4rem;
}

.about-screen {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,.2);
    width: 100%;
}

.about-featured a:hover .about-screen {
    background: rgba(0,0,0,0);
}

.service {
    background: url(/sites/harder-construction.com/theme/images/service-BG.jpg) center center no-repeat;
    background-size:cover;
    padding: 50px;
    text-align: center;
}

.service-image {
    margin: 0 auto 25px;
}

.service-copy h4 {
    font-size: 1.7rem;
    font-weight: 800;
}

.quote-mark {
    color: #195a7f;
    font-weight: 900;
    font-size: 15rem;
}

.quote-copy {
    font-size: 2rem;
    margin-top: -75px;
}

/* Building Services Page */
.wick-services{
	background:url(/sites/harder-construction.com/assets/images/Residential_Buildings/Building_Services2.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.warranty {
    padding-top: 50px;
    padding-bottom: 50px;
}

.building-services-intro {
    text-align: center;
}

.building-services-intro ul {
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
}

.building-services-intro ul li {
    display: inline-block;
    padding: 5px 15px;
}

.services-container a {
    text-decoration: none;
    color: #195a7f;
    font-weight: 600;
}

.postframe{
	background: url(/sites/harder-construction.com/assets/images/default/postframe.jpg) center center no-repeat;
	background-size:cover;
}

.postframe-copy {
    padding: 100px 15px;
}

.postframe-copy h4 {
    color: white;
    font-size: 2rem;
    font-weight: 500;
}

.postframe-copy h5 {
    color: white;
    font-weight: 900;
    font-size: 4rem;
}

.postframe-screen {
    background: rgba(0,0,0,.3);
}

.postframe-features{
	padding: 50px 0;
}

.postframe-features i.bi.bi-check-circle-fill {
    font-size: 4rem;
    /* fill: blue; */
    color: #195a7f;
}

.postframe-features .bi-check-circle-fill::before {
    margin-bottom: 25px;
}

.home-slider .bx-wrapper, .home-wick .bx-wrapper{
	width:100%!important;
	max-width:unset!important;
	box-shadow:none!important;
	background:none!important;
	border:none!important;
}

.home-slider .bx-wrapper{
	margin-bottom:20px !important;
}


.bxslider2{
	padding-left:100px;
}

.home-wick .bx-viewport{
	height:250px!important;
}

.home-wick .bx-wrapper .bx-prev {
    left: 50px;
}

.home-wick .bx-wrapper .bx-next {
    right: 50px;
}

.bxslider-Wick img {
    width: 200px;
    margin: 0 auto;
}

.home-wick .bx-wrapper .bx-caption {
    position: absolute;
    bottom: -40px;
    left: 0;
    background: none;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
}

.home-wick .bx-wrapper .bx-caption span {
    font-family: inherit;
}

.home-wick .bx-wrapper .bx-controls-direction a {
    top: 40%;
}

.home-wick {
    background: rgb(16,58,82);
    background: linear-gradient(0deg, rgba(16,58,82,1) 0%, rgba(25,90,127,1) 100%);
}

.home-wick-copy{
	padding:50px 25px;
	text-align: center;
	z-index: 2;
    position: relative;
}

.home-wick-copy h4 {
    font-weight: 800;
    color: white;
    font-size: 3.5rem;
}

.wick-image {
    z-index: 1;
}

.home-wick-BG {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -100px;
    background: url(/sites/harder-construction.com/assets/images/default/Wick_mark.png) center center no-repeat;
    background-size: 450px;
    opacity: .1;
}

.services-container h6 {
    font-weight: 700;
}

/* Featured Projects */
.featured-projects h2 {
    font-weight: 900;
}

/* Contact */
.form-padding {
    padding: 25px;
}

/* Plan Your Project */
.planone-BG {
    background: url(/sites/harder-construction.com/assets/images/default/plan_palete2.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.plantwo-BG {
    background: url(/sites/harder-construction.com/assets/images/default/plan_colors.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.planthree-BG {
    background: url(/sites/harder-construction.com/assets/images/default/plan_3d.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.planfour-BG {
    background: url(/sites/harder-construction.com/assets/images/Suburban_Buildings/Suburban2.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.plan-copy{
	padding:50px
}

/* Residential Buildings */
.polebarn-BG{
	background: url(/sites/harder-construction.com/assets/images/Residential_Buildings/PoleBarn_Interior1.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.polebarntwo-BG{
	background: url(/sites/harder-construction.com/assets/images/Residential_Buildings/PoleBarn_Interior2.jpg) center center no-repeat;
	background-size:cover;
	height:300px;
}

.polebarn-copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 75%;
    color: white;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 2rem;
}

.polebarn-copy h2{
	font-size: 3rem;
	font-weight: 900;
	color: white;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px black;
}

/* 3D page */
.threed-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: auto;
		align-items: center;
}

.threed-bar {
    grid-column: 1/12;
		grid-row:1/2;
    background: blue;
    height: 50px;
		background: rgb(25,90,127);
		background: linear-gradient(90deg, rgba(25,90,127,1) 0%, rgba(25,90,127,1) 36%, rgba(25,90,127,0) 100%);
}

.threed-copy {
    grid-column: 1/7;
    grid-row: 1/2;
    font-weight: 900;
    color: white;
    text-align: right;
    font-size: 1.5rem;
    padding: 0 10px;
    line-height: 1.57rem;
}

.threed-copy p {
    margin: 0;
}

.threed-image {
    grid-column: 7/12;
		grid-row: 1/2;
}

.wick-threed-copy h4 {
    font-weight: 900;
    font-size: 4rem;
}

.threed-features ul {
    list-style: none;
    padding: 0;
    color: #195a7f;
    font-size: 1.7rem;
}

.threed-features ul li {
	padding:5px 0;
}

.threed-features h6 {
    font-size: 1.6rem;
    font-weight:500;
}

.threed-features img {
    width: 150px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0px 0px 10px darkgrey;
    margin-bottom: 15px;
}

.step-number {
    font-size: 7rem;
    font-weight: 900;
    color: #195a7f;
}

.cupola-BG{
	background: url(/sites/harder-construction.com/assets/images/Wick_3D/wick_cupola.jpg) center 20% no-repeat;
	background-size:cover;
	height:300px;
}

.porch-BG{
	background: url(/sites/harder-construction.com/assets/images/Wick_3D/wick_porch.jpg) center 80% no-repeat;
	background-size:cover;
	height:300px;
}

.cupola-BG + h5, .porch-BG + h5 {
    position: absolute;
    color: white;
    font-weight: 900;
    width: 100%;
    top: 50%;
    transform: translatey(-50%);
    text-align: center;
    font-size: 2rem;
    text-shadow: 2px 2px 10px black;
}

/* Projects page */
.featured-project-copy h2 {
    font-weight: 300;
    margin-top: 25px;
    font-size: 2.2rem;
}

.featured-project-copy h3 {
    font-size: 3rem;
    color: #195a7f;
    font-weight: 900;
}

/* Thumbnail gallery styles */
ul a.fancybox-effects-c {
	margin:0px !important;
	padding:0px;
}

a.fancybox-effects-c {
	text-align:center;
}


a.fancybox-effects-c img {
	width:auto;
	margin:5px !important;
}

ul.thumbgallery {
	text-align:center;
}

ul.thumbgallery img {
    width: auto;
    max-height: 150px !important;
    margin-bottom: 5px;
}

/* Thumbnail slider styles */
#bx-pager {
    text-align: center;
}

#bx-pager a {
    margin: 0 3px;
}

#bx-pager a img {
    width: 20% !important;
    border: 1px solid #ccc;
    padding: 3px;
    box-shadow: 1px 1px 7px lightgrey;
}

/* Image styles */
img, video, canvas, iframe {
    max-width: 100% !important;
}

img {
    max-width: 100% !important;
    height:auto !important;
}

img.glow {
    box-shadow: 0 0 10px 2px #ababab;
    border:2px solid #fff;
}

.img-responsive {
    width:100% !important;
    height:auto !important;
}

img.polaroid {
    border:1px solid #fff;
	box-shadow: 0 0 5px 5px #8C8C8C;
	margin:15px 10px;
}

img.rounded {
    width:100%;
    height:auto;
	border-radius: 50%;
}

img.coupon {
    width:100% !important;
    height:auto !important;
	border:3px dashed #ee3a43;
	border-radius: 5px;
}


/* Popup Alert styles */
#siteAlert {
    background: url(../images/alertBG.png) repeat;
	background-repeat: repeat;
    background-size: cover;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}
.alertBox {
	vertical-align: middle;
	position:fixed;
	 position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
		transform: translate(-50%, -50%);
	width: 50%;
	height: auto;
	border-radius: 15px;
	padding: 20px;
	background: #fff;
	opacity: 1;
	z-index: 3;
}

a.alertClose {
	float:right;
	width:37px;
	height:37px;
	position:relative;
	margin: -15px -15px 0 0;
}

a.alertClose span {
	position:absolute;
	width:37px;
	height:37px;
    background: url(../images/alertClose.png);
}

.alertDismiss {
	background:#eee;
	padding:15px;
	text-align:center;
	margin:15px 0 0 0;
}

.alertDismiss a, .alertDismiss input#remember {
	margin: 5px;
}

/* Social Media styles */
ul.social {
    list-style: none;
    margin: 10px 0;
    padding: 0px;
    display: block;
}

ul.social li {
    display: inline-block;
}

ul.social li a{
	margin: 0 2px;
	font-size: .0001em;
	color: #003337;
	width: 32px;
	height: 33px;
	position: relative;
	display: block;
	}

ul.social li a span {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;

}

ul.social li a.twitter span, ul.social li a#twitter span {
    background: url(../images/twitter.png);
    background-repeat: no-repeat;
}

ul.social li a.linked_in span, ul.social li a#linked_in span {
    background: url(../images/linkedin.png);
    background-repeat: no-repeat;
}

ul.social li a.facebook span, ul.social li a#facebook span {
    background: url(../images/facebook.png);
    background-repeat: no-repeat;
}

ul.social li a.tumblr span, ul.social li a#tumblr span {
    background: url(../images/tumblr.png);
    background-repeat: no-repeat;
}

ul.social li a.gplus span, ul.social li a#gplus span {
    background: url(../images/gplus.png);
    background-repeat: no-repeat;
}

ul.social li a.instagram span, ul.social li a#instagram span {
    background: url(../images/instagram.png);
    background-repeat: no-repeat;
}

ul.social li a.pinterest span, ul.social li a#pinterest span {
    background: url(../images/pinterest.png);
    background-repeat: no-repeat;
}

ul.social li a.youtube span, ul.social li a#youtube span {
    background: url(../images/youtube.png);
    background-repeat: no-repeat;
}


/*-------- Admin Header Nav Adjustments -------- */
#frontmenu .navbar-nav {
	display: block !important;
	-webkit-box-orient: unset;
	-webkit-box-direction: unset;
	    -ms-flex-direction: unset;
	        flex-direction: unset;
}

#frontmenu .navbar {
	padding:0px !important;
}

#frontmenu .navbar > .container-fluid {
	padding-top: 0 !important;
}
/*-------- Admin Header Nav Adjustments -------- */
/*-------- tinyMCE styles -------- */
.ui-dialog {
    z-index:5000;
}

#adminEditDialog {
    width:100% !important;
}

#adminEditDialog form {
	background-color: #fff;
	padding: 0;
}

	
	#adminEditDialog .modal-dialog {
		max-width: 1000px !important;
	}

.modal-header .close {
	order: 3;
}

.modal-header .modal-title {
	flex-grow: 2;
}

.modal-header.filehelp_icon {
	width:60px;
}

.mcefoot .input-group {
	width: 80%;
}

.mcefoot .input-group-btn:last-child > .btn, .mcefoot  .input-group-btn:last-child > .btn-group {
	height: 100%;
}

.mcefoot .input-group-addon {
	width: auto;
}
.modal-footer .row {
	width: 100%;
}
/*-------- tinyMCE styles -------- */


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.building-label h2, .building-label-R h2 {
    font-size: 1.8rem;
}
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {
    font-size: 4rem;
}

h2{
	font-size:3rem;
}

h3{
	font-size:2.7rem;
}

h4{
	font-size:2.5rem;
}

h5{
	font-size:2.2rem;
}

h6{
	font-size: 1.9rem;
}

.page-title h1{
	font-size:4rem;
}

.spacer{
	margin-top:100px;
	margin-bottom:100px;
}

/* Navigation */
.utility-nav a.btn.btn-default {
    display: inline-block;
    margin:0;
    font-size: 1.3rem;
    padding: .75rem 2rem;
}

.utility-nav {
    padding: 0 15px;
}

.utility-nav a, .utility-item {
    font-size: 1em;
}

.utility-right .utility-item {
    padding: 0 15px;
}

.utility-item{
	align-self:center;
}

.utility-right{
	float:right;
}

.utility-left{
	text-align:left;
	align-self: center;
}

.utility-item:nth-child(2), .utility-item:first-child, .utility-item {
    width: auto;
}

ul.dropdown-menu.show {
    background: #f7f6f6;
    width: auto;
}

.dropdown-menu>li>a {
    color: #185b7f;
    text-align: left;
}

ul.dropdown-menu.show a {
    font-size: 1.3rem;
}

.navbar>.container-fluid {
    align-items: end;
    padding-top: 15px;
    padding-bottom: 15px;
}

li.nav-item {
    padding: 0 15px;
}

nav.navbar.navbar-expand-md.bg-body-tertiary {
    background-color: rgba(25,90,127,.9) !important;
}

.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}

.navbar-nav {
    margin: 0;
    padding:0;
}

a.navbar-brand p {
    display: none;
}

li.nav-item:last-child {
    padding-right: 0;
}

.navbar-expand-md .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.navbar-brand>img {
    width: 150px;
}

.navbar-collapse {
    margin-top: 0;
}

/* Home Page */

.home-hero {
    background: url(/sites/harder-construction.com/assets/images/Residential_Buildings/Layout7_HomeHero.jpg) center center no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    margin-top: -135px;
}

.home-hero-copy {
    padding: 0 10rem;
}

.home-hero-copy h1 {
    font-size: 4rem;
}

.home-hero-copy p {
    font-size: 1.7rem;
}

.home-hero-copy img {
    margin-bottom: 40px;
    width: 250px;
}

.label-shape-R, .label-shape-L {
    clip-path: polygon(100% 80%, 0% 100%, 100% 100%);
}

.building-label h2, .building-label-R h2 {
    font-size: 2.3rem;
}

.building-label h2, .building-label-R h2 {
    padding: 0 20px 0 0;
}

.home-contact-form h3 {
    font-size: 4rem;
}

form#HomeContact .btn.btn-default {
    font-size: 1.4rem;
    margin-top: 25px;
}

.home-contact-BG{
	background: initial;
	padding:0;
}

.home-contact-BG img{
	visibility:initial;
}

.blueprint-screen, .featured-container {
    padding: 100px;
}

.about-label h3:last-child {
    font-size: 4rem;
}

.wick-3d-copy h5 {
    font-size: 3rem;
}

.wick-head h4 {
    font-size: 3rem;
}

.wick-icons{
	padding-top:100px;
	padding-bottom:100px;
}

.utility-head h6 {
    font-size: 4rem;
}

.building-copy {
    padding: 100px;
}

.wick-call-BG{
	background-size: unset;
}

/* Building Pages */
.center-image{
	display:block;
}

.building-quote-copy h3 {
    font-size:2.2rem;
}


/* Wick Difference */
.whywick-intro {
    padding: 150px;
}

.whywick-intro h3 {
    font-size: 4rem;
}

.whywick-intro p {
    font-size: 1.7rem;
}

.service {
    padding: 75px 50px;
}

.service-copy h4 {
    font-size: 2.5rem;
}

.service-copy p {
    font-size: 1.6rem;
}

/* Building Services */
.threed-copy {
    font-size: 2.3rem;
    line-height: 2.3rem;
}

.threed-bar {
    height:70px
}

.home-wick .bx-wrapper .bx-prev {
    left: 250px;
}

.home-wick .bx-wrapper .bx-next {
    right: 250px;
}

/* Residential Buildings */
.polebarn-copy h2 {
    font-size: 5rem;
}

/* 3D Page */
.cupola-BG, .porch-BG{
	height:500px;
}

.cupola-BG + h5, .porch-BG + h5 {
    font-size: 3rem;
}

/* Projects Page */
.featured-project-copy h3 {
    font-size: 5rem;
}

/* Site Styles */
#bx-pager a img {
    width: 10% !important;
}

.alertBox {
	width: 50%;
}
}

@media (min-width: 576px) and (max-width:991px) {
.container.wick-container {
    max-width: 991px;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
h6{
	font-size: 1.8rem;
}

/* Navigation */

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffd600;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar {
    padding: 0 50px;
}

.utility-nav {
    padding: 0 50px;
}
.utility-item {
    padding: 0;
}

.navbar>.container-fluid, .navbar-brand, .utility-left{
	padding-left:0;
	padding-right:0;
}

.home-hero-copy h1 {
    font-size: 6rem;
}

.featured-buildings a:hover .label-shape-R, .featured-buildings a:hover .label-shape-L {
    background: #ffd600;
}

.building-label h2, .building-label-R h2 {
    font-size: 1.8rem;
}

.building-label-R h2{
	padding-right:27.5px;
}

.featured-padding-R {
    padding-right: 7.5px;
}

.featured-padding-L {
    padding-left: 7.5px;
}

.label-shape-R {
    right: 7.5px;
}

.label-shape-L {
    left: 7.5px;
}

.home-contact-form h3 {
    font-size: 3rem;
}

.home-about {
    align-items: center;
}

.about-label {
    text-align: right;
}

.about-label h3 {
    font-size: 1.8rem;
}

.about-label h3:last-child {
    font-size: 5rem;
}

.wick-head h4 {
    font-size: 3rem;
}

.wick-head h4 {
    font-size: 4.5vw;
}

.wick-head, .wick-sub {
    padding: 20px 0;
}

.wick-sub h4 {
    font-size: 2.15vw;
}

.wick-3d-copy {
    text-align: right;
}

.wick-home3d .row {
    align-items: center;
}

.gray_BG {
    padding: 100px 0;
}

.building-grid {
    padding: 0 50px;
}

.ag-dairy, .ag-equipment, .ag-confinement, .ag-storage, .comm-man, .comm-church, .comm-muni, .comm-retail, .comm-storage, .equ-arena, .equ-shed, .equ-small, .equ-living, .sub-shed, .sub-workshop, .sub-home{
	height:100%;
}

.building-copy {
    padding: 75px;
}


.building-quote .btn-success {
    margin: 0;
}

.building-quote-copy {
    padding: 30px;
}

.building-quote-copy .btn-success, .building-quote-copy h3 {
    margin: 0 25px;
}

.wick-call-BG {
    height: 100%;
}

.wick-call-head {
    padding:0;
}

.service-image {
    margin: 0 25px;
}

.service {
    padding: 100px 13%;
}

.service-copy {
    text-align: left;
}

.page-title {
    margin: 50px 0 50px 50px;
}

/* Wick Difference */
.whywick-intro {
    padding: 250px 0;
    width: 70%;
    margin:0 auto;
}

.whywick-intro h3 {
    font-size: 6rem;
}

.whywick-intro p {
    font-size: 2.3rem;
}

.whywick-logo {
    background: url(/sites/harder-construction.com/assets/images/Wick/wick_blue.png) left top no-repeat;
    background-size: contain;
    height: 900px;
    position: absolute;
    left: -35%;
    opacity: .05;
    top: -30px;
}

/* Building Services*/
.wick-services{
	height:100%;
}

.services-build-copy {
    text-align: right;
}

.services-build-copy h3 {
    font-size:4rem;
}

.threed-image {
    grid-column: 8/13;
}

.threed-copy {
    grid-column: 1/8;
}

.wick-threed-copy h4 {
    font-size: 6rem;
}

.postframe-features{
	padding: 100px 0;
}

.wick-image {
    margin-bottom: 100px;
}

.wick-interior .wick-image{
	margin:0;
}

.home-wick .bx-wrapper .bx-prev {
    left: 60px;
}

.home-wick .bx-wrapper .bx-next {
    right: 60px;
}

/* Plan Your Project*/
.planone-BG, .plantwo-BG, .planthree-BG, .planfour-BG {
    height: 100%;
}

.plan-copy{
	padding:100px
}

/* Residential Buildings*/
.polebarn-BG, .polebarntwo-BG{
	height:100%;
}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
h1 {
    font-size: 6rem;
}

.building-label h2, .building-label-R h2 {
    font-size: 1.3vw;
}

.wick-3d-copy h5 {
    font-size: 4rem;
}

.building-copy {
    padding: 125px;
}

.building-quote-copy h3 {
    font-size:2.5rem;
}

.whywick-logo {
    left: -28%;
}

.service {
    padding: 100px 18%;
}

/* Building Services*/
.threed-copy {
    font-size:3rem;
}

.postframe-copy h4 {
    font-size: 3rem;
}

.postframe-copy h5 {
    font-size: 6rem;
}

.postframe-copy {
    padding: 150px 15px;
}

.home-wick .bx-wrapper .bx-prev {
    left: 95px;
}

.home-wick .bx-wrapper .bx-next {
    right: 95px;
}

.home-wick-copy h4 {
    font-size: 4rem;
}

.home-wick-BG {
    background-size: 550px;
}

.wick-image {
    z-index: 0;
}

/* Play Your Project*/
.plan-copy{
	padding:20%;
}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.home-contact-form h3 {
    font-size: 4rem;
}

.wick-head h4 {
    font-size: 7rem;
}

.wick-sub h4 {
    font-size: 3rem;
}

.wick-head, .wick-sub {
    width: 1100px;
}

.building-quote-shape {
    height: 30px;
}

.building-quote {
    margin-top: -30px;
}

.building-copy {
    padding: 150px;
}

.whywick-logo {
    left: -18%;
}

/* Building Services*/
.threed-bar{
    grid-column: 1/11;
}

.home-wick .bx-wrapper .bx-prev {
    left: 80px;
}

.home-wick .bx-wrapper .bx-next {
    right: 80px;
}

.wick-image {
    margin-bottom: 200px;
    margin-right: -50px;
    margin-left: 50px;
}

.home-wick {
    margin-left: -50px;
}

.wick-interior .home-wick{
	margin:0;
}
}

/* XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {
.whywick-logo {
    left: -50%;
    height:1300px;
}
}