@import url(https://fonts.googleapis.com/css?family=Raleway:300,600,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{scroll-behavior:smooth}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#fff;color:#c4c4c4;font-family:"Raleway",sans-serif;font-size:1.2rem;line-height:1.45;position:relative}.sidebar{background:linear-gradient(247deg, #5e2614, #6f321a);width:100%;min-width:300px;text-align:left;line-height:1.625;padding:1rem;padding-top:1.125rem;padding-bottom:0.75rem;position:fixed;z-index:99}@media (min-width: 1500px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:20%;text-align:right;padding-top:6rem;padding-right:3rem}}@media (min-width: 1800px){.sidebar{padding-top:10%;padding-left:1rem;padding-right:3.75%}}.logo{text-transform:uppercase;font-size:1.75rem;letter-spacing:1px;color:#ddd}@media (min-width: 768px){.logo{font-size:2rem}}@media (min-width: 1500px){.logo{margin-bottom:3rem;font-size:2.125rem}}@media (min-width: 1800px){.logo{margin-bottom:4rem;font-size:2.5rem;line-height:1}}.logo span{font-weight:700;letter-spacing:1px;color:#eee}@media (min-width: 1200px){.logo span{letter-spacing:2px;padding-left:0.125rem}}.nav-item{color:#c4c4c4;text-decoration:none;font-size:1.125rem;letter-spacing:0.5px;display:inline-block;margin-right:1.25rem}@media (min-width: 768px){.nav-item{font-size:1.5rem}}@media (min-width: 1500px){.nav-item{display:block;font-size:1.375rem;margin:6vh 0}}@media (min-width: 1800px){.nav-item{letter-spacing:1px;font-size:1.5625rem;margin:7vh 0}}.nav-item.active{color:#ccc}.main-content{display:relative;width:100%}@media (min-width: 1500px){.main-content{width:80%;position:absolute;top:0;right:0}}.main-content section{padding-top:0.5rem;padding-bottom:0.5rem;-webkit-box-flex:1;-ms-flex:1 1 80%;flex:1 1 80%;height:calc(100vh - 96px);min-height:35rem}@media (min-width: 1500px){.main-content section{height:100vh;padding:2rem;padding:4% 4%}}@media (min-width: 1800px){.main-content section{padding:4.5% 4.5%}}@media (min-width: 2100px){.main-content section{padding:5% 5%}}section.about{background-color:#ccc}section.contact{background-color:#ccc}section.selector{background-color:#ddd;color:#333}.portfolio{display:grid;height:100%;grid-template-rows:repeat(5, 1fr);grid-template-columns:repeat(5, 1fr);grid-gap:0.5rem}@media (min-width: 992px){.portfolio{grid-gap:0.75rem}}@media (min-width: 1500px){.portfolio{grid-gap:0.875rem}}@media (min-width: 1800px){.portfolio{grid-gap:1rem}}.portfolio-item{background:transparent;letter-spacing:1px;color:#eee;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.25rem;text-shadow:0 0 16px rgba(0,0,0,0.4);background-size:cover;background-position:center;-webkit-transition:all ease-in-out 360ms;transition:all ease-in-out 360ms;position:relative;z-index:10}.portfolio-item.small{grid-row:span 1;grid-column:span 1}.portfolio-item.medium{grid-row:span 2;grid-column:span 2}.portfolio-item.large{grid-row:span 3;grid-column:span 3}.portfolio-item.squarish{grid-row:span 4;grid-column:span 2}.portfolio-item.tall{grid-row:span 3;grid-column:span 2}.portfolio-item.wide{grid-row:span 2;grid-column:span 3}.portfolio-item:hover{color:white;text-shadow:0 0 6px rgba(0,0,0,0.7)}.portfolio-item::before{content:'';display:block;background:#353535;opacity:0.25;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;z-index:-1}@media (min-width: 1500px){.portfolio-item::before{opacity:0.35}}.portfolio-item:hover::before{opacity:0.1}@media (min-width: 1500px){.portfolio-item:hover::before{opacity:0.25}}.one{background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/fc-8685-rustic-clay.jpg)}.two{background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/fiberglass-front-door.jpg)}.three{background-image:url(//unsplash.it/820/460)}.four{background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/keys.jpg)}.five{background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/ccm-803-new-earth.jpg)}.six{background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/ccv-50-dark-maple.jpg)}.selectorPanel::after,.selectorPanel-sample::after{content:"Request Quote";width:94%;text-align:center;font-size:1.0625rem;font-weight:600;text-transform:uppercase;font-family:"Raleway",sans-serif;opacity:0;-webkit-transition:all linear 0.3s;transition:all linear 0.3s;position:absolute;bottom:2.25rem;left:0;right:0;padding:0.75rem 0.5rem;margin-left:auto;margin-right:auto;background-color:#a31125;color:#fff}.selectorPanel.swatch-zoom::after,.selectorPanel-sample.swatch-zoom::after{opacity:1}.basicLightbox.selector-panel-lightbox .basicLightbox__placeholder{padding:3rem 5rem}form{max-width:420px;margin:50px auto;font-family:"Raleway",sans-serif}.feedback-input,input[type="text"].feedback-input{color:white;font-family:Helvetica, Arial, sans-serif;font-weight:500;font-size:18px;border-radius:5px;line-height:22px;background-color:transparent;border:2px solid #a31125;-webkit-transition:all 0.3s;transition:all 0.3s;padding:13px;margin-bottom:15px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;height:unset;background-image:none;background-position:0 0;text-indent:0;margin:0 0 1.5rem 0}.feedback-input:focus{border:2px solid #b60e24}textarea{height:100px;line-height:150%;resize:none}[type="submit"]{font-family:"Raleway",sans-serif;width:100%;background:#a31125;border-radius:5px;border:0;cursor:pointer;color:white;font-size:24px;padding-top:10px;padding-bottom:10px;-webkit-transition:all 0.3s;transition:all 0.3s;margin-top:-4px;font-weight:700}[type="submit"]:hover{background:#c00d25}.page-body--resource-page{background:linear-gradient(134deg, #f3f3f3, #ddd)}.resources--additional-header.selector--additional-header{margin-bottom:0rem;font-size:1rem}.container--door-view{width:44%;display:inline-block;position:relative;min-height:60rem}.container--option-selector{width:54%;max-width:58rem;display:inline-block;position:absolute;text-align:left;padding-left:4rem;margin-top:-2.25rem}.container--option-selector .resources--category-selector{text-align:left}.title--option-group{font-weight:700;font-size:1.25rem;margin-left:0.4375rem;margin-bottom:0.5rem;color:#222}.container--option-selector a.button--category{text-align:center;border-radius:0.25rem;margin-top:1rem;margin-bottom:1rem;font-size:1rem}.container--option-selector a.button--category,.container--option-selector a.button--category:link,.container--option-selector a.button--category:visited,.container--option-selector a.button--category:hover,.container--option-selector a.button--category:active{-webkit-box-shadow:2px 2px 5px #a0a0a0;box-shadow:2px 2px 5px #a0a0a0}.container--option-selector li.active a.button--category{background-color:#fff;color:#202b31;border-color:#b1b1b1;-webkit-box-shadow:4px 4px 6px #555;box-shadow:4px 4px 6px #555}a.button--category.button--quote{text-align:center;border-radius:0.25rem;margin-top:2rem;width:20rem;font-size:1.5rem;color:#e67624}#doorCanvas{width:100%;max-width:24rem;position:absolute;top:0;right:2rem}#glassCanvas{width:100%;max-width:24rem;position:absolute;top:0;right:2rem}.canvas-decoration{background:#e7e7e7;background:linear-gradient(330deg, rgba(184,184,184,0.54) 0%, #fcfcfc 100%);border:#bbb solid 1px;-webkit-box-shadow:9px 9px 14px #c3c3c3 inset;box-shadow:9px 9px 14px #c3c3c3;-webkit-box-shadow:10px 10px 14px rgba(182,182,182,0.8);box-shadow:10px 10px 14px rgba(182,182,182,0.8)}.label--door-model,.label--door-color{position:absolute;width:24rem;bottom:3rem;right:2rem;text-align:center;font-size:1.5rem;font-weight:600}.label--door-color{bottom:1rem}.wrapper-form{background-color:#eee;padding:1rem 4rem 2rem 4rem}.quote-input,input[type="text"].quote-input{border:1px solid #e67624;font-size:0.9375rem;padding:0.5625rem}.quote-input::-webkit-input-placeholder{color:#aaa}.quote-input::-moz-placeholder{color:#aaa}.quote-input:-ms-input-placeholder{color:#aaa}.quote-input::-ms-input-placeholder{color:#aaa}.quote-input::placeholder{color:#aaa}.quote-submit{background-color:#e67624}.list--door-options{font-family:monospace;font-size:0.875rem}.list-title--door-options{font-weight:700;font-size:0.9375rem;margin-bottom:0.5rem}.text-area--xml-snippet{margin:1.125rem 0}.text-area--xml-snippet textarea{overflow-y:scroll;width:100%;height:200px;resize:none;border-color:#e67624;border-radius:5px}:root{--level-one: translateZ(3rem);--level-two: translateZ(4.25rem);--level-three: translateZ(4.5rem);--fw-normal: 400;--fw-bold: 700;--clr: #e0e0e0}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.home{position:relative;height:100vh;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;font-family:'Oswald', sans-serif;background-color:#303030}.home::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(https://s3.amazonaws.com/cdn08.prod.aws.files.reeb.com/dev/fiberglass-front-door.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-filter:saturate(1.1) brightness(0.4) contrast(1.1);filter:saturate(1.1) brightness(0.4) contrast(1.1)}.card{width:500px}.card__content{text-align:center;position:relative;padding:15em 5em;-webkit-transition:-webkit-transform 2.25s;transition:-webkit-transform 2.25s;transition:transform 2.25s;transition:transform 2.25s, -webkit-transform 2.25s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card:hover .card__content{-webkit-transform:rotateY(0.5turn);transform:rotateY(0.5turn)}.card__front,.card__back{position:absolute;top:0;bottom:0;left:0;right:0;padding:5em 3em;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:grid;-ms-flex-line-pack:center;align-content:center}.card__front{background-image:url(https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/reeb-finish/rf-landing/logo/reeb-finish-stain-panel-bkg.jpg);background-size:cover;color:#333}.card__front::before{display:none;content:'';position:absolute;--spacer: 1em;top:var(--spacer);bottom:var(--spacer);left:var(--spacer);right:var(--spacer);border:3px solid currentColor;-webkit-transform:translateZ(3rem);transform:translateZ(3rem);-webkit-transform:var(--level-one);transform:var(--level-one)}.card__title{font-size:3.5rem;-webkit-transform:translateZ(4.5rem);transform:translateZ(4.5rem);-webkit-transform:var(--level-three);transform:var(--level-three);-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-transform:uppercase}.card__subtitle{-webkit-transform:translateZ(4.25rem);transform:translateZ(4.25rem);-webkit-transform:var(--level-two);transform:var(--level-two);text-transform:uppercase;letter-spacing:4px;font-size:.75rem;font-weight:700;font-weight:var(--fw-bold);opacity:.7}.card__logo{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transform:translateZ(4.5rem);transform:translateZ(4.5rem);-webkit-transform:var(--level-three);transform:var(--level-three);background-image:url(https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/reeb-finish/rf-landing/logo/reeb-finish-white-logo.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;width:90%;margin:auto}.card__logo-low{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transform:translateZ(4.25rem);transform:translateZ(4.25rem);-webkit-transform:var(--level-two);transform:var(--level-two);background-image:url(https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/reeb-finish/rf-landing/logo/reeb-finish-white-logo-low.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;width:85%;margin:auto}.card__logo-high{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transform:translateZ(4.5rem);transform:translateZ(4.5rem);-webkit-transform:var(--level-three);transform:var(--level-three);background-image:url(https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/reeb-finish/rf-landing/logo/reeb-finish-white-logo-high.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;width:85%;margin:auto}.card__body{-webkit-transform:translateZ(4.25rem);transform:translateZ(4.25rem);-webkit-transform:var(--level-two);transform:var(--level-two);font-weight:var(fw-normal);font-size:1.875rem;line-height:1.6;padding-bottom:1.125rem}.card__back{-webkit-transform:rotateY(0.5turn);transform:rotateY(0.5turn);color:#e0e0e0;color:var(--clr);background:#505050;background-image:url(https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/reeb-finish/rf-landing/card/rustic-clay-panel.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}


/*# sourceMappingURL=main.css.map*/