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%;}

@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%;}
}

@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: 90% ;}
}

@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:90% }
}

/* 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{ scroll-behavior: smooth;}
html, body {background: #fff;}
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: "Roboto", serif;font-size:13pt;line-height:1.8em; font-weight: normal;}
a{color:inherit;text-decoration:none}
a:hover{color:#007dc4!important;border-bottom-color:transparent}
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}

.whatsapp {/* display:block; */ display: none;float:right; position: fixed; right:10pt; bottom:10px; z-index:1000;}
.container.narrow { max-width:1000px;}
/* Section/Article */
section.special,article.special{text-align:center}

#static img { width:100%; height: auto; display: block;}
/* 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;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #007dc4;
		}

	.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;
	}

	.enquiry input[type="checkbox"],
	.enquiry 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;
	}

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

		.enquiry 	input[type="checkbox"] + label:before,
		.enquiry 	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;
			}

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

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

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

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

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


	::-webkit-input-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

#frmContact select { background:rgba(147,147,147,0.5);} 

/* 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%}

/* List */
ol{list-style:decimal;margin:0 0 2em;padding-left:1.25em}
ol li{padding-left:.25em}
ul{list-style:disc;margin:0 0 2em;padding-left:1em}
ul li{padding-left:.5em}

dl{margin:0 0 2em}
/* 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: 3em;
		line-height: 3em;
		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 #007dc4;
			color: #007dc4 !important;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: rgba(228, 76, 101, 0.15);
		}



		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: 6em 0 5em 0;	}
.wrapper.style2 {background: #007dc4;}
.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(0, 0, 0, 0.965);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 a:hover { color: #2c9edf;}
.dropotron > li.with-children > a{ background:url("../../images/arrow-menu.png") right center no-repeat; background-size:10px;  }
.dropotron > li:first-child {border-top: 0;}
.dropotron > li.active > a, .dropotron > li.active > span {color: #007dc4;}
.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;}*/


/* Header */

	#page-wrapper {
		padding-top: 0em;
	}

	#header {
		background: #fff;
		box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
		cursor: default;	
		padding: 1rem 1rem;
		width: 100%;
		z-index: 100;
	}

#header .container {display: flex;
    align-items: center;
    justify-content: space-between;}
		#header #logo img  { display: block;}

		#header nav {
			
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 1em; color:#333;
				}

					#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:#007dc4;
					}

#header nav ul li > ul {display: none;}


.maintitle { font-size:3em; font-weight: 600; margin-bottom: 0.5em; line-height: 1.2;}
.subtitle { font-size:2.4em; font-weight: 600; margin-bottom: 0.5em; line-height: 1.2;}

section[id], div[id] {
  scroll-margin-top: 100px; /* Example: if sticky menu is 100px high */
}
/* Effect */
.menu-effect li.current { font-weight:500; }

.menu-effect li.current::before,
.menu-effect li.current::after { visibility: hidden;}
.menu-effect li.current:hover a{ color:#000 !important;}

.menu-effect li{
 
  text-decoration: none;
  padding: 5px 15px;
  margin: 0 5px;
  position: relative;
  display: inline-block;
}

.menu-effect li::before,
.menu-effect li::after {
  content: "";
  position: absolute;
  display: block;
  border: 0px solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.3s ease;
}

.menu-effect li::after {
  top: 0;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}

.menu-effect li::before {
  right: 0;
  bottom: 0;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
}

.menu-effect li:hover::before,
.menu-effect li:hover::after {
  width: 10px;
  height: 10px;
  border-color: #000;
}


.readmore { display:inline-block;}
.hollow-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width:auto;
  height: auto; font-size: 0.9em;
  background-color: transparent; padding: 0.3rem 2rem;
  border: 1px solid #000;
  box-shadow: inset 0 0 0 0 #000;
  cursor: pointer;
  top: 0;
  bottom: 0;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
	font-weight: 500; letter-spacing: 0.05em;
}
.hollow-button span {
  position: relative;
  z-index: 3;
}
.hollow-button:after {
  transition: all 0.5s ease;
  content: "";
  left: -50px;
  top: 0;
  height: 100%;
  width: 0;
  transform: skew(-60deg);
  position: absolute;
  background: #000;
}
.hollow-button:hover {
  /*box-shadow: inset 200px 0 0 0 #000;*/
  color: #fff !important;
}
.hollow-button:hover:after {
  width: 200%;
}
/* Footer */

	#footer {
		background: #fff;
		padding: 2em 0; border-top: 1px solid #f5f5f5;
	}

#footer .container { max-width:1200px;}
#footer .title { font-size: 1.0rem; letter-spacing: 0.1rem; margin-bottom: 0.5rem; }
#footer ul  {padding-left:0;}
#footer ul li { font-size:0.9rem; list-style: none; padding-left:0;}
#footer ul li a{ color:#666;}
#footer address { margin-bottom: 1.5rem;}
#footer address , #footer .tel , #footer .fax , #footer .email{font-size:0.9rem; color:#666;}
#footer .copyright { text-align:center; font-size:0.9rem; color:#666; margin-top: 1rem;}

