#homegrid .arrow, #homegrid-btm .arrow
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}
/* Box Model */
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	}
/* Containers */
.container {margin-left: auto;margin-right: auto;}.container.\31 25\25 {width: 100%;max-width: 87.5em;min-width: 70em;}.container.\37 5\25 {width: 52.5em;}.container.\35 0\25 {width: 35em;}.container.\32 5\25 {width: 17.5em;}
.container {width: 90%; max-width:1700px;}

@media screen and (max-width: 1680px) {
.container.\31 25\25 {width: 100%;max-width: 87.5em;min-width: 70em;}.container.\37 5\25 {width: 52.5em;}.container.\35 0\25 {width: 35em;}.container.\32 5\25 {width: 17.5em;}
.container {width: 90%;}
}

@media screen and (max-width: 1100px) {
.container.\31 25\25 {width: 100%;max-width: 112.5%;min-width: 90%;}.container.\37 5\25 {width: 67.5%;}.container.\35 0\25 {width: 45%;}.container.\32 5\25 {width: 22.5%;}
.container {width: 90%;}
}

@media screen and (max-width: 980px) {
.container.\31 25\25 {width: 100%;max-width: 125%;min-width: 100%;}.container.\37 5\25 {width: 75%;}.container.\35 0\25 {width: 50%;}.container.\32 5\25 {width: 25%;}
.container {width: 90% !important;}
}

@media screen and (max-width: 736px) {
.container.\31 25\25 {width: 100%;max-width: 125%;min-width: 100%;}.container.\37 5\25 {width: 75%;}.container.\35 0\25 {width: 50%;}.container.\32 5\25 {width: 25%;}
.container {width: 100% !important
}
}

@media screen and (max-width: 480px) {
.container.\31 25\25 {width: 100%;max-width: 125%;min-width: 100%;}.container.\37 5\25 {width: 75%;}.container.\35 0\25 {width: 50%;}.container.\32 5\25 {width: 25%;}
.container {width: 94% !important;}
}

/* Grid */
.row{border-bottom:solid 1px transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.row > *{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.row:after,.row:before{content:'';display:block;clear:both;height:0}
.row.uniform > * > :first-child{margin-top:0}.row.uniform > * > :last-child{margin-bottom:0}
.row.\30 \25 > * {padding: 0 0 0 0em;}.row.\30 \25 {margin: 0 0 -1px 0em;}
.row.uniform.\30 \25 > * {padding: 0em 0 0 0em;}.row.uniform.\30 \25 {margin: 0em 0 -1px 0em;}
.row > * {padding: 0 0 0 2.5em;}.row {margin: 0 0 -1px -2.5em;}
.row.uniform > * {padding: 2.5em 0 0 2.5em;}.row.uniform {margin: -2.5em 0 -1px -2.5em;}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u, .\31 2u\24 {width: 100%;clear: none;margin-left: 0;}.\31 1u, .\31 1u\24 {width: 91.6666666667%;clear: none;margin-left: 0;}.\31 0u, .\31 0u\24 {width: 83.3333333333%;clear: none;margin-left: 0;}.\39 u, .\39 u\24 {width: 75%;clear: none;margin-left: 0;}.\38 u, .\38 u\24 {width: 66.6666666667%;clear: none;margin-left: 0;}.\37 u, .\37 u\24 {width: 58.3333333333%;clear: none;margin-left: 0;}.\36 u, .\36 u\24 {width: 50%;clear: none;margin-left: 0;}.\35 u, .\35 u\24 {width: 41.6666666667%;clear: none;margin-left: 0;}.\34 u, .\34 u\24 {width: 33.3333333333%;clear: none;margin-left: 0;}.\33 u, .\33 u\24 {width: 25%;clear: none;margin-left: 0;}.\32 u, .\32 u\24 {width: 16.6666666667%;clear: none;margin-left: 0;}.\31 u, .\31 u\24 {width: 8.3333333333%;clear: none;margin-left: 0;}

.\31 2u\24 + *,.\31 1u\24 + *,.\31 0u\24 + *,.\39 u\24 + *,.\38 u\24 + *,.\37 u\24 + *,.\36 u\24 + *,.\35 u\24 + *,.\34 u\24 + *,.\33 u\24 + *,.\32 u\24 + *,.\31 u\24 + * {	clear: left;}
.\-11u {margin-left: 91.66667%;}.\-10u {margin-left: 83.33333%;}.\-9u {margin-left: 75%;}.\-8u {margin-left: 66.66667%;}.\-7u {margin-left: 58.33333%;}.\-6u {margin-left: 50%;}.\-5u {margin-left: 41.66667%;}.\-4u {margin-left: 33.33333%;}.\-3u {margin-left: 25%;}.\-2u {margin-left: 16.66667%;}.\-1u {margin-left: 8.33333%;}

@media screen and (max-width: 1680px) {
.row > *{padding:0 0 0 2.5em}.row{margin:0 0 -1px -2.5em}
.row.uniform > *{padding:2.5em 0 0 2.5em}.row.uniform{margin:-2.5em 0 -1px -2.5em}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {width: 100%;clear: none;margin-left: 0;}.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {width: 91.6666666667%;clear: none;margin-left: 0;}.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {width: 83.3333333333%;clear: none;margin-left: 0;}.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {width: 75%;clear: none;margin-left: 0;}.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {width: 66.6666666667%;clear: none;margin-left: 0;}.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {width: 58.3333333333%;clear: none;margin-left: 0;}.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {width: 50%;clear: none;margin-left: 0;}.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {width: 41.6666666667%;clear: none;margin-left: 0;}.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {width: 33.3333333333%;clear: none;margin-left: 0;}.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {width: 25%;clear: none;margin-left: 0;}.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {width: 16.6666666667%;clear: none;margin-left: 0;}.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {width: 8.3333333333%;clear: none;margin-left: 0;}

.\31 2u\24\28xlarge\29 + *,.\31 1u\24\28xlarge\29 + *,.\31 0u\24\28xlarge\29 + *,.\39 u\24\28xlarge\29 + *,.\38 u\24\28xlarge\29 + *,.\37 u\24\28xlarge\29 + *,.\36 u\24\28xlarge\29 + *,.\35 u\24\28xlarge\29 + *,.\34 u\24\28xlarge\29 + *,.\33 u\24\28xlarge\29 + *,.\32 u\24\28xlarge\29 + *,.\31 u\24\28xlarge\29 + * {	clear: left;}
.\-11u\28xlarge\29 {margin-left: 91.66667%;}.\-10u\28xlarge\29 {margin-left: 83.33333%;}.\-9u\28xlarge\29 {margin-left: 75%;}.\-8u\28xlarge\29 {margin-left: 66.66667%;}.\-7u\28xlarge\29 {margin-left: 58.33333%;}.\-6u\28xlarge\29 {margin-left: 50%;}.\-5u\28xlarge\29 {margin-left: 41.66667%;}.\-4u\28xlarge\29 {margin-left: 33.33333%;}.\-3u\28xlarge\29 {margin-left: 25%;}.\-2u\28xlarge\29 {margin-left: 16.66667%;}.\-1u\28xlarge\29 {margin-left: 8.33333%;}
}

@media screen and (max-width: 1100px) {
.row > *{padding:0 0 0 2.5em}.row{margin:0 0 -1px -2.5em}
.row.uniform > *{padding:2.5em 0 0 2.5em}.row.uniform{margin:-2.5em 0 -1px -2.5em}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28large\29, .\31 2u\24\28large\29 {width: 100%;clear: none;margin-left: 0;}.\31 1u\28large\29, .\31 1u\24\28large\29 {width: 91.6666666667%;clear: none;margin-left: 0;}.\31 0u\28large\29, .\31 0u\24\28large\29 {width: 83.3333333333%;clear: none;margin-left: 0;}.\39 u\28large\29, .\39 u\24\28large\29 {width: 75%;clear: none;margin-left: 0;}.\38 u\28large\29, .\38 u\24\28large\29 {width: 66.6666666667%;clear: none;margin-left: 0;}.\37 u\28large\29, .\37 u\24\28large\29 {width: 58.3333333333%;clear: none;margin-left: 0;}.\36 u\28large\29, .\36 u\24\28large\29 {width: 50%;clear: none;margin-left: 0;}.\35 u\28large\29, .\35 u\24\28large\29 {width: 41.6666666667%;clear: none;margin-left: 0;}.\34 u\28large\29, .\34 u\24\28large\29 {width: 33.3333333333%;clear: none;margin-left: 0;}.\33 u\28large\29, .\33 u\24\28large\29 {width: 25%;clear: none;margin-left: 0;}.\32 u\28large\29, .\32 u\24\28large\29 {width: 16.6666666667%;clear: none;margin-left: 0;}
.\31 u\28large\29, .\31 u\24\28large\29 {width: 8.3333333333%;clear: none;margin-left: 0;}
.\31 2u\24\28large\29 + *,.\31 1u\24\28large\29 + *,.\31 0u\24\28large\29 + *,.\39 u\24\28large\29 + *,.\38 u\24\28large\29 + *,.\37 u\24\28large\29 + *,.\36 u\24\28large\29 + *,.\35 u\24\28large\29 + *,.\34 u\24\28large\29 + *,.\33 u\24\28large\29 + *,.\32 u\24\28large\29 + *,.\31 u\24\28large\29 + * {clear: left;}
.\-11u\28large\29 {margin-left: 91.66667%;}.\-10u\28large\29 {margin-left: 83.33333%;}.\-9u\28large\29 {margin-left: 75%;}.\-8u\28large\29 {margin-left: 66.66667%;}.\-7u\28large\29 {margin-left: 58.33333%;}.\-6u\28large\29 {margin-left: 50%;}.\-5u\28large\29 {margin-left: 41.66667%;}.\-4u\28large\29 {margin-left: 33.33333%;}.\-3u\28large\29 {margin-left: 25%;}.\-2u\28large\29 {margin-left: 16.66667%;}.\-1u\28large\29 {margin-left: 8.33333%;}

}

@media screen and (max-width: 980px) {
.row > * {padding: 0 0 0 2.5em;}.row {margin: 0 0 -1px -2.5em;}
.row.uniform > * {padding: 2.5em 0 0 2.5em;}.row.uniform {margin: -2.5em 0 -1px -2.5em;}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28medium\29, .\31 2u\24\28medium\29 {width: 100%;clear: none;margin-left: 0;}
.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
width: 91.6666666667%;
clear: none;
margin-left: 0;
}
.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
width: 83.3333333333%;
clear: none;
margin-left: 0;
}
.\39 u\28medium\29, .\39 u\24\28medium\29 {
width: 75%;
clear: none;
margin-left: 0;
}
.\38 u\28medium\29, .\38 u\24\28medium\29 {
width: 66.6666666667%;
clear: none;
margin-left: 0;
}
.\37 u\28medium\29, .\37 u\24\28medium\29 {
width: 58.3333333333%;
clear: none;
margin-left: 0;
}
.\36 u\28medium\29, .\36 u\24\28medium\29 {
width: 50%;
clear: none;
margin-left: 0;
}
.\35 u\28medium\29, .\35 u\24\28medium\29 {
width: 41.6666666667%;
clear: none;
margin-left: 0;
}
.\34 u\28medium\29, .\34 u\24\28medium\29 {
width: 33.3333333333%;
clear: none;
margin-left: 0;
}
.\33 u\28medium\29, .\33 u\24\28medium\29 {
width: 25%;
clear: none;
margin-left: 0;
}
.\32 u\28medium\29, .\32 u\24\28medium\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28medium\29, .\31 u\24\28medium\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28medium\29 + *,.\31 1u\24\28medium\29 + *,.\31 0u\24\28medium\29 + *,.\39 u\24\28medium\29 + *,.\38 u\24\28medium\29 + *,.\37 u\24\28medium\29 + *,.\36 u\24\28medium\29 + *,.\35 u\24\28medium\29 + *,.\34 u\24\28medium\29 + *,.\33 u\24\28medium\29 + *,.\32 u\24\28medium\29 + *,.\31 u\24\28medium\29 + * {clear: left;}.\-11u\28medium\29 {margin-left: 91.66667%;}.\-10u\28medium\29 {margin-left: 83.33333%;}.\-9u\28medium\29 {margin-left: 75%;}.\-8u\28medium\29 {margin-left: 66.66667%;}.\-7u\28medium\29 {margin-left: 58.33333%;}.\-6u\28medium\29 {margin-left: 50%;}.\-5u\28medium\29 {margin-left: 41.66667%;}.\-4u\28medium\29 {margin-left: 33.33333%;}.\-3u\28medium\29 {margin-left: 25%;}.\-2u\28medium\29 {margin-left: 16.66667%;}.\-1u\28medium\29 {margin-left: 8.33333%;}

}

