body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} * { box-sizing: border-box; } :root { --global-max-width: 1200px; --global-header-height: 90px; --global-header-padding-tb: 16px; --global-3grid-width: 28%; --global-6grid-width: 14%; --global-3grid-margin: 4%; --global-3grid-2span-width: 64%; --global-3grid-2span-width-INV: -64%; --global-3grid-2span-width-half-INV: -48%; --content-inside-padding: 20px; --global-hero-height: 340px; --global-image-preview-height: 200px; --global-image-preview-big-height: 300px; --global-profile-image-preview-height: 240px; --font-dark-color: #0A354C; --background-color-mentalee-blue: #0A354C; --background-color-mentalee-blue-50: #0A354CBB; --background-color-mentalee-yellow: #C7B437; --background-color-mentalee-red: #931325; --font-light-color: white; --highlightBox-icon-size: 68px; --highlightBox-icon-half-size: 48px; --global-border-radius: 10px; --global-input-height: 48px; /* buttons */ --button-height: 42px; --button-radius: 10px; /* gradients*/ --gradient-rotation: 150deg; --gradient-glossy: linear-gradient(var(--gradient-rotation), rgba(255, 255, 255, 0.09) 0%, /* white overlay, 10% opacity of whole gradient */ rgba(241, 241, 241, 0.10) 33%, rgba(226, 226, 226, 0.02) 33%, rgba(226, 226, 226, 0.10) 66%, rgba(226, 226, 226, 0.02) 66%, rgba(226, 226, 226, 0.00) 100%); /* Blur */ --background-blur: 7px; /* Themes */ --gradient-theme1-base: linear-gradient(var(--gradient-rotation), #84115C 0%, #0A354D 100%); --gradient-theme1-glossy: var(--gradient-glossy), var(--gradient-theme1-base); --gradient-theme2-base: linear-gradient(var(--gradient-rotation), #D8C760 0%, #C18B19 100%); --gradient-theme2-glossy: var(--gradient-glossy), var(--gradient-theme2-base); --gradient-theme3-base: linear-gradient(var(--gradient-rotation), #D19875 0%, #A1404E 100%); --gradient-theme3-glossy: var(--gradient-glossy), var(--gradient-theme3-base); --gradient-theme4-base: linear-gradient(var(--gradient-rotation), #F1ECCD 0%, #D8B6D1 100%); --gradient-theme4-glossy: var(--gradient-glossy), var(--gradient-theme4-base); --gradient-theme5-base: linear-gradient(var(--gradient-rotation), #E9CCAC 0%, #d59085 100%); --gradient-theme5-glossy: var(--gradient-glossy), var(--gradient-theme5-base); --gradient-theme6-base: linear-gradient(var(--gradient-rotation), #e8f1cd 0%, #7a966f 100%); --gradient-theme6-glossy: var(--gradient-glossy), var(--gradient-theme6-base); --gradient-theme7-base: linear-gradient(var(--gradient-rotation), #a2add0 0%, #527f99 100%); --gradient-theme7-glossy: var(--gradient-glossy), var(--gradient-theme7-base); --gradient-theme8-base: linear-gradient(var(--gradient-rotation), #cde3f1 0%, #69a1b0 100%); --gradient-theme8-glossy: var(--gradient-glossy), var(--gradient-theme8-base); --gradient-theme9-base: linear-gradient(var(--gradient-rotation), #e9ccac 0%, #d5c985 100%); --gradient-theme9-glossy: var(--gradient-glossy), var(--gradient-theme9-base); } #anaUser { display: none; } @font-face { font-family: kanit; src: url("../../files/fonts/Kanit-SemiBold.ttf"); } @font-face { font-family: raleway; src: url("../../files/fonts/Raleway-VariableFont_wght.ttf"); } html, body, p { font-family: raleway; font-weight: 300; font-size: 11pt; line-height: 1.5rem; position: relative; } h1, h2, h3, h4, h5 { margin: 0px; color: #17344a; } h1 { font-family: raleway; font-size: 20pt; margin-top: 20px; margin-bottom: 10px; line-height: 2.5rem; font-weight: 800; } h2 { font-family: raleway; font-size: 13.5pt; margin-top: 20px; margin-bottom: 10px; font-weight: 800; } h3 { font-family: raleway; font-weight: 600; font-size: 12pt; font-weight: 600; } h4 { font-family: raleway; font-size: 9.5pt; line-height: 1.5rem; margin-bottom: -15px; font-weight: 400; } p { font-family: raleway; } td { padding: 0px; font-size: 1.2rem; line-height: 1.5rem; } a { color: #862229; } .btn { position: relative; padding: 5px; width: 200px; } a.btn { color: white; font-size: 1.5rem; background-color: var(--main-color); } button { background: #17344a; border: 0px solid blue; padding: 15px; color: white; } /* Mentalee Button */ .button { transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-position 0s !important; border-radius: 18px; position: relative; display: inline-block; overflow: hidden; border: none; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* Safari, old iOS, Android */ -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* old Firefox */ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); /* modern browsers */ } .button a { position: relative; width: 100%; height: 100%; padding: 14px; display: block; /* makes the fill the parent */ width: 100%; height: 100%; box-sizing: border-box; /* padding stays inside the box */ padding: 10px; /* adjust as desired */ text-align: center; text-decoration: none; color: inherit; background: transparent; /* or your button color */ border-radius: inherit; /* matches outer div radius if any */ cursor: pointer; text-transform: uppercase; /* <-- forces all caps */ letter-spacing: 0.05em; /* optional: improves readability */ } /* Button States and Animations */ .button:hover, .button:active, .button:focus { background-position: 0 0 !important; background-color: transparent !important; outline: none; } .button:hover { transform: translateY(-2px); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); } .button:active { transform: translateY(1px) scale(0.98); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } .button .ripple { position: absolute; border-radius: 50%; transform: scale(0); animation: ripple-animation 0.6s linear; background-color: rgba(255, 255, 255, 0.4); pointer-events: none; } @keyframes ripple-animation { to { transform: scale(4); opacity: 0; } } .button.theme1 { text-decoration: none; background: var(--gradient-theme1-glossy); width: 200px; } .button.theme1 a { color: white; text-decoration: none; } label { color: #17344a; } input { border-bottom: 1px solid #17344a; padding-top: 2px; padding-bottom: 2px; color: #17344a; font-family: kanit; } .block { display: block; } /* Small Devices (Phones) ---------------------- Applies to all screens from 0px up to 480px */ @media (max-width: 480px) { /* Variables */ :root { --content-inside-padding: 10px; } /* Styles for phones */ html, body, p, a { font-size: 9.5pt; } h1 { font-size: 16pt; margin-top: 18px; margin-bottom: 8px; } h2 { font-size: 14pt; margin-top: 18px; margin-bottom: 8px; } h3 { font-family: raleway; font-weight: 600; font-size: 12pt; } h4 { font-family: raleway; font-size: 11pt; line-height: 1.5rem; margin-bottom: -15px; } } /* Medium-Small Devices (Large Phones / Small Tablets) --------------------------------------------------- Applies to all screens from 481px up to 780px */ @media (min-width: 481px) and (max-width: 780px) { } /* Medium Devices (Tablets) ------------------------ Applies to all screens from 781px up to 1046px */ @media (min-width: 781px) and (max-width: 1045px) { /* Styles for small laptops and tablets in landscape */ :root { --global-max-width: 960px; } } /* Large Devices (Laptops / Desktops) ---------------------------------- Applies to all screens from 1046px up to 1440px */ @media (min-width: 1046px) and (max-width: 1440px) { /* Styles for large laptops and desktops */ :root { --global-max-width: 960px; } } /* Extra-Large Devices (Wide Screens) ---------------------------------- Applies to all screens from 1441px and above */ @media (min-width: 1441px) { /* your styles here */ } html { font-size: 100%; } /* Col definitions */ .colThree { width: var(--global-3grid-width); position: relative; float: left; margin-left: var(--global-3grid-margin); margin-right: var(--global-3grid-margin); } .colThreeSpanTwo { width: var(--global-3grid-2span-width); position: relative; margin-left: var(--global-3grid-margin); margin-right: var(--global-3grid-margin); } .colTwo { width: 48%; margin-left: 1%; margin-right: 1%; } .left { margin-left: 0px; float: left; } .right { margin-right: 0px; float: right; } .inside { display: block; position: relative; overflow: auto; } .mod_article .content_inside .ce_text img, .mod_article .content_inside .ce_image img, .mod_article .content_inside .ce_player video, .mod_article .content_inside .ce_youtube iframe, .mod_article .content_inside .ce_vimeo iframe, .mod_article .content_inside .image_container img, .mod_article .content_inside .video_container video { border-radius: var(--global-border-radius); } .mod_article .content_inside .ce_image .image_container, .mod_article .content_inside .ce_player .video_container, .mod_article .content_inside .ce_youtube .video_container, .mod_article .content_inside .ce_vimeo .video_container { border-radius: var(--global-border-radius); overflow: hidden; } /* AOS */ /* Hide elements with data-aos attribute initially */ /* Force AOS elements to stay hidden until animation */ [data-aos] { opacity: 0 !important; visibility: hidden !important; transition-property: opacity, transform !important; } [data-aos].aos-animate { opacity: 1 !important; visibility: visible !important; } /* Prevent AOS from injecting inline opacity that breaks hero */ .hero [data-aos][style] { opacity: 0 !important; visibility: hidden !important; } /* HERO-SPECIFIC AOS FIX — prevents button from flashing visible */ .hero [data-aos] { opacity: 0 !important; visibility: hidden !important; will-change: opacity, transform; } .hero [data-aos].aos-animate { opacity: 1 !important; visibility: visible !important; } /* News*/ .layout_latest a { text-decoration: none; color: var(--background-color-mentalee-blue); } /* Important news marquee*/ .important_news { background: var(--background-color-mentalee-red); color: white; font-size: 11px; margin: auto; padding: 1px 0; overflow: hidden; } .important_news p { margin: 0; line-height: 22px; } .marquee { overflow: hidden; } .marquee .js-marquee-wrapper { overflow: hidden; } /* Header */ #header { width: 100%; background: rgba(255, 255, 255, 0.8) !important; position: fixed; overflow: visible; height: var(--global-header-height); z-index: 10000; /* blur the backgroudn */ backdrop-filter: blur(var(--background-blur)); /* <– main blur effect */ -webkit-backdrop-filter: blur(var(--background-blur)); /* Safari support */ border: 1px solid rgba(255, 255, 255, 0.2); } #header .content_inside { background: rgba(255, 255, 255, 0.0) !important; max-width: var(--global-max-width); margin: auto; padding-top: var(--global-header-padding-tb); padding-bottom: var(--global-header-padding-tb); height: var(--global-header-height); } #headerLogo, #headerLogo img { height: 40px; width: auto; float: left; padding: 0px; margin: 0px; position: relative; } #headerSchrift { height: 18px; width: auto; float: left; padding: 0px; margin: 0px; position: relative; margin-top: 9px; margin-bottom: 18px; margin-left: 9px; } #headerSchrift, #headerSchrift img { height: 18px; width: auto; } .mod_changelanguage { display: block; width: 50px; overflow: hidden; position: relative; float: left; margin-top: 10px; margin-left: 30px; } .mod_changelanguage li { width: 25px; position: relative; float: left; } .mod_navigation, .mod_customnav { position: relative; float: right !important; width: 506px; margin: 0px; padding: 0px; height: 24px; margin-top: 9px; margin-bottom: 18px; } .mod_navigation ul, .mod_customnav ul { position: relative; float: right; width: 100%; height: 100%; margin: 0px; padding: 0px; } .mod_navigation li, .mod_customnav li { position: relative; float: right; margin: 0px; padding: 0px; padding-left: 16px; padding-right: 16px; font-family: raleway; font-size: 16px; height: 24px; display: inline-block; } .mod_navigation li.first, .mod_customnav li.first { padding-right: 0px; } .mod_navigation li.last, .mod_customnav li.last { padding-left: 0px; } .mod_navigation li a, .mod_customnav li a { font-family: raleway; color: var(--font-dark-color); text-decoration: none; position: relative; height: 100%; vertical-align: middle; display: block; line-height: 100%; } .mod_navigation li strong, .mod_customnav strong { margin-top: -2px; font-size: 18px; font-family: kanit; color: var(--font-dark-color); height: 100% !important; vertical-align: middle; display: block; line-height: 100%; } /* header navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Nav container in header */ #nav.mod_customnav { position: relative; z-index: 10100; /* just above header content */ } /* Hamburger button in the header bar */ #header .content_inside .nav-toggle { margin-top: -10px; position: relative; float: right; right: 2rem; top: 50%; transform: translateY(-50%); width: 32px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; } #header .content_inside .nav-toggle span { display: block; width: 100%; height: 3px; background: var(--background-color-mentalee-blue); /* match header text color */ border-radius: 2px; transition: transform .3s ease, opacity .3s ease; } /* hamburger → X */ #header .content_inside .nav-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(60deg); } #header .content_inside .nav-toggle.active span:nth-child(2) { opacity: 0; } #header .content_inside .nav-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-60deg); } /* ========= FOLDOUT PANEL (moved to ) ========= */ .nav-overlay { position: fixed; /* attached to viewport, not header */ left: 0; right: 0; /* top + height are set via JS to: top = header height height = hero height */ top: calc(var(--global-header-height) - 0px); height: var(--global-hero-height); color: var(--background-color-mentalee-blue); position: fixed; z-index: 10000; /* blur the backgroudn */ backdrop-filter: blur(var(--background-blur)); /* <– main blur effect */ -webkit-backdrop-filter: blur(var(--background-blur)); background: rgba(255, 255, 255, 0.8); /* Safari support */ box-sizing: border-box; display: none; z-index: 9990; /* below header (10000) but above hero */ padding: 2.5rem 5vw; } .nav-overlay hr{ width: 100%; height: 0px; visibility: collapse; } /* visible state */ .nav-overlay.open { display: flex; align-items: stretch; justify-content: center; z-index: 100000000; top: calc(var(--global-header-height) - 2px); height: calc(var(--global-hero-height) + 4px); } /* ========= Level 1 layout: evenly spaced ========= */ .nav-overlay>ul.level_1 { list-style: none; margin: 0; padding: 0; max-width: var(--global-max-width); width: 100%; display: flex; justify-content: space-evenly; gap: 0.5rem; } .nav-overlay>ul.level_1>li { flex: 1 1 0; text-align: left; font-size: 1.1rem; } /* Top-level links */ .nav-overlay>ul.level_1>li>a, .nav-overlay>ul.level_1>li>strong { display: block; font-size: 1.1rem; font-weight: 600; text-decoration: none; } .nav-overlay>ul.level_1>li>a.active, .nav-overlay>ul.level_1>li>strong.active { color: var(--background-color-mentalee-red); cursor: pointer; } /* ========= Level 2 layout: vertical list under parent ========= */ .nav-overlay .level_2{ margin-top: 15px; } .nav-overlay ul ul { list-style: none; margin: 0; padding: 0; height: 100%; display: flex; flex-direction: column; gap: 0.75rem; } .nav-overlay ul ul li{ margin: 0px; padding: 0px; } .nav-overlay ul ul li a, .nav-overlay ul ul li strong{ color: var(--background-color-mentalee-blue-50); text-decoration: none; margin: 0px; width: 100%; white-space: nowrap; } .nav-overlay ul ul li a.active, .nav-overlay ul ul li strong.active { color: var(--background-color-mentalee-red); cursor: pointer; } .nav-overlay a:hover { text-decoration: underline; } /* Hover and Click Animations */ .nav-overlay>ul.level_1>li>a:hover, .nav-overlay>ul.level_1>li>strong:hover { transform: translateY(-2px) translateX(5px); color: var(--background-color-mentalee-red); } .nav-overlay>ul.level_1>li>a:active, .nav-overlay>ul.level_1>li>strong:active { transform: scale(0.98); } .nav-overlay ul ul li a:hover, .nav-overlay ul ul li strong:hover { transform: translateY(-2px) translateX(5px); color: var(--background-color-mentalee-red); } .nav-overlay ul ul li a:active, .nav-overlay ul ul li strong:active { transform: scale(0.98); } /* Optional: lock scroll when menu open */ body.no-scroll { overflow: hidden; } /* default: hide all nav-toggle buttons in custom navs */ .mod_customnav .nav-toggle:nth-last-of-type(n+1) { display: none; } /* show burger only in the main header nav */ #header #nav .nav-toggle { display: flex; } /* Only THIS module gets the burger */ .headernav .nav-toggle { display: flex !important; } /* Only this module gets overlay */ .headernav .nav-overlay { display: block; } .mod_customnav .nav-overlay:not(.headernav .nav-overlay) { display: none !important; } /* **********************++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Hero */ .hero.theme1{ background: url("../../files/images/website/theme 1/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme2{ background: url("../../files/images/website/theme 2/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme3{ background: url("../../files/images/website/theme 3/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme4{ background: url("../../files/images/website/theme 4/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme5{ background: url("../../files/images/website/theme 5/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme6{ background: url("../../files/images/website/theme 6/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme7{ background: url("../../files/images/website/theme 7/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme8{ background: url("../../files/images/website/theme 8/Frame Background.jpg") no-repeat; background-size: cover; } .hero.theme9{ background: url("../../files/images/website/theme 9/Frame Background.jpg") no-repeat; background-size: cover; } .hero .content_inside{ visibility: hidden; } .hero .content_inside .button{ visibility: hidden; } .hero.theme1 h1, .hero.theme1 h2, .hero.theme2 h1, .hero.theme2 h2, .hero.theme3 h1, .hero.theme3 h2, .hero.theme7 h1, .hero.theme7 h2{ color: white; } .hero.theme4 h1, .hero.theme4 h2, .hero.theme5 h1, .hero.theme5 h2, .hero.theme6 h1, .hero.theme6 h2, .hero.theme8 h1, .hero.theme8 h2, .hero.theme9 h1, .hero.theme9 h2{ color:var(--background-color-mentalee-blue); } .hero.theme1 .button, .hero.theme2 .button, .hero.theme3 .button, .hero.theme7 .button{ background: var(--gradient-theme5-glossy); } .hero.theme4 .button, .hero.theme5 .button, .hero.theme6 .button, .hero.theme8 .button, .hero.theme9 .button{ background: var(--gradient-theme1-glossy); } .hero.theme1 .button a, .hero.theme2 .button a, .hero.theme3 .button a, .hero.theme7 .button a{ color: var(--background-color-mentalee-blue); } .hero.theme4 .button a, .hero.theme5 .button a, .hero.theme6 .button a, .hero.theme8 .button a, .hero.theme9 .button a{ color: white; } .hero { margin-top: var(--global-header-height); height: var(--global-hero-height); /*background-clip: content-box;*/ background-repeat: no-repeat; background-size: cover; overflow: hidden; } .hero.repeat{ margin-top: 10px; margin-bottom: 50px; } .hero .content_inside { position: relative; /* create stacking context */ z-index: 5; /* sits above image */ max-width: var(--global-max-width); height: 100%; margin: auto; overflow: visible; display: flex; justify-content: space-between; align-items: center; } .hero .heroImage { position: absolute; /* pull out of flow */ right: 0; /* align right */ top: 0; height: 100%; /* always match hero height */ z-index: 1; /* behind text */ display: flex; justify-content: flex-end; align-items: center; pointer-events: none; /* ensure clicks go to CTA */ } .heroImage figure { position: relative; width: auto; height: 100%; margin: 0; display: flex; justify-content: flex-end; align-items: center; } .heroImage figure img { min-height: 100%; /* keep full hero height */ max-height: 100%; width: auto; /* preserve aspect ratio */ object-fit: contain; /* never cut or stretch */ position: relative; right: 0; } .hero .text { position: relative; max-width: 50%; z-index: 2; } .hero h1 { margin-top: 0px; margin-bottom: 0px; } .hero .button { margin-top: 20px; z-index: 10; } /* Breadcrumbs */ /* Breadcrumb styling */ .mod_breadcrumb { width: 100%; text-align: center; /* center breadcrumb text */ background: none !important; margin: 0 auto; padding: 0; margin-top: 15px; } .mod_breadcrumb ul { list-style: none; margin: 0; padding: 0; display: inline-block; /* centers the