.keywords , h1.keywords , h2.keywords , h3.keywords , h4.keywords , h5.keywords { font-size:0.85rem; margin-bottom: 0.5rem; line-height: normal;}

.disclaimer { text-align:center; background: #f5f5f5;  color:#666; }
.disclaimer .overlay {padding: 1em; font-size: 0.9em; }

.footer-contact { border-left:1px solid #ddd; padding-left: 2em;}
#footer .companyname span{ font-size:0.6em;}
#footer .footericon { background-image:url("../../images/footer-icons.jpg"); background-repeat: no-repeat; background-size: 24px; background-position: top center;width: 26px; height: 26px; display: inline-block; position: relative; vertical-align: middle; margin-right: 5px;}
#footer .fax .footericon {background-position: center center;}
#footer .email .footericon {background-position: bottom center;}

.title, h2.title { font-size:1.8rem; font-weight:500;}
#featured .flex { display:flex;} #featured img{ display:block;}
#featured .flex .align-center { display:flex; align-items: center; justify-content: center;}
#featured .box{ padding:10%;  aspect-ratio: 19 / 11; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; text-align: center; }
#featured .box { transition:all ease 0.3s;}
#featured .box:hover { background:#000; color:#fff; }


img.image-full { width: 100%; height: auto;}
#featured .grey { background:#f5f5f5;}

.row.flex{ margin: 0 0 -1px 0em;}
.row.flex > *{ padding: 0;}

.row.flex-center { display:flex; align-items: center;}
.row.flex-center.reverse { display:flex; flex-direction: row-reverse;}

#home-products h3.productname{ font-weight: 600; font-size:2em;}
#home-products .readmore{ font-size:0.9em; margin-bottom: 6rem;}
#home-products .hollow-button{ padding:  0.5rem 1.3rem; line-height: normal; border-width: 1px;}
#home-products .\33 u{ width: 20%;}
#home-products .wrapper { padding-bottom: 2em;}

#home-products .info { min-height:6em;}
#home-products .explore{ font-weight: 500; margin-top: 1em; margin-bottom: 8em;  position: relative; }
#home-products .explore span::before { content:""; height: 2px; width: 60px; display: inline-block; background:#000; margin-right: 1em;}

#single-product { background: #f5f5f5;}
#single-product .wrapper { padding:4em 0 2em 0;}
#single-product .moreproduct .grids{ padding:2rem 7% 0 6%;}
#single-product .moreproduct .grids .readmore { font-size:0.9rem; margin-bottom: 3rem;}
#single-product .moreproduct .grids .readmore .hollow-button { line-height:1.5; padding: 0.3rem 1rem; text-transform: uppercase; }
#single-product .moreproduct .grids img { max-width:86%;}
#single-product .moreproduct .flex { display:flex; align-items:center;}

#news { background:  #eaeaea;  padding-top: 4rem; padding-bottom: 3rem; position: relative;}
#news .eventname { text-align:center;}
#news img { transition:all ease 0.3s;}
#news img:hover { transform: scale(1.05); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#news .maintitle{ font-size: 1.8em;}
#news .readmore{}

.viewall { position: absolute; top: 4rem; right: 10%; font-weight: 500; font-size: 1.1rem;}

#pu-home { background: url("../../images/pu-leather-bg.jpg") center no-repeat fixed; background-size:cover;  }
#pu-home .overlay {background:rgba(0,0,0,0.6); color: #fff; padding: 4rem 5%;}
#pu-home .flex { justify-content:center; display:flex;}
#pu-home .flex .flex {  flex-direction: column;}
#pu-home .content { padding:0 10% 0 0;}
#pu-home .viewall { position:relative; color: #fff; margin-left: 64px;}
#pu-home .viewall.white .animated-arrow {color: #fff;}
.viewall.white .the-arrow > .shaft { background-color: #9f9f9f;}
.viewall.white .the-arrow > .shaft:before, .viewall.white .the-arrow > .shaft:after {background-color: #9f9f9f;}
.viewall.white .animated-arrow > .main > .text {color: #fff;}

#cert { background: url("../../images/award-bg-min.jpg") center no-repeat fixed; background-size:cover; text-align: center;  }
#cert .overlay {background:rgba(84,84,84,0.2); color: #fff; padding: 4rem 5%;}
#cert .maintitle{ margin-bottom:0.2em;}
#cert .title { margin-bottom:2em; font-size: 1.6em; }
.award-pic { max-width:100%; width: 1100px; margin: 0 auto;}

#catalog { background:#f5f5f5; }
.catalogbox { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.catalogbox .flex.row{ display: flex; min-height: 506px;}
#catalog .formbox .title { font-size:1.2em;}
#catalog .formbox { padding:10% 10%; display: flex; flex-direction: column; justify-content: center; text-align: center; max-width: 600px; margin: 0 auto;}
#catalog .formbox input { background: #f5f5f5; margin-bottom: 10px;  line-height: normal; margin-right: 1em;}
#catalog .formbox .action input { background: #007dc4; color:#fff !important; border-radius: 0; border: 0; width: 100%; line-height: normal;}
#catalog .formbox .action input:hover { background:#0267a0;}
#catalog .formbox .maintitle { margin-bottom: 0;}
.montage { display: flex; height: 100%;}

#welcome .tagline { margin-bottom:1.5em; position: relative; z-index: 1; margin-top: -1rem; font-style: italic; font-size: 1.1em; color:#999; letter-spacing: 0.05em;}
#welcome .maintitle { max-width:700px; margin-left: auto; margin-right: auto;}
/*animated arrow*/
.the-arrow {
  width: 1px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 60%;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #4c4c4c;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #4c4c4c;
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: 1px;
}
.the-arrow.-right > .shaft {
  width: 1px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #4c4c4c;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #4c4c4c;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  color: #4c4c4c;
  font-size: 1em;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #808080;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  transform: translateX(17px);
  transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}



/**view button**/
.viewbutton {
  --offset: 10px;
  --border-size: 2px;
  display: block;
  position: relative;
  padding: 1.5em 3em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;

  border-radius: 0;
  box-shadow: inset 0 0 0 1px #fffr;
  transition: all 0.8s ease;
	margin-bottom: 5em;
}
.viewbutton:hover {
 box-shadow: inset 0 0 0 1px currentcolor;
}
#home-products .viewbutton h3.productname  { font-weight:400; margin-top: 1em; }
.button__horizontal, .button__vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 1px);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.button__horizontal::before, .button__vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.button__horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: 1px solid currentcolor;
  border-bottom: 1px solid currentcolor;
	  transform: scaleX(0);
}
.button__horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.viewbutton:hover .button__horizontal {
  transform: scaleX(1);
}
.button__vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: 1px solid currentcolor;
  border-right: 1px solid currentcolor;
	  transform: scaleY(0);
}
.button__vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.viewbutton:hover .button__vertical {
  transform: scaleY(1);
}

/*btnview*/
.cta {
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all 0.2s ease;
}
.cta:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  border-radius: 28px;
  background: rgba(0, 125, 169, 0.1);
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
}
.cta.bigger:before{
	  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  border-radius: 28px;
  background: rgba(0, 125, 169, 0.1);
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
}

#single-product .spacer { margin-bottom:4rem;}
#single-product img { margin-bottom:1rem;}
#single-product .cta h3.productname {  font-size: 1.2em;}
.cta h3.productname {
  position: relative; display: inline;

  line-height: 18px;
  font-weight: 500;


  vertical-align: middle;
}
.cta svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #111;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.cta:hover:before {
  width: 100%;
  background: #000;
}
.cta:hover svg {
  transform: translateX(0); stroke:#fff;
}
.cta:active {
  transform: scale(0.96);
}
.cta:hover h3 {color:#fff;}


/* icon btn*/
button.learn-more {
  width: 11rem;
  height: auto;
	 position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: 0.9rem;
  font-family: inherit;
}
button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 2.2rem;
  height: 2.2rem;
  background: #282936;
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.225rem;
  width: 1.1rem;
  height: 0.1rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.7rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #fff;
}




#home-products .viewproduct h3.productname{ margin-bottom: 0;}
#mission { background: url("../../images/contact-bg.jpg") no-repeat fixed #f5f5f5; background-size:cover;}
#mission .overlay {background:rgba(61,93,120,0.5); color:#fff;}
#mission .quote { padding-bottom:60px;  background: url("../../images/quote-icon.png") no-repeat right bottom; background-size:60px; font-size:1.4em; line-height: 1.5; color: #fff; }

#founder { background: url("../../images/pen-background.jpg") #fff right center no-repeat; background-size:26%;}
#founder .item { margin-bottom:3.2em; padding-left: 60px; background: url("../../images/quality-icon.png") no-repeat left top; background-size:50px; }
#founder .items{  
  box-sizing: border-box;
  background: no-repeat 0em 1em; /* Just for visualization */
  padding: 1em 0em 2em 140px; ;
  text-align: left; min-height: 6em;}
