@define
{
TextNormalFont:Arial,Helvetica,Sans-Serif;
TextNormalFontSize:0.75em;
TextNormalFontColor:#808080;
TextNormalFontLinkColor:#e82d4c;
TextNormalLineHeight:1.5;
TextFunctionLinksFontLinkColor:#e82d4c;
} 


@import url('https://fonts.googleapis.com/css2?family=Kodchasan:ital,wght@0,200;0,400;0,500;0,600;1,200;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&display=swap');

html,body{ margin:0px;padding:0px;background-color:#fff}

.header-container.container-fluid{
background-color:#fff;
}
.header-menus{
width:100%;
height:120px;
@media screen and (max-width:560px){height:50px;padding-top:10px;padding-bottom:10px}
}
.header-menus .logo{
max-width:50%;
}


@media screen and (max-width:560px){
.header-menus .logo{
max-width:60%;
height:40px;
padding-top:10px;
}
}
.header-menus #loginLink,
.header-menus #trigger-overlay{color:#8b8c89}
.header-menus #loginLink:hover,
.header-menus #trigger-overlay:hover{color:#333945}

.header-actions{
text-align:right;
padding-left:0;
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:flex-end;
}
.header-actions LI{
position:relative;
line-height:40px;
display:inline-block;
font-size:16px;
padding:0;
margin:0;
margin-left:15px;
}


#header-hero{
width:100%;
height:680px;
z-index:1;
}

.royalSlider{ visibility:hidden } 
.royalSlider,
.royalSlider .rsOverflow{
max-height:680px !important;
min-height:680px;
background-color:white !important;
width:100% !important;
}
.rsMinW .rsBullets{top:180px;bottom:unset !important}
.rsMinW.rsArrows-center .rsArrowLeft,
.rsMinW.rsArrows-center .rsArrowRight{top:35% !important}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:before{color:white !important} 
.rsMinW.rsHor .rsArrowRight .rsArrowIcn:before{color:#6e7477 !important}
.rsMinW .rsBullet span{width:10px !important;height:10px !important}
.rsMinW .rsBullet.rsNavSelected span{
background:#2e3149 !important;
}
#header-hero img{
transition:all 0.2s ease;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;

position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:top;
pointer-events:none;

}
#header-hero .rsTextSlide{height:680px;background-color:white}
#header-hero .rsTextSlide .slide-top{
min-height:160px;
background-color:white;
}
#header-hero .rsTextSlide .slide-top .slide-header{
font-family:'Kodchasan',Arial,serif;
font-weight:600;

font-size:clamp(18px,calc(9.273px + 2.727vw),42px);
line-height:1.2;
color:#333945;
text-align:left;
}
#header-hero .rsTextSlide .slide-top .slide-subheader{
font-family:'Kodchasan',Arial,serif;
font-weight:300;
font-size:clamp(14px,calc(12.545px + 0.455vw),18px);
line-height:1.2;
color:#333945;
text-align:left;
width:40%;
}
#header-hero .rsTextSlide .slide-bottom{
min-height:520px;
background-color:white;
}
#header-hero .rsTextSlide .slide-bottom .statistics-container{
min-width:70%;
height:90px;
bottom:0;
border-top-right-radius:20px;
}
#header-hero .rsTextSlide .slide-bottom .statistics-item h3{
font-family:'Kodchasan',Arial,serif;
font-weight:bold;
font-size:35px;
color:#7b7e85;
}
#header-hero .rsTextSlide .slide-bottom .statistics-item p{
font-family:'Poppins',Arial,serif;
font-weight:200;
font-size:17px;
color:#8b8c89;
}
#header-hero .rsTextSlide .slide-bottom-left{
border-top-right-radius:50px;
}
#header-hero .rsTextSlide .slide-bottom-right{
max-width:325px;
flex-shrink:0;
background-color:#e7eef6;
padding:80px 35px 30px 35px;
border-top-left-radius:50px;
font-family:'Poppins',sans-serif;
font-size:clamp(14px,calc(13.273px + 0.227vw),16px);
font-weight:300;
color:#333945;


@media screen and (max-width:560px){max-width:60%;padding-top:40px}
}
#header-hero .rsTextSlide .slide-bottom-right .action-button{
width:fit-content;
font-weight:700;
border:3px solid #333945;
border-radius:40px;
padding:10px 30px;
background-color:transparent;
color:#333945;
opacity:.5;
transition:opacity 0.2s ease-in-out;
}
#header-hero .rsTextSlide .slide-bottom-right .action-button:hover{
opacity:1;
}
#header-hero .rsTextSlide .text-highlight{
color:#0774bb;
}