@media screen and (max-width: 736px) {
.row > *{padding:0 0 0 2.5em}
.row{margin:0 0 -1px -2.5em}
.row.uniform > *{padding:2.5em 0 0 2.5em}
.row.uniform{margin:-2.5em 0 -1px -2.5em}
.row.\32 00\25 > * {padding: 0 0 0 5em;}
.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}
.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}
.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}
.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}
.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}
.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}
.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}
.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28small\29, .\31 2u\24\28small\29 {width: 100%;clear: none;margin-left: 0;}
.\31 1u\28small\29, .\31 1u\24\28small\29 {width: 91.6666666667%;clear: none;margin-left: 0;}
.\31 0u\28small\29, .\31 0u\24\28small\29 {width: 83.3333333333%;clear: none;margin-left: 0;}
.\39 u\28small\29, .\39 u\24\28small\29 {width: 75%;clear: none;margin-left: 0;}
.\38 u\28small\29, .\38 u\24\28small\29 {width: 66.6666666667%;clear: none;margin-left: 0;}
.\37 u\28small\29, .\37 u\24\28small\29 {width: 58.3333333333%;clear: none;margin-left: 0;}
.\36 u\28small\29, .\36 u\24\28small\29 {width: 50%;clear: none;margin-left: 0;}
.\35 u\28small\29, .\35 u\24\28small\29 {width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u\28small\29, .\34 u\24\28small\29 {width: 33.3333333333%;clear: none;margin-left: 0;}
.\33 u\28small\29, .\33 u\24\28small\29 {width: 25%;clear: none;margin-left: 0;}
.\32 u\28small\29, .\32 u\24\28small\29 {
width: 16.6666666667%;
clear: none;
margin-left: 0;
}
.\31 u\28small\29, .\31 u\24\28small\29 {
width: 8.3333333333%;
clear: none;
margin-left: 0;
}
.\31 2u\24\28small\29 + *,.\31 1u\24\28small\29 + *,.\31 0u\24\28small\29 + *,.\39 u\24\28small\29 + *,.\38 u\24\28small\29 + *,.\37 u\24\28small\29 + *,.\36 u\24\28small\29 + *,.\35 u\24\28small\29 + *,.\34 u\24\28small\29 + *,.\33 u\24\28small\29 + *,.\32 u\24\28small\29 + *,.\31 u\24\28small\29 + * {	clear: left;}
.\-11u\28small\29 {margin-left: 91.66667%;}.\-10u\28small\29 {margin-left: 83.33333%;}.\-9u\28small\29 {margin-left: 75%;}.\-8u\28small\29 {margin-left: 66.66667%;}.\-7u\28small\29 {margin-left: 58.33333%;}.\-6u\28small\29 {margin-left: 50%;}.\-5u\28small\29 {margin-left: 41.66667%;}.\-4u\28small\29 {margin-left: 33.33333%;}.\-3u\28small\29 {margin-left: 25%;}.\-2u\28small\29 {margin-left: 16.66667%;}.\-1u\28small\29 {margin-left: 8.33333%;}

}
	