#founder .title { font-size: 1.4em; margin-bottom:0.3em; }
#founder .item.branding { background-image: url("../../images/branding-icon.png");}
#founder .item.quality { background-image: url("../../images/quality-icon.png");}
#founder .item.time { background-image: url("../../images/delivery-icon.png");}
#founder .item.design { background-image: url("../../images/design-icon.png");}
#founder .item.voice { background-image: url("../../images/voice-icon.png");}

#founder .narrow { max-width: 1300px; margin: 0 auto;}

#about .row { margin: 0 0 -1px -4.5em;}
#about .row > *{ padding: 0 0 0 4.5em;}
#about .push-right { padding-left:10%; border-left: 2px solid #ddd; }
#about .subtitle {color: #007dc4; font-size:1.2em;}
#about .maintitle { margin-bottom: 1em;}
#about .smalltitle { font-weight: bold; font-size:1.2em; margin-bottom: 1em;}
.narrow .container { width:1100px;}

.nogap .row{margin: 0 0 -1px 0;}
.nogap .row > *{padding:0;}
#aboutgrid .flex { display:flex; min-height: 300px; }
#aboutgrid .grid { background:#f5f5f5;  display: flex;  flex-direction: column;}
#aboutgrid .left.grid { width:30%; background: url("../../images/contact-bg.jpg") center right no-repeat; background-size: cover; }
#aboutgrid .left .overlay { background:rgba(70,70,70,0.4); color:#fff; padding: 20% 15% 15% 15%; min-height: 800px; display: flex; flex-direction: column; justify-content: center;}
#aboutgrid .right.grid {flex: 1; justify-content: space-between;}
#aboutgrid .right .top{ height:50%;  display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
#aboutgrid .right .bottom{ height:50%; display: flex; flex-direction: row;  align-items: center; justify-content: space-between;}
#aboutgrid .right .top .topleft { width:calc(100% - 33.3%); padding:6%; text-align: center; height: 100%; min-height: 100px; background: #fff; }
#aboutgrid .right .top .topright { width:33.3%;background:url("../../images/facilities06.jpg") no-repeat center; background-size:cover; padding:6%; height: 100%; min-height: 100px;  }
#aboutgrid .right .bottom .bottomleft, #aboutgrid .right .bottom .bottommid, #aboutgrid .right .bottom .bottomright {padding:6%; height: 100%; min-height: 100px;  width: 33.3%; text-align: center; background-repeat: no-repeat; background-position: center; background-size:cover;} 
#aboutgrid .right .bottom .bottomleft { background-image:url("../../images/facilities01.jpg");}
#aboutgrid .right .bottom .bottommid { background-image:url("../../images/facilities05.jpg");}

