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

* { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important; }

* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100%; margin:0; top:0; padding:0; font-family:'Montserrat', sans-serif; font-size:1em !important; font-weight:300; line-height:1.6em; letter-spacing:0em; }

body { width:100%; height:100%; margin:0; top:0 !important;
    
--color-text: #191919;
--color-text-white: #fff;
--color-text-lightgrey: #f3f3f3;
--color-text-grey: #666;
--color-text-coloured: #952265;
    
--color-bg: #f3f3f3;
--color-bg-dark: #191919;
--color-bg-alert: #952265;
--color-bg-overlay: #952265;
--color-bg-loader: #191919;
--color-bg-coloured: #952265;
--color-bg-loading: #55ce63;
--color-bg-error: #e62875;
    
--color-link: #191919;
--color-link-white: #fff;
--color-link-hover: #952265;
--color-link-alt-hover: #952265;
    
--color-menu: #191919;
--color-menu-hover: #952265;
--color-menu-current: #952265;
--color-menu-white: #fff;
    
--color-menuoverlay: #f3f3f3;
--color-menuoverlay-hover: #191919;
--color-menuoverlay-current: #191919;

--color-footer: #f3f3f3;
--color-footer-hover: #952265;
    
color: var(--color-text);
background-color: var(--color-bg);
	
-ms-overflow-x: hidden;
    overflow-x: hidden;
    
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;

-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
font-smoothing:antialiased;

text-rendering:optimizeLegibility !important;

-webkit-font-smoothing:subpixel-antialiased;
-moz-font-smoothing:subpixel-antialiased;
-o-font-smoothing:subpixel-antialiased;
-ms-font-smoothing:subpixel-antialiased;
font-smoothing:subpixel-antialiased;
    
-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important;
	
-moz-osx-font-smoothing: grayscale;
}

::selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Safari */	}
::-moz-selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Firefox */ }

img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
a, img { border:0; text-decoration:none; outline:none; }