@media screen and (max-width: 636px) {
.row > * {padding: 0 0 0 2.5em;}.row {margin: 0 0 -1px -2.5em;}
.row.uniform > * {padding: 2.5em 0 0 2.5em;}.row.uniform {margin: -2.5em 0 -1px -2.5em;}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28smaller\29, .\31 2u\24\28smaller\29 {width: 100%;clear: none;margin-left: 0;}.\31 1u\28smaller\29, .\31 1u\24\28smaller\29 {width: 91.6666666667%;clear: none;margin-left: 0;}.\31 0u\28smaller\29, .\31 0u\24\28smaller\29 {width: 83.3333333333%;clear: none;margin-left: 0;}.\39 u\28smaller\29, .\39 u\24\28smaller\29 {width: 75%;clear: none;margin-left: 0;}.\38 u\28smaller\29, .\38 u\24\28smaller\29 {width: 66.6666666667%;clear: none;margin-left: 0;}.\37 u\28smaller\29, .\37 u\24\28smaller\29 {width: 58.3333333333%;clear: none;margin-left: 0;}.\36 u\28smaller\29, .\36 u\24\28smaller\29 {width: 50%;clear: none;margin-left: 0;}.\35 u\28smaller\29, .\35 u\24\28smaller\29 {width: 41.6666666667%;clear: none;margin-left: 0;}.\34 u\28smaller\29, .\34 u\24\28smaller\29 {width: 33.3333333333%;clear: none;margin-left: 0;}.\33 u\28smaller\29, .\33 u\24\28smaller\29 {width: 25%;clear: none;margin-left: 0;}.\32 u\28smaller\29, .\32 u\24\28smaller\29 {width: 16.6666666667%;clear: none;margin-left: 0;}.\31 u\28smaller\29, .\31 u\24\28smaller\29 {width: 8.3333333333%;clear: none;margin-left: 0;}

.\31 2u\24\28smaller\29 + *,.\31 1u\24\28smaller\29 + *,.\31 0u\24\28smaller\29 + *,.\39 u\24\28smaller\29 + *,.\38 u\24\28smaller\29 + *,.\37 u\24\28smaller\29 + *,.\36 u\24\28smaller\29 + *,.\35 u\24\28smaller\29 + *,.\34 u\24\28smaller\29 + *,.\33 u\24\28smaller\29 + *,.\32 u\24\28smaller\29 + *,.\31 u\24\28smaller\29 + * {clear: left;}
.\-11u\28smaller\29 {margin-left: 91.66667%;}.\-10u\28smaller\29 {margin-left: 83.33333%;}.\-9u\28smaller\29 {margin-left: 75%;}.\-8u\28smaller\29 {margin-left: 66.66667%;}.\-7u\28smaller\29 {margin-left: 58.33333%;}.\-6u\28smaller\29 {margin-left: 50%;}.\-5u\28smaller\29 {margin-left: 41.66667%;}.\-4u\28smaller\29 {margin-left: 33.33333%;}.\-3u\28smaller\29 {margin-left: 25%;}.\-2u\28smaller\29 {margin-left: 16.66667%;}.\-1u\28smaller\29 {margin-left: 8.33333%;}

	}
	
	/* smaller iphone5 landscape */
@media screen and (max-width: 636px) {
body, input, select, textarea {font-size: 12pt;}
		 }

@media screen and (max-width: 480px) {
.row > *{padding:0 0 0 2.5em}.row{margin:0 0 -1px -2.5em}
.row.uniform > *{padding:2.5em 0 0 2.5em}.row.uniform{margin:-2.5em 0 -1px -2.5em}
.row.\32 00\25 > * {padding: 0 0 0 5em;}.row.\32 00\25 {margin: 0 0 -1px -5em;}
.row.uniform.\32 00\25 > * {padding: 5em 0 0 5em;}.row.uniform.\32 00\25 {margin: -5em 0 -1px -5em;}
.row.\31 50\25 > * {padding: 0 0 0 3.75em;}.row.\31 50\25 {margin: 0 0 -1px -3.75em;}
.row.uniform.\31 50\25 > * {padding: 3.75em 0 0 3.75em;}.row.uniform.\31 50\25 {margin: -3.75em 0 -1px -3.75em;}
.row.\35 0\25 > * {padding: 0 0 0 1.25em;}.row.\35 0\25 {margin: 0 0 -1px -1.25em;}
.row.uniform.\35 0\25 > * {padding: 1.25em 0 0 1.25em;}.row.uniform.\35 0\25 {margin: -1.25em 0 -1px -1.25em;}
.row.\32 5\25 > * {padding: 0 0 0 0.625em;}.row.\32 5\25 {margin: 0 0 -1px -0.625em;}
.row.uniform.\32 5\25 > * {padding: 0.625em 0 0 0.625em;}.row.uniform.\32 5\25 {margin: -0.625em 0 -1px -0.625em;}
.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {width: 100%;clear: none;margin-left: 0;}.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {width: 91.6666666667%;clear: none;margin-left: 0;}.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {width: 83.3333333333%;clear: none;margin-left: 0;}.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {width: 75%;clear: none;margin-left: 0;}.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {width: 66.6666666667%;clear: none;margin-left: 0;}.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {width: 58.3333333333%;clear: none;margin-left: 0;}.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {width: 50%;clear: none;margin-left: 0;}.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {width: 41.6666666667%;clear: none;margin-left: 0;}
.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {width: 33.3333333333%;clear: none;margin-left: 0;}.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {width: 25%;clear: none;margin-left: 0;}.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {width: 16.6666666667%;clear: none;margin-left: 0;}.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {width: 8.3333333333%;clear: none;margin-left: 0;}

.\31 2u\24\28xsmall\29 + *,.\31 1u\24\28xsmall\29 + *,.\31 0u\24\28xsmall\29 + *,.\39 u\24\28xsmall\29 + *,.\38 u\24\28xsmall\29 + *,.\37 u\24\28xsmall\29 + *,.\36 u\24\28xsmall\29 + *,.\35 u\24\28xsmall\29 + *,.\34 u\24\28xsmall\29 + *,.\33 u\24\28xsmall\29 + *,.\32 u\24\28xsmall\29 + *,.\31 u\24\28xsmall\29 + * {	clear: left;}
.\-11u\28xsmall\29 {margin-left: 91.66667%;}.\-10u\28xsmall\29 {margin-left: 83.33333%;}.\-9u\28xsmall\29 {margin-left: 75%;}.\-8u\28xsmall\29 {margin-left: 66.66667%;}.\-7u\28xsmall\29 {margin-left: 58.33333%;}.\-6u\28xsmall\29 {margin-left: 50%;}.\-5u\28xsmall\29 {margin-left: 41.66667%;}.\-4u\28xsmall\29 {margin-left: 33.33333%;}.\-3u\28xsmall\29 {margin-left: 25%;}.\-2u\28xsmall\29 {margin-left: 16.66667%;}.\-1u\28xsmall\29 {margin-left: 8.33333%;}

	}

/* Basic */