#aboutgrid .icon { display:block; max-width: 80px; height: auto; margin: 0 auto 1em auto; }

.box-button a{ background:#ccc; padding: 0.5em 1em; margin-top: 1em;}
.box-button a:hover { background:#000; color:#fff !important;}

#factory { background:#f5f5f5;}
#facilities img {display: block;}
#facilities.thingap .row{margin: 0 0 -1px -10px;}
#facilities.thingap .row > *{padding: 0 0 0 10px;}

#milestone { background: url("../../images/milestone-bg.jpg") center no-repeat; background-size: cover;  aspect-ratio: 16 / 9; position: relative;}
#milestone .maintitle { text-align:center; margin-top: 1em;}
#milestone .yearbox .year { font-weight:bold; font-size: 1.3em; }
#milestone .yearbox { max-width: 300px; position: absolute;}
#milestone .yearbox.second { top:55%; left: 9%; max-width: 18%;}
#milestone .yearbox.first { top:75%; left: 20%;  max-width: 20%;}
#milestone .yearbox.fifth { top:26%; left: 48%; max-width: 30%;}
#milestone .yearbox.fourth { top:41%; left: 58%; max-width: 30%;}
#milestone .yearbox.third { top:51%; left: 64%; max-width: 30%;}

#timeline { background: url("../../images/about-fixed-bg.jpg") center no-repeat fixed ; background-size:cover; }
#timeline .overlay { background:rgba(0,0,0,0.5); }
#timeline .subtitle { text-align:center; color: #fff;}

/* timeline */
.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}


.timeline .container {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%; margin: 0;
}

.timeline .container.left {
  left: 0;
}

.timeline .container.right {
  left: 50%;
}

.timeline .container::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #007dc4;
  border-radius: 16px;
  z-index: 1;
}

.timeline .container.right::after {
  left: -8px;
}

.timeline .container::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #007dc4;
  z-index: 1;
}

.timeline .container.right::before {
  left: 8px;
}

.timeline .container .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 15px);
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.timeline .container.left .date {
  right: -135px;
}

.timeline .container.right .date {
  left: -135px;
}

.timeline .container .icon {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 9px 0;
  top: calc(50% - 10px);
  background: #404040;
  /*border: 2px solid #007dc4;*/
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #006E51;
  z-index: 1;
}

.timeline .container.left .icon {
  right: 56px;
}

.timeline .container.right .icon {
  left: 56px;
}

.timeline .container .content {
  padding: 30px 90px 30px 30px;
  background: #fff;
  position: relative;
  border-radius: 0 500px 500px 0;
}
.timeline .container .content:hover { background: #007dc4; }
.timeline .container .content:hover p{color:#fff;}
.timeline .container.left .content {
	 border-left: 6px solid #007dc4;
}

.timeline .container.right .content {
  padding: 30px 30px 30px 90px;
  border-radius: 500px 0 0 500px; 
  border-right: 6px solid #007dc4;
}

.timeline .container .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #007dc4;
}

.timeline .container .content p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}


