/* Table of Content
==================================================
	#Site Variables
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

/* #Site Variables
================================================== */
:root {
  --primary: #AB3F31;
  --secondary: #2B2E2F;
  --light: #f2f2f2;
  --dark: #222222;
  --white: #ffffff;
  --text: #222222;
  --navigation: #222222;
  
  --primary-font: 'Avenir', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif;
  --secondary-font: 'Hepta Slab', serif; 
}



/* #Site Styles
================================================== */
*				{ outline:none; }
html, body		{ color:var(--text); font-size:18px; font-weight:400; font-family:var(--primary-font); line-height:1.5rem; overflow-x:hidden; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.w900 			{ font-weight:900; }
.w800			{ font-weight:800; }
.w700			{ font-weight:700; }
.w600			{ font-weight:600; }
.w500			{ font-weight:500; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w200			{ font-weight:200; }
.w100			{ font-weight:100; }

.font6			{ font-size:0.625em; }
.font7			{ font-size:0.750em; }
.font8			{ font-size:0.875em; }
.font10			{ font-size:1.0em; }
.font12			{ font-size:1.2em; }
.font15			{ font-size:1.5em; }
.font18			{ font-size:1.8em; }
.font20			{ font-size:2.0em; }
.font25			{ font-size:2.5em; }
.font30			{ font-size:3.0em; }
.font35			{ font-size:3.5em; }
.font40			{ font-size:4.0em; }
.font45			{ font-size:4.5em; }

.s1				{ letter-spacing:1px; }
.s2				{ letter-spacing:2px; }
.s3				{ letter-spacing:3px; }
.s4				{ letter-spacing:4px; }
.s5				{ letter-spacing:5px; }
.s6				{ letter-spacing:6px; }
.s7				{ letter-spacing:7px; }
.s8				{ letter-spacing:8px; }

.lh0			{ line-height:1em; }
.lh1			{ line-height:1.1em; }
.lh2			{ line-height:1.2em; }
.lh3			{ line-height:1.3em; }
.lh4			{ line-height:1.4em; }
.lh5			{ line-height:1.5em; }
.lh8			{ line-height:1.8em; }

h1, h2, h3, h4, h5, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5	{ font-family:var(--secondary-font); color:var(--dark); line-height:1.2em; font-weight:800; }

h1, .uk-h1		{ font-size:2.50em; letter-spacing:2px; }
h2, .uk-h2		{ font-size:1.65em; }
h3, .uk-h3		{ font-size:1.30em; }
h4, .uk-h4		{ font-size:1.125em; }
h5, .uk-h5		{ font-size:0.775em; font-weight:300; text-transform:uppercase; letter-spacing:3px; line-height:1em; }


h3 + h2			{ margin-top:-15px; }
h4 + p 			{ margin-top:-10px; }

b, strong, .uk-text-bold	{ font-weight:800; }

a, .uk-link		{ color:var(--primary); }
	a:hover, .uk-link:hover { color:inherit; text-decoration:underline; }

/* #UIKit Styles
================================================== */
.uk-container-alt	{ padding:0 3%; }

.uk-text-primary 	{ color:var(--primary) !important; }
.uk-text-secondary 	{ color:var(--secondary) !important; }
.uk-text-light		{ color:var(--light) !important; }
.uk-text-dark 		{ color:var(--dark) !important; }
.uk-text-contrast	{ color:var(--white) !important; }

.uk-background-primary, .uk-section-primary { background-color:var(--primary); color:var(--white) !important; }
.uk-background-secondary, .uk-section-secondary { background-color:var(--secondary); color:var(--white) !important; }
.uk-background-dark, .uk-section-dark { background-color:var(--dark); color:var(--white) !important; }

.uk-button { font-size:1em; font-weight:800; font-family:var(--secondary-font); line-height:1em; letter-spacing:2px; padding:10px 20px 8px; border-radius:0px; text-transform:uppercase; background:#fff; border:2px solid #f2f2f2; color:var(--dark); }
.uk-button-primary, .uk-active>.uk-button, .uk-button-primary > a { background:var(--primary); color:var(--white); border-color:var(--primary); }
.uk-button-secondary, .uk-button-secondary > a { background:var(--secondary); color:var(--white); border-color:var(--secondary); }
.uk-button-dark, .uk-button-dark > a { background:var(--dark); border-color:var(--dark); color:var(--white); }
	.uk-button-dark:hover, .uk-button-dark > a:hover { background:#000; color:var(--white); }
.uk-button-small { font-size:.775em; text-transform:uppercase; letter-spacing:1px; }

.uk-button-primary:hover { background:var(--primary); opacity:0.85; text-decoration:none; }
.uk-button-secondary:hover { background:var(--secondary); opacity:0.85; text-decoration:none; }

.uk-button-text { line-height:1.5; padding:0 0 2px; background:none; color:var(--primary); border:0; height:auto; font-size:90%; font-weight:600; text-transform:uppercase; }

.uk-overlay-primary { background: rgba(0,0,0,.25); }
.uk-overlay-gradient { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%); }

.uk-card-border { padding:5px; border:1px solid #dcd9d9; background:#fff; }
.uk-card-muted { background:var(--light); border-radius:10px; border:1px solid #efefef; }
.uk-card-default { color:var(--text); }

/* #Page Styles
================================================== */

/* Header */
.header { padding:40px 0; background:var(--white); }
	.header .logo { max-width:100%; width:650px; }
	/* .header nav {} */
		.header .uk-navbar-nav>li { position:relative; padding:0 10px; }
		.header .uk-navbar-nav>li>a { font-family:var(--secondary-font); height:50px; text-transform:inherit; font-weight:500; color:var(--navigation); font-size:1em; min-height:40px; }
		.header .uk-navbar-nav>li:hover>a, .header .uk-navbar-nav>li.current-menu-item>a { color:var(--primary); background:none; text-decoration:underline; }
		.header .uk-navbar-nav>li:after { content:''; display:block; position:absolute; top:0; bottom:0; right:0; height:15px; width:2px; margin:auto 0; background:#dfdfdf; }
		.header .uk-navbar-nav>li:last-child:after { display:none; }
		.header .uk-navbar-toggle { height:50px; }
		.header [class*=uk-navbar-dropdown-bottom] { margin-top:0; }
		.header .uk-navbar-dropdown { color:var(--dark); padding:15px 0; box-shadow:none; }
		.header .uk-navbar-dropdown-nav>li>a { color:var(--dark); font-weight:400; padding:3px 15px; }
		.header .uk-navbar-dropdown-nav>li:hover>a { background:var(--primary); color:var(--white); }


.intro { background-image:url('../images/bg-red.jpg'); background-size:100%; background-repeat:no-repeat; background-position:bottom center; padding-bottom:300px; margin-bottom:200px; }
	.intro .cta{ margin-bottom:-500px; }

.max-box { max-width:675px; }

.list-box { padding-top:0; padding-bottom:0; position:relative; }
	.list-box:before { content:''; position:absolute; top:10%; left:0; width:2px; height:calc(80% + 2px); background:var(--primary); }

	.list-box>div { margin-bottom:45px; position:relative; }
	.list-box>div:before { content:''; position:absolute; top:50%; left:-76px; width:15px; height:15px; background:var(--primary); }
	.list-box h2 { margin-bottom:-15px; }
	
	.resources .list-box { padding-top:25px; }
	
.widget_block { padding:15px; background:var(--white); box-shadow:0 5px 15px rgba(0,0,0,.08); }
	
.gform_button { font-size:1em; font-weight:800; font-family:var(--secondary-font); line-height:1em; letter-spacing:2px; padding:10px 20px 8px; border-radius:0px; text-transform:uppercase; border:2px solid #f2f2f2; background:var(--primary); color:var(--white); border-color:var(--primary); }
	
.grecaptcha-badge { display:none !important; }

/* #Media Queries
================================================== */
	
	@media only screen and (max-width: 1400px) {
		.header .uk-navbar-nav>li>a { font-size:.8em; }
	}
	
	@media only screen and (max-width: 1219px) {

		h1 { font-size:2.875em; }
		h2 { font-size:2.000em; }
		h3 { font-size:1.500em; }
		h4 { font-size:1.125em; }
		h5 { font-size:0.775em; }

		.header { padding:20px 0; }
		
		.header .uk-navbar-nav>li>a { font-size:.8em; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.header { padding:20px 0; }

		.intro canvas { min-height:400px; }
		
		.header .uk-navbar-nav>li { padding:0 5px; }
		.header .uk-navbar-nav>li>a { font-size:.7em; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		html, body { font-size:14px; }
		
		h1 { font-size:2.675em; }
		h2 { font-size:2.000em; }
		h3 { font-size:1.500em; }
		h4 { font-size:1.125em; }
		h5 { font-size:0.775em; }
		
		.header .logo { max-width:375px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		h1 { font-size:2.500em; }
		h2 { font-size:1.775em; }
		h3 { font-size:1.200em; }
		h4 { font-size:1.000em; }
		h5 { font-size:0.775em; }
		
		
		.header .logo { max-width:275px;  }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextCyr-Medium.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextCyr-Demi.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Demi.woff') format('woff'),
        url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
        url('../fonts/AvenirNextCyr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/* NEW LAYOUTS - 20230329 */
.intro .uk-slideshow {
	padding-bottom:5%;
}
.blkoverlay:after {
    content: '';
    z-index:1 !important;
    position: absolute !important;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);
}

li.uk-active [class*="uk-position-center"] {
	z-index:2;
}

.uk-card-default.whitetext {
	box-shadow: none;
	background: none;
	color:#FFF;
}
.uk-card-default.whitetext h2{
	color:#FFF;
}
.uk-card-default.whitetext span.uk-text-primary {
color: #FFF !important;
border-bottom: 1px solid var(--primary);
}



/*
 * Default WP Alignment Classes
 *****************************************************************************/

 .aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

/* New Layout */
@media only screen and (max-width: 1199.9px) {
.uk-navbar {

	margin-bottom:30px;

}
}

#photo-section h3.uk-h5 {
	margin-top:20px;
}

#photo-section .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
	background: transparent !important;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0) !important;
}

body.closets #thirdcloset {
	padding-bottom:60px !important;
}

.footer.uk-section {
	padding-bottom:0px;
}
.footer.uk-section .gform_wrapper {
	padding: 20px 40px;
background: rgba(0,0,0,0.3);
}

.footer.uk-section input#gform_submit_button_11 { 
cursor: pointer;
}

@media only screen and (max-width: 1219px) {
.footer.uk-section .gform_wrapper h2.uk-form-title{
font-size: calc(26px + (30 - 26) * ((100vw - 300px) / (1400 - 300))) !important;
	}
}
.footer.uk-section .gform_wrapper h2.uk-form-title{
color: #AB3F31 !important;
text-align: left;
}
@media only screen and (max-width: 959.08px) {
.footer.uk-section .gform_wrapper h2.uk-form-title{
text-align: center;
}
.footer.uk-section .gform_wrapper {
	margin-bottom:40px;
}

}

.uk-table.uk-table-striped th {
	background: #000;
	color:#FFF;
}

.uk-table-striped tbody tr:nth-of-type(2n+2), .uk-table-striped > tr:nth-of-type(2n+2) {
	background:#EFEFEF;
}


.youtube-video {
	aspect-ratio: 16 / 9;
	width: 100%;
  }
  @media only screen and (max-width: 640px) {
  .youtube-video-float {
	aspect-ratio: 16 / 9;
	width: 100%;
  }
}

/* Special Offers */
body.offers * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
	margin-top: 30px;
	margin-bottom: 30px;
}
body.offers #reviewBanner,
body.contact #reviewBanner,
body.pros #reviewBanner {
	/* margin-top:-1px; */
	background-image:none !important;
}
@media (max-width: 960px) {
#firstfinance img {
	display: none;
} 
} 
body.resources .list-box>div:before { content:''; position:absolute; top:2%; left:-76px; width:15px; height:15px; background:var(--primary); }
body.resources .list-box h2 { margin-bottom:-15px; padding: 0px; margin-top:40px; }


div#form {
	margin-bottom:0px !important;
}
#popmake-1881 h2 {
	text-align:center;
}
iframe.uk-responsive-width {
	max-width:80% !important;
	height:80vh !important;

}
#menu-products li a,
#menu-information li a {
font-size: 16px;
}

