.w3-modal {z-index: 20;}
.theme-s1-around {background-color: #f2ffc8;}
.theme-yellow-light {color: #444 !important}
.div-corp {padding-top: 15px;}
.corp-header {position: absolute; top: 47px; left: 50%; padding: 10px; min-width: 300px; transform: translate(-50%); -ms-transform:translate(-50%); border-radius: 5px;
    transition: left 0.5s, transform 0.7s;}
.corp-header[onclick] {cursor: ew-resize;}
.corp-header .logo-corp {float: left; margin-right: 10px;}
.corp-header div {display: block;}
.corp-header.stored {left: 0; transform: translate(calc(-100% + 25px)); -ms-transform: translate(calc(-100% + 25px)); max-height: 48px; overflow: hidden;}
.corp-header.stored::after {content: '\203A'; position: absolute; right: 8px; top: 0; font-size: 200%;}
.top-buttons {margin-top: 32px; line-height: 3}
.div-what-more-title, .div-how-title {padding-bottom: 0;}
.div-what-more-txt, .div-how-txt {padding-top: 16px;}
.div-why-table table {min-width: 750px; margin: 32px; color: inherit; font-size: inherit;}
.div-why-table th {border-top: 1px solid white; border-left: 1px solid white;}
.div-why-table td {border-right: 1px solid #444; border-bottom: 1px solid #444; color: #4D4D4D;}
.div-blockquote {border-left: 4px solid #52A122; padding-left: 1rem; margin: 48px 0;}
ul li::before {content: "\2714\0020"; color: #775399;}
h2 img {height: 4rem; position: absolute; padding-left: 1rem; margin-top: -1rem;}

.div-more {margin-top: 3em;}
.div-more h4 {margin-bottom: 1em;}
.div-float-frame {display: flex;}
.div-float {display: inline-block; text-align: center; margin-left: 3em;}
.div-float:first-child {margin-left: 0;}
.div-float a {display: inline-flex; width: 168px; height: 95px; margin: 0 calc(50% - 84px);}
.div-float a img {width: 100%; height: 100%}
.div-float p {margin-top: 0.5em;}
a {position: relative;}
a .over {position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; height: 102%}
a:hover .over, a .over:hover, .pdf.downloading .over, .pdf.downloaded .over {opacity: 1;}
.pdf {background: no-repeat center/contain url("/media/acrobat.svg");}
.pdf:hover, .pdf.downloading, .pdf.downloaded  {color: #888 !important; background-color: #fff !important;}
.pdf.downloading, .pdf.downloaded {cursor: not-allowed;}
.pdf .over {background-color: #ffffffc0; content:url("/media/download.svg");}
.pdf.downloading  .over {content:url("/media/downloading.svg");}
.pdf.downloaded  .over {content:url("/media/downloaded.svg");}
.pdf.btnLogin {background-position-x: 0; color: black; padding-left: 3em; border-radius: 6px;}

.choice {display: none;}
.choice.bold {font-weight: 500;}
.choice.sel {display: block;}
.choice.l2 {line-height: 2; margin-top: 2em;}
.answers {display: flex;}
.answers div {display: inline-block; margin: 0 0.5em; background: white; color:#4D4D4D; border-radius: 6px; margin: 0 0.5em; padding: 0.5em 1em; max-width: 45%; cursor: pointer;}
.answers div, #startTree {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.answers div.sel{cursor: not-allowed;}
.answers div.sel:not(.clikd) {opacity: 0.1;}
.answers div.clikd {background: inherit; color:inherit; border:1px solid #ddd;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16) inset,0 2px 10px 0 rgba(0,0,0,0.12) inset;}

.btn-FAQ {position: absolute; z-index: 1; right: 8px; top: 8px; min-width: 0;}

@media (max-width: 700px) {
    .div-corp {text-align: left; padding: 15px 24px; margin-left: 180px;}
}
@media (max-width: 600px) {
    .btn-FAQ {top: 45px;}
}
@media (max-width: 550px) {
    .div-corp {padding-top: 4px;}
}
@media (max-width: 450px) {
    .vertical-centered {margin-top: 20px;}
    .answers {display: block;}
    .answers div {max-width: 100%; margin-bottom: 0.5em;}
    .answers div:last-child {margin-bottom: 0;}
    .div-more {text-align: center;}
    .div-float-frame {display: block;}
    .div-float {width: 100%; margin-left: 0;}
}
@media (max-width: 415px) {
    .div-corp {padding-top: 4px; font-size: 80%; line-height: 1.2;}
    .corp-header {width: 98%; padding: 5px 10px;}
    .vertical-centered {margin-top: 40px;}
    .vertical-centered h1 {line-height: 1.2;}
    .top-buttons {width: 105%; margin-left: -4px;}
    .btn-FAQ {top: 25px;}
}
@media (max-width: 378px) {
    .div-corp {padding-top: 4px;}
}
@media (max-width: 360px) {
    .btnLogin {font-size: 3vw; min-width: unset;}
}