/*carousel*/
.owl-carousel { position:relative;}
.owl-carousel .item {
  padding: 10px;
  background: #f5f5f5;
  border-radius: 12px;
  text-align: center;
}

.owl-nav button {
  background: #111827 !important;
  color: #fff !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px !important;
  transition: 0.3s;
}

.owl-nav button:hover {
  background: #333 !important;
}

.owl-dots {
  text-align: center;
  margin-top: 15px; /* Add some space below carousel */
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  display: inline-block; /* Ensure it takes space */
  background: #ccc;
  border-radius: 50%;
  margin: 5px;
  transition: background 0.3s;
}

.owl-dots .owl-dot.active span {
  background: #111827;
}
.owl-carousel .owl-nav button.owl-prev {position:absolute; left: -50px; top:40%;} 
.owl-carousel .owl-nav button.owl-next  { position:absolute; right: -50px; top:40%;}

#market { background:#f5f5f5; padding-top: 4em; padding-bottom: 2em;}

.companyinfo .companyname{ font-size: 1.4em; font-weight: bold;}
.companyinfo .companyname span { font-size:0.6em; font-weight: normal;}
.companyinfo .chinesename { color: #007dc4;     font-family: "Noto Sans SC", sans-serif; font-weight: 600; font-size:1.2em; }
.companyinfo address { margin-top:1em;}
.companyinfo .openmap{ position: relative; margin-left: -5px; margin-top: 1em;}
.companyinfo .openmap a img { transition:all ease 0.3s;}
.companyinfo .openmap a img:hover{ transform: scale(1.1);}

.contactbox { background:#f5f5f5; padding:1.5em 2em;}
.contactbox .icon { float:left; margin-right: 1em;}
.contactbox .contactus { font-weight: bold;}
#static iframe { width:100%; min-height: 600px;}

#enquiry { background:url("../../images/contact-bg.jpg") center fixed; background-size:cover;  color: #fff;}
#enquiry .overlay { background:rgba(70,70,70,0.7); padding: 4em 0;}
#enquiry .maintitle { color:#fff; text-align: center;}
#enquiry .enquiry { width:800px; max-width: 90%; margin: 0 auto;}
#enquiry .enquiry input, #enquiry .enquiry textarea {border-radius: 0; }
#enquiry .enquiry input { border:0; border-bottom: 1px solid #eee;}
.enquiry textarea { border: 1px solid #666; background: rgba(255,255,255,0.2);}
.enquiry .action input { background: #3689d1; color: #fff !important; border: 0 !important;}
.enquiry .action input.reset {background: #959595;}
.enquiry .action input:hover { background:#007dc4; color: #fff !important;}

#news-event { background:#f5f5f5;}
#news-event .eventbox { background:#fff; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 2em;}
#news-event .eventbox .info { padding:2em; min-height: 10em;}
#news-event .eventitle { font-weight:bold;}
#news-event .label { display: inline-block; background: #b90c0c; color:#fff; position: absolute; top: 1em; right: 1em; padding: 0 1em;} 
#news-event .label.news {background:#076195; } 

#category { background:#f5f5f5;}
#catlink { display:flex; gap:2em; }
#catlink .catbox { text-align:center; display: flex; flex-direction: column;; align-items: center; width: calc(25% - 2em);   }
#catlink .catbox img { width:100%;}
#catlink .catbox .cta:before { display:none;}

#product  { background:#f5f5f5;}
#drawer-bed  { background:#f5f5f5;}
#trundle-bed  { background:#f5f5f5;}
#functional-bed  { background:#f5f5f5;}
#pu-bed  { background:#f5f5f5;}
#chair  { background:#f5f5f5;}
#bench  { background:#f5f5f5;}
#wardrobe  { background:#f5f5f5;}
#stool { background:#f5f5f5;}
#dresser { background:#f5f5f5;}
#coffee-table { background:#f5f5f5;}
#featured-product{ background:#f5f5f5; text-align: center;}

#featured-product{text-align: left;}
#featured-product .maintitle { margin-top:2em;}
#featured-product-two { text-align:center;}
#featured-product-two .title{ font-size:1.3em;}
#featured-product-two .info { width: 1200px; max-width: 90%; margin: 0 auto;}
.product-grid .productcode{ text-align:center; font-size: 1.1em; margin-bottom: 2em;}
.back-to-top { bottom:100px; right:20px; display:inline; position:fixed;  background:url("../../images/backtotop.png") center no-repeat; background-size:50px;  width: 50px; height: 50px; }
/*hover effect*/
.snip1577 {

  position: relative;
  display: inline-block;
  overflow: hidden;

  min-width: 100px;
  max-width: 100%;
  width: 100%;
  color: #000;
  text-align: left;
  font-size: 1em;
  background: #fff;
}
.snip1577:hover { box-shadow:0 0 8px rgba(0,0,0,0.2);}

.snip1577 *,
.snip1577:before,
.snip1577:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.snip1577 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.snip1577:before,
.snip1577:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  background-color: #000;
  z-index: 1;
  opacity: 0;
}

.snip1577:before {
  width: 0;
  height: 1px;
}

.snip1577:after {
  height: 0;
  width: 1px;
}

.snip1577 figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px;
}

.snip1577 h3,
.snip1577 h4, .snip1577 .info , .snip1577 .view {
  margin: 0;
  font-size: 1.1em;
  font-weight: normal;
  opacity: 0;
}

.snip1577 h4 , .snip1577 .info , .snip1577 .view{
  font-size: .8em;
 
}

.snip1577 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1577:hover img,
.snip1577.hover img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2;
	  transform: scale(1.1);
}

.snip1577:hover:before,
.snip1577.hover:before,
.snip1577:hover:after,
.snip1577.hover:after {
  opacity: 1;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.snip1577:hover:before,
.snip1577.hover:before {
  width: 40px;
}

.snip1577:hover:after,
.snip1577.hover:after {
  height: 40px;
}

.snip1577:hover h3,
.snip1577.hover h3,
.snip1577:hover h4,
.snip1577.hover h4,
.snip1577:hover .info,
.snip1577.hover .info,
.snip1577:hover .view,
.snip1577.hover .view{
  opacity: 1;
}

.snip1577:hover h3,
.snip1577.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; font-weight: bold;
}

.snip1577:hover h4,
.snip1577.hover h4,
.snip1577:hover .info,
.snip1577.hover .info,
.snip1577:hover .view,
.snip1577.hover .view{
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.moreproduct .snip1577:hover { box-shadow: none;}
.moreproduct .snip1577 img { margin-bottom:0 !important;}
.moreproduct .snip1577 figcaption {text-align: center; padding: 10%;}
.moreproduct .snip1577 h3 { font-size:1.4em; margin-bottom: 0.5em;}
.moreproduct .snip1577 .info { font-size:1em;}
.moreproduct .snip1577 .readmore { margin-top:1em; color: #000; font-weight: 500; display: block;}
.moreproduct .snip1577 a { position: relative;}

.category-description { margin-top:3em; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 4em;}

#extra .container { width:1200px; margin: 0 auto; max-width: 90%;}
#parson-parallax { background:url("../../images/parson-fixedbg.jpg") center no-repeat; background-size:cover;}
#parson-parallax .overlay {background:rgb(102 115 130 / 58%); color: #fff; text-align: center;}


#select-material ul li , #judge-quality ul li { padding-bottom:1em;}

#footer .reg { font-size:0.7em; line-height: 1.2; margin-bottom: 1em; color: #666;}


/*book effect*/

.book-container {
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 900px;
  text-decoration: none;
}

/* Opening animation */
@keyframes initAnimation {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(-12deg);
  }
}

.book {
  width: 300px;
height: 424px;
	max-width: 90%;
	aspects-ratio:300 / 424;
  position: relative;

  transform-style: preserve-3d;
  transform: rotateY(-12deg);

  transition: transform 0.7s ease;

  animation: initAnimation 1s ease 0s 1;
}

/* Hover */
.book-container:hover .book,
.book-container:focus .book {
  transform: rotateY(0deg);
}

/* --------------------------------
   FRONT COVER
-------------------------------- */

.book > :first-child {
  position: absolute;

  top: 0;
  left: 0;

  width: 300px;
  height: 424px;

  display: block;

  object-fit: cover;

  transform: translateZ(35px);

  background: #ffffff;

  border-radius: 0 3px 3px 0;

  box-shadow:
    4px 5px 15px rgba(0, 0, 0, 0.20);

  backface-visibility: hidden;
}

/* --------------------------------
   CATALOG PAGES
-------------------------------- */

.book::before {
  content: "";

  position: absolute;

  top: 2px;
  left: 0;

  width: 36px;
  height: 296px;

  transform: translateX(222px) rotateY(90deg);

  background:
    repeating-linear-gradient(
      to right,
      #ffffff 0px,
      #ffffff 3px,
      #eeeeee 4px,
      #ffffff 6px
    );

  box-shadow:
    inset 0 0 5px rgba(0, 0, 0, 0.12);
}

/* --------------------------------
   BACK COVER
-------------------------------- */

.book::after {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 300px;
  height: 424px;

  transform: translateZ(-35px);

  background: #666;

  border-radius: 3px 0 0 3px;

  box-shadow:
    -5px 0 25px rgba(0, 0, 0, 0.18);
}


.catalog-title { text-align:center; margin-top: 2em; margin-bottom: 3em; line-height: 1.5;}


.sorting {
    margin-bottom: 3px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 50px;
}

.admin-page .sorting form{ display: flex; gap:15px;     align-items: center;}
.admin-page label { color:inherit; margin-bottom: 0;}
.admin-page .pagination {background: #eaeaea; display: flex; gap:15px; justify-content: center; padding: 10px;}
.admin-page .pagination select {width:4em; display: inline-block; background: white; height: auto;}
.admin-page input[type="text"], .admin-page input[type="password"], .admin-page input[type="email"], .admin-page select,  .admin-page textarea { appearance:inherit !important;}

.admin-welcome a {
        color:#007dc4;
    text-decoration: none;
   border:1px solid #007dc4;
    padding: 0.2em 1em;
}
.admin-welcome a:hover {
   background:#007dc4; color: white !important; 
}

/* XLarge */

@media screen and (max-width: 1680px) {
html, body, input, select, textarea {	font-size: 11pt;}
#single-product .grids .row{ margin: 0 0 -1px 0em;}
	#single-product .grids .row > *{padding: 0 0 0 0.5em;}

}

/* Large */

@media screen and (max-width: 1100px) {
html, body, input, select, textarea {font-size: 10pt;}
.wrapper {padding: 4.5em 0 2.5em 0;}
	#header .container { width:100%;}
	#header #logo img { max-height:46px; width: auto;}
	.menu-effect li { padding: 3px 10px;}
	.title, h2.title { margin-bottom: 0.5rem; font-size: 1.6rem;}
	#home-products h3.productname { font-size:1.6em;}
	#single-product .cta h3.productname { font-size:1em;}
	.cta {padding:10px 12px;}
	.cta:before { height:30px; width:30px; top:5px;}
	#single-product .moreproduct .grids {padding:1rem 7% 0 5%;}
	#single-product .grids .row{ margin: 0 0 -1px 0em;}
	#single-product .grids .row > *{padding: 0 0 0 0.5em;}
/* Dropotron */
.dropotron.level-0 {font-size: 1em;}
	.narrow .container { max-width:90%;}
	#aboutgrid .right .bottom .bottomleft, #aboutgrid .right .bottom .bottommid, #aboutgrid .right .bottom .bottomright { padding:5%;}
	#aboutgrid .icon { max-width:60px;}
	#aboutgrid .left .overlay { min-height:640px;}
	.yearbox .info { font-size:0.9em; line-height: 1.5;}
	#milestone .yearbox.fifth { top:22%;}
	#milestone .yearbox.fourth { top:38%;}
	#milestone .yearbox.third { top:50%;}
	.contactbox .icon  { float:none; margin-right: 0;}
	.contactbox .icon img { max-width:80px; height: auto;}
	.catalogbox .flex.row { min-height:418px;}
	}

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


/* Banner */
 .slider-content h2 { font-size: 2rem; }
            .slider-content p { font-size: 1rem; }
            .slider-content a { font-size: 1rem; padding: 8px 16px; }
            .slider-container { height: 250px; }
			
		/* Footer */

			#footer {
				padding: 2em 0;
			}

#header {display: none;}
	.hotspot-wrap .backdrop { margin-left:-1%;}
	.hotspot .label{ font-size:10px;}
	.owl-nav button { width:30px; height: 30px; font-size: 16px !important;}
	.owl-carousel .owl-nav button.owl-prev { left:-30px;}
	.owl-carousel .owl-nav button.owl-next { right:-30px;}
	.openmap { margin-bottom:1em;}
	
	.catalogbox .flex.row {flex-direction: column-reverse;}
	
	.row.flex-center {flex-direction: column; gap: 2em;}
	.row.flex-center.reverse {flex-direction: column-reverse; ;}
	
/* Off-Canvas Navigation */
	#header-sticky-wrapper { display:none;}
#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: 60px !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: block;
height: 70px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10001; padding-top: 5px;
background: #fff;
box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
}

#titleBar .title {
color: #ffffff;
display: block;
font-weight: 400;
height: 60px;
line-height: 44px;
text-align: center; margin-bottom: 0;
}
#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") #007dc4 no-repeat center;
color: rgba(255, 255, 255, 0.5);
content: '';
display: block;
font-size: 18px;
height: 44px;
left: 12px;
line-height: 44px;
position: absolute;
text-align: center;
top: 12px;
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: 1.5em;
text-decoration: none; padding: 0.8em 0;
}
#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; float: left; height: 2em;}
#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);}

	
	
	#featured .flex { display:block;}
	#featured .flex .trigger{ display:flex; flex-direction: column;}
	#featured .flex .trigger.reverse{ flex-direction: column-reverse;}	
	#featured .box {aspect-ratio:auto; padding:5% 10%;}
	#home-products .\33 u {width:50%;}
	#news {padding-bottom:0;}
	#news .eventname {margin-bottom:4rem;}

	#footer .footer-contact { border-left:0; padding-left:0; border-top:1px solid #ddd; padding-top:2rem; border-bottom:1px solid #ddd; padding-bottom: 2rem; text-align: center;}
	.footer-contact .contactinfo > div  { display: inline-block; margin: 0 1em;}
	
	#pu-home .flex { flex-direction:column;}
	#pu-home .content { padding:0;}
	#pu-home .viewall { top: 0; margin-top: 3rem; margin-bottom: 3rem;}
	
	#single-product .moreproduct .flex { display:block;}
	#single-product .moreproduct .grids { padding:5%;}
	#single-product .cta h3.productname { font-size:1.2em;}
	.cta { padding:17px 17px;}
	.cta:before { height: 40px; width: 40px;}
	
	#milestone { aspect-ratio: auto; background-size:100%; background-position:  top center; padding-bottom: 2em;}
	#milestone .mobile-spacer { width:100%; height: auto; aspect-ratio: 16 / 7.5;}
	#milestone .yearbox { position:relative; max-width: 100% !important; top: 0 !important; left: 0 !important; padding:1em 5%; }
	#milestone .yearbox .info { font-size:1em; ; line-height: 1.8;}
	
	#aboutgrid .flex { display:block;}
	#aboutgrid .left.grid { width:100%; }
	#aboutgrid .left .overlay { min-height:100px; padding:10% 5% 5% 5%;}
	.moreabout { display:flex; flex-direction: column-reverse;}
	.moreabout img { margin-bottom:2em; margin-top: 1em;}
	#aboutgrid .right .top { height:430px;}
	#aboutgrid .right .bottom { height:300px;}
	#aboutgrid .right .top .topleft {flex: 1; } 
	#aboutgrid .right .top .topright {  flex: 1; }
	.moreproduct .snip1577 h3 { font-size:1.6em; margin-bottom: 1em;}
	.moreproduct .snip1577 h3, .moreproduct .snip1577 .info  { opacity: 1 !important;}
	.moreproduct .snip1577 figcaption { position: relative; padding: 3em 10%;}
}



