@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
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: 1200px; max-width: 100%;}

@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: 1200px;}
}

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

@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: 100% !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: 100% !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{ 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:#002366; font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;font-size:16px;line-height:1.7em}
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:#e44c65;text-decoration:none; color:#002366;}
a:hover{color: inherit;border-bottom-color:transparent; text-decoration: 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: #fff;
		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: #e44c65;
		}

	.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: #e44c65;
		}

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

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

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

/* 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 #e44c65;
			color: #e44c65 !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;
		}

/* Goto Next */
.goto-next{border:0;bottom:0;display:block;height:5em;left:50%;margin:0 0 0 -5em;overflow:hidden;position:absolute;text-indent:10em;white-space:nowrap;width:10em;z-index:1}
.goto-next:before{background-image:url(images/arrow.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;content:'';display:block;height:1.5em;left:50%;margin:-.75em 0 0 -1em;position:absolute;top:50%;width:2em;z-index:1}

/* 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 4em 0;	}
.wrapper.style2 {background: #e44c65;}
.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: #e44c65;}
.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 {
	
	}

	#header {
		cursor: default;
		top: 0;
		width: 100%;
		z-index: 100;
		padding: 10px 0;
	}

	#header .container { display:flex; align-items: normal; justify-content: space-between;}

	#header #logo { display: flex; align-items: center;
			height: inherit;
			line-height: inherit;
			margin: 0;
			top: 0; color: #fff;
			font-family: "Noto Serif", serif;
			font-size: 1.4em; gap:20px; font-weight: 900;
		}
	#header #logo  img {display: block; height: 90px; width: auto; }
	#header #logo a { color:inherit;}
#header #logo span { display:block;}
#header #logo span.since{ font-weight: normal; text-transform: uppercase; font-size:1.1rem;   font-family: "Inter", sans-serif; letter-spacing:0.1em;}
		#header nav {font-family: "Inter", sans-serif; color:#fff; font-size:11px; display: flex;  align-items: center;	}

			#header nav ul {margin: 0;	}

	#header nav > ul > li { text-transform: uppercase; letter-spacing: .15em; padding-left: 2rem; font-weight: 600;}

				#header nav ul li {
					display: inline-block;
				
				}

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

						#header nav ul li a.whatsapp-btn, #header nav ul li span.whatsapp-btn  {
							height: 3em;
							line-height: 3em;
							padding: 1px 2em 0 2em;
							background:#25d366; font-weight: bold;
							border-radius:8px;
							margin-left: 0em; transition:all ease 0.3s;
						}
#header nav ul li a.whatsapp-btn:hover { transform: scale(1.1); box-shadow: 2px 5px 15px rgba(37,211,102,0.2);}

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

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

#header-sticky-wrapper { position:relative; z-index: 10;}
.is-sticky #header { background:rgba(255,255,255,0.95); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.is-sticky #header nav ul li a, .is-sticky #header nav ul li span{ color: #1e3a5f;}
.is-sticky #header nav ul li a.whatsapp-btn { color: #fff;}
.is-sticky #header #logo {color: #1e3a5f;}
.is-sticky #header nav ul li.header-social .icon{ background-color: #1e3a5f;}
#header nav ul li.header-social { display:flex; gap:5px;}

#header .icon {
  width: 24px;
  height: 24px;
  background-color: white; /* default color */
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: background-color 0.3s ease;
}

/* Facebook */
#header .icon.facebook {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.77-3.88 1.09 0 2.23.19 2.23.19v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0 0 22 12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.77-3.88 1.09 0 2.23.19 2.23.19v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 2.89h-2.33v6.99A10 10 0 0 0 22 12'/%3E%3C/svg%3E");
}

/* Instagram */
#header .icon.instagram {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5 3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm4.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5 3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm4.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z'/%3E%3C/svg%3E");
}

/* Hover color */
#header nav ul li.header-social .icon:hover {
  background-color: #c5a059;
}

.wsactive #header nav ul li.header-social .icon{background-color: #1e3a5f;}
.wsactive #header nav ul li.header-social  {    padding-left: 2rem;
    margin-bottom: 2em;
    margin-top: 1em;}
/* Footer */

	#footer {
		background: #002366; color:rgba(255,255,255,0.6);
		padding: 6em 0;
		
	}

