/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* SECTION 1 */
.section-nova, .section-nova-item, .section-nova-header, .section-nova-content, .section-nova-list {width:100%; float:left}
.section-nova {padding:4px; border-radius:4px; box-sizing:border-box; display:flex; flex-direction:column; row-gap:4px}
.section-nova-item, .section-nova-list {display:flex; flex-direction:column}
.section-nova-header {position:relative; padding:14px 15px; border-radius:4px; box-sizing:border-box; font-size:16px; line-height:24px; font-weight:500}
.section-nova-header:after {font:14px/14px "WP"; content:'>'; position:absolute; right:15px; top:18px}
.section-nova-header.active:after {content:'='}
.section-nova-header.open:after {content:'='}
.section-nova-header.open.active:after {content:'>'}
.section-nova-content {margin-top:4px; display:none}
.section-nova-list {padding:10px 12px; box-sizing:border-box; border-radius:4px; font-size:15px; line-height:23px}
.section-nova-list h4 {margin-bottom:4px}
.section-nova-list ul {display:flex; flex-wrap:wrap; column-gap:5px; row-gap:5px; margin-bottom:10px; flex-wrap:wrap}
.section-nova-list ul:last-child {margin-bottom:0}
.section-nova-list li {display:list-item; width:auto !important; float:none}
.section-nova-list li a {padding:4px 10px 6px 10px; font-size:13px; line-height:20px; border-radius:4px; float:left}
.section-nova-item:last-child .section-nova-content {display:block}
.section-nova.alt .section-nova-header:after {content:'='}
.section-nova.alt .section-nova-header.active:after {content:'>'}
.section-nova.alt .section-nova-content {display:block}
.section-nova.spec {margin-bottom:20px}
.section-supernova, .section-supernova-item a {width:100%; float:left}
.section-supernova {display:grid; column-gap:15px; row-gap:15px; grid-template-columns:repeat(3, 1fr); margin-top:20px}
.section-supernova-item {display:flex; flex-direction:column}
.section-supernova-item a {overflow:hidden; border-radius:5px; position:relative; height:134px}
.section-supernova-item a span {font-size:14px; line-height:14px; padding:6px 12px 8px 12px; position:absolute; z-index:10; right:10px; bottom:10px; border-radius:3px}
.section-supernova-item figure {width:100%; height:100%; display:flex; align-items:center; justify-content:center}
.section-supernova-item img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.section-supernova-item p {padding-top:5px; padding-left:5px; font-size:14px; line-height:22px; font-weight:normal; box-sizing:border-box;}
.section-map {width:100%; float:left}
.section-map-image {width:100%; max-width:100%; height:auto; float:left}
.section-map-marker {width:60px; height:auto}