/* Small */

@media screen and (max-width: 736px) {
html, body {overflow-x: hidden;}
html, body, input, select, textarea {font-size: 10pt;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
	#single-product .moreproduct .grids img { max-width:100%;}


/**timeline**/
.timeline::after {
    left: 90px;
  }

 .timeline .container {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px; 
  }

 .timeline .container.right {
    left: 0%;
  }

 .timeline .container.left::after, 
 .timeline .container.right::after {
    left: 82px;
  }

 .timeline .container.left::before,
 .timeline .container.right::before {
    left: 100px;
    border-color: transparent #006E51 transparent transparent;
  }

 .timeline .container.left .date,
 .timeline .container.right .date {
    right: auto;
    left: 15px;
  }

 .timeline .container.left .icon,
 .timeline .container.right .icon {
    right: auto;
    left: 146px;
  }

 .timeline .container.left .content,
 .timeline .container.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }





/* 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;}
html, body, input, select, textarea {font-size: 10.5pt;}

input[type="submit"],input[type="reset"],input[type="button"],.button {padding: 0;}


/* Footer */
#footer {padding: 3em 1.25em;}
#footer .copyright {line-height: inherit;}
#footer .copyright li {border-left: 0;display: block;margin: 0;padding: 0;}
	.hotspot-wrap { transform:scale(1.2);}
	.hotspot .dot { width:10px !important; height: 10px !important; box-shadow:0 0 0 2px #fff inset, 0 0 0 0px #fff !important; pointer-events: none;}
	.hotspot .dot::after { visibility:hidden;}
	.hotspot .label { font-size:7px; margin-bottom: 3px !important; left:calc(3px - 50%) !important;}
	.tooltip { font-size:9px !important; min-width: 135px !important; padding: 1em !important; visibility: hidden;}
	.tooltip header { font-size:10px !important;}
	#westasia .label{left:calc(-6px - 50%) !important;}
	.timeline .container .date { font-size:22px;}
	.timeline .container .content p { font-size:14px;}
	.timeline .container.left .content, .timeline .container.right .content { padding:20px 20px 20px 40px;}
	.timeline .container { padding-right:5px;}
	.timeline .container .icon { width: 16px; height: 16px; padding: 4px 0; top:calc(50% - 8px);}
	.timeline .container.left .icon, .timeline .container.right .icon { left:138px;}
	.owl-carousel .owl-nav button.owl-prev { left:-20px;}
	.owl-carousel .owl-nav button.owl-next { right:-20px;}
	#titleBar .title a img { max-height:50px; width:auto;}
	#aboutgrid .right .top { display:block; height: auto;}
	#aboutgrid .right .top .topleft, #aboutgrid .right .top .topright{ width:100%;}
	#aboutgrid .right .top .topright {width:100%; aspect-ratio: 4 / 3;} 
	#aboutgrid .right .bottom { display:block; height: auto;}
	#aboutgrid .right .bottom .bottomleft, #aboutgrid .right .bottom .bottommid, #aboutgrid .right .bottom .bottomright { width:100%; aspect-ratio: 4 / 3;}
	#aboutgrid .right .bottom .bottomright {    display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}
	#aboutgrid .grid { display:block;}
	#aboutgrid .icon { max-width:80px;}
	#milestone .maintitle { margin-top:0; font-size: 2.4em; }
	#founder { background-position:bottom right; padding-bottom: 2em;}
	#extra .maintitle { font-size: 2.4em;}
	
	.moreproduct .snip1577 img  {    aspect-ratio: 6 / 5;}
	#featured-product .maintitle { margin-top:1em;}
}