#footer a{ color:inherit; padding: 2em 0;}
#footer a:hover { color:#fff;}
#footer .title { color:#fff; font-family: "Noto Serif", serif; font-size: 1.2em; margin-bottom: 1.5em;}
#footer ul { padding-left: 0;}
#footer ul li {list-style: none; margin-left: 0; padding-left: 0; font-size:0.9rem; padding-bottom: 0.5em;}  

#footer .footer-contact { font-size:0.9rem; }
#footer .footer-contact address{ font-size:0.9rem; margin-bottom: 1.5rem;} 
#footer .footer-contact .title{ color: #c5a059; text-transform: uppercase; font-weight: normal;}
#footer .footer-contact .tag {color: #c5a059; text-transform: uppercase; font-weight: 700;}
#footer .copyright { font-size: 0.8rem; color: rgba(255,255,255,0.3); display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 3rem; padding-top: 1em; }
#footer .copyright .terms { text-transform:uppercase; font-size: 0.9rem;}

.maintitle, .noto {font-family: "Noto Serif", serif;}
.tagline { font-family: "Inter", sans-serif;}


.hero {
  position: relative;
  width: 100%;
  height: 100svh; /* better than vh on mobile */
  min-height: 500px;
  overflow: hidden;
	margin-top: -140px;
}

/* FULL WIDTH VIDEO */
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* KEY */
  z-index: 1;
}

/* overlay for readability */
.hero-overlay {
  position: absolute;
  inset: 0;
 background: linear-gradient(
  to right,
  rgba(10, 40, 80, 0.75) 0%,
  rgba(10, 40, 80, 0.65) 40%,
  rgba(10, 40, 80, 0.45) 60%,
  rgba(10, 40, 80, 0.35) 100%,
  transparent 100%
);
  z-index: 2;
}

/* content */
.hero-content {
  position: relative;
  z-index: 3;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
  max-width: 80%;
  margin: 0 auto;
}

/* responsive text */
.hero-content .since { font-size: 10px; letter-spacing: 1.2em; text-transform: uppercase;}
.hero-content .slidertitle {
  font-size: 6em;  /* letter-spacing: .1em;  font-family: "Noto Serif", serif; font-weight: 400; line-height: 1.5; */  font-family: "Great Vibes", cursive; line-height: 1; text-shadow: 0 3px 3px #0000001f;
}

.hero-content .cursive {
  font-size: 6em;
  margin: 1rem 0 2rem;
	font-family: "Great Vibes", cursive; line-height: 1; text-shadow: 0 3px 3px #0000001f;
}

/* button */
.hero-content .controls .btn {
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: #000;
  border-radius: 999px;
  text-decoration: none;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 1100px) {
  .hero {
    height: 60svh;
	  
  }


  /* optional: disable video for speed */
  /*.hero-video {
    display: none;
  }*/

  .hero {
    background: url("../../images/poster.jpg") center/cover no-repeat;
  }
}


.static-hero {
  position: relative;
  width: 100%;
  height: 60svh;
  min-height: 400px;
  overflow: hidden;
	margin-top: -140px;
}

/* BACKGROUND IMAGE */
.static-bg {
  position: absolute;
  inset: 0;
  background: url("../../images/about-banner.jpeg") center/cover no-repeat;
  z-index: 1;
}
.static-bg.about{  background: url("../../images/modern-hotel-bedroom.jpg") center/cover no-repeat;}


/* HORIZONTAL OVERLAY */
.static-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  background: linear-gradient(
    to right,
    rgba(10, 40, 80, 0.95) 0%,
    rgba(10, 40, 80, 0.85) 30%,
    rgba(10, 40, 80, 0.6) 60%,
    rgba(10, 40, 80, 0.2) 85%,
    transparent 100%
  );
}

/* CONTENT */
.static-content {
  position: relative;
  z-index: 3;
  color: #fff;
  max-width: 1200px;
  margin: 1em auto 0 auto;
  padding: 0 20px;

  top: 50%;
  transform: translateY(-50%);
}

/* TYPOGRAPHY */
.static-content h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 10px;
}

.static-content p {
  font-size: clamp(1rem, 2vw, 1.2rem);
  max-width: 500px;
}