@media screen and (max-width:1400px){ 

}


@media screen and (max-width:960px){

}



@media screen and (max-width:560px){


}



#latestnews-container{background-color:#fff;padding-top:40px}

.featured-news-slider .eCM-content-box.style-5.horizontal.fixed-size{

width:-webkit-fill-available;
}
.featured-news-slider .eCM-content-box.style-5.horizontal.fixed-size figure{

width:auto !important;
flex-shrink:0;
}
.featured-news-slider .eCM-content-box.style-5.horizontal.fixed-size .content{
margin-left:30px;

width:-webkit-fill-available;
}
@media only screen and (max-width:576px){
.featured-news-slider .eCM-content-box.style-5.horizontal.fixed-size .content{
margin-left:0px;
}
}


.activities-container{
position:relative;
padding-top:100px;
padding-bottom:60px;
background:linear-gradient(90deg,#e7eef6 0%,#cedef0 100%);
}
.activities-container::before{
width:100%;
height:90px;
content:"";
position:absolute;
top:0;
left:0;

background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='45' viewBox='0 0 45 45' preserveAspectRatio='none'> <path d='M0,45 L0,0 Q0,45 45,45 L45,45 Z' fill='white'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3000' height='45' viewBox='0 0 3000 45' reserveAspectRatio='none'><path d='M0,0 H2935 Q3000,0 3000,45 V45 H0 Z' fill='white'/></svg>");
background-repeat:no-repeat;
background-size:45px 45px,auto 45px;
background-position:top left,bottom right;
transform:rotateY(180deg) rotateX(180deg);
}
.activities-container::after{
width:100%;
height:90px;
content:"";
position:absolute;
bottom:0;
left:0;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='45' viewBox='0 0 45 45' preserveAspectRatio='none'> <path d='M0,45 L0,0 Q0,45 45,45 L45,45 Z' fill='white'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3000' height='45' viewBox='0 0 3000 45' reserveAspectRatio='none'><path d='M0,0 H2935 Q3000,0 3000,45 V45 H0 Z' fill='white'/></svg>");
background-repeat:no-repeat;
background-size:45px 45px,auto 45px;
background-position:top left,bottom right;
}


#footerbar-container{background-color:white}
.footerbar-title{
font-family:'Kodchasan',Arial,serif;
font-weight:600;
font-size:20px;
color:#333945;
opacity:.75;
padding-bottom:30px;
}
.footerbar-column{
list-style:none;
text-align:left;
padding:0;
display:inline-block;
}

@media only screen and (max-width:576px){
.footerbar-column{text-align:center}
.footerbar-item{justify-content:center}
}
#footerbar-container .MMapaSiteContainer{padding:0px}
.footerbar-item,
#footerbar-container .MMapaSiteContainer .rsmItem a,
.footerbar-item a{
font-family:'Poppins',Arial,serif;
font-weight:400;
color:#8b8c89;
line-height:22px;
text-transform:uppercase;
text-decoration:none;
transition:color 0.2s ease-in-out;
-webkit-transition:color 0.2s ease-in-out;
-moz-transition:color 0.2s ease-in-out;
-ms-transition:color 0.2s ease-in-out;
-o-transition:color 0.2s ease-in-out;
padding-left:0px;
}
.footerbar-item a:hover,
#footerbar-container .MMapaSiteContainer .rsmItem a:hover{color:#333945}
#footerbar-container .MMapaSiteContainer .rsmItem.rsmDisabled a:hover{color:#33394580 !important;cursor:not-allowed}
.footerbar-item i{padding-right:15px;vertical-align:middle;color:#333945}
.footerbar-item p{font-size:14px}


#copyrightbar-container{background-color:white}
#copyrightbar-container .container{border-top:1px solid #e7ecef}
#copyrightbar-container .copyright-msg p{
font-family:'Poppins',Arial,serif;
font-weight:400;
font-size:15px;
text-transform:uppercase;
color:#8b8c89;
text-align:left;
}
@media screen and (max-width:980px){
#copyrightbar-container .copyright-links,
#copyrightbar-container .copyright-msg p{text-align:center}
}


#logosbar-container{background-color:white}
#logosbar-container ul{padding:0;margin:0}
#logosbar-container ul li{
list-style:none;
text-align:left;
display:inline-block;
padding:15px 10px;
filter:grayscale(100%);
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
}
#logosbar-container ul li:hover{filter:grayscale(0%)}