/* zachs tweaks */
.uk-slider .uk-slider-items {
    margin-left: -20px;
}

a.uk-button:active,
a.uk-button:focus {
    background:#222222;
    border-color:#222222;
}

@media(max-width:960px) {
    .uk-position-relative.uk-flex.uk-flex-right,
    .uk-position-relative.uk-flex.uk-flex-left {
        margin: auto !important;
        justify-content: center;
    }
}

@media(max-width:768px) {
    .uk-container-alt {
        padding-left: 5% !important;
    }
    
    .uk-flex-middle .uk-width-3-5\@m .uk-align-left\@m,
    .uk-flex-middle .uk-width-3-5\@m .uk-align-right\@m{
        padding-left:5%;
        padding-top:30px;
    }

    .uk-grid-match.uk-grid-small.uk-text-center.uk-grid.uk-grid-margin.uk-first-column.uk-scrollspy-inview.uk-grid-stack {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media(max-width:600px) {
    .uk-container-alt.cta {
        padding-left: 10%;
    }

    
    p.uk-grid-margin.uk-first-column {
        padding-left: 5%;
        padding-right: 5%;
    }

    .uk-container-alt.cta .uk-grid {
        margin-left: 0px !important;
    }
    
    .uk-container-alt.cta {
        padding-left: 5%;
    }
}

@media(max-width:580px) {
    .uk-flex-middle .uk-width-expand\@m .uk-flex.uk-flex-left .uk-button:nth-child(2),
    .uk-flex-middle .uk-width-expand\@m .uk-flex.uk-flex-right .uk-button:nth-child(2) {
        margin-top:20px;
        display:inline-block;
    }
}

@media(max-width:500px) {
    div#reviewBanner {
        padding-top: 80px;
    }
}

@media(max-width:420px) {
    div#firstfinance + div.extra.uk-section {
        padding-top: 160px;
    }
}

.mx-height img {
	object-fit: cover !important;
	height: 100%;
	width:100%;  
	max-height: 300px;
	min-height: 300px;
	overflow:hidden;  
	}
@media(max-width:960px) {
	.mx-height img {
	max-height:400px !important;
	}
}

/*CABINETS*/

.new-white-bg {
	background:#FFF;
}
.new-white-bg .max-box.list-box {
	padding-top:40px;
	padding-bottom:40px;
}

@media(max-width:960px) {

#new-cab-section .uk-grid {
	margin-left:0px !important;
}

.margin-fix-big.new-white-bg .max-box.list-box {
margin-right:0px;
padding:40px;
	}	

}

.pad-fix {
    padding: 40px;
}

.specfin-fix {
    box-sizing: border-box;
    left: 40px;
    display: block;
    position: relative;
    margin-right: 40px;
}

@media (max-width:1200px) {
    .specfin-fix {
        left:30px;
        margin-right:30px;
    }
}

@media (max-width:1200px) {
    .specfin-flex-fix {
        display:flex;
        flex-wrap: wrap;
    }

    .specfin-flex-fix > div {
        margin-bottom:30px;
    }
}

@media (max-width:768px) {
    .specfin-fix {
        left:0px;
        margin-right:0px;
    }

    .specfin-flex-fix {
        padding-left:0px;
    }
}

@media (max-width:640px) {
    .specfin-flex-fix > div {
        padding: 17px;
        padding-right: 1px;
    }
}

.no-bull div:before {
    display: none !important;
}

@media(max-width:960px) {
    .no-bull.pad-fix {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 30px !important;
        box-sizing: border-box;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 20px;
    }
}

#gallery-photos .gallery-item {
    width: calc(33.3333% - 30px) !important;
    margin: 15px !important;
    padding: 30px 30px 0px 30px !important;
    box-sizing: border-box !important;
	background:#fff;
}

@media(max-width:900px) {
    #gallery-photos .gallery-item {
        width: calc(50% - 30px) !important;
        margin: 15px !important;
        padding: 30px 30px 0px 30px !important;
        box-sizing: border-box !important;
    }
}

@media(max-width:600px) {
    #gallery-photos .gallery-item {
        width: calc(100% - 30px) !important;
        margin: 15px !important;
        padding: 30px 30px 0px 30px !important;
        box-sizing: border-box !important;
    }
}

.contact-fix {
    margin-left: 40px;
    width: calc(50% - 40px);
}

@media (max-width:960px) {
    .contact-fix {
        width: calc(100% - 30px);
        margin-left:30px;
    }
}

.card-fix {
    padding: 0px;
    margin: 0px;
}

.card-fix > div {
    margin:0px 0px 20px 0px;
}

.card-fix > div p {
    margin-bottom:0px;
}


.card-fix > div:before {
    display:none;
}

.padfix-right .card-fix {
    width: calc(100% - 20px);
    margin-left:0px;
}

.padfix-left .card-fix {
    width: calc(100% - 20px);
}

@media (max-width:960px) {
    .card-fix-container .padfix-right {
        padding-left:20px;
    }

    .card-fix-container .padfix-left {
        padding-left:20px !important;
    }  
}

@media (max-width:768px) {
    .card-fix-container .padfix-right {
        padding-left:0px !important;
        margin-left:25px !important;
    }

    .card-fix-container .padfix-left {
        padding-left:0px !important;
        margin-left:25px !important;
        margin-right: 5px !important;
    }
}