#header nav .wsmegamenu ul li {margin-left: 0;}



#services { padding:4em 0;}

/* HEADER */
#services .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

#services .header h2 {
  font-size: 3em;
  color: #1e3a5f;
	font-weight:400; margin-bottom: 0; line-height: 1.1em; margin-top:0;
}

#services .container {display: flex; justify-content: space-between; align-items: center;}

/* BUTTONS */
#services .controls {
  display: flex;
  gap: 10px;
}

#services .btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #eee;
  cursor: pointer;
  font-size: 20px;
}

/* CAROUSEL */
#services .carousel {
  display: flex;
  gap: 0px;
  overflow-x: auto;
  scroll-behavior: smooth;
}

#services .carousel::-webkit-scrollbar {
  display: none;
}

/* CARD */
#services .card {
  position: relative;
  flex: 0 0 320px;
  height: 450px;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
	margin-left: 36px;
}

#services .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* OVERLAY */
#services .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  background: linear-gradient(
    to top,
    rgba(10, 40, 80, 0.95) 0%,
    rgba(10, 40, 80, 0.85) 30%,
    rgba(10, 40, 80, 0.6) 60%,
    rgba(10, 40, 80, 0.2) 85%,
    transparent 100%
  );
}

/* TITLE (default at bottom) */
#services .overlay h3 {
  margin: 0;
  font-size: 2em;
  font-weight: 500; line-height: 1.2;
  font-family: "Noto Serif", serif;

  transform: translateY(9rem);
  transition: transform 0.35s ease;
}

/* DESCRIPTION */
#services .overlay .desc {
  margin-top: 8px;
  font-size: 1em;
min-height: 5em;
  opacity: 0;
  transform: translateY(1.5rem);
  transition: all 0.35s ease;
}

/* EXPLORE */
#services .explore {
  display: inline-block;
  margin-top: 10px;
  font-size: 1em;
  color: #f4c542;
  text-decoration: none;
  font-weight: 600;

  opacity: 0;
  transform: translateY(1.5rem);
  transition: all 0.35s ease;
}

/*  HOVER EFFECT */
/* image zoom */
#services .card:hover img {
  transform: scale(1.05);
}
#services .card:hover .overlay {
  background: linear-gradient(
    to top,
    rgba(10, 40, 80, 0.95),
    rgba(10, 40, 80, 0.6),
    transparent
  );
}

#services .card:hover h3 {
  transform: translateY(-10px);
}

#services .card:hover .desc {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}



/* Hover state */
#services .card:hover .explore {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}

/* Optional hover effect */
.explore:hover {
  text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #services .card {
    flex: 0 0 50%;
  }
}

@media (max-width: 480px) {
  #services .card {
    flex: 0 0 80%;
  }

  #services .header h2 {
    font-size: 24px;
  }
}


/*megamenu design*/
#header .megabox {padding-bottom:0; overflow: hidden;}
#header .megabox li {display: block;} 
#header .megabox li .box{ display: flex; padding: 1em; text-transform: none !important; letter-spacing: normal; gap:20px; align-items: center;  border-radius: 10px;} 
#header .megabox li .box:hover {background: #edeeef;}
#header .megabox .row { margin: 0 0 -1px -1.5em;}
#header .megabox .row > * {padding: 0 0 0 1.5em;}
#header .megabox .icon { width: 48px; height: 48px; background: #edeeef; border-radius: 10px; text-align: center; background-position: center; background-repeat: no-repeat;}
#header .megabox .carpet .icon { background-image:url("../../images/carpet-icon.png");}
#header .megabox .carpet .box:hover  .icon  { background-image:url("../../images/carpet-icon-white.png"); background-position: center; background-repeat: no-repeat;}
#header .megabox .linen .icon { background-image:url("../../images/linen-icon.png");}
#header .megabox .linen .box:hover  .icon  { background-image:url("../../images/linen-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .curtain .icon { background-image:url("../../images/curtains-acc-icon.png");}
#header .megabox .curtain .box:hover  .icon  { background-image:url("../../images/curtains-acc-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .wallpaper .icon { background-image:url("../../images/wallpaper-icon.png");}
#header .megabox .wallpaper .box:hover  .icon  { background-image:url("../../images/wallpaper-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .furnishing .icon { background-image:url("../../images/furnishing-icon.png");}
#header .megabox .furnishing .box:hover  .icon  { background-image:url("../../images/furnishing-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .blinds .icon { background-image:url("../../images/blinds-icon.png");}
#header .megabox .blinds .box:hover  .icon  { background-image:url("../../images/blinds-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .flooring .icon { background-image:url("../../images/flooring-icon.png");}
#header .megabox .flooring .box:hover  .icon  { background-image:url("../../images/flooring-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox .furniture .icon { background-image:url("../../images/furniture-icon.png");}
#header .megabox .furniture .box:hover  .icon  { background-image:url("../../images/furniture-icon-white.png"); background-position: center; background-repeat: no-repeat;}

