/* ------------------------------------------------------------- */
/* CONTENT */
/* ------------------------------------------------------------- */

#content { overflow: hidden; }
#content .boxed {
padding: 2rem 0 10rem;
padding: clamp(2rem, -0.3226rem + 6.4516vw, 10rem) 0 clamp(10rem, 5.6452rem + 12.0968vw, 25rem);
}
#content .cols {
padding: 0 7rem;
padding: 0 clamp(7rem, 1.6667rem + 5.2083vw, 10rem);
}
#content .title {
position: relative;
z-index: 0;
}
#content .title::after {
content: "";
position: absolute;
top: 0;
left: calc(50% + clamp(3rem, 1.6154rem + 1.8029vw, 4.5rem));
display:  block;
width: calc(50vw - clamp(3rem, 1.6154rem + 1.8029vw, 4.5rem));
height: 100%;
background-color: var(--color_orange);
clip-path: polygon(6rem 0, 100% 0, 100% 100%, 0 100%);
z-index: 1;
}
#content.animation .title::after { transition: transform 1s; transform: translateX(100%); }
#content.animation.on .title::after { transform: translateX(0); }
#content h1 {
display: block;
width: 50%;
font-family: "Rajdhani", sans-serif;
font-size: 3.6rem;
font-size: clamp(3.6rem, 2.9032rem + 1.9355vw, 6rem);
font-weight: 600;
font-style: normal;
text-align: left;
line-height: 1;
text-transform: uppercase;
text-wrap: balance;
color: var(--color_grey);
}
#content.animation h1 { transition: opacity 0.5s 0.5s, transform 0.5s 0.5s; opacity: 0; transform: translateY(50px); }
#content.animation.on h1 { opacity: 1; transform: translateY(0); }
#content .text {
margin-top: 4rem;
margin-top: clamp(4rem, 2.2581rem + 4.8387vw, 10rem);
}
#content.animation .text { transition: opacity 0.5s 1s, transform 0.5s 1s; opacity: 0; transform: translateY(50px); }
#content.animation.on .text { opacity: 1; transform: translateY(0); }
#content .text *:first-child { margin-top: 0; }
#content p {
display: block;
font-size: 1.8rem;
font-size: clamp(1.8rem, 1.6839rem + 0.3226vw, 2.2rem);
font-weight: 400;
text-align: justify;
margin-top: 1rem;
margin-top: clamp(1rem, 0.7097rem + 0.8065vw, 2rem);
line-height: 1.5;
color: var(--color_grey);
}
#content em { font-style: oblique; }
#content strong { font-weight: 700; }
#content a {
font-weight: 700;
margin: 0;
padding: 0;
text-decoration: underline;
white-space: normal;
transition: color 0.5s;
}
#content a, #content a:link, #content a:visited { color: var(--color_grey); }
#content a:active, #content a:hover, #content a:focus { color: var(--color_orange); }

/* UL */
#content ul {
display: block;
font-size: 1.8rem;
font-size: clamp(1.8rem, 1.6839rem + 0.3226vw, 2.2rem);
font-weight: 400;
text-align: justify;
margin-top: 1rem;
margin-top: clamp(1rem, 0.7097rem + 0.8065vw, 2rem);
line-height: 1.5;
list-style: none;
}
#content ul ul { font-size: 100%; margin: 0; }
#content ul li { display: table; margin: 0; padding: 0; }
#content ul li:before {
content: "-";
display: table-cell; 
font-size: 100%;
font-weight: 400;
margin: 0;
padding: 0 1em 0 0;
color: var(--color_grey);
}
#content ul ul li:before { content: "\2022"; }
#content ul ul ul li:before { content: "\25E6"; }

/* DL */
#content dl {
clear: both;
margin-top: 2rem;
}
#content dl dt {
float: left;
clear: left;
width: 8em;
font-size: 1.8rem;
font-size: clamp(1.8rem, 1.6839rem + 0.3226vw, 2.2rem);
font-weight: 400;
margin: 0;
padding: 0.5rem 0;
text-align: left;
line-height: 1.5;
word-wrap: break-word;
border-top: 1px solid #CCC;
}
#content dl dd {
font-size: 1.8rem;
font-size: clamp(1.8rem, 1.6839rem + 0.3226vw, 2.2rem);
font-weight: 400;
margin: 0 0 0 8em;
padding: 0.5rem 0;
text-align: left;
line-height: 1.5;
word-wrap: break-word;
border-top: 1px solid #CCC;
}
#content dl dd em, #content dl dd i { font-style: oblique; }
#content dl dt:first-child, #content dl dd:nth-of-type(1) { border-color: var(--color_grey); }

