@charset "UTF-8";
/* CSS Document */



/********* footer pages  *********/



/**** elements ***/
.foot_pages .title {margin: 80px 0px 0px 0px; color: var(--secondary); font-weight: 600; font-size: 1.35em}


.foot_pages .intro {margin: 50px 0px 0px 0px; font-weight: 500; font-size: 1.05em}


.foot_pages .section {margin: 50px 0px 15px 0px; font-weight: 600; font-size: 1.15em}

.foot_pages p {margin: 0px 0px 10px 0px; font-weight: 400; font-size: 1.0em}
.foot_pages .section span { font-weight: 600; font-size: 1.0em; color: var(--main)}

.foot_pages a {color: #000}

.foot_pages ul {padding-left: 1em}
.foot_pages li {padding-left: 0.2em; color: var(--main); margin: 0px 0px 5px 0px}
.foot_pages li span {color: #444}
.foot_pages li span b {color: #000; font-weight: 500}


.foot_pages .sublist {padding-left: 0.5em; list-style-type: disc;}
.foot_pages .sublist li {color: #777; font-size: 0.4em}
.foot_pages .sublist li span {color: #444; font-size: 2.5em}

/***** Terms accordion**/
.terms_acc {
width: 100%;
height: 100%;
float: left;
padding: 0px;
z-index: 10;
overflow: hidden;
font-size: 1em;
border: 0px solid #457; margin: 0px
}
.terms_acc:last-child {
border: 0px solid #457;
padding-bottom: 8em
}
.terms_acc > div {
display: block;
position: relative;
padding: 0;
min-height: 30px; background: none!important
}
.terms_acc a, .foot_links a { color: var(--secondary)}

.terms_acc > div:not(:last-of-type) {
margin: 0px;
}
.terms_acc > div input + label b {
color: var(--main);
width: 1.5em;
display: inline-block; font-size: 1.05em;
}
.terms_acc > div input + label {
cursor: pointer;
display: block;
padding: 0px;
transition: all  2s;
color: #111; font-weight: 600;
font-size: 1.05em;
border-bottom: 0px solid #bbb
}

.terms_acc .olist p {font-size: 1em; margin: 0px ; padding: 0px; font-weight: 300; line-height: 1.4em; padding-bottom: 10px}
.terms_acc .olist h6 {font-size: 1em; margin: 0px ; padding: 0px; font-weight: 300; line-height: 1.4em; padding-bottom: 10px; display: inline-block}
.terms_acc h4 {font-size: 1em; margin: 0px 0px 20px 2.4em; padding: 0px; text-indent: -0.3em; font-weight: 300; line-height: 1.4em}
.terms_acc h4 b {font-weight: 600; color: var(--secondary); width: 0em; display: inline-block; transform: translateX(-1.9em)}
.terms_acc .olist br {margin-bottom: 5px}

.terms_acc .olist ul {margin-left: 1em; font-size: 0.95em}
.terms_acc .olist li {margin-bottom: 5px}

.terms_acc > div input + label:hover {
color: #000;
}
.terms_acc > div input ~ div {
visibility: hidden;
max-height: 0px;
opacity: 0;
transition: all  1s;
width: 100%;
margin: 0vh;
border: 0px solid #457;
font-weight: 500;
  padding: 0px 0px 0px 1.7em;
}
.terms_acc > div input ~ div .darker {
line-height: 5vh;
font-weight: 500;
}
.terms_acc > div input ~ div p {
padding: 0px;
border-top: 0px solid #fff;
}
.terms_acc > div input:checked + label {
/*transition: all  ease-in 0.7s;*/
color: #000;
}
.terms_acc > div input:checked ~ div {
display: block;
opacity: 1;
visibility: visible;
max-height: 1700px;
transition: all  2s;
}


.f_list {}
.f_list  li { color: var(--main); margin: 0px 0px 0.4em 1em}
.f_list  li span { color: var(--generaltext);}
.f_list  li b { color: var(--black); font-weight: 500}



/********************************************smaller screen settings**********************************************************/
@media screen and (max-width: 1400px) {


}


/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 




/********* footer pages  *********/    
      
      
      
      
    }