/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.list-content__title, .media__title, .container-content .font-family-base, .container-content .font-family-base-2, .container-content .font-heading, .container-content .font-paragraph { font-weight: 400; }

.font-light, .container-content .font-base-light, .container-content .font-heading-light { font-weight: 300; }

.box-utility-base a, .box-utility-success a, .box-utility-warning a, .box-utility-error a, .font-semibold, .container-content .font-base-semibold, .container-content .font-heading-semibold { font-weight: 600; }

.font-bold, .container-content .font-base-bold, .container-content .font-heading-bold { font-weight: 700; }

.icon, .container-content .font-family-base, .container-content .font-paragraph { font-family: "Helvetica", Helvetica-FF, Arial, Tahoma, sans-serif; }

.list-content__title, .media__text, .media__title, .container-content .font-family-base-2, .container-content .font-heading, .container-content .font-heading-light, .container-content .font-heading-semibold, .container-content .font-heading-bold { font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; }

.align-middle, .display-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.display-flex-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; }

.flex-between { justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-style-italic { font-style: italic !important; }

.align-middle { align-items: center; justify-content: center; }

.box-utility-base, .box-utility-success, .box-utility-warning, .box-utility-error, .media__icon { border-radius: 4px; }

.media__image--circle, .circle { border-radius: 50%; }

.color-black { color: #000000; }

.color-white { color: #FFFFFF; }

.color-gray { color: #6D8591; }

.color-blue-base, .color-blue { color: #21409A; }

.color-orange-light-1, .color-orange { color: #ef672f; }

.color-red-light-2, .color-red { color: #FF0000; }

.color-purple-light-2, .color-purple { color: #812e88; }

.color-green-light-2, .color-green { color: #11aa3d; }

.color-yellow-base, .color-yellow { color: #FCB715; }

.color-pink-light-1, .color-pink { color: #ec1b7a; }

.color-bg-black { background: #000000; }

.color-bg-black-light-5 { background: #e6e6e6; }

.color-bg-white { background: #FFFFFF; }

.color-bg-gray { background: #6D8591; }

.color-bg-gray-light-4 { background: #e0e5e8; }

.color-bg-blue-base, .color-bg-blue { background: #21409A; }

.color-bg-orange-light-1, .color-bg-orange { background: #ef672f; }

.color-bg-red-light-2, .color-bg-red { background: #FF0000; }

.color-bg-purple-light-2, .color-bg-purple { background: #812e88; }

.color-bg-green-light-2, .color-bg-green { background: #11aa3d; }

.color-bg-yellow-base, .color-bg-yellow { background: #FCB715; }

.color-bg-pink-light-1, .color-bg-pink { background: #ec1b7a; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: Arial; }

body { margin: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; line-height: normal; }

/*--------------------------------------------------------------------------------*/
/*CONTAINER*/
/*--------------------------------------------------------------------------------*/
.container-content, .container-content-fluid { width: 100%; padding-left: 18px; padding-right: 18px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) { .container-content, .container-content-fluid { padding-left: 13px; padding-right: 13px; } }

@media (min-width: 576px) { .container-content { max-width: 540px; } }

@media (min-width: 768px) { .container-content { max-width: 720px; } }

@media (min-width: 992px) { .container-content { max-width: 960px; } }

@media (min-width: 1200px) { .container-content { max-width: 1080px; } }

/*--------------------------------------------------------------------------------*/
/*BASE BRAND COLORS*/
/*--------------------------------------------------------------------------------*/
.color-utility-base { color: #6D8591 !important; }

.box-utility-base { color: #4c5d65 !important; background: #e7ebed; border: 1px solid #b6c2c8; padding: 12px 16px; }

.box-utility-base a { color: #415057 !important; }

.box-utility-base a:hover { text-decoration: underline; }

.color-utility-success { color: #11aa3d !important; }

.box-utility-success { color: #0a6424 !important; background: #9cf5b5; border: 1px solid #4ded7b; padding: 12px 16px; }

.box-utility-success a { color: #084d1c !important; }

.box-utility-success a:hover { text-decoration: underline; }

.color-utility-warning { color: #FCB715 !important; }

.box-utility-warning { color: #c28902 !important; background: #fff8e8; border: 1px solid #fede93; padding: 12px 16px; }

.box-utility-warning a { color: #a97702 !important; }

.box-utility-warning a:hover { text-decoration: underline; }

.color-utility-error { color: #FF0000 !important; }

.box-utility-error { color: #b30000 !important; background: #ffd6d6; border: 1px solid #ff8080; padding: 12px 16px; }

.box-utility-error a { color: #990000 !important; }

.box-utility-error a:hover { text-decoration: underline; }

/*--------------------------------------------------------------------------------*/
/*IMAGES STYLE*/
/*--------------------------------------------------------------------------------*/
.lqd, .lqd_img { background-size: cover; background-position: center center; background-repeat: no-repeat; }

.lqd_block > img, .media__image > img, .media__image a > * > img { position: absolute; max-height: 100%; max-width: 100%; width: auto; height: auto; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.img-xs { width: 80px; }

.img-sm { width: 100px; }

.img-md { width: 200px; }

.img-lg { width: 400px; }

.img-fluid { width: 100%; }

.img-fluid img { width: 100%; }

.lqd_img { position: absolute; width: 150%; height: 150%; top: -25%; left: -25%; z-index: 0; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }

.lqd_block { overflow: hidden; }

/*--------------------------------------------------------------------------------*/
/*BUTTONS & LABELS DEFAULT STYLING*/
/*--------------------------------------------------------------------------------*/
.btn--grey { background: #f0f0f0; color: #000000; position: relative; font-size: 16px; display: inline-block; line-height: 1.4; padding: 8px 16px; text-align: center; cursor: pointer; vertical-align: top; border: 1px solid transparent; border-radius: 4px; }

.btn--grey:hover { color: #000000; opacity: 0.8; filter: alpha(opacity=80); }

.btn--blue { background: #21409A; color: #FFFFFF; position: relative; font-size: 16px; display: inline-block; line-height: 1.4; padding: 8px 16px; text-align: center; cursor: pointer; vertical-align: top; border: 1px solid transparent; border-radius: 4px; }

.btn--blue:hover { color: #FFFFFF; opacity: 0.8; filter: alpha(opacity=80); }

.btn--med { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }

@font-face { font-family: "detiknetwork-FF"; font-weight: normal; font-style: normal; src: url("../fonts/icons/detiknetwork.eot"); src: url("../fonts/icons/detiknetwork.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/detiknetwork.woff2") format("woff2"), url("../fonts/icons/detiknetwork.woff") format("woff"), url("../fonts/icons/detiknetwork.ttf") format("truetype"), url("../fonts/icons/detiknetwork.svg#detiknetwork") format("svg"); font-display: fallback; }

.icon { line-height: 0; display: inline-block; vertical-align: middle; }

.btn .icon { margin-top: -1px; }

.icon--xxl { font-size: 256px; }

.icon--xl { font-size: 128px; }

.icon--lg { font-size: 64px; }

.icon--md { font-size: 32px; }

.icon--sm { font-size: 24px; }

.icon--xs { font-size: 16px; }

[data-icon]:before { font-family: "detiknetwork-FF" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "detiknetwork-FF" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

.icon-check:before { content: "\49"; }

.icon-close:before { content: "\4f"; }

.icon-refresh:before { content: "\e009"; }

/*--------------------------------------------------------------------------------*/
/*LIST CONTENT GENERAL*/
/*--------------------------------------------------------------------------------*/
.list-content { padding-left: 0; margin-top: 0; margin-bottom: 0; }

.list-content__item { position: relative; display: inline-block; width: 100%; padding-top: 0; padding-bottom: 8px; margin-bottom: 8px; }

.list-content__item:first-child { margin-top: 8px; }

.list-content--column .list-content__item:first-child { margin-top: 0; }

.list-content__item:last-child { margin-bottom: 0; }

.list-content--column .list-content__item { padding-bottom: 12px; margin-bottom: 12px; }

.list-content__title { margin: 0; }

.list-content__title > a { display: block; }

.list-content--column { margin-top: 8px; }

.list-content--bordered .list-content__item { border-bottom: 1px solid #f0f0f0; }

.list-content--bordered .list-content__item:last-child { border: none; }

.list-content--bordered.list-content--column .list-content__item { border: none; }

.list-content--bordered.list-content--column .list-content__item:after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 0; height: 1px; background: #f0f0f0; }

.media { position: relative; overflow: hidden; }

.list-content--equal-height .media { height: 100%; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 8px; }

.media__image { position: relative; margin-bottom: 12px; overflow: hidden; background: #f0f0f0; }

.media__image a { display: block; }

.media__text { flex: 1; position: static; font-size: 12px; color: #666666; }

.list-content--equal-height .media__text { padding-left: 12px; padding-right: 12px; padding-bottom: 32px; }

.media__title { margin: 0; }

.media__link { position: static; }

.media__link:before { position: absolute; content: ""; bottom: 0; left: 0; top: 0; right: 0; overflow: hidden; white-space: nowrap; z-index: 2; }

.media__icon { position: absolute; z-index: 1; padding: 2px 4px; text-align: center; vertical-align: top; display: inline-block; color: #FFFFFF; font-size: 12px; }

.media__icon--middle { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.media__icon--top-right { top: 4px; right: 4px; }

.media__icon--top-left { top: 4px; left: 4px; }

.media__icon--bottom-right { bottom: 4px; right: 4px; }

.media__icon--bottom-left { bottom: 4px; left: 4px; }

.media__icon--no-bg { background: none; padding: 0; }

/*--------------------------------------------------------------------------------*/
/*HELPER*/
/*--------------------------------------------------------------------------------*/
.pd-0 { padding: 0 !important; }

.pdt-0 { padding-top: 0 !important; }

.pdr-0 { padding-right: 0 !important; }

.pdb-0 { padding-bottom: 0 !important; }

.pdl-0 { padding-left: 0 !important; }

.mg-0 { margin: 0 !important; }

.mgt-0 { margin-top: 0 !important; }

.mgr-0 { margin-right: 0 !important; }

.mgb-0 { margin-bottom: 0 !important; }

.mgl-0 { margin-left: 0 !important; }

.pd-4 { padding: 4px !important; }

.pdt-4 { padding-top: 4px !important; }

.pdr-4 { padding-right: 4px !important; }

.pdb-4 { padding-bottom: 4px !important; }

.pdl-4 { padding-left: 4px !important; }

.mg-4 { margin: 4px !important; }

.mgt-4 { margin-top: 4px !important; }

.mgr-4 { margin-right: 4px !important; }

.mgb-4 { margin-bottom: 4px !important; }

.mgl-4 { margin-left: 4px !important; }

.pd-8 { padding: 8px !important; }

.pdt-8 { padding-top: 8px !important; }

.pdr-8 { padding-right: 8px !important; }

.pdb-8 { padding-bottom: 8px !important; }

.pdl-8 { padding-left: 8px !important; }

.mg-8 { margin: 8px !important; }

.mgt-8 { margin-top: 8px !important; }

.mgr-8 { margin-right: 8px !important; }

.mgb-8 { margin-bottom: 8px !important; }

.mgl-8 { margin-left: 8px !important; }

.pd-12 { padding: 12px !important; }

.pdt-12 { padding-top: 12px !important; }

.pdr-12 { padding-right: 12px !important; }

.pdb-12 { padding-bottom: 12px !important; }

.pdl-12 { padding-left: 12px !important; }

.mg-12 { margin: 12px !important; }

.mgt-12 { margin-top: 12px !important; }

.mgr-12 { margin-right: 12px !important; }

.mgb-12 { margin-bottom: 12px !important; }

.mgl-12 { margin-left: 12px !important; }

.pd-16 { padding: 16px !important; }

.pdt-16 { padding-top: 16px !important; }

.pdr-16 { padding-right: 16px !important; }

.pdb-16 { padding-bottom: 16px !important; }

.pdl-16 { padding-left: 16px !important; }

.mg-16 { margin: 16px !important; }

.mgt-16 { margin-top: 16px !important; }

.mgr-16 { margin-right: 16px !important; }

.mgb-16 { margin-bottom: 16px !important; }

.mgl-16 { margin-left: 16px !important; }

.pd-24 { padding: 24px !important; }

.pdt-24 { padding-top: 24px !important; }

.pdr-24 { padding-right: 24px !important; }

.pdb-24 { padding-bottom: 24px !important; }

.pdl-24 { padding-left: 24px !important; }

.mg-24 { margin: 24px !important; }

.mgt-24 { margin-top: 24px !important; }

.mgr-24 { margin-right: 24px !important; }

.mgb-24 { margin-bottom: 24px !important; }

.mgl-24 { margin-left: 24px !important; }

.pd-48 { padding: 48px !important; }

.pdt-48 { padding-top: 48px !important; }

.pdr-48 { padding-right: 48px !important; }

.pdb-48 { padding-bottom: 48px !important; }

.pdl-48 { padding-left: 48px !important; }

.mg-48 { margin: 48px !important; }

.mgt-48 { margin-top: 48px !important; }

.mgr-48 { margin-right: 48px !important; }

.mgb-48 { margin-bottom: 48px !important; }

.mgl-48 { margin-left: 48px !important; }

.pd-96 { padding: 96px !important; }

.pdt-96 { padding-top: 96px !important; }

.pdr-96 { padding-right: 96px !important; }

.pdb-96 { padding-bottom: 96px !important; }

.pdl-96 { padding-left: 96px !important; }

.mg-96 { margin: 96px !important; }

.mgt-96 { margin-top: 96px !important; }

.mgr-96 { margin-right: 96px !important; }

.mgb-96 { margin-bottom: 96px !important; }

.mgl-96 { margin-left: 96px !important; }

.hide-element { display: none !important; }

.display-block { display: block !important; }

.pos-relative { position: relative !important; }

.w-100 { width: 100% !important; }

.flex-center { align-items: center !important; }

.justify-content-center { justify-content: center !important; }

/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.list-content__title, .media__title, .container-content .font-family-base, .container-content .font-family-base-2, .container-content .font-heading, .container-content .font-paragraph { font-weight: 400; }

.font-light, .container-content .font-base-light, .container-content .font-heading-light { font-weight: 300; }

.box-utility-base a, .box-utility-success a, .box-utility-warning a, .box-utility-error a, .font-semibold, .container-content .font-base-semibold, .container-content .font-heading-semibold { font-weight: 600; }

.font-bold, .container-content .font-base-bold, .container-content .font-heading-bold { font-weight: 700; }

.icon, .container-content .font-family-base, .container-content .font-paragraph { font-family: "Helvetica", Helvetica-FF, Arial, Tahoma, sans-serif; }

.list-content__title, .media__text, .media__title, .container-content .font-family-base-2, .container-content .font-heading, .container-content .font-heading-light, .container-content .font-heading-semibold, .container-content .font-heading-bold { font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; }

.align-middle, .display-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.display-flex-wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; }

.flex-between { justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-style-italic { font-style: italic !important; }

.align-middle { align-items: center; justify-content: center; }

.box-utility-base, .box-utility-success, .box-utility-warning, .box-utility-error, .media__icon { border-radius: 4px; }

.media__image--circle, .circle { border-radius: 50%; }

.color-black { color: #000000; }

.color-white { color: #FFFFFF; }

.color-gray { color: #6D8591; }

.color-blue-base, .color-blue { color: #21409A; }

.color-orange-light-1, .color-orange { color: #ef672f; }

.color-red-light-2, .color-red { color: #FF0000; }

.color-purple-light-2, .color-purple { color: #812e88; }

.color-green-light-2, .color-green { color: #11aa3d; }

.color-yellow-base, .color-yellow { color: #FCB715; }

.color-pink-light-1, .color-pink { color: #ec1b7a; }

.color-bg-black { background: #000000; }

.color-bg-black-light-5 { background: #e6e6e6; }

.color-bg-white { background: #FFFFFF; }

.color-bg-gray { background: #6D8591; }

.color-bg-gray-light-4 { background: #e0e5e8; }

.color-bg-blue-base, .color-bg-blue { background: #21409A; }

.color-bg-orange-light-1, .color-bg-orange { background: #ef672f; }

.color-bg-red-light-2, .color-bg-red { background: #FF0000; }

.color-bg-purple-light-2, .color-bg-purple { background: #812e88; }

.color-bg-green-light-2, .color-bg-green { background: #11aa3d; }

.color-bg-yellow-base, .color-bg-yellow { background: #FCB715; }

.color-bg-pink-light-1, .color-bg-pink { background: #ec1b7a; }

/*--------------------------------------------------------------------------------*/
/*LOCAL EXTENDS AND STYLES*/
/*--------------------------------------------------------------------------------*/
.container-content { width: 95%; overflow: hidden; padding-left: 0; padding-right: 0; /*GENERAL*/ /*TYPOGRAHPHY*/ /*GRID*/ /*TABLE*/ /*RATIOBOX*/ }

.container-content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container-content *:before, .container-content *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container-content .clearfix:before, .container-content .clearfix:after { content: " "; display: table; }

.container-content .clearfix:after { clear: both; }

.container-content a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.container-content a:focus { outline: none; }

.container-content hr { border-style: solid none none; border-color: #e6e6e6; margin: 16px 0; }

.container-content p { margin-top: 0; margin-bottom: 16px; }

.container-content ins { text-decoration: none; display: contents; }

.container-content ol, .container-content ul { padding: 0 0 0 24px; margin-top: 12px; margin-bottom: 12px; }

.container-content ol ol, .container-content ol ul, .container-content ul ol, .container-content ul ul { margin-top: 6px; margin-bottom: 0; }

.container-content ol li, .container-content ul li { padding: 8px 0; }

.container-content img { vertical-align: middle; border-style: none; }

.container-content header, .container-content footer { display: table; width: 100%; }

@media (min-width: 1024px) { .container-content header, .container-content footer { display: block; } }

.container-content h1, .container-content h2, .container-content h3, .container-content h4, .container-content h5, .container-content h6 { font-weight: 700; }

.container-content h1, .container-content h2, .container-content h3, .container-content h4, .container-content h5, .container-content h6, .container-content .font-heading, .container-content .font-heading-light, .container-content .font-heading-semibold, .container-content .font-heading-bold { line-height: 1.3; }

.container-content h1 { font-size: 40px; }

.container-content h2 { font-size: 32px; }

.container-content h3 { font-size: 28px; }

.container-content h4 { font-size: 24px; }

.container-content h5 { font-size: 20px; }

.container-content h6 { font-size: 16px; }

.container-content .head-1 { border: 0 !important; clip: rect(0 0 0 0) !important; height: 0.0625rem !important; margin: -0.0625rem !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0.0625rem !important; }

.container-content .font-hero { font-size: 32px !important; }

.container-content .font-xxl { font-size: 26px !important; }

.container-content .font-xl { font-size: 23px !important; }

.container-content .font-lg { font-size: 20px !important; }

.container-content .font-md { font-size: 18px !important; }

.container-content .font-sm { font-size: 16px !important; }

.container-content .font-xs { font-size: 14px !important; }

.container-content .font-xxs { font-size: 12px !important; }

@font-face { .container-content { font-family: "Helvetica-FF"; font-weight: 300; font-style: normal; src: url("../fonts/helvetica/Helvetica-Light.eot"); src: url("../fonts/helvetica/Helvetica-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica/Helvetica-Light.woff2") format("woff2"), url("../fonts/helvetica/Helvetica-Light.woff") format("woff"), url("../fonts/helvetica/Helvetica-Light.ttf") format("truetype"), url("../fonts/helvetica/Helvetica-Light.svg#Helvetica-Light") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Helvetica-FF"; font-weight: 400; font-style: normal; src: url("../fonts/helvetica/Helvetica-Regular.eot"); src: url("../fonts/helvetica/Helvetica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica/Helvetica-Regular.woff2") format("woff2"), url("../fonts/helvetica/Helvetica-Regular.woff") format("woff"), url("../fonts/helvetica/Helvetica-Regular.ttf") format("truetype"), url("../fonts/helvetica/Helvetica-Regular.svg#Helvetica-Regular") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Helvetica-FF"; font-weight: 700; font-style: normal; src: url("../fonts/helvetica/Helvetica-Bold.eot"); src: url("../fonts/helvetica/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica/Helvetica-Bold.woff2") format("woff2"), url("../fonts/helvetica/Helvetica-Bold.woff") format("woff"), url("../fonts/helvetica/Helvetica-Bold.ttf") format("truetype"), url("../fonts/helvetica/Helvetica-Bold.svg#Helvetica-Bold") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Montserrat-FF"; font-weight: 300; font-style: normal; src: url("../fonts/montserrat/Montserrat-Light.eot"); src: url("../fonts/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Light.svg#Montserrat-Light") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Montserrat-FF"; font-weight: 400; font-style: normal; src: url("../fonts/montserrat/Montserrat-Regular.eot"); src: url("../fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Montserrat-FF"; font-weight: 600; font-style: normal; src: url("../fonts/montserrat/Montserrat-SemiBold.eot"); src: url("../fonts/montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg"); font-display: fallback; } }

@font-face { .container-content { font-family: "Montserrat-FF"; font-weight: 700; font-style: normal; src: url("../fonts/montserrat/Montserrat-Bold.eot"); src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold") format("svg"); font-display: fallback; } }

.container-content .grid-row { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; }

@media (min-width: 768px) { .container-content .grid-row { margin-left: -13px; margin-right: -13px; } }

.container-content .no-gutter { margin-right: 0; margin-left: 0; }

.container-content .no-gutter > .column, .container-content .no-gutter > [class*="column-"] { padding-right: 0; padding-left: 0; }

.container-content .column-1, .container-content .column-2, .container-content .column-3, .container-content .column-4, .container-content .column-5, .container-content .column-6, .container-content .column-7, .container-content .column-8, .container-content .column-9, .container-content .column-10, .container-content .column-11, .container-content .column-12, .container-content .column, .container-content .column-auto, .container-content .column-sm-1, .container-content .column-sm-2, .container-content .column-sm-3, .container-content .column-sm-4, .container-content .column-sm-5, .container-content .column-sm-6, .container-content .column-sm-7, .container-content .column-sm-8, .container-content .column-sm-9, .container-content .column-sm-10, .container-content .column-sm-11, .container-content .column-sm-12, .container-content .column-sm, .container-content .column-sm-auto, .container-content .column-md-1, .container-content .column-md-2, .container-content .column-md-3, .container-content .column-md-4, .container-content .column-md-5, .container-content .column-md-6, .container-content .column-md-7, .container-content .column-md-8, .container-content .column-md-9, .container-content .column-md-10, .container-content .column-md-11, .container-content .column-md-12, .container-content .column-md, .container-content .column-md-auto, .container-content .column-lg-1, .container-content .column-lg-2, .container-content .column-lg-3, .container-content .column-lg-4, .container-content .column-lg-5, .container-content .column-lg-6, .container-content .column-lg-7, .container-content .column-lg-8, .container-content .column-lg-9, .container-content .column-lg-10, .container-content .column-lg-11, .container-content .column-lg-12, .container-content .column-lg, .container-content .column-lg-auto, .container-content .column-xl-1, .container-content .column-xl-2, .container-content .column-xl-3, .container-content .column-xl-4, .container-content .column-xl-5, .container-content .column-xl-6, .container-content .column-xl-7, .container-content .column-xl-8, .container-content .column-xl-9, .container-content .column-xl-10, .container-content .column-xl-11, .container-content .column-xl-12, .container-content .column-xl, .container-content .column-xl-auto { position: relative; width: 100%; padding-left: 6px; padding-right: 6px; }

@media (min-width: 768px) { .container-content .column-1, .container-content .column-2, .container-content .column-3, .container-content .column-4, .container-content .column-5, .container-content .column-6, .container-content .column-7, .container-content .column-8, .container-content .column-9, .container-content .column-10, .container-content .column-11, .container-content .column-12, .container-content .column, .container-content .column-auto, .container-content .column-sm-1, .container-content .column-sm-2, .container-content .column-sm-3, .container-content .column-sm-4, .container-content .column-sm-5, .container-content .column-sm-6, .container-content .column-sm-7, .container-content .column-sm-8, .container-content .column-sm-9, .container-content .column-sm-10, .container-content .column-sm-11, .container-content .column-sm-12, .container-content .column-sm, .container-content .column-sm-auto, .container-content .column-md-1, .container-content .column-md-2, .container-content .column-md-3, .container-content .column-md-4, .container-content .column-md-5, .container-content .column-md-6, .container-content .column-md-7, .container-content .column-md-8, .container-content .column-md-9, .container-content .column-md-10, .container-content .column-md-11, .container-content .column-md-12, .container-content .column-md, .container-content .column-md-auto, .container-content .column-lg-1, .container-content .column-lg-2, .container-content .column-lg-3, .container-content .column-lg-4, .container-content .column-lg-5, .container-content .column-lg-6, .container-content .column-lg-7, .container-content .column-lg-8, .container-content .column-lg-9, .container-content .column-lg-10, .container-content .column-lg-11, .container-content .column-lg-12, .container-content .column-lg, .container-content .column-lg-auto, .container-content .column-xl-1, .container-content .column-xl-2, .container-content .column-xl-3, .container-content .column-xl-4, .container-content .column-xl-5, .container-content .column-xl-6, .container-content .column-xl-7, .container-content .column-xl-8, .container-content .column-xl-9, .container-content .column-xl-10, .container-content .column-xl-11, .container-content .column-xl-12, .container-content .column-xl, .container-content .column-xl-auto { padding-left: 13px; padding-right: 13px; } }

.container-content .column { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.container-content .column-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.container-content .column-1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }

.container-content .column-2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }

.container-content .column-3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }

.container-content .column-4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }

.container-content .column-5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }

.container-content .column-6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }

.container-content .column-7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }

.container-content .column-8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }

.container-content .column-9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }

.container-content .column-10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }

.container-content .column-11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }

.container-content .column-12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 576px) { .container-content .column-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .container-content .column-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .container-content .column-sm-1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .container-content .column-sm-2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .container-content .column-sm-3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }
  .container-content .column-sm-4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .container-content .column-sm-5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .container-content .column-sm-6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }
  .container-content .column-sm-7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .container-content .column-sm-8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .container-content .column-sm-9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }
  .container-content .column-sm-10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .container-content .column-sm-11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .container-content .column-sm-12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .container-content .column-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .container-content .column-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .container-content .column-md-1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .container-content .column-md-2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .container-content .column-md-3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }
  .container-content .column-md-4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .container-content .column-md-5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .container-content .column-md-6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }
  .container-content .column-md-7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .container-content .column-md-8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .container-content .column-md-9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }
  .container-content .column-md-10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .container-content .column-md-11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .container-content .column-md-12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 992px) { .container-content .column-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .container-content .column-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .container-content .column-lg-1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .container-content .column-lg-2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .container-content .column-lg-3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }
  .container-content .column-lg-4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .container-content .column-lg-5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .container-content .column-lg-6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }
  .container-content .column-lg-7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .container-content .column-lg-8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .container-content .column-lg-9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }
  .container-content .column-lg-10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .container-content .column-lg-11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .container-content .column-lg-12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 1200px) { .container-content .column-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .container-content .column-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .container-content .column-xl-1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .container-content .column-xl-2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .container-content .column-xl-3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }
  .container-content .column-xl-4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .container-content .column-xl-5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .container-content .column-xl-6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }
  .container-content .column-xl-7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .container-content .column-xl-8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .container-content .column-xl-9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }
  .container-content .column-xl-10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .container-content .column-xl-11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .container-content .column-xl-12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; } }

.container-content table { border-collapse: collapse; border-spacing: 0; }

.container-content table th, .container-content table td { vertical-align: top; }

.container-content table thead th { vertical-align: bottom; border-bottom: 2px solid #b3b3b3; }

.container-content table tbody + tbody { border-top: 2px solid #b3b3b3; }

.container-content table th { border: 1px solid #b3b3b3; background: #f2f2f2; padding: 10px; text-align: left; }

.container-content table td { border: 1px solid #b3b3b3; padding: 5px 10px; }

.container-content .table-wrap { display: block; width: 100%; position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.container-content .table-strip tr:nth-of-type(even) { background: #f0f0f0; }

.container-content .ratiobox { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 100%; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.container-content .ratiobox.ratio_16_9 { padding-bottom: 56.25%; }

.container-content .ratiobox iframe { position: absolute; width: 100%; height: 100%; }

.container-content .block-link:hover .media__image, .container-content .block-link:hover .media__text, .container-content .media__text:hover { opacity: 0.6; filter: alpha(opacity=60); }

.container-content .column-4 .media__text { height: 120px; }

.container-content .column-4 .block-link .media__text { height: 60px; }

.container-content .ratiobox--16-9 { padding-bottom: 56.25%; }

.container-content .ratiobox--4-3 { padding-bottom: 75%; }

@media only screen and (max-width: 425px) { .container-content .column-4, .container-content .column-6 { -ms-flex: 100%; flex: 100%; max-width: 100%; }
  .container-content .question__list .media__text { height: 60px; }
  .container-content .question__list .media__title { font-size: 14px; } }

.container-content .list-content--column .list-content__item { padding-bottom: 4px; margin-bottom: 12px; }

.container-content .list-content--column { margin-bottom: 8px; }

.main { width: 100%; font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; line-height: 1.4; font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeSpeed; }

.main__title { text-align: center; font-size: 18px; position: relative; overflow: hidden; }

.main__title--question { border-radius: 4px; background: #f2f2f2; font-weight: 600; padding: 24px 16px; margin-bottom: 16px; /* display: flex;*/ justify-content: center; align-items: center; }

.main__title--result { font-size: 16px; }

.main__title span { display: block; }

.main__title h3 { font-size: 16px; font-weight: 600; color: #21409A; margin-top: 0; margin-bottom: 8px; }

.main__image { width: 100%; margin-bottom: 12px; }

.main__image a { display: block; }

.main__image img { height: 100%; width: 100%; }

.main__space { height: 80px; }

/*.main__space-top { height: 140px; }*/
.main__space-top { height: 200px; }

@media only screen and (max-width: 425px) { .main__space-top { height: 170px; } }

@media only screen and (max-width: 284px) { .main__space-top { height: 150px; } }

/*.main__space-bottom { height: 260px; }*/
.main__space-bottom { height: 200px; }

@media only screen and (max-width: 425px) { .main__space-bottom { height: 160px; } }

@media only screen and (max-width: 284px) { .main__space-bottom { height: 100px; } }

.main__content { height: 100%; }

.main__content.finance .main__title--question, .main__content.hot .main__title--question, .main__content.inet .main__title--question, .main__content.sport .main__title--question, .main__content.oto .main__title--question, .main__content.sepakbola .main__title--question, .main__content.travel .main__title--question, .main__content.health .main__title--question, .main__content.food .main__title--question, .main__content.wolipop .main__title--question { color: #FFFFFF; border-radius: 4px; }

.main__content.finance .question__list .media__text a, .main__content.hot .question__list .media__text a, .main__content.inet .question__list .media__text a, .main__content.sport .question__list .media__text a, .main__content.oto .question__list .media__text a, .main__content.sepakbola .question__list .media__text a, .main__content.travel .question__list .media__text a, .main__content.health .question__list .media__text a, .main__content.food .question__list .media__text a, .main__content.wolipop .question__list .media__text a { color: #FFFFFF; }

.main__content.finance .question__list .media, .main__content.hot .question__list .media, .main__content.inet .question__list .media, .main__content.sport .question__list .media, .main__content.oto .question__list .media, .main__content.sepakbola .question__list .media, .main__content.travel .question__list .media, .main__content.health .question__list .media, .main__content.food .question__list .media, .main__content.wolipop .question__list .media { border: none; }

.main__content.news .main__title--question { background: url("../images/kanal/detiknews.png") center no-repeat; background-size: cover; color: #FFFFFF; }

.main__content.finance .main__title--question { background: url("../images/kanal/detikfinance.png") center no-repeat; background-size: cover; }

.main__content.finance .question__list .media__text { background: #007cbd; }

.main__content.hot .main__title--question { background: url("../images/kanal/detikhot.png") center no-repeat; background-size: cover; }

.main__content.hot .question__list .media__text { background: #ef672f; }

.main__content.inet .main__title--question { background: url("../images/kanal/detikinet.png") center no-repeat; background-size: cover; }

.main__content.inet .question__list .media__text { background: #562b77; }

.main__content.sport .main__title--question { background: url("../images/kanal/detiksport.png") center no-repeat; background-size: cover; }

.main__content.sport .question__list .media__text { background: #C72026; }

.main__content.oto .main__title--question { background: url("../images/kanal/detikoto.png") center no-repeat; background-size: cover; }

.main__content.oto .question__list .media__text { background: #C72026; }

.main__content.sepakbola .main__title--question { background: url("../images/kanal/sepakbola.png") center no-repeat; background-size: cover; }

.main__content.sepakbola .question__list .media__text { background: #068c45; }

.main__content.travel .main__title--question { background: url("../images/kanal/detiktravel.png") center no-repeat; background-size: cover; }

.main__content.travel .question__list .media__text { background: #3ea6dd; }

.main__content.health .main__title--question { background: url("../images/kanal/detikhealth.png") center no-repeat; background-size: cover; }

.main__content.health .question__list .media__text { background: #009076; }

.main__content.food .main__title--question { background: url("../images/kanal/detikfood.png") center no-repeat; background-size: cover; }

.main__content.food .question__list .media__text { background: #11aa3d; }

.main__content.wolipop .main__title--question { background: url("../images/kanal/wolipop.png") center no-repeat; background-size: cover; }

.main__content.wolipop .question__list .media__text { background: #ec1b7a; }

/* .main--result { border: 1px solid #cccccc; padding: 20px; } */
.main--result { padding: 20px; } */

.question__list .media { box-shadow: none; border: 1px solid #cccccc; border-radius: 4px; }

.question__list .media__text { height: 90px; align-items: center; display: flex; justify-content: center; padding: 16px 12px; }

.question__list .media__title { text-align: center; font-size: 14px; font-weight: 600; }

.question__list .media__title a { color: #000000; }

.question__list .media__icon { padding: 6px; border-radius: 32px; }

.question__list .media__icon--top-left { top: 12px; left: 12px; }

.question__list .media__image { border-radius: 0; margin-bottom: 0; }

.question--custom { background: #cdf4fb; }

.question--custom-bg { background: url(../images/img-custom-bg.png) center top no-repeat #cdf4fb; background-size: cover; }

@media only screen and (max-width: 425px) { .question--custom-bg { position: relative; height: auto; } }

@media only screen and (max-width: 284px) { .question--custom-bg { height: 100%; } }

.question--custom .main__content { border: none; padding: 0; }

.question--custom .main__title--question { background: #54B8C9; color: #FFFFFF; margin: 20px 12px; }

@media only screen and (max-width: 425px) { .question--custom .main__title--question { margin: 16px 12px; } }

@media only screen and (max-width: 284px) { .question--custom .main__title--question { margin: 16px 12px; font-size: 14px; } }

.question--custom .question__list { margin-left: 4px; margin-right: 4px; }

.question--custom .media__title a:hover { color: #54B8C9; }

.question--custom .btn { background: #54B8C9; color: #FFFFFF; }

.result__list .media { border: 1px solid #cccccc; box-shadow: none; }

.result__list .media__text { padding: 24px; }

.result__list .media__title { text-align: center; font-size: 14px; color: #000000; font-weight: 600; }

.result__list .media__title span { color: #21409A; }

.result__list .media__numb { color: #666666; font-size: 14px; font-weight: 600; margin: 0 16px 0 0; }

.result__list .media__image { border-radius: 0; }

.result__list--polling { padding-top: 16px; }

.result__list--polling .media { position: relative; overflow: hidden; height: 75px; }

.result__list--polling .media__wrap { position: absolute; padding: 0; height: 100%; width: 100%; }

.result__list--polling .media__wrap strong, .result__list--polling .media__wrap span { font-size: 14px; position: absolute; font-weight: 600; top: calc(50% - 0.6em); }

.result__list--polling .media strong { color: #000000; left: 24px; }

.result__list--polling .media span { color: #21409A; right: 24px; }

.result__list--polling .media__bar { position: absolute; height: 100%; left: 0; }

.result__list--polling :nth-child(1) .media .media__bar { background: #E3F5FE; }

.result__list--polling :nth-child(2) .media .media__bar { background: #FCE7CC; }

.result__list--polling :nth-child(3) .media .media__bar { background: #FFD6D6; }

.result__list--polling :nth-child(4) .media .media__bar { background: #E1EDA0; }

.result__list--trivia { padding-top: 16px; }

.result__list--trivia .media { position: relative; overflow: hidden; height: 75px; }

.result__list--trivia .media__wrap { position: absolute; padding: 0; height: 100%; width: 100%; }

.result__list--trivia .media__wrap strong, .result__list--trivia .media__wrap span { font-size: 14px; position: absolute; font-weight: 600; top: calc(50% - 0.6em); }

.result__list--trivia .media__numb { position: absolute; top: calc(50% - 0.6em); left: 24px; }

.result__list--trivia .media strong { color: #000000; left: 48px; }

.result__list--trivia .media span { color: #21409A; right: 24px; }

.result__list--trivia-disable { padding-top: 16px; }

.result__list--trivia-disable .media__wrap { flex: 1; position: static; font-size: 60px; font-weight: 600; text-align: center; width: 150px; padding-top: 0; padding-bottom: 0; color: #000000; }

.result__list--trivia-disable .media__wrap:last-child { border-left: 1px solid #666666; }

.result__list--trivia-disable span { display: block; font-size: 14px; }

.checked { border-left: 8px solid #21409A; }

.disabled { opacity: 0.6; filter: alpha(opacity=60); cursor: not-allowed; pointer-events: none; }

.no-bg { background: none; }

.image-radius { border-radius: 8px; }

.sisip-quiz, .sisip-result { margin: 16px 0; }

.sisip-quiz iframe, .sisip-result iframe { overflow: hidden; }

/* Result custom personality 2.45 */
.items-center {
    align-items: center;
}