/* FORM */
#content form {
display: block;
margin-top: 3rem;
text-align: left;
}

/* CHECKBOX */
#content form label {
position: relative;
display: block;
font-size: 1.8rem;
font-size: clamp(1.8rem, 1.6839rem + 0.3226vw, 2.2rem);
font-weight: 400;
margin: 2rem 0 0;
padding: 0 0 0 52px;
text-align: justify;
line-height: 1.5;
cursor: pointer;
}
#content form label:nth-last-of-type(1) { display: inline-block; margin: 5rem 0 0; padding: 0; }
#content form input[type="checkbox"] {
position: absolute; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height: 1px; 
width: 1px; 
margin: -1px; 
padding: 0;
border: 0;
}
#content form input[type="checkbox"] + span {
position: absolute;
left: 0;
top: 5px;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
background-color: var(--color_white);
border: 1px solid #CCC;
appearance: none;
}
#content form input[type="checkbox"] + span + span { display: block; font-weight: 700; text-align: left; text-transform: uppercase; }
#content form input[type="checkbox"]:checked + span::after {
position: absolute;
top: 6px;
left: 6px;
content: "";
display: block;
width: 18px;
height: 12px;
margin: 0;
border-left: 3px solid var(--color_orange);
border-bottom: 3px solid var(--color_orange);
transform: rotate(-45deg);
z-index: 5;
}
#content form input[type="checkbox"][disabled]:checked + span::after { border-left-color: #CCC; border-bottom-color: #CCC; }

/* COOKIE MESSAGE */
#content form #sf_cookie_message {
display: none;
font-weight: 700;
margin: 3rem 0 0;
padding: 1.5rem 0;
border-width: 1px 0;
border-style: solid;
border-color: #CCC;
}

/* BUTTON */
#content form button {
display: inline-block;
font-size: 1.6rem;
font-weight: 700;
margin-left: 52px;
padding: 1rem 2rem;
text-align: left;
line-height: 1;
letter-spacing: 0.05em;
text-decoration: none;
white-space: normal;
cursor: pointer;
text-transform: uppercase;
color: var(--color_white);
border: none;
appearance: none;
transition: color 0.5s, background-color 0.5s;
}
#content form button[type="submit"], #content form button[type="submit"]:link, #content form button[type="submit"]:visited { color: var(--color_white); background-color: var(--color_orange); }
#content form button[type="submit"]:hover, #content form button[type="submit"]:focus, #content form button[type="submit"]:active { color: var(--color_white); background-color: var(--color_grey); }

/* ------------------------------------------------------------- */
/* PIXEL RATIO */
/* ------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 


			
}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

@media (hover: none) and (pointer: coarse) {
	
}

@media screen and (orientation: landscape) {
    
}

@media screen and (orientation: portrait) {
  
}

@media only screen and (max-width: 1699px) {
	
	
}

@media only screen and (max-width: 1599px) {
    
}

@media only screen and (max-width: 1439px) {
	
}

@media only screen and (max-width: 1365px) {
	
}

@media only screen and (max-width: 1279px) {
	
	
}

@media only screen and (max-width: 1199px) {
	
}

@media only screen and (max-width: 1111px) {
		
	
}

@media only screen and (max-width: 1023px) {
    
    /* CONTENT */
    #content .cols {
    padding: 0 0rem;
    padding: 0 clamp(0rem, -6.1765rem + 12.8676vw, 7rem);
    }
	
}

@media only screen and (max-width: 833px) {
	
}

@media only screen and (max-width: 767px) {
    
    /* CONTENT */
    #content .title::after {
    left: calc(50% + 3rem);
    width: calc(50vw - 3rem);
    }
	
}

@media only screen and (max-width: 735px) {
	
}

@media only screen and (max-width: 666px) {
	
    
}
	

@media only screen and (max-width: 599px) {
	
	
}

@media only screen and (max-width: 567px) {
    
    /* CONTENT */
	#content dl { border-top: 1px solid var(--color_grey); }
	#content dl:nth-last-of-type(1) { margin: 2rem 0; padding: 0 0 2rem; border-bottom: 1px solid var(--color_grey); }
	#content dl dt { float: none; width: auto; font-weight: 600; padding: 2rem 0 0; border-top: none; }
	#content dl dd { margin: 0; padding: 0; border-top: none; }	
	
}

@media only screen and (max-width: 479px) {
   
	
}

@media only screen and (max-width: 413px) {
	
}

@media only screen and (max-width: 374px) {
	
	
}

@media only screen and (max-width: 359px) {
	
}