#header .megabox li .box:hover .icon {background: #800000;}
#header .megabox li .box .cat { font-size:1.4em;  font-family: "Noto Serif", serif; color: #1e3a5f;}
#header .megabox li .box .desc {font-size:12px; color: #00236699; font-weight: normal;}
#header .megabox .container-fluid { padding-left: 0; padding-right: 0;}
#header .megabox a:hover { text-decoration:none;}
#header .megabox a { color: inherit; display: block;}
.megabottom { background: #f9f9fa; padding: 1em 2em; margin: 0 -2em;  display: flex;  justify-content: end; border-top:1px solid #ccc; }
.megabottom .text { font-weight: normal; font-size:11px; color: #999;}
.megabottom .viewall { color:#800000; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; }

#featured { background:#f3f4f5;}
.blur-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
	font-family: "Noto Serif", serif;
  text-decoration: none;
  text-align: center;

  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Safari */

  color: #fff;
  font-size: 1.2em;
  font-weight: 500;

  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover */
.blur-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
}

/* Optional: active click feel */
.blur-btn:active {
  transform: scale(0.98);
}

#featured .row{ margin: 0 0 -1px -3.5em;}
#featured .row > *{padding: 0 0 0 3.5em;}

.homegallery { background:grey; aspect-ratio:6/7; border-radius:15px; display: flex; align-items: center; justify-content: center; overflow:hidden; position:relative;}
.homegallery:hover a{opacity: 1; color: white !important;}
.homegallery a{ opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.3s ease;}
.homegallery::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: 0.3s ease;
}

.homegallery:hover::after {
  background: rgba(0,35,102,0.5);
}
.homegallery img {
  transition: 0.4s ease;
}

.homegallery:hover img {
  transform: scale(1.1);
}
.homegallery img{  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;}

.homegallery.two { margin-top:4em;}

.maintitle { font-size:3.7rem; line-height: 1; margin: 0.5em auto;}
.subtitle {  text-align: left;  font-family: "Noto Serif", serif; font-weight: 500; font-size:2.2rem; line-height: 1em; margin-bottom: 2em;}
.tag {  letter-spacing: .15em; font-weight: 600; font-size:12px;}
#objective { background:#002366; color:#ffffffb3; position: relative; overflow: hidden; text-align: center;}
#objective .wrapper {position: relative; z-index: 2;} 
#objective .tag { color: #c5a059; }
#objective .maintitle { color:#fff; }
#objective .subtitle { color: #c5a059; }
 .short-div { border-bottom: 1px solid #c5a059; width: 100px; margin: 2.5rem auto; height: 1px;}
#objective .desc {font-family: "Noto Serif", serif; font-size: 1.8em; max-width: 100%; width: 880px; margin: 0 auto 8rem auto; font-style: italic; line-height: 1.7em;}

#objective .row{ margin: 0 0 -1px -10%;}
#objective .row > * {padding:0 0 0 10%;}


.bg-pattern {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: auto;
  pointer-events: none;
}

.bg-pattern svg {
  width: 100%;
  height: 100%;
}

.grid-card {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 30px;

}

/* Card box */
#objective .card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 30px;
  color: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden; text-align: left;
}

/* Hover effect */
#objective .card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
}
#objective .card:hover h3{color: #c5a059;}
/* Icon */
#objective .card .icon {
  font-size: 26px;
  color: #f4c15d;
  margin-bottom: 15px;
}
#objective .card img {width:auto; height: 32px;}
/* Title */
#objective .card h3 {
	 font-family: "Noto Serif", serif;
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 1.4; font-style: italic; color: #fff;
}

