@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');

@font-face {
    font-family: 'futurablack';
    src: url('../includes/font/futura_extra_black_font-webfont.woff2') format('woff2'),
         url('../includes/font/futura_extra_black_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuralight';
    src: url('../includes/font/futura_light_bt-webfont.woff2') format('woff2'),
         url('../includes/font/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramedium';
    src: url('../includes/font/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../includes/font/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* { -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: #99cc33;
    
--color-bg: #f3f3f3;
--color-bg-dark: #222;
--color-bg-alert: #99cc33;
--color-bg-overlay: #99cc33;
--color-bg-loader: #191919;
--color-bg-coloured: #99cc33;
--color-bg-loading: #55ce63;
--color-bg-success: #55ce63;
--color-bg-error: #99cc33;
    
--color-link: #191919;
--color-link-white: #fff;
--color-link-hover: #99cc33;
--color-link-alt-hover: #99cc33;
    
--color-menu: #191919;
--color-menu-hover: #99cc33;
--color-menu-current: #99cc33;
--color-menu-white: #fff;
    
--color-menuoverlay: #f3f3f3;
--color-menuoverlay-hover: #191919;
--color-menuoverlay-current: #191919;

--color-footer: #777;
--color-footer-hover: #99cc33;
    
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-family:'futuralight'; }
.medium { font-family:'futuramedium'; }
.strong { font-family:'futurablack'; }
strong, b { font-weight:800; }
.italic { font-style:italic; }
.alternative { color:var(--color-text-coloured) !important; }

.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 { font-family: 'futuralight'; 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;
}

.contentTitle a { font-size:.8em; font-weight:500; color:var(--color-text-coloured); margin: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;
}

.contentTitle a:hover { font-size:.8em; font-weight:500; color:var(--color-text); margin: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;
}

.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/footerLogo.png') 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:.8em; font-weight:500; line-height:1.5em; color:var(--color-footer); } 
.footerInfo a { color:var(--color-footer); font-weight:500; line-height:1.5em; cursor:pointer; -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;

-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; }
    
    .form-single { width:100%; text-align:left; }
    .form-group { width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; }
    .form-fields { width:100%; text-align:left; }

    .form-single,
    .form-group { margin:0 0 20px 0; }

    .form-single label,
    .form-group label { display:block; font-size:.8em; line-height:1.4em; margin:0 0 10px 0; color:var(--color-text); }

    .form-single label i,
    .form-group label i { font-size:1.2em; margin-right:5px; }

    .form-single input,
    .form-group input { width:100%; height:40px; line-height:40px; border:none; color:var(--color-text); background:#e8e8e8; padding:20px; }

    .form-single input.cb,
    .form-group input.cb { display:inline-block; width:25px; height:15px; line-height:15px; border:none; color:var(--color-text); background:#e8e8e8; padding:5px; }

    .form-single input.image,
    .form-group input.image { width:100%; height:auto; line-height:15px; border:none; color:var(--color-text); background:#e8e8e8; padding:10px 5px; }

    .form-single select,
    .form-group select { width:100%; height:40px; line-height:40px; margin:0 0 1px 0; border:none; color:#666; background:#e8e8e8; padding:0 20px; }

    .form-single textarea,
    .form-group textarea { font-family:'Montserrat', sans-serif; width:100%; border:none; color:#666; background:#e8e8e8; padding:20px; overflow:hidden; }
    
    div.formerror { position:relative; display:block; width:100%; height:30px; line-height:30px; font-size:.7em; font-weight:400; padding:0 10px; margin:0; background:var(--color-text-coloured); color:var(--color-text-white); overflow:hidden; z-index:999; -webkit-font-smoothing: antialiased; }
    
    
	/* 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; }
    
}