html, body {background:#fcf9f8;}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {-moz-animation: none !important;-webkit-animation: none !important;-ms-animation: none !important;animation: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}
body,input,select,textarea{color:#333;font-family: "Inter", sans-serif; font-weight: 400; font-size:11pt;line-height:1.75em}
a{-moz-transition:border-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:border-color .2s ease-in-out,color .2s ease-in-out;-ms-transition:border-color .2s ease-in-out,color .2s ease-in-out;transition:border-color .2s ease-in-out,color .2s ease-in-out;color:#f15a29;text-decoration:none}
a:hover{color:#f15928!important;border-bottom-color:transparent}
a:focus { outline:none;}
strong,b{font-weight:700}
em,i{font-style:italic}
p{margin:0 0 2em}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1em;margin:0 0 1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;border:0}
h2{font-size:2em;line-height:1.5em;letter-spacing:-.025em}
h3{font-size:1.35em;line-height:1.5em}
h4{font-size:1.1em;line-height:1.5em}
h5{font-size:.9em;line-height:1.5em}
h6{font-size:.7em;line-height:1.5em}
sub{font-size:.8em;position:relative;top:0.5em}sup{font-size:0.8em;position:relative;top:-.5em}
hr{border:0;border-bottom:solid 1px #ccc;margin:3em 0}
hr.major{margin:4em 0}
blockquote{border-left:solid 4px rgba(255,255,255,0.3);font-style:italic;margin:0 0 2em;padding:.5em 0 .5em 2em}
code{background:rgba(255,255,255,0.075);border-radius:4px;font-family:"Courier New",monospace;font-size:.9em;margin:0 .25em;padding:.25em .65em}
pre{-webkit-overflow-scrolling:touch;font-family:"Courier New",monospace;font-size:.9em;margin:0 0 2em}pre code{display:block;line-height:1.75em;padding:1em 1.5em;overflow-x:auto}
.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}

/* Section/Article */
section.special,article.special{text-align:center}


/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #ffffff;
		display: block;
		font-size: 0.9em;
		font-weight: 300;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		background: transparent;
		border-radius: 4px;
		border: solid 1px rgba(255, 255, 255, 0.3);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(255, 255, 255, 0.3);
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	select option {
		background-color: #1c1d26;
		color: #ffffff;
	}

	select:focus::-ms-value {
		background: transparent;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: rgba(255, 255, 255, 0.75);
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 100;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px rgba(255, 255, 255, 0.3);
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: rgba(255, 255, 255, 0.25);
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #f15a29;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #fff !important;
		opacity: 1.0;
		font-weight: normal;
	}

	:-moz-placeholder {
		color: #fff !important;
		opacity: 1.0;
		font-weight: normal;
	}

	::-moz-placeholder {
		color: #fff !important;
		opacity: 1.0;
		font-weight: normal;
	}

	:-ms-input-placeholder {
		color: #fff !important;
		opacity: 1.0;
		font-weight: normal;
	}

	.formerize-placeholder {
		color: #fff !important;
		opacity: 1.0;
		font-weight: normal;
	}

/* Box */
.box{border-radius:4px;border:solid 1px rgba(255,255,255,0.3);margin-bottom:2em;padding:1.5em}
.box > :last-child,.box > :last-child > :last-child,.box > :last-child > :last-child > :last-child{margin-bottom:0}
.box.alt{border:0;border-radius:0;padding:0}


/* Image */
.image{border-radius:4px;border:0;display:inline-block;position:relative;overflow:hidden}
.image:before{content:'';display:block;position:absolute;left:0;top:0;background-image:url(images/overlay.png);width:100%;height:100%;z-index:1}
.image img{border-radius:4px;display:block}
.image.left{float:left;margin:0 1.5em 1em 0;top:.25em}
.image.right{float:right;margin:0 0 1em 1.5em;top:.25em}
.image.left,.image.right{max-width:40%}
.image.left img,.image.right img{width:100%}
.image.fit{display:block;margin:0 0 2em;width:100%}
.image.fit img{width:100%}


/* Table */

.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}
table{margin:0 0 2em;width:100%}
table tbody tr{border:solid 1px rgba(255,255,255,0.3);border-left:0;border-right:0}
table tbody tr:nth-child(2n + 1){background-color:rgba(255,255,255,0.075)}
table td{padding:.75em}
table th{color:#fff;font-size:.9em;font-weight:300;padding:0 .75em .75em;text-align:left}
table thead{border-bottom:solid 1px rgba(255,255,255,0.3)}
table tfoot{border-top:solid 1px rgba(255,255,255,0.3)}
table.alt{border-collapse:separate}
table.alt tbody tr td{border:solid 1px rgba(255,255,255,0.3);border-left-width:0;border-top-width:0}
table.alt tbody tr td:first-child{border-left-width:1px}
table.alt tbody tr:first-child td{border-top-width:1px}
table.alt thead{border-bottom:0}
table.alt tfoot{border-top:0}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: #f4f4f4;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
		color: #666!important;
		cursor: pointer;
		display: inline-block;
		font-weight: 300;
		height: 2.6em;
		line-height: 2.6em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		.button:hover,
		.button:active {
			box-shadow: inset 0 0 0 1px #f15a29;
			color: #f15a29 !important;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
	
		}



		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: rgba(255, 255, 255, 0.3) !important;
			box-shadow: none !important;
			color: #ffffff !important;
			cursor: default;
			opacity: 0.25;
		}



/* Spotlight */
.spotlight { position:relative;	 }
.spotlight .image.main {display: none;}
.spotlight .image.main img {position: relative;}
.spotlight .content {-moz-transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);-moz-transition: -moz-transform 1s ease, opacity 1s ease;-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;-ms-transition: -ms-transform 1s ease, opacity 1s ease;transition: transform 1s ease, opacity 1s ease;opacity: 1;}
.spotlight.top .content, .spotlight.bottom .content {left: 0;width: auto;}
.spotlight.top .content {top: 0;}
.spotlight.bottom .content {bottom: 0;}
.spotlight.left .content, .spotlight.right .content {top: 0;width: auto;}
.spotlight.left .content {left: 0;}
.spotlight.right .content {right: 0;}
.spotlight.inactive .content {opacity: 0;}
.spotlight.inactive.top .content {-moz-transform: translate(0,-5em);-webkit-transform: translate(0,-5em);-ms-transform: translate(0,-5em);transform: translate(0,-5em);}
.spotlight.inactive.bottom .content {-moz-transform: translate(0,5em);-webkit-transform: translate(0,5em);-ms-transform: translate(0,5em);transform: translate(0,5em);}
.spotlight.inactive.left .content {-moz-transform: translate(-5em,0);-webkit-transform: translate(-5em,0);-ms-transform: translate(-5em,0);transform: translate(-5em,0);}
.spotlight.inactive.right .content {-moz-transform: translate(5em,0);-webkit-transform: translate(5em,0);-ms-transform: translate(5em,0);transform: translate(5em,0);}

/* Wrapper */

.wrapper {padding:2em 0 2em 0;	}
.wrapper.style2 {background: #f15a29;}
.wrapper.fade-down > .container {-moz-transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);-moz-transition: -moz-transform 1s ease, opacity 1s ease;-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;-ms-transition: -ms-transform 1s ease, opacity 1s ease;transition: transform 1s ease, opacity 1s ease;opacity: 1;}
.wrapper.fade-down.inactive > .container {-moz-transform: translate(0,-1em);-webkit-transform: translate(0,-1em);-ms-transform: translate(0,-1em);transform: translate(0,-1em);opacity: 0;}
.wrapper.fade-up > .container {-moz-transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);-moz-transition: -moz-transform 1s ease, opacity 1s ease;-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;-ms-transition: -ms-transform 1s ease, opacity 1s ease;transition: transform 1s ease, opacity 1s ease;opacity: 1;}
.wrapper.fade-up.inactive > .container {-moz-transform: translate(0,1em);-webkit-transform: translate(0,1em);-ms-transform: translate(0,1em);transform: translate(0,1em);opacity: 0;}
.wrapper.fade > .container {-moz-transition: opacity 1s ease;-webkit-transition: opacity 1s ease;-ms-transition: opacity 1s ease;transition: opacity 1s ease;opacity: 1;}
.wrapper.fade.inactive > .container {opacity: 0;	}

/* Dropotron */
.dropotron {background: rgba(39, 40, 51, 0.965);border-radius: 4px;box-shadow: 0 0.075em 0.35em 0 rgba(0, 0, 0, 0.125);list-style: none;margin-top: calc(-0.25em + 1px);min-width: 12em;padding: 0.25em 0;}
.dropotron > li {border-top: solid 1px rgba(255, 255, 255, 0.035);padding: 0;}
.dropotron > li a, .dropotron > li span {border: 0;color: rgba(255, 255, 255, 0.75);display: block;padding: 0.1em 1em;text-decoration: none;}
.dropotron > li:first-child {border-top: 0;}
.dropotron > li.active > a, .dropotron > li.active > span {color: #f15a29;}
.dropotron.level-0 {font-size: 0.8em;margin-top: 1em;}
.dropotron.level-0:before {-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background: #272833;content: '';display: block;height: 1em;position: absolute;right: 1.5em;top: -0.5em;width: 1em;}
body.landing .dropotron.level-0 {margin-top: 0;}

/* Header */

	#page-wrapper {
	
	}
#topbar {background: #9e4300; color:#fff; text-align:center; font-family: 'Hanken Grotesk'; font-weight: 500; font-size: 14px; letter-spacing: 0.1em;}
	#header {
background: #fff;
		box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
		cursor: default;
		min-height: 80px; padding:10px 0;
		left: 0;
	
		
		top: 0;
		width: 100%;
		z-index: 100;
		position:relative;
	
		margin-bottom:-80px;
		
	}