/* Description */
#objective .card p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

/* Glow effect */
#objective .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255,255,255,0.08), transparent 60%);
  opacity: 0;
  transition: 0.3s;
}

#objective .card:hover::before {
  opacity: 1;
}

/* Responsive */
@media (max-width: 1024px) {
  .grid-card {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid-card {
    grid-template-columns: 1fr;
  }
}

#strategic { text-align: center;}
#strategic .tag { color: #800000;}
#strategic .short-div {border-color: #800000; border-width: 3px;}
#strategic .homegallery{    aspect-ratio: 3 / 2; margin-top: 3em; margin-bottom: 3em; box-shadow:3px 3px 10px rgba(0,0,0,0.3);}

#strategic .row { margin: 0 0 -1px -7%;}
#strategic .row > * {padding:0 0 0 7%;}
.stepbox { display:flex; text-align: left; gap:20px; }
.stepbox .numbering { font-size: 4.5em; line-height: 3rem; color:#d9b2b2; font-family: "Noto Serif", serif; font-weight: 600;}
.stepbox .title { font-family: "Noto Serif", serif; font-size:1.8em; line-height: 1; margin-bottom: 0.5em;}
.stepbox .info{color: #404942;}

#testimonial { background:#002366; color:#ffffffb3; text-align: center;}
#testimonial .maintitle {color: #c5a059; font-size: 3rem;}
#testimonial .quote { text-align:left; margin-top: 3rem;}
#testimonial .highlight { color:#fff; font-family: "Noto Serif", serif; font-size:1.2rem; line-height: 1.5; min-height: 11em;}
#testimonial .by {border-top:1px solid rgba(255,255,255,0.1); padding: 1em 0; margin-top: 2em; display: inline-block;}
#testimonial .name { color:#c5a059; text-transform: uppercase; letter-spacing: .15em; font-size: 11px; line-height: normal; margin-bottom: 0.5em;}
#testimonial .position { color: rgba(255,255,255,0.4);  text-transform: uppercase; letter-spacing: .15em; font-size: 10px; line-height: normal;}
.quote .icon {width:48px; height:48px; background: url("../../images/quote-icon.png") no-repeat center; background-size: contain; margin-bottom: 3rem;}

#testimonial .row { margin: 0 0 -1px -10%;}
#testimonial .row > * {padding: 0 0 0 10%;}

#insta .tag{color: #800000; text-transform: uppercase;}
#insta .maintitle{ line-height: 1; margin-top: 0em; margin-bottom: 4rem; font-size: 3em; }
#insta .homegallery { aspect-ratio: 1 / 1; }

.insta {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.5' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") no-repeat center/contain;
}
#clientele .tag { font-weight: 500; text-align: center; text-transform: uppercase; color: #40494266;}

.logo-carousel {
 overflow: hidden;
  width: 100%;
  padding: 20px 0;
}

.logo-track {
 display: flex;
  gap: 40px;
  overflow-x: scroll;        
  scroll-behavior: auto;
  scrollbar-width: none;     
}
.logo-track::-webkit-scrollbar {
  display: none;             /* hide scrollbar (Chrome) */
}
.logo-carousel .logo {
  flex: 0 0 auto;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

.logo-carousel .logo img {
  max-width: 100%;
  opacity: 0.9;
  transition: 0.3s;
}

.logo-carousel .logo img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Responsive */
@media (max-width: 768px) {
 .logo-carousel  .logo { width: 120px; }
}
@media (max-width: 480px) {
 .logo-carousel  .logo { width: 100px; }
}


#about { text-align:center;}
#target .row {display: flex;  align-items: center;}
#target .subtitle{ margin-bottom:1em; line-height: 1.3;}
#about .desc { width:1000px; max-width:90%; margin: 0 auto 3em auto;}
#target { padding-bottom:6em;}
.homegallery.aboutpic {    aspect-ratio: 4 / 3;}

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

#team { background: url("../../images/team-bg.jpg") fixed center right; background-size:cover;}
#team .stepbox {background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); padding: 3em 2em; border-radius: 15px;}
#team .stepbox .info { font-size:0.9em;}
#team .short-div { margin-left:0;}


#client { text-align:center;}
#client .logo-container { display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;}

#client .logo { padding:10px;}

#client .logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.download a { color: #c5a059; border: 1px solid; padding: 0.5em 1.5em; }
.download a:hover { background:#c5a059; color:#fff; }

#contact .short-div{ margin: 2.5rem auto 2rem 0;}
.contact-info address { margin-top:1em; margin-bottom: 1em;}
.contact-info .companyname{ font-weight: 600; font-size: 1.3em;   font-family: "Inter", sans-serif;}
.contact-info .compno { font-size:0.8em;}
.contact-info .phone { background:url("../../images/call-icon.png") no-repeat left 5px; padding-left: 40px; margin-bottom: 1em;}
.contact-info .email { background:url("../../images/email-icon.png") no-repeat left center; padding-left: 40px; margin-bottom: 1em;}
.contact-info .phone, .contact-info .email { background-size:30px;}
.follow { margin-top:3em; font-weight: 600;   font-family: "Inter", sans-serif;}

#contact .social { display:flex; gap: 10px; margin-top: 0.5em;}
#contact .social a img:hover { opacity:0.9;}
.map iframe {width:100%;}


#enquiry { background: url("../../images/contact-bg.jpg") fixed center right; background-size:cover; text-align: center;}
#enquiry .enquiry { width:800px; max-width: 100%; margin: 0 auto;}
#enquiry .enquiry {background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); padding: 3em 2em; border-radius: 15px; text-align: left;}

input[type="submit"],input[type="reset"],input[type="button"],.button {padding: 0.3em 2em; line-height: normal; background:#002366; color:#fff !important; font-size:0.9rem;}  


input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover { background:#c5a059; border-color:#c5a059;  color:#fff !important;  box-shadow: none;}

/*gallery*/
/* MASONRY */
.masonry-gallery {    padding: 60px 20px;
    background: #f5f5f5;}
.gallery{
  column-count:4;
  column-gap:20px;
}

@media(max-width:991px){
  .gallery{
    column-count:3;
  }
}

@media(max-width:768px){
  .gallery{
    column-count:2;
  }
}

@media(max-width:480px){
  .gallery{
    column-count:1;
  }
}

/* ITEM */
/* ITEM */
.item{
  position: relative;
  break-inside: avoid;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 16px;
  cursor: pointer;
}

/* IMAGE */
.item img{
  width: 100%;
  display: block;
  border-radius: 16px;
  transition: 0.4s ease;
}

/* OVERLAY */
.item::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(30, 58, 95, 0.6);
  opacity: 0;
  transition: 0.3s ease;
  z-index: 1;

  /* IMPORTANT */
  pointer-events: none;
}

/* BUTTON */
.item::after{
  content: "VIEW";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 2px;

  opacity: 0;
  transition: 0.3s ease;

  z-index: 2;

  /* IMPORTANT */
  pointer-events: none;
}

/* HOVER */
.item:hover::before{
  opacity: 1;
}

.item:hover::after{
  opacity: 1;
}

.item:hover img{
  transform: scale(1.05);
}
/* LIGHTBOX */
.lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.92);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:0.3s ease;
  z-index:9999;
}

.lightbox.active{
  opacity:1;
  visibility:visible;
}

.lightbox-img{
  max-width:90%;
  max-height:90%;
  border-radius:14px;
}

/* CLOSE */
.lightbox .close{
  position:absolute;
  top:20px;
  right:30px;
  color:#fff;
  font-size:40px;
  cursor:pointer;
}

/* NAV */
.lightbox .nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(255,255,255,0.15);
  border:none;
  color:#fff;
  font-size:40px;
  padding:10px 18px;
  cursor:pointer;
}

.lightbox .prev{
  left:20px;
}

.lightbox .next{
  right:20px;
}

#expertise .row { margin: 0 0 -1px -5%;}
#expertise .row > *{ padding: 0 0 0 5%;}
.service-box {margin-bottom: 2em; padding-bottom: 2em;}
.service-box img{ border-radius: 10px; }
.service-box .title {font-family: "Noto Serif", serif; font-size: 1.8em; font-weight: 500; line-height: 1; margin-bottom: 0.5em; margin-top: 1em;}
.service-box .info { color:#404942;}


.jump, .service-box {
  scroll-margin-top: 140px;
}


/* XLarge */

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

}

@media screen and (max-width: 1280px) {
html, body, input, select, textarea {	font-size: 11.5pt;}
	
	.hero-content .slidertitle, .hero-content .cursive { font-size:5em;}

}

/* Large */

@media screen and (max-width: 1100px) {
html, body, input, select, textarea {font-size: 9pt;}
	#header #logo img { height:68px;}
	#header nav { font-size:10px;}
	#header nav > ul > li { padding-left:1rem;}
	#objective .card p { font-size:1rem;}
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { width:600px;}
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .megabox { padding:0.5em;}
	#header .megabox li .box .cat { font-size:1.2em;}
	#header .megabox li .box .desc { font-size:11px;}
	.megabottom .text , .megabottom .viewall{ font-size:11px;}
	.static-content { margin-top:3rem; padding: 0 3rem;}
	

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



	}

/* Medium */
@media screen and (max-width: 980px) {
body, input, select, textarea {font-size: 10pt;}
	.hero-content .slidertitle {font-size:3.5em;}
	.hero-content .cursive { font-size:3.5em;}
	#header #logo{ display:none;}
	.static-hero, .hero { margin-top:0;}
	
	#header .container {justify-content: center;}
	#header nav ul { padding-top:2em;}
	#header nav ul li a.whatsapp-btn, #header nav ul li span.whatsapp-btn { display:inline-block; margin-bottom:2em; color:#fff;}
	.wsmenu>.wsmenu-list>li { text-align:left;}
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu .megabox { border:0; padding: 0;}
	
	.megabox .clickable {width: calc(100% - 60px);}
	#header .megabox li .box { padding:0;}
	#header .megabox { overflow:visible;}
	#header nav > ul > li { padding-left:1rem;} 
	.wsmenu>.wsmenu-list>li { padding-right:1rem;}
	.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu { max-width:100%;}
	#header .megabox li .box:hover { background:none;}
	#header .megabox li .box { gap:10px;} 
	#header .megabox .icon {background-color:#fff;}
	.megabottom { margin:0; flex-direction: column; padding:1em;}
	.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { margin-right: 20px;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click>i {}
	.wsmenu>.wsmenu-list>li>a {padding: 12px 0 12px 17px;}
	#header .megabox{ display: none; }
	.wsactive #header .megabox{ display: block; }
	
	.subtitle.spacing { margin-top:3em;}
	#services .header h2 { font-size:2.4em;}
	#services .maintitle {margin: 0.5em 1em;}
	#objective .card p { font-size: 1.2rem; }
	#footer { padding:4em 0;}
	#header nav { display:block;}
	#objective .card h3 br { display:none;}
	
	#client .logo-container { 
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;}
	
	#contact .social img{ height: 30px; width: 30px; } 
	.map { margin-top: 3em; }
	#enquiry { background-position:center;}
	#enquiry .enquiry { max-width:90%;}
	
	
	
	
	}

/* Small */
#navPanel, #titleBar {display: none;}
@media screen and (max-width: 736px) {
html, body {overflow-x: hidden;}
body, input, select, textarea {font-size: 11pt;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
	#footer ul li , #footer .footer-contact address, #footer .footer-contact{ font-size:1rem;}

	.hero-content .slidertitle, .hero-content .cursive { font-size:3rem; margin-top: 0;}
	#header #logo img { height:48px;}
	#objective .desc { font-size:1.5rem; padding: 0 2em;}
	#target .subtitle { margin-top:2em;}
	#objective .subtitle { text-align:center;}
}


/* 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: 10pt;}
	.maintitle { font-size:2.8em;}
	#testimonial { margin-top:3em;}
	.instabox { margin-bottom:2em;}
	#objective .desc { font-size:1.6em;}
	#objective .card h3 { font-size:1.5em;}

	#strategic, #objective { margin-top:3em;}
	.static-hero {    height: 40svh;}
		#client .logo-container { 
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;}
	#testimonial .highlight { min-height:5em;}
	
	}






}


@media screen and (max-width: 400px) {
	#services .header h2 , .maintitle, #testimonial .maintitle, #insta .maintitle{ font-size:2.2rem;}
	.subtitle { font-size:2rem;}
	.wrapper{}
	
}