.section-nova {background:#fff}
.section-nova-header {color:#fff}
.section-nova-header:hover {color:#eee}
.section-nova-list {background:#f6f9fc; color:#425466}
.section-nova-list li a {color:#555 !important; background: #fff; border:1px solid #ddd}
.section-nova-list li a:hover {background:#e9e9f0}
.section-nova.spec {background:#f0f0f0}
.section-supernova-item a span {background:#333; color:#fff}
.section-supernova-item p {color:#484848}

/* SECTION 2 */
.section-console, .section-console-content, .section-console-basic {width:100%; float:left}
.section-console {padding:15px; box-sizing:border-box; display:flex; flex-direction:column; position:relative}
.section-console.round {border-radius: 6px; overflow: hidden}
.section-console.space {margin-bottom:20px}
.section-console a, .section-console a:hover {text-decoration:underline}
.section-console h2 {font-size:24px; line-height:32px}
.section-console h2 span {font-weight:500}
.section-console-desc {font-size:15px; line-height:23px; margin-top:5px; padding-left:25px; position:relative}
.section-console-desc:before {font:20px/20px "WPLine"; position:absolute; top:2px; left:0}
.section-console-desc.notice:before {content:"6"}
.section-console-desc.dev:before {content:"D"}
.section-console-desc.detected:before {content:">"}
.section-console-desc.early:before {content:"F"}
.section-console-desc.safe:before {content:"A"}
.section-console-desc.subjective:before {content:"6"}
.section-console-desc.suspected:before {content:"5"}
.section-console-desc.confirmed:before {content:"]"}
.section-console-desc a {text-decoration:none}
.section-console-content {margin-top:15px; padding-top:15px; font-size:16px; line-height:24px}
.section-console-content p {margin-bottom:20px}
.section-console-content p:last-child {margin-bottom:0}
.section-console-content ul {word-wrap:break-word}
.section-console-content li {list-style:none; margin-bottom:10px; position:relative; padding-left:15px}
.section-console-content li a {word-break:break-all; word-wrap: break-word}
.section-console-content li:last-child {margin-bottom:0}
.section-console-content li:before {content:""; width:5px; height:5px; border-radius:50%; position:absolute; top:10px; left:0}
.section-console-text {font-size:14px; line-height:22px; margin-top:20px; display:block}
.section-console-btn {position:absolute; right:15px; top:15px; width:36px; height:36px; display:inline-flex; align-items:center; justify-content: center; border-radius:50%; box-sizing:border-box; text-decoration:none !important}
.section-console-btn:after {content: ">"; font:14px/14px "WP"}
.section-console-btn.active:after {content: "="}

.section-console {background:#fff; border:1px solid #dfdfe7; box-shadow: 0 6px 10px rgba(53,67,79,.05); color: #333}
.section-console.green {border-left:5px solid #A2CB8B}
.section-console.yellow {border-left:5px solid #FFC94D}
.section-console.orange {border-left:5px solid #F59E0B}
.section-console.red {border-left:5px solid #D92243}
.section-console a {color:#216fdb}
.section-console a:hover {color:#ff1e3c}
.section-console h2 span.green {color:#7bb132}
.section-console h2 span.blue {color:#08c}
.section-console h2 span.gray {color:#888}
.section-console h2 span.yellow {color:#FBA607}
.section-console h2 span.orange {color:#F48E10}
.section-console h2 span.red {color:#D92243}
.section-console-desc {color:#777}
.section-console-desc:before {color:#555}
.section-console-content {border-top:1px solid #ececec}
.section-console-content li:before {background:#333}
.section-console-text {color:#444}
.section-console-btn {border:1px solid #e6e6e6; color:#757575 !important}
.section-console-btn:hover {background:#f4f5f6; border:1px solid #f4f5f6}

/* SECTION 3 */

.section-step {position:relative; box-sizing:border-box; display:flex; padding:0 15px; flex-direction:column; flex:1 1 0; font-size:15px; line-height:23px}
.section-step:before, .section-step:after {position:absolute; top:0; left:0; width:1px; height:100%; content:""}
.section-step:after {left:auto; right:0}
.section-step-circle {display:block; position:relative; text-align:center}
.section-step-circle:before {content:" "; top:50%; position:absolute; z-index:-1; width:100%; display:none}
.section-step-circle div {width:32px; height:32px; border-radius:50%; font-weight:600; font-size:15px; line-height:15px; display:flex; justify-content:center; align-items:center}
.section-step-title {font-weight:600; position:relative}
.section-step-title::before {position:absolute; left:-15px; top:50%; content:""; height:20px; width:1px; transform:translateY(-50%)}

.section-step:before {background:#eee}
.section-step:last-child:after {background:#eee}

.section-step.classic {align-items:center}
.section-step.classic .section-step-circle {width:100%; margin:15px 0}
.section-step.classic .section-step-circle div {margin:0 auto; display:table}
.section-step.classic .section-step-title {text-align:center; margin-bottom:10px; font-size:16px; line-height:24px; font-weight:600; padding:0 15px}
.section-step.classic .section-step-desc {font-size:15px; line-height:23px; padding:0 15px; text-align:center}

.section-step-circle1 div {color:#666; background:#fff; border:2px solid #e5e5e5}

.section-step-image {margin:0 auto; display:table; width:60px}
.section-step-image.alt {width:160px}
.section-step-image img {width:100%; max-width:100%; height:auto; float:left}





.section-step:last-child .section-step-circle:before {display:none}

.section-step-circle:before {border-bottom:1px solid #e5e5e5}

.section-step-desc {color:#555}
.section-step.dark .section-step-circle:before {border-bottom:1px solid #666}
.section-step.dark .section-step-circle div {color:#ccc; background:#111; border:2px solid #666}
.section-step.dark .section-step-title {color:#fff}
.section-step.dark .section-step-desc {color:#939393}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.section-nova.spec {margin-bottom:15px}
.section-supernova {column-gap:10px; row-gap:10px; grid-template-columns:repeat(2, 1fr); margin-top:15px}
.section-supernova-item a {height:82px}
.section-supernova-item:nth-child(n+5) {display:none}

.section-console {padding:10px}
.section-console.space {margin-bottom:15px}
.section-console-btn {right:10px; top:10px}


.section-step-image.alt {width:130px}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.section-nova.spec {margin:0 auto 15px auto; float:none; width:340px}
.section-supernova-item a {height:93px}


}

@media only screen and (min-width:375px) and (max-width:1023px) {
.section-supernova-item a {height:97px}
.section-console {padding:15px}
.section-console-btn {right:15px; top:15px}

}

@media only screen and (min-width:414px) and (max-width:1023px) {
.section-supernova-item a {height:104px}

}

@media only screen and (min-width:480px) and (max-width:1023px) {
.section-supernova {column-gap:14px; row-gap:14px}
.section-supernova-item a {height:125px}

}

@media only screen and (min-width:600px) and (max-width:1023px) {
.section-supernova {column-gap:10px; row-gap:10px; grid-template-columns:repeat(3, 1fr)}
.section-supernova-item a {height:105px}
.section-supernova-item:nth-child(n+5) {display:block}

.section-step-image.alt {width:140px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.section-supernova-item a {height:113px}

}

@media only screen and (min-width:768px) and (max-width:1023px) {
.section-supernova {grid-template-columns:repeat(2, 1fr)}
.section-supernova-item a {height:98px}
.section-supernova-item:nth-child(n+5) {display:none}

.section-step-image.alt {width:150px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.section-nova.spec {margin-bottom:20px}
.section-supernova {column-gap:14px; row-gap:14px; margin-top:20px}
.section-supernova-item a {height:121px}
.section-console.space {margin-bottom:20px}


.section-steps.space {margin-bottom:20px}

}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.section-nova.spec {margin-bottom:15px}
.section-supernova {margin-top:15px}
.section-supernova-item a {height:104px}
.section-console.space {margin-bottom:15px}
.section-step-image.alt {width:150px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.section-quick li {min-width:267px}
.section-supernova-item a {height:122px}
}