#header .container {display:flex; align-items: center; justify-content: space-between;}
		#header #logo {
			height: inherit;
		
			line-height: inherit;
			margin: 0;
			
			top: 0;
		}
#header #logo img { max-height:60px; width:auto; display:block;}

		#header nav { color:#333;
		
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 2em; font-weight: 600;
				}

					#header nav ul li a, #header nav ul li span {
						border: 0;
						color: inherit;
						display: inline-block;
						height: inherit;
						line-height: inherit;
						outline: 0;
					}

						#header nav ul li a.button, #header nav ul li span.button {
							height: 2em;
							line-height: 2em;
							padding: 0 1.25em;
						}

						#header nav ul li a:not(.button):before, #header nav ul li span:not(.button):before {
							margin-right: 0.5em;
						}

					#header nav ul li.active > a, #header nav ul li.active > span {
						color: #f15a29;
					}

#header nav ul li > ul {display: none;}
#header nav ul li.current a{ color: #9e4300;}
#header .whatsapp { color:#ffffff; }
a svg {
  color: #fff;   /* WhatsApp green */ max-width: 20px;     vertical-align: bottom;
}
a:hover svg {
  color: #fff;
}
	#header-sticky-wrapper  { position: relative; 
		cursor: default;
		width: 100%;
		z-index: 105;
	
	}
.is-sticky #header { width:100%; backdrop-filter: blur(12px);
    background-color: rgba(252, 249, 248, 0.8); border-bottom: 1px solid #dfc0b2;}
.is-sticky #header nav ul li a { color: #000;  }
.is-sticky #header a svg{  color: #25D366;; }
.is-sticky #header .whatsapp {color:#f15a29;}

.grad-btn {transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	color:#fff; font-weight: 700;   font-family: "Hanken Grotesk", sans-serif; line-height: 1; padding: 0.75em 1.5em; 
	background: linear-gradient(90deg, #F47321 0%, #FFC20E 100%);
	border-radius: 5px; font-size: 15px;

}

.grad-btn:hover{ color:#fff !important; opacity:0.9;}
/* Banner */




.slider {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;

}

.slider .slides {
    display: flex;
    transition: transform .6s ease;
}

.slider .slide {
       flex: 0 0 100%;
    max-width: 100%;
}

.slider .slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Arrows */

.slider .prev,
.slider .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,.45);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    transition: background .3s;
    z-index: 10;
}

.slider .prev:hover,
.slider .next:hover {
    background: rgba(0,0,0,.75);
}

.slider .prev {
    left: 15px;
}

.slider .next {
    right: 15px;
}

/* Dots */

.slider .dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.slider .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: background .3s;
}

.slider .dot.active {
    background: #fff;
}

/* Mobile */

