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


:root {
    --white: #fff;
    --black: #000;
    --error:#ca433b;
    --success:#198754;
    --warning:#fa8e2a;
    --lightgrey:#ccc;
    --grey:#666;
    --darkgrey:#212121;

    /*----------------*/
    --color1:#171A30;
    --color2:#304E9C;
    --color3:#0F6937;
    --color4:#EFBE18;
    --color5:#E41F2B;
    --buttonbg:#094179;
    --buttonbghover:#123456;
    --buttontext:#ffffff;
    --buttontexthover:#acacac;

    /*----------------*/
    --spacer:12px;
    --roundness:0px
}

html,body{font-family:"Poppins";margin:0;padding:0}

.icenter{text-align: center;}
.ileft{text-align: left;}
.iright{text-align: right;}
.ijustify{text-align: justify;}

.noview{display: none;}

.loading{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: var(--color1);width: 100px;height: 100px;font-size: 4em;text-align: center;color: var(--white);box-shadow: 0 0 5px 110vw #ffffff80;z-index:100}

.separator{width:100%;height:53px;}
.halfseparator{width:100%;height:25px}

/*-FONT SIZES-*/
.small{font-size:0.7em}
.medium{font-size:0.85em}
.big{font-size:1.5em}
.title{font-size:2em;line-height: 1.1em;}
.bigtitle{font-size:2.5em;line-height: 1.1em;}
.supertitle{font-size:3.5em;line-height: 1.1em;}
.hypertitle{font-size:4em;line-height: 1.1em;}
.huge{font-size:6em;line-height: 1.1em;}
.color1{color:var(--color3)}
.color2{color:var(--color4)}

/*-FORMS-*/
input[type="text"],input[type="number"],input[type="date"],textarea,select{font-family:"Poppins";border:1px solid var(--lightgrey); padding:12px;vertical-align:top;border-radius:var(--roundness)}
input[type="checkbox"]{width: 2em;height: 2em;margin: 9px;vertical-align: top;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color:var(--grey);}
input[type="checkbox"]:checked{background-color:var(--buttonbg);}
input[type="checkbox"]::before{content:"\f00c";font-family: "Font Awesome 6 Free";font-weight: 900;color:var(--white);font-size:18px;padding: 4px 6px;display: block;}
input[type="radio"]{width: 2em;height: 2em;margin: 9px;vertical-align: top;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color:var(--grey); border-radius: 50%;}
input[type="radio"]:checked{background-color:var(--buttonbg);}
input[type="radio"]::before{content:"\f111";font-family: "Font Awesome 6 Free";font-weight: 900;color:var(--white);font-size:18px;padding:9px 0;display: block;font-size:0.8em;text-align: center;}
.switch{font-size:35px;margin:4px;padding:2px;display: inline-block;vertical-align: middle;color:transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;}
.switch.fa-toggle-on.fa-flip-horizontal{background-color:var(--grey);}
.switch.fa-toggle-on{background-color:var(--buttonbg)}
button{background-color:var(--buttonbg);color:var(--buttontext);border:none;padding:12px 21px;border-radius:var(--roundness)}
button:hover{background-color:var(--buttonbghover);color:var(--buttontexthover);}
.calltoaction{font-size:1.5em;padding:18px 53px;margin:12px 0;width:fit-content}
.icon i{width:0;opacity: 0;transition:1s;margin:0}
.icon:hover i{width: fit-content;opacity: 1;margin:0 0 0 5px}
.outlined{border:2px solid var(--buttonbg); background-color: var(--white);color:var(--buttonbg);font-weight: 800;}
.outlined:hover{background:var(--buttonbg);color: var(--white)}
.rounded{border-radius:100px}
.form .closeForm{display:none}
.floatingform{position: fixed;background:var(--white);box-shadow: 0 5px 8px rgba(0,0,0,0.35);overflow:auto;z-index: 9;}
.floatingform.bottomleft{bottom:1%;left:0;}
.floatingform.bottomright{bottom:1%;right:0;}
.floatingform .closeForm{font-size:2em;display: block;}
.floatingform .closeForm:hover{color:rgba(0,0,0,0.68)}
.minimizedform{width:68px!important;height:68px!important;border-radius:50%;background:var(--color1);color:var(--white)}
.minimizedform::before{content:"\f2b6";font-family: "Font Awesome 6 Free";font-weight: 900;font-size:2.25em;text-align: center;display: block;}
.minimizedform > *{display: none!important;}

.console > div{padding:21px 26px;}
.console .error{background:rgb(179, 36, 36);color:rgb(81 9 9)}
.console .success{background:rgb(36, 179, 43);color:rgb(16, 102, 69)}
hr{color:var(--buttonbg);border:2px solid var(--buttonbg);margin:35px 0}

/*-GOTOP-*/
#gotop{background-color: var(--buttonbg);color:var(--white);position:fixed;bottom:10%;right: 0;padding: 11px 16px;}
#gotop:hover{background-color: var(--buttonbghover);}

/*-LINKS-*/
a{color:var(--color1);text-decoration: none;}
a:hover{color:var(--color2)}

.staticSlider{background-position: center;padding:5em 0;margin-top:1em;margin-bottom:3em}

/*-SPACERS-*/
.mtop{margin-top:var(--spacer)}
.mbottom{margin-bottom:var(--spacer)}
.mleft{margin-left:var(--spacer)}
.mright{margin-right:var(--spacer)}
.mgeneral{margin:var(--spacer)}
.ptop{padding-top:var(--spacer)}
.pbottom{padding-bottom:var(--spacer)}
.pleft{padding-left:var(--spacer)}
.pright{padding-right:var(--spacer)}
.pgeneral{padding:var(--spacer)}

.logo{max-width:90%;margin:auto;}

.credits{background:var(--color2);color:var(--white)}

.fixedtop{width:100%!important;position:fixed;top:0;z-index:99;background:var(--white);box-shadow:0 5px 8px rgba(0,0,0,0.35)}
.fixedtop img{max-width:150px}

/*-IMAGES-*/
img{max-width: 100%;}

.lightbox{transition:1s;}
.lightbox.open{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);max-width:80%;max-height: 75%; box-shadow: 0 0 5px 100vh rgba(0,0,0,0.95);z-index:100}

.gallery{display: table;table-layout: fixed;border-spacing: 12px 0;width: 100%;}
.gallery .column{display: table-cell;vertical-align: top;}
.gallery .column img{max-width:100%;margin-bottom:8px;}