@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealBack {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealTop {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

/* COOKIES */
.cookies_alert { position:fixed; display:flex; justify-content:center; alig-items:center; width:480px; min-height:200px; height:auto; bottom:30px; margin:0 auto; left:30px; background:var(--color-bg-coloured); z-index:99999999;
	
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.cookies_content { position:relative; width:100%; min-height:170px; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:35px; text-align:left; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .icon { flex:0 0 60px; margin:0 10px; }
.cookies_content .icon img { max-width:60px; }
.cookies_content .text { flex:1; font-size:.7em; font-weight:500; line-height:1.4em; color:var(--color-text-white); padding:0 20px; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .text .btns { margin-top:20px; }
.cookies_content .text .btns a { position:relative; width:auto; height:25px; line-height:25px; color:var(--color-text-white); padding:5px 10px; margin:0 5px 0 0; border:1px solid var(--color-text-white); background:transparent; font-weight:500; text-align:center; cursor:pointer; -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}
.cookies_content .text .btns a:last-child { margin:0; }
.cookies_content .text .btns a:hover { color:var(--color-text-coloured); background:var(--color-text-white);

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}

.showCookies { visibility:visible; opacity:1;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.hideCookies { visibility:hidden; opacity:0;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* WARNING */
.warning {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/warning.jpg) center center; background-size: cover;
  z-index: 99999999999999;
  display: none;
}

/* BACK TO TOP */
#back-to-top { position:fixed; font-size:1.2em; bottom:60px; right:60px; width:60px; height:60px; text-align:center; line-height:58px; background:transparent; color:var(--color-text-coloured); cursor:pointer; text-decoration:none; opacity:0; visibility:hidden; z-index:999999; border:4px solid var(--color-text-coloured); -webkit-font-smoothing: antialiased;
    
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top:hover { background:transparent; border:4px solid var(--color-text); color:var(--color-text);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#back-to-top.show { visibility:visible; opacity:1; }

/* HEADER */
header { position:fixed; display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:120px; top:0; margin:0 auto; background:var(--color-bg-dark); z-index:99999; }

header img { width:240px; opacity:1;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

header img:hover { opacity:.6;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}


/* SLIDES */
.section { position:relative; width:100%; height:auto; top:0; padding:0; }
.site-main { position:relative; }

/* SECTION */
#homepage { width:100%; height:auto; top:0; margin:120px auto 0 auto; padding:80px 0; background-color:var(--color-bg);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#msg { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:calc(100vh - 480px); top:0; margin:120px auto 0 auto; padding:80px 0; background-color:var(--color-bg); }
#bottom { width:100%; height:200px; margin:0 auto; text-align:center; overflow:hidden; background:var(--color-bg-dark); z-index:99999; }

/* COMMON */
.center { text-align:center; }
.light { font-weight:400; }
.medium { font-weight:600; }
.strong, strong, b { font-weight:800; }
.italic { font-style:italic; }
.alternative { color:var(--color-text-coloured); }

.clipPath { clip-path:inset(0 0 0 100%); }
.clipPathTop { clip-path:inset(0 0 100% 0); }

.showItem { clip-path:inset(0 100% 0 0); animation: reveal 1s forwards .2s; }
.shoItemTop { clip-path:inset(0 0 100% 0); animation: revealTop .4s forwards 1.6s; }

.bwFilter {
	
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

h2 { font-size:1.4em; }
h3 { font-size:1.2em; margin:20px 0 0 0; }
ul { margin:0 0 0 40px; }

input,
textarea,
select { border:none; outline:none; outline-width:0;
/*-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;*/
}

script { padding:0; margin:0; border:none; outline:none;}
clear { clear:both; }

/* CONTENT */
.contentContainer { position:relative; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; width:80%; height:100%; margin:0 auto; }

.contentBox:nth-child(1) { position:sticky; top:200px; flex-basis:30%; padding:40px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.contentBox:nth-child(2) { flex-basis:70%; padding:40px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.contentTitle { width:100%; margin:0 auto 40px auto; font-size:2.2em; color:var(--color-text); line-height:1em; text-align:left; text-transform:uppercase; 
-webkit-font-smoothing: antialiased;
}
.contentTxt { width:100%; font-size:.9em; line-height:1.6em; color:var(--color-text); text-align:left; margin:0 auto; -webkit-font-smoothing: antialiased; }

.contentTxt.alternative { font-size:.8em; font-weight:500; color:var(--color-text-coloured); margin:0 0 40px 0; }

.contentTable { margin:40px 0; }
.table { display:flex; flex-direction:row; align-items:flex-start; gap:20px; background:#e4e4e4; padding:40px; margin-bottom:1px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.table div { font-size:.8em; }
.table div:nth-child(1) { width:40px; font-weight:500; }
.table div:nth-child(2) { width:100px; font-weight:500; }
.table div:nth-child(3) { flex:1; }
.table div:nth-child(4) { width:100px; }
.table div:nth-child(5) { width:100px; }

.contentTxt a,
.warning_code a,
.form-single a,
.form-group a { color:var(--color-text); border-bottom:1px dotted var(--color-text); padding-bottom:3px;
-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.contentTxt a:hover,
.warning_code a:hover,
.form-single a:hover,
.form-group a:hover { color:var(--color-text-coloured); bottom:1px dotted var(--color-text-coloured);
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.contentTitle img { width:220px; line-height:1em; }

/* FOOTER */
#footer { display:flex; flex-wrap:wrap; justify-content:center; align-content:stretch; align-items:center; width:100%; height:200px; margin:0 auto; top:0; padding:0 80px; text-align:center;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.boxFooter { display:table; flex:1; padding:0; }

.boxFooter:nth-child(1) { text-align:left; }
.boxFooter:nth-child(2) { text-align:center; }
.boxFooter:nth-child(3) { text-align:right; }

.footerLogo { width:160px; height:50px; background:url('../images/logo_noborder.svg') center center no-repeat; background-size:100%; margin:0; overflow:hidden; }

.spacing { display:inline-block; color:var(--color-footer); margin:0 10px; }

.footerInfo { display:table-cell; vertical-align:middle; height:200px; font-size:.7em; letter-spacing:.05em; line-height:1.6em; color:var(--color-footer); text-transform:uppercase; -webkit-font-smoothing: antialiased; }
.footerInfo a { color:var(--color-footer); -webkit-font-smoothing: antialiased;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerInfo a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.footerInfo .far,
.footerInfo .fas { margin-right:5px; }

.footerSocial { margin:0; }
.footerSocial a { font-size:1em; color:var(--color-footer); margin-right:30px; cursor:pointer; text-transform:uppercase;

-webkit-font-smoothing: antialiased;
    
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:last-child { margin-right:0;

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.footerSocial a:hover { color:var(--color-footer-hover);

-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

/* Mobile */
@media all and (max-width: 860px) {
    
    /* BODY */        
    #homepage { width:100%; height:auto; top:0; margin:120px auto 0 auto; padding:0; background-color:var(--color-bg); }
    #msg { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:calc(100vh - 480px); top:0; margin:120px auto 0 auto; padding:80px 0; background-color:var(--color-bg); }
    #bottom { width:100%; height:180px; margin:0 auto; text-align:center; overflow:hidden; background:var(--color-bg-dark); }
    
	/* COOKIES */
    .cookies_alert { width:calc(100% - 20px); min-height:unset; height:auto; bottom:10px; margin:0 auto; padding:40px 20px; left:10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }	
    .cookies_content { min-height:unset; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0; text-align:left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
        
    /* BACK TO TOP */
    #back-to-top { bottom:5%; right:10%; }
	    
    /* HEADER */
    header {  }
    
    /* CONTENT */
    .contentContainer { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; height:100%; margin:0 auto; }

    .contentBox:nth-child(1) { position:unset; top:unset; flex-basis:100%; padding:40px; order:1; }
    .contentBox:nth-child(2) { flex-basis:100%; padding:40px; order:2; }
    
    .contentTable { margin:40px 0; }
    .table { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; background:#e4e4e4; padding:20px; margin-bottom:1px; }

    .table div { font-size:.8em; text-align:center; }
    .table div:nth-child(1) { width:40px; font-weight:500; }
    .table div:nth-child(2) { width:100px; font-weight:500; }
    .table div:nth-child(3) { flex:1; }
    .table div:nth-child(4) { width:100px; }
    .table div:nth-child(5) { width:100px; }
    
	/* FOOTER */
	#footer { flex-direction:column; width:100%; height:auto; margin:0 auto; top:0; padding:0 0 10px 0; text-align:center; }
    .boxFooter { display:table; flex:1; padding:0; }

    .boxFooter:nth-child(1) { text-align:center; order:1; }
    .boxFooter:nth-child(2) { text-align:center; order:3; margin-bottom:10px; }
    .boxFooter:nth-child(3) { text-align:center; order:2; }

    .footerLogo { background-size:100%; margin:0; overflow:hidden; }

    .footerInfo { height:auto; font-size:.7em; letter-spacing:.05em; line-height:1.6em; }

    .footerInfo .far,
    .footerInfo .fas { margin-right:5px; }

    .footerSocial { margin:30px auto; }
    .footerSocial a { font-size:1.4em; margin-right:20px; }

}

/* RESPONSIVE */
@media all and (max-width: 860px) and (orientation: landscape) {
    
    .warning { display: block !important; }
    
}