@media (max-width:768px) {

    .slider .prev,
    .slider .next {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .slider .dots {
        bottom: 12px;
    }
}

h1.maintitle { font-size:2.8em;}
.maintitle { font-size:2.2em; margin-bottom:0.2em; font-weight:400; line-height: 1.1;}
.tagline {font-size:1.4em; margin-bottom:1em;}


#welcome  {font-size:2.5rem; line-height: 1.3; width: 82%; margin: 0 auto; font-weight: 700;}
.linebtn { margin-top:1em;}
.linebtn a{ color:#999; }
.linebtn a::before{ content:""; width:50px; height:1px; display:inline-block; background:#000; margin-right:20px; position:relative; margin-bottom:2px}
.container.narrow{ max-width:1400px;}
.parallax-image{  transform: translateY(0);
  transition: transform 0.05s linear;}



#home-projects .content { width:1000px; max-width:60%; }
.projects-row  {margin-top: 3em; display: flex; gap:1em;}
.single-project { width:20%;}
.single-project .title { text-align:center; padding: 0 1em; font-weight: bold;}

img.image-full { width:100%;}



#solution {  background:url("../../images/acoustic-wall.jpg") no-repeat left center #f5f5f5; background-size: 50%; display: flex; align-items: center; justify-content: flex-end; margin-top: 2em; }
#solution .content { max-width:50%; padding: 6em 15% 6em 4em;}
#solution ul { margin-left: 1em; margin-top: 1em; margin-bottom: 1.5em;} 
#solution ul li  { list-style:outside;}
#solution ul.tick { margin-left:0;}
#solution ul.tick li { list-style:none; background: url("../../images/tick-icon.png") no-repeat left; padding-left: 40px;}

#design-process {  background:url("../../images/design-process.jpg") no-repeat center fixed #f5f5f5; background-size: cover; }


#design-process .overlay { background:rgba(55,55,55,0.8); display: flex; align-items: center; justify-content: flex-start; margin-top: 2em;  color:#fff; padding: 6em 0;}

#design-process ol { margin-left:1.2em; margin-top: 1em; margin-bottom: 1.5em;;}
#design-process ol li { list-style: decimal; padding-left: 0.5em; }
#design-process ol li::marker { font-weight: bold; color:darkorange;}
#design-process .frame{  /* Semi-transparent background is essential */
  background-color: rgba(255, 255, 255, 0.15);
  /* Apply the blur effect to the backdrop */
  backdrop-filter: blur(8px);
  /* Add -webkit- prefix for older Safari versions */
  -webkit-backdrop-filter: blur(8px);
  padding: 4em;
  border-radius: 10px;  }
#design-process .frame img { max-width:100px; width: auto;}
#design-process .row.flex { display:flex;  align-items: center;}

#pet { text-align:center;}

.infobox {  padding: 1.6em; box-shadow:1px 1px 10px rgba(0,0,0,0.2);  margin-top: 3em;  border: 2px solid transparent;
   
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(90deg, #FECB10, #FF7A52) border-box;}
.infobox .title { font-weight:bold; font-size:1.2em; line-height: 1.2em; min-height: 3em;}
.infobox img { width:100px; height: auto;}
.infobox { font-size:0.9em; line-height: 1.7;}

#why-us { text-align:center; background: url("../../images/light-logo.jpg") no-repeat right 4em;  background-size:30%; }
#why-us .info {margin-bottom:3em;}
#why-us .narrow  .text{ max-width:900px; margin: 0 auto;}

#footer-contact {background:#f57621;  scroll-margin-top: 80px;}
#footer-contact .overlay {  padding: 4em 0; color:#fff;}
#footer-contact .tagline.red {color:#febe0e;}
#footer-contact .tel { margin-bottom:10px;}
#footer-contact .tel img, #footer-contact .email img {vertical-align: middle; padding-right: 10px;}
.quickenquiry { padding:0 10%;}
.quickenquiry input, .quickenquiry textarea {border: 0;  border-bottom:1px solid #ccc; border-radius: 0; padding: 0; height: auto; color:#000; font-weight: bold;}
.quickenquiry input[type="submit"], .quickenquiry input[type="reset"] { border-bottom: inherit; padding: 0 1.5em; background: #fff; color:#333 !important; border:0 !important; font-weight: normal; box-shadow: none;}

#contact { padding:4em 5%;}
#contact .tel { margin-bottom:10px;}
#contact .tel img, #contact .email img {vertical-align: middle; padding-right: 10px;}
#contact .companyname { font-size: 1.7em; font-weight: 400;}
#contact .regno{font-size: 0.85em;}

#contact .iconbox { margin:2em 0 ; display:flex; gap:20px;}
#contact .iconbox .title { font-size:1.4em; line-height: 1; color: #1c1b1b; font-weight: 600; }
#contact .midtext { margin-bottom:2em;}

.enquiry { background: #f6f3f2; padding:8%;}
.enquiry ::placeholder {color:#8c7265 !important;}
.enquiry input, .enquiry textarea { border-bottom: 1px solid #8c7265; padding-left: 0; padding-right: 0; color: #9e4300;  border-radius: 0; }
.enquiry select {border-bottom: 1px solid #8c7265; padding-left: 0; padding-right: 0;  border-radius: 0; background: url("../../images/select-arrow.png") center right no-repeat;}
.enquiry .action input {transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	color:#fff !important; font-weight: 700;   font-family: "Hanken Grotesk", sans-serif; line-height: 1; padding: 0.75em 2em; 
	background: linear-gradient(90deg, #F47321 0%, #FFC20E 100%);
	border-radius: 5px; font-size: 15px; border: 0; text-transform: uppercase; }

.enquiry label {color:#584237; font-weight: 600;  letter-spacing: 0.1em; font-size: 1em; text-transform: uppercase; margin-bottom: 0;}

#map iframe { width:100%; min-height: 600px;}

#specialbar { font-size: 0.8em;  background:#fff ; padding: 1em 0; line-height: 1.5; text-align: center;}
#specialbar .title{ font-weight:bold; font-size:1.3em;}
/* Footer */

	#footer {
		background: #f6f3f2;
		padding: 3em 0 0 0;  font-size: 0.8em; border-top:#dfc0b2 1px solid;
		
	} 
#footer a { color: inherit !important;}
#footer a:hover { color:#fff !important;}
#footer .mainlinks { color:#999;}
#footer .title { margin-bottom:1em;}
#footer .footer-contact address {color:#999;}
#footer .email { margin-top:2em;}
#footer .copyright {text-align:center; border-top:1px solid #555; padding: 1em; margin-top:  2em; color:#999; line-height:1.5;  }
#footer .companyno { font-size:0.8em;}
.footer-contact .email { background:url("../../images/footer-email.png") left center no-repeat; background-size:20px; padding-left: 30px;}

footer#footer.simple-footer  {color:#666; padding: 2em 0; }
#event-contact { margin-bottom: 4em; }
#event-contact .companyname , #footer-contact .companyname { font-size:1.7em; font-weight: 400;}
#event-contact .regno, #footer-contact .regno {font-size:0.85em;}
#event-contact address, #footer-contact address { margin-top:2em; margin-bottom: 2em;} 
/* ===============================
   Sticky WhatsApp Button
================================ */

.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:25px;

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#25D366;
    color:#fff;

    border-radius:14px;

    text-decoration:none;

    box-shadow:0 8px 20px rgba(0,0,0,.2);

    z-index:9999;

    transition:.3s ease;
}

.whatsapp-float svg{
    width:38px;
    height:38px;
	max-width: 40px;
}

.whatsapp-float:hover{
    background:#1ebe5d;
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.whatsapp-float:active{
    transform:scale(.95);
}

/* Mobile */

@media (max-width:768px){

    .whatsapp-float{
        width:56px;
        height:56px;
        right:15px;
        bottom:15px;
    }

    .whatsapp-float svg{
        width:32px;
        height:32px;
    }

}

.grad-text { background: linear-gradient(
        90deg,
        #f36b21 0%,
        #f36b21 30%,
        #5a2f1d 70%,
        #2b170f 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;}


/* ===============================
   HOME GRID SECTION
=============================== */

#homegrid, #homegrid-btm{
    margin:0px auto 2px auto;
    background:#fff;
}
#homegrid .container { max-width: 90%;  display:grid;
    grid-template-columns:2fr 1fr;
	grid-template-rows:480px;   /* adjust as needed */
    gap:2px;}

#homegrid-btm .container { max-width: 90%;  display:grid;
    grid-template-columns:1fr 2fr ;
    gap:2px;}
#homegrid .card, #homegrid-btm .card{
    position:relative;
    overflow:hidden;
    display:block;
    text-decoration:none;
}
/*#homegrid .card.large { aspect-ratio:21/9;}*/
#homegrid .card img, #homegrid-btm .card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .5s ease;
}

#homegrid .card:hover img, #homegrid-btm .card:hover img{
    transform:scale(1.05);
}

#homegrid .overlay, #homegrid-btm .overlay{
    position:absolute;
    top:25px;
    left:25px;
    color:#fff;
    z-index:2;
}

#homegrid .overlay h2{
    margin:0 0 8px;
    font-size:46px;
    font-weight:700;
    line-height:1.1;
}

#homegrid .overlay span, #homegrid-btm .overlay span{
    display:block;
    font-size:18px;
    font-style:italic;
    font-weight:400;
}

#homegrid .arrow, #homegrid-btm .arrow{
    position:absolute;
    left:25px;
    bottom:25px;
    width:56px;
    height:56px;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    transition:.3s ease;
}

#homegrid .card:hover .arrow, #homegrid-btm .card:hover .arrow{
    background:#fff;
    color:#333;
}

#homegrid .content, #homegrid-btm .content{
    background:#3b3633;
    color:#fff;
    padding:55px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

#homegrid .content h2, #homegrid-btm .content h2{
    margin:0 0 35px;
    font-size:52px;
    line-height:1.1;
    font-weight:700;
}

#homegrid .content p, #homegrid-btm .content p{
    margin:0;
    font-size:24px;
    line-height:1.45;
}

#homegrid-btm .video{
    position:relative;
    overflow:hidden;
    background:#000;
}

#homegrid-btm .video video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

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

@media (max-width:900px){

    #homegrid .container,
    #homegrid-btm .container{
        grid-template-columns:1fr;
        gap:15px;
    }

    /* Keep image proportions */
    #homegrid .card,
    #homegrid-btm .card{
        min-height:0;
        aspect-ratio:16/9;
    }

    #homegrid .card img,
    #homegrid-btm .card img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    /* Let the text section size naturally */
    #homegrid-btm .content{
        min-height:auto;
        padding:30px;
    }

    #homegrid .overlay,
    #homegrid-btm .overlay{
        top:20px;
        left:20px;
    }

    #homegrid .overlay h2,
    #homegrid-btm .overlay h2{
        font-size:28px;
    }

    #homegrid .overlay span,
    #homegrid-btm .overlay span{
        font-size:15px;
    }

    #homegrid .arrow,
    #homegrid-btm .arrow{
        width:42px;
        height:42px;
        left:20px;
        bottom:20px;
        font-size:24px;
    }

    #homegrid-btm .content h2{
        font-size:30px;
        margin-bottom:20px;
    }

    #homegrid-btm .content p{
        font-size:16px;
        line-height:1.6;
    }

}




.bigtitle { font-size:2em; margin-bottom: 0.5em; font-family: "Hanken Grotesk", sans-serif; line-height:  1;}

 



