@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/fonts/futura_extra_black_font-webfont.woff2') format('woff2'),
         url('../includes/fonts/futura_extra_black_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'futuramedium';
    src: url('../includes/fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../includes/fonts/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: #e62875;
    
--color-bg: #f3f3f3;
--color-bg-dark: #191919;
--color-bg-alert: #e62875;
--color-bg-overlay: #e62875;
--color-bg-loader: #191919;
--color-bg-coloured: #e62875;
--color-bg-loading: #55ce63;
--color-bg-success: #55ce63;
--color-bg-error: #e62875;
    
--color-link: #191919;
--color-link-white: #fff;
--color-link-hover: #e62875;
--color-link-alt-hover: #e62875;
    
--color-menu: #191919;
--color-menu-hover: #e62875;
--color-menu-current: #e62875;
--color-menu-white: #fff;
    
--color-menuoverlay: #f3f3f3;
--color-menuoverlay-hover: #191919;
--color-menuoverlay-current: #191919;

--color-footer: #f3f3f3;
--color-footer-hover: #e62875;
    
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); }

.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; }

/* DJS */
.djsContainer { width:100%; height:100%; margin:0 auto; padding:0 80px; display:flex; flex-wrap: wrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; gap:40px;

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

.djsInfo { /*word-wrap:break-word;*/ position:relative; text-align:center; }

.djsName { font-family:'futurablack'; font-size:1.6em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-coloured); text-transform:uppercase; text-align:center;
-webkit-font-smoothing: antialiased;
}
.djsImg { position:relative; width:200px; height:200px; margin:0 auto 40px auto; overflow:hidden;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.djsImg img { position:absolute; width:100%; height:100%; object-fit:cover; top:50%; left:50%;

-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.djsSocial { display:flex; justify-content:center; align-items:center; gap:20px; margin:20px 0 0 0; }
.djsIG a,
.djsSC a { font-size:1.1em; color:var(--color-text);
-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;
}

.djsIG a:hover,
.djsSC a:hover { color: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;
}

.djsVotes { position:absolute; display:flex; justify-content:center; align-items:center; width:50px; height:50px; top:140px; font-family:'futurablack'; font-size:1.2em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; background:var(--color-bg-coloured); z-index:10;
    
border-radius:50%; -moz-border-radius:50%; -webkit-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;
}

.djsVote { width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:40px; margin:20px auto; }
.djsVote .vote-up,
.djsVote .vote-down { width:30px; height:30px; font-family:'futurablack'; font-size:1em; letter-spacing:-.02em; line-height:.9em; color:var(--color-text-white); text-transform:uppercase; text-align:center; background:var(--color-bg-dark); cursor:pointer;
    
border-radius:50%; -moz-border-radius:50%; -webkit-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;
}

.djsVote .vote-up:hover,
.djsVote .vote-down:hover { background:var(--color-bg-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;
}

/* FORM */
.form-single { width:100%; text-align:left; }
.form-group { width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:40px; }
.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; }

.form-single label#privacy,
.form-single label#newsletter,
.form-single label#partner,
.form-group label#privacy,
.form-single label#newsletter,
.form-single label#partner { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px; }

.form-single input,
.form-single select,
.form-single textarea,
.form-group input,
.form-group select,
.form-group textarea { font-size:.9em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-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;
}

.form-single input:focus,
.form-single select:focus,
.form-single textarea:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
.warning_code input:focus { background-color:#e8e8e8; outline:none;

-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;
}

.btnTools_signin { font-size:1em; font-weight:700; letter-spacing:-.02em; width:180px; height:40px; line-height:40px; margin:0; text-transform:lowercase; background:var(--color-text-coloured); color:var(--color-text-white); cursor:pointer;
    
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
    
-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;
}

.btnTools_signin:hover { color:var(--color-link-hover); background:var(--color-link);
    
-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_desc { font-weight:400; font-size:.9em; line-height:2em; color:var(--color-text); margin:40px auto 5px auto; -webkit-font-smoothing: antialiased; }
.warning_code span { font-size:.8em; }
.warning_code { font-weight:400; font-size:.9em; line-height:2em; color:var(--color-text); margin:10px auto 20px auto; -webkit-font-smoothing: antialiased; }
.warning_code #captcha { margin:10px auto; }
.warning_code input { display:block; width:200px; font-size:.9em; }

/* MSG FORM */
div.success { display:none; position:fixed; justify-content:center; align-items:center; width:100%; height:100vh; padding:80px; top:0; left:0; text-align:center; background:var(--color-bg); -webkit-font-smoothing: antialiased; opacity:0; visibility:hidden; z-index:999;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

div.activate { position:relative; width:100%; height:auto; padding:0 80px; top:0; left:0; text-align:left; background:var(--color-bg); -webkit-font-smoothing: antialiased;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.success_title,
.activate_title { font-weight:700; font-size:1.6em; color:var(--color-text-coloured); margin:0 auto; -webkit-font-smoothing: antialiased; }
.success_desc,
.activate_desc { font-weight:400; font-size:.9em; line-height:2em; color:var(--color-text); margin:20px auto 0 auto; -webkit-font-smoothing: antialiased; }
.success_desc a { color:#111;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.success_desc a:hover { color:var(--color-link-hover);

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.success_site { font-weight:500; font-size:.9em; color:var(--color-text); margin:40px auto 0 auto; -webkit-font-smoothing: antialiased; }

.activate_desc a { color:#111;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.activate_desc a:hover { color:var(--color-link-hover);

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.activate_site { font-weight:500; font-size:.9em; color:var(--color-text); margin:5px auto 0 auto; -webkit-font-smoothing: antialiased; }

div.success a,
div.activate a { color:var(--color-link); border-bottom:1px dotted var(--color-link); padding-bottom:3px;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.success a:hover,
div.activate a:hover { color:var(--color-link-hover); bottom:1px dotted var(--color-link-hover);

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

div.success .far { font-size:2em; margin-bottom:20px; }
div.activate .far { font-size:1.2em; margin-right:5px; }

div.formerror { position:relative; display:block; width:400px; 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;
-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.formerror.email-exists {
    background:var(--color-text-coloured); color:var(--color-text-white);
    margin-top: 5px;
    font-size: 0.9em;
}

.response_msg { display:none; position:fixed; width:240px; height:240px; top:50%; left:50%; opacity:0; visibility:hidden;
    
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
    
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.loading { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:.8em; font-weight:600; line-height:1.4em; margin:0 auto; padding:40px; color:var(--color-text-white); text-align:center; text-transform:uppercase;
    
background-image:url(/images/loading-spinner.gif); background-position:center 165px; background-repeat:no-repeat; background-color:var(--color-bg-loading); background-size:30px;
    
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;

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

.error { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:.8em; font-weight:600; line-height:1.4em; margin:0 auto; padding:40px; color:var(--color-text-white); text-align:center; text-transform:uppercase;
    
background-image:url(/images/icon_error.svg); background-position:center 165px; background-repeat:no-repeat; background-color:var(--color-bg-error); background-size:45px;    

-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.success.show,
.response_msg.show { opacity:1; visibility:visible;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.input-error {
    border: 1px solid var(--color-bg-error) !important;
}

.input-valid {
    border: 1px solid var(--color-bg-success) !important;
}

/* 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; }
    
    .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; }
    
}