<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
==========================
 Development By:
 Refresh Redux, LLC
 www.refreshredux.com
 Description: Layout CSS Styles
 Date Modified: 12/09/2019
==========================
*/


/* ===================================== HEADER ================================================================ */
   
	#header { height: 138px; width: 100%; overflow: hidden; background: url('/wp-content/themes/garland/images/header-bg.jpg') repeat-x; }
	#headerinner { height:138px; width: 930px; margin: 0 auto; }
	.logo { float: left; margin-left: 17px; margin-top: 19px; }
	
	#header .right { width: 380px; float:right; margin-top: 15px; text-align:right; }
	#phonelogo { float: left; margin-top:15px; }
	#inspirationcenter { float: left; margin-left:28px; }
	#milgardlogo { float:right; }

/* ===================================== NAVIGATION============================================================= */

	.nav-container { height: 62px; width: 100%; background: url('/wp-content/themes/garland/images/nav-bg.png') repeat-x; }
	.main-nav { width: 928px; margin: 0 auto; height: 62px; }
	.main-nav img { float: left; margin: 0; padding: 0; }
	
/* ===================================== CTA CONTENT =========================================================== */
    
	.wrapper { width: 928px; margin: 16px auto; padding:5px; }
	#bodywrap {background:url('/wp-content/themes/garland/images/body-elements-bg.jpg') top center no-repeat; width:100%; height:auto; margin: 0 auto; }
	.cta-container { height: 280px; width: 945px; margin: 20px auto 0 auto; }
	.cta { width: 298px; height: 267px;  background: url('/wp-content/themes/garland/images/cta-container.png') top no-repeat; margin-right: 5px; margin-left: 6px; }
	.cta01 {background: url('/wp-content/themes/garland/images/cta-01-bg.jpg') 12px 0 no-repeat;min-width: 275px;height: 195px;margin: 0 auto;}
	.faq-q { height:60px; width: 250px;float: right; margin-top: 12px; margin-right: 12px; }
	.faq-a {height:60px;width:250px;float:right;padding-top:35px;}
	.faq-a p { line-height:12px; font-size:12px;}
	.cta02 { background: url('/wp-content/themes/garland/images/cta-02-bg.jpg') 12px 0 no-repeat; min-width: 275px; height: 195px; margin: 0 auto; }
	.cta03 { background: url('/wp-content/themes/garland/images/cta-03-bg.jpg') 12px 0 no-repeat; min-width: 275px; height: 195px; margin: 0 auto; }
	.cta-form-container { height:185px; width:265px; margin: 0 auto; }
	.ctabutton { display:block; margin: 0 auto;width: 275px;margin-left: 12px;margin-top: 11px;} 
	.ctabutton-sidebar { display:block; margin: 0 auto; width: 275px; margin-left: 10px; margin-top: 11px; } 
	.center-btn { margin-left: 20px; margin-top:120px; }
	.gallery-link { display: block; width: 275px; height: 195px; }

/* ===================================== MAIN CONTENT ========================================================== */

	.content-wrapper { width: 900px; margin: 0 auto; }
	.main-content { }
	.main-content h1 {padding-bottom:10px;}
	.home-right { width: 295px; float:right; margin: 0 0 20px 20px; }
	.in-business { width:237px; height: 60px; float: right; margin: 15px 25px 0 0; }
	.cta-sidebar-container { width: 295px; height: 428px; background: url('/wp-content/themes/garland/images/right-container.png') bottom center no-repeat; float: right; padding-top: 5px; }
	.cta-sidebar-content { background: url('/wp-content/themes/garland/images/right-bg.jpg') bottom center no-repeat; min-width: 275px; height: 357px; margin: 0 auto; }
	.cta-sidebar-content ul { padding-left: 15px; margin:0px; }
	.cta-sidebar-content p { font-size:14px; padding: 10px 10px 0px 10px; text-align:center; }
	.cta-sidebar-content li { font-size:16px; padding-left: 40px; padding-top:4px; padding-bottom:4px; padding-right: 10px; }
	.cta-sidebar-content  ul li { list-style:none; background:url('/wp-content/themes/garland/images/green-checkmark.png') no-repeat center left; }

/* ===================================== LOGO BAR ================================================================= */
	
	.logobar { height: 143px; width: 100%; background: url('/wp-content/themes/garland/images/icon-dock-bg.jpg') repeat-x;  }
	.logobar-inner { height: 133px; padding: 10px 0 0 30px; width: 590px; margin: 0 auto; }
	.logobar-inner img { margin-right: 25px; }
	
/* ===================================== FOOTER ================================================================= */

	.footer { height: 170px; width: 100%; background: #2c2720 url('/wp-content/themes/garland/images/footer-bg.jpg') top center no-repeat; }
	.footer-inner { padding: 25px 0 0 0; width: 928px; margin: 0 auto; }
	.footer-inner .left { float: left; width: 670px; }
	.footer-nav { height: 35px; font-size: 13px; color: #ebe3d5; }
	.footer-nav a { margin: 0 3px; color: #ebe3d5; }
	#copyright { padding-top:15px; }
	#copyright p { font-size: 11px; line-height: 14px; color: #fff; }
	#copyright a { color: #fff; }
	#footer-socialmedia { width: 173px; }
       	 #footer-socialmedia a { text-decoration:none; float: right; margin: 0 3px 0 0; }
	#footer-socialmedia p { margin: 5px 6px 0 0; text-align: right; font-size: 13px; line-height: 18px; color: #fff; }

                    
/* ===================================== SLIDER ================================================================= */

	.slider-container { width: 900px; height: 359px; margin: 0 auto; }


/* ===================================== MASTER TEMPLATE ========================================================== */

	.maincontentwrapper { width:920px; min-height:600px;  margin: 0 auto; background:url('/wp-content/themes/garland/images/mainwrapper-bg.png') repeat-y; padding-top:10px; overflow:hidden; }
	.topmaincontentwrapper { width:920px; height:1px; margin: 0 auto; background:url('/wp-content/themes/garland/images/mainwrapper-top-bg.png') no-repeat; }
	.bottommaincontentwrapper { width:920px; height:9px; margin: 0 auto; background:url('/wp-content/themes/garland/images/mainwrapper-bottom-bg.png') no-repeat;  padding-bottom:10px;}
	.innercontentbg { width:860px; padding: 20px; margin-left:9px; margin-top:-18px; background:url('/wp-content/themes/garland/images/cloud_bg.jpg') center top no-repeat; }
 	.innercontentbg p { padding:0px 10px 0px 10px; }
	.innercontentbg h1 { padding-left:10px; padding-bottom:17px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
	.innercontentbg h2 { padding-left:10px; padding-bottom:10px; }
	.product-landing p { padding-left:0; }
	
/* ==================================== PRODUCT PAGE ============================================================== */

	.product-heading h1 span.hsub  { margin-top: 10px;  display: block; }
	.product-heading h1 { padding: 20px 0 10px 0; line-height: 25px;  }
	.product-landing { width: 645px; }
	.product-landing .col-l { float: left; width: 317px; margin-bottom: 20px;}
	.product-landing .col-l .inner { background:url('/wp-content/themes/garland/images/Windows.jpg') center top no-repeat; background-color: #f0e7d7; }
        .product-landing .col-r { float: right; width: 317px;  margin-bottom: 20px; }
	.product-landing .col-r .inner { background:url('/wp-content/themes/garland/images/doors.jpg') center top no-repeat; background-color: #f0e7d7; }
	.product-landing .col-content { min-height: 320px; padding-top: 287px; }
	.product-landing .col-content h2 { color: #000000; font-style: italic; font-size: 16px; padding: 0 15px; }
	.product-landing .col-content p { padding: 0 15px; text-align:justify; }
	.product-landing .col-btn { width: 317px; height: 50px; background-color: #f0e7d7; }
	.product-landing .col-btn img { width: 222px; margin: 0 auto;  display: block; }

	.col-header-l { padding-top: 10px; padding-bottom: 5px; } 
	.col-header-r { padding-top:10px; padding-bottom: 5px; }
	.product-heading a { font-style: italic; }
                     
	div.col-header-l h2 { padding: 0; color: #000; font-size: 20px;  }
	div.col-header-r h2 { padding: 0; color:#000; font-size: 20px; }
	.col-header-l a,.col-header-r a { color:#125d9b; font-size: 14px; font-weight: bold; }

	.innercontentbg #DIVsnav .snav-menu .fl img { display: none; }
	.innercontentbg #DIVsnav .snav-menu { border-bottom: none; }

	.attention { color: #125d9b; font-weight: bold; }

	.product-blocks { }
	.product-blocks .prod { width: 210px; padding: 10px 0;text-align: center; float: left; }
	.product-blocks .prod img { margin-bottom: 10px; }
	.product-blocks .prod p { font-size: 12px; line-height: 18px; font-weight: bold; }

/* ==================================== WINDOWS PAGE ============================================================== */

	.product-wrapper { width: 100%; background: #FFF url('/wp-content/themes/garland/images/windows-wrapper-bg.jpg') top left repeat-x;  }
	.product { width: 45%; padding: 20px 0; min-height: 150px; }
	.product h2 { font-size: 14px; }
	.product-wrapper .pl { float: left; padding-left:2.5%; }
	.product-wrapper .pr { float: right; padding-right:2.5%; }
	.product-wrapper .product img { width: 125px; float:left; }
	.product-wrapper .pdesc { float:right; width: calc(97% - 125px); } 
	.product-wrapper .pdesc h2  { padding: 0; }
	.product-wrapper .pdesc p { padding: 0; margin-bottom:0; }
	.product-wrapper .pdesc a { font-size: 12px;  color: #125d9b; font-weight: bold;  }
        .product-wrapper .row  { margin-bottom: 10px; }

	.windows-intro p { padding: 0; }

	@media all and (max-width: 870px) {
		.product-wrapper { padding: 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
		.product { width: 100%; }
		.product-wrapper .pl,.product-wrapper .pr { float: none; clear:both; padding: 10px 0; min-height:0;}
		.product-wrapper .product img { margin: 0 0 25px 0; }
	}

	@media all and (max-width: 600px) {
		.product-wrapper .pdesc p { text-align:left; }
		.product-wrapper .pdesc a { margin-bottom:20px; display:inline-block; }
	}
	@media all and (max-width: 450px) {
		.product-wrapper .product img { width: 100px; }
		.product-wrapper .pdesc { float:right; width: calc(97% - 105px); } 
	}
	@media all and (max-width: 350px) {
		.product-wrapper .product img { width: 80px; }
		.product-wrapper .pdesc { float:right; width: calc(97% - 85px); } 
		.product-wrapper .pdesc p { font-size:13px; line-height: 18px;}
	}



/* ======= MOBILE DROP DOWN MENU =======*/

.mobile-nav-menu { display:none; position:absolute; z-index:998; top:30px; right:10px; height:47px; width:50px; background-size:100% 100%; }
.mobile-nav-menu { background-image:url('/wp-content/themes/garland/images/dd-open.png'); }
.mobile-nav-menu.on { background-image:url('/wp-content/themes/garland/images/dd-close.png'); }

.mobile-nav { display:none; transition:0.5s ease; position:absolute; top:-400px; width:100%; z-index:999;background:#105a98; box-shadow:inset 0px 4px 6px rgba(0,0,0,0.4), 0px 2px 4px rgba(0,0,0,0.2); }
.mobile-nav.on { top:105px; }
	.mobile-nav .site-width { margin:0 auto; }
	.mobile-nav ul { margin:0; padding:0; list-style-type:none; padding:10px 0px; }
	.mobile-nav ul li:first-child { border-top:none; }
	.mobile-nav ul li:last-child { border-bottom:none; }
	.mobile-nav ul li { display:block; border-bottom:1px solid #0c4779; border-top:1px solid #336697 ; margin:0; color:#fff; padding:10px 20px; }
	.mobile-nav ul li a { display:block; font-family: EB Garamond!important; color:#fff; font-size:20px; text-transform:uppercase; font-weight:400; }
	.mobile-nav ul li a span { float:right; }
	.mobile-nav ul::after { clear:both; display:block; content:''; }
	.mobile-nav .right.box { width: calc(100% - 40px); background:#0c4779; padding:10px 20px; }
	.mobile-nav .right.box .call { float:left; margin-top: 5px; }
	.mobile-nav .right.box a { float:right; }


/* ======= RESPONSIVE DEFINITIONS =======*/	

	/* TABLET */ 
	@media all and (max-width: 950px) {

		body { overflow-x:hidden; }

		#headerinner { width:100%; text-align:center; }
			.logo { height:100px; margin-bottom:20px; margin-left:0; }
			#header .right { width: 360px; margin-right: 10px;}

		.nav-container { background-size:100% 100%; height:50px; }
		.main-nav { width:100%; margin:0px auto; text-align:center; }
			.main-nav img { display:none; }
			.main-nav a { display:inline-block; }
			.main-nav a img { display:inline-block; margin-left:-10px; height:45px; padding-top:0px; }

		.wrapper { width:100%; }
		.slideshow-wrap { margin-top:-26px; margin-left:-6px; padding:0; background:none; border:none; width:100%; height:350px; overflow:hidden; }
			.slideshow-wrap .slideshow { width:100%; }
			.slideshow-wrap .slideshow div.home-slide {width: 100%;height: 350px; }
			.next-wrap, .prev-wrap { display:none; }

		.cta-container { width:620px;margin:25px auto 290px auto; }
			.cta-container .cta:last-child { width:594px; height:253px; overflow:hidden; background-image:none; background:#fff; border: 1px solid #CCC4B6; margin-top:14px; margin-left:12px; box-shadow:1px 2px 4px rgba(0,0,0,0.15); }
			.cta-container .cta03 { background-repeat:repeat-x; margin:0px 5px; }
			.cta-container .cta:last-child .ctabutton { padding:0px 155px 0px 154px; margin:5px 5px 0px 5px; background: #1f71a9; /* Old browsers */ background: -moz-linear-gradient(top,  #1f71a9 0%, #0d4d8b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f71a9), color-stop(100%,#0d4d8b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #1f71a9 0%,#0d4d8b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #1f71a9 0%,#0d4d8b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #1f71a9 0%,#0d4d8b 100%); /* IE10+ */ background: linear-gradient(to bottom,  #1f71a9 0%,#0d4d8b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f71a9', endColorstr='#0d4d8b',GradientType=0 ); /* IE6-9 */ }

		.content-wrapper { width:90%; }
			.cta-sidebar-container { margin-top:0; }
			.main-content { }
			.main-content h2 { margin-top:40px; text-align:left; }
			.home-right { margin-right: 5%; }

.logobar-inner { width: 100%; min-width: auto; padding:0; text-align:center; }

		.maincontentwrapper { width:95%; padding:0; margin:20px auto; background-position:center; border:1px solid #ccc; box-shadow:1px 2px 4px rgba(0,0,0,0.15); margin-bottom:10px; }
		.bottommaincontentwrapper, .topmaincontentwrapper { display:none; }
		.innercontentbg { width:100%; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

		.footer { height:260px; }
			.footer-inner { width:600px; margin:0 auto; }
			#footer-socialmedia { margin-left:-100px; margin-top:-185px; }
			.footer-nav a { margin:0; }
			.footer .left a img { margin-top:5px; }
			#copyright { text-align:center; display:block; margin-top:100px;}


		.product-landing { width: 100%; }
     		.product-landing .col-r { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		.product-landing .col-l { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
     		.product-landing .inner { background-image:none !important; }
		.product-landing .col-content { min-height: 10px; padding-top: 20px; }
		.product-landing .col-content h2 { color: #000000; font-style: italic; font-size: 16px; padding: 0 15px; }
		.product-landing .col-content p { padding: 0 15px; text-align:justify; }
		.product-landing .col-btn { width:auto; text-align:center; height: 50px; margin: 0 auto; background-color: #f0e7d7; }
		.product-blocks { text-align: center; }
		.product-blocks .prod { width: 210px; height: 130px; padding: 10px 0; text-align: center; float: none; display:inline-block; }
		.product-blocks .prod img { margin-bottom: 10px; }
		.product-blocks .prod p { font-size: 12px; line-height: 18px; font-weight: bold; }
		.product-blocks div.fc { display:none; }
	}

	@media all and (max-width: 830px) {
		#headerinner { width:100%; text-align:center; }
		.logo { height:80px; }
	}

	/* MOBILE */ 
	@media all and (max-width: 720px) {

	.mobile-nav-menu, .mobile-nav { display:block!important; }

	#header { height:110px; border-bottom:1px solid #ccc; }
	#headerinner { width:100%; margin:0 auto; }
		.logo { height:72px; margin-left:5px; margin-top:15px; }
		#phonelogo { display:none; }
		#inspirationcenter { display:none; }
		#milgardlogo { display:none; }

	.nav-container { display:none; }
		
	.slideshow-wrap { height:250px; }
		.slideshow-wrap .slideshow div.home-slide {width: 100%;height: 250px; }

	.cta-container { width:300px; height:540px; margin:25px auto 290px auto; }
		.cta-container .cta { padding-top:1px; float:none; margin:0 auto; }
		.cta-container .cta:last-child { box-shadow:none; border:none; padding:0; margin:0; width: 298px!important; height: 267px!important;  background: url('/wp-content/themes/garland/images/cta-container.png') top no-repeat!important; }
		.cta03 { background: url('/wp-content/themes/garland/images/cta-03-bg.jpg'); background-position:7px 0; background-repeat:no-repeat!important; min-width: 275px; height: 195px; margin: 0 auto; }
		.cta-container .cta:last-child .ctabutton { padding:0px; margin: 0 auto; width: 275px; margin-left: 12px; margin-top: 11px; }

	.wrapper { position:relative; }
	.main-content { padding-bottom: 540px;}
	.home-right { float:none; margin: 0 auto; position: absolute; bottom:0; left: calc(50% - 148px);  }
		.in-business { float:none; margin:0 auto; margin-top:40px; }
		.cta-sidebar-container { float:none; margin:0 auto; margin-bottom:20px; }

	.logobar { width:100%; height: auto; background-size: contain; }
		.logobar-inner { height: auto; }
		.logobar-inner img:first-child { }
		.logobar-inner img { height: auto; }

	.maincontentwrapper { }
		.bottommaincontentwrapper, .topmaincontentwrapper { display:none; }
		.innercontentbg { }
		.innercontentbg p { text-align:justify; padding-left:0; }
		.bjqs-caption { text-align:center!important; }

	div#slider { float: none; margin: 0 auto 40px auto; border: 1px solid #ddd; padding: 6px; background: #ffffff; }
	

	.footer { padding-bottom:20px; height:460px; }
		.footer-inner { width:100%; max-width:400px; margin:0 auto; }
		.footer .left { width:100%; max-width:400px; margin:0 auto; float:none; }
		.footer .left .footer-nav { height:auto; margin-bottom:20px; font-size:0; text-align:center; }
		.footer .left .footer-nav a { margin-top:5px; display:block; font-size:13px; }
		.footer .left a img { margin:0 auto; display:block; }
		#footer-socialmedia { margin:0 auto; float:none; text-align:center; margin-top:-175px; }
		#footer-socialmedia a { float:none; }
		#footer-socialmedia p { text-align:center; }
		#copyright { text-align:center; display:block; margin-top:140px; }

		blockquote { padding: 15px 10px !important; margin:0; }



	}


	/* MOBILE */ 
	@media all and (max-width: 500px) {
	
		.slideshow-wrap { height:280px; }
		.slideshow-wrap .slideshow div.home-slide {height: 280px; }
		.maincontentwrapper { width: 100%;}

	}

	@media all and (max-width: 450px) {
		.slideshow-wrap { height:250px; }
		.slideshow-wrap .slideshow div.home-slide {height: 250px; }

	}

	@media all and (max-width: 400px) {
		.logo { height:60px; margin-top:20px; }
		#slider { margin-left: -10% !important; }
	}
</pre></body></html>