#wow {background:url("../../images/wow-bg.jpg") no-repeat; background-size:cover; margin-top: 4em; color:#fff; }
#wow .overlay {background-color: rgb(28 27 27 / 0.8);  padding-top: 6em; padding-bottom: 3em;}
#wow .content, #commitment .content, #techical .content, #event-contact .content { padding:5% 10%;}
#footer-contact .content  { padding:0% 10%;}
#wow .icon { width:70px;}
#wow .iconbox.left { display:flex; gap: 1.5em; margin-bottom: 1em; margin-top: 2em; }
#wow .iconbox .title { font-weight: 700; font-size: 1.2em; }
.midtext { font-size:1.3rem; line-height: 1.6em;}
.tagline{ font-weight:700;  line-height: 1; font-size:0.95em; letter-spacing: 0.1em; font-family: "Hanken Grotesk", sans-serif; text-transform: uppercase;}
.tagline.red { color: #9e4300;}
.maintitle {font-family: "Hanken Grotesk", sans-serif; font-weight: 600; font-size:3.2em; margin-bottom: 0.5em;}  
.beige-bg{ background:#f6f3f2;}

#commitment { padding:3em 0;}
#commitment .smallernote{ margin-top: 2em;}

.numberrow { border-top: 1px solid #dfc0b2; margin-top: 3em; padding-top: 3em;}
.numberrow .number { color: #9e4300; font-weight: 700; font-size: 1.8em;}
.numberrow .text{ font-size: 0.75em; text-transform: uppercase; font-family: "Hanken Grotesk", sans-serif; font-weight: 500;}

#techical{ padding:2em 0;}
#techical .point{ margin-top: 2em;}
#techical .point .row { margin: 0 0 -1px -1.5em;}
#techical .point .row > * { padding: 0 0 0 1.5em;}
#techical .icon-box { padding:1.5em; border: 1px solid #dfc0b2; border-radius: 0.5em; margin-top: 1.5em; }
#techical .icon-box .title{ font-weight: 700; margin-bottom: 0.5em; line-height: 1;} 
#techical .icon-box .text { color:#666; font-size: 0.9em; line-height: 1.5;}

.cert-link{
    display:inline-flex;
    align-items:center;
    gap:16px;
    color:#000;
    text-decoration:none;
    font-weight:700;
    line-height:1;
    padding-bottom:0em;
    border-bottom:2px solid #b65a00;
    transition:.3s ease;
	margin-top: 2em;
}
.cert-link:hover {     border-bottom:2px solid #b65a00; color: inherit !important;}
.cert-link svg{
    width:26px;
    height:26px;
    stroke:#b65a00;
    stroke-width:2;
    fill:none;
    transition:.3s ease;
}

.cert-link:hover{
    color:#b65a00;
}

.cert-link:hover svg{
    transform:translateX(6px);
}

.image-auto {
    width: 100%;
    height: 100%;   
    overflow: hidden;
}

.image-auto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.row.flex {display: flex;}
#techical .row.flex{ align-items: center;}
#event-contact .row.flex{ align-items: center;}
/* ===========================
   NRC FEATURE
=========================== */



 .nrc-wrapper{
    max-width:1200px;
    width:100%;
    margin:auto;
    position:relative;
}

/* Main Image */

.nrc-wrapper  .image-box{
    width:82%;
    border:8px solid #fff;
    border-radius:12px;
    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.nrc-wrapper  .image-box img{
    display:block;
    width:100%;
    height:auto;
}

/* Floating Card */

.nrc-wrapper  .nrc-card{

    position:absolute;
    right:0;
    bottom:-30px;
    width:25em;
    max-width:90%;
    background:#fff;
    padding:40px 45px;
    border:1px solid #d9b296;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.nrc-wrapper  .nrc-card h2{
    margin:0 0 10px;
    font-size:4rem;
    font-weight:400;
    color:#a84f00;
    line-height:1;
    letter-spacing:1px;
	    font-family: "Hanken Grotesk", sans-serif;
}

.nrc-wrapper  .nrc-card span{
    display:block;
    font-size:.8rem;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#6b5c55;
}


.project-slider .tagline, .project-slider .maintitle { text-align: center;}
.swiper-wrapper { padding-bottom:4em; margin-top: 4em;}
.swiper-wrapper .image:before {background-image:none !important; }
.project-slider{
    width:min(1900px,92%);
    margin:auto;
    padding:60px 0;
}

.projectSwiper{
    position:relative;
    overflow:hidden;
}

/* Slides */

.projectSwiper .swiper-slide{
    height:auto;
}

.projectSwiper a{
    display:block;
    color:#222;
    text-decoration:none;
}

/* Image */

.projectSwiper .image{
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:10px;
}

.projectSwiper img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.projectSwiper a:hover img{
    transform:scale(1.05);
}

/* Text */

.project-slider .content{
    padding-top:18px;
}

.project-slider .content h3{
    font-size:1.8em;
    font-weight:400;
    margin-bottom:8px;
}

.project-slider .content p{
    color:#666;
    font-size:1.2em;
}

/* Navigation */
/* Hide Swiper's default arrows */
.swiper-button-prev::after,
.swiper-button-next::after{
    content:"";
}
.swiper-button-next, .swiper-button-prev {color:transparent !important ;}
/* Common button style */
.swiper-button-prev,
.swiper-button-next{
    width:54px !important;
    height:54px !important;
    background:#fff;
    border:1px solid #E7C5A0;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
}

/* Left arrow */
.swiper-button-prev{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B5A14' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

/* Right arrow */

.swiper-button-next{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B5A14' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}
/* Pagination */

.swiper-pagination{
    margin-top:35px;
    position:relative;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:1 !important;
    background:#dfc0b2 !important;
}

.swiper-pagination-bullet-active{
    background:#9e4300 !important;;
}






/* ===========================
   TEXTURE GALLERY
=========================== */

#texture-gallery{
    padding:80px 0;
}

#texture-gallery .gallery-grid{

    width:92%;
    max-width:1800px;

    margin:auto;
    padding:32px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;

    border-radius:28px;
box-shadow:0 8px 20px rgba(0,0,0,.12);
   
	background: linear-gradient(90deg, #F47321 0%, #FFC20E 100%);
}

/* Columns */

#texture-gallery .column{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* Images */

#texture-gallery .gallery-item{

    display:block;
    overflow:hidden;

    border-radius:10px;
	

    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

#texture-gallery .gallery-item img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
   
    transition:.5s;
}

#texture-gallery .gallery-item:hover img{
    transform:scale(1.08);
}

/* Heights */

#texture-gallery .tall{
    aspect-ratio: 4 / 5;
}

#texture-gallery .large{
   aspect-ratio: 3 / 4;
}

#texture-gallery .gallery-item:not(.tall):not(.large){
    aspect-ratio: 4 / 3;
}

/* CTA */

#texture-gallery .cta-card{

    background:#ff8b2f;

    border-radius:10px;

    padding:28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:#fff;
    aspect-ratio: 4 / 3;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

#texture-gallery .cta-card h2{

    margin:0 0 20px;
font-weight: 500;
    font-size:2rem;
    line-height:1.2;
}

#texture-gallery .cta-card p{

    margin:0 0 25px;

    line-height:1.7;
    font-size:1rem;
}

/* Button */

#texture-gallery .btn{

    display:block;

    text-align:center;

    text-decoration:none;

    background:#fff;
    color:#8d4d17;

    padding:14px;

    border-radius:4px;

    font-size:.8rem;
    font-weight:600;
    letter-spacing:2px;

    transition:.3s;
}

#texture-gallery .btn:hover{

    background:#000;
    color:#fff !important;
}
#static.contact { background:url("../../images/showroom.jpg") center; background-size:cover;}
#static .overlay {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); min-height: 500px; display:flex; flex-direction: column; justify-content: center; padding: 5%; } 
#static .title { font-size: 4rem; color:#fff;  line-height: 1.1;  letter-spacing: -0.02em;  font-weight: 700;}
#static .text {color:#fff; line-height: 1.6;  font-weight: 400; font-size: 1.4em; max-width: 60%; width: 600px; margin-top: 1em; }


/* XLarge */

@media screen and (max-width: 1680px) {
body, input, select, textarea {	font-size: 12.5pt;}

}

@media screen and (max-width: 1280px) {
body, input, select, textarea {	font-size: 11pt;}
	#solution .content { padding: 6em 7% 6em 4em;}
	.infobox img { width:90px;}
	.infobox .title{min-height: 2.8em; line-height: 1.2;}  
}

/* Large */

@media screen and (max-width: 1100px) {
body, input, select, textarea {font-size: 9pt;}
.wrapper {padding: 4.5em 0 2.5em 0;}

/* Dropotron */
.dropotron.level-0 {font-size: 1em;}

/* Banner */
#banner .content {padding: 4.5em;}
/* Footer */
#footer {padding: 4.5em 0;}
	#header #logo img { max-height:56px;}
	#welcome .icon-box img { max-width:80px;}

	.snip1577 h3 { font-size:1.2em;}

	#solution ul.tick li { background-size:20px;}
	.infobox .info { min-height:15.5em;}
	#welcome { font-size:2em;}
	#homegrid .overlay h2 { font-size:2em;}
	#homegrid .overlay span, #homegrid-btm .overlay span { font-size:16px;}
	.maintitle { font-size:2rem;}
	.midtext { font-size:1.3em;}
	.grad-btn, #texture-gallery .btn { font-size:13px;}
	#techical .icon-box img { max-height:40px; width:auto;}
	.nrc-wrapper .nrc-card h2 { font-size:3em;}
	.nrc-wrapper .nrc-card span   { font-size:0.8em;}
	.nrc-wrapper .nrc-card { padding:2em;} 
	#texture-gallery .cta-card p { font-size:1em;}
	#texture-gallery .cta-card h2  { font-size:2em;}
	}

/* Medium */
#navPanel, #titleBar {display: none;}
@media screen and (max-width: 980px) {
body, input, select, textarea {font-size: 10.5pt;}

	#header .container {    justify-content: space-between;}
	#header { min-height:74px;}
	.is-sticky #header { top:0px !important;}
/* Banner */
  #banner-slider .text { font-size:2.0em; }
  #banner-slider .content { padding:12% 8% 6% 8%; }
  #banner-slider .icons img { max-width:80px; }
	#banner-slider .btm-text { max-width:80%;  margin-bottom: 1em;}
	
	h1.maintitle { font-size:2.2em;}
	
	#welcome .icon-box { margin-top:2em;}
	#intro .vertical-text { top:5%;}
	.marquee { height:10em;}
	.marquee-track span { font-size:6em;}
	
	#solution { background-position:top; background-size:cover;}
	#solution .content {background:rgba(0,0,0,0.3); max-width:100%; color:#fff;}

	#design-process .row.flex { display:block;}
	#design-process .frame {padding:2em; margin-top: 2em;}
	.quickenquiry {  margin-top: 3em; padding: 5%;}
	
	.infobox .info { min-height:10.5em;}
	
	.slider .slide {   }
	
	#homegrid .container {grid-template-rows:380px;}
	.row.flex { flex-direction:column;}
	#wow .content, #commitment .content, #techical .content, #event-contact .content, #footer-contact .content { padding:5%;}
	/* Off-Canvas Navigation */

#page-wrapper {-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;
padding-bottom: 1px;padding-top: 0px !important;}

#titleBar {
-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;
display: /**inline-block*/ none;
height: 44px;
left: 0;
position: fixed;
top: 0;
width: auto;
z-index: 10001;


}

#titleBar .title {
color: #ffffff;
display: block;
font-weight: 300;
height: 44px;
line-height: 44px;
text-align: center;
}
#titleBar .title a {color: inherit;border: 0;}
#titleBar .toggle {
	text-decoration: none;
	height: 60px;
	left: 0;
	position: absolute;
	top: 0;
	width: 90px;
	outline: 0;
	border: 0;
}
#titleBar .toggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#titleBar .toggle:before {
background: url("../../images/nav-toggle.png") center no-repeat #f15a29;
	background-size:40px;
color: rgba(255, 255, 255, 0.5);
content: '';
display: block;
font-size: 18px;
height: 44px;
left: 15px;
line-height: 44px;
position: absolute;
text-align: center;
top: 16px;

width: 54px;
}

#navPanel {
-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);transform: translateX(-275px);-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;
display: block;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 275px;
z-index: 10002;
background: #181920;
padding: 0.75em 1.25em;
}

#navPanel .link {
border: 0;
border-top: solid 1px rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.75);
display: block;
height: 3em;
line-height: 3em;
text-decoration: none;
}
#navPanel .link:hover {color: inherit !important;}
#navPanel .link:first-child {border-top: 0;}
#navPanel .link.depth-0 {color: #ffffff;font-weight: 300;}
#navPanel .link .indent-1 {display: inline-block;width: 1.25em;}
#navPanel .link .indent-2 {display: inline-block;width: 2.5em;}
#navPanel .link .indent-3 {display: inline-block;width: 3.75em;}
#navPanel .link .indent-4 {display: inline-block;width: 5em;}
#navPanel .link .indent-5 {display: inline-block;width: 6.25em;}
body.navPanel-visible #page-wrapper {-moz-transform: translateX(275px);-webkit-transform: translateX(275px);-ms-transform: translateX(275px);transform: translateX(275px);}
body.navPanel-visible #titleBar {-moz-transform: translateX(275px);-webkit-transform: translateX(275px);-ms-transform: translateX(275px);transform: translateX(275px);}
body.navPanel-visible #navPanel {-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
	
	#header nav { display:none;}
	
	


    .nrc-wrapper .image-box{
        width:100%;
    }

    .nrc-wrapper  .nrc-card{

        position:relative;
        right:auto;
        bottom:auto;

        margin:-40px auto 0;

        width:90%;
        padding:30px;
    }

   .nrc-wrapper  .nrc-card h2{
        font-size:2.8rem;
    }
	
	
	    .swiper-button-prev,
    .swiper-button-next{
        display:none;
    }
   .project-slider .content h3{
        font-size:26px;
    }

   .project-slider .content p{
        font-size:16px;
    }
	
	
	
	
	    #texture-gallery .gallery-grid{
        grid-template-columns:1fr 1fr;
    }
	
	   #texture-gallery .gallery-grid{
        grid-template-columns:1fr;
        padding:20px;
    }

    #texture-gallery .tall,
    #texture-gallery .large,
    #texture-gallery .gallery-item{
        height:auto;
        aspect-ratio:4/5;
    }

    #texture-gallery .cta-card{
        padding:25px;
    }

    #texture-gallery .cta-card h2{
        font-size:1.7rem;
    }
	
	}

/* Small */

@media screen and (max-width: 736px) {
html, body {overflow-x: hidden;}
body, input, select, textarea {font-size: 12pt;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
#banner-slider .nav { font-size:1rem;}



/* Footer */
#footer {padding: 3.25em 1.5em;}
}


/* iphone5 landscape - smaller*/
@media screen and (max-width: 636px) { }
	
	
	
/* XSmall */
@media screen and (max-width: 480px) {
html, body {min-width: 320px;}
body, input, select, textarea {font-size: 11pt;}




input[type="submit"],input[type="reset"],input[type="button"],.button {padding: 0;}
.wrapper {padding: 2em 0em 2em 0em;}
	#homegrid .card, #homegrid-btm .card {aspect-ratio:0;}
	#wow .overlay { padding-top:4em;}
	#wow .content, #commitment .content, #techical .content, #event-contact .content, #footer-contact .content { padding:10% 5%;}

/* Banner */
#banner-slider .overlay {
    aspect-ratio: 1 / 1; 
	justify-content: center;
  }
  #banner-slider .text { font-size:1.8em; line-height:1.1;}
  #banner-slider .icons img { max-width:60px; }
  #banner-slider .slide { background-position:30%; }
  #banner-slider .content {
    padding:14% 6% 6% 6%;
    text-align:center;
  }
  #banner-slider .banner-btn a {
    display:inline-block;
    margin:0.4em 0; font-size:0.9em; font-weight: normal;
  }
	#banner-slider .icons {justify-content: center;}
	#banner-slider .btm-text { line-height:1.4;}
	
	#welcome .row{ margin:0 0 -1px -1em;}
	#welcome .row > *{padding:0 0 0 1em;}
	
	.marquee { height:6em;}
	.marquee-track span { font-size:4em;}
	#solution .content { padding:3em;}
	#home-projects .content { max-width:100%;}
	#design-process .overlay {padding:3em;}
	#design-process .frame img { max-width:80px;}
	#techical .icon-box .title { font-size:1.1em;}
	#techical .icon-box .text { font-size:1em;}

	.footer-contact { margin-top:3em;}
/* Footer */
#footer {padding: 3em 1.25em;}
#footer .copyright {line-height: 1.5;}
#footer .copyright li {border-left: 0;display: block;margin: 0;padding: 0;}
	#topbar { line-height:1; padding: 5px; font-size:13px;}
	#static .text { max-width:100%;}
	.slider .slide {     aspect-ratio: 9 / 5;}
	.slider .slide img {width:auto; height:100%;}
}