.mCustomScrollbar { touch-action: pinch-zoom }

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action { touch-action: auto }

.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr }

.mCSB_container { overflow: hidden; width: auto; height: auto }

.mCSB_inside > .mCSB_container { margin-right: 30px }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 }

.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 }

.mCSB_outside + .mCSB_scrollTools { right: -26px }

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px }

.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px }

.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px }

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0 }

.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 }

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 }

.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px }

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0 }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0 }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { transition: opacity .2s ease-in-out, background-color .2s ease-in-out }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out }

.mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" }

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px }

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .85) }

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .9) }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: hsla(0, 0%, 100%, .1); border-radius: 1px }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: hsla(0, 0%, 100%, .75); border-radius: 1px }

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .85) }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .9) }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); border-radius: 1px }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); border-radius: 1px }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: hsla(0, 0%, 100%, .1); border-radius: 2px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: hsla(0, 0%, 100%, .75); border-radius: 2px }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .85) }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .9) }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); border-radius: 2px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); border-radius: 2px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px }

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: hsla(0, 0%, 100%, .1) }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto }

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px }

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: hsla(0, 0%, 100%, .15) }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px }

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: 50% }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=") }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0)) }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0)) }

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px }

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, .2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2) }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2) }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1) }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" }

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px }

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4) }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }

.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, .2) }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2) }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2) }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2) }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent }

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px }

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, .2) }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px }

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 }

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px }

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, .2) }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .2); box-sizing: border-box }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, .2) }

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: hsla(0, 0%, 100%, .6) }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .6) }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .75) }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .85) }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: hsla(0, 0%, 100%, .9) }

.not-selectable { -webkit-user-select: none; -ms-user-select: none; user-select: none }

.carousel { position: relative; box-sizing: border-box }

.carousel *,
.carousel :after,
.carousel :before { box-sizing: inherit }

.carousel.is-draggable { cursor: move; cursor: grab }

.carousel.is-dragging { cursor: move; cursor: grabbing }

.carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100% }

.carousel__track { display: flex }

.carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y }

.has-dots { margin-bottom: calc(.5rem + 22px) }

.carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + .5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }

.carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer }

.carousel__dots .carousel__dot:after { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: currentColor; opacity: .25; transition: opacity .15s ease-in-out }

.carousel__dots .carousel__dot.is-selected:after { opacity: 1 }

.carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity .15s ease }

.carousel__button.is-next,
.carousel__button.is-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }

.carousel__button.is-prev { left: 10px }

.carousel__button.is-next { right: 10px }

.carousel__button[disabled] { cursor: default; opacity: .3 }

.carousel__button svg { width: var(--carousel-button-svg-width, 50%); height: var(--carousel-button-svg-height, 50%); fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width, 1.5); stroke-linejoin: bevel; stroke-linecap: round; -webkit-filter: var(--carousel-button-svg-filter, none); filter: var(--carousel-button-svg-filter, none); pointer-events: none }

html.with-fancybox { scroll-behavior: auto }

body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none }

.fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: transparent; overflow: hidden; z-index: 1050; outline: none; -webkit-transform-origin: top left; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) }

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before { box-sizing: inherit }

.fancybox__container :focus { outline: none }

body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94)) }

@media (min-width:1024px) {
    .fancybox__container { --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px }
}

.fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(24, 24, 27, .92)) }

.fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10 }

.fancybox__carousel.has-dots { margin-bottom: calc(.5rem + 22px) }

.fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default }

.fancybox__track { display: flex; height: 100% }

.fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px; position: relative; -ms-scroll-chaining: none; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px }

.fancybox__slide:after,
.fancybox__slide:before { content: ""; flex: 0 0 0; margin: auto }

@media (min-width:1024px) {
    .fancybox__slide { padding: 64px 100px }
}

.fancybox__content { margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0); padding: 36px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20 }

.fancybox__content :focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none }

.fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere }

.is-loading .fancybox__caption { visibility: hidden }

.fancybox__container > .carousel__dots { top: 100%; color: var(--fancybox-color, #fff) }

.fancybox__nav .carousel__button { z-index: 40 }

.fancybox__nav .carousel__button.is-next { right: 8px }

@media (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next { right: 40px }
}

.fancybox__nav .carousel__button.is-prev { left: 8px }

@media (min-width:1024px) {
    .fancybox__nav .carousel__button.is-prev { left: 40px }
}

.carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40 }

@media (min-width:1024px) {
    .carousel__button.is-close { right: 40px }
}

.fancybox__content > .carousel__button.is-close { position: absolute; top: -40px; right: 0; color: var(--fancybox-color, #fff) }

.fancybox__no-click,
.fancybox__no-click button { pointer-events: none }

.fancybox__spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor) }

.fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053 }

.fancybox__spinner svg { -webkit-animation: fancybox-rotate 2s linear infinite; animation: fancybox-rotate 2s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100% }

.fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: fancybox-dash 1.5s ease-in-out infinite; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor }

@-webkit-keyframes fancybox-rotate {
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}

@keyframes fancybox-rotate {
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
}

@-webkit-keyframes fancybox-dash {
    0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 }

    50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px }

    to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px }
}

@keyframes fancybox-dash {
    0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 }

    50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px }

    to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav { opacity: var(--fancybox-opacity, 1) }

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav { -webkit-animation: fancybox-fadeIn .15s ease backwards; animation: fancybox-fadeIn .15s ease backwards }

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav { -webkit-animation: fancybox-fadeOut .15s ease both; animation: fancybox-fadeOut .15s ease both }

.fancybox-fadeIn { -webkit-animation: fancybox-fadeIn .15s ease both; animation: fancybox-fadeIn .15s ease both }

.fancybox-fadeOut { -webkit-animation: fancybox-fadeOut .1s ease both; animation: fancybox-fadeOut .1s ease both }

.fancybox-zoomInUp { -webkit-animation: fancybox-zoomInUp .2s ease both; animation: fancybox-zoomInUp .2s ease both }

.fancybox-zoomOutDown { -webkit-animation: fancybox-zoomOutDown .15s ease both; animation: fancybox-zoomOutDown .15s ease both }

.fancybox-throwOutUp { -webkit-animation: fancybox-throwOutUp .15s ease both; animation: fancybox-throwOutUp .15s ease both }

.fancybox-throwOutDown { -webkit-animation: fancybox-throwOutDown .15s ease both; animation: fancybox-throwOutDown .15s ease both }

@-webkit-keyframes fancybox-fadeIn {
    0% { opacity: 0 }

    to { opacity: 1 }
}

@keyframes fancybox-fadeIn {
    0% { opacity: 0 }

    to { opacity: 1 }
}

@-webkit-keyframes fancybox-fadeOut {
    to { opacity: 0 }
}

@keyframes fancybox-fadeOut {
    to { opacity: 0 }
}

@-webkit-keyframes fancybox-zoomInUp {
    0% { -webkit-transform: scale(.97) translate3d(0, 16px, 0); transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }

    to { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1 }
}

@keyframes fancybox-zoomInUp {
    0% { -webkit-transform: scale(.97) translate3d(0, 16px, 0); transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }

    to { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1 }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to { -webkit-transform: scale(.97) translate3d(0, 16px, 0); transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }
}

@keyframes fancybox-zoomOutDown {
    to { -webkit-transform: scale(.97) translate3d(0, 16px, 0); transform: scale(.97) translate3d(0, 16px, 0); opacity: 0 }
}

@-webkit-keyframes fancybox-throwOutUp {
    to { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); opacity: 0 }
}

@keyframes fancybox-throwOutUp {
    to { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); opacity: 0 }
}

@-webkit-keyframes fancybox-throwOutDown {
    to { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); opacity: 0 }
}

@keyframes fancybox-throwOutDown {
    to { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); opacity: 0 }
}

.fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc hsla(0, 0%, 100%, .1) }

.fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: hsla(0, 0%, 100%, .1) }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0, 0, 0, .2) }

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab }

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing }

.fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto }

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in }

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out }

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab }

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing }

.fancybox__image { -webkit-transform-origin: 0 0; transform-origin: 0 0; touch-action: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: none }

.has-image .fancybox__content { padding: 0; background: transparent; min-height: 1px }

.is-closing .has-image .fancybox__content { overflow: visible }

.has-image[data-image-fit=contain] { overflow: visible; touch-action: none }

.has-image[data-image-fit=contain] .fancybox__content { flex-direction: row; flex-wrap: wrap }

.has-image[data-image-fit=contain] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain }

.has-image[data-image-fit=contain-w] { overflow-x: hidden; overflow-y: auto }

.has-image[data-image-fit=contain-w] .fancybox__content { min-height: auto }

.has-image[data-image-fit=contain-w] .fancybox__image { max-width: 100%; height: auto }

.has-image[data-image-fit=cover] { overflow: visible; touch-action: none }

.has-image[data-image-fit=cover] .fancybox__content { width: 100%; height: 100% }

.has-image[data-image-fit=cover] .fancybox__image { width: 100%; height: 100%; object-fit: cover }

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { flex-shrink: 1; min-height: 1px; overflow: visible }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80% }

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% }

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { padding: 0; background: rgba(24, 24, 27, .9); color: #fff }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df }

.fancybox__html5video,
.fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: transparent }

.fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 }

.fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0 3px; opacity: var(--fancybox-opacity, 1) }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs { -webkit-animation: fancybox-fadeIn .15s ease-in backwards; animation: fancybox-fadeIn .15s ease-in backwards }

.fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0 }

.fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer }

.fancybox__thumbs .carousel__slide .fancybox__thumb:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid var(--fancybox-accent-color, rgba(1, 210, 232, .94)); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px) }

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after { opacity: .92 }

.fancybox__thumbs .carousel__slide > * { pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }

.fancybox__thumb { position: relative; width: 100%; padding-top: calc(100%/var(--fancybox-thumbs-ratio, 1.5)); background-size: cover; background-position: 50%; background-color: hsla(0, 0%, 100%, .1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius, 4px) }

.fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44)); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4)) }

@media (min-width:1024px) {
    .fancybox__toolbar { padding: 8px }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar { -webkit-animation: fancybox-fadeIn .15s ease-in backwards; animation: fancybox-fadeIn .15s ease-in backwards }

.fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0 }

.fancybox__toolbar__items { display: flex }

.fancybox__toolbar__items--left { margin-right: auto }

.fancybox__toolbar__items--center { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

.fancybox__toolbar__items--right { margin-left: auto }

@media(max-width:640px) {
    .fancybox__toolbar__items--center:not(:last-child) { display: none }
}

.fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased }

.fancybox__progress { background: var(--fancybox-accent-color, rgba(1, 210, 232, .94)); height: 3px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 30; -webkit-user-select: none; -ms-user-select: none; user-select: none }

.fancybox__container:-webkit-full-screen::-webkit-backdrop { opacity: 0 }

.fancybox__container:-webkit-full-screen::backdrop { opacity: 0 }

.fancybox__container:-ms-fullscreen::backdrop { opacity: 0 }

.fancybox__container:fullscreen::-webkit-backdrop { opacity: 0 }

.fancybox__container:fullscreen::backdrop { opacity: 0 }

.fancybox__button--fullscreen g:nth-child(2) { display: none }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:first-child { display: none }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:first-child { display: none }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child { display: none }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) { display: block }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block }

.fancybox__button--slideshow g:nth-child(2),
.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child { display: none }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block }

:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace }

*,
:after,
:before { box-sizing: border-box }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section { display: block }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important }

hr { box-sizing: content-box; height: 0; overflow: visible }

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: 0; margin-bottom: .5rem }

p { margin-top: 0; margin-bottom: 1rem }

abbr[data-original-title],
abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none }

address { font-style: normal; line-height: inherit }

address,
dl,
ol,
ul { margin-bottom: 1rem }

dl,
ol,
ul { margin-top: 0 }

ol ol,
ol ul,
ul ol,
ul ul { margin-bottom: 0 }

dt { font-weight: 700 }

dd { margin-bottom: .5rem; margin-left: 0 }

blockquote { margin: 0 0 1rem }

b,
strong { font-weight: bolder }

small { font-size: 80% }

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

sub { bottom: -.25em }

sup { top: -.5em }

a { color: #007bff; text-decoration: none; background-color: transparent }

a:hover { color: #0056b3; text-decoration: underline }

a:not([href]):not([class]),
a:not([href]):not([class]):hover { color: inherit; text-decoration: none }

code,
kbd,
pre,
samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar }

figure { margin: 0 0 1rem }

img { border-style: none }

img,
svg { vertical-align: middle }

svg { overflow: hidden }

table { border-collapse: collapse }

caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom }

th { text-align: inherit; text-align: -webkit-match-parent }

label { display: inline-block; margin-bottom: .5rem }

button { border-radius: 0 }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }

button,
input,
optgroup,
select,
textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }

button,
input { overflow: visible }

button,
select { text-transform: none }

[role=button] { cursor: pointer }

select { word-wrap: normal }

[type=button],
[type=reset],
[type=submit],
button { -webkit-appearance: button }

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) { cursor: pointer }

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner { padding: 0; border-style: none }

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

textarea { overflow: auto; resize: vertical }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal }

progress { vertical-align: baseline }

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height: auto }

[type=search] { outline-offset: -2px; -webkit-appearance: none }

[type=search]::-webkit-search-decoration { -webkit-appearance: none }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }

output { display: inline-block }

summary { display: list-item; cursor: pointer }

template { display: none }

[hidden] { display: none !important }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }

.h1,
h1 { font-size: 2.5rem }

.h2,
h2 { font-size: 2rem }

.h3,
h3 { font-size: 1.75rem }

.h4,
h4 { font-size: 1.5rem }

.h5,
h5 { font-size: 1.25rem }

.h6,
h6 { font-size: 1rem }

.lead { font-size: 1.25rem; font-weight: 300 }

.display-1 { font-size: 6rem }

.display-1,
.display-2 { font-weight: 300; line-height: 1.2 }

.display-2 { font-size: 5.5rem }

.display-3 { font-size: 4.5rem }

.display-3,
.display-4 { font-weight: 300; line-height: 1.2 }

.display-4 { font-size: 3.5rem }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) }

.small,
small { font-size: 80%; font-weight: 400 }

.mark,
mark { padding: .2em; background-color: #fcf8e3 }

.list-inline,
.list-unstyled { padding-left: 0; list-style: none }

.list-inline-item { display: inline-block }

.list-inline-item:not(:last-child) { margin-right: .5rem }

.initialism { font-size: 90%; text-transform: uppercase }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem }

.blockquote-footer { display: block; font-size: 80%; color: #6c757d }

.blockquote-footer:before { content: "\2014\A0" }

.img-fluid,
.img-thumbnail { max-width: 100%; height: auto }

.img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem }

.figure { display: inline-block }

.figure-img { margin-bottom: .5rem; line-height: 1 }

.figure-caption { font-size: 90%; color: #6c757d }

code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word }

a > code { color: inherit }

kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem }

kbd kbd { padding: 0; font-size: 100%; font-weight: 700 }

pre { display: block; font-size: 87.5%; color: #212529 }

pre code { font-size: inherit; color: inherit; word-break: normal }

.pre-scrollable { max-height: 340px; overflow-y: scroll }

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:576px) {

    .container,
    .container-sm { max-width: 540px }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm { max-width: 720px }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm { max-width: 960px }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl { max-width: 1140px }
}

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }

.no-gutters { margin-right: 0; margin-left: 0 }

.no-gutters > .col,
.no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 }

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

.col { flex-basis: 0; flex-grow: 1; max-width: 100% }

.row-cols-1 > * { flex: 0 0 100%; max-width: 100% }

.row-cols-2 > * { flex: 0 0 50%; max-width: 50% }

.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

.row-cols-4 > * { flex: 0 0 25%; max-width: 25% }

.row-cols-5 > * { flex: 0 0 20%; max-width: 20% }

.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100% }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

.col-3 { flex: 0 0 25%; max-width: 25% }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }

.col-6 { flex: 0 0 50%; max-width: 50% }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }

.col-9 { flex: 0 0 75%; max-width: 75% }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }

.col-12 { flex: 0 0 100%; max-width: 100% }

.order-first { order: -1 }

.order-last { order: 13 }

.order-0 { order: 0 }

.order-1 { order: 1 }

.order-2 { order: 2 }

.order-3 { order: 3 }

.order-4 { order: 4 }

.order-5 { order: 5 }

.order-6 { order: 6 }

.order-7 { order: 7 }

.order-8 { order: 8 }

.order-9 { order: 9 }

.order-10 { order: 10 }

.order-11 { order: 11 }

.order-12 { order: 12 }

.offset-1 { margin-left: 8.3333333333% }

.offset-2 { margin-left: 16.6666666667% }

.offset-3 { margin-left: 25% }

.offset-4 { margin-left: 33.3333333333% }

.offset-5 { margin-left: 41.6666666667% }

.offset-6 { margin-left: 50% }

.offset-7 { margin-left: 58.3333333333% }

.offset-8 { margin-left: 66.6666666667% }

.offset-9 { margin-left: 75% }

.offset-10 { margin-left: 83.3333333333% }

.offset-11 { margin-left: 91.6666666667% }

@media (min-width:576px) {
    .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% }

    .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100% }

    .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50% }

    .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25% }

    .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20% }

    .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% }

    .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }

    .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-sm-3 { flex: 0 0 25%; max-width: 25% }

    .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }

    .col-sm-6 { flex: 0 0 50%; max-width: 50% }

    .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }

    .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }

    .col-sm-9 { flex: 0 0 75%; max-width: 75% }

    .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }

    .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }

    .col-sm-12 { flex: 0 0 100%; max-width: 100% }

    .order-sm-first { order: -1 }

    .order-sm-last { order: 13 }

    .order-sm-0 { order: 0 }

    .order-sm-1 { order: 1 }

    .order-sm-2 { order: 2 }

    .order-sm-3 { order: 3 }

    .order-sm-4 { order: 4 }

    .order-sm-5 { order: 5 }

    .order-sm-6 { order: 6 }

    .order-sm-7 { order: 7 }

    .order-sm-8 { order: 8 }

    .order-sm-9 { order: 9 }

    .order-sm-10 { order: 10 }

    .order-sm-11 { order: 11 }

    .order-sm-12 { order: 12 }

    .offset-sm-0 { margin-left: 0 }

    .offset-sm-1 { margin-left: 8.3333333333% }

    .offset-sm-2 { margin-left: 16.6666666667% }

    .offset-sm-3 { margin-left: 25% }

    .offset-sm-4 { margin-left: 33.3333333333% }

    .offset-sm-5 { margin-left: 41.6666666667% }

    .offset-sm-6 { margin-left: 50% }

    .offset-sm-7 { margin-left: 58.3333333333% }

    .offset-sm-8 { margin-left: 66.6666666667% }

    .offset-sm-9 { margin-left: 75% }

    .offset-sm-10 { margin-left: 83.3333333333% }

    .offset-sm-11 { margin-left: 91.6666666667% }
}

@media (min-width:768px) {
    .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% }

    .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100% }

    .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50% }

    .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25% }

    .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20% }

    .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% }

    .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }

    .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-md-3 { flex: 0 0 25%; max-width: 25% }

    .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }

    .col-md-6 { flex: 0 0 50%; max-width: 50% }

    .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }

    .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }

    .col-md-9 { flex: 0 0 75%; max-width: 75% }

    .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }

    .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }

    .col-md-12 { flex: 0 0 100%; max-width: 100% }

    .order-md-first { order: -1 }

    .order-md-last { order: 13 }

    .order-md-0 { order: 0 }

    .order-md-1 { order: 1 }

    .order-md-2 { order: 2 }

    .order-md-3 { order: 3 }

    .order-md-4 { order: 4 }

    .order-md-5 { order: 5 }

    .order-md-6 { order: 6 }

    .order-md-7 { order: 7 }

    .order-md-8 { order: 8 }

    .order-md-9 { order: 9 }

    .order-md-10 { order: 10 }

    .order-md-11 { order: 11 }

    .order-md-12 { order: 12 }

    .offset-md-0 { margin-left: 0 }

    .offset-md-1 { margin-left: 8.3333333333% }

    .offset-md-2 { margin-left: 16.6666666667% }

    .offset-md-3 { margin-left: 25% }

    .offset-md-4 { margin-left: 33.3333333333% }

    .offset-md-5 { margin-left: 41.6666666667% }

    .offset-md-6 { margin-left: 50% }

    .offset-md-7 { margin-left: 58.3333333333% }

    .offset-md-8 { margin-left: 66.6666666667% }

    .offset-md-9 { margin-left: 75% }

    .offset-md-10 { margin-left: 83.3333333333% }

    .offset-md-11 { margin-left: 91.6666666667% }
}

@media (min-width:992px) {
    .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% }

    .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100% }

    .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50% }

    .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25% }

    .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20% }

    .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% }

    .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }

    .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-lg-3 { flex: 0 0 25%; max-width: 25% }

    .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }

    .col-lg-6 { flex: 0 0 50%; max-width: 50% }

    .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }

    .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }

    .col-lg-9 { flex: 0 0 75%; max-width: 75% }

    .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }

    .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }

    .col-lg-12 { flex: 0 0 100%; max-width: 100% }

    .order-lg-first { order: -1 }

    .order-lg-last { order: 13 }

    .order-lg-0 { order: 0 }

    .order-lg-1 { order: 1 }

    .order-lg-2 { order: 2 }

    .order-lg-3 { order: 3 }

    .order-lg-4 { order: 4 }

    .order-lg-5 { order: 5 }

    .order-lg-6 { order: 6 }

    .order-lg-7 { order: 7 }

    .order-lg-8 { order: 8 }

    .order-lg-9 { order: 9 }

    .order-lg-10 { order: 10 }

    .order-lg-11 { order: 11 }

    .order-lg-12 { order: 12 }

    .offset-lg-0 { margin-left: 0 }

    .offset-lg-1 { margin-left: 8.3333333333% }

    .offset-lg-2 { margin-left: 16.6666666667% }

    .offset-lg-3 { margin-left: 25% }

    .offset-lg-4 { margin-left: 33.3333333333% }

    .offset-lg-5 { margin-left: 41.6666666667% }

    .offset-lg-6 { margin-left: 50% }

    .offset-lg-7 { margin-left: 58.3333333333% }

    .offset-lg-8 { margin-left: 66.6666666667% }

    .offset-lg-9 { margin-left: 75% }

    .offset-lg-10 { margin-left: 83.3333333333% }

    .offset-lg-11 { margin-left: 91.6666666667% }
}

@media (min-width:1200px) {
    .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% }

    .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100% }

    .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50% }

    .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25% }

    .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20% }

    .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% }

    .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }

    .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }

    .col-xl-3 { flex: 0 0 25%; max-width: 25% }

    .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }

    .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }

    .col-xl-6 { flex: 0 0 50%; max-width: 50% }

    .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }

    .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }

    .col-xl-9 { flex: 0 0 75%; max-width: 75% }

    .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }

    .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }

    .col-xl-12 { flex: 0 0 100%; max-width: 100% }

    .order-xl-first { order: -1 }

    .order-xl-last { order: 13 }

    .order-xl-0 { order: 0 }

    .order-xl-1 { order: 1 }

    .order-xl-2 { order: 2 }

    .order-xl-3 { order: 3 }

    .order-xl-4 { order: 4 }

    .order-xl-5 { order: 5 }

    .order-xl-6 { order: 6 }

    .order-xl-7 { order: 7 }

    .order-xl-8 { order: 8 }

    .order-xl-9 { order: 9 }

    .order-xl-10 { order: 10 }

    .order-xl-11 { order: 11 }

    .order-xl-12 { order: 12 }

    .offset-xl-0 { margin-left: 0 }

    .offset-xl-1 { margin-left: 8.3333333333% }

    .offset-xl-2 { margin-left: 16.6666666667% }

    .offset-xl-3 { margin-left: 25% }

    .offset-xl-4 { margin-left: 33.3333333333% }

    .offset-xl-5 { margin-left: 41.6666666667% }

    .offset-xl-6 { margin-left: 50% }

    .offset-xl-7 { margin-left: 58.3333333333% }

    .offset-xl-8 { margin-left: 66.6666666667% }

    .offset-xl-9 { margin-left: 75% }

    .offset-xl-10 { margin-left: 83.3333333333% }

    .offset-xl-11 { margin-left: 91.6666666667% }
}

.table { width: 100%; margin-bottom: 1rem; color: #212529 }

.table td,
.table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 }

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

.table tbody + tbody { border-top: 2px solid #dee2e6 }

.table-sm td,
.table-sm th { padding: .3rem }

.table-bordered,
.table-bordered td,
.table-bordered th { border: 1px solid #dee2e6 }

.table-bordered thead td,
.table-bordered thead th { border-bottom-width: 2px }

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th { border: 0 }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) }

.table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, .075) }

.table-primary,
.table-primary > td,
.table-primary > th { background-color: #b8daff }

.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th { border-color: #7abaff }

.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th { background-color: #9fcdff }

.table-secondary,
.table-secondary > td,
.table-secondary > th { background-color: #d6d8db }

.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th { border-color: #b3b7bb }

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th { background-color: #c8cbcf }

.table-success,
.table-success > td,
.table-success > th { background-color: #c3e6cb }

.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th { border-color: #8fd19e }

.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th { background-color: #b1dfbb }

.table-info,
.table-info > td,
.table-info > th { background-color: #bee5eb }

.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th { border-color: #86cfda }

.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th { background-color: #abdde5 }

.table-warning,
.table-warning > td,
.table-warning > th { background-color: #ffeeba }

.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th { border-color: #ffdf7e }

.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th { background-color: #ffe8a1 }

.table-danger,
.table-danger > td,
.table-danger > th { background-color: #f5c6cb }

.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th { border-color: #ed969e }

.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th { background-color: #f1b0b7 }

.table-light,
.table-light > td,
.table-light > th { background-color: #fdfdfe }

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th { border-color: #fbfcfc }

.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th { background-color: #ececf6 }

.table-dark,
.table-dark > td,
.table-dark > th { background-color: #c6c8ca }

.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th { border-color: #95999c }

.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th { background-color: #b9bbbe }

.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, .075) }

.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 }

.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 }

.table-dark { color: #fff; background-color: #343a40 }

.table-dark td,
.table-dark th,
.table-dark thead th { border-color: #454d55 }

.table-dark.table-bordered { border: 0 }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: hsla(0, 0%, 100%, .05) }

.table-dark.table-hover tbody tr:hover { color: #fff; background-color: hsla(0, 0%, 100%, .075) }

@media (max-width:575.98px) {
    .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }

    .table-responsive-sm > .table-bordered { border: 0 }
}

@media (max-width:767.98px) {
    .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }

    .table-responsive-md > .table-bordered { border: 0 }
}

@media (max-width:991.98px) {
    .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }

    .table-responsive-lg > .table-bordered { border: 0 }
}

@media (max-width:1199.98px) {
    .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }

    .table-responsive-xl > .table-bordered { border: 0 }
}

.table-responsive > .table-bordered { border: 0 }

.form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .form-control { transition: none }
}

.form-control::-ms-expand { background-color: transparent; border: 0 }

.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 }

.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.form-control::-moz-placeholder { color: #6c757d; opacity: 1 }

.form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 }

.form-control::placeholder { color: #6c757d; opacity: 1 }

.form-control:disabled,
.form-control[readonly] { background-color: #e9ecef; opacity: 1 }

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none }

select.form-control:focus::-ms-value { color: #495057; background-color: #fff }

.form-control-file,
.form-control-range { display: block; width: 100% }

.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 }

.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 }

.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 }

.form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 }

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 }

.form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }

.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }

select.form-control[multiple],
select.form-control[size],
textarea.form-control { height: auto }

.form-group { margin-bottom: 1rem }

.form-text { display: block; margin-top: .25rem }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px }

.form-row > .col,
.form-row > [class*=col-] { padding-right: 5px; padding-left: 5px }

.form-check { position: relative; display: block; padding-left: 1.25rem }

.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem }

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label { color: #6c757d }

.form-check-label { margin-bottom: 0 }

.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 }

.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 }

.valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, .9); border-radius: .25rem }

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip { display: block }

.form-control.is-valid,
.was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) }

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) }

.custom-select.is-valid,
.was-validated .custom-select:valid { border-color: #28a745; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) }

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) }

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label { color: #28a745 }

.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip { display: block }

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745 }

.custom-control-input.is-valid ~ .custom-control-label:before,
.was-validated .custom-control-input:valid ~ .custom-control-label:before { border-color: #28a745 }

.custom-control-input.is-valid:checked ~ .custom-control-label:before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label:before { border-color: #34ce57; background-color: #34ce57 }

.custom-control-input.is-valid:focus ~ .custom-control-label:before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) }

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before,
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before,
.was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745 }

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) }

.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 }

.invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem }

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip { display: block }

.form-control.is-invalid,
.was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) }

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) }

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) }

.custom-select.is-invalid,
.was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) }

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) }

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 }

.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block }

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 }

.custom-control-input.is-invalid ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid ~ .custom-control-label:before { border-color: #dc3545 }

.custom-control-input.is-invalid:checked ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before { border-color: #e4606d; background-color: #e4606d }

.custom-control-input.is-invalid:focus ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) }

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before,
.was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 }

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) }

.form-inline { display: flex; flex-flow: row wrap; align-items: center }

.form-inline .form-check { width: 100% }

@media (min-width:576px) {
    .form-inline label { justify-content: center }

    .form-inline .form-group,
    .form-inline label { display: flex; align-items: center; margin-bottom: 0 }

    .form-inline .form-group { flex: 0 0 auto; flex-flow: row wrap }

    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }

    .form-inline .form-control-plaintext { display: inline-block }

    .form-inline .custom-select,
    .form-inline .input-group { width: auto }

    .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 }

    .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 }

    .form-inline .custom-control { align-items: center; justify-content: center }

    .form-inline .custom-control-label { margin-bottom: 0 }
}

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .btn { transition: none }
}

.btn:hover { color: #212529; text-decoration: none }

.btn.focus,
.btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.btn.disabled,
.btn:disabled { opacity: .65 }

.btn:not(:disabled):not(.disabled) { cursor: pointer }

a.btn.disabled,
fieldset:disabled a.btn { pointer-events: none }

.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff }

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc }

.btn-primary.focus,
.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) }

.btn-primary.disabled,
.btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff }

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) }

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d }

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 }

.btn-secondary.focus,
.btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5) }

.btn-secondary.disabled,
.btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d }

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b }

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5) }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745 }

.btn-success.focus,
.btn-success:focus,
.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 }

.btn-success.focus,
.btn-success:focus { box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5) }

.btn-success.disabled,
.btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 }

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 }

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5) }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }

.btn-info.focus,
.btn-info:focus,
.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b }

.btn-info.focus,
.btn-info:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) }

.btn-info.disabled,
.btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f }

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) }

.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 }

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 }

.btn-warning.focus,
.btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5) }

.btn-warning.disabled,
.btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 }

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 }

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5) }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 }

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 }

.btn-danger.focus,
.btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) }

.btn-danger.disabled,
.btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 }

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d }

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) }

.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }

.btn-light.focus,
.btn-light:focus,
.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 }

.btn-light.focus,
.btn-light:focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5) }

.btn-light.disabled,
.btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df }

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5) }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 }

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 }

.btn-dark.focus,
.btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5) }

.btn-dark.disabled,
.btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 }

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d }

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5) }

.btn-outline-primary { color: #007bff; border-color: #007bff }

.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff }

.btn-outline-primary.focus,
.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) }

.btn-outline-primary.disabled,
.btn-outline-primary:disabled { color: #007bff; background-color: transparent }

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff }

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) }

.btn-outline-secondary { color: #6c757d; border-color: #6c757d }

.btn-outline-secondary:hover { background-color: #6c757d; border-color: #6c757d }

.btn-outline-secondary.focus,
.btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) }

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled { color: #6c757d; background-color: transparent }

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d }

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) }

.btn-outline-success { color: #28a745; border-color: #28a745 }

.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 }

.btn-outline-success.focus,
.btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) }

.btn-outline-success.disabled,
.btn-outline-success:disabled { color: #28a745; background-color: transparent }

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 }

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) }

.btn-outline-info { color: #17a2b8; border-color: #17a2b8 }

.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }

.btn-outline-info.focus,
.btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) }

.btn-outline-info.disabled,
.btn-outline-info:disabled { color: #17a2b8; background-color: transparent }

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 }

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) }

.btn-outline-warning { color: #ffc107; border-color: #ffc107 }

.btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 }

.btn-outline-warning.focus,
.btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) }

.btn-outline-warning.disabled,
.btn-outline-warning:disabled { color: #ffc107; background-color: transparent }

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 }

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) }

.btn-outline-danger { color: #dc3545; border-color: #dc3545 }

.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 }

.btn-outline-danger.focus,
.btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) }

.btn-outline-danger.disabled,
.btn-outline-danger:disabled { color: #dc3545; background-color: transparent }

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 }

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa }

.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }

.btn-outline-light.focus,
.btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) }

.btn-outline-light.disabled,
.btn-outline-light:disabled { color: #f8f9fa; background-color: transparent }

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa }

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) }

.btn-outline-dark { color: #343a40; border-color: #343a40 }

.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 }

.btn-outline-dark.focus,
.btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) }

.btn-outline-dark.disabled,
.btn-outline-dark:disabled { color: #343a40; background-color: transparent }

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 }

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) }

.btn-link { font-weight: 400; color: #007bff; text-decoration: none }

.btn-link:hover { color: #0056b3 }

.btn-link.focus,
.btn-link:focus,
.btn-link:hover { text-decoration: underline }

.btn-link.disabled,
.btn-link:disabled { color: #6c757d; pointer-events: none }

.btn-group-lg > .btn,
.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }

.btn-group-sm > .btn,
.btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }

.btn-block { display: block; width: 100% }

.btn-block + .btn-block { margin-top: .5rem }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block { width: 100% }

.fade { transition: opacity .15s linear }

@media (prefers-reduced-motion:reduce) {
    .fade { transition: none }
}

.fade:not(.show) { opacity: 0 }

.collapse:not(.show) { display: none }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease }

@media (prefers-reduced-motion:reduce) {
    .collapsing { transition: none }
}

.dropdown,
.dropleft,
.dropright,
.dropup { position: relative }

.dropdown-toggle { white-space: nowrap }

.dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }

.dropdown-toggle:empty:after { margin-left: 0 }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem }

.dropdown-menu-left { right: auto; left: 0 }

.dropdown-menu-right { right: 0; left: auto }

@media (min-width:576px) {
    .dropdown-menu-sm-left { right: auto; left: 0 }

    .dropdown-menu-sm-right { right: 0; left: auto }
}

@media (min-width:768px) {
    .dropdown-menu-md-left { right: auto; left: 0 }

    .dropdown-menu-md-right { right: 0; left: auto }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left { right: auto; left: 0 }

    .dropdown-menu-lg-right { right: 0; left: auto }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left { right: auto; left: 0 }

    .dropdown-menu-xl-right { right: 0; left: auto }
}

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem }

.dropup .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent }

.dropup .dropdown-toggle:empty:after { margin-left: 0 }

.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem }

.dropright .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid }

.dropright .dropdown-toggle:empty:after { margin-left: 0 }

.dropright .dropdown-toggle:after { vertical-align: 0 }

.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem }

.dropleft .dropdown-toggle:after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; display: none }

.dropleft .dropdown-toggle:before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent }

.dropleft .dropdown-toggle:empty:after { margin-left: 0 }

.dropleft .dropdown-toggle:before { vertical-align: 0 }

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] { right: auto; bottom: auto }

.dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef }

.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }

.dropdown-item:focus,
.dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa }

.dropdown-item.active,
.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff }

.dropdown-item.disabled,
.dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent }

.dropdown-menu.show { display: block }

.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap }

.dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 }

.btn-group,
.btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle }

.btn-group-vertical > .btn,
.btn-group > .btn { position: relative; flex: 1 1 auto }

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover { z-index: 1 }

.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start }

.btn-toolbar .input-group { width: auto }

.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) { margin-left: -1px }

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 }

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem }

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after { margin-left: 0 }

.dropleft .dropdown-toggle-split:before { margin-right: 0 }

.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem }

.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem }

.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group { width: 100% }

.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) { margin-top: -1px }

.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn { margin-bottom: 0 }

.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% }

.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 }

.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control { margin-left: -1px }

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus { z-index: 3 }

.input-group > .custom-file .custom-file-input:focus { z-index: 4 }

.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }

.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.input-group > .custom-file { display: flex; align-items: center }

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label:after { border-top-right-radius: 0; border-bottom-right-radius: 0 }

.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.input-group-append,
.input-group-prepend { display: flex }

.input-group-append .btn,
.input-group-prepend .btn { position: relative; z-index: 2 }

.input-group-append .btn:focus,
.input-group-prepend .btn:focus { z-index: 3 }

.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text { margin-left: -1px }

.input-group-prepend { margin-right: -1px }

.input-group-append { margin-left: -1px }

.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem }

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] { margin-top: 0 }

.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) }

.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem }

.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) }

.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select { padding-right: 1.75rem }

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }

.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact }

.custom-control-inline { display: inline-flex; margin-right: 1rem }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0 }

.custom-control-input:checked ~ .custom-control-label:before { color: #fff; border-color: #007bff; background-color: #007bff }

.custom-control-input:focus ~ .custom-control-label:before { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-control-input:focus:not(:checked) ~ .custom-control-label:before { border-color: #80bdff }

.custom-control-input:not(:disabled):active ~ .custom-control-label:before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff }

.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label { color: #6c757d }

.custom-control-input:disabled ~ .custom-control-label:before,
.custom-control-input[disabled] ~ .custom-control-label:before { background-color: #e9ecef }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top }

.custom-control-label:before { pointer-events: none; background-color: #fff; border: 1px solid #adb5bd }

.custom-control-label:after,
.custom-control-label:before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: "" }

.custom-control-label:after { background: no-repeat 50%/50% 50% }

.custom-checkbox .custom-control-label:before { border-radius: .25rem }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E") }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before { border-color: #007bff; background-color: #007bff }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before { background-color: rgba(0, 123, 255, .5) }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before { background-color: rgba(0, 123, 255, .5) }

.custom-radio .custom-control-label:before { border-radius: 50% }

.custom-radio .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before { background-color: rgba(0, 123, 255, .5) }

.custom-switch { padding-left: 2.25rem }

.custom-switch .custom-control-label:before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem }

.custom-switch .custom-control-label:after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after { transition: none }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after { background-color: #fff; transform: translateX(.75rem) }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before { background-color: rgba(0, 123, 255, .5) }

.custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none }

.custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-select:focus::-ms-value { color: #495057; background-color: #fff }

.custom-select[multiple],
.custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none }

.custom-select:disabled { color: #6c757d; background-color: #e9ecef }

.custom-select::-ms-expand { display: none }

.custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 }

.custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem }

.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem }

.custom-file { display: inline-block; margin-bottom: 0 }

.custom-file,
.custom-file-input { position: relative; width: 100%; height: calc(1.5em + .75rem + 2px) }

.custom-file-input { z-index: 2; margin: 0; opacity: 0 }

.custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label { background-color: #e9ecef }

.custom-file-input:lang(en) ~ .custom-file-label:after { content: "Browse" }

.custom-file-input ~ .custom-file-label[data-browse]:after { content: attr(data-browse) }

.custom-file-label { left: 0; z-index: 1; height: calc(1.5em + .75rem + 2px); font-weight: 400; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem }

.custom-file-label,
.custom-file-label:after { position: absolute; top: 0; right: 0; padding: .375rem .75rem; line-height: 1.5; color: #495057 }

.custom-file-label:after { bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 }

.custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none }

.custom-range:focus { outline: none }

.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) }

.custom-range::-moz-focus-outer { border: 0 }

.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none }
}

.custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff }

.custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem }

.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb { -moz-transition: none; transition: none }
}

.custom-range::-moz-range-thumb:active { background-color: #b3d7ff }

.custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem }

.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb { -ms-transition: none; transition: none }
}

.custom-range::-ms-thumb:active { background-color: #b3d7ff }

.custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem }

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper { background-color: #dee2e6; border-radius: 1rem }

.custom-range::-ms-fill-upper { margin-right: 15px }

.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd }

.custom-range:disabled::-webkit-slider-runnable-track { cursor: default }

.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd }

.custom-range:disabled::-moz-range-track { cursor: default }

.custom-range:disabled::-ms-thumb { background-color: #adb5bd }

.custom-control-label:before,
.custom-file-label,
.custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {

    .custom-control-label:before,
    .custom-file-label,
    .custom-select { transition: none }
}

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }

.nav-link { display: block; padding: .5rem 1rem }

.nav-link:focus,
.nav-link:hover { text-decoration: none }

.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default }

.nav-tabs { border-bottom: 1px solid #dee2e6 }

.nav-tabs .nav-item { margin-bottom: -1px }

.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem }

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent }

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }

.nav-pills .nav-link { border-radius: .25rem }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background-color: #007bff }

.nav-fill .nav-item,
.nav-fill > .nav-link { flex: 1 1 auto; text-align: center }

.nav-justified .nav-item,
.nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center }

.tab-content > .tab-pane { display: none }

.tab-content > .active { display: block }

.navbar { position: relative; padding: .5rem 1rem }

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between }

.navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap }

.navbar-brand:focus,
.navbar-brand:hover { text-decoration: none }

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0 }

.navbar-nav .dropdown-menu { position: static; float: none }

.navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center }

.navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem }

.navbar-toggler:focus,
.navbar-toggler:hover { text-decoration: none }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat 50%; background-size: 100% 100% }

@media (max-width:575.98px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:576px) {
    .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start }

    .navbar-expand-sm .navbar-nav { flex-direction: row }

    .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute }

    .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-xl { flex-wrap: nowrap }

    .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto }

    .navbar-expand-sm .navbar-toggler { display: none }
}

@media (max-width:767.98px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:768px) {
    .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start }

    .navbar-expand-md .navbar-nav { flex-direction: row }

    .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute }

    .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-xl { flex-wrap: nowrap }

    .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto }

    .navbar-expand-md .navbar-toggler { display: none }
}

@media (max-width:991.98px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:992px) {
    .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start }

    .navbar-expand-lg .navbar-nav { flex-direction: row }

    .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute }

    .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-xl { flex-wrap: nowrap }

    .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto }

    .navbar-expand-lg .navbar-toggler { display: none }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:1200px) {
    .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start }

    .navbar-expand-xl .navbar-nav { flex-direction: row }

    .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute }

    .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-xl { flex-wrap: nowrap }

    .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto }

    .navbar-expand-xl .navbar-toggler { display: none }
}

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start }

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl { padding-right: 0; padding-left: 0 }

.navbar-expand .navbar-nav { flex-direction: row }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute }

.navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl { flex-wrap: nowrap }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto }

.navbar-expand .navbar-toggler { display: none }

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) }

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, .9) }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1) }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") }

.navbar-light .navbar-text { color: rgba(0, 0, 0, .5) }

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) }

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover { color: #fff }

.navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .5) }

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover { color: hsla(0, 0%, 100%, .75) }

.navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0, 0%, 100%, .25) }

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link { color: #fff }

.navbar-dark .navbar-toggler { color: hsla(0, 0%, 100%, .5); border-color: hsla(0, 0%, 100%, .1) }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") }

.navbar-dark .navbar-text { color: hsla(0, 0%, 100%, .5) }

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover { color: #fff }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem }

.card > hr { margin-right: 0; margin-left: 0 }

.card > .list-group { border-top: inherit; border-bottom: inherit }

.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }

.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) }

.card > .card-header + .list-group,
.card > .list-group + .card-footer { border-top: 0 }

.card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem }

.card-title { margin-bottom: .75rem }

.card-subtitle { margin-top: -.375rem }

.card-subtitle,
.card-text:last-child { margin-bottom: 0 }

.card-link:hover { text-decoration: none }

.card-link + .card-link { margin-left: 1.25rem }

.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) }

.card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 }

.card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) }

.card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) }

.card-header-tabs { margin-bottom: -.75rem; border-bottom: 0 }

.card-header-pills,
.card-header-tabs { margin-right: -.625rem; margin-left: -.625rem }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(.25rem - 1px) }

.card-img,
.card-img-bottom,
.card-img-top { flex-shrink: 0; width: 100% }

.card-img,
.card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }

.card-img,
.card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) }

.card-deck .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px }

    .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px }
}

.card-group > .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-group { display: flex; flex-flow: row wrap }

    .card-group > .card { flex: 1 0 0%; margin-bottom: 0 }

    .card-group > .card + .card { margin-left: 0; border-left: 0 }

    .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }

    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 }

    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 }

    .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }

    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 }

    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 }
}

.card-columns .card { margin-bottom: .75rem }

@media (min-width:576px) {
    .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 }

    .card-columns .card { display: inline-block; width: 100% }
}

.accordion { overflow-anchor: none }

.accordion > .card { overflow: hidden }

.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 }

.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px }

.breadcrumb { flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem }

.breadcrumb,
.breadcrumb-item { display: flex }

.breadcrumb-item + .breadcrumb-item { padding-left: .5rem }

.breadcrumb-item + .breadcrumb-item:before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" }

.breadcrumb-item + .breadcrumb-item:hover:before { text-decoration: underline; text-decoration: none }

.breadcrumb-item.active { color: #6c757d }

.pagination { display: flex; padding-left: 0; list-style: none; border-radius: .25rem }

.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 }

.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 }

.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) }

.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem }

.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem }

.page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff }

.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 }

.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem }

.pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem }

.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .badge { transition: none }
}

a.badge:focus,
a.badge:hover { text-decoration: none }

.badge:empty { display: none }

.btn .badge { position: relative; top: -1px }

.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem }

.badge-primary { color: #fff; background-color: #007bff }

a.badge-primary:focus,
a.badge-primary:hover { color: #fff; background-color: #0062cc }

a.badge-primary.focus,
a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) }

.badge-secondary { color: #fff; background-color: #6c757d }

a.badge-secondary:focus,
a.badge-secondary:hover { color: #fff; background-color: #545b62 }

a.badge-secondary.focus,
a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) }

.badge-success { background-color: #28a745 }

a.badge-success:focus,
a.badge-success:hover { color: #fff; background-color: #1e7e34 }

a.badge-success.focus,
a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) }

.badge-info { color: #fff; background-color: #17a2b8 }

a.badge-info:focus,
a.badge-info:hover { color: #fff; background-color: #117a8b }

a.badge-info.focus,
a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) }

.badge-warning { color: #212529 }

a.badge-warning:focus,
a.badge-warning:hover { color: #212529; background-color: #d39e00 }

a.badge-warning.focus,
a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) }

.badge-danger { background-color: #dc3545 }

a.badge-danger:focus,
a.badge-danger:hover { color: #fff; background-color: #bd2130 }

a.badge-danger.focus,
a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) }

.badge-light { color: #212529; background-color: #f8f9fa }

a.badge-light:focus,
a.badge-light:hover { color: #212529; background-color: #dae0e5 }

a.badge-light.focus,
a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) }

.badge-dark { color: #fff; background-color: #343a40 }

a.badge-dark:focus,
a.badge-dark:hover { color: #fff; background-color: #1d2124 }

a.badge-dark.focus,
a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) }

.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem }

@media (min-width:576px) {
    .jumbotron { padding: 4rem 2rem }
}

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }

.alert-heading { color: inherit }

.alert-link { font-weight: 700 }

.alert-dismissible { padding-right: 4rem }

.alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff }

.alert-primary hr { border-top-color: #9fcdff }

.alert-primary .alert-link { color: #002752 }

.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db }

.alert-secondary hr { border-top-color: #c8cbcf }

.alert-secondary .alert-link { color: #202326 }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb }

.alert-success hr { border-top-color: #b1dfbb }

.alert-success .alert-link { color: #0b2e13 }

.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb }

.alert-info hr { border-top-color: #abdde5 }

.alert-info .alert-link { color: #062c33 }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }

.alert-warning hr { border-top-color: #ffe8a1 }

.alert-warning .alert-link { color: #533f03 }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }

.alert-danger hr { border-top-color: #f1b0b7 }

.alert-danger .alert-link { color: #491217 }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe }

.alert-light hr { border-top-color: #ececf6 }

.alert-light .alert-link { color: #686868 }

.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca }

.alert-dark hr { border-top-color: #b9bbbe }

.alert-dark .alert-link { color: #040505 }

@-webkit-keyframes progress-bar-stripes {
    0% { background-position: 1rem 0 }

    to { background-position: 0 0 }
}

@keyframes progress-bar-stripes {
    0% { background-position: 1rem 0 }

    to { background-position: 0 0 }
}

.progress { height: 1rem; line-height: 0; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem }

.progress,
.progress-bar { display: flex; overflow: hidden }

.progress-bar { flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease }

@media (prefers-reduced-motion:reduce) {
    .progress-bar { transition: none }
}

.progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: 1rem 1rem }

.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite }

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated { -webkit-animation: none; animation: none }
}

.media { display: flex; align-items: flex-start }

.media-body { flex: 1 }

.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit }

.list-group-item-action:focus,
.list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa }

.list-group-item-action:active { color: #212529; background-color: #e9ecef }

.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) }

.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }

.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit }

.list-group-item.disabled,
.list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff }

.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff }

.list-group-item + .list-group-item { border-top-width: 0 }

.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px }

.list-group-horizontal { flex-direction: row }

.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }

.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }

.list-group-horizontal > .list-group-item.active { margin-top: 0 }

.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }

.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }

@media (min-width:576px) {
    .list-group-horizontal-sm { flex-direction: row }

    .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }

    .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }

    .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 }

    .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:768px) {
    .list-group-horizontal-md { flex-direction: row }

    .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }

    .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }

    .list-group-horizontal-md > .list-group-item.active { margin-top: 0 }

    .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:992px) {
    .list-group-horizontal-lg { flex-direction: row }

    .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }

    .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }

    .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 }

    .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl { flex-direction: row }

    .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }

    .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }

    .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 }

    .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

.list-group-flush { border-radius: 0 }

.list-group-flush > .list-group-item { border-width: 0 0 1px }

.list-group-flush > .list-group-item:last-child { border-bottom-width: 0 }

.list-group-item-primary { color: #004085; background-color: #b8daff }

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 }

.list-group-item-secondary { color: #383d41; background-color: #d6d8db }

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 }

.list-group-item-success { color: #155724; background-color: #c3e6cb }

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 }

.list-group-item-info { color: #0c5460; background-color: #bee5eb }

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 }

.list-group-item-warning { color: #856404; background-color: #ffeeba }

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 }

.list-group-item-danger { color: #721c24; background-color: #f5c6cb }

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 }

.list-group-item-light { color: #818182; background-color: #fdfdfe }

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 }

.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca }

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 }

.close:hover { color: #000; text-decoration: none }

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover { opacity: .75 }

button.close { padding: 0; background-color: transparent; border: 0 }

a.close.disabled { pointer-events: none }

.toast { flex-basis: 350px; max-width: 350px; font-size: .875rem; background-color: hsla(0, 0%, 100%, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); opacity: 0; border-radius: .25rem }

.toast:not(:last-child) { margin-bottom: .75rem }

.toast.showing { opacity: 1 }

.toast.show { display: block; opacity: 1 }

.toast.hide { display: none }

.toast-header { display: flex; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: hsla(0, 0%, 100%, .85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, .05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }

.toast-body { padding: .75rem }

.modal-open { overflow: hidden }

.modal-open .modal { overflow-x: hidden; overflow-y: auto }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 }

.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none }

.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-50px) }

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog { transition: none }
}

.modal.show .modal-dialog { transform: none }

.modal.modal-static .modal-dialog { transform: scale(1.02) }

.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) }

.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden }

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header { flex-shrink: 0 }

.modal-dialog-scrollable .modal-body { overflow-y: auto }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) }

.modal-dialog-centered:before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: "" }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none }

.modal-dialog-centered.modal-dialog-scrollable:before { content: none }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }

.modal-backdrop.fade { opacity: 0 }

.modal-backdrop.show { opacity: .5 }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }

.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto }

.modal-title { margin-bottom: 0; line-height: 1.5 }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem }

.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) }

.modal-footer > * { margin: .25rem }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }

@media (min-width:576px) {
    .modal-dialog { max-width: 500px; margin: 1.75rem auto }

    .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) }

    .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) }

    .modal-dialog-centered { min-height: calc(100% - 3.5rem) }

    .modal-dialog-centered:before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content }

    .modal-sm { max-width: 300px }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl { max-width: 800px }
}

@media (min-width:1200px) {
    .modal-xl { max-width: 1140px }
}

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 }

.tooltip.show { opacity: .9 }

.tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem }

.tooltip .arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid }

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top { padding: .4rem 0 }

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow { bottom: 0 }

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 }

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right { padding: 0 .4rem }

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem }

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 }

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom { padding: .4rem 0 }

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow { top: 0 }

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 }

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left { padding: 0 .4rem }

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem }

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 }

.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem }

.popover { top: 0; left: 0; z-index: 1060; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem }

.popover,
.popover .arrow { position: absolute; display: block }

.popover .arrow { width: 1rem; height: .5rem; margin: 0 .3rem }

.popover .arrow:after,
.popover .arrow:before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid }

.bs-popover-auto[x-placement^=top],
.bs-popover-top { margin-bottom: .5rem }

.bs-popover-auto[x-placement^=top] > .arrow,
.bs-popover-top > .arrow { bottom: calc(-.5rem - 1px) }

.bs-popover-auto[x-placement^=top] > .arrow:before,
.bs-popover-top > .arrow:before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, .25) }

.bs-popover-auto[x-placement^=top] > .arrow:after,
.bs-popover-top > .arrow:after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff }

.bs-popover-auto[x-placement^=right],
.bs-popover-right { margin-left: .5rem }

.bs-popover-auto[x-placement^=right] > .arrow,
.bs-popover-right > .arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 }

.bs-popover-auto[x-placement^=right] > .arrow:before,
.bs-popover-right > .arrow:before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, .25) }

.bs-popover-auto[x-placement^=right] > .arrow:after,
.bs-popover-right > .arrow:after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff }

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom { margin-top: .5rem }

.bs-popover-auto[x-placement^=bottom] > .arrow,
.bs-popover-bottom > .arrow { top: calc(-.5rem - 1px) }

.bs-popover-auto[x-placement^=bottom] > .arrow:before,
.bs-popover-bottom > .arrow:before { top: 0; border-width: 0 .5rem .5rem; border-bottom-color: rgba(0, 0, 0, .25) }

.bs-popover-auto[x-placement^=bottom] > .arrow:after,
.bs-popover-bottom > .arrow:after { top: 1px; border-width: 0 .5rem .5rem; border-bottom-color: #fff }

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 }

.bs-popover-auto[x-placement^=left],
.bs-popover-left { margin-right: .5rem }

.bs-popover-auto[x-placement^=left] > .arrow,
.bs-popover-left > .arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 }

.bs-popover-auto[x-placement^=left] > .arrow:before,
.bs-popover-left > .arrow:before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, .25) }

.bs-popover-auto[x-placement^=left] > .arrow:after,
.bs-popover-left > .arrow:after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff }

.popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }

.popover-header:empty { display: none }

.popover-body { padding: .5rem .75rem; color: #212529 }

.carousel { position: relative }

.carousel.pointer-event { touch-action: pan-y }

.carousel-inner { position: relative; width: 100%; overflow: hidden }

.carousel-inner:after { display: block; clear: both; content: "" }

.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .carousel-item { transition: none }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active { display: block }

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) { transform: translateX(100%) }

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%) }

.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none }

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active { z-index: 1; opacity: 1 }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s }

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right { transition: none }
}

.carousel-control-next,
.carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease }

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev { transition: none }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 }

.carousel-control-prev { left: 0 }

.carousel-control-next { right: 0 }

.carousel-control-next-icon,
.carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100% }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E") }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E") }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none }

.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li { transition: none }
}

.carousel-indicators .active { opacity: 1 }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center }

@-webkit-keyframes spinner-border {
    to { transform: rotate(1turn) }
}

@keyframes spinner-border {
    to { transform: rotate(1turn) }
}

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid; border-right: .25em solid transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em }

@-webkit-keyframes spinner-grow {
    0% { transform: scale(0) }

    50% { opacity: 1; transform: none }
}

@keyframes spinner-grow {
    0% { transform: scale(0) }

    50% { opacity: 1; transform: none }
}

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite }

.spinner-grow-sm { width: 1rem; height: 1rem }

.align-baseline { vertical-align: baseline !important }

.align-top { vertical-align: top !important }

.align-middle { vertical-align: middle !important }

.align-bottom { vertical-align: bottom !important }

.align-text-bottom { vertical-align: text-bottom !important }

.align-text-top { vertical-align: text-top !important }

.bg-primary { background-color: #007bff !important }

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover { background-color: #0062cc !important }

.bg-secondary { background-color: #6c757d !important }

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover { background-color: #545b62 !important }

.bg-success { background-color: #28a745 !important }

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover { background-color: #1e7e34 !important }

.bg-info { background-color: #17a2b8 !important }

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover { background-color: #117a8b !important }

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover { background-color: #d39e00 !important }

.bg-danger { background-color: #dc3545 !important }

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover { background-color: #bd2130 !important }

.bg-light { background-color: #f8f9fa !important }

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover { background-color: #dae0e5 !important }

.bg-dark { background-color: #343a40 !important }

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover { background-color: #1d2124 !important }

.bg-white { background-color: #fff !important }

.bg-transparent { background-color: transparent !important }

.border { border: 1px solid #dee2e6 !important }

.border-top { border-top: 1px solid #dee2e6 !important }

.border-right { border-right: 1px solid #dee2e6 !important }

.border-bottom { border-bottom: 1px solid #dee2e6 !important }

.border-left { border-left: 1px solid #dee2e6 !important }

.border-0 { border: 0 !important }

.border-top-0 { border-top: 0 !important }

.border-right-0 { border-right: 0 !important }

.border-bottom-0 { border-bottom: 0 !important }

.border-left-0 { border-left: 0 !important }

.border-primary { border-color: #007bff !important }

.border-secondary { border-color: #6c757d !important }

.border-success { border-color: #28a745 !important }

.border-info { border-color: #17a2b8 !important }

.border-warning { border-color: #ffc107 !important }

.border-danger { border-color: #dc3545 !important }

.border-light { border-color: #f8f9fa !important }

.border-dark { border-color: #343a40 !important }

.border-white { border-color: #fff !important }

.rounded-sm { border-radius: .2rem !important }

.rounded { border-radius: .25rem !important }

.rounded-top { border-top-left-radius: .25rem !important }

.rounded-right,
.rounded-top { border-top-right-radius: .25rem !important }

.rounded-bottom,
.rounded-right { border-bottom-right-radius: .25rem !important }

.rounded-bottom,
.rounded-left { border-bottom-left-radius: .25rem !important }

.rounded-left { border-top-left-radius: .25rem !important }

.rounded-lg { border-radius: .3rem !important }

.rounded-circle { border-radius: 50% !important }

.rounded-pill { border-radius: 50rem !important }

.rounded-0 { border-radius: 0 !important }

.clearfix:after { display: block; clear: both; content: "" }

.d-none { display: none !important }

.d-inline { display: inline !important }

.d-inline-block { display: inline-block !important }

.d-block { display: block !important }

.d-table { display: table !important }

.d-table-row { display: table-row !important }

.d-table-cell { display: table-cell !important }

.d-flex { display: flex !important }

.d-inline-flex { display: inline-flex !important }

@media (min-width:576px) {
    .d-sm-none { display: none !important }

    .d-sm-inline { display: inline !important }

    .d-sm-inline-block { display: inline-block !important }

    .d-sm-block { display: block !important }

    .d-sm-table { display: table !important }

    .d-sm-table-row { display: table-row !important }

    .d-sm-table-cell { display: table-cell !important }

    .d-sm-flex { display: flex !important }

    .d-sm-inline-flex { display: inline-flex !important }
}

@media (min-width:768px) {
    .d-md-none { display: none !important }

    .d-md-inline { display: inline !important }

    .d-md-inline-block { display: inline-block !important }

    .d-md-block { display: block !important }

    .d-md-table { display: table !important }

    .d-md-table-row { display: table-row !important }

    .d-md-table-cell { display: table-cell !important }

    .d-md-flex { display: flex !important }

    .d-md-inline-flex { display: inline-flex !important }
}

@media (min-width:992px) {
    .d-lg-none { display: none !important }

    .d-lg-inline { display: inline !important }

    .d-lg-inline-block { display: inline-block !important }

    .d-lg-block { display: block !important }

    .d-lg-table { display: table !important }

    .d-lg-table-row { display: table-row !important }

    .d-lg-table-cell { display: table-cell !important }

    .d-lg-flex { display: flex !important }

    .d-lg-inline-flex { display: inline-flex !important }
}

@media (min-width:1200px) {
    .d-xl-none { display: none !important }

    .d-xl-inline { display: inline !important }

    .d-xl-inline-block { display: inline-block !important }

    .d-xl-block { display: block !important }

    .d-xl-table { display: table !important }

    .d-xl-table-row { display: table-row !important }

    .d-xl-table-cell { display: table-cell !important }

    .d-xl-flex { display: flex !important }

    .d-xl-inline-flex { display: inline-flex !important }
}

@media print {
    .d-print-none { display: none !important }

    .d-print-inline { display: inline !important }

    .d-print-inline-block { display: inline-block !important }

    .d-print-block { display: block !important }

    .d-print-table { display: table !important }

    .d-print-table-row { display: table-row !important }

    .d-print-table-cell { display: table-cell !important }

    .d-print-flex { display: flex !important }

    .d-print-inline-flex { display: inline-flex !important }
}

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden }

.embed-responsive:before { display: block; content: "" }

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }

.embed-responsive-21by9:before { padding-top: 42.8571428571% }

.embed-responsive-16by9:before { padding-top: 56.25% }

.embed-responsive-4by3:before { padding-top: 75% }

.embed-responsive-1by1:before { padding-top: 100% }

.flex-row { flex-direction: row !important }

.flex-column { flex-direction: column !important }

.flex-row-reverse { flex-direction: row-reverse !important }

.flex-column-reverse { flex-direction: column-reverse !important }

.flex-wrap { flex-wrap: wrap !important }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important }

.flex-fill { flex: 1 1 auto !important }

.flex-grow-0 { flex-grow: 0 !important }

.flex-grow-1 { flex-grow: 1 !important }

.flex-shrink-0 { flex-shrink: 0 !important }

.flex-shrink-1 { flex-shrink: 1 !important }

.justify-content-start { justify-content: flex-start !important }

.justify-content-end { justify-content: flex-end !important }

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

.justify-content-around { justify-content: space-around !important }

.align-items-start { align-items: flex-start !important }

.align-items-end { align-items: flex-end !important }

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

.align-items-baseline { align-items: baseline !important }

.align-items-stretch { align-items: stretch !important }

.align-content-start { align-content: flex-start !important }

.align-content-end { align-content: flex-end !important }

.align-content-center { align-content: center !important }

.align-content-between { align-content: space-between !important }

.align-content-around { align-content: space-around !important }

.align-content-stretch { align-content: stretch !important }

.align-self-auto { align-self: auto !important }

.align-self-start { align-self: flex-start !important }

.align-self-end { align-self: flex-end !important }

.align-self-center { align-self: center !important }

.align-self-baseline { align-self: baseline !important }

.align-self-stretch { align-self: stretch !important }

@media (min-width:576px) {
    .flex-sm-row { flex-direction: row !important }

    .flex-sm-column { flex-direction: column !important }

    .flex-sm-row-reverse { flex-direction: row-reverse !important }

    .flex-sm-column-reverse { flex-direction: column-reverse !important }

    .flex-sm-wrap { flex-wrap: wrap !important }

    .flex-sm-nowrap { flex-wrap: nowrap !important }

    .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important }

    .flex-sm-fill { flex: 1 1 auto !important }

    .flex-sm-grow-0 { flex-grow: 0 !important }

    .flex-sm-grow-1 { flex-grow: 1 !important }

    .flex-sm-shrink-0 { flex-shrink: 0 !important }

    .flex-sm-shrink-1 { flex-shrink: 1 !important }

    .justify-content-sm-start { justify-content: flex-start !important }

    .justify-content-sm-end { justify-content: flex-end !important }

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

    .justify-content-sm-between { justify-content: space-between !important }

    .justify-content-sm-around { justify-content: space-around !important }

    .align-items-sm-start { align-items: flex-start !important }

    .align-items-sm-end { align-items: flex-end !important }

    .align-items-sm-center { align-items: center !important }

    .align-items-sm-baseline { align-items: baseline !important }

    .align-items-sm-stretch { align-items: stretch !important }

    .align-content-sm-start { align-content: flex-start !important }

    .align-content-sm-end { align-content: flex-end !important }

    .align-content-sm-center { align-content: center !important }

    .align-content-sm-between { align-content: space-between !important }

    .align-content-sm-around { align-content: space-around !important }

    .align-content-sm-stretch { align-content: stretch !important }

    .align-self-sm-auto { align-self: auto !important }

    .align-self-sm-start { align-self: flex-start !important }

    .align-self-sm-end { align-self: flex-end !important }

    .align-self-sm-center { align-self: center !important }

    .align-self-sm-baseline { align-self: baseline !important }

    .align-self-sm-stretch { align-self: stretch !important }
}

@media (min-width:768px) {
    .flex-md-row { flex-direction: row !important }

    .flex-md-column { flex-direction: column !important }

    .flex-md-row-reverse { flex-direction: row-reverse !important }

    .flex-md-column-reverse { flex-direction: column-reverse !important }

    .flex-md-wrap { flex-wrap: wrap !important }

    .flex-md-nowrap { flex-wrap: nowrap !important }

    .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important }

    .flex-md-fill { flex: 1 1 auto !important }

    .flex-md-grow-0 { flex-grow: 0 !important }

    .flex-md-grow-1 { flex-grow: 1 !important }

    .flex-md-shrink-0 { flex-shrink: 0 !important }

    .flex-md-shrink-1 { flex-shrink: 1 !important }

    .justify-content-md-start { justify-content: flex-start !important }

    .justify-content-md-end { justify-content: flex-end !important }

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

    .justify-content-md-between { justify-content: space-between !important }

    .justify-content-md-around { justify-content: space-around !important }

    .align-items-md-start { align-items: flex-start !important }

    .align-items-md-end { align-items: flex-end !important }

    .align-items-md-center { align-items: center !important }

    .align-items-md-baseline { align-items: baseline !important }

    .align-items-md-stretch { align-items: stretch !important }

    .align-content-md-start { align-content: flex-start !important }

    .align-content-md-end { align-content: flex-end !important }

    .align-content-md-center { align-content: center !important }

    .align-content-md-between { align-content: space-between !important }

    .align-content-md-around { align-content: space-around !important }

    .align-content-md-stretch { align-content: stretch !important }

    .align-self-md-auto { align-self: auto !important }

    .align-self-md-start { align-self: flex-start !important }

    .align-self-md-end { align-self: flex-end !important }

    .align-self-md-center { align-self: center !important }

    .align-self-md-baseline { align-self: baseline !important }

    .align-self-md-stretch { align-self: stretch !important }
}

@media (min-width:992px) {
    .flex-lg-row { flex-direction: row !important }

    .flex-lg-column { flex-direction: column !important }

    .flex-lg-row-reverse { flex-direction: row-reverse !important }

    .flex-lg-column-reverse { flex-direction: column-reverse !important }

    .flex-lg-wrap { flex-wrap: wrap !important }

    .flex-lg-nowrap { flex-wrap: nowrap !important }

    .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important }

    .flex-lg-fill { flex: 1 1 auto !important }

    .flex-lg-grow-0 { flex-grow: 0 !important }

    .flex-lg-grow-1 { flex-grow: 1 !important }

    .flex-lg-shrink-0 { flex-shrink: 0 !important }

    .flex-lg-shrink-1 { flex-shrink: 1 !important }

    .justify-content-lg-start { justify-content: flex-start !important }

    .justify-content-lg-end { justify-content: flex-end !important }

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

    .justify-content-lg-between { justify-content: space-between !important }

    .justify-content-lg-around { justify-content: space-around !important }

    .align-items-lg-start { align-items: flex-start !important }

    .align-items-lg-end { align-items: flex-end !important }

    .align-items-lg-center { align-items: center !important }

    .align-items-lg-baseline { align-items: baseline !important }

    .align-items-lg-stretch { align-items: stretch !important }

    .align-content-lg-start { align-content: flex-start !important }

    .align-content-lg-end { align-content: flex-end !important }

    .align-content-lg-center { align-content: center !important }

    .align-content-lg-between { align-content: space-between !important }

    .align-content-lg-around { align-content: space-around !important }

    .align-content-lg-stretch { align-content: stretch !important }

    .align-self-lg-auto { align-self: auto !important }

    .align-self-lg-start { align-self: flex-start !important }

    .align-self-lg-end { align-self: flex-end !important }

    .align-self-lg-center { align-self: center !important }

    .align-self-lg-baseline { align-self: baseline !important }

    .align-self-lg-stretch { align-self: stretch !important }
}

@media (min-width:1200px) {
    .flex-xl-row { flex-direction: row !important }

    .flex-xl-column { flex-direction: column !important }

    .flex-xl-row-reverse { flex-direction: row-reverse !important }

    .flex-xl-column-reverse { flex-direction: column-reverse !important }

    .flex-xl-wrap { flex-wrap: wrap !important }

    .flex-xl-nowrap { flex-wrap: nowrap !important }

    .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important }

    .flex-xl-fill { flex: 1 1 auto !important }

    .flex-xl-grow-0 { flex-grow: 0 !important }

    .flex-xl-grow-1 { flex-grow: 1 !important }

    .flex-xl-shrink-0 { flex-shrink: 0 !important }

    .flex-xl-shrink-1 { flex-shrink: 1 !important }

    .justify-content-xl-start { justify-content: flex-start !important }

    .justify-content-xl-end { justify-content: flex-end !important }

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

    .justify-content-xl-between { justify-content: space-between !important }

    .justify-content-xl-around { justify-content: space-around !important }

    .align-items-xl-start { align-items: flex-start !important }

    .align-items-xl-end { align-items: flex-end !important }

    .align-items-xl-center { align-items: center !important }

    .align-items-xl-baseline { align-items: baseline !important }

    .align-items-xl-stretch { align-items: stretch !important }

    .align-content-xl-start { align-content: flex-start !important }

    .align-content-xl-end { align-content: flex-end !important }

    .align-content-xl-center { align-content: center !important }

    .align-content-xl-between { align-content: space-between !important }

    .align-content-xl-around { align-content: space-around !important }

    .align-content-xl-stretch { align-content: stretch !important }

    .align-self-xl-auto { align-self: auto !important }

    .align-self-xl-start { align-self: flex-start !important }

    .align-self-xl-end { align-self: flex-end !important }

    .align-self-xl-center { align-self: center !important }

    .align-self-xl-baseline { align-self: baseline !important }

    .align-self-xl-stretch { align-self: stretch !important }
}

.float-left { float: left !important }

.float-right { float: right !important }

.float-none { float: none !important }

@media (min-width:576px) {
    .float-sm-left { float: left !important }

    .float-sm-right { float: right !important }

    .float-sm-none { float: none !important }
}

@media (min-width:768px) {
    .float-md-left { float: left !important }

    .float-md-right { float: right !important }

    .float-md-none { float: none !important }
}

@media (min-width:992px) {
    .float-lg-left { float: left !important }

    .float-lg-right { float: right !important }

    .float-lg-none { float: none !important }
}

@media (min-width:1200px) {
    .float-xl-left { float: left !important }

    .float-xl-right { float: right !important }

    .float-xl-none { float: none !important }
}

.user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important }

.user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important }

.user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important }

.overflow-auto { overflow: auto !important }

.overflow-hidden { overflow: hidden !important }

.position-static { position: static !important }

.position-relative { position: relative !important }

.position-absolute { position: absolute !important }

.position-fixed { position: fixed !important }

.position-sticky { position: sticky !important }

.fixed-top { top: 0 }

.fixed-bottom,
.fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 }

.fixed-bottom { bottom: 0 }

@supports (position:sticky) {
    .sticky-top { position: sticky; top: 0; z-index: 1020 }
}

.sr-only { white-space: nowrap }

.sr-only-focusable:active,
.sr-only-focusable:focus { white-space: normal }

.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important }

.shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important }

.shadow-none { box-shadow: none !important }

.w-25 { width: 25% !important }

.w-50 { width: 50% !important }

.w-75 { width: 75% !important }

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

.w-auto { width: auto !important }

.h-25 { height: 25% !important }

.h-50 { height: 50% !important }

.h-75 { height: 75% !important }

.h-100 { height: 100% !important }

.h-auto { height: auto !important }

.mw-100 { max-width: 100% !important }

.mh-100 { max-height: 100% !important }

.min-vw-100 { min-width: 100vw !important }

.min-vh-100 { min-height: 100vh !important }

.vw-100 { width: 100vw !important }

.vh-100 { height: 100vh !important }

.m-0 { margin: 0 !important }

.mt-0,
.my-0 { margin-top: 0 !important }

.mr-0,
.mx-0 { margin-right: 0 !important }

.mb-0,
.my-0 { margin-bottom: 0 !important }

.ml-0,
.mx-0 { margin-left: 0 !important }

.m-1 { margin: .25rem !important }

.mt-1,
.my-1 { margin-top: .25rem !important }

.mr-1,
.mx-1 { margin-right: .25rem !important }

.mb-1,
.my-1 { margin-bottom: .25rem !important }

.ml-1,
.mx-1 { margin-left: .25rem !important }

.m-2 { margin: .5rem !important }

.mt-2,
.my-2 { margin-top: .5rem !important }

.mr-2,
.mx-2 { margin-right: .5rem !important }

.mb-2,
.my-2 { margin-bottom: .5rem !important }

.ml-2,
.mx-2 { margin-left: .5rem !important }

.m-3 { margin: 1rem !important }

.mt-3,
.my-3 { margin-top: 1rem !important }

.mr-3,
.mx-3 { margin-right: 1rem !important }

.mb-3,
.my-3 { margin-bottom: 1rem !important }

.ml-3,
.mx-3 { margin-left: 1rem !important }

.m-4 { margin: 1.5rem !important }

.mt-4,
.my-4 { margin-top: 1.5rem !important }

.mr-4,
.mx-4 { margin-right: 1.5rem !important }

.mb-4,
.my-4 { margin-bottom: 1.5rem !important }

.ml-4,
.mx-4 { margin-left: 1.5rem !important }

.m-5 { margin: 3rem !important }

.mt-5,
.my-5 { margin-top: 3rem !important }

.mr-5,
.mx-5 { margin-right: 3rem !important }

.mb-5,
.my-5 { margin-bottom: 3rem !important }

.ml-5,
.mx-5 { margin-left: 3rem !important }

.p-0 { padding: 0 !important }

.pt-0,
.py-0 { padding-top: 0 !important }

.pr-0,
.px-0 { padding-right: 0 !important }

.pb-0,
.py-0 { padding-bottom: 0 !important }

.pl-0,
.px-0 { padding-left: 0 !important }

.p-1 { padding: .25rem !important }

.pt-1,
.py-1 { padding-top: .25rem !important }

.pr-1,
.px-1 { padding-right: .25rem !important }

.pb-1,
.py-1 { padding-bottom: .25rem !important }

.pl-1,
.px-1 { padding-left: .25rem !important }

.p-2 { padding: .5rem !important }

.pt-2,
.py-2 { padding-top: .5rem !important }

.pr-2,
.px-2 { padding-right: .5rem !important }

.pb-2,
.py-2 { padding-bottom: .5rem !important }

.pl-2,
.px-2 { padding-left: .5rem !important }

.p-3 { padding: 1rem !important }

.pt-3,
.py-3 { padding-top: 1rem !important }

.pr-3,
.px-3 { padding-right: 1rem !important }

.pb-3,
.py-3 { padding-bottom: 1rem !important }

.pl-3,
.px-3 { padding-left: 1rem !important }

.p-4 { padding: 1.5rem !important }

.pt-4,
.py-4 { padding-top: 1.5rem !important }

.pr-4,
.px-4 { padding-right: 1.5rem !important }

.pb-4,
.py-4 { padding-bottom: 1.5rem !important }

.pl-4,
.px-4 { padding-left: 1.5rem !important }

.p-5 { padding: 3rem !important }

.pt-5,
.py-5 { padding-top: 3rem !important }

.pr-5,
.px-5 { padding-right: 3rem !important }

.pb-5,
.py-5 { padding-bottom: 3rem !important }

.pl-5,
.px-5 { padding-left: 3rem !important }

.m-n1 { margin: -.25rem !important }

.mt-n1,
.my-n1 { margin-top: -.25rem !important }

.mr-n1,
.mx-n1 { margin-right: -.25rem !important }

.mb-n1,
.my-n1 { margin-bottom: -.25rem !important }

.ml-n1,
.mx-n1 { margin-left: -.25rem !important }

.m-n2 { margin: -.5rem !important }

.mt-n2,
.my-n2 { margin-top: -.5rem !important }

.mr-n2,
.mx-n2 { margin-right: -.5rem !important }

.mb-n2,
.my-n2 { margin-bottom: -.5rem !important }

.ml-n2,
.mx-n2 { margin-left: -.5rem !important }

.m-n3 { margin: -1rem !important }

.mt-n3,
.my-n3 { margin-top: -1rem !important }

.mr-n3,
.mx-n3 { margin-right: -1rem !important }

.mb-n3,
.my-n3 { margin-bottom: -1rem !important }

.ml-n3,
.mx-n3 { margin-left: -1rem !important }

.m-n4 { margin: -1.5rem !important }

.mt-n4,
.my-n4 { margin-top: -1.5rem !important }

.mr-n4,
.mx-n4 { margin-right: -1.5rem !important }

.mb-n4,
.my-n4 { margin-bottom: -1.5rem !important }

.ml-n4,
.mx-n4 { margin-left: -1.5rem !important }

.m-n5 { margin: -3rem !important }

.mt-n5,
.my-n5 { margin-top: -3rem !important }

.mr-n5,
.mx-n5 { margin-right: -3rem !important }

.mb-n5,
.my-n5 { margin-bottom: -3rem !important }

.ml-n5,
.mx-n5 { margin-left: -3rem !important }

.m-auto { margin: auto !important }

.mt-auto,
.my-auto { margin-top: auto !important }

.mr-auto,
.mx-auto { margin-right: auto !important }

.mb-auto,
.my-auto { margin-bottom: auto !important }

.ml-auto,
.mx-auto { margin-left: auto !important }

@media (min-width:576px) {
    .m-sm-0 { margin: 0 !important }

    .mt-sm-0,
    .my-sm-0 { margin-top: 0 !important }

    .mr-sm-0,
    .mx-sm-0 { margin-right: 0 !important }

    .mb-sm-0,
    .my-sm-0 { margin-bottom: 0 !important }

    .ml-sm-0,
    .mx-sm-0 { margin-left: 0 !important }

    .m-sm-1 { margin: .25rem !important }

    .mt-sm-1,
    .my-sm-1 { margin-top: .25rem !important }

    .mr-sm-1,
    .mx-sm-1 { margin-right: .25rem !important }

    .mb-sm-1,
    .my-sm-1 { margin-bottom: .25rem !important }

    .ml-sm-1,
    .mx-sm-1 { margin-left: .25rem !important }

    .m-sm-2 { margin: .5rem !important }

    .mt-sm-2,
    .my-sm-2 { margin-top: .5rem !important }

    .mr-sm-2,
    .mx-sm-2 { margin-right: .5rem !important }

    .mb-sm-2,
    .my-sm-2 { margin-bottom: .5rem !important }

    .ml-sm-2,
    .mx-sm-2 { margin-left: .5rem !important }

    .m-sm-3 { margin: 1rem !important }

    .mt-sm-3,
    .my-sm-3 { margin-top: 1rem !important }

    .mr-sm-3,
    .mx-sm-3 { margin-right: 1rem !important }

    .mb-sm-3,
    .my-sm-3 { margin-bottom: 1rem !important }

    .ml-sm-3,
    .mx-sm-3 { margin-left: 1rem !important }

    .m-sm-4 { margin: 1.5rem !important }

    .mt-sm-4,
    .my-sm-4 { margin-top: 1.5rem !important }

    .mr-sm-4,
    .mx-sm-4 { margin-right: 1.5rem !important }

    .mb-sm-4,
    .my-sm-4 { margin-bottom: 1.5rem !important }

    .ml-sm-4,
    .mx-sm-4 { margin-left: 1.5rem !important }

    .m-sm-5 { margin: 3rem !important }

    .mt-sm-5,
    .my-sm-5 { margin-top: 3rem !important }

    .mr-sm-5,
    .mx-sm-5 { margin-right: 3rem !important }

    .mb-sm-5,
    .my-sm-5 { margin-bottom: 3rem !important }

    .ml-sm-5,
    .mx-sm-5 { margin-left: 3rem !important }

    .p-sm-0 { padding: 0 !important }

    .pt-sm-0,
    .py-sm-0 { padding-top: 0 !important }

    .pr-sm-0,
    .px-sm-0 { padding-right: 0 !important }

    .pb-sm-0,
    .py-sm-0 { padding-bottom: 0 !important }

    .pl-sm-0,
    .px-sm-0 { padding-left: 0 !important }

    .p-sm-1 { padding: .25rem !important }

    .pt-sm-1,
    .py-sm-1 { padding-top: .25rem !important }

    .pr-sm-1,
    .px-sm-1 { padding-right: .25rem !important }

    .pb-sm-1,
    .py-sm-1 { padding-bottom: .25rem !important }

    .pl-sm-1,
    .px-sm-1 { padding-left: .25rem !important }

    .p-sm-2 { padding: .5rem !important }

    .pt-sm-2,
    .py-sm-2 { padding-top: .5rem !important }

    .pr-sm-2,
    .px-sm-2 { padding-right: .5rem !important }

    .pb-sm-2,
    .py-sm-2 { padding-bottom: .5rem !important }

    .pl-sm-2,
    .px-sm-2 { padding-left: .5rem !important }

    .p-sm-3 { padding: 1rem !important }

    .pt-sm-3,
    .py-sm-3 { padding-top: 1rem !important }

    .pr-sm-3,
    .px-sm-3 { padding-right: 1rem !important }

    .pb-sm-3,
    .py-sm-3 { padding-bottom: 1rem !important }

    .pl-sm-3,
    .px-sm-3 { padding-left: 1rem !important }

    .p-sm-4 { padding: 1.5rem !important }

    .pt-sm-4,
    .py-sm-4 { padding-top: 1.5rem !important }

    .pr-sm-4,
    .px-sm-4 { padding-right: 1.5rem !important }

    .pb-sm-4,
    .py-sm-4 { padding-bottom: 1.5rem !important }

    .pl-sm-4,
    .px-sm-4 { padding-left: 1.5rem !important }

    .p-sm-5 { padding: 3rem !important }

    .pt-sm-5,
    .py-sm-5 { padding-top: 3rem !important }

    .pr-sm-5,
    .px-sm-5 { padding-right: 3rem !important }

    .pb-sm-5,
    .py-sm-5 { padding-bottom: 3rem !important }

    .pl-sm-5,
    .px-sm-5 { padding-left: 3rem !important }

    .m-sm-n1 { margin: -.25rem !important }

    .mt-sm-n1,
    .my-sm-n1 { margin-top: -.25rem !important }

    .mr-sm-n1,
    .mx-sm-n1 { margin-right: -.25rem !important }

    .mb-sm-n1,
    .my-sm-n1 { margin-bottom: -.25rem !important }

    .ml-sm-n1,
    .mx-sm-n1 { margin-left: -.25rem !important }

    .m-sm-n2 { margin: -.5rem !important }

    .mt-sm-n2,
    .my-sm-n2 { margin-top: -.5rem !important }

    .mr-sm-n2,
    .mx-sm-n2 { margin-right: -.5rem !important }

    .mb-sm-n2,
    .my-sm-n2 { margin-bottom: -.5rem !important }

    .ml-sm-n2,
    .mx-sm-n2 { margin-left: -.5rem !important }

    .m-sm-n3 { margin: -1rem !important }

    .mt-sm-n3,
    .my-sm-n3 { margin-top: -1rem !important }

    .mr-sm-n3,
    .mx-sm-n3 { margin-right: -1rem !important }

    .mb-sm-n3,
    .my-sm-n3 { margin-bottom: -1rem !important }

    .ml-sm-n3,
    .mx-sm-n3 { margin-left: -1rem !important }

    .m-sm-n4 { margin: -1.5rem !important }

    .mt-sm-n4,
    .my-sm-n4 { margin-top: -1.5rem !important }

    .mr-sm-n4,
    .mx-sm-n4 { margin-right: -1.5rem !important }

    .mb-sm-n4,
    .my-sm-n4 { margin-bottom: -1.5rem !important }

    .ml-sm-n4,
    .mx-sm-n4 { margin-left: -1.5rem !important }

    .m-sm-n5 { margin: -3rem !important }

    .mt-sm-n5,
    .my-sm-n5 { margin-top: -3rem !important }

    .mr-sm-n5,
    .mx-sm-n5 { margin-right: -3rem !important }

    .mb-sm-n5,
    .my-sm-n5 { margin-bottom: -3rem !important }

    .ml-sm-n5,
    .mx-sm-n5 { margin-left: -3rem !important }

    .m-sm-auto { margin: auto !important }

    .mt-sm-auto,
    .my-sm-auto { margin-top: auto !important }

    .mr-sm-auto,
    .mx-sm-auto { margin-right: auto !important }

    .mb-sm-auto,
    .my-sm-auto { margin-bottom: auto !important }

    .ml-sm-auto,
    .mx-sm-auto { margin-left: auto !important }
}

@media (min-width:768px) {
    .m-md-0 { margin: 0 !important }

    .mt-md-0,
    .my-md-0 { margin-top: 0 !important }

    .mr-md-0,
    .mx-md-0 { margin-right: 0 !important }

    .mb-md-0,
    .my-md-0 { margin-bottom: 0 !important }

    .ml-md-0,
    .mx-md-0 { margin-left: 0 !important }

    .m-md-1 { margin: .25rem !important }

    .mt-md-1,
    .my-md-1 { margin-top: .25rem !important }

    .mr-md-1,
    .mx-md-1 { margin-right: .25rem !important }

    .mb-md-1,
    .my-md-1 { margin-bottom: .25rem !important }

    .ml-md-1,
    .mx-md-1 { margin-left: .25rem !important }

    .m-md-2 { margin: .5rem !important }

    .mt-md-2,
    .my-md-2 { margin-top: .5rem !important }

    .mr-md-2,
    .mx-md-2 { margin-right: .5rem !important }

    .mb-md-2,
    .my-md-2 { margin-bottom: .5rem !important }

    .ml-md-2,
    .mx-md-2 { margin-left: .5rem !important }

    .m-md-3 { margin: 1rem !important }

    .mt-md-3,
    .my-md-3 { margin-top: 1rem !important }

    .mr-md-3,
    .mx-md-3 { margin-right: 1rem !important }

    .mb-md-3,
    .my-md-3 { margin-bottom: 1rem !important }

    .ml-md-3,
    .mx-md-3 { margin-left: 1rem !important }

    .m-md-4 { margin: 1.5rem !important }

    .mt-md-4,
    .my-md-4 { margin-top: 1.5rem !important }

    .mr-md-4,
    .mx-md-4 { margin-right: 1.5rem !important }

    .mb-md-4,
    .my-md-4 { margin-bottom: 1.5rem !important }

    .ml-md-4,
    .mx-md-4 { margin-left: 1.5rem !important }

    .m-md-5 { margin: 3rem !important }

    .mt-md-5,
    .my-md-5 { margin-top: 3rem !important }

    .mr-md-5,
    .mx-md-5 { margin-right: 3rem !important }

    .mb-md-5,
    .my-md-5 { margin-bottom: 3rem !important }

    .ml-md-5,
    .mx-md-5 { margin-left: 3rem !important }

    .p-md-0 { padding: 0 !important }

    .pt-md-0,
    .py-md-0 { padding-top: 0 !important }

    .pr-md-0,
    .px-md-0 { padding-right: 0 !important }

    .pb-md-0,
    .py-md-0 { padding-bottom: 0 !important }

    .pl-md-0,
    .px-md-0 { padding-left: 0 !important }

    .p-md-1 { padding: .25rem !important }

    .pt-md-1,
    .py-md-1 { padding-top: .25rem !important }

    .pr-md-1,
    .px-md-1 { padding-right: .25rem !important }

    .pb-md-1,
    .py-md-1 { padding-bottom: .25rem !important }

    .pl-md-1,
    .px-md-1 { padding-left: .25rem !important }

    .p-md-2 { padding: .5rem !important }

    .pt-md-2,
    .py-md-2 { padding-top: .5rem !important }

    .pr-md-2,
    .px-md-2 { padding-right: .5rem !important }

    .pb-md-2,
    .py-md-2 { padding-bottom: .5rem !important }

    .pl-md-2,
    .px-md-2 { padding-left: .5rem !important }

    .p-md-3 { padding: 1rem !important }

    .pt-md-3,
    .py-md-3 { padding-top: 1rem !important }

    .pr-md-3,
    .px-md-3 { padding-right: 1rem !important }

    .pb-md-3,
    .py-md-3 { padding-bottom: 1rem !important }

    .pl-md-3,
    .px-md-3 { padding-left: 1rem !important }

    .p-md-4 { padding: 1.5rem !important }

    .pt-md-4,
    .py-md-4 { padding-top: 1.5rem !important }

    .pr-md-4,
    .px-md-4 { padding-right: 1.5rem !important }

    .pb-md-4,
    .py-md-4 { padding-bottom: 1.5rem !important }

    .pl-md-4,
    .px-md-4 { padding-left: 1.5rem !important }

    .p-md-5 { padding: 3rem !important }

    .pt-md-5,
    .py-md-5 { padding-top: 3rem !important }

    .pr-md-5,
    .px-md-5 { padding-right: 3rem !important }

    .pb-md-5,
    .py-md-5 { padding-bottom: 3rem !important }

    .pl-md-5,
    .px-md-5 { padding-left: 3rem !important }

    .m-md-n1 { margin: -.25rem !important }

    .mt-md-n1,
    .my-md-n1 { margin-top: -.25rem !important }

    .mr-md-n1,
    .mx-md-n1 { margin-right: -.25rem !important }

    .mb-md-n1,
    .my-md-n1 { margin-bottom: -.25rem !important }

    .ml-md-n1,
    .mx-md-n1 { margin-left: -.25rem !important }

    .m-md-n2 { margin: -.5rem !important }

    .mt-md-n2,
    .my-md-n2 { margin-top: -.5rem !important }

    .mr-md-n2,
    .mx-md-n2 { margin-right: -.5rem !important }

    .mb-md-n2,
    .my-md-n2 { margin-bottom: -.5rem !important }

    .ml-md-n2,
    .mx-md-n2 { margin-left: -.5rem !important }

    .m-md-n3 { margin: -1rem !important }

    .mt-md-n3,
    .my-md-n3 { margin-top: -1rem !important }

    .mr-md-n3,
    .mx-md-n3 { margin-right: -1rem !important }

    .mb-md-n3,
    .my-md-n3 { margin-bottom: -1rem !important }

    .ml-md-n3,
    .mx-md-n3 { margin-left: -1rem !important }

    .m-md-n4 { margin: -1.5rem !important }

    .mt-md-n4,
    .my-md-n4 { margin-top: -1.5rem !important }

    .mr-md-n4,
    .mx-md-n4 { margin-right: -1.5rem !important }

    .mb-md-n4,
    .my-md-n4 { margin-bottom: -1.5rem !important }

    .ml-md-n4,
    .mx-md-n4 { margin-left: -1.5rem !important }

    .m-md-n5 { margin: -3rem !important }

    .mt-md-n5,
    .my-md-n5 { margin-top: -3rem !important }

    .mr-md-n5,
    .mx-md-n5 { margin-right: -3rem !important }

    .mb-md-n5,
    .my-md-n5 { margin-bottom: -3rem !important }

    .ml-md-n5,
    .mx-md-n5 { margin-left: -3rem !important }

    .m-md-auto { margin: auto !important }

    .mt-md-auto,
    .my-md-auto { margin-top: auto !important }

    .mr-md-auto,
    .mx-md-auto { margin-right: auto !important }

    .mb-md-auto,
    .my-md-auto { margin-bottom: auto !important }

    .ml-md-auto,
    .mx-md-auto { margin-left: auto !important }
}

@media (min-width:992px) {
    .m-lg-0 { margin: 0 !important }

    .mt-lg-0,
    .my-lg-0 { margin-top: 0 !important }

    .mr-lg-0,
    .mx-lg-0 { margin-right: 0 !important }

    .mb-lg-0,
    .my-lg-0 { margin-bottom: 0 !important }

    .ml-lg-0,
    .mx-lg-0 { margin-left: 0 !important }

    .m-lg-1 { margin: .25rem !important }

    .mt-lg-1,
    .my-lg-1 { margin-top: .25rem !important }

    .mr-lg-1,
    .mx-lg-1 { margin-right: .25rem !important }

    .mb-lg-1,
    .my-lg-1 { margin-bottom: .25rem !important }

    .ml-lg-1,
    .mx-lg-1 { margin-left: .25rem !important }

    .m-lg-2 { margin: .5rem !important }

    .mt-lg-2,
    .my-lg-2 { margin-top: .5rem !important }

    .mr-lg-2,
    .mx-lg-2 { margin-right: .5rem !important }

    .mb-lg-2,
    .my-lg-2 { margin-bottom: .5rem !important }

    .ml-lg-2,
    .mx-lg-2 { margin-left: .5rem !important }

    .m-lg-3 { margin: 1rem !important }

    .mt-lg-3,
    .my-lg-3 { margin-top: 1rem !important }

    .mr-lg-3,
    .mx-lg-3 { margin-right: 1rem !important }

    .mb-lg-3,
    .my-lg-3 { margin-bottom: 1rem !important }

    .ml-lg-3,
    .mx-lg-3 { margin-left: 1rem !important }

    .m-lg-4 { margin: 1.5rem !important }

    .mt-lg-4,
    .my-lg-4 { margin-top: 1.5rem !important }

    .mr-lg-4,
    .mx-lg-4 { margin-right: 1.5rem !important }

    .mb-lg-4,
    .my-lg-4 { margin-bottom: 1.5rem !important }

    .ml-lg-4,
    .mx-lg-4 { margin-left: 1.5rem !important }

    .m-lg-5 { margin: 3rem !important }

    .mt-lg-5,
    .my-lg-5 { margin-top: 3rem !important }

    .mr-lg-5,
    .mx-lg-5 { margin-right: 3rem !important }

    .mb-lg-5,
    .my-lg-5 { margin-bottom: 3rem !important }

    .ml-lg-5,
    .mx-lg-5 { margin-left: 3rem !important }

    .p-lg-0 { padding: 0 !important }

    .pt-lg-0,
    .py-lg-0 { padding-top: 0 !important }

    .pr-lg-0,
    .px-lg-0 { padding-right: 0 !important }

    .pb-lg-0,
    .py-lg-0 { padding-bottom: 0 !important }

    .pl-lg-0,
    .px-lg-0 { padding-left: 0 !important }

    .p-lg-1 { padding: .25rem !important }

    .pt-lg-1,
    .py-lg-1 { padding-top: .25rem !important }

    .pr-lg-1,
    .px-lg-1 { padding-right: .25rem !important }

    .pb-lg-1,
    .py-lg-1 { padding-bottom: .25rem !important }

    .pl-lg-1,
    .px-lg-1 { padding-left: .25rem !important }

    .p-lg-2 { padding: .5rem !important }

    .pt-lg-2,
    .py-lg-2 { padding-top: .5rem !important }

    .pr-lg-2,
    .px-lg-2 { padding-right: .5rem !important }

    .pb-lg-2,
    .py-lg-2 { padding-bottom: .5rem !important }

    .pl-lg-2,
    .px-lg-2 { padding-left: .5rem !important }

    .p-lg-3 { padding: 1rem !important }

    .pt-lg-3,
    .py-lg-3 { padding-top: 1rem !important }

    .pr-lg-3,
    .px-lg-3 { padding-right: 1rem !important }

    .pb-lg-3,
    .py-lg-3 { padding-bottom: 1rem !important }

    .pl-lg-3,
    .px-lg-3 { padding-left: 1rem !important }

    .p-lg-4 { padding: 1.5rem !important }

    .pt-lg-4,
    .py-lg-4 { padding-top: 1.5rem !important }

    .pr-lg-4,
    .px-lg-4 { padding-right: 1.5rem !important }

    .pb-lg-4,
    .py-lg-4 { padding-bottom: 1.5rem !important }

    .pl-lg-4,
    .px-lg-4 { padding-left: 1.5rem !important }

    .p-lg-5 { padding: 3rem !important }

    .pt-lg-5,
    .py-lg-5 { padding-top: 3rem !important }

    .pr-lg-5,
    .px-lg-5 { padding-right: 3rem !important }

    .pb-lg-5,
    .py-lg-5 { padding-bottom: 3rem !important }

    .pl-lg-5,
    .px-lg-5 { padding-left: 3rem !important }

    .m-lg-n1 { margin: -.25rem !important }

    .mt-lg-n1,
    .my-lg-n1 { margin-top: -.25rem !important }

    .mr-lg-n1,
    .mx-lg-n1 { margin-right: -.25rem !important }

    .mb-lg-n1,
    .my-lg-n1 { margin-bottom: -.25rem !important }

    .ml-lg-n1,
    .mx-lg-n1 { margin-left: -.25rem !important }

    .m-lg-n2 { margin: -.5rem !important }

    .mt-lg-n2,
    .my-lg-n2 { margin-top: -.5rem !important }

    .mr-lg-n2,
    .mx-lg-n2 { margin-right: -.5rem !important }

    .mb-lg-n2,
    .my-lg-n2 { margin-bottom: -.5rem !important }

    .ml-lg-n2,
    .mx-lg-n2 { margin-left: -.5rem !important }

    .m-lg-n3 { margin: -1rem !important }

    .mt-lg-n3,
    .my-lg-n3 { margin-top: -1rem !important }

    .mr-lg-n3,
    .mx-lg-n3 { margin-right: -1rem !important }

    .mb-lg-n3,
    .my-lg-n3 { margin-bottom: -1rem !important }

    .ml-lg-n3,
    .mx-lg-n3 { margin-left: -1rem !important }

    .m-lg-n4 { margin: -1.5rem !important }

    .mt-lg-n4,
    .my-lg-n4 { margin-top: -1.5rem !important }

    .mr-lg-n4,
    .mx-lg-n4 { margin-right: -1.5rem !important }

    .mb-lg-n4,
    .my-lg-n4 { margin-bottom: -1.5rem !important }

    .ml-lg-n4,
    .mx-lg-n4 { margin-left: -1.5rem !important }

    .m-lg-n5 { margin: -3rem !important }

    .mt-lg-n5,
    .my-lg-n5 { margin-top: -3rem !important }

    .mr-lg-n5,
    .mx-lg-n5 { margin-right: -3rem !important }

    .mb-lg-n5,
    .my-lg-n5 { margin-bottom: -3rem !important }

    .ml-lg-n5,
    .mx-lg-n5 { margin-left: -3rem !important }

    .m-lg-auto { margin: auto !important }

    .mt-lg-auto,
    .my-lg-auto { margin-top: auto !important }

    .mr-lg-auto,
    .mx-lg-auto { margin-right: auto !important }

    .mb-lg-auto,
    .my-lg-auto { margin-bottom: auto !important }

    .ml-lg-auto,
    .mx-lg-auto { margin-left: auto !important }
}

@media (min-width:1200px) {
    .m-xl-0 { margin: 0 !important }

    .mt-xl-0,
    .my-xl-0 { margin-top: 0 !important }

    .mr-xl-0,
    .mx-xl-0 { margin-right: 0 !important }

    .mb-xl-0,
    .my-xl-0 { margin-bottom: 0 !important }

    .ml-xl-0,
    .mx-xl-0 { margin-left: 0 !important }

    .m-xl-1 { margin: .25rem !important }

    .mt-xl-1,
    .my-xl-1 { margin-top: .25rem !important }

    .mr-xl-1,
    .mx-xl-1 { margin-right: .25rem !important }

    .mb-xl-1,
    .my-xl-1 { margin-bottom: .25rem !important }

    .ml-xl-1,
    .mx-xl-1 { margin-left: .25rem !important }

    .m-xl-2 { margin: .5rem !important }

    .mt-xl-2,
    .my-xl-2 { margin-top: .5rem !important }

    .mr-xl-2,
    .mx-xl-2 { margin-right: .5rem !important }

    .mb-xl-2,
    .my-xl-2 { margin-bottom: .5rem !important }

    .ml-xl-2,
    .mx-xl-2 { margin-left: .5rem !important }

    .m-xl-3 { margin: 1rem !important }

    .mt-xl-3,
    .my-xl-3 { margin-top: 1rem !important }

    .mr-xl-3,
    .mx-xl-3 { margin-right: 1rem !important }

    .mb-xl-3,
    .my-xl-3 { margin-bottom: 1rem !important }

    .ml-xl-3,
    .mx-xl-3 { margin-left: 1rem !important }

    .m-xl-4 { margin: 1.5rem !important }

    .mt-xl-4,
    .my-xl-4 { margin-top: 1.5rem !important }

    .mr-xl-4,
    .mx-xl-4 { margin-right: 1.5rem !important }

    .mb-xl-4,
    .my-xl-4 { margin-bottom: 1.5rem !important }

    .ml-xl-4,
    .mx-xl-4 { margin-left: 1.5rem !important }

    .m-xl-5 { margin: 3rem !important }

    .mt-xl-5,
    .my-xl-5 { margin-top: 3rem !important }

    .mr-xl-5,
    .mx-xl-5 { margin-right: 3rem !important }

    .mb-xl-5,
    .my-xl-5 { margin-bottom: 3rem !important }

    .ml-xl-5,
    .mx-xl-5 { margin-left: 3rem !important }

    .p-xl-0 { padding: 0 !important }

    .pt-xl-0,
    .py-xl-0 { padding-top: 0 !important }

    .pr-xl-0,
    .px-xl-0 { padding-right: 0 !important }

    .pb-xl-0,
    .py-xl-0 { padding-bottom: 0 !important }

    .pl-xl-0,
    .px-xl-0 { padding-left: 0 !important }

    .p-xl-1 { padding: .25rem !important }

    .pt-xl-1,
    .py-xl-1 { padding-top: .25rem !important }

    .pr-xl-1,
    .px-xl-1 { padding-right: .25rem !important }

    .pb-xl-1,
    .py-xl-1 { padding-bottom: .25rem !important }

    .pl-xl-1,
    .px-xl-1 { padding-left: .25rem !important }

    .p-xl-2 { padding: .5rem !important }

    .pt-xl-2,
    .py-xl-2 { padding-top: .5rem !important }

    .pr-xl-2,
    .px-xl-2 { padding-right: .5rem !important }

    .pb-xl-2,
    .py-xl-2 { padding-bottom: .5rem !important }

    .pl-xl-2,
    .px-xl-2 { padding-left: .5rem !important }

    .p-xl-3 { padding: 1rem !important }

    .pt-xl-3,
    .py-xl-3 { padding-top: 1rem !important }

    .pr-xl-3,
    .px-xl-3 { padding-right: 1rem !important }

    .pb-xl-3,
    .py-xl-3 { padding-bottom: 1rem !important }

    .pl-xl-3,
    .px-xl-3 { padding-left: 1rem !important }

    .p-xl-4 { padding: 1.5rem !important }

    .pt-xl-4,
    .py-xl-4 { padding-top: 1.5rem !important }

    .pr-xl-4,
    .px-xl-4 { padding-right: 1.5rem !important }

    .pb-xl-4,
    .py-xl-4 { padding-bottom: 1.5rem !important }

    .pl-xl-4,
    .px-xl-4 { padding-left: 1.5rem !important }

    .p-xl-5 { padding: 3rem !important }

    .pt-xl-5,
    .py-xl-5 { padding-top: 3rem !important }

    .pr-xl-5,
    .px-xl-5 { padding-right: 3rem !important }

    .pb-xl-5,
    .py-xl-5 { padding-bottom: 3rem !important }

    .pl-xl-5,
    .px-xl-5 { padding-left: 3rem !important }

    .m-xl-n1 { margin: -.25rem !important }

    .mt-xl-n1,
    .my-xl-n1 { margin-top: -.25rem !important }

    .mr-xl-n1,
    .mx-xl-n1 { margin-right: -.25rem !important }

    .mb-xl-n1,
    .my-xl-n1 { margin-bottom: -.25rem !important }

    .ml-xl-n1,
    .mx-xl-n1 { margin-left: -.25rem !important }

    .m-xl-n2 { margin: -.5rem !important }

    .mt-xl-n2,
    .my-xl-n2 { margin-top: -.5rem !important }

    .mr-xl-n2,
    .mx-xl-n2 { margin-right: -.5rem !important }

    .mb-xl-n2,
    .my-xl-n2 { margin-bottom: -.5rem !important }

    .ml-xl-n2,
    .mx-xl-n2 { margin-left: -.5rem !important }

    .m-xl-n3 { margin: -1rem !important }

    .mt-xl-n3,
    .my-xl-n3 { margin-top: -1rem !important }

    .mr-xl-n3,
    .mx-xl-n3 { margin-right: -1rem !important }

    .mb-xl-n3,
    .my-xl-n3 { margin-bottom: -1rem !important }

    .ml-xl-n3,
    .mx-xl-n3 { margin-left: -1rem !important }

    .m-xl-n4 { margin: -1.5rem !important }

    .mt-xl-n4,
    .my-xl-n4 { margin-top: -1.5rem !important }

    .mr-xl-n4,
    .mx-xl-n4 { margin-right: -1.5rem !important }

    .mb-xl-n4,
    .my-xl-n4 { margin-bottom: -1.5rem !important }

    .ml-xl-n4,
    .mx-xl-n4 { margin-left: -1.5rem !important }

    .m-xl-n5 { margin: -3rem !important }

    .mt-xl-n5,
    .my-xl-n5 { margin-top: -3rem !important }

    .mr-xl-n5,
    .mx-xl-n5 { margin-right: -3rem !important }

    .mb-xl-n5,
    .my-xl-n5 { margin-bottom: -3rem !important }

    .ml-xl-n5,
    .mx-xl-n5 { margin-left: -3rem !important }

    .m-xl-auto { margin: auto !important }

    .mt-xl-auto,
    .my-xl-auto { margin-top: auto !important }

    .mr-xl-auto,
    .mx-xl-auto { margin-right: auto !important }

    .mb-xl-auto,
    .my-xl-auto { margin-bottom: auto !important }

    .ml-xl-auto,
    .mx-xl-auto { margin-left: auto !important }
}

.stretched-link:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: transparent }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important }

.text-justify { text-align: justify !important }

.text-wrap { white-space: normal !important }

.text-nowrap { white-space: nowrap !important }

.text-left { text-align: left !important }

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

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

@media (min-width:576px) {
    .text-sm-left { text-align: left !important }

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

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

@media (min-width:768px) {
    .text-md-left { text-align: left !important }

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

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

@media (min-width:992px) {
    .text-lg-left { text-align: left !important }

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

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

@media (min-width:1200px) {
    .text-xl-left { text-align: left !important }

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

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

.text-lowercase { text-transform: lowercase !important }

.text-uppercase { text-transform: uppercase !important }

.text-capitalize { text-transform: capitalize !important }

.font-weight-light { font-weight: 300 !important }

.font-weight-lighter { font-weight: lighter !important }

.font-weight-normal { font-weight: 400 !important }

.font-weight-bold { font-weight: 700 !important }

.font-weight-bolder { font-weight: bolder !important }

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

.text-white { color: #fff !important }

.text-primary { color: #007bff !important }

a.text-primary:focus,
a.text-primary:hover { color: #0056b3 !important }

.text-secondary { color: #6c757d !important }

a.text-secondary:focus,
a.text-secondary:hover { color: #494f54 !important }

.text-success { color: #28a745 !important }

a.text-success:focus,
a.text-success:hover { color: #19692c !important }

.text-info { color: #17a2b8 !important }

a.text-info:focus,
a.text-info:hover { color: #0f6674 !important }

a.text-warning:focus,
a.text-warning:hover { color: #ba8b00 !important }

.text-danger { color: #dc3545 !important }

a.text-danger:focus,
a.text-danger:hover { color: #a71d2a !important }

.text-light { color: #f8f9fa !important }

a.text-light:focus,
a.text-light:hover { color: #cbd3da !important }

.text-dark { color: #343a40 !important }

a.text-dark:focus,
a.text-dark:hover { color: #121416 !important }

.text-body { color: #212529 !important }

.text-muted { color: #6c757d !important }

.text-black-50 { color: rgba(0, 0, 0, .5) !important }

.text-white-50 { color: hsla(0, 0%, 100%, .5) !important }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }

.text-decoration-none { text-decoration: none !important }

.text-break { word-break: break-word !important; word-wrap: break-word !important }

.text-reset { color: inherit !important }

.visible { visibility: visible !important }

.invisible { visibility: hidden !important }

@media print {

    *,
    :after,
    :before { text-shadow: none !important; box-shadow: none !important }

    a:not(.btn) { text-decoration: underline }

    abbr[title]:after { content: " (" attr(title) ")" }

    pre { white-space: pre-wrap !important }

    blockquote,
    pre { border: 1px solid #adb5bd; page-break-inside: avoid }

    thead { display: table-header-group }

    img,
    tr { page-break-inside: avoid }

    h2,
    h3,
    p { orphans: 3; widows: 3 }

    h2,
    h3 { page-break-after: avoid }

    @page { size: a3 }

    .container,
    body { min-width: 992px !important }

    .navbar { display: none }

    .badge { border: 1px solid #000 }

    .table { border-collapse: collapse !important }

    .table td,
    .table th { background-color: #fff !important }

    .table-bordered td,
    .table-bordered th { border: 1px solid #dee2e6 !important }

    .table-dark { color: inherit }

    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th { border-color: #dee2e6 }

    .table .thead-dark th { color: inherit; border-color: #dee2e6 }
}

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas,
.icon-user { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 }

.fa-lg { font-size: 1.3333333333em; line-height: .75em; vertical-align: -.0667em }

.fa-xs { font-size: .75em }

.fa-sm { font-size: .875em }

.fa-1x { font-size: 1em }

.fa-2x { font-size: 2em }

.fa-3x { font-size: 3em }

.fa-4x { font-size: 4em }

.fa-5x { font-size: 5em }

.fa-6x { font-size: 6em }

.fa-7x { font-size: 7em }

.fa-8x { font-size: 8em }

.fa-9x { font-size: 9em }

.fa-10x { font-size: 10em }

.fa-fw { text-align: center; width: 1.25em }

.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 }

.fa-ul > li { position: relative }

.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit }

.fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em }

.fa-pull-left { float: left }

.fa-pull-right { float: right }

.fa-pull-left.icon-user,
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left { margin-right: .3em }

.fa-pull-right.icon-user,
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right { margin-left: .3em }

.fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite }

.fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite }

@-webkit-keyframes fa-spin {
    0% { transform: rotate(0deg) }

    to { transform: rotate(1turn) }
}

@keyframes fa-spin {
    0% { transform: rotate(0deg) }

    to { transform: rotate(1turn) }
}

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) }

.fa-flip-vertical { transform: scaleY(-1) }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) }

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 { filter: none }

.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em }

.fa-stack-1x,
.fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% }

.fa-stack-1x { line-height: inherit }

.fa-stack-2x { font-size: 2em }

.fa-inverse { color: #fff }

.fa-500px:before { content: "\F26E" }

.fa-abacus:before { content: "\F640" }

.fa-accessible-icon:before { content: "\F368" }

.fa-accusoft:before { content: "\F369" }

.fa-acorn:before { content: "\F6AE" }

.fa-acquisitions-incorporated:before { content: "\F6AF" }

.fa-ad:before { content: "\F641" }

.fa-address-book:before { content: "\F2B9" }

.fa-address-card:before { content: "\F2BB" }

.fa-adjust:before { content: "\F042" }

.fa-adn:before { content: "\F170" }

.fa-adversal:before { content: "\F36A" }

.fa-affiliatetheme:before { content: "\F36B" }

.fa-air-conditioner:before { content: "\F8F4" }

.fa-air-freshener:before { content: "\F5D0" }

.fa-airbnb:before { content: "\F834" }

.fa-alarm-clock:before { content: "\F34E" }

.fa-alarm-exclamation:before { content: "\F843" }

.fa-alarm-plus:before { content: "\F844" }

.fa-alarm-snooze:before { content: "\F845" }

.fa-album:before { content: "\F89F" }

.fa-album-collection:before { content: "\F8A0" }

.fa-algolia:before { content: "\F36C" }

.fa-alicorn:before { content: "\F6B0" }

.fa-alien:before { content: "\F8F5" }

.fa-alien-monster:before { content: "\F8F6" }

.fa-align-center:before { content: "\F037" }

.fa-align-justify:before { content: "\F039" }

.fa-align-left:before { content: "\F036" }

.fa-align-right:before { content: "\F038" }

.fa-align-slash:before { content: "\F846" }

.fa-alipay:before { content: "\F642" }

.fa-allergies:before { content: "\F461" }

.fa-amazon:before { content: "\F270" }

.fa-amazon-pay:before { content: "\F42C" }

.fa-ambulance:before { content: "\F0F9" }

.fa-american-sign-language-interpreting:before { content: "\F2A3" }

.fa-amilia:before { content: "\F36D" }

.fa-amp-guitar:before { content: "\F8A1" }

.fa-analytics:before { content: "\F643" }

.fa-anchor:before { content: "\F13D" }

.fa-android:before { content: "\F17B" }

.fa-angel:before { content: "\F779" }

.fa-angellist:before { content: "\F209" }

.fa-angle-double-down:before { content: "\F103" }

.fa-angle-double-left:before { content: "\F100" }

.fa-angle-double-right:before { content: "\F101" }

.fa-angle-double-up:before { content: "\F102" }

.fa-angle-down:before { content: "\F107" }

.fa-angle-left:before { content: "\F104" }

.fa-angle-right:before { content: "\F105" }

.fa-angle-up:before { content: "\F106" }

.fa-angry:before { content: "\F556" }

.fa-angrycreative:before { content: "\F36E" }

.fa-angular:before { content: "\F420" }

.fa-ankh:before { content: "\F644" }

.fa-app-store:before { content: "\F36F" }

.fa-app-store-ios:before { content: "\F370" }

.fa-apper:before { content: "\F371" }

.fa-apple:before { content: "\F179" }

.fa-apple-alt:before { content: "\F5D1" }

.fa-apple-crate:before { content: "\F6B1" }

.fa-apple-pay:before { content: "\F415" }

.fa-archive:before { content: "\F187" }

.fa-archway:before { content: "\F557" }

.fa-arrow-alt-circle-down:before { content: "\F358" }

.fa-arrow-alt-circle-left:before { content: "\F359" }

.fa-arrow-alt-circle-right:before { content: "\F35A" }

.fa-arrow-alt-circle-up:before { content: "\F35B" }

.fa-arrow-alt-down:before { content: "\F354" }

.fa-arrow-alt-from-bottom:before { content: "\F346" }

.fa-arrow-alt-from-left:before { content: "\F347" }

.fa-arrow-alt-from-right:before { content: "\F348" }

.fa-arrow-alt-from-top:before { content: "\F349" }

.fa-arrow-alt-left:before { content: "\F355" }

.fa-arrow-alt-right:before { content: "\F356" }

.fa-arrow-alt-square-down:before { content: "\F350" }

.fa-arrow-alt-square-left:before { content: "\F351" }

.fa-arrow-alt-square-right:before { content: "\F352" }

.fa-arrow-alt-square-up:before { content: "\F353" }

.fa-arrow-alt-to-bottom:before { content: "\F34A" }

.fa-arrow-alt-to-left:before { content: "\F34B" }

.fa-arrow-alt-to-right:before { content: "\F34C" }

.fa-arrow-alt-to-top:before { content: "\F34D" }

.fa-arrow-alt-up:before { content: "\F357" }

.fa-arrow-circle-down:before { content: "\F0AB" }

.fa-arrow-circle-left:before { content: "\F0A8" }

.fa-arrow-circle-right:before { content: "\F0A9" }

.fa-arrow-circle-up:before { content: "\F0AA" }

.fa-arrow-down:before { content: "\F063" }

.fa-arrow-from-bottom:before { content: "\F342" }

.fa-arrow-from-left:before { content: "\F343" }

.fa-arrow-from-right:before { content: "\F344" }

.fa-arrow-from-top:before { content: "\F345" }

.fa-arrow-left:before { content: "\F060" }

.fa-arrow-right:before { content: "\F061" }

.fa-arrow-square-down:before { content: "\F339" }

.fa-arrow-square-left:before { content: "\F33A" }

.fa-arrow-square-right:before { content: "\F33B" }

.fa-arrow-square-up:before { content: "\F33C" }

.fa-arrow-to-bottom:before { content: "\F33D" }

.fa-arrow-to-left:before { content: "\F33E" }

.fa-arrow-to-right:before { content: "\F340" }

.fa-arrow-to-top:before { content: "\F341" }

.fa-arrow-up:before { content: "\F062" }

.fa-arrows:before { content: "\F047" }

.fa-arrows-alt:before { content: "\F0B2" }

.fa-arrows-alt-h:before { content: "\F337" }

.fa-arrows-alt-v:before { content: "\F338" }

.fa-arrows-h:before { content: "\F07E" }

.fa-arrows-v:before { content: "\F07D" }

.fa-artstation:before { content: "\F77A" }

.fa-assistive-listening-systems:before { content: "\F2A2" }

.fa-asterisk:before { content: "\F069" }

.fa-asymmetrik:before { content: "\F372" }

.fa-at:before { content: "\F1FA" }

.fa-atlas:before { content: "\F558" }

.fa-atlassian:before { content: "\F77B" }

.fa-atom:before { content: "\F5D2" }

.fa-atom-alt:before { content: "\F5D3" }

.fa-audible:before { content: "\F373" }

.fa-audio-description:before { content: "\F29E" }

.fa-autoprefixer:before { content: "\F41C" }

.fa-avianex:before { content: "\F374" }

.fa-aviato:before { content: "\F421" }

.fa-award:before { content: "\F559" }

.fa-aws:before { content: "\F375" }

.fa-axe:before { content: "\F6B2" }

.fa-axe-battle:before { content: "\F6B3" }

.fa-baby:before { content: "\F77C" }

.fa-baby-carriage:before { content: "\F77D" }

.fa-backpack:before { content: "\F5D4" }

.fa-backspace:before { content: "\F55A" }

.fa-backward:before { content: "\F04A" }

.fa-bacon:before { content: "\F7E5" }

.fa-bacteria:before { content: "\E059" }

.fa-bacterium:before { content: "\E05A" }

.fa-badge:before { content: "\F335" }

.fa-badge-check:before { content: "\F336" }

.fa-badge-dollar:before { content: "\F645" }

.fa-badge-percent:before { content: "\F646" }

.fa-badge-sheriff:before { content: "\F8A2" }

.fa-badger-honey:before { content: "\F6B4" }

.fa-bags-shopping:before { content: "\F847" }

.fa-bahai:before { content: "\F666" }

.fa-balance-scale:before { content: "\F24E" }

.fa-balance-scale-left:before { content: "\F515" }

.fa-balance-scale-right:before { content: "\F516" }

.fa-ball-pile:before { content: "\F77E" }

.fa-ballot:before { content: "\F732" }

.fa-ballot-check:before { content: "\F733" }

.fa-ban:before { content: "\F05E" }

.fa-band-aid:before { content: "\F462" }

.fa-bandcamp:before { content: "\F2D5" }

.fa-banjo:before { content: "\F8A3" }

.fa-barcode:before { content: "\F02A" }

.fa-barcode-alt:before { content: "\F463" }

.fa-barcode-read:before { content: "\F464" }

.fa-barcode-scan:before { content: "\F465" }

.fa-bars:before { content: "\F0C9" }

.fa-baseball:before { content: "\F432" }

.fa-baseball-ball:before { content: "\F433" }

.fa-basketball-ball:before { content: "\F434" }

.fa-basketball-hoop:before { content: "\F435" }

.fa-bat:before { content: "\F6B5" }

.fa-bath:before { content: "\F2CD" }

.fa-battery-bolt:before { content: "\F376" }

.fa-battery-empty:before { content: "\F244" }

.fa-battery-full:before { content: "\F240" }

.fa-battery-half:before { content: "\F242" }

.fa-battery-quarter:before { content: "\F243" }

.fa-battery-slash:before { content: "\F377" }

.fa-battery-three-quarters:before { content: "\F241" }

.fa-battle-net:before { content: "\F835" }

.fa-bed:before { content: "\F236" }

.fa-bed-alt:before { content: "\F8F7" }

.fa-bed-bunk:before { content: "\F8F8" }

.fa-bed-empty:before { content: "\F8F9" }

.fa-beer:before { content: "\F0FC" }

.fa-behance:before { content: "\F1B4" }

.fa-behance-square:before { content: "\F1B5" }

.fa-bell:before { content: "\F0F3" }

.fa-bell-exclamation:before { content: "\F848" }

.fa-bell-on:before { content: "\F8FA" }

.fa-bell-plus:before { content: "\F849" }

.fa-bell-school:before { content: "\F5D5" }

.fa-bell-school-slash:before { content: "\F5D6" }

.fa-bell-slash:before { content: "\F1F6" }

.fa-bells:before { content: "\F77F" }

.fa-betamax:before { content: "\F8A4" }

.fa-bezier-curve:before { content: "\F55B" }

.fa-bible:before { content: "\F647" }

.fa-bicycle:before { content: "\F206" }

.fa-biking:before { content: "\F84A" }

.fa-biking-mountain:before { content: "\F84B" }

.fa-bimobject:before { content: "\F378" }

.fa-binoculars:before { content: "\F1E5" }

.fa-biohazard:before { content: "\F780" }

.fa-birthday-cake:before { content: "\F1FD" }

.fa-bitbucket:before { content: "\F171" }

.fa-bitcoin:before { content: "\F379" }

.fa-bity:before { content: "\F37A" }

.fa-black-tie:before { content: "\F27E" }

.fa-blackberry:before { content: "\F37B" }

.fa-blanket:before { content: "\F498" }

.fa-blender:before { content: "\F517" }

.fa-blender-phone:before { content: "\F6B6" }

.fa-blind:before { content: "\F29D" }

.fa-blinds:before { content: "\F8FB" }

.fa-blinds-open:before { content: "\F8FC" }

.fa-blinds-raised:before { content: "\F8FD" }

.fa-blog:before { content: "\F781" }

.fa-blogger:before { content: "\F37C" }

.fa-blogger-b:before { content: "\F37D" }

.fa-bluetooth:before { content: "\F293" }

.fa-bluetooth-b:before { content: "\F294" }

.fa-bold:before { content: "\F032" }

.fa-bolt:before { content: "\F0E7" }

.fa-bomb:before { content: "\F1E2" }

.fa-bone:before { content: "\F5D7" }

.fa-bone-break:before { content: "\F5D8" }

.fa-bong:before { content: "\F55C" }

.fa-book:before { content: "\F02D" }

.fa-book-alt:before { content: "\F5D9" }

.fa-book-dead:before { content: "\F6B7" }

.fa-book-heart:before { content: "\F499" }

.fa-book-medical:before { content: "\F7E6" }

.fa-book-open:before { content: "\F518" }

.fa-book-reader:before { content: "\F5DA" }

.fa-book-spells:before { content: "\F6B8" }

.fa-book-user:before { content: "\F7E7" }

.fa-bookmark:before { content: "\F02E" }

.fa-books:before { content: "\F5DB" }

.fa-books-medical:before { content: "\F7E8" }

.fa-boombox:before { content: "\F8A5" }

.fa-boot:before { content: "\F782" }

.fa-booth-curtain:before { content: "\F734" }

.fa-bootstrap:before { content: "\F836" }

.fa-border-all:before { content: "\F84C" }

.fa-border-bottom:before { content: "\F84D" }

.fa-border-center-h:before { content: "\F89C" }

.fa-border-center-v:before { content: "\F89D" }

.fa-border-inner:before { content: "\F84E" }

.fa-border-left:before { content: "\F84F" }

.fa-border-none:before { content: "\F850" }

.fa-border-outer:before { content: "\F851" }

.fa-border-right:before { content: "\F852" }

.fa-border-style:before { content: "\F853" }

.fa-border-style-alt:before { content: "\F854" }

.fa-border-top:before { content: "\F855" }

.fa-bow-arrow:before { content: "\F6B9" }

.fa-bowling-ball:before { content: "\F436" }

.fa-bowling-pins:before { content: "\F437" }

.fa-box:before { content: "\F466" }

.fa-box-alt:before { content: "\F49A" }

.fa-box-ballot:before { content: "\F735" }

.fa-box-check:before { content: "\F467" }

.fa-box-fragile:before { content: "\F49B" }

.fa-box-full:before { content: "\F49C" }

.fa-box-heart:before { content: "\F49D" }

.fa-box-open:before { content: "\F49E" }

.fa-box-tissue:before { content: "\E05B" }

.fa-box-up:before { content: "\F49F" }

.fa-box-usd:before { content: "\F4A0" }

.fa-boxes:before { content: "\F468" }

.fa-boxes-alt:before { content: "\F4A1" }

.fa-boxing-glove:before { content: "\F438" }

.fa-brackets:before { content: "\F7E9" }

.fa-brackets-curly:before { content: "\F7EA" }

.fa-braille:before { content: "\F2A1" }

.fa-brain:before { content: "\F5DC" }

.fa-bread-loaf:before { content: "\F7EB" }

.fa-bread-slice:before { content: "\F7EC" }

.fa-briefcase:before { content: "\F0B1" }

.fa-briefcase-medical:before { content: "\F469" }

.fa-bring-forward:before { content: "\F856" }

.fa-bring-front:before { content: "\F857" }

.fa-broadcast-tower:before { content: "\F519" }

.fa-broom:before { content: "\F51A" }

.fa-browser:before { content: "\F37E" }

.fa-brush:before { content: "\F55D" }

.fa-btc:before { content: "\F15A" }

.fa-buffer:before { content: "\F837" }

.fa-bug:before { content: "\F188" }

.fa-building:before { content: "\F1AD" }

.fa-bullhorn:before { content: "\F0A1" }

.fa-bullseye:before { content: "\F140" }

.fa-bullseye-arrow:before { content: "\F648" }

.fa-bullseye-pointer:before { content: "\F649" }

.fa-burger-soda:before { content: "\F858" }

.fa-burn:before { content: "\F46A" }

.fa-buromobelexperte:before { content: "\F37F" }

.fa-burrito:before { content: "\F7ED" }

.fa-bus:before { content: "\F207" }

.fa-bus-alt:before { content: "\F55E" }

.fa-bus-school:before { content: "\F5DD" }

.fa-business-time:before { content: "\F64A" }

.fa-buy-n-large:before { content: "\F8A6" }

.fa-buysellads:before { content: "\F20D" }

.fa-cabinet-filing:before { content: "\F64B" }

.fa-cactus:before { content: "\F8A7" }

.fa-calculator:before { content: "\F1EC" }

.fa-calculator-alt:before { content: "\F64C" }

.fa-calendar:before { content: "\F133" }

.fa-calendar-alt:before { content: "\F073" }

.fa-calendar-check:before { content: "\F274" }

.fa-calendar-day:before { content: "\F783" }

.fa-calendar-edit:before { content: "\F333" }

.fa-calendar-exclamation:before { content: "\F334" }

.fa-calendar-minus:before { content: "\F272" }

.fa-calendar-plus:before { content: "\F271" }

.fa-calendar-star:before { content: "\F736" }

.fa-calendar-times:before { content: "\F273" }

.fa-calendar-week:before { content: "\F784" }

.fa-camcorder:before { content: "\F8A8" }

.fa-camera:before { content: "\F030" }

.fa-camera-alt:before { content: "\F332" }

.fa-camera-home:before { content: "\F8FE" }

.fa-camera-movie:before { content: "\F8A9" }

.fa-camera-polaroid:before { content: "\F8AA" }

.fa-camera-retro:before { content: "\F083" }

.fa-campfire:before { content: "\F6BA" }

.fa-campground:before { content: "\F6BB" }

.fa-canadian-maple-leaf:before { content: "\F785" }

.fa-candle-holder:before { content: "\F6BC" }

.fa-candy-cane:before { content: "\F786" }

.fa-candy-corn:before { content: "\F6BD" }

.fa-cannabis:before { content: "\F55F" }

.fa-capsules:before { content: "\F46B" }

.fa-car:before { content: "\F1B9" }

.fa-car-alt:before { content: "\F5DE" }

.fa-car-battery:before { content: "\F5DF" }

.fa-car-building:before { content: "\F859" }

.fa-car-bump:before { content: "\F5E0" }

.fa-car-bus:before { content: "\F85A" }

.fa-car-crash:before { content: "\F5E1" }

.fa-car-garage:before { content: "\F5E2" }

.fa-car-mechanic:before { content: "\F5E3" }

.fa-car-side:before { content: "\F5E4" }

.fa-car-tilt:before { content: "\F5E5" }

.fa-car-wash:before { content: "\F5E6" }

.fa-caravan:before { content: "\F8FF" }

.fa-caravan-alt:before { content: "\E000" }

.fa-caret-circle-down:before { content: "\F32D" }

.fa-caret-circle-left:before { content: "\F32E" }

.fa-caret-circle-right:before { content: "\F330" }

.fa-caret-circle-up:before { content: "\F331" }

.fa-caret-down:before { content: "\F0D7" }

.fa-caret-left:before { content: "\F0D9" }

.fa-caret-right:before { content: "\F0DA" }

.fa-caret-square-down:before { content: "\F150" }

.fa-caret-square-left:before { content: "\F191" }

.fa-caret-square-right:before { content: "\F152" }

.fa-caret-square-up:before { content: "\F151" }

.fa-caret-up:before { content: "\F0D8" }

.fa-carrot:before { content: "\F787" }

.fa-cars:before { content: "\F85B" }

.fa-cart-arrow-down:before { content: "\F218" }

.fa-cart-plus:before { content: "\F217" }

.fa-cash-register:before { content: "\F788" }

.fa-cassette-tape:before { content: "\F8AB" }

.fa-cat:before { content: "\F6BE" }

.fa-cat-space:before { content: "\E001" }

.fa-cauldron:before { content: "\F6BF" }

.fa-cc-amazon-pay:before { content: "\F42D" }

.fa-cc-amex:before { content: "\F1F3" }

.fa-cc-apple-pay:before { content: "\F416" }

.fa-cc-diners-club:before { content: "\F24C" }

.fa-cc-discover:before { content: "\F1F2" }

.fa-cc-jcb:before { content: "\F24B" }

.fa-cc-mastercard:before { content: "\F1F1" }

.fa-cc-paypal:before { content: "\F1F4" }

.fa-cc-stripe:before { content: "\F1F5" }

.fa-cc-visa:before { content: "\F1F0" }

.fa-cctv:before { content: "\F8AC" }

.fa-centercode:before { content: "\F380" }

.fa-centos:before { content: "\F789" }

.fa-certificate:before { content: "\F0A3" }

.fa-chair:before { content: "\F6C0" }

.fa-chair-office:before { content: "\F6C1" }

.fa-chalkboard:before { content: "\F51B" }

.fa-chalkboard-teacher:before { content: "\F51C" }

.fa-charging-station:before { content: "\F5E7" }

.fa-chart-area:before { content: "\F1FE" }

.fa-chart-bar:before { content: "\F080" }

.fa-chart-line:before { content: "\F201" }

.fa-chart-line-down:before { content: "\F64D" }

.fa-chart-network:before { content: "\F78A" }

.fa-chart-pie:before { content: "\F200" }

.fa-chart-pie-alt:before { content: "\F64E" }

.fa-chart-scatter:before { content: "\F7EE" }

.fa-check:before { content: "\F00C" }

.fa-check-circle:before { content: "\F058" }

.fa-check-double:before { content: "\F560" }

.fa-check-square:before { content: "\F14A" }

.fa-cheese:before { content: "\F7EF" }

.fa-cheese-swiss:before { content: "\F7F0" }

.fa-cheeseburger:before { content: "\F7F1" }

.fa-chess:before { content: "\F439" }

.fa-chess-bishop:before { content: "\F43A" }

.fa-chess-bishop-alt:before { content: "\F43B" }

.fa-chess-board:before { content: "\F43C" }

.fa-chess-clock:before { content: "\F43D" }

.fa-chess-clock-alt:before { content: "\F43E" }

.fa-chess-king:before { content: "\F43F" }

.fa-chess-king-alt:before { content: "\F440" }

.fa-chess-knight:before { content: "\F441" }

.fa-chess-knight-alt:before { content: "\F442" }

.fa-chess-pawn:before { content: "\F443" }

.fa-chess-pawn-alt:before { content: "\F444" }

.fa-chess-queen:before { content: "\F445" }

.fa-chess-queen-alt:before { content: "\F446" }

.fa-chess-rook:before { content: "\F447" }

.fa-chess-rook-alt:before { content: "\F448" }

.fa-chevron-circle-down:before { content: "\F13A" }

.fa-chevron-circle-left:before { content: "\F137" }

.fa-chevron-circle-right:before { content: "\F138" }

.fa-chevron-circle-up:before { content: "\F139" }

.fa-chevron-double-down:before { content: "\F322" }

.fa-chevron-double-left:before { content: "\F323" }

.fa-chevron-double-right:before { content: "\F324" }

.fa-chevron-double-up:before { content: "\F325" }

.fa-chevron-down:before { content: "\F078" }

.fa-chevron-left:before { content: "\F053" }

.fa-chevron-right:before { content: "\F054" }

.fa-chevron-square-down:before { content: "\F329" }

.fa-chevron-square-left:before { content: "\F32A" }

.fa-chevron-square-right:before { content: "\F32B" }

.fa-chevron-square-up:before { content: "\F32C" }

.fa-chevron-up:before { content: "\F077" }

.fa-child:before { content: "\F1AE" }

.fa-chimney:before { content: "\F78B" }

.fa-chrome:before { content: "\F268" }

.fa-chromecast:before { content: "\F838" }

.fa-church:before { content: "\F51D" }

.fa-circle:before { content: "\F111" }

.fa-circle-notch:before { content: "\F1CE" }

.fa-city:before { content: "\F64F" }

.fa-clarinet:before { content: "\F8AD" }

.fa-claw-marks:before { content: "\F6C2" }

.fa-clinic-medical:before { content: "\F7F2" }

.fa-clipboard:before { content: "\F328" }

.fa-clipboard-check:before { content: "\F46C" }

.fa-clipboard-list:before { content: "\F46D" }

.fa-clipboard-list-check:before { content: "\F737" }

.fa-clipboard-prescription:before { content: "\F5E8" }

.fa-clipboard-user:before { content: "\F7F3" }

.fa-clock:before { content: "\F017" }

.fa-clone:before { content: "\F24D" }

.fa-closed-captioning:before { content: "\F20A" }

.fa-cloud:before { content: "\F0C2" }

.fa-cloud-download:before { content: "\F0ED" }

.fa-cloud-download-alt:before { content: "\F381" }

.fa-cloud-drizzle:before { content: "\F738" }

.fa-cloud-hail:before { content: "\F739" }

.fa-cloud-hail-mixed:before { content: "\F73A" }

.fa-cloud-meatball:before { content: "\F73B" }

.fa-cloud-moon:before { content: "\F6C3" }

.fa-cloud-moon-rain:before { content: "\F73C" }

.fa-cloud-music:before { content: "\F8AE" }

.fa-cloud-rain:before { content: "\F73D" }

.fa-cloud-rainbow:before { content: "\F73E" }

.fa-cloud-showers:before { content: "\F73F" }

.fa-cloud-showers-heavy:before { content: "\F740" }

.fa-cloud-sleet:before { content: "\F741" }

.fa-cloud-snow:before { content: "\F742" }

.fa-cloud-sun:before { content: "\F6C4" }

.fa-cloud-sun-rain:before { content: "\F743" }

.fa-cloud-upload:before { content: "\F0EE" }

.fa-cloud-upload-alt:before { content: "\F382" }

.fa-cloudflare:before { content: "\E07D" }

.fa-clouds:before { content: "\F744" }

.fa-clouds-moon:before { content: "\F745" }

.fa-clouds-sun:before { content: "\F746" }

.fa-cloudscale:before { content: "\F383" }

.fa-cloudsmith:before { content: "\F384" }

.fa-cloudversify:before { content: "\F385" }

.fa-club:before { content: "\F327" }

.fa-cocktail:before { content: "\F561" }

.fa-code:before { content: "\F121" }

.fa-code-branch:before { content: "\F126" }

.fa-code-commit:before { content: "\F386" }

.fa-code-merge:before { content: "\F387" }

.fa-codepen:before { content: "\F1CB" }

.fa-codiepie:before { content: "\F284" }

.fa-coffee:before { content: "\F0F4" }

.fa-coffee-pot:before { content: "\E002" }

.fa-coffee-togo:before { content: "\F6C5" }

.fa-coffin:before { content: "\F6C6" }

.fa-coffin-cross:before { content: "\E051" }

.fa-cog:before { content: "\F013" }

.fa-cogs:before { content: "\F085" }

.fa-coin:before { content: "\F85C" }

.fa-coins:before { content: "\F51E" }

.fa-columns:before { content: "\F0DB" }

.fa-comet:before { content: "\E003" }

.fa-comment:before { content: "\F075" }

.fa-comment-alt:before { content: "\F27A" }

.fa-comment-alt-check:before { content: "\F4A2" }

.fa-comment-alt-dollar:before { content: "\F650" }

.fa-comment-alt-dots:before { content: "\F4A3" }

.fa-comment-alt-edit:before { content: "\F4A4" }

.fa-comment-alt-exclamation:before { content: "\F4A5" }

.fa-comment-alt-lines:before { content: "\F4A6" }

.fa-comment-alt-medical:before { content: "\F7F4" }

.fa-comment-alt-minus:before { content: "\F4A7" }

.fa-comment-alt-music:before { content: "\F8AF" }

.fa-comment-alt-plus:before { content: "\F4A8" }

.fa-comment-alt-slash:before { content: "\F4A9" }

.fa-comment-alt-smile:before { content: "\F4AA" }

.fa-comment-alt-times:before { content: "\F4AB" }

.fa-comment-check:before { content: "\F4AC" }

.fa-comment-dollar:before { content: "\F651" }

.fa-comment-dots:before { content: "\F4AD" }

.fa-comment-edit:before { content: "\F4AE" }

.fa-comment-exclamation:before { content: "\F4AF" }

.fa-comment-lines:before { content: "\F4B0" }

.fa-comment-medical:before { content: "\F7F5" }

.fa-comment-minus:before { content: "\F4B1" }

.fa-comment-music:before { content: "\F8B0" }

.fa-comment-plus:before { content: "\F4B2" }

.fa-comment-slash:before { content: "\F4B3" }

.fa-comment-smile:before { content: "\F4B4" }

.fa-comment-times:before { content: "\F4B5" }

.fa-comments:before { content: "\F086" }

.fa-comments-alt:before { content: "\F4B6" }

.fa-comments-alt-dollar:before { content: "\F652" }

.fa-comments-dollar:before { content: "\F653" }

.fa-compact-disc:before { content: "\F51F" }

.fa-compass:before { content: "\F14E" }

.fa-compass-slash:before { content: "\F5E9" }

.fa-compress:before { content: "\F066" }

.fa-compress-alt:before { content: "\F422" }

.fa-compress-arrows-alt:before { content: "\F78C" }

.fa-compress-wide:before { content: "\F326" }

.fa-computer-classic:before { content: "\F8B1" }

.fa-computer-speaker:before { content: "\F8B2" }

.fa-concierge-bell:before { content: "\F562" }

.fa-confluence:before { content: "\F78D" }

.fa-connectdevelop:before { content: "\F20E" }

.fa-construction:before { content: "\F85D" }

.fa-container-storage:before { content: "\F4B7" }

.fa-contao:before { content: "\F26D" }

.fa-conveyor-belt:before { content: "\F46E" }

.fa-conveyor-belt-alt:before { content: "\F46F" }

.fa-cookie:before { content: "\F563" }

.fa-cookie-bite:before { content: "\F564" }

.fa-copy:before { content: "\F0C5" }

.fa-copyright:before { content: "\F1F9" }

.fa-corn:before { content: "\F6C7" }

.fa-cotton-bureau:before { content: "\F89E" }

.fa-couch:before { content: "\F4B8" }

.fa-cow:before { content: "\F6C8" }

.fa-cowbell:before { content: "\F8B3" }

.fa-cowbell-more:before { content: "\F8B4" }

.fa-cpanel:before { content: "\F388" }

.fa-creative-commons:before { content: "\F25E" }

.fa-creative-commons-by:before { content: "\F4E7" }

.fa-creative-commons-nc:before { content: "\F4E8" }

.fa-creative-commons-nc-eu:before { content: "\F4E9" }

.fa-creative-commons-nc-jp:before { content: "\F4EA" }

.fa-creative-commons-nd:before { content: "\F4EB" }

.fa-creative-commons-pd:before { content: "\F4EC" }

.fa-creative-commons-pd-alt:before { content: "\F4ED" }

.fa-creative-commons-remix:before { content: "\F4EE" }

.fa-creative-commons-sa:before { content: "\F4EF" }

.fa-creative-commons-sampling:before { content: "\F4F0" }

.fa-creative-commons-sampling-plus:before { content: "\F4F1" }

.fa-creative-commons-share:before { content: "\F4F2" }

.fa-creative-commons-zero:before { content: "\F4F3" }

.fa-credit-card:before { content: "\F09D" }

.fa-credit-card-blank:before { content: "\F389" }

.fa-credit-card-front:before { content: "\F38A" }

.fa-cricket:before { content: "\F449" }

.fa-critical-role:before { content: "\F6C9" }

.fa-croissant:before { content: "\F7F6" }

.fa-crop:before { content: "\F125" }

.fa-crop-alt:before { content: "\F565" }

.fa-cross:before { content: "\F654" }

.fa-crosshairs:before { content: "\F05B" }

.fa-crow:before { content: "\F520" }

.fa-crown:before { content: "\F521" }

.fa-crutch:before { content: "\F7F7" }

.fa-crutches:before { content: "\F7F8" }

.fa-css3:before { content: "\F13C" }

.fa-css3-alt:before { content: "\F38B" }

.fa-cube:before { content: "\F1B2" }

.fa-cubes:before { content: "\F1B3" }

.fa-curling:before { content: "\F44A" }

.fa-cut:before { content: "\F0C4" }

.fa-cuttlefish:before { content: "\F38C" }

.fa-d-and-d:before { content: "\F38D" }

.fa-d-and-d-beyond:before { content: "\F6CA" }

.fa-dagger:before { content: "\F6CB" }

.fa-dailymotion:before { content: "\E052" }

.fa-dashcube:before { content: "\F210" }

.fa-database:before { content: "\F1C0" }

.fa-deaf:before { content: "\F2A4" }

.fa-debug:before { content: "\F7F9" }

.fa-deer:before { content: "\F78E" }

.fa-deer-rudolph:before { content: "\F78F" }

.fa-deezer:before { content: "\E077" }

.fa-delicious:before { content: "\F1A5" }

.fa-democrat:before { content: "\F747" }

.fa-deploydog:before { content: "\F38E" }

.fa-deskpro:before { content: "\F38F" }

.fa-desktop:before { content: "\F108" }

.fa-desktop-alt:before { content: "\F390" }

.fa-dev:before { content: "\F6CC" }

.fa-deviantart:before { content: "\F1BD" }

.fa-dewpoint:before { content: "\F748" }

.fa-dharmachakra:before { content: "\F655" }

.fa-dhl:before { content: "\F790" }

.fa-diagnoses:before { content: "\F470" }

.fa-diamond:before { content: "\F219" }

.fa-diaspora:before { content: "\F791" }

.fa-dice:before { content: "\F522" }

.fa-dice-d10:before { content: "\F6CD" }

.fa-dice-d12:before { content: "\F6CE" }

.fa-dice-d20:before { content: "\F6CF" }

.fa-dice-d4:before { content: "\F6D0" }

.fa-dice-d6:before { content: "\F6D1" }

.fa-dice-d8:before { content: "\F6D2" }

.fa-dice-five:before { content: "\F523" }

.fa-dice-four:before { content: "\F524" }

.fa-dice-one:before { content: "\F525" }

.fa-dice-six:before { content: "\F526" }

.fa-dice-three:before { content: "\F527" }

.fa-dice-two:before { content: "\F528" }

.fa-digg:before { content: "\F1A6" }

.fa-digging:before { content: "\F85E" }

.fa-digital-ocean:before { content: "\F391" }

.fa-digital-tachograph:before { content: "\F566" }

.fa-diploma:before { content: "\F5EA" }

.fa-directions:before { content: "\F5EB" }

.fa-disc-drive:before { content: "\F8B5" }

.fa-discord:before { content: "\F392" }

.fa-discourse:before { content: "\F393" }

.fa-disease:before { content: "\F7FA" }

.fa-divide:before { content: "\F529" }

.fa-dizzy:before { content: "\F567" }

.fa-dna:before { content: "\F471" }

.fa-do-not-enter:before { content: "\F5EC" }

.fa-dochub:before { content: "\F394" }

.fa-docker:before { content: "\F395" }

.fa-dog:before { content: "\F6D3" }

.fa-dog-leashed:before { content: "\F6D4" }

.fa-dollar-sign:before { content: "\F155" }

.fa-dolly:before { content: "\F472" }

.fa-dolly-empty:before { content: "\F473" }

.fa-dolly-flatbed:before { content: "\F474" }

.fa-dolly-flatbed-alt:before { content: "\F475" }

.fa-dolly-flatbed-empty:before { content: "\F476" }

.fa-donate:before { content: "\F4B9" }

.fa-door-closed:before { content: "\F52A" }

.fa-door-open:before { content: "\F52B" }

.fa-dot-circle:before { content: "\F192" }

.fa-dove:before { content: "\F4BA" }

.fa-download:before { content: "\F019" }

.fa-draft2digital:before { content: "\F396" }

.fa-drafting-compass:before { content: "\F568" }

.fa-dragon:before { content: "\F6D5" }

.fa-draw-circle:before { content: "\F5ED" }

.fa-draw-polygon:before { content: "\F5EE" }

.fa-draw-square:before { content: "\F5EF" }

.fa-dreidel:before { content: "\F792" }

.fa-dribbble:before { content: "\F17D" }

.fa-dribbble-square:before { content: "\F397" }

.fa-drone:before { content: "\F85F" }

.fa-drone-alt:before { content: "\F860" }

.fa-dropbox:before { content: "\F16B" }

.fa-drum:before { content: "\F569" }

.fa-drum-steelpan:before { content: "\F56A" }

.fa-drumstick:before { content: "\F6D6" }

.fa-drumstick-bite:before { content: "\F6D7" }

.fa-drupal:before { content: "\F1A9" }

.fa-dryer:before { content: "\F861" }

.fa-dryer-alt:before { content: "\F862" }

.fa-duck:before { content: "\F6D8" }

.fa-dumbbell:before { content: "\F44B" }

.fa-dumpster:before { content: "\F793" }

.fa-dumpster-fire:before { content: "\F794" }

.fa-dungeon:before { content: "\F6D9" }

.fa-dyalog:before { content: "\F399" }

.fa-ear:before { content: "\F5F0" }

.fa-ear-muffs:before { content: "\F795" }

.fa-earlybirds:before { content: "\F39A" }

.fa-ebay:before { content: "\F4F4" }

.fa-eclipse:before { content: "\F749" }

.fa-eclipse-alt:before { content: "\F74A" }

.fa-edge:before { content: "\F282" }

.fa-edge-legacy:before { content: "\E078" }

.fa-edit:before { content: "\F044" }

.fa-egg:before { content: "\F7FB" }

.fa-egg-fried:before { content: "\F7FC" }

.fa-eject:before { content: "\F052" }

.fa-elementor:before { content: "\F430" }

.fa-elephant:before { content: "\F6DA" }

.fa-ellipsis-h:before { content: "\F141" }

.fa-ellipsis-h-alt:before { content: "\F39B" }

.fa-ellipsis-v:before { content: "\F142" }

.fa-ellipsis-v-alt:before { content: "\F39C" }

.fa-ello:before { content: "\F5F1" }

.fa-ember:before { content: "\F423" }

.fa-empire:before { content: "\F1D1" }

.fa-empty-set:before { content: "\F656" }

.fa-engine-warning:before { content: "\F5F2" }

.fa-envelope:before { content: "\F0E0" }

.fa-envelope-open:before { content: "\F2B6" }

.fa-envelope-open-dollar:before { content: "\F657" }

.fa-envelope-open-text:before { content: "\F658" }

.fa-envelope-square:before { content: "\F199" }

.fa-envira:before { content: "\F299" }

.fa-equals:before { content: "\F52C" }

.fa-eraser:before { content: "\F12D" }

.fa-erlang:before { content: "\F39D" }

.fa-ethereum:before { content: "\F42E" }

.fa-ethernet:before { content: "\F796" }

.fa-etsy:before { content: "\F2D7" }

.fa-euro-sign:before { content: "\F153" }

.fa-evernote:before { content: "\F839" }

.fa-exchange:before { content: "\F0EC" }

.fa-exchange-alt:before { content: "\F362" }

.fa-exclamation:before { content: "\F12A" }

.fa-exclamation-circle:before { content: "\F06A" }

.fa-exclamation-square:before { content: "\F321" }

.fa-exclamation-triangle:before { content: "\F071" }

.fa-expand:before { content: "\F065" }

.fa-expand-alt:before { content: "\F424" }

.fa-expand-arrows:before { content: "\F31D" }

.fa-expand-arrows-alt:before { content: "\F31E" }

.fa-expand-wide:before { content: "\F320" }

.fa-expeditedssl:before { content: "\F23E" }

.fa-external-link:before { content: "\F08E" }

.fa-external-link-alt:before { content: "\F35D" }

.fa-external-link-square:before { content: "\F14C" }

.fa-external-link-square-alt:before { content: "\F360" }

.fa-eye:before { content: "\F06E" }

.fa-eye-dropper:before { content: "\F1FB" }

.fa-eye-evil:before { content: "\F6DB" }

.fa-eye-slash:before { content: "\F070" }

.fa-facebook:before { content: "\F09A" }

.fa-facebook-f:before { content: "\F39E" }

.fa-facebook-messenger:before { content: "\F39F" }

.fa-facebook-square:before { content: "\F082" }

.fa-fan:before { content: "\F863" }

.fa-fan-table:before { content: "\E004" }

.fa-fantasy-flight-games:before { content: "\F6DC" }

.fa-farm:before { content: "\F864" }

.fa-fast-backward:before { content: "\F049" }

.fa-fast-forward:before { content: "\F050" }

.fa-faucet:before { content: "\E005" }

.fa-faucet-drip:before { content: "\E006" }

.fa-fax:before { content: "\F1AC" }

.fa-feather:before { content: "\F52D" }

.fa-feather-alt:before { content: "\F56B" }

.fa-fedex:before { content: "\F797" }

.fa-fedora:before { content: "\F798" }

.fa-female:before { content: "\F182" }

.fa-field-hockey:before { content: "\F44C" }

.fa-fighter-jet:before { content: "\F0FB" }

.fa-figma:before { content: "\F799" }

.fa-file:before { content: "\F15B" }

.fa-file-alt:before { content: "\F15C" }

.fa-file-archive:before { content: "\F1C6" }

.fa-file-audio:before { content: "\F1C7" }

.fa-file-certificate:before { content: "\F5F3" }

.fa-file-chart-line:before { content: "\F659" }

.fa-file-chart-pie:before { content: "\F65A" }

.fa-file-check:before { content: "\F316" }

.fa-file-code:before { content: "\F1C9" }

.fa-file-contract:before { content: "\F56C" }

.fa-file-csv:before { content: "\F6DD" }

.fa-file-download:before { content: "\F56D" }

.fa-file-edit:before { content: "\F31C" }

.fa-file-excel:before { content: "\F1C3" }

.fa-file-exclamation:before { content: "\F31A" }

.fa-file-export:before { content: "\F56E" }

.fa-file-image:before { content: "\F1C5" }

.fa-file-import:before { content: "\F56F" }

.fa-file-invoice:before { content: "\F570" }

.fa-file-invoice-dollar:before { content: "\F571" }

.fa-file-medical:before { content: "\F477" }

.fa-file-medical-alt:before { content: "\F478" }

.fa-file-minus:before { content: "\F318" }

.fa-file-music:before { content: "\F8B6" }

.fa-file-pdf:before { content: "\F1C1" }

.fa-file-plus:before { content: "\F319" }

.fa-file-powerpoint:before { content: "\F1C4" }

.fa-file-prescription:before { content: "\F572" }

.fa-file-search:before { content: "\F865" }

.fa-file-signature:before { content: "\F573" }

.fa-file-spreadsheet:before { content: "\F65B" }

.fa-file-times:before { content: "\F317" }

.fa-file-upload:before { content: "\F574" }

.fa-file-user:before { content: "\F65C" }

.fa-file-video:before { content: "\F1C8" }

.fa-file-word:before { content: "\F1C2" }

.fa-files-medical:before { content: "\F7FD" }

.fa-fill:before { content: "\F575" }

.fa-fill-drip:before { content: "\F576" }

.fa-film:before { content: "\F008" }

.fa-film-alt:before { content: "\F3A0" }

.fa-film-canister:before { content: "\F8B7" }

.fa-filter:before { content: "\F0B0" }

.fa-fingerprint:before { content: "\F577" }

.fa-fire:before { content: "\F06D" }

.fa-fire-alt:before { content: "\F7E4" }

.fa-fire-extinguisher:before { content: "\F134" }

.fa-fire-smoke:before { content: "\F74B" }

.fa-firefox:before { content: "\F269" }

.fa-firefox-browser:before { content: "\E007" }

.fa-fireplace:before { content: "\F79A" }

.fa-first-aid:before { content: "\F479" }

.fa-first-order:before { content: "\F2B0" }

.fa-first-order-alt:before { content: "\F50A" }

.fa-firstdraft:before { content: "\F3A1" }

.fa-fish:before { content: "\F578" }

.fa-fish-cooked:before { content: "\F7FE" }

.fa-fist-raised:before { content: "\F6DE" }

.fa-flag:before { content: "\F024" }

.fa-flag-alt:before { content: "\F74C" }

.fa-flag-checkered:before { content: "\F11E" }

.fa-flag-usa:before { content: "\F74D" }

.fa-flame:before { content: "\F6DF" }

.fa-flashlight:before { content: "\F8B8" }

.fa-flask:before { content: "\F0C3" }

.fa-flask-poison:before { content: "\F6E0" }

.fa-flask-potion:before { content: "\F6E1" }

.fa-flickr:before { content: "\F16E" }

.fa-flipboard:before { content: "\F44D" }

.fa-flower:before { content: "\F7FF" }

.fa-flower-daffodil:before { content: "\F800" }

.fa-flower-tulip:before { content: "\F801" }

.fa-flushed:before { content: "\F579" }

.fa-flute:before { content: "\F8B9" }

.fa-flux-capacitor:before { content: "\F8BA" }

.fa-fly:before { content: "\F417" }

.fa-fog:before { content: "\F74E" }

.fa-folder:before { content: "\F07B" }

.fa-folder-download:before { content: "\E053" }

.fa-folder-minus:before { content: "\F65D" }

.fa-folder-open:before { content: "\F07C" }

.fa-folder-plus:before { content: "\F65E" }

.fa-folder-times:before { content: "\F65F" }

.fa-folder-tree:before { content: "\F802" }

.fa-folder-upload:before { content: "\E054" }

.fa-folders:before { content: "\F660" }

.fa-font:before { content: "\F031" }

.fa-font-awesome:before { content: "\F2B4" }

.fa-font-awesome-alt:before { content: "\F35C" }

.fa-font-awesome-flag:before { content: "\F425" }

.fa-font-awesome-logo-full:before { content: "\F4E6" }

.fa-font-case:before { content: "\F866" }

.fa-fonticons:before { content: "\F280" }

.fa-fonticons-fi:before { content: "\F3A2" }

.fa-football-ball:before { content: "\F44E" }

.fa-football-helmet:before { content: "\F44F" }

.fa-forklift:before { content: "\F47A" }

.fa-fort-awesome:before { content: "\F286" }

.fa-fort-awesome-alt:before { content: "\F3A3" }

.fa-forumbee:before { content: "\F211" }

.fa-forward:before { content: "\F04E" }

.fa-foursquare:before { content: "\F180" }

.fa-fragile:before { content: "\F4BB" }

.fa-free-code-camp:before { content: "\F2C5" }

.fa-freebsd:before { content: "\F3A4" }

.fa-french-fries:before { content: "\F803" }

.fa-frog:before { content: "\F52E" }

.fa-frosty-head:before { content: "\F79B" }

.fa-frown:before { content: "\F119" }

.fa-frown-open:before { content: "\F57A" }

.fa-fulcrum:before { content: "\F50B" }

.fa-function:before { content: "\F661" }

.fa-funnel-dollar:before { content: "\F662" }

.fa-futbol:before { content: "\F1E3" }

.fa-galactic-republic:before { content: "\F50C" }

.fa-galactic-senate:before { content: "\F50D" }

.fa-galaxy:before { content: "\E008" }

.fa-game-board:before { content: "\F867" }

.fa-game-board-alt:before { content: "\F868" }

.fa-game-console-handheld:before { content: "\F8BB" }

.fa-gamepad:before { content: "\F11B" }

.fa-gamepad-alt:before { content: "\F8BC" }

.fa-garage:before { content: "\E009" }

.fa-garage-car:before { content: "\E00A" }

.fa-garage-open:before { content: "\E00B" }

.fa-gas-pump:before { content: "\F52F" }

.fa-gas-pump-slash:before { content: "\F5F4" }

.fa-gavel:before { content: "\F0E3" }

.fa-gem:before { content: "\F3A5" }

.fa-genderless:before { content: "\F22D" }

.fa-get-pocket:before { content: "\F265" }

.fa-gg:before { content: "\F260" }

.fa-gg-circle:before { content: "\F261" }

.fa-ghost:before { content: "\F6E2" }

.fa-gift:before { content: "\F06B" }

.fa-gift-card:before { content: "\F663" }

.fa-gifts:before { content: "\F79C" }

.fa-gingerbread-man:before { content: "\F79D" }

.fa-git:before { content: "\F1D3" }

.fa-git-alt:before { content: "\F841" }

.fa-git-square:before { content: "\F1D2" }

.fa-github:before { content: "\F09B" }

.fa-github-alt:before { content: "\F113" }

.fa-github-square:before { content: "\F092" }

.fa-gitkraken:before { content: "\F3A6" }

.fa-gitlab:before { content: "\F296" }

.fa-gitter:before { content: "\F426" }

.fa-glass:before { content: "\F804" }

.fa-glass-champagne:before { content: "\F79E" }

.fa-glass-cheers:before { content: "\F79F" }

.fa-glass-citrus:before { content: "\F869" }

.fa-glass-martini:before { content: "\F000" }

.fa-glass-martini-alt:before { content: "\F57B" }

.fa-glass-whiskey:before { content: "\F7A0" }

.fa-glass-whiskey-rocks:before { content: "\F7A1" }

.fa-glasses:before { content: "\F530" }

.fa-glasses-alt:before { content: "\F5F5" }

.fa-glide:before { content: "\F2A5" }

.fa-glide-g:before { content: "\F2A6" }

.fa-globe:before { content: "\F0AC" }

.fa-globe-africa:before { content: "\F57C" }

.fa-globe-americas:before { content: "\F57D" }

.fa-globe-asia:before { content: "\F57E" }

.fa-globe-europe:before { content: "\F7A2" }

.fa-globe-snow:before { content: "\F7A3" }

.fa-globe-stand:before { content: "\F5F6" }

.fa-gofore:before { content: "\F3A7" }

.fa-golf-ball:before { content: "\F450" }

.fa-golf-club:before { content: "\F451" }

.fa-goodreads:before { content: "\F3A8" }

.fa-goodreads-g:before { content: "\F3A9" }

.fa-google:before { content: "\F1A0" }

.fa-google-drive:before { content: "\F3AA" }

.fa-google-pay:before { content: "\E079" }

.fa-google-play:before { content: "\F3AB" }

.fa-google-plus:before { content: "\F2B3" }

.fa-google-plus-g:before { content: "\F0D5" }

.fa-google-plus-square:before { content: "\F0D4" }

.fa-google-wallet:before { content: "\F1EE" }

.fa-gopuram:before { content: "\F664" }

.fa-graduation-cap:before { content: "\F19D" }

.fa-gramophone:before { content: "\F8BD" }

.fa-gratipay:before { content: "\F184" }

.fa-grav:before { content: "\F2D6" }

.fa-greater-than:before { content: "\F531" }

.fa-greater-than-equal:before { content: "\F532" }

.fa-grimace:before { content: "\F57F" }

.fa-grin:before { content: "\F580" }

.fa-grin-alt:before { content: "\F581" }

.fa-grin-beam:before { content: "\F582" }

.fa-grin-beam-sweat:before { content: "\F583" }

.fa-grin-hearts:before { content: "\F584" }

.fa-grin-squint:before { content: "\F585" }

.fa-grin-squint-tears:before { content: "\F586" }

.fa-grin-stars:before { content: "\F587" }

.fa-grin-tears:before { content: "\F588" }

.fa-grin-tongue:before { content: "\F589" }

.fa-grin-tongue-squint:before { content: "\F58A" }

.fa-grin-tongue-wink:before { content: "\F58B" }

.fa-grin-wink:before { content: "\F58C" }

.fa-grip-horizontal:before { content: "\F58D" }

.fa-grip-lines:before { content: "\F7A4" }

.fa-grip-lines-vertical:before { content: "\F7A5" }

.fa-grip-vertical:before { content: "\F58E" }

.fa-gripfire:before { content: "\F3AC" }

.fa-grunt:before { content: "\F3AD" }

.fa-guilded:before { content: "\E07E" }

.fa-guitar:before { content: "\F7A6" }

.fa-guitar-electric:before { content: "\F8BE" }

.fa-guitars:before { content: "\F8BF" }

.fa-gulp:before { content: "\F3AE" }

.fa-h-square:before { content: "\F0FD" }

.fa-h1:before { content: "\F313" }

.fa-h2:before { content: "\F314" }

.fa-h3:before { content: "\F315" }

.fa-h4:before { content: "\F86A" }

.fa-hacker-news:before { content: "\F1D4" }

.fa-hacker-news-square:before { content: "\F3AF" }

.fa-hackerrank:before { content: "\F5F7" }

.fa-hamburger:before { content: "\F805" }

.fa-hammer:before { content: "\F6E3" }

.fa-hammer-war:before { content: "\F6E4" }

.fa-hamsa:before { content: "\F665" }

.fa-hand-heart:before { content: "\F4BC" }

.fa-hand-holding:before { content: "\F4BD" }

.fa-hand-holding-box:before { content: "\F47B" }

.fa-hand-holding-heart:before { content: "\F4BE" }

.fa-hand-holding-magic:before { content: "\F6E5" }

.fa-hand-holding-medical:before { content: "\E05C" }

.fa-hand-holding-seedling:before { content: "\F4BF" }

.fa-hand-holding-usd:before { content: "\F4C0" }

.fa-hand-holding-water:before { content: "\F4C1" }

.fa-hand-lizard:before { content: "\F258" }

.fa-hand-middle-finger:before { content: "\F806" }

.fa-hand-paper:before { content: "\F256" }

.fa-hand-peace:before { content: "\F25B" }

.fa-hand-point-down:before { content: "\F0A7" }

.fa-hand-point-left:before { content: "\F0A5" }

.fa-hand-point-right:before { content: "\F0A4" }

.fa-hand-point-up:before { content: "\F0A6" }

.fa-hand-pointer:before { content: "\F25A" }

.fa-hand-receiving:before { content: "\F47C" }

.fa-hand-rock:before { content: "\F255" }

.fa-hand-scissors:before { content: "\F257" }

.fa-hand-sparkles:before { content: "\E05D" }

.fa-hand-spock:before { content: "\F259" }

.fa-hands:before { content: "\F4C2" }

.fa-hands-heart:before { content: "\F4C3" }

.fa-hands-helping:before { content: "\F4C4" }

.fa-hands-usd:before { content: "\F4C5" }

.fa-hands-wash:before { content: "\E05E" }

.fa-handshake:before { content: "\F2B5" }

.fa-handshake-alt:before { content: "\F4C6" }

.fa-handshake-alt-slash:before { content: "\E05F" }

.fa-handshake-slash:before { content: "\E060" }

.fa-hanukiah:before { content: "\F6E6" }

.fa-hard-hat:before { content: "\F807" }

.fa-hashtag:before { content: "\F292" }

.fa-hat-chef:before { content: "\F86B" }

.fa-hat-cowboy:before { content: "\F8C0" }

.fa-hat-cowboy-side:before { content: "\F8C1" }

.fa-hat-santa:before { content: "\F7A7" }

.fa-hat-winter:before { content: "\F7A8" }

.fa-hat-witch:before { content: "\F6E7" }

.fa-hat-wizard:before { content: "\F6E8" }

.fa-hdd:before { content: "\F0A0" }

.fa-head-side:before { content: "\F6E9" }

.fa-head-side-brain:before { content: "\F808" }

.fa-head-side-cough:before { content: "\E061" }

.fa-head-side-cough-slash:before { content: "\E062" }

.fa-head-side-headphones:before { content: "\F8C2" }

.fa-head-side-mask:before { content: "\E063" }

.fa-head-side-medical:before { content: "\F809" }

.fa-head-side-virus:before { content: "\E064" }

.fa-head-vr:before { content: "\F6EA" }

.fa-heading:before { content: "\F1DC" }

.fa-headphones:before { content: "\F025" }

.fa-headphones-alt:before { content: "\F58F" }

.fa-headset:before { content: "\F590" }

.fa-heart:before { content: "\F004" }

.fa-heart-broken:before { content: "\F7A9" }

.fa-heart-circle:before { content: "\F4C7" }

.fa-heart-rate:before { content: "\F5F8" }

.fa-heart-square:before { content: "\F4C8" }

.fa-heartbeat:before { content: "\F21E" }

.fa-heat:before { content: "\E00C" }

.fa-helicopter:before { content: "\F533" }

.fa-helmet-battle:before { content: "\F6EB" }

.fa-hexagon:before { content: "\F312" }

.fa-highlighter:before { content: "\F591" }

.fa-hiking:before { content: "\F6EC" }

.fa-hippo:before { content: "\F6ED" }

.fa-hips:before { content: "\F452" }

.fa-hire-a-helper:before { content: "\F3B0" }

.fa-history:before { content: "\F1DA" }

.fa-hive:before { content: "\E07F" }

.fa-hockey-mask:before { content: "\F6EE" }

.fa-hockey-puck:before { content: "\F453" }

.fa-hockey-sticks:before { content: "\F454" }

.fa-holly-berry:before { content: "\F7AA" }

.fa-home:before { content: "\F015" }

.fa-home-alt:before { content: "\F80A" }

.fa-home-heart:before { content: "\F4C9" }

.fa-home-lg:before { content: "\F80B" }

.fa-home-lg-alt:before { content: "\F80C" }

.fa-hood-cloak:before { content: "\F6EF" }

.fa-hooli:before { content: "\F427" }

.fa-horizontal-rule:before { content: "\F86C" }

.fa-hornbill:before { content: "\F592" }

.fa-horse:before { content: "\F6F0" }

.fa-horse-head:before { content: "\F7AB" }

.fa-horse-saddle:before { content: "\F8C3" }

.fa-hospital:before { content: "\F0F8" }

.fa-hospital-alt:before { content: "\F47D" }

.fa-hospital-symbol:before { content: "\F47E" }

.fa-hospital-user:before { content: "\F80D" }

.fa-hospitals:before { content: "\F80E" }

.fa-hot-tub:before { content: "\F593" }

.fa-hotdog:before { content: "\F80F" }

.fa-hotel:before { content: "\F594" }

.fa-hotjar:before { content: "\F3B1" }

.fa-hourglass:before { content: "\F254" }

.fa-hourglass-end:before { content: "\F253" }

.fa-hourglass-half:before { content: "\F252" }

.fa-hourglass-start:before { content: "\F251" }

.fa-house:before { content: "\E00D" }

.fa-house-damage:before { content: "\F6F1" }

.fa-house-day:before { content: "\E00E" }

.fa-house-flood:before { content: "\F74F" }

.fa-house-leave:before { content: "\E00F" }

.fa-house-night:before { content: "\E010" }

.fa-house-return:before { content: "\E011" }

.fa-house-signal:before { content: "\E012" }

.fa-house-user:before { content: "\E065" }

.fa-houzz:before { content: "\F27C" }

.fa-hryvnia:before { content: "\F6F2" }

.fa-html5:before { content: "\F13B" }

.fa-hubspot:before { content: "\F3B2" }

.fa-humidity:before { content: "\F750" }

.fa-hurricane:before { content: "\F751" }

.fa-i-cursor:before { content: "\F246" }

.fa-ice-cream:before { content: "\F810" }

.fa-ice-skate:before { content: "\F7AC" }

.fa-icicles:before { content: "\F7AD" }

.fa-icons:before { content: "\F86D" }

.fa-icons-alt:before { content: "\F86E" }

.fa-id-badge:before { content: "\F2C1" }

.fa-id-card:before { content: "\F2C2" }

.fa-id-card-alt:before { content: "\F47F" }

.fa-ideal:before { content: "\E013" }

.fa-igloo:before { content: "\F7AE" }

.fa-image:before { content: "\F03E" }

.fa-image-polaroid:before { content: "\F8C4" }

.fa-images:before { content: "\F302" }

.fa-imdb:before { content: "\F2D8" }

.fa-inbox:before { content: "\F01C" }

.fa-inbox-in:before { content: "\F310" }

.fa-inbox-out:before { content: "\F311" }

.fa-indent:before { content: "\F03C" }

.fa-industry:before { content: "\F275" }

.fa-industry-alt:before { content: "\F3B3" }

.fa-infinity:before { content: "\F534" }

.fa-info:before { content: "\F129" }

.fa-info-circle:before { content: "\F05A" }

.fa-info-square:before { content: "\F30F" }

.fa-inhaler:before { content: "\F5F9" }

.fa-innosoft:before { content: "\E080" }

.fa-instagram:before { content: "\F16D" }

.fa-instagram-square:before { content: "\E055" }

.fa-instalod:before { content: "\E081" }

.fa-integral:before { content: "\F667" }

.fa-intercom:before { content: "\F7AF" }

.fa-internet-explorer:before { content: "\F26B" }

.fa-intersection:before { content: "\F668" }

.fa-inventory:before { content: "\F480" }

.fa-invision:before { content: "\F7B0" }

.fa-ioxhost:before { content: "\F208" }

.fa-island-tropical:before { content: "\F811" }

.fa-italic:before { content: "\F033" }

.fa-itch-io:before { content: "\F83A" }

.fa-itunes:before { content: "\F3B4" }

.fa-itunes-note:before { content: "\F3B5" }

.fa-jack-o-lantern:before { content: "\F30E" }

.fa-java:before { content: "\F4E4" }

.fa-jedi:before { content: "\F669" }

.fa-jedi-order:before { content: "\F50E" }

.fa-jenkins:before { content: "\F3B6" }

.fa-jira:before { content: "\F7B1" }

.fa-joget:before { content: "\F3B7" }

.fa-joint:before { content: "\F595" }

.fa-joomla:before { content: "\F1AA" }

.fa-journal-whills:before { content: "\F66A" }

.fa-joystick:before { content: "\F8C5" }

.fa-js:before { content: "\F3B8" }

.fa-js-square:before { content: "\F3B9" }

.fa-jsfiddle:before { content: "\F1CC" }

.fa-jug:before { content: "\F8C6" }

.fa-kaaba:before { content: "\F66B" }

.fa-kaggle:before { content: "\F5FA" }

.fa-kazoo:before { content: "\F8C7" }

.fa-kerning:before { content: "\F86F" }

.fa-key:before { content: "\F084" }

.fa-key-skeleton:before { content: "\F6F3" }

.fa-keybase:before { content: "\F4F5" }

.fa-keyboard:before { content: "\F11C" }

.fa-keycdn:before { content: "\F3BA" }

.fa-keynote:before { content: "\F66C" }

.fa-khanda:before { content: "\F66D" }

.fa-kickstarter:before { content: "\F3BB" }

.fa-kickstarter-k:before { content: "\F3BC" }

.fa-kidneys:before { content: "\F5FB" }

.fa-kiss:before { content: "\F596" }

.fa-kiss-beam:before { content: "\F597" }

.fa-kiss-wink-heart:before { content: "\F598" }

.fa-kite:before { content: "\F6F4" }

.fa-kiwi-bird:before { content: "\F535" }

.fa-knife-kitchen:before { content: "\F6F5" }

.fa-korvue:before { content: "\F42F" }

.fa-lambda:before { content: "\F66E" }

.fa-lamp:before { content: "\F4CA" }

.fa-lamp-desk:before { content: "\E014" }

.fa-lamp-floor:before { content: "\E015" }

.fa-landmark:before { content: "\F66F" }

.fa-landmark-alt:before { content: "\F752" }

.fa-language:before { content: "\F1AB" }

.fa-laptop:before { content: "\F109" }

.fa-laptop-code:before { content: "\F5FC" }

.fa-laptop-house:before { content: "\E066" }

.fa-laptop-medical:before { content: "\F812" }

.fa-laravel:before { content: "\F3BD" }

.fa-lasso:before { content: "\F8C8" }

.fa-lastfm:before { content: "\F202" }

.fa-lastfm-square:before { content: "\F203" }

.fa-laugh:before { content: "\F599" }

.fa-laugh-beam:before { content: "\F59A" }

.fa-laugh-squint:before { content: "\F59B" }

.fa-laugh-wink:before { content: "\F59C" }

.fa-layer-group:before { content: "\F5FD" }

.fa-layer-minus:before { content: "\F5FE" }

.fa-layer-plus:before { content: "\F5FF" }

.fa-leaf:before { content: "\F06C" }

.fa-leaf-heart:before { content: "\F4CB" }

.fa-leaf-maple:before { content: "\F6F6" }

.fa-leaf-oak:before { content: "\F6F7" }

.fa-leanpub:before { content: "\F212" }

.fa-lemon:before { content: "\F094" }

.fa-less:before { content: "\F41D" }

.fa-less-than:before { content: "\F536" }

.fa-less-than-equal:before { content: "\F537" }

.fa-level-down:before { content: "\F149" }

.fa-level-down-alt:before { content: "\F3BE" }

.fa-level-up:before { content: "\F148" }

.fa-level-up-alt:before { content: "\F3BF" }

.fa-life-ring:before { content: "\F1CD" }

.fa-light-ceiling:before { content: "\E016" }

.fa-light-switch:before { content: "\E017" }

.fa-light-switch-off:before { content: "\E018" }

.fa-light-switch-on:before { content: "\E019" }

.fa-lightbulb:before { content: "\F0EB" }

.fa-lightbulb-dollar:before { content: "\F670" }

.fa-lightbulb-exclamation:before { content: "\F671" }

.fa-lightbulb-on:before { content: "\F672" }

.fa-lightbulb-slash:before { content: "\F673" }

.fa-lights-holiday:before { content: "\F7B2" }

.fa-line:before { content: "\F3C0" }

.fa-line-columns:before { content: "\F870" }

.fa-line-height:before { content: "\F871" }

.fa-link:before { content: "\F0C1" }

.fa-linkedin:before { content: "\F08C" }

.fa-linkedin-in:before { content: "\F0E1" }

.fa-linode:before { content: "\F2B8" }

.fa-linux:before { content: "\F17C" }

.fa-lips:before { content: "\F600" }

.fa-lira-sign:before { content: "\F195" }

.fa-list:before { content: "\F03A" }

.fa-list-alt:before { content: "\F022" }

.fa-list-music:before { content: "\F8C9" }

.fa-list-ol:before { content: "\F0CB" }

.fa-list-ul:before { content: "\F0CA" }

.fa-location:before { content: "\F601" }

.fa-location-arrow:before { content: "\F124" }

.fa-location-circle:before { content: "\F602" }

.fa-location-slash:before { content: "\F603" }

.fa-lock:before { content: "\F023" }

.fa-lock-alt:before { content: "\F30D" }

.fa-lock-open:before { content: "\F3C1" }

.fa-lock-open-alt:before { content: "\F3C2" }

.fa-long-arrow-alt-down:before { content: "\F309" }

.fa-long-arrow-alt-left:before { content: "\F30A" }

.fa-long-arrow-alt-right:before { content: "\F30B" }

.fa-long-arrow-alt-up:before { content: "\F30C" }

.fa-long-arrow-down:before { content: "\F175" }

.fa-long-arrow-left:before { content: "\F177" }

.fa-long-arrow-right:before { content: "\F178" }

.fa-long-arrow-up:before { content: "\F176" }

.fa-loveseat:before { content: "\F4CC" }

.fa-low-vision:before { content: "\F2A8" }

.fa-luchador:before { content: "\F455" }

.fa-luggage-cart:before { content: "\F59D" }

.fa-lungs:before { content: "\F604" }

.fa-lungs-virus:before { content: "\E067" }

.fa-lyft:before { content: "\F3C3" }

.fa-mace:before { content: "\F6F8" }

.fa-magento:before { content: "\F3C4" }

.fa-magic:before { content: "\F0D0" }

.fa-magnet:before { content: "\F076" }

.fa-mail-bulk:before { content: "\F674" }

.fa-mailbox:before { content: "\F813" }

.fa-mailchimp:before { content: "\F59E" }

.fa-male:before { content: "\F183" }

.fa-mandalorian:before { content: "\F50F" }

.fa-mandolin:before { content: "\F6F9" }

.fa-map:before { content: "\F279" }

.fa-map-marked:before { content: "\F59F" }

.fa-map-marked-alt:before { content: "\F5A0" }

.fa-map-marker:before { content: "\F041" }

.fa-map-marker-alt:before { content: "\F3C5" }

.fa-map-marker-alt-slash:before { content: "\F605" }

.fa-map-marker-check:before { content: "\F606" }

.fa-map-marker-edit:before { content: "\F607" }

.fa-map-marker-exclamation:before { content: "\F608" }

.fa-map-marker-minus:before { content: "\F609" }

.fa-map-marker-plus:before { content: "\F60A" }

.fa-map-marker-question:before { content: "\F60B" }

.fa-map-marker-slash:before { content: "\F60C" }

.fa-map-marker-smile:before { content: "\F60D" }

.fa-map-marker-times:before { content: "\F60E" }

.fa-map-pin:before { content: "\F276" }

.fa-map-signs:before { content: "\F277" }

.fa-markdown:before { content: "\F60F" }

.fa-marker:before { content: "\F5A1" }

.fa-mars:before { content: "\F222" }

.fa-mars-double:before { content: "\F227" }

.fa-mars-stroke:before { content: "\F229" }

.fa-mars-stroke-h:before { content: "\F22B" }

.fa-mars-stroke-v:before { content: "\F22A" }

.fa-mask:before { content: "\F6FA" }

.fa-mastodon:before { content: "\F4F6" }

.fa-maxcdn:before { content: "\F136" }

.fa-mdb:before { content: "\F8CA" }

.fa-meat:before { content: "\F814" }

.fa-medal:before { content: "\F5A2" }

.fa-medapps:before { content: "\F3C6" }

.fa-medium:before { content: "\F23A" }

.fa-medium-m:before { content: "\F3C7" }

.fa-medkit:before { content: "\F0FA" }

.fa-medrt:before { content: "\F3C8" }

.fa-meetup:before { content: "\F2E0" }

.fa-megaphone:before { content: "\F675" }

.fa-megaport:before { content: "\F5A3" }

.fa-meh:before { content: "\F11A" }

.fa-meh-blank:before { content: "\F5A4" }

.fa-meh-rolling-eyes:before { content: "\F5A5" }

.fa-memory:before { content: "\F538" }

.fa-mendeley:before { content: "\F7B3" }

.fa-menorah:before { content: "\F676" }

.fa-mercury:before { content: "\F223" }

.fa-meteor:before { content: "\F753" }

.fa-microblog:before { content: "\E01A" }

.fa-microchip:before { content: "\F2DB" }

.fa-microphone:before { content: "\F130" }

.fa-microphone-alt:before { content: "\F3C9" }

.fa-microphone-alt-slash:before { content: "\F539" }

.fa-microphone-slash:before { content: "\F131" }

.fa-microphone-stand:before { content: "\F8CB" }

.fa-microscope:before { content: "\F610" }

.fa-microsoft:before { content: "\F3CA" }

.fa-microwave:before { content: "\E01B" }

.fa-mind-share:before { content: "\F677" }

.fa-minus:before { content: "\F068" }

.fa-minus-circle:before { content: "\F056" }

.fa-minus-hexagon:before { content: "\F307" }

.fa-minus-octagon:before { content: "\F308" }

.fa-minus-square:before { content: "\F146" }

.fa-mistletoe:before { content: "\F7B4" }

.fa-mitten:before { content: "\F7B5" }

.fa-mix:before { content: "\F3CB" }

.fa-mixcloud:before { content: "\F289" }

.fa-mixer:before { content: "\E056" }

.fa-mizuni:before { content: "\F3CC" }

.fa-mobile:before { content: "\F10B" }

.fa-mobile-alt:before { content: "\F3CD" }

.fa-mobile-android:before { content: "\F3CE" }

.fa-mobile-android-alt:before { content: "\F3CF" }

.fa-modx:before { content: "\F285" }

.fa-monero:before { content: "\F3D0" }

.fa-money-bill:before { content: "\F0D6" }

.fa-money-bill-alt:before { content: "\F3D1" }

.fa-money-bill-wave:before { content: "\F53A" }

.fa-money-bill-wave-alt:before { content: "\F53B" }

.fa-money-check:before { content: "\F53C" }

.fa-money-check-alt:before { content: "\F53D" }

.fa-money-check-edit:before { content: "\F872" }

.fa-money-check-edit-alt:before { content: "\F873" }

.fa-monitor-heart-rate:before { content: "\F611" }

.fa-monkey:before { content: "\F6FB" }

.fa-monument:before { content: "\F5A6" }

.fa-moon:before { content: "\F186" }

.fa-moon-cloud:before { content: "\F754" }

.fa-moon-stars:before { content: "\F755" }

.fa-mortar-pestle:before { content: "\F5A7" }

.fa-mosque:before { content: "\F678" }

.fa-motorcycle:before { content: "\F21C" }

.fa-mountain:before { content: "\F6FC" }

.fa-mountains:before { content: "\F6FD" }

.fa-mouse:before { content: "\F8CC" }

.fa-mouse-alt:before { content: "\F8CD" }

.fa-mouse-pointer:before { content: "\F245" }

.fa-mp3-player:before { content: "\F8CE" }

.fa-mug:before { content: "\F874" }

.fa-mug-hot:before { content: "\F7B6" }

.fa-mug-marshmallows:before { content: "\F7B7" }

.fa-mug-tea:before { content: "\F875" }

.fa-music:before { content: "\F001" }

.fa-music-alt:before { content: "\F8CF" }

.fa-music-alt-slash:before { content: "\F8D0" }

.fa-music-slash:before { content: "\F8D1" }

.fa-napster:before { content: "\F3D2" }

.fa-narwhal:before { content: "\F6FE" }

.fa-neos:before { content: "\F612" }

.fa-network-wired:before { content: "\F6FF" }

.fa-neuter:before { content: "\F22C" }

.fa-newspaper:before { content: "\F1EA" }

.fa-nimblr:before { content: "\F5A8" }

.fa-node:before { content: "\F419" }

.fa-node-js:before { content: "\F3D3" }

.fa-not-equal:before { content: "\F53E" }

.fa-notes-medical:before { content: "\F481" }

.fa-npm:before { content: "\F3D4" }

.fa-ns8:before { content: "\F3D5" }

.fa-nutritionix:before { content: "\F3D6" }

.fa-object-group:before { content: "\F247" }

.fa-object-ungroup:before { content: "\F248" }

.fa-octagon:before { content: "\F306" }

.fa-octopus-deploy:before { content: "\E082" }

.fa-odnoklassniki:before { content: "\F263" }

.fa-odnoklassniki-square:before { content: "\F264" }

.fa-oil-can:before { content: "\F613" }

.fa-oil-temp:before { content: "\F614" }

.fa-old-republic:before { content: "\F510" }

.fa-om:before { content: "\F679" }

.fa-omega:before { content: "\F67A" }

.fa-opencart:before { content: "\F23D" }

.fa-openid:before { content: "\F19B" }

.fa-opera:before { content: "\F26A" }

.fa-optin-monster:before { content: "\F23C" }

.fa-orcid:before { content: "\F8D2" }

.fa-ornament:before { content: "\F7B8" }

.fa-osi:before { content: "\F41A" }

.fa-otter:before { content: "\F700" }

.fa-outdent:before { content: "\F03B" }

.fa-outlet:before { content: "\E01C" }

.fa-oven:before { content: "\E01D" }

.fa-overline:before { content: "\F876" }

.fa-page-break:before { content: "\F877" }

.fa-page4:before { content: "\F3D7" }

.fa-pagelines:before { content: "\F18C" }

.fa-pager:before { content: "\F815" }

.fa-paint-brush:before { content: "\F1FC" }

.fa-paint-brush-alt:before { content: "\F5A9" }

.fa-paint-roller:before { content: "\F5AA" }

.fa-palette:before { content: "\F53F" }

.fa-palfed:before { content: "\F3D8" }

.fa-pallet:before { content: "\F482" }

.fa-pallet-alt:before { content: "\F483" }

.fa-paper-plane:before { content: "\F1D8" }

.fa-paperclip:before { content: "\F0C6" }

.fa-parachute-box:before { content: "\F4CD" }

.fa-paragraph:before { content: "\F1DD" }

.fa-paragraph-rtl:before { content: "\F878" }

.fa-parking:before { content: "\F540" }

.fa-parking-circle:before { content: "\F615" }

.fa-parking-circle-slash:before { content: "\F616" }

.fa-parking-slash:before { content: "\F617" }

.fa-passport:before { content: "\F5AB" }

.fa-pastafarianism:before { content: "\F67B" }

.fa-paste:before { content: "\F0EA" }

.fa-patreon:before { content: "\F3D9" }

.fa-pause:before { content: "\F04C" }

.fa-pause-circle:before { content: "\F28B" }

.fa-paw:before { content: "\F1B0" }

.fa-paw-alt:before { content: "\F701" }

.fa-paw-claws:before { content: "\F702" }

.fa-paypal:before { content: "\F1ED" }

.fa-peace:before { content: "\F67C" }

.fa-pegasus:before { content: "\F703" }

.fa-pen:before { content: "\F304" }

.fa-pen-alt:before { content: "\F305" }

.fa-pen-fancy:before { content: "\F5AC" }

.fa-pen-nib:before { content: "\F5AD" }

.fa-pen-square:before { content: "\F14B" }

.fa-pencil:before { content: "\F040" }

.fa-pencil-alt:before { content: "\F303" }

.fa-pencil-paintbrush:before { content: "\F618" }

.fa-pencil-ruler:before { content: "\F5AE" }

.fa-pennant:before { content: "\F456" }

.fa-penny-arcade:before { content: "\F704" }

.fa-people-arrows:before { content: "\E068" }

.fa-people-carry:before { content: "\F4CE" }

.fa-pepper-hot:before { content: "\F816" }

.fa-perbyte:before { content: "\E083" }

.fa-percent:before { content: "\F295" }

.fa-percentage:before { content: "\F541" }

.fa-periscope:before { content: "\F3DA" }

.fa-person-booth:before { content: "\F756" }

.fa-person-carry:before { content: "\F4CF" }

.fa-person-dolly:before { content: "\F4D0" }

.fa-person-dolly-empty:before { content: "\F4D1" }

.fa-person-sign:before { content: "\F757" }

.fa-phabricator:before { content: "\F3DB" }

.fa-phoenix-framework:before { content: "\F3DC" }

.fa-phoenix-squadron:before { content: "\F511" }

.fa-phone:before { content: "\F095" }

.fa-phone-alt:before { content: "\F879" }

.fa-phone-laptop:before { content: "\F87A" }

.fa-phone-office:before { content: "\F67D" }

.fa-phone-plus:before { content: "\F4D2" }

.fa-phone-rotary:before { content: "\F8D3" }

.fa-phone-slash:before { content: "\F3DD" }

.fa-phone-square:before { content: "\F098" }

.fa-phone-square-alt:before { content: "\F87B" }

.fa-phone-volume:before { content: "\F2A0" }

.fa-photo-video:before { content: "\F87C" }

.fa-php:before { content: "\F457" }

.fa-pi:before { content: "\F67E" }

.fa-piano:before { content: "\F8D4" }

.fa-piano-keyboard:before { content: "\F8D5" }

.fa-pie:before { content: "\F705" }

.fa-pied-piper:before { content: "\F2AE" }

.fa-pied-piper-alt:before { content: "\F1A8" }

.fa-pied-piper-hat:before { content: "\F4E5" }

.fa-pied-piper-pp:before { content: "\F1A7" }

.fa-pied-piper-square:before { content: "\E01E" }

.fa-pig:before { content: "\F706" }

.fa-piggy-bank:before { content: "\F4D3" }

.fa-pills:before { content: "\F484" }

.fa-pinterest:before { content: "\F0D2" }

.fa-pinterest-p:before { content: "\F231" }

.fa-pinterest-square:before { content: "\F0D3" }

.fa-pizza:before { content: "\F817" }

.fa-pizza-slice:before { content: "\F818" }

.fa-place-of-worship:before { content: "\F67F" }

.fa-plane:before { content: "\F072" }

.fa-plane-alt:before { content: "\F3DE" }

.fa-plane-arrival:before { content: "\F5AF" }

.fa-plane-departure:before { content: "\F5B0" }

.fa-plane-slash:before { content: "\E069" }

.fa-planet-moon:before { content: "\E01F" }

.fa-planet-ringed:before { content: "\E020" }

.fa-play:before { content: "\F04B" }

.fa-play-circle:before { content: "\F144" }

.fa-playstation:before { content: "\F3DF" }

.fa-plug:before { content: "\F1E6" }

.fa-plus:before { content: "\F067" }

.fa-plus-circle:before { content: "\F055" }

.fa-plus-hexagon:before { content: "\F300" }

.fa-plus-octagon:before { content: "\F301" }

.fa-plus-square:before { content: "\F0FE" }

.fa-podcast:before { content: "\F2CE" }

.fa-podium:before { content: "\F680" }

.fa-podium-star:before { content: "\F758" }

.fa-police-box:before { content: "\E021" }

.fa-poll:before { content: "\F681" }

.fa-poll-h:before { content: "\F682" }

.fa-poll-people:before { content: "\F759" }

.fa-poo:before { content: "\F2FE" }

.fa-poo-storm:before { content: "\F75A" }

.fa-poop:before { content: "\F619" }

.fa-popcorn:before { content: "\F819" }

.fa-portal-enter:before { content: "\E022" }

.fa-portal-exit:before { content: "\E023" }

.fa-portrait:before { content: "\F3E0" }

.fa-pound-sign:before { content: "\F154" }

.fa-power-off:before { content: "\F011" }

.fa-pray:before { content: "\F683" }

.fa-praying-hands:before { content: "\F684" }

.fa-prescription:before { content: "\F5B1" }

.fa-prescription-bottle:before { content: "\F485" }

.fa-prescription-bottle-alt:before { content: "\F486" }

.fa-presentation:before { content: "\F685" }

.fa-print:before { content: "\F02F" }

.fa-print-search:before { content: "\F81A" }

.fa-print-slash:before { content: "\F686" }

.fa-procedures:before { content: "\F487" }

.fa-product-hunt:before { content: "\F288" }

.fa-project-diagram:before { content: "\F542" }

.fa-projector:before { content: "\F8D6" }

.fa-pump-medical:before { content: "\E06A" }

.fa-pump-soap:before { content: "\E06B" }

.fa-pumpkin:before { content: "\F707" }

.fa-pushed:before { content: "\F3E1" }

.fa-puzzle-piece:before { content: "\F12E" }

.fa-python:before { content: "\F3E2" }

.fa-qq:before { content: "\F1D6" }

.fa-qrcode:before { content: "\F029" }

.fa-question:before { content: "\F128" }

.fa-question-circle:before { content: "\F059" }

.fa-question-square:before { content: "\F2FD" }

.fa-quidditch:before { content: "\F458" }

.fa-quinscape:before { content: "\F459" }

.fa-quora:before { content: "\F2C4" }

.fa-quote-left:before { content: "\F10D" }

.fa-quote-right:before { content: "\F10E" }

.fa-quran:before { content: "\F687" }

.fa-r-project:before { content: "\F4F7" }

.fa-rabbit:before { content: "\F708" }

.fa-rabbit-fast:before { content: "\F709" }

.fa-racquet:before { content: "\F45A" }

.fa-radar:before { content: "\E024" }

.fa-radiation:before { content: "\F7B9" }

.fa-radiation-alt:before { content: "\F7BA" }

.fa-radio:before { content: "\F8D7" }

.fa-radio-alt:before { content: "\F8D8" }

.fa-rainbow:before { content: "\F75B" }

.fa-raindrops:before { content: "\F75C" }

.fa-ram:before { content: "\F70A" }

.fa-ramp-loading:before { content: "\F4D4" }

.fa-random:before { content: "\F074" }

.fa-raspberry-pi:before { content: "\F7BB" }

.fa-ravelry:before { content: "\F2D9" }

.fa-raygun:before { content: "\E025" }

.fa-react:before { content: "\F41B" }

.fa-reacteurope:before { content: "\F75D" }

.fa-readme:before { content: "\F4D5" }

.fa-rebel:before { content: "\F1D0" }

.fa-receipt:before { content: "\F543" }

.fa-record-vinyl:before { content: "\F8D9" }

.fa-rectangle-landscape:before { content: "\F2FA" }

.fa-rectangle-portrait:before { content: "\F2FB" }

.fa-rectangle-wide:before { content: "\F2FC" }

.fa-recycle:before { content: "\F1B8" }

.fa-red-river:before { content: "\F3E3" }

.fa-reddit:before { content: "\F1A1" }

.fa-reddit-alien:before { content: "\F281" }

.fa-reddit-square:before { content: "\F1A2" }

.fa-redhat:before { content: "\F7BC" }

.fa-redo:before { content: "\F01E" }

.fa-redo-alt:before { content: "\F2F9" }

.fa-refrigerator:before { content: "\E026" }

.fa-registered:before { content: "\F25D" }

.fa-remove-format:before { content: "\F87D" }

.fa-renren:before { content: "\F18B" }

.fa-repeat:before { content: "\F363" }

.fa-repeat-1:before { content: "\F365" }

.fa-repeat-1-alt:before { content: "\F366" }

.fa-repeat-alt:before { content: "\F364" }

.fa-reply:before { content: "\F3E5" }

.fa-reply-all:before { content: "\F122" }

.fa-replyd:before { content: "\F3E6" }

.fa-republican:before { content: "\F75E" }

.fa-researchgate:before { content: "\F4F8" }

.fa-resolving:before { content: "\F3E7" }

.fa-restroom:before { content: "\F7BD" }

.fa-retweet:before { content: "\F079" }

.fa-retweet-alt:before { content: "\F361" }

.fa-rev:before { content: "\F5B2" }

.fa-ribbon:before { content: "\F4D6" }

.fa-ring:before { content: "\F70B" }

.fa-rings-wedding:before { content: "\F81B" }

.fa-road:before { content: "\F018" }

.fa-robot:before { content: "\F544" }

.fa-rocket:before { content: "\F135" }

.fa-rocket-launch:before { content: "\E027" }

.fa-rocketchat:before { content: "\F3E8" }

.fa-rockrms:before { content: "\F3E9" }

.fa-route:before { content: "\F4D7" }

.fa-route-highway:before { content: "\F61A" }

.fa-route-interstate:before { content: "\F61B" }

.fa-router:before { content: "\F8DA" }

.fa-rss:before { content: "\F09E" }

.fa-rss-square:before { content: "\F143" }

.fa-ruble-sign:before { content: "\F158" }

.fa-ruler:before { content: "\F545" }

.fa-ruler-combined:before { content: "\F546" }

.fa-ruler-horizontal:before { content: "\F547" }

.fa-ruler-triangle:before { content: "\F61C" }

.fa-ruler-vertical:before { content: "\F548" }

.fa-running:before { content: "\F70C" }

.fa-rupee-sign:before { content: "\F156" }

.fa-rust:before { content: "\E07A" }

.fa-rv:before { content: "\F7BE" }

.fa-sack:before { content: "\F81C" }

.fa-sack-dollar:before { content: "\F81D" }

.fa-sad-cry:before { content: "\F5B3" }

.fa-sad-tear:before { content: "\F5B4" }

.fa-safari:before { content: "\F267" }

.fa-salad:before { content: "\F81E" }

.fa-salesforce:before { content: "\F83B" }

.fa-sandwich:before { content: "\F81F" }

.fa-sass:before { content: "\F41E" }

.fa-satellite:before { content: "\F7BF" }

.fa-satellite-dish:before { content: "\F7C0" }

.fa-sausage:before { content: "\F820" }

.fa-save:before { content: "\F0C7" }

.fa-sax-hot:before { content: "\F8DB" }

.fa-saxophone:before { content: "\F8DC" }

.fa-scalpel:before { content: "\F61D" }

.fa-scalpel-path:before { content: "\F61E" }

.fa-scanner:before { content: "\F488" }

.fa-scanner-image:before { content: "\F8F3" }

.fa-scanner-keyboard:before { content: "\F489" }

.fa-scanner-touchscreen:before { content: "\F48A" }

.fa-scarecrow:before { content: "\F70D" }

.fa-scarf:before { content: "\F7C1" }

.fa-schlix:before { content: "\F3EA" }

.fa-school:before { content: "\F549" }

.fa-screwdriver:before { content: "\F54A" }

.fa-scribd:before { content: "\F28A" }

.fa-scroll:before { content: "\F70E" }

.fa-scroll-old:before { content: "\F70F" }

.fa-scrubber:before { content: "\F2F8" }

.fa-scythe:before { content: "\F710" }

.fa-sd-card:before { content: "\F7C2" }

.fa-search:before { content: "\F002" }

.fa-search-dollar:before { content: "\F688" }

.fa-search-location:before { content: "\F689" }

.fa-search-minus:before { content: "\F010" }

.fa-search-plus:before { content: "\F00E" }

.fa-searchengin:before { content: "\F3EB" }

.fa-seedling:before { content: "\F4D8" }

.fa-sellcast:before { content: "\F2DA" }

.fa-sellsy:before { content: "\F213" }

.fa-send-back:before { content: "\F87E" }

.fa-send-backward:before { content: "\F87F" }

.fa-sensor:before { content: "\E028" }

.fa-sensor-alert:before { content: "\E029" }

.fa-sensor-fire:before { content: "\E02A" }

.fa-sensor-on:before { content: "\E02B" }

.fa-sensor-smoke:before { content: "\E02C" }

.fa-server:before { content: "\F233" }

.fa-servicestack:before { content: "\F3EC" }

.fa-shapes:before { content: "\F61F" }

.fa-share:before { content: "\F064" }

.fa-share-all:before { content: "\F367" }

.fa-share-alt:before { content: "\F1E0" }

.fa-share-alt-square:before { content: "\F1E1" }

.fa-share-square:before { content: "\F14D" }

.fa-sheep:before { content: "\F711" }

.fa-shekel-sign:before { content: "\F20B" }

.fa-shield:before { content: "\F132" }

.fa-shield-alt:before { content: "\F3ED" }

.fa-shield-check:before { content: "\F2F7" }

.fa-shield-cross:before { content: "\F712" }

.fa-shield-virus:before { content: "\E06C" }

.fa-ship:before { content: "\F21A" }

.fa-shipping-fast:before { content: "\F48B" }

.fa-shipping-timed:before { content: "\F48C" }

.fa-shirtsinbulk:before { content: "\F214" }

.fa-shish-kebab:before { content: "\F821" }

.fa-shoe-prints:before { content: "\F54B" }

.fa-shopify:before { content: "\E057" }

.fa-shopping-bag:before { content: "\F290" }

.fa-shopping-basket:before { content: "\F291" }

.fa-shopping-cart:before { content: "\F07A" }

.fa-shopware:before { content: "\F5B5" }

.fa-shovel:before { content: "\F713" }

.fa-shovel-snow:before { content: "\F7C3" }

.fa-shower:before { content: "\F2CC" }

.fa-shredder:before { content: "\F68A" }

.fa-shuttle-van:before { content: "\F5B6" }

.fa-shuttlecock:before { content: "\F45B" }

.fa-sickle:before { content: "\F822" }

.fa-sigma:before { content: "\F68B" }

.fa-sign:before { content: "\F4D9" }

.fa-sign-in:before { content: "\F090" }

.fa-sign-in-alt:before { content: "\F2F6" }

.fa-sign-language:before { content: "\F2A7" }

.fa-sign-out:before { content: "\F08B" }

.fa-sign-out-alt:before { content: "\F2F5" }

.fa-signal:before { content: "\F012" }

.fa-signal-1:before { content: "\F68C" }

.fa-signal-2:before { content: "\F68D" }

.fa-signal-3:before { content: "\F68E" }

.fa-signal-4:before { content: "\F68F" }

.fa-signal-alt:before { content: "\F690" }

.fa-signal-alt-1:before { content: "\F691" }

.fa-signal-alt-2:before { content: "\F692" }

.fa-signal-alt-3:before { content: "\F693" }

.fa-signal-alt-slash:before { content: "\F694" }

.fa-signal-slash:before { content: "\F695" }

.fa-signal-stream:before { content: "\F8DD" }

.fa-signature:before { content: "\F5B7" }

.fa-sim-card:before { content: "\F7C4" }

.fa-simplybuilt:before { content: "\F215" }

.fa-sink:before { content: "\E06D" }

.fa-siren:before { content: "\E02D" }

.fa-siren-on:before { content: "\E02E" }

.fa-sistrix:before { content: "\F3EE" }

.fa-sitemap:before { content: "\F0E8" }

.fa-sith:before { content: "\F512" }

.fa-skating:before { content: "\F7C5" }

.fa-skeleton:before { content: "\F620" }

.fa-sketch:before { content: "\F7C6" }

.fa-ski-jump:before { content: "\F7C7" }

.fa-ski-lift:before { content: "\F7C8" }

.fa-skiing:before { content: "\F7C9" }

.fa-skiing-nordic:before { content: "\F7CA" }

.fa-skull:before { content: "\F54C" }

.fa-skull-cow:before { content: "\F8DE" }

.fa-skull-crossbones:before { content: "\F714" }

.fa-skyatlas:before { content: "\F216" }

.fa-skype:before { content: "\F17E" }

.fa-slack:before { content: "\F198" }

.fa-slack-hash:before { content: "\F3EF" }

.fa-slash:before { content: "\F715" }

.fa-sledding:before { content: "\F7CB" }

.fa-sleigh:before { content: "\F7CC" }

.fa-sliders-h:before { content: "\F1DE" }

.fa-sliders-h-square:before { content: "\F3F0" }

.fa-sliders-v:before { content: "\F3F1" }

.fa-sliders-v-square:before { content: "\F3F2" }

.fa-slideshare:before { content: "\F1E7" }

.fa-smile:before { content: "\F118" }

.fa-smile-beam:before { content: "\F5B8" }

.fa-smile-plus:before { content: "\F5B9" }

.fa-smile-wink:before { content: "\F4DA" }

.fa-smog:before { content: "\F75F" }

.fa-smoke:before { content: "\F760" }

.fa-smoking:before { content: "\F48D" }

.fa-smoking-ban:before { content: "\F54D" }

.fa-sms:before { content: "\F7CD" }

.fa-snake:before { content: "\F716" }

.fa-snapchat:before { content: "\F2AB" }

.fa-snapchat-ghost:before { content: "\F2AC" }

.fa-snapchat-square:before { content: "\F2AD" }

.fa-snooze:before { content: "\F880" }

.fa-snow-blowing:before { content: "\F761" }

.fa-snowboarding:before { content: "\F7CE" }

.fa-snowflake:before { content: "\F2DC" }

.fa-snowflakes:before { content: "\F7CF" }

.fa-snowman:before { content: "\F7D0" }

.fa-snowmobile:before { content: "\F7D1" }

.fa-snowplow:before { content: "\F7D2" }

.fa-soap:before { content: "\E06E" }

.fa-socks:before { content: "\F696" }

.fa-solar-panel:before { content: "\F5BA" }

.fa-solar-system:before { content: "\E02F" }

.fa-sort:before { content: "\F0DC" }

.fa-sort-alpha-down:before { content: "\F15D" }

.fa-sort-alpha-down-alt:before { content: "\F881" }

.fa-sort-alpha-up:before { content: "\F15E" }

.fa-sort-alpha-up-alt:before { content: "\F882" }

.fa-sort-alt:before { content: "\F883" }

.fa-sort-amount-down:before { content: "\F160" }

.fa-sort-amount-down-alt:before { content: "\F884" }

.fa-sort-amount-up:before { content: "\F161" }

.fa-sort-amount-up-alt:before { content: "\F885" }

.fa-sort-circle:before { content: "\E030" }

.fa-sort-circle-down:before { content: "\E031" }

.fa-sort-circle-up:before { content: "\E032" }

.fa-sort-down:before { content: "\F0DD" }

.fa-sort-numeric-down:before { content: "\F162" }

.fa-sort-numeric-down-alt:before { content: "\F886" }

.fa-sort-numeric-up:before { content: "\F163" }

.fa-sort-numeric-up-alt:before { content: "\F887" }

.fa-sort-shapes-down:before { content: "\F888" }

.fa-sort-shapes-down-alt:before { content: "\F889" }

.fa-sort-shapes-up:before { content: "\F88A" }

.fa-sort-shapes-up-alt:before { content: "\F88B" }

.fa-sort-size-down:before { content: "\F88C" }

.fa-sort-size-down-alt:before { content: "\F88D" }

.fa-sort-size-up:before { content: "\F88E" }

.fa-sort-size-up-alt:before { content: "\F88F" }

.fa-sort-up:before { content: "\F0DE" }

.fa-soundcloud:before { content: "\F1BE" }

.fa-soup:before { content: "\F823" }

.fa-sourcetree:before { content: "\F7D3" }

.fa-spa:before { content: "\F5BB" }

.fa-space-shuttle:before { content: "\F197" }

.fa-space-station-moon:before { content: "\E033" }

.fa-space-station-moon-alt:before { content: "\E034" }

.fa-spade:before { content: "\F2F4" }

.fa-sparkles:before { content: "\F890" }

.fa-speakap:before { content: "\F3F3" }

.fa-speaker:before { content: "\F8DF" }

.fa-speaker-deck:before { content: "\F83C" }

.fa-speakers:before { content: "\F8E0" }

.fa-spell-check:before { content: "\F891" }

.fa-spider:before { content: "\F717" }

.fa-spider-black-widow:before { content: "\F718" }

.fa-spider-web:before { content: "\F719" }

.fa-spinner:before { content: "\F110" }

.fa-spinner-third:before { content: "\F3F4" }

.fa-splotch:before { content: "\F5BC" }

.fa-spotify:before { content: "\F1BC" }

.fa-spray-can:before { content: "\F5BD" }

.fa-sprinkler:before { content: "\E035" }

.fa-square:before { content: "\F0C8" }

.fa-square-full:before { content: "\F45C" }

.fa-square-root:before { content: "\F697" }

.fa-square-root-alt:before { content: "\F698" }

.fa-squarespace:before { content: "\F5BE" }

.fa-squirrel:before { content: "\F71A" }

.fa-stack-exchange:before { content: "\F18D" }

.fa-stack-overflow:before { content: "\F16C" }

.fa-stackpath:before { content: "\F842" }

.fa-staff:before { content: "\F71B" }

.fa-stamp:before { content: "\F5BF" }

.fa-star:before { content: "\F005" }

.fa-star-and-crescent:before { content: "\F699" }

.fa-star-christmas:before { content: "\F7D4" }

.fa-star-exclamation:before { content: "\F2F3" }

.fa-star-half:before { content: "\F089" }

.fa-star-half-alt:before { content: "\F5C0" }

.fa-star-of-david:before { content: "\F69A" }

.fa-star-of-life:before { content: "\F621" }

.fa-star-shooting:before { content: "\E036" }

.fa-starfighter:before { content: "\E037" }

.fa-starfighter-alt:before { content: "\E038" }

.fa-stars:before { content: "\F762" }

.fa-starship:before { content: "\E039" }

.fa-starship-freighter:before { content: "\E03A" }

.fa-staylinked:before { content: "\F3F5" }

.fa-steak:before { content: "\F824" }

.fa-steam:before { content: "\F1B6" }

.fa-steam-square:before { content: "\F1B7" }

.fa-steam-symbol:before { content: "\F3F6" }

.fa-steering-wheel:before { content: "\F622" }

.fa-step-backward:before { content: "\F048" }

.fa-step-forward:before { content: "\F051" }

.fa-stethoscope:before { content: "\F0F1" }

.fa-sticker-mule:before { content: "\F3F7" }

.fa-sticky-note:before { content: "\F249" }

.fa-stocking:before { content: "\F7D5" }

.fa-stomach:before { content: "\F623" }

.fa-stop:before { content: "\F04D" }

.fa-stop-circle:before { content: "\F28D" }

.fa-stopwatch:before { content: "\F2F2" }

.fa-stopwatch-20:before { content: "\E06F" }

.fa-store:before { content: "\F54E" }

.fa-store-alt:before { content: "\F54F" }

.fa-store-alt-slash:before { content: "\E070" }

.fa-store-slash:before { content: "\E071" }

.fa-strava:before { content: "\F428" }

.fa-stream:before { content: "\F550" }

.fa-street-view:before { content: "\F21D" }

.fa-stretcher:before { content: "\F825" }

.fa-strikethrough:before { content: "\F0CC" }

.fa-stripe:before { content: "\F429" }

.fa-stripe-s:before { content: "\F42A" }

.fa-stroopwafel:before { content: "\F551" }

.fa-studiovinari:before { content: "\F3F8" }

.fa-stumbleupon:before { content: "\F1A4" }

.fa-stumbleupon-circle:before { content: "\F1A3" }

.fa-subscript:before { content: "\F12C" }

.fa-subway:before { content: "\F239" }

.fa-suitcase:before { content: "\F0F2" }

.fa-suitcase-rolling:before { content: "\F5C1" }

.fa-sun:before { content: "\F185" }

.fa-sun-cloud:before { content: "\F763" }

.fa-sun-dust:before { content: "\F764" }

.fa-sun-haze:before { content: "\F765" }

.fa-sunglasses:before { content: "\F892" }

.fa-sunrise:before { content: "\F766" }

.fa-sunset:before { content: "\F767" }

.fa-superpowers:before { content: "\F2DD" }

.fa-superscript:before { content: "\F12B" }

.fa-supple:before { content: "\F3F9" }

.fa-surprise:before { content: "\F5C2" }

.fa-suse:before { content: "\F7D6" }

.fa-swatchbook:before { content: "\F5C3" }

.fa-swift:before { content: "\F8E1" }

.fa-swimmer:before { content: "\F5C4" }

.fa-swimming-pool:before { content: "\F5C5" }

.fa-sword:before { content: "\F71C" }

.fa-sword-laser:before { content: "\E03B" }

.fa-sword-laser-alt:before { content: "\E03C" }

.fa-swords:before { content: "\F71D" }

.fa-swords-laser:before { content: "\E03D" }

.fa-symfony:before { content: "\F83D" }

.fa-synagogue:before { content: "\F69B" }

.fa-sync:before { content: "\F021" }

.fa-sync-alt:before { content: "\F2F1" }

.fa-syringe:before { content: "\F48E" }

.fa-table:before { content: "\F0CE" }

.fa-table-tennis:before { content: "\F45D" }

.fa-tablet:before { content: "\F10A" }

.fa-tablet-alt:before { content: "\F3FA" }

.fa-tablet-android:before { content: "\F3FB" }

.fa-tablet-android-alt:before { content: "\F3FC" }

.fa-tablet-rugged:before { content: "\F48F" }

.fa-tablets:before { content: "\F490" }

.fa-tachometer:before { content: "\F0E4" }

.fa-tachometer-alt:before { content: "\F3FD" }

.fa-tachometer-alt-average:before { content: "\F624" }

.fa-tachometer-alt-fast:before { content: "\F625" }

.fa-tachometer-alt-fastest:before { content: "\F626" }

.fa-tachometer-alt-slow:before { content: "\F627" }

.fa-tachometer-alt-slowest:before { content: "\F628" }

.fa-tachometer-average:before { content: "\F629" }

.fa-tachometer-fast:before { content: "\F62A" }

.fa-tachometer-fastest:before { content: "\F62B" }

.fa-tachometer-slow:before { content: "\F62C" }

.fa-tachometer-slowest:before { content: "\F62D" }

.fa-taco:before { content: "\F826" }

.fa-tag:before { content: "\F02B" }

.fa-tags:before { content: "\F02C" }

.fa-tally:before { content: "\F69C" }

.fa-tanakh:before { content: "\F827" }

.fa-tape:before { content: "\F4DB" }

.fa-tasks:before { content: "\F0AE" }

.fa-tasks-alt:before { content: "\F828" }

.fa-taxi:before { content: "\F1BA" }

.fa-teamspeak:before { content: "\F4F9" }

.fa-teeth:before { content: "\F62E" }

.fa-teeth-open:before { content: "\F62F" }

.fa-telegram:before { content: "\F2C6" }

.fa-telegram-plane:before { content: "\F3FE" }

.fa-telescope:before { content: "\E03E" }

.fa-temperature-down:before { content: "\E03F" }

.fa-temperature-frigid:before { content: "\F768" }

.fa-temperature-high:before { content: "\F769" }

.fa-temperature-hot:before { content: "\F76A" }

.fa-temperature-low:before { content: "\F76B" }

.fa-temperature-up:before { content: "\E040" }

.fa-tencent-weibo:before { content: "\F1D5" }

.fa-tenge:before { content: "\F7D7" }

.fa-tennis-ball:before { content: "\F45E" }

.fa-terminal:before { content: "\F120" }

.fa-text:before { content: "\F893" }

.fa-text-height:before { content: "\F034" }

.fa-text-size:before { content: "\F894" }

.fa-text-width:before { content: "\F035" }

.fa-th:before { content: "\F00A" }

.fa-th-large:before { content: "\F009" }

.fa-th-list:before { content: "\F00B" }

.fa-the-red-yeti:before { content: "\F69D" }

.fa-theater-masks:before { content: "\F630" }

.fa-themeco:before { content: "\F5C6" }

.fa-themeisle:before { content: "\F2B2" }

.fa-thermometer:before { content: "\F491" }

.fa-thermometer-empty:before { content: "\F2CB" }

.fa-thermometer-full:before { content: "\F2C7" }

.fa-thermometer-half:before { content: "\F2C9" }

.fa-thermometer-quarter:before { content: "\F2CA" }

.fa-thermometer-three-quarters:before { content: "\F2C8" }

.fa-theta:before { content: "\F69E" }

.fa-think-peaks:before { content: "\F731" }

.fa-thumbs-down:before { content: "\F165" }

.fa-thumbs-up:before { content: "\F164" }

.fa-thumbtack:before { content: "\F08D" }

.fa-thunderstorm:before { content: "\F76C" }

.fa-thunderstorm-moon:before { content: "\F76D" }

.fa-thunderstorm-sun:before { content: "\F76E" }

.fa-ticket:before { content: "\F145" }

.fa-ticket-alt:before { content: "\F3FF" }

.fa-tiktok:before { content: "\E07B" }

.fa-tilde:before { content: "\F69F" }

.fa-times:before { content: "\F00D" }

.fa-times-circle:before { content: "\F057" }

.fa-times-hexagon:before { content: "\F2EE" }

.fa-times-octagon:before { content: "\F2F0" }

.fa-times-square:before { content: "\F2D3" }

.fa-tint:before { content: "\F043" }

.fa-tint-slash:before { content: "\F5C7" }

.fa-tire:before { content: "\F631" }

.fa-tire-flat:before { content: "\F632" }

.fa-tire-pressure-warning:before { content: "\F633" }

.fa-tire-rugged:before { content: "\F634" }

.fa-tired:before { content: "\F5C8" }

.fa-toggle-off:before { content: "\F204" }

.fa-toggle-on:before { content: "\F205" }

.fa-toilet:before { content: "\F7D8" }

.fa-toilet-paper:before { content: "\F71E" }

.fa-toilet-paper-alt:before { content: "\F71F" }

.fa-toilet-paper-slash:before { content: "\E072" }

.fa-tombstone:before { content: "\F720" }

.fa-tombstone-alt:before { content: "\F721" }

.fa-toolbox:before { content: "\F552" }

.fa-tools:before { content: "\F7D9" }

.fa-tooth:before { content: "\F5C9" }

.fa-toothbrush:before { content: "\F635" }

.fa-torah:before { content: "\F6A0" }

.fa-torii-gate:before { content: "\F6A1" }

.fa-tornado:before { content: "\F76F" }

.fa-tractor:before { content: "\F722" }

.fa-trade-federation:before { content: "\F513" }

.fa-trademark:before { content: "\F25C" }

.fa-traffic-cone:before { content: "\F636" }

.fa-traffic-light:before { content: "\F637" }

.fa-traffic-light-go:before { content: "\F638" }

.fa-traffic-light-slow:before { content: "\F639" }

.fa-traffic-light-stop:before { content: "\F63A" }

.fa-trailer:before { content: "\E041" }

.fa-train:before { content: "\F238" }

.fa-tram:before { content: "\F7DA" }

.fa-transgender:before { content: "\F224" }

.fa-transgender-alt:before { content: "\F225" }

.fa-transporter:before { content: "\E042" }

.fa-transporter-1:before { content: "\E043" }

.fa-transporter-2:before { content: "\E044" }

.fa-transporter-3:before { content: "\E045" }

.fa-transporter-empty:before { content: "\E046" }

.fa-trash:before { content: "\F1F8" }

.fa-trash-alt:before { content: "\F2ED" }

.fa-trash-restore:before { content: "\F829" }

.fa-trash-restore-alt:before { content: "\F82A" }

.fa-trash-undo:before { content: "\F895" }

.fa-trash-undo-alt:before { content: "\F896" }

.fa-treasure-chest:before { content: "\F723" }

.fa-tree:before { content: "\F1BB" }

.fa-tree-alt:before { content: "\F400" }

.fa-tree-christmas:before { content: "\F7DB" }

.fa-tree-decorated:before { content: "\F7DC" }

.fa-tree-large:before { content: "\F7DD" }

.fa-tree-palm:before { content: "\F82B" }

.fa-trees:before { content: "\F724" }

.fa-trello:before { content: "\F181" }

.fa-triangle:before { content: "\F2EC" }

.fa-triangle-music:before { content: "\F8E2" }

.fa-tripadvisor:before { content: "\F262" }

.fa-trophy:before { content: "\F091" }

.fa-trophy-alt:before { content: "\F2EB" }

.fa-truck:before { content: "\F0D1" }

.fa-truck-container:before { content: "\F4DC" }

.fa-truck-couch:before { content: "\F4DD" }

.fa-truck-loading:before { content: "\F4DE" }

.fa-truck-monster:before { content: "\F63B" }

.fa-truck-moving:before { content: "\F4DF" }

.fa-truck-pickup:before { content: "\F63C" }

.fa-truck-plow:before { content: "\F7DE" }

.fa-truck-ramp:before { content: "\F4E0" }

.fa-trumpet:before { content: "\F8E3" }

.fa-tshirt:before { content: "\F553" }

.fa-tty:before { content: "\F1E4" }

.fa-tumblr:before { content: "\F173" }

.fa-tumblr-square:before { content: "\F174" }

.fa-turkey:before { content: "\F725" }

.fa-turntable:before { content: "\F8E4" }

.fa-turtle:before { content: "\F726" }

.fa-tv:before { content: "\F26C" }

.fa-tv-alt:before { content: "\F8E5" }

.fa-tv-music:before { content: "\F8E6" }

.fa-tv-retro:before { content: "\F401" }

.fa-twitch:before { content: "\F1E8" }

.fa-twitter:before { content: "\F099" }

.fa-twitter-square:before { content: "\F081" }

.fa-typewriter:before { content: "\F8E7" }

.fa-typo3:before { content: "\F42B" }

.fa-uber:before { content: "\F402" }

.fa-ubuntu:before { content: "\F7DF" }

.fa-ufo:before { content: "\E047" }

.fa-ufo-beam:before { content: "\E048" }

.fa-uikit:before { content: "\F403" }

.fa-umbraco:before { content: "\F8E8" }

.fa-umbrella:before { content: "\F0E9" }

.fa-umbrella-beach:before { content: "\F5CA" }

.fa-uncharted:before { content: "\E084" }

.fa-underline:before { content: "\F0CD" }

.fa-undo:before { content: "\F0E2" }

.fa-undo-alt:before { content: "\F2EA" }

.fa-unicorn:before { content: "\F727" }

.fa-union:before { content: "\F6A2" }

.fa-uniregistry:before { content: "\F404" }

.fa-unity:before { content: "\E049" }

.fa-universal-access:before { content: "\F29A" }

.fa-university:before { content: "\F19C" }

.fa-unlink:before { content: "\F127" }

.fa-unlock:before { content: "\F09C" }

.fa-unlock-alt:before { content: "\F13E" }

.fa-unsplash:before { content: "\E07C" }

.fa-untappd:before { content: "\F405" }

.fa-upload:before { content: "\F093" }

.fa-ups:before { content: "\F7E0" }

.fa-usb:before { content: "\F287" }

.fa-usb-drive:before { content: "\F8E9" }

.fa-usd-circle:before { content: "\F2E8" }

.fa-usd-square:before { content: "\F2E9" }

.fa-user:before,
.icon-user:before { content: "\F007" }

.fa-user-alien:before { content: "\E04A" }

.fa-user-alt:before { content: "\F406" }

.fa-user-alt-slash:before { content: "\F4FA" }

.fa-user-astronaut:before { content: "\F4FB" }

.fa-user-chart:before { content: "\F6A3" }

.fa-user-check:before { content: "\F4FC" }

.fa-user-circle:before { content: "\F2BD" }

.fa-user-clock:before { content: "\F4FD" }

.fa-user-cog:before { content: "\F4FE" }

.fa-user-cowboy:before { content: "\F8EA" }

.fa-user-crown:before { content: "\F6A4" }

.fa-user-edit:before { content: "\F4FF" }

.fa-user-friends:before { content: "\F500" }

.fa-user-graduate:before { content: "\F501" }

.fa-user-hard-hat:before { content: "\F82C" }

.fa-user-headset:before { content: "\F82D" }

.fa-user-injured:before { content: "\F728" }

.fa-user-lock:before { content: "\F502" }

.fa-user-md:before { content: "\F0F0" }

.fa-user-md-chat:before { content: "\F82E" }

.fa-user-minus:before { content: "\F503" }

.fa-user-music:before { content: "\F8EB" }

.fa-user-ninja:before { content: "\F504" }

.fa-user-nurse:before { content: "\F82F" }

.fa-user-plus:before { content: "\F234" }

.fa-user-robot:before { content: "\E04B" }

.fa-user-secret:before { content: "\F21B" }

.fa-user-shield:before { content: "\F505" }

.fa-user-slash:before { content: "\F506" }

.fa-user-tag:before { content: "\F507" }

.fa-user-tie:before { content: "\F508" }

.fa-user-times:before { content: "\F235" }

.fa-user-unlock:before { content: "\E058" }

.fa-user-visor:before { content: "\E04C" }

.fa-users:before { content: "\F0C0" }

.fa-users-class:before { content: "\F63D" }

.fa-users-cog:before { content: "\F509" }

.fa-users-crown:before { content: "\F6A5" }

.fa-users-medical:before { content: "\F830" }

.fa-users-slash:before { content: "\E073" }

.fa-usps:before { content: "\F7E1" }

.fa-ussunnah:before { content: "\F407" }

.fa-utensil-fork:before { content: "\F2E3" }

.fa-utensil-knife:before { content: "\F2E4" }

.fa-utensil-spoon:before { content: "\F2E5" }

.fa-utensils:before { content: "\F2E7" }

.fa-utensils-alt:before { content: "\F2E6" }

.fa-vaadin:before { content: "\F408" }

.fa-vacuum:before { content: "\E04D" }

.fa-vacuum-robot:before { content: "\E04E" }

.fa-value-absolute:before { content: "\F6A6" }

.fa-vector-square:before { content: "\F5CB" }

.fa-venus:before { content: "\F221" }

.fa-venus-double:before { content: "\F226" }

.fa-venus-mars:before { content: "\F228" }

.fa-vest:before { content: "\E085" }

.fa-vest-patches:before { content: "\E086" }

.fa-vhs:before { content: "\F8EC" }

.fa-viacoin:before { content: "\F237" }

.fa-viadeo:before { content: "\F2A9" }

.fa-viadeo-square:before { content: "\F2AA" }

.fa-vial:before { content: "\F492" }

.fa-vials:before { content: "\F493" }

.fa-viber:before { content: "\F409" }

.fa-video:before { content: "\F03D" }

.fa-video-plus:before { content: "\F4E1" }

.fa-video-slash:before { content: "\F4E2" }

.fa-vihara:before { content: "\F6A7" }

.fa-vimeo:before { content: "\F40A" }

.fa-vimeo-square:before { content: "\F194" }

.fa-vimeo-v:before { content: "\F27D" }

.fa-vine:before { content: "\F1CA" }

.fa-violin:before { content: "\F8ED" }

.fa-virus:before { content: "\E074" }

.fa-virus-slash:before { content: "\E075" }

.fa-viruses:before { content: "\E076" }

.fa-vk:before { content: "\F189" }

.fa-vnv:before { content: "\F40B" }

.fa-voicemail:before { content: "\F897" }

.fa-volcano:before { content: "\F770" }

.fa-volleyball-ball:before { content: "\F45F" }

.fa-volume:before { content: "\F6A8" }

.fa-volume-down:before { content: "\F027" }

.fa-volume-mute:before { content: "\F6A9" }

.fa-volume-off:before { content: "\F026" }

.fa-volume-slash:before { content: "\F2E2" }

.fa-volume-up:before { content: "\F028" }

.fa-vote-nay:before { content: "\F771" }

.fa-vote-yea:before { content: "\F772" }

.fa-vr-cardboard:before { content: "\F729" }

.fa-vuejs:before { content: "\F41F" }

.fa-wagon-covered:before { content: "\F8EE" }

.fa-walker:before { content: "\F831" }

.fa-walkie-talkie:before { content: "\F8EF" }

.fa-walking:before { content: "\F554" }

.fa-wallet:before { content: "\F555" }

.fa-wand:before { content: "\F72A" }

.fa-wand-magic:before { content: "\F72B" }

.fa-warehouse:before { content: "\F494" }

.fa-warehouse-alt:before { content: "\F495" }

.fa-washer:before { content: "\F898" }

.fa-watch:before { content: "\F2E1" }

.fa-watch-calculator:before { content: "\F8F0" }

.fa-watch-fitness:before { content: "\F63E" }

.fa-watchman-monitoring:before { content: "\E087" }

.fa-water:before { content: "\F773" }

.fa-water-lower:before { content: "\F774" }

.fa-water-rise:before { content: "\F775" }

.fa-wave-sine:before { content: "\F899" }

.fa-wave-square:before { content: "\F83E" }

.fa-wave-triangle:before { content: "\F89A" }

.fa-waveform:before { content: "\F8F1" }

.fa-waveform-path:before { content: "\F8F2" }

.fa-waze:before { content: "\F83F" }

.fa-webcam:before { content: "\F832" }

.fa-webcam-slash:before { content: "\F833" }

.fa-weebly:before { content: "\F5CC" }

.fa-weibo:before { content: "\F18A" }

.fa-weight:before { content: "\F496" }

.fa-weight-hanging:before { content: "\F5CD" }

.fa-weixin:before { content: "\F1D7" }

.fa-whale:before { content: "\F72C" }

.fa-whatsapp:before { content: "\F232" }

.fa-whatsapp-square:before { content: "\F40C" }

.fa-wheat:before { content: "\F72D" }

.fa-wheelchair:before { content: "\F193" }

.fa-whistle:before { content: "\F460" }

.fa-whmcs:before { content: "\F40D" }

.fa-wifi:before { content: "\F1EB" }

.fa-wifi-1:before { content: "\F6AA" }

.fa-wifi-2:before { content: "\F6AB" }

.fa-wifi-slash:before { content: "\F6AC" }

.fa-wikipedia-w:before { content: "\F266" }

.fa-wind:before { content: "\F72E" }

.fa-wind-turbine:before { content: "\F89B" }

.fa-wind-warning:before { content: "\F776" }

.fa-window:before { content: "\F40E" }

.fa-window-alt:before { content: "\F40F" }

.fa-window-close:before { content: "\F410" }

.fa-window-frame:before { content: "\E04F" }

.fa-window-frame-open:before { content: "\E050" }

.fa-window-maximize:before { content: "\F2D0" }

.fa-window-minimize:before { content: "\F2D1" }

.fa-window-restore:before { content: "\F2D2" }

.fa-windows:before { content: "\F17A" }

.fa-windsock:before { content: "\F777" }

.fa-wine-bottle:before { content: "\F72F" }

.fa-wine-glass:before { content: "\F4E3" }

.fa-wine-glass-alt:before { content: "\F5CE" }

.fa-wix:before { content: "\F5CF" }

.fa-wizards-of-the-coast:before { content: "\F730" }

.fa-wodu:before { content: "\E088" }

.fa-wolf-pack-battalion:before { content: "\F514" }

.fa-won-sign:before { content: "\F159" }

.fa-wordpress:before { content: "\F19A" }

.fa-wordpress-simple:before { content: "\F411" }

.fa-wpbeginner:before { content: "\F297" }

.fa-wpexplorer:before { content: "\F2DE" }

.fa-wpforms:before { content: "\F298" }

.fa-wpressr:before { content: "\F3E4" }

.fa-wreath:before { content: "\F7E2" }

.fa-wrench:before { content: "\F0AD" }

.fa-x-ray:before { content: "\F497" }

.fa-xbox:before { content: "\F412" }

.fa-xing:before { content: "\F168" }

.fa-xing-square:before { content: "\F169" }

.fa-y-combinator:before { content: "\F23B" }

.fa-yahoo:before { content: "\F19E" }

.fa-yammer:before { content: "\F840" }

.fa-yandex:before { content: "\F413" }

.fa-yandex-international:before { content: "\F414" }

.fa-yarn:before { content: "\F7E3" }

.fa-yelp:before { content: "\F1E9" }

.fa-yen-sign:before { content: "\F157" }

.fa-yin-yang:before { content: "\F6AD" }

.fa-yoast:before { content: "\F2B1" }

.fa-youtube:before { content: "\F167" }

.fa-youtube-square:before { content: "\F431" }

.fa-zhihu:before { content: "\F63F" }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }

.sr-only-focusable:active,
.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 400; font-display: block; src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.eot); src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.eot#iefix) format("embedded-opentype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.woff2) format("woff2"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.woff) format("woff"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.ttf) format("truetype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-regular-400.svg#fontawesome) format("svg") }

.far { font-family: Font Awesome\ 5 Pro }

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face { font-family: Font Awesome\ 5 Brands; font-style: normal; font-weight: 400; font-display: block; src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.eot); src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.eot#iefix) format("embedded-opentype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.woff2) format("woff2"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.woff) format("woff"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.ttf) format("truetype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-brands-400.svg#fontawesome) format("svg") }

.fab,
.far { font-weight: 400 }

.fab { font-family: Font Awesome\ 5 Brands }

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 300; font-display: block; src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.eot); src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.eot#iefix) format("embedded-opentype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.woff2) format("woff2"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.woff) format("woff"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.ttf) format("truetype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-light-300.svg#fontawesome) format("svg") }

.fal { font-weight: 300 }

/*!
 * Font Awesome Pro 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face { font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: 900; font-display: block; src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.eot); src: url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.woff2) format("woff2"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.woff) format("woff"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.ttf) format("truetype"), url(https://pro.fontawesome.com/releases/v5.15.1/webfonts/fa-solid-900.svg#fontawesome) format("svg") }

.fa,
.fal,
.fas,
.icon-user { font-family: Font Awesome\ 5 Pro }

.fa,
.fas,
.icon-user { font-weight: 900 }

@font-face { font-family: Roboto; src: url(/frontend/fonts/Roboto/Roboto-Light.woff2) format("woff2"), url(/frontend/fonts/Roboto/Roboto-Light.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap }

@font-face { font-family: Roboto; src: url(/frontend/fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(/frontend/fonts/Roboto/Roboto-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap }

@font-face { font-family: Roboto; src: url(/frontend/fonts/Roboto/Roboto-Bold.woff2) format("woff2"), url(/frontend/fonts/Roboto/Roboto-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap }

@font-face { font-family: Roboto; src: url(/frontend/fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(/frontend/fonts/Roboto/Roboto-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap }

@font-face { font-family: Lato; src: url(/frontend/fonts/Lato-Regular/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(/frontend/fonts/Lato-Regular/Lato-Regular.woff2) format("woff2"), url(/frontend/fonts/Lato-Regular/Lato-Regular.woff) format("woff"), url(/frontend/fonts/Lato-Regular/Lato-Regular.ttf) format("truetype"), url(/frontend/fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular) format("svg"); font-weight: 400; font-style: normal }

@font-face { font-family: Lato; src: url(/frontend/fonts/Lato-Bold/Lato-Bold.woff2) format("woff2"), url(/frontend/fonts/Lato-Bold/Lato-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap }

.slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent }

.slick-list,
.slick-slider { position: relative; display: block }

.slick-list { overflow: hidden; margin: 0; padding: 0 }

.slick-list:focus { outline: none }

.slick-list.dragging { cursor: pointer; cursor: hand }

.slick-slider .slick-list,
.slick-slider .slick-track { transform: translateZ(0) }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto }

.slick-track:after,
.slick-track:before { content: ""; display: table }

.slick-track:after { clear: both }

.slick-loading .slick-track { visibility: hidden }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none }

[dir=rtl] .slick-slide { float: right }

.slick-slide img { display: block }

.slick-slide.slick-loading img { display: none }

.slick-slide.dragging img { pointer-events: none }

.slick-initialized .slick-slide { display: block }

.slick-loading .slick-slide { visibility: hidden }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }

.slick-arrow.slick-hidden { display: none }

.slick-loading .slick-list { background: #fff url(ajax-loader.gif) 50% no-repeat }

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

.slick-next,
.slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; transform: translateY(-50%); padding: 0; border: none }

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover { background: transparent; color: transparent; outline: none }

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before { opacity: 1 }

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before { opacity: .25 }

.slick-next:before,
.slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.slick-prev { left: -25px }

[dir=rtl] .slick-prev { left: auto; right: -25px }

.slick-prev:before { content: "\2190" }

[dir=rtl] .slick-prev:before { content: "\2192" }

.slick-next { right: -25px }

[dir=rtl] .slick-next { left: -25px; right: auto }

.slick-next:before { content: "\2192" }

[dir=rtl] .slick-next:before { content: "\2190" }

.slick-dotted.slick-slider { margin-bottom: 30px }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% }

.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0 }

.slick-dots li,
.slick-dots li button { height: 20px; width: 20px; cursor: pointer }

.slick-dots li button { border: 0; background: transparent; display: block; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px }

.slick-dots li button:focus,
.slick-dots li button:hover { outline: none }

.slick-dots li button:focus:before,
.slick-dots li button:hover:before { opacity: 1 }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.slick-dots li.slick-active button:before { color: #000; opacity: .75 }

.toast-title { font-weight: 700 }

.toast-message { -ms-word-wrap: break-word; word-wrap: break-word }

.toast-message a,
.toast-message label { color: #fff }

.toast-message a:hover { color: #ccc; text-decoration: none }

.toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1 }

.toast-close-button:focus,
.toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) }

.rtl .toast-close-button { left: -.3em; float: left; right: .3em }

button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none }

.toast-top-center { top: 0; right: 0; width: 100% }

.toast-bottom-center { bottom: 0; right: 0; width: 100% }

.toast-top-full-width { top: 0; right: 0; width: 100% }

.toast-bottom-full-width { bottom: 0; right: 0; width: 100% }

.toast-top-left { top: 12px; left: 12px }

.toast-top-right { top: 12px; right: 12px }

.toast-bottom-right { right: 12px; bottom: 12px }

.toast-bottom-left { bottom: 12px; left: 12px }

#toast-container { position: fixed; z-index: 999999; pointer-events: none }

#toast-container * { box-sizing: border-box }

#toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px; background-position: 15px; background-repeat: no-repeat; box-shadow: 0 0 12px #999; color: #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) }

#toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center }

#toast-container > div:hover { box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer }

#toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important }

#toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important }

#toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important }

#toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important }

#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto }

#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto }

.toast { background-color: #030303 }

.toast-success { background-color: #51a351 }

.toast-error { background-color: #bd362f }

.toast-info { background-color: #2f96b4 }

.toast-warning { background-color: #f89406 }

.toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) }

@media (max-width:240px) {
    #toast-container > div { padding: 8px 8px 8px 50px; width: 11em }

    #toast-container > div.rtl { padding: 8px 50px 8px 8px }

    #toast-container .toast-close-button { right: -.2em; top: -.2em }

    #toast-container .rtl .toast-close-button { left: -.2em; right: .2em }
}

@media (min-width:241px) and (max-width:480px) {
    #toast-container > div { padding: 8px 8px 8px 50px; width: 18em }

    #toast-container > div.rtl { padding: 8px 50px 8px 8px }

    #toast-container .toast-close-button { right: -.2em; top: -.2em }

    #toast-container .rtl .toast-close-button { left: -.2em; right: .2em }
}

@media (min-width:481px) and (max-width:768px) {
    #toast-container > div { padding: 15px 15px 15px 50px; width: 25em }

    #toast-container > div.rtl { padding: 15px 50px 15px 15px }
}

.embed-responsive:before { padding-top: 56.25% }

.player,
.videoEmbed { position: relative; z-index: 1; margin-bottom: 15px }

.player:before,
.videoEmbed:before { content: ""; display: block; padding-bottom: 56.25% }

.player iframe,
.player video,
.videoEmbed iframe,
.videoEmbed video { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100% }

.block-video { width: 100%; float: left; margin: 25px 0 }

.block-video,
.block-video .container { background: #303030 }

.block-video .knswli-video-wrapper { display: block; float: left; padding: 40px 0 20px }

@media (max-width:576px) {
    .block-video .knswli-video-wrapper { padding: 0 }
}

.section_video.full-width { margin-top: 20px; margin-bottom: 20px; width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); background-color: #292929 }

.section_video.full-width .inner-section-video { width: 90%; max-width: 1110px; margin: 0 auto; transition: translate .1s linear }

@media screen and (max-width:480px) {
    .section_video.full-width { left: calc(-50vw + 50%) }

    .section_video.full-width .inner-section-video { width: 100% }
}

.section_video.dark-bg .box-player-video .item-news,
.section_video.dark-bg .title-box-category { color: #fff }

.knswli.dark.video { border-bottom: none; position: relative }

.knswli.video .knswli-object-wrapper { padding: 0; border: 0 }

.knswli.dark .knswli-object-wrapper { position: relative; background: #303030 }

.w1040 { margin: 0 auto }

.video .knswli-video-left { display: inline-block; position: relative; overflow: hidden }

@media (min-width:576px) {
    .video .knswli-video-left { padding-right: 0 }
}

.knswli-video-list { display: block; float: left; width: 100% }

.knswli-video-left .knswli-name h2 { margin-top: 0 }

.knswli-video-left .knswli-name a { font-size: 14px; line-height: 21px; color: #f6a623; text-transform: uppercase; display: block }

.knswli-video-left .knswli-title a { font-size: 20px; line-height: 28px; color: #fff; font-weight: 700; margin-top: 6px }

.knswli-video-left .knswli-sapo { font-size: 14px; line-height: 22px; color: #fff }

.knswli-video-center,
.knswli-video-right { display: inline-block; position: relative; overflow: hidden }

.knswli-video-right .scroll-pane { height: auto; max-height: 250px; overflow: hidden }

@media (min-width:576px) {
    .knswli-video-right { padding: 0 }
}

@media (max-width:576px) {
    .knswli-video-right { margin-top: 20px }
}

.knswli-video-thumb img { width: 100% }

.knswli-video-thumb { position: relative }

.knswli-video-wrapper .knswli-video-icon-play { position: absolute; bottom: 0; left: 0; width: 77px; height: 79px; background-color: rgba(48, 48, 48, .5); color: #fff }

.knswli-video-wrapper .knswli-video-icon-play .icon-play { padding: 28px; font-size: 23px; display: inline-block }

.kvli { padding-top: 13px; padding-bottom: 11px; border-top: 1px dashed #999 }

.kvli:first-child { padding-top: 0; border-top: none }

.kvli-ava { margin-right: 12px; position: relative; text-decoration: none }

.kvli-ava,
.kvli-ava img { height: 74px; display: block }

.kvli-ava img { width: 132px }

.kvli-title { margin: 0 }

.kvli-title a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; font-weight: 600 }

.knswli-video-wrapper .kvli .knswli-video-icon-play { width: 36px; height: 36px }

.knswli-video-icon-play i { font-size: 16px; padding-top: 33%; padding-left: 33% }

.knswli-video-thumb i { font-size: 32px }

.knswli-video-wrapper .kvli .icon-play { padding: 13px; font-size: 10px; color: #fff; display: inline-block }

.kvli-thumb { float: left; width: 50% }

.kvli-thumb img { max-width: 100% }

.kvli-info { float: left; width: 50% }

.inner-section-video { margin: 20px 0; position: relative }

.wrapper-box-video { position: relative }

.wrapper-box-video .box-player-video { width: 60%; float: left; position: relative }

@media (min-width:991px) and (max-width:1199px) {
    .wrapper-box-video .box-player-video { width: 60% }
}

@media (max-width:991px) {
    .wrapper-box-video .box-player-video { width: 50% }
}

@media (max-width:576px) {
    .wrapper-box-video .box-player-video { width: 100%; float: none; overflow: hidden }
}

.wrapper-box-video .box-player-video .meta-news { color: #ccc }

.box-player-video .item-news .title-news { font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 15px; margin-bottom: 5px; width: 100% }

.box-player-video .item-news .title-news a:hover { color: #ccc !important }

@media (max-width:576px) {
    .box-player-video .item-news .title-news { font-size: 16px; line-height: 24px }
}

.box-scroll-video { width: 40%; padding-left: 20px; padding-right: 15px; height: 100% !important; position: absolute; top: 0; right: 0 }

@media (min-width:991px) and (max-width:1199px) {
    .box-scroll-video { width: 40% }
}

@media (max-width:991px) {
    .box-scroll-video { width: 50% }
}

@media (max-width:576px) {
    .box-scroll-video { width: 100%; padding-left: 0; padding-right: 0; height: 420px !important; position: relative; margin-top: 15px; overflow: hidden }

    .box-scroll-video .ss-content { width: 100% }
}

.box-scroll-video .video-item .meta-news { color: #e2e2e2 }

.box-scroll-video .video-item .meta-news a:hover { color: var(--color-secondary) }

.box-scroll-video .video-item .video-mask { width: 24px; height: 24px; margin: -12px 0 0 -12px }

.box-scroll-video .video-item .video-mask:before { content: none }

.box-scroll-video .video-item .thumb-art a { padding-bottom: 60% }

.box-scroll-video .video-item .title-news a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

.ss-wrapper { overflow: hidden; width: 100%; z-index: 1; float: left }

.ss-content,
.ss-wrapper { height: 100%; position: relative }

.ss-content { width: calc(100% + 17px); padding: 0; overflow: auto; box-sizing: border-box }

.box-scroll-video .item-news-common { padding-bottom: 0; border-bottom: none; color: #fff; margin-bottom: 15px }

.box-scroll-video .item-news-common .thumb-art { width: 120px; float: left; margin-right: 10px }

.box-scroll-video .item-news-common .thumb-art .thumb:before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .7); transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.7, 1, .7, 1); opacity: 0; z-index: 1 }

.duration-video { font-size: 12px; color: #fff; background: #000; padding: 3px 5px; position: absolute; bottom: 5px; left: 5px; border-radius: 1px; opacity: 1 }

.has_transition { transition-duration: .25s; transition-property: all; transition-timing-function: cubic-bezier(.7, 1, .7, 1) }

.playing-txt { font-size: 12px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 1 }

.thumb-16x9,
.thumb-video { padding-bottom: 60% }

.thumb-video { width: 100%; height: 0; margin-bottom: 0; position: relative; overflow: hidden }

.box-scroll-video .item-news-common .title-news { font-size: 14px; font-weight: 400; margin-bottom: 0; margin-top: 0; line-height: 160% }

.box-scroll-video .item-news-common .title-news a:hover { color: #ccc !important }

.wrapper-box-video .box-player-video .thumb-video { cursor: pointer }

.box-player-video .item-news { margin-bottom: 0; padding-bottom: 0; border-bottom: none }

.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1 }

.play-icon .ic { fill: #fff; width: 42px; height: 56px; transition-duration: .25s; transition-property: all; transition-timing-function: cubic-bezier(.7, 1, .7, 1); transform: scale(.8); -webkit-transform: scale(.8) }

.thumb-video:hover .play-icon .ic { transform: scale(1); -webkit-transform: scale(1) }

.thumb img { position: absolute; width: 100%; float: left; -o-object-fit: cover; object-fit: cover; height: 100%; background-size: cover; background-position: 50% }

.video-mask { position: absolute; z-index: 1; width: 80px; height: 80px; left: 50%; top: 50%; margin: -40px 0 0 -40px; transition: all .3s ease-in-out }

.video-mask:before { left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background-color: rgba(0, 0, 0, .5) }

.video-mask:after,
.video-mask:before { content: ""; position: absolute; border-radius: 50% }

.video-mask:after { left: 1px; top: 1px; width: 100%; height: 100%; background: rgba(0, 0, 0, .1) url(/frontend/images/play3.png) no-repeat 50%; background-size: contain }

.video-item:hover .video-mask { transform: scale(.9) }

.image-medium .video-mask,
.image-small .video-mask,
.image-wide-medium .video-mask { width: 48px; height: 48px; margin: -24px 0 0 -24px }

.image-medium .video-mask:before,
.image-small .video-mask:before,
.image-wide-medium .video-mask:before { content: ""; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background-color: rgba(0, 0, 0, .3) }

.box.widget .video-mask,
.other-news .video-mask,
.sub-news-cate .video-mask { width: 30px; height: 30px; bottom: 5px; left: 5px; top: auto; margin: 0 }

@media screen and (max-width:480px) {
    .item-news .image-small .video-mask { width: 30px; height: 30px; bottom: 5px; left: 5px; top: auto; margin: 0 }
}

.box-news-larger .video-mask,
.featured-news .video-mask,
.full-thumb .video-mask,
.multimedia-plus .video-mask { width: 64px; height: 64px; margin: -32px 0 0 -32px }

.album { width: 100%; margin: 20px 0 }

.album,
.album .container { background-color: #303030 }

.album .knswli-video-left { background-color: rgba(0, 156, 215, .83); overflow: hidden; height: 330px }

.album .knswli-video-right { height: auto }

.album .knswli-video-right img { width: 100% }

.album .knswli-video-right a,
.album .knswli-video-right a img { max-width: 100%; margin: 0 auto; height: auto }

@media (min-width:991px) {
    .album .knswli-video-right { padding: 0 }
}

.album .knswli-image-sapo { overflow: hidden }

.album .knswli-image-sapo,
.album .knswli-image-title a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none }

.album .knswli-image-title { margin: 10px 0 }

.album .knswli-image-title h2 { margin: 0; padding: 0 }

@media (max-width:576px) {
    .album .knswli-image-title { margin: 0 }
}

.album .knswli-image-title a { font-size: 22px; line-height: 1.2 }

@media (max-width:576px) {
    .album .knswli-image-title a { font-size: 18px; line-height: inherit }
}

@media (max-width:576px) {
    .album .knswli-image-sapo { margin: 0 0 20px }
}

.album .knswli-slide-wrapper { margin-bottom: 15px }

.album .knswli-image-list { display: block; float: left; width: 100%; margin-bottom: 20px }

.album .knswli-image-list .ili { display: block; position: relative; padding: 0 5px; float: left; margin-bottom: 15px }

.album .knswli-image-list .ili .ili-ava { width: 48%; float: left; display: block }

.album .knswli-image-list .ili .ili-title { width: 50%; float: left; display: block; margin: 0; color: #fff; padding: 0 0 0 15px; line-height: 1.2 }

.album .knswli-video-wrapper { display: block; float: left; padding: 40px 0 20px }

@media (max-width:576px) {
    .album .knswli-video-wrapper { padding-bottom: 10px }
}

.album .ili-ava { width: 100%; display: block; position: relative; text-decoration: none; margin-bottom: 12px }

.album .ili-ava img { width: 100% }

.album .ili-title a { font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; text-align: left }

.section-magazine { background: var(--color-primary); padding: 30px 0 }

.section-magazine .title-box-category { color: #000 }

.section-magazine .inner-section { max-width: 1200px }

.section-magazine.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px) }

.section-magazine.emagazine-mobile { background: var(--color-primary); padding: 15px 0 }

.section-magazine.emagazine-mobile .slick-slide > div { padding: 0 5px }

.section-magazine.emagazine-mobile .title-box-category { color: #fff }

.section-magazine.emagazine-mobile .box-news { border: 1px solid #ddd; background: #fff; border-radius: 5px }

.section-magazine.emagazine-mobile .box-news > .content { padding: 0 10px }

.section-magazine.emagazine-mobile .box-news > .content .title a { font-size: 15px; color: #000 }

.album-list .article-item { position: relative; height: 435px; float: none; font-family: inherit; line-height: normal; overflow: hidden; border-radius: 4px; margin-bottom: 15px }

.album-list .article-item .album-thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; z-index: 1 }

.album-list .article-item .album-thumb:before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(180deg, hsla(0, 0%, 84.7%, 0) 40%, #0d0d1f) }

.album-list .article-item .album-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover; will-change: transform; transition: transform 1.5s ease-out; border-radius: 4px }

.album-list .article-item .album-type { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; overflow: hidden; padding: 0 8px; background: var(--color-primary); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; min-width: 120px; height: 25px; line-height: 25px; letter-spacing: .5px; z-index: 2 }

.album-list .article-item .album-title { position: absolute; top: 225px; text-align: center; z-index: 2; text-shadow: 0 2px 2px rgba(0, 0, 0, .5); width: 100% }

.album-list .article-item .album-title:before { content: ""; display: block; background: var(--color-primary); width: 50px; height: 5px; margin: 0 auto 15px }

.album-list .article-item .album-title > p { display: block; font-family: var(--post-title-font); font-size: 20px; color: #fff; font-weight: 700; line-height: 1.3; padding: 0 20px }

.album-list .article-item .album-type-icon { position: absolute; z-index: 2; bottom: 25px; left: 50%; margin-left: -24px; width: 48px; height: 48px; background: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center }

.album-list .article-item .album-type-icon > i { font-size: 20px; color: var(--color-primary) }

.album-list .article-item:hover { box-shadow: 0 5px 5px #000; border-radius: 4px }

.album-list .article-item:hover .album-thumb img { transform: scale(1.1); border-radius: 4px }

.album-list .article-item:hover .album-title > p { color: var(--color-primary) }

.album-list .article-item:hover .album-type-icon { background: var(--color-primary) }

.album-list .article-item:hover .album-type-icon i { color: #000 }

.album-list li { padding: 0 10px }

.album-list .slick-list { margin: 0 -10px }

.category-sub-cat { display: flex; justify-content: center; flex-wrap: wrap; list-style-type: none }

.category-sub-cat li { margin: 10px }

.category-sub-cat li a { font-size: 14px; font-weight: 600; line-height: 20px; color: #757575 }

.category-title .page-title-text { text-transform: uppercase; font-weight: 700; font-size: 32px; line-height: 44px; letter-spacing: .16px; padding-bottom: 16px; text-align: center; margin-bottom: 0 }

.category-title .page-title-text:after { content: ""; width: 80px; height: 4px; background: var(--color-primary); margin: 15px auto 0; display: block }

@media screen and (max-width:768px) {
    .category-title .page-title-text { font-size: 26px }

    .category-title .page-title-text:after { width: 80px; height: 2px; margin: 10px auto 0 }
}

.category-bar-wrapper { border-bottom: 1px solid #cecece }

.category-bar { display: flex; flex-wrap: nowrap; gap: 15px; overflow-x: auto }

@media screen and (min-width:960px) {
    .category-bar::-webkit-scrollbar { width: 14px; height: 14px }

    .category-bar::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #f2f2f2; background-color: #b9b9b9 }

    .category-bar::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 8px }
}

.category-bar .page-title-text { margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 34px; padding-bottom: 0; position: relative; white-space: nowrap; font-family: var(--menu-font) }

.category-bar .page-title-text span { padding: 5px 0; display: block; height: 100% }

.category-bar .page-title-text:after { position: absolute; margin: 0; bottom: 0; left: 0; width: 100% }

.category-bar .category-sub-cat { display: flex; justify-content: center; flex-wrap: nowrap; list-style-type: none; gap: 15px }

.category-bar .category-sub-cat li { margin: 0; position: relative }

.category-bar .category-sub-cat li a { font-size: 14px; font-weight: 600; line-height: 34px; color: #757575; padding: 5px 0; display: block; height: 100%; white-space: nowrap; text-transform: uppercase; font-family: var(--menu-font) }

.category-bar .category-sub-cat li:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transition: width .4s cubic-bezier(.175, .885, .32, 1.15); background-color: var(--color-primary) }

.category-bar .category-sub-cat li:hover:after { width: 100% }

.box-featured-article .box-news .title,
.box-featured-article .item-news .title,
.box-other-articles .box-news .title,
.box-other-articles .item-news .title { font-size: 20px; line-height: 28px; font-weight: 600 }

.box-featured-article .description,
.box-other-articles .description { color: #757575; font-weight: 400; margin-bottom: 15px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

@media screen and (max-width:768px) {

    .box-featured-article .item-news .title,
    .box-other-articles .item-news .title { font-size: 16px !important; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
}

.box-featured-article .side .box-news,
.box-featured-article.type-4 .box-news-larger { margin-bottom: 15px }

@media screen and (max-width:768px) {
    .box-featured-article.type-4 .box-news-larger { flex-wrap: wrap }
}

.box-featured-article.type-4 .thumb-art { flex: 0 0 50%; max-width: 50%; overflow: hidden; margin: 0 15px 0 0 }

@media screen and (max-width:768px) {
    .box-featured-article.type-4 .thumb-art { flex: 0 0 100%; max-width: 100%; margin-right: 0; margin-bottom: 15px }
}

.box-other-articles .item-news { border-bottom: 1px solid #eee }

@media (min-width:767px) {
    .box-other-articles .style_img_left .image-wrapper { width: 240px }

    .box-other-articles .style_img_left .content { width: calc(100% - 240px); padding-left: 15px }
}

.error-404 { margin: 0 auto; width: 70%; text-align: center; padding: 30px 0; display: flex; flex-direction: column; justify-content: center }

.error-404 > p { margin: 15px 0; font-size: 16px }

.error-404 a.go-back { font-size: 20px; text-transform: uppercase; font-weight: 700; display: inline-block; padding: 8px 30px; text-decoration: none; color: #333; transition: all .3s ease-in-out; color: #fff; background: var(--color-primary); border: 1px solid; border-color: var(--color-primary); border-radius: 35px }

@media screen and (max-width:960px) {
    .error-404 a.go-back { font-size: 15px; padding: 5px 30px }
}

.error-404 a.go-back:hover { color: #fff !important; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3); background-color: var(--color-primary) }

.error-404 .desktop-search-form { width: 100% }

.error-404 .desktop-search-form .searchform input[type=text] { height: 45px; background: #fff }

@media screen and (max-width:480px) {
    .error-404 .desktop-search-form .searchform input[type=text] { height: 35px }
}

.error-404 .note-more-news { font-size: 16px; line-height: 150%; font-weight: 700; margin-top: 30px; padding: 0 40px; margin-bottom: 0 }

@media screen and (max-width:480px) {
    .error-404 { width: 90% }

    .error-404 > p { font-size: 14px }

    .error-404 .note-more-news { font-size: 14px; padding: 0 15px }
}

.article-list-404 { background: #fff; padding: 30px }

.error-404 h2 { font-size: 60px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); margin: 0 0 40px; padding: 15px 0; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; color: var(--color-primary) }

.page-404 { float: left; width: 100%; position: relative; margin: 0 0 30px }

.page-404 p { font-size: 320px; font-weight: 700; line-height: 300px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); color: var(--color-primary) }

@media screen and (max-width:960px) {
    .page-404 p { font-size: 150px; font-weight: 700; line-height: 150px }
}

@media screen and (max-width:480px) {
    .page-404 p { font-size: 130px; font-weight: 700; line-height: 150px }
}

.page-404 span { font-size: 30px; content: #fff; font-weight: 700; background-color: hsla(0, 0%, 100%, .9); margin: -60px 0 0; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; text-transform: uppercase; color: #f58634; line-height: 45px }

@media screen and (max-width:960px) {
    .page-404 span { font-size: 15px; margin: -30px 0 0; line-height: 30px }
}

.box-sharing { overflow: hidden; margin-top: 20px; border-top: 1px solid #e1e3e5; border-bottom: 1px solid #e1e3e5; padding: 5px 15px; margin-bottom: 20px; width: 100%; background: #f7f7f7; display: inline-flex; align-items: center }

.thread-actions__right { margin-left: auto }

.box-sharing .fbplugin { float: left; margin: 6px 8px 0 0; padding: 4px 0 0; border-right: 1px solid #ddd; height: 40px }

.box-sharing .social { font-size: 16px; font-size: 1.6rem; display: inline-flex; height: 45px; align-items: center; margin-left: 5px; margin-bottom: 0 }

.box-sharing .social frame { width: 0; height: 0 }

.icon-social-zalo { width: 13px; height: 16px; display: inline-block; background: url(https://stc.sp.zdn.vn/share/logo_white_s_2x.png) no-repeat; background-size: contain !important; margin: 1px auto 0; vertical-align: middle }

.box-sharing .social li { float: left; margin-top: 2px }

.box-sharing .social * { color: #009cd7 }

.box-sharing .social li a { text-align: center; width: 40px; height: 40px; padding: 11px 0; border-radius: 50%; color: #fff; display: block }

.box-sharing .social li a.print { font-size: 23px; padding: 4px 0 }

.box-sharing .social .icon-social-facebook { font-size: 17px; font-size: 1.7rem }

.zalo-share-button { background: inherit; color: #fff; display: inline-block; padding: 0; border-radius: 5px; position: relative; left: 0; cursor: pointer }

.box-sharing .social li a.zb-btn-blue--small { display: block; background-color: #03a5fa; color: #fff; width: 70px; height: 25px; line-height: 25px; text-decoration: none; font-size: 11px; border-radius: 3px; text-align: center; padding: 0 }

.box-sharing .list-tool { margin-top: 15px }

.box-sharing .list-tool li { float: left; padding-left: 17px }

.box-sharing .list-social li { float: left; padding: 0 0 0 11px }

.box-sharing .list-social li .liked { background-color: #a2a2a2 }

.box-sharing .list-social { margin-top: 0; padding-left: 0 }

.box-sharing .list-social li a { height: 27px; font-size: 13px; color: #fff; text-indent: 0; display: block; line-height: 27px; padding-right: 12px; float: left }

.box-sharing .list-social li a.facebook { background-color: #3a5998 }

.box-sharing .list-social li a.google { background-color: #f5313e }

.box-sharing .facebook i { display: inline-block; margin-right: 5px; bottom: 0; width: 32px; height: 32px; padding-top: 7px }

.box-sharing .google i { display: inline-block; margin-right: 7px }

.box-sharing .list-tool i { color: rgba(51, 51, 51, .3); font-size: 18px }

.box-sharing .list-tool .icon:hover { color: #4a90e2 }

.box-sharing .list-social i { vertical-align: middle; padding-left: 12px; color: #fff }

.box-sharing .list-social li a { border-radius: 2px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 700 }

.box-sharing .list-social li a.facebook { box-shadow: 0 1px 0 0 #274177 }

.box-sharing .list-social li a.google { box-shadow: 0 1px 0 0 #b6121d }

.box-sharing .list-social li:first-child,
.btn-qt a { padding-left: 0 }

.btn-qt a { border-radius: 3px; background-color: #e32c22; text-transform: uppercase }

.btn-qt a i { display: inline-block; margin-right: 4px }

.btn-qt > span { float: left; padding: 4px 6px; color: #878787; font-size: 11px; border: 1px solid #e0e0e0; height: 100%; margin-left: 7px; line-height: 18px; border-radius: 2px; position: relative }

.btn-qt > span:before { border-color: transparent #fff transparent transparent; border-width: 5px 5px 5px 0; left: -5px; top: 7px; z-index: 2 }

.btn-qt > span:after,
.btn-qt > span:before { content: " "; border-style: solid; position: absolute }

.btn-qt > span:after { border-color: transparent #e0e0e0 transparent transparent; border-width: 6px 6px 6px 0; left: -6px; top: 6px; z-index: 1 }

.box-sharing.right .list-social li a { width: 90px }

.box-sharing.right .list-social li:last-child { width: 100px }

.box-sharing.right .list-tool { margin-top: 10px }

#news__comment label i { margin-right: 5px }

.block_comment { background-color: #fff; padding: 1rem !important; margin-bottom: 15px; box-shadow: 0 0 3px 1px #eee; border-radius: 2px }

.block_comment .input_content { width: 100%; padding: 5px 10px; border: 1px solid #e2e2e2; background: #fafafa; border-radius: 2px; box-shadow: 0 0 2px 0 #eee }

.block_comment .btn_comment { height: 35px; background-color: var(--color-primary); color: #fff }

.block__comment .time:before { display: none }

.block__comment .time { padding-left: 0 }

.comment_error { padding: .5rem !important; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; display: none; margin: 0 0 10px }

.eventbit,
.postbit,
.postbitlegacy { margin-bottom: 15px; display: block; clear: both; position: relative; color: #3f3f3f; border: 1px solid #ddd; border-radius: 3px }

.comment_author,
.comment_author .card-title { margin-left: 10px }

.userinfo { background: #f2f2f2; padding: 10px }

.itemIMG { width: 68px; height: 68px; position: relative; float: left; display: inline-block }

.img-cover { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }

.userinfo .contact .itemIMG img { border-radius: 3px }

.align-self-center { float: left; display: inline-block }

.userinfo .contact .card-title { margin-bottom: 0 }

.userinfo .contact .card-title a { font-size: 14px; font-weight: 700; color: #3474ab }

.eventbit .eventhead,
.postbit .posthead,
.postbitlegacy .posthead { margin: 5px 10px; color: #186378; border-bottom: 1px solid #ddd; padding-bottom: 3px; clear: both; overflow: hidden; font-weight: inherit; font-style: inherit; font-size: 11px; font-family: inherit }

.postbit .post_summary { padding: 10px; font-weight: 700 }

.postbit .postcontent { padding: 10px }

.qc_container.no-margin .promotions { margin: 0 }

.qc_container.full-width .promotions img { width: 100% }

.promotions { display: block; text-align: center; margin: 0 auto 10px; background: #fff; clear: both }

.qc_rotation { position: relative }

.qc_rotation .promotions { display: none; -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s }

.qc_rotation .hidden { display: none }

.qc_rotation .visible { display: flex }

.promotions img,
svg { max-width: 100%; height: auto }

.no-margin-ads .promotions { margin: 0 }

.promotion-sticky { display: none }

.sponsored { display: flex; padding: 10px; margin-bottom: 10px; gap: 10px; background-color: #f2f2f2 }

.sponsored .qc-image { flex: 0 0 120px; max-width: 120px; position: relative }

.sponsored .qc-image:before { content: ""; display: block; padding-top: 62.83333% }

.sponsored .qc-image img { max-width: 100%; -o-object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover }

.sponsored .qc-info .title { margin-bottom: 10px; color: #00448d }

.sponsored .qc-info .extra { display: block; color: #9c9c9c; line-height: 1.6; font-size: 11px; font-weight: 500; margin-top: auto }

@media screen and (min-width:1300px) {
    .promotion-sticky { position: fixed; z-index: 5; transition: all .25s; max-width: 300px; max-height: 100vh }

    .promotion-sticky.pc-sticky-left { right: calc(50% + var(--site-content-width)/2) }

    .promotion-sticky.pc-sticky-right { left: calc(50% + var(--site-content-width)/2) }

    body.loaded .promotion-sticky { display: block }
}

.box_category { margin-bottom: 30px; margin-top: 15px }

.tab_chiso { width: 100%; float: left }

.tab_chiso .item_tab a { display: block; float: left; padding: 0 10px; height: 23px; font: 400 13px/23px arial; color: #333; border-top: 2px solid #fff }

.tab_chiso .item_tab a.active { font: 700 13px/23px arial; border-top: 2px solid #04a59d; background: #eee; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9 }

.tab_chiso .txt_timhieu { margin-right: 10px }

#box_details_news .fck_detail .btn_control_tv_slider { top: 40% }

#box_details_news #boxthamdoykien .title_box_category { height: 30px; margin-bottom: 10px; overflow: hidden }

#box_details_news #boxthamdoykien .txt_main_category { float: left; margin: 0; display: inline; font: 700 14px/30px arial; color: #9f224e; border: none; background: none }

#box_details_news #boxthamdoykien .txt_main_category span { color: #9f224e; font: 700 14px/30px arial; height: 28px; display: block; float: left }

.chiso_sk .form_lienhe { padding: 0 }

.chiso_sk .form_lienhe select { font-size: 12px; width: 100%; padding: 2px 0 4px 2%; color: #666; line-height: 20px; background: #fff }

.chiso_sk .form_lienhe input[type=text] { height: 28px; font-size: 12px; width: 100%; padding: 0 5%; color: #666; background: #fff }

.chiso_sk,
.ketqua { background: #eee; width: 100%; float: left }

.chiso_sk { padding: 10px 2% }

.chiso_sk .form_lienhe .btn_xemketqua { background: #04a59d; color: #fff; font: 400 14px arial; height: 30px; padding: 0 10px; cursor: pointer; border: none; float: left; margin: 0 10px 0 0 }

.ct_tab_item { width: 100%; float: left; display: none }

.block_2_2 { width: 48.5% }

.left { float: left }

.right { float: right }

.item_input_lienhe { margin-bottom: 10px }

.txt_timhieu { padding: 0; float: right; display: block; font: 400 11px/16px arial; color: #666; background: #fff; margin: 0 }

.tab_chiso .txt_timhieu { margin-top: 5px }

.close-lb { background: url(https://static.mediacdn.vn/reatimes/dothi/images/icon_total_01.png) no-repeat -22px -286px; width: 30px; height: 30px; position: absolute; top: 5px; right: 10px; cursor: pointer }

#login-vne3 .ttOline,
#login-vne4 .ttOline,
#login-vne5 .ttOline,
#login-vne6 .ttOline,
#login-vne7 .ttOline,
.ttOline { background: #fff; height: 38px; padding: 12px 20px 0; display: block; overflow: hidden; font: 700 16px arial; color: #000 }

#login-vne3 .login-txt,
#login-vne5 .login-txt,
#login-vne6 .login-txt { margin: 0 0 3px; display: block; overflow: hidden }

#login-vne3 .login-txt .txt-login { border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 358px; padding: 2px 7px; height: 20px }

#login-vne3 .txt-capcha,
#login-vne5 .txt-capcha,
#login-vne6 .txt-capcha { float: left; border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 104px; padding: 2px 7px; height: 20px; margin-right: 10px }

#login-vne3 img,
#login-vne5 img,
#login-vne6 img { float: left; margin-right: 8px }

#login-vne6 .sercurity .img_chapcha img { margin-right: 110px\9 }

#login-vne4 { background: #f4f4f4; padding: 0 }

.complete-form { padding: 20px; display: block; overflow: hidden; font: 500 14px arial; color: #000; width: auto }

.block_ketqua_giamcan { text-align: center; background: #04a59d; color: #fff; margin-bottom: 10px }

.block_ketqua_giamcan .ketqua_1 { font: 700 18px/50px arial }

.block_ketqua_giamcan .ketqua_2 { padding: 5px 0 }

.block_ketqua_giamcan .ketqua_2 .txt_calo { font: 700 18px arial }

.txt_ban_can { padding: 0 0 5px }

.txt_ban_can p { padding: 5px 0 5px 15px }

.block_goicauhoi { text-align: center }

.block_goicauhoi a { display: inline-block; padding: 5px 20px; border: 1px solid #e5e5e5; background: #fff }

.block_quantamdieutri { border-top: 1px solid #d9d9d9; padding: 10px 0 0; margin: 15px 0 0; font: 400 13px arial }

.txt_dieutri { font: 700 13px arial; padding: 0 0 10px }

.block_ama { padding: 10px 2%; width: 100%; float: left; background: #f5f5f5; overflow: hidden; margin-bottom: 15px; text-align: left }

.title_thoitiet { width: 100%; float: left; height: 37px; background: #fff }

.block_goicauhoi,
.block_quantamdieutri { display: none !important }

.txt_nhanxet { margin: 0 0 0 10px; line-height: 30px; font-size: 12px; color: #333 }

.chiso_sk .txt_error { color: red }

#SexyAlertBox-Box { padding-bottom: 24px }

#SexyAlertBox-InBox { padding-top: 15px }

#SexyAlertBox-BoxContent { padding: 0 20px }

#SexyAlertBox-BoxContenedor { padding: 0 0 5px 55px; text-align: left; font-family: Verdana; font-size: 12px; color: #000 }

#SexyAlertBox-BoxContenedor b,
#SexyAlertBox-BoxContenedor h1,
#SexyAlertBox-BoxContenedor h2,
#SexyAlertBox-BoxContenedor h3,
#SexyAlertBox-BoxContenedor strong { text-align: left; font-family: Verdana; font-size: 12px; color: #000; font-weight: 700; margin: 0; padding: 0 }

#SexyAlertBox-Buttons { text-align: right }

#SexyAlertBox-Buttons input { margin: 10px }

#SexyAlertBox-BoxContenedor #BoxPromptInput { margin-top: 5px }

#SexyAlertBox-Box .BoxAlert { background: url(images/dialog-warning.png) 0 0 no-repeat }

#SexyAlertBox-Box .BoxConfirm,
#SexyAlertBox-Box .BoxPrompt { background: url(images/dialog-help.png) 0 0 no-repeat }

#SexyAlertBox-Box .BoxInfo { background: url(images/dialog-information.png) 0 0 no-repeat }

#SexyAlertBox-Box .BoxError { background: url(images/dialog-error.png) 0 0 no-repeat }

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea { font: 400 14px Arial }

.form_box .title_box_category { margin: 0 }

.form_element { font: 400 14px/14px Arial; width: 80%; margin: 0 auto }

.form_element li { margin: 0 0 10px }

.form_element li:last-child { margin: 0 }

.label_form { width: 100%; float: left; padding: 0 0 5px; color: #000 }

.input_form { width: 100%; float: left; border: 1px solid silver; color: #666; font: 400 14px/14px Arial; height: 30px; padding: 2px 5px; background: #fff; outline: none }

.input_area { height: 100px }

.txt_error { font: 400 11px arial; color: #000 }

.input_70 { width: 69% !important }

.input_30 { width: 29% !important }

.input_50 { width: 49% !important }

.capcha { float: left; margin: 3px 10px }

.txt_clear_all { background: none; padding: 5px 8px; text-decoration: underline; color: #333 !important }

.mfp-bg { z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8 }

.mfp-bg,
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed }

.mfp-wrap { z-index: 1043; outline: none !important; -webkit-backface-visibility: hidden }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 6px; box-sizing: border-box }

.mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle }

.mfp-align-top .mfp-container:before { display: none }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content { width: 100%; cursor: auto }

.mfp-ajax-cur { cursor: progress }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out }

.mfp-zoom { cursor: pointer; cursor: zoom-in }

.mfp-auto-cursor .mfp-content { cursor: auto }

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.mfp-loading.mfp-figure { display: none }

.mfp-hide { display: none !important }

.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }

.mfp-preloader a { color: #ccc }

.mfp-preloader a:hover { color: #fff }

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader { display: none }

button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 1046; touch-action: manipulation }

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

.mfp-close { width: 36px; height: 36px; line-height: 36px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; color: #333; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace }

.mfp-close:focus,
.mfp-close:hover { opacity: 1 }

.mfp-close:active { top: 1px }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 600px }

.mfp-iframe-holder .mfp-close { top: 0 }

.mfp-iframe-scaler { width: 100%; height: 100%; overflow: hidden; padding-top: 66% }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100% }

.white-popup { position: relative; background: #f4f4f4; width: auto; max-width: 100%; padding: 15px; margin: 0 auto }

.mfp-with-zoom.mfp-ready .white-popup { opacity: 1; transform: scale(1) }

.mfp-with-zoom .white-popup { transition: all .2s ease-in-out }

.mfp-with-zoom.mfp-removing .white-popup,
.mfp-with-zoom .white-popup { opacity: 0; transform: scale(.8) }

.mfp-with-zoom.mfp-bg { opacity: 0; transition: opacity .3s ease-out }

.mfp-with-zoom.mfp-ready.mfp-bg { opacity: .8 }

.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 }

.title_popup { font: 700 16px arial; color: #000; padding: 8px 20px; background: #fff; text-align: center }

.content_poup { padding: 20px; background: #f4f4f4; font: 400 14px/20px Arial }

.content_poup.popup_padding10 { padding: 10px }

.ques_vote { background: #ededed; padding: 15px 20px }

.ques_vote .text_ques { font: 500 14px arial; color: #000; margin-bottom: 5px }

.ques_vote .timevote { font: 400 11px arial; color: #666 }

.list_vote li { width: 100%; float: left; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px dotted #ccc }

.rsV_left { width: 25%; float: left; font: 12px arial; color: #000; padding-right: 15px }

.scroll_color { width: 55%; float: left; margin: 5px 0; height: 5px; background: #ccc }

.scroll_color .bg_center_scroll { position: relative; background: #000; float: left; height: 5px }

.scroll_color .bg_center_scroll .txt_number_ketqua { display: inline-block; padding: 5px 0 0; position: absolute; right: 0; bottom: -15px; font: 10px arial; color: #000 }

.rsV_right { width: 18%; float: right; font: 12px arial; color: #999; text-align: right }

.rsV_right label { color: #000 }

.total_vote { float: right; font: 400 11px arial; color: #666 }

.total_rate,
.total_vote label { font-weight: 700; color: #000 }

.list_rating { padding-top: 20px; margin-bottom: 20px; font-size: 0 }

.list_rating li { width: 9%; display: inline-block; position: relative; margin-right: 1%; counter-increment: num }

.list_rating li:before { content: counter(num); position: absolute; bottom: -20px; left: 50%; font: 400 12px arial; color: #000 }

.list_rating .rank_point { height: 10px; background: #ccc }

.social_lightbox li { display: inline-block; margin: 5px 1%; width: 46%; line-height: 26px }

.social_lightbox .item_social { width: 26px; height: 26px; border-radius: 100%; margin-right: 10px; display: inline-block; text-align: center }

.social_lightbox .item_social i { color: #fff }

.social_lightbox .item_fb { background: #3067a3 }

.social_lightbox .item_linkedin { background: #007bb6 }

.social_lightbox .item_twit { background: #00aced }

.social_lightbox .item_pinterest { background: #cb2027 }

.social_lightbox .item_pinterest .ic-pinterest-p { background-position: -512px 0 }

.social_lightbox .item_google { background: #dd4b39 }

.social_lightbox .item_email { background: #d7d7d7 }

.btn_refrest { float: left }

.content_poup .btn_vne { height: 30px; margin-left: 10px }

.share_email_des { background: #ededed; width: 100%; float: left; padding: 15px 0 }

.share_email_des .share_email_left { width: 12%; float: left }

.share_email_des .share_email_left a { color: #666; text-decoration: underline; font: 600 11px/16px Arial; padding: 0 0 0 20px }

.share_email_des .share_email_right { width: 88%; float: right; padding-left: 5px; padding-right: 10px }

.share_email_des .share_email_right p { font: 400 14px/16px Arial; color: #9f224e }

.share_email_des .share_email_right .breakumb { color: #000 !important }

.share_email_des .share_email_right .breakumb a { color: #666; font: 400 11px/16px Arial; text-decoration: underline }

.share_email_des .share_email_right .breakumb a.active { color: #333; text-decoration: none }

.lightbox_vipham .input_area { height: 50px }

.lightbox_vipham .btn_vne { margin-left: 0 }

.lightbox_dangnhap2 .content_poup { padding: 0 }

#login-vne1 { padding: 15px 0 }

#login-vne1 .login-type { font: 700 14px arial; color: #000; margin: 0 0 5px; overflow: hidden }

#login-vne1 .login-left { width: 35%; float: left }

#login-vne1 .login-left .login-type { text-align: right }

#login-vne1 .login-right { width: 61%; float: right; padding: 0 0 0 2%; border-left: 1px solid #dedede }

#login-vne1 .login-right .login-type { text-align: left }

#login-vne1 .btt-complete { width: 96px; height: 28px; text-align: center; padding: 2px 0 0; font: 500 14px arial; color: #fffefe; background: #9f224e; border: none; cursor: pointer }

.p-social { display: block; overflow: hidden; margin: 0 0 10px }

.p-social .login-social { width: 134px; height: 30px; float: right; background: url(images/graphics/social-login.gif) no-repeat }

.p-social .lg-facebook { background-position: 0 0 }

.p-social .lg-google { background-position: 0 -42px }

.login-form { width: 100%; float: left; border: 1px solid #dedede; background: #fff; position: relative; padding: 10px 0 }

.login-txt { margin: 0 0 3px }

.login-txt .txt-login { border: 1px solid silver; background: #fff; font: 400 14px arial; color: #666; width: 85%; padding: 2px 7px; height: 24px }

.login-desc { font: 400 11px arial; color: #9f224e; margin: 0 0 10px; display: inline-block; overflow: hidden }

.login-btt { display: block; overflow: hidden; margin: 0; width: 100% }

.lightbox_dangnhap .form_element { width: 100% }

.lightbox_dangnhap .login_title { font: 700 14px arial; color: #000; margin-bottom: 5px }

.lightbox_dangnhap .login-left { width: 35%; float: left }

.lightbox_dangnhap .login-left .login_title { text-align: right }

.lightbox_dangnhap .login-right { width: 61%; float: right; padding: 0 0 0 2%; border-left: 1px solid #dedede }

.lightbox_dangnhap .login-right .login_title { text-align: left }

.lightbox_dangnhap .p_social a { width: 134px; height: 30px; line-height: 30px; display: block; text-align: center; color: #fff; float: right; margin-bottom: 10px }

.lightbox_dangnhap .p_social a i { color: #fff; float: left; height: 30px; width: 30px; line-height: 30px; border-right: 1px solid hsla(0, 0%, 100%, .27) }

.lightbox_dangnhap .p_social .facebook { background: #3b589c }

.lightbox_dangnhap .p_social .google { background: #da4835 }

#resultbmi-popup.white-popup,
.white-popup#resultcalo-popup { width: 100% }

#resultbmi-popup .content_poup,
#resultcalo-popup .content_poup { padding: 30px }

#resultbmi-popup .ketqua_chiso,
#resultcalo-popup .ketqua_chiso { background: #04a59d; color: #fff; text-align: center; margin-bottom: 10px; font: 700 18px/50px arial }

#resultbmi-popup .guicauhoi,
#resultcalo-popup .guicauhoi { display: block; padding: 5px 20px; border: 1px solid #e5e5e5; background: #fff; width: 209px; margin: 0 auto }

#resultbmi-popup .guicauhoi i,
#resultcalo-popup .guicauhoi i { margin-right: 5px; display: inline-block; vertical-align: middle; padding-bottom: 1px }

#resultbmi-popup .quantam,
#resultcalo-popup .quantam { margin-top: 15px; padding-top: 10px; border-top: 1px solid #d9d9d9 }

#resultbmi-popup .quantam .tieude,
#resultcalo-popup .quantam .tieude { font: 700 13px arial }

#resultbmi-popup .quantam .list_title,
#resultcalo-popup .quantam .list_title { border: none; padding-top: 5px }

#resultbmi-popup .quantam .list_title li a,
#resultcalo-popup .quantam .list_title li a { font: 400 13px arial; color: #000 }

#resultbmi-popup .quantam .list_title li a:hover,
#resultcalo-popup .quantam .list_title li a:hover { color: #004f8b }

#resultcalo-popup .ketqua_chiso { padding: 5px; font-size: 14px; line-height: normal; font-weight: 400 }

#resultcalo-popup .ketqua_chiso span { display: block }

#resultcalo-popup .ketqua_chiso span.calo { font: 700 18px arial }

#resultcalo-popup .canbiet { font-size: 13px }

#resultcalo-popup .canbiet p { padding: 5px 0 }

#resultcalo-popup .canbiet span { display: block; padding: 5px 0 5px 15px }

#weather-popup { max-width: 45%; background: #f4f4f4 }

#weather-popup .content_poup { padding: 10px }

#weather-popup .time_weather { float: right; font: 400 12px/20px arial; color: #666; padding-right: 15px }

#weather-popup .location { font: 400 16px arial; padding: 20px 0; border-bottom: 1px dotted #e2e2e3; width: 100%; margin: 0 0 10px }

#weather-popup .location p { margin-bottom: 5px }

#weather-popup .location span a { text-decoration: underline; margin: 0 0 0 20px; color: #666; font: 400 12px arial }

#weather-popup .location strong { color: #9f224e }

#weather-popup .location select { width: 250px }

#weather-popup .wrap_temperature { padding: 10px 10px 10px 0; margin-bottom: 10px; float: left; width: 100% }

#weather-popup .wrap_temperature i { font-size: 72px; float: left; margin-right: 10px }

#weather-popup .temperature { font-size: 72px; float: left; line-height: 60% }

#weather-popup .temperature sup { font-size: 35px; position: relative; top: -10px }

#weather-popup .list_info { float: left; margin-left: 15%; color: #000 }

#weather-popup .list_info li { padding: 7px 0 0 10px; position: relative }

#weather-popup .list_info li:before { content: ""; width: 3px; height: 3px; background: #999; position: absolute; left: 0; top: 12px }

#weather-popup .list_info span { color: #666 }

#weather-popup .future_temperature { width: 100%; float: left; background: #ddd; padding: 5px 10px; margin-bottom: 10px }

#weather-popup .block_left { width: 15%; float: left }

#weather-popup .block_left li { margin-bottom: 10px; font-weight: 700 }

#weather-popup .block_left li:first-child { margin-bottom: 50px }

#weather-popup .block_right { width: 85%; float: left; font-size: 12px }

#weather-popup .block_right li { width: 30%; float: left; border-left: 1px solid #e2e2e3; padding: 0 2% }

#weather-popup .block_right li i { display: block; text-align: center; font-size: 40px }

#weather-popup .block_right li span { display: block; text-align: center; font-weight: 700 }

#weather-popup .block_right li p { margin-bottom: 10px }

#notice-popup.white-popup,
#rating-popup.white-popup,
.white-popup#dangnhap2-popup,
.white-popup#ratingresult-popup,
.white-popup#share-popup,
.white-popup#vote-popup,
.white-popup#voteresult-popup { width: 40% }

#rating-popup .criteria_cmt { background: #ededed; margin: 0 -20px 20px; padding: 0 20px 10px }

#rating-popup .danhgia_comment { width: 80%; margin: 0 auto }

#rating-popup .btn_vne { padding: 5px 10px }

#pvtt-popup .wrap_form,
#pvtt-popup .wrap_form label { display: inline-block; margin-bottom: 10px }

#pvtt-popup .wrap_form .text_label { display: block }

#pvtt-popup .wrap_form .input_form { height: 26px; padding: 2px 2%; font: 400 14px arial }

#pvtt-popup .wrap_form textarea { height: 100px !important }

#pvtt-popup .wrap_form .image_capcha { margin: 0 10px; display: inline-block; float: left }

.w70 { width: 68%; margin-right: 2% }

.w45 { width: 45% !important }

.w30 { width: 30% }

#login-eid-popup.white-popup { max-width: 400px; max-height: 505px }

@media screen and (max-width:1366px) {
    #weather-popup { max-width: 44% }

    #weather-popup .list_info { margin-left: 10px }

    #rating-popup.white-popup { width: 44% }

    #rating-popup.white-popup .input_50 { width: 35% !important }
}

@media screen and (max-width:1200px) {
    .white-popup { max-width: 80% }

    #weather-popup .temperature { clear: both }

    #weather-popup .list_info { float: none; overflow: hidden; padding-bottom: 5px }

    #weather-popup .wrap_temperature { padding: 0 10px 10px 0 }

    #weather-popup .wrap_temperature i { margin: 0 20% 0 2% }
}

@media screen and (max-width:1000px) {
    .white-popup { max-width: 100% }

    .form_element { width: 75% }

    .share_email_des .share_email_left { width: 13% }

    .share_email_des .share_email_right { width: 87% }

    #weather-popup { max-width: 70% }

    #rating-popup.white-popup { width: 70%; overflow: hidden }

    #rating-popup.white-popup .input_50 { width: 35% !important }
}

@media screen and (max-width:767px) {

    #notice-popup.white-popup,
    #resultbmi-popup.white-popup,
    .white-popup#dangnhap2-popup,
    .white-popup#rating-popup,
    .white-popup#ratingresult-popup,
    .white-popup#resultcalo-popup,
    .white-popup#share-popup,
    .white-popup#vote-popup,
    .white-popup#voteresult-popup { width: 100% }

    .share_email_des { display: none }

    .form_element { width: 100% }

    .form_element .btn_vne { padding: 5px 10px }

    .content_poup { padding: 10px }

    .lightbox_dangnhap .login-left { width: 100% }

    .lightbox_dangnhap .login-left .login_title { text-align: left }

    .lightbox_dangnhap .login-right { width: 100%; border: none }

    .lightbox_dangnhap .p_social a { float: none; margin: 10px auto }
}

.guicauhoi,
.quantam { display: none !important }

.trend_news { margin: 20px 0; background: #31363a; padding: 20px; box-shadow: inset 0 0 30px 0 #000 }

.trend_news .container { background-color: initial !important }

.trend_news .number_trends { color: var(--color-primary); font-size: 36px; display: inline-block; font-weight: 300; float: left; width: 43px; margin-right: 5px; text-align: center; font-weight: 400; line-height: 36px; min-height: 60px }

.trend_news .news-list { display: block; width: 100% }

.trend_news .news-list a { color: #fff; font-weight: 400 }

.tin_mega_store { background: #f4f6fa; box-shadow: none; padding: 10px 20px 20px; margin: 0 }

.tin_mega_store .box-news { padding: 0 10px; border-bottom: none }

.tin_mega_store .news-list a { color: #222; font-weight: 700; font-size: 15px }

.tin_mega_store .content { position: relative; padding-left: 35px; padding-top: 10px }

.tin_mega_store .number-top-view { font-family: Merriweather, serif; font-size: 36px; color: #fff; font-weight: 700; position: absolute; top: -11px; background: var(--color-primary); padding: 0 5px; left: 0; font-feature-settings: "pnum" on, "lnum" on }

.box-category.style-7 { background: #f4f6fa; padding: 15px }

.box-category.style-7 .title-box-category .sub-cate { margin-top: 20px; margin-bottom: 0 }

.box-category.style-7 .box-news { border-bottom: none }

.box-category.style-7 .other-news { display: flex; flex-wrap: wrap; justify-content: space-between }

.box-category.style-7 .other-news .box-news { flex: 0 0 48% }

.box-category.style-8 { background: #f4f6fa; padding: 15px; position: relative }

.box-category.style-8 .title-box-category.default { width: 40%; position: absolute; top: 15px; left: -10px; padding: 8px 10px; background: var(--color-primary); box-shadow: -1px 2px 3px rgba(0, 0, 0, .3); color: #fff; z-index: 1 }

.box-category.style-8 .title-box-category.default .inner-title { padding-left: 30px }

.box-category.style-8 .title-box-category.default .inner-title:before { font-size: 20px; content: "\F144"; font-family: Font Awesome\ 5 Pro; left: 10px; top: 50%; width: auto; height: auto; background: transparent; bottom: auto; position: absolute; transform: translate(-50%, -50%) }

.box-category.style-8 .title-box-category.default:before { content: ""; position: absolute; height: 0; width: 0; bottom: -10px; left: 0; border-top: 10px solid var(--color-primary); border-left: 10px solid transparent }

.box-category.style-8 .title-box-category.default .sub-cate { margin-top: 20px; margin-bottom: 0 }

@media screen and (max-width:480px) {
    .box-category.style-8 .title-box-category.default { width: auto; position: relative; top: 0; margin-left: -15px }
}

.box-category.style-8 .box-news { border-bottom: none }

.box-category.style-8 .box-news-larger { margin-bottom: 15px }

.box-category.style-8 .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60%; margin: 0; padding-left: 15px }

.box-category.style-8 .box-news-larger .content { align-self: center }

.box-category.style-8 .box-news-larger .content .title { font-size: 24px }

.box-category.style-8 .box-news-larger .content .title a { color: inherit }

.box-category.style-8 .box-news-larger .content .description { margin-top: 15px }

@media screen and (max-width:480px) {
    .box-category.style-8 .box-news-larger { flex-wrap: wrap }

    .box-category.style-8 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0; padding-left: 0 }

    .box-category.style-8 .box-news-larger .content { order: 1; margin-top: 15px }
}

.box-category.style-8 .other-news { padding-top: 15px; border-top: 1px solid #e5e5e5 }

.box-category.style-9 { background: #f4f6fa; padding: 30px 15px; position: relative; z-index: 0 }

.box-category.style-9:before { content: ""; display: block; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; background: #ffde76; z-index: -1 }

.box-category.style-9:after { content: ""; display: block; position: absolute; left: -12px; right: -12px; top: 2px; bottom: 2px; border: 2px solid #fff; z-index: -1 }

.box-category.style-9 .title-box-category .td-subcat-filter { display: none }

.box-category.style-9 .title-box-category.default { width: 40%; max-width: 340px; position: absolute; top: 15px; left: 0; padding: 8px 10px; color: #f13534; z-index: 1 }

.box-category.style-9 .title-box-category.default .inner-title { padding-left: 30px }

.box-category.style-9 .title-box-category.default .inner-title:before { font-size: 20px; content: "\F144"; font-family: Font Awesome\ 5 Pro; left: 10px; top: 50%; width: auto; height: auto; background: transparent; bottom: auto; position: absolute; transform: translate(-50%, -50%) }

.box-category.style-9 .title-box-category.default .sub-cate { margin-top: 20px; margin-bottom: 0 }

@media screen and (max-width:480px) {
    .box-category.style-9 .title-box-category.default { width: auto; position: relative; top: 0; margin-left: -15px }
}

.box-category.style-9 .title-box-category.default ~ .row .box-news-larger .content { padding-top: 35px }

.box-category.style-9 .box-news { border-bottom: none }

.box-category.style-9 .box-news-larger { margin-bottom: 15px }

.box-category.style-9 .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60%; margin: 0; padding-left: 15px }

.box-category.style-9 .box-news-larger .description { font-size: 15px }

.box-category.style-9 .box-news-larger .content { align-self: center }

@media screen and (max-width:480px) {
    .box-category.style-9 .box-news-larger { flex-wrap: wrap }

    .box-category.style-9 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0; padding-left: 0 }

    .box-category.style-9 .box-news-larger .content { order: 1; margin-top: 15px }
}

.box-category.style-9 .other-news .item-news:not(:last-child) { border-bottom: 1px solid #edcd6e }

.box-news.kind-photo .title a:before,
.grid-item.kind-photo .title a:before,
.item-news.kind-photo .title a:before { content: "\F03E"; font-family: Font Awesome\ 5 Pro; display: inline-block }

.box-news.kind-live .title a:before,
.box-news.kind-truc-tiep .title a:before,
.grid-item.kind-live .title a:before,
.grid-item.kind-truc-tiep .title a:before,
.item-news.kind-live .title a:before,
.item-news.kind-truc-tiep .title a:before { content: ""; width: 10px; height: 10px; background: #ff0808; border-radius: 50%; display: inline-block; margin-right: 5px; box-shadow: 0 0 0 0 #ff0808; transform: scale(1); -webkit-animation: pulse-red 2s infinite; animation: pulse-red 2s infinite; margin-left: 7px }

.dt-news__social { float: left; min-width: 80px; text-align: center; overflow: hidden; margin-top: 10px; position: sticky; top: 80px; border-radius: 5px; background: #f7f7f7; padding: 15px 8px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content }

.dt-news__social > li:not(:last-child) { margin-bottom: 12px }

.dt-news__social.sticky-social-type-1 .dt-social__item { border-radius: 50%; background-color: #8e8e8e; display: inline-block; font-size: 22px; line-height: 40px; overflow: hidden; width: 40px; height: 40px; color: #fff }

.dt-news__social.sticky-social-type-1 .dt-icon { background-repeat: no-repeat; background-position: 50%; background-size: auto 100%; display: inline-block }

.dt-news__social.sticky-social-type-1 .dt-social__item--facebook { background-color: #3b5998 }

.dt-news__social.sticky-social-type-1 .dt-social__item--home { background-color: var(--color-primary) }

.dt-news__social.sticky-social-type-1 .dt-social__item--comment { border-radius: 5px; width: 60px; height: 45px; font-size: 14px; line-height: 18px; text-transform: uppercase; padding: 5px; position: relative; overflow: visible }

.dt-news__social.sticky-social-type-1 .dt-social__item--comment:before { content: ""; width: 0; height: 0; position: absolute; border-color: #8e8e8e transparent transparent #8e8e8e; border-style: solid; border-width: 8px; left: 8px; bottom: -15px }

.dt-news__social.sticky-social-type-1 .dt-icon.icon-facebook { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjc5LjE0IDI4OGwxNC4yMi05Mi42NmgtODguOTF2LTYwLjEzYzAtMjUuMzUgMTIuNDItNTAuMDYgNTIuMjQtNTAuMDZoNDAuNDJWNi4yNlMyNjAuNDMgMCAyMjUuMzYgMGMtNzMuMjIgMC0xMjEuMDggNDQuMzgtMTIxLjA4IDEyNC43MnY3MC42MkgyMi44OVYyODhoODEuMzl2MjI0aDEwMC4xN1YyODh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); width: 18px; height: 18px }

.dt-news__social.sticky-social-type-2 { float: left; min-width: 68px; max-width: 80px; overflow: hidden; margin-top: 10px; background: #fff; text-align: center; padding: 5px; z-index: 1; opacity: 1; visibility: visible; border-radius: .2rem !important; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important }

.dt-news__social.sticky-social-type-2 .dt-social__item > i { border-radius: 50%; background-color: #8e8e8e; display: inline-block; font-size: 22px; line-height: 40px; overflow: hidden; width: 40px; height: 40px; color: #fff }

.dt-news__social.sticky-social-type-2 .dt-social__item > .text { display: block; margin-top: 4px; color: #000; font-size: .8em; transition: all .3s ease }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--facebook i { background-color: #3b5998 }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--comment i { background: #002c5b }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--home i { background-color: var(--color-primary) }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--like i { background: #004ea0 }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--mail i { background: #f04d44 }

.dt-news__social.sticky-social-type-2 .dt-social__item.dt-social__item--report i { line-height: 36px }

.social-wrap { background: #fff; margin: 0 -15px; position: sticky; position: -webkit-sticky; bottom: -1px; z-index: 1; overflow: hidden; border-top: 1px solid rgba(34, 34, 34, .2); width: 100vw; box-sizing: border-box }

.social-wrap ul { display: flex; align-items: center; justify-content: space-between; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 5px }

.social-wrap ul li { display: inline-block; font-size: 14px; flex: 1 0 20% }

.social-wrap ul li > a { display: flex; align-items: center; flex-direction: column; justify-content: center; color: #333; font-weight: 400; line-height: 1 }

.social-wrap ul li > a i { width: 32px; height: 32px; display: block; text-align: center; color: #fff; line-height: 32px; margin: 0 auto; font-size: 1.3em; border-radius: 35px; transition: all .3s }

.social-wrap ul li > a > .text { display: block; margin-top: 4px; color: var(--text-dark); font-size: .9em; transition: all .3s ease }

.social-wrap ul li.item-home i { background: #ff1600 }

.social-wrap ul li.item-comment i { background: #002c5b }

.social-wrap ul li.item-like i { background: #004ea0 }

.social-wrap ul li.item-facebook i { background: #1c71b1 }

.social-wrap ul li.item-email i { background: #f04d44; line-height: 29px }

.emagazine .social-wrap { width: auto; margin: 0 }

.emagazine .box-line { margin: 0 }

.box-line { width: auto; height: 8px; position: relative; margin: 0 -15px 10px; clear: both }

.box-line:before { top: 3px }

.box-line:after,
.box-line:before { content: ""; position: absolute; display: block; border-top: 1px dotted #d8d8d8; width: 100% }

.box-line:after { top: 6px }

.box-line span { height: 1px; width: 100%; border-top: 1px dotted #d8d8d8; display: block }

@media (max-width:767px) {
    #go_top_control { display: none !important }
}

.header-column-left { display: flex }

.sidebar-menu-icon-wrap { display: flex; height: 60px; padding-left: 15px; align-items: center; justify-content: center }

.sidebar-menu-icon-wrap .sidebar-menu-icon { display: flex; height: 30px; width: 35px; align-items: flex-start; justify-content: center; flex-direction: column; cursor: pointer }

.sidebar-menu-icon-wrap .sidebar-menu-icon:hover > span { width: 20px; background: var(--color-primary) }

.sidebar-menu-icon-wrap .sidebar-menu-icon:hover > span:last-child { width: 20px }

.sidebar-menu-icon-wrap .sidebar-menu-icon > span { height: 2px; width: 16px; margin-bottom: 4px; background: #191919; transition: .2s ease-in-out }

.sidebar-menu-icon-wrap .sidebar-menu-icon > span:nth-child(2) { width: 20px }

.sidebar-menu-icon-wrap .sidebar-menu-icon > span:last-child { width: 12px; margin-bottom: 0 }

.header-logo { display: flex; max-height: 80px; align-items: center; overflow: hidden }

@media screen and (min-width:992px) {
    .header-logo { max-height: 150px }
}

.header-logo img { max-height: 100%; max-width: 100%; height: 100%; width: auto; padding-top: 5px; padding-bottom: 5px; max-height: inherit; -o-object-fit: contain; object-fit: contain }

.header-logo h3 { color: var(--color-primary) }

.header-logo svg { direction: ltr; height: 60px; width: 245px }

.header-logo svg #logo_f_bg,
.header-logo svg #logo_f_text,
.header-logo svg #logo_f_text_inner { fill: var(--color-primary) }

@media screen and (min-width:992px) {
    .sidebar-menu-icon-wrap { display: none }
}

@media screen and (max-width:1400px) {
    .header-logo h1 { font-size: 28px }
}

@media screen and (max-width:991px) {
    .header-logo { width: auto; padding-left: 0 }

    .header-logo h1 { font-size: 28px }
}

.header-search-wrap { position: relative; min-width: 0; flex-grow: 1; padding: 0; display: flex; align-items: center }

.desktop-search-form { width: 80% }

.desktop-search-form .searchform { position: relative }

.desktop-search-form .searchform input[type=text] { width: 100%; border: 1px solid #ddd; border-radius: 35px; font-size: 13px; padding: 8px 40px 8px 15px; background-color: #f4f6fa; outline: none }

.desktop-search-form .searchform .searchsubmit { cursor: pointer; transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease; position: absolute; top: 0; right: 2px; bottom: 0; padding: 0; width: 50px; border: none; background-color: transparent; box-shadow: none; color: #575757; font-weight: 400; font-size: 0; min-width: auto; outline: none }

.desktop-search-form .searchform .searchsubmit:after { font-size: 18px; transition: opacity .2s ease; content: "\F002"; font-family: Font Awesome\ 5 Pro; font-weight: 500 }

.header-search { position: relative }

.header-search .header-search-lg { position: relative; display: flex; border: 1px solid var(--color-primary); background: #fff }

.header-search .header-search-lg .search-input { height: 40px; padding-left: 30px; border: none }

.header-search .header-search-lg .header-search-right { display: flex; align-items: center }

.header-search .header-search-lg .btn-search { display: flex; height: 40px; width: 40px; padding: 0; align-items: center; justify-content: center; border-radius: 0; background-color: var(--color-primary); border-color: var(--color-primary) }

.header-search .header-search-lg .btn-search > i { font-size: 18px; line-height: 36px }

.header-search .nice-select { display: flex; align-items: center }

.header-search .nice-select .list { margin-top: 19px }

.header-search-sm-form { position: absolute; left: 15px; right: 15px; top: 0; height: 100%; background: #fff; opacity: 0; z-index: -1; transform: scale(.96); pointer-events: none; transition: .15s ease-in-out }

.header-search-sm-form.active { opacity: 1; transform: scale(1); z-index: 1; pointer-events: auto }

.header-search-sm-form > form { position: relative; display: flex; width: 100%; align-items: center }

.header-search-sm-form > form > input { height: 60px; padding: 10px 50px; border: none }

.header-search-sm-form > form .btn-close,
.header-search-sm-form > form .btn-search { position: absolute; top: 50%; display: flex; height: 50px; width: 50px; padding: 15px; align-items: center; justify-content: center; cursor: pointer; transform: translateY(-50%) }

.header-search-sm-form > form .btn-close:hover > i,
.header-search-sm-form > form .btn-search:hover > i { color: var(--color-primary) }

.header-search-sm-form > form .btn-close > i,
.header-search-sm-form > form .btn-search > i { font-size: 24px; color: #6e6e6e; transition: .15s ease-in-out }

.header-search-sm-form > form .btn-close { left: 0 }

.header-search-sm-form > form .btn-search { right: 0 }

@media screen and (min-width:992px) {

    .header-search-sm-form,
    .header-search .header-search-sm { display: none }
}

@media screen and (max-width:991px) {
    .header-search-wrap { position: static; display: flex; flex-grow: 0; margin-left: auto; padding: 0 15px; align-items: center }

    .header-search .header-search-sm:hover > i { color: var(--color-primary) }

    .header-search .header-search-sm > i { font-size: 34px; line-height: 36px; color: #191919; cursor: pointer; transition: .15s ease-in-out }
}

@media screen and (max-width:391px) {
    .header-search-wrap { padding: 0 10px }
}

.header-col-center { display: flex; flex: 1 1 0%; justify-content: center; text-align: center }

.info-box-wrapper { padding-right: 10px; padding-left: 10px; display: flex; align-items: center; flex-grow: 1 }

.info-box-wrapper .item { padding: 10px 0 }

.info-box-wrapper .item.open,
.info-box-wrapper .item.show { background: #fff }

.info-box-wrapper .item.open .info-box-icon i:before,
.info-box-wrapper .item.show .info-box-icon i:before { content: "\F057" }

.info-box-wrapper .item.open .info-box-content > *,
.info-box-wrapper .item.open .info-box-icon,
.info-box-wrapper .item.show .info-box-content > *,
.info-box-wrapper .item.show .info-box-icon { color: var(--color-primary) }

.info-box-wrapper .item.logined,
.info-box-wrapper .item.relative { position: relative }

.cursor-pointer { cursor: pointer }

.woodmart-info-box { display: flex; align-items: stretch; flex-direction: column; padding-right: 15px; padding-left: 15px }

.woodmart-info-box.icon-left { flex-direction: row }

.woodmart-info-box.icon-left .info-box-content { margin-left: 10px }

.woodmart-info-box.icon-right { flex-direction: row }

.woodmart-info-box.icon-right .info-box-content { margin-right: 10px }

@media screen and (max-width:991px) {
    .woodmart-info-box { padding-right: 5px; padding-left: 5px; position: static }
}

@media screen and (max-width:767px) {
    .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px }

    .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 15px }
}

.box-icon-align-left { flex-direction: row }

.woodmart-info-box .box-icon-wrapper { flex: 0 0 auto; line-height: 0; align-items: center; display: flex; justify-content: center }

.box-icon-align-left .box-icon-wrapper { margin-right: 10px; max-width: 50% }

.woodmart-info-box .info-box-content { position: relative; flex: 1 1 auto }

.info-box-content > * { color: #fff }

.woodmart-info-box .info-box-icon { display: inline-block; transition: all .25s ease }

.box-with-icon .info-box-icon { text-align: center; color: #fff; font-size: 20px }

.box-with-icon .info-box-icon.has-bg { background: var(--color-primary) }

@media screen and (max-width:991px) {
    .box-with-icon .info-box-icon { color: var(--color-primary); background: none }
}

.woodmart-info-box .info-svg-wrapper { display: inline-block }

.woodmart-info-box .info-box-content label { font-size: 13px; display: block; margin: 0; line-height: 24px; font-family: var(--primary-font); cursor: pointer; font-weight: 600 }

.woodmart-info-box .info-box-content a,
.woodmart-info-box .info-box-content span { font-size: 12px; color: inherit }

.slogan .info-box-content label { font-size: 22px; line-height: 24px }

.slogan .info-box-content a,
.slogan .info-box-content span { font-size: 22px }

@media screen and (max-width:1400px) {
    .woodmart-info-box .info-box-content label { font-size: 12px; display: block; margin: 0; line-height: 24px }

    .woodmart-info-box .info-box-content a,
    .woodmart-info-box .info-box-content span { font-size: 12px }

    .slogan .info-box-content label { font-size: 16px; line-height: 22px }

    .slogan .info-box-content a,
    .slogan .info-box-content span { font-size: 16px }
}

@media screen and (max-width:1199px) {
    .slogan { display: none }
}

.header-column-right { padding: 0 8px }

.header-column-right .promotions img { max-height: 120px }

.header-column-right .header-cart,
.header-column-right .header-wishlist { display: flex; align-items: center }

.header-column-right .header-cart > span,
.header-column-right .header-wishlist > span { line-height: 28px; color: #191919; white-space: nowrap; transition: .15s ease-in-out }

.header-column-right .header-wishlist:hover .icon-wrap > i,
.header-column-right .header-wishlist:hover > span { color: var(--color-primary) }

.header-column-right .header-cart { margin-left: 35px; cursor: pointer }

.header-column-right .header-cart:hover .icon-wrap > i,
.header-column-right .header-cart:hover > span { color: var(--color-primary) }

.header-column-right .icon-wrap { position: relative; margin-right: 10px }

.header-column-right .icon-wrap > i { font-size: 34px; line-height: 36px; color: #191919; transition: .15s ease-in-out }

.header-column-right .icon-wrap > .count { position: absolute; font-size: 10px; line-height: 20px; top: 1px; right: -6px; height: 18px; width: 18px; color: #fff; background: #e23e1d; text-align: center; border-radius: 50% }

.header-column-right .call-now { margin-right: 10px }

.header-column-right .call-now fieldset { padding: 5px 30px; border-radius: 5px; border: 2px solid #00a0e3; text-align: center; position: relative }

.header-column-right .call-now fieldset legend { font-size: 11px; text-transform: uppercase; color: #00a0e3; margin-bottom: 0 }

.header-column-right .call-now fieldset a { color: #f36b22; font-size: 20px; font-weight: 700 }

.header-column-right .call-now fieldset span { background: #01a0e3; color: #fff; border-radius: 50%; position: absolute; left: -25px; top: 5px; height: 50px; width: 50px; line-height: 50px; text-align: center }

@media screen and (max-width:480px) {
    .header-column-right .call-now { display: none }
}

.user__dropdown li { white-space: nowrap; font-size: 14px; padding: 0 }

.user__dropdown li strong { font-weight: 500; padding: 11px 0 8px; border-bottom: 1px solid #eee; display: block; line-height: normal }

.user__dropdown li a { color: var(--color-primary); display: block; line-height: normal; position: relative; padding: 15px 10px }

.user__dropdown li a:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; background: #eee; left: 0 }

.user__dropdown li a i { margin-right: 5px; width: 15px }

.user__dropdown li:last-child a { border: none }

@media screen and (max-width:1199px) {
    .header-column-right .icon-wrap { margin-right: 6px }

    .header-column-right .header-cart > span,
    .header-column-right .header-wishlist > span { display: none }
}

@media screen and (max-width:991px) {
    .header-column-right .header-wishlist { display: none }

    .header-column-right .header-cart { margin-left: 0 }
}

@media screen and (max-width:391px) {
    .header-column-right { padding-left: 10px }
}

.header-wrap-inner.sticky { position: fixed; left: 0; top: 0; right: 0; min-width: 320px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); z-index: 150; -webkit-animation: stuckMoveDown .6s; animation: stuckMoveDown .6s }

.header-wrap-inner.sticky .row.flex-nowrap { align-items: center }

.header-wrap-inner.sticky .header-top-bar { display: none }

.header-wrap-inner.sticky .header-logo,
.header-wrap-inner.sticky .header-logo svg { height: 50px }

.header-wrap-inner.sticky .slogan .info-box-content label { font-size: 18px; line-height: 20px }

.header-wrap-inner.sticky .slogan .info-box-content a,
.header-wrap-inner.sticky .slogan .info-box-content span { font-size: 18px; color: var(--color-primary) }

.header-wrap-inner.sticky .woodmart-info-box { flex-direction: row }

.header-wrap-inner.sticky .woodmart-info-box .info-box-content { margin-left: 10px }

.header-wrap-inner.sticky .searched-keywords { display: none }

@media screen and (min-width:991px) {
    .header-wrap-inner.sticky .header-top-row { padding: 0 }

    .header-wrap-inner.sticky .header-top-row .general-header-inner { min-height: 45px }
}

.header-wrap-inner.show { top: 0; transition: .6s ease }

.mobile-left { justify-content: flex-start }

.mobile-right { justify-content: flex-end }

.mobile-left,
.mobile-right { flex: 1 1 0% }

.mobile-nav-icon { display: flex; height: 20px; width: 24px; align-items: center; justify-content: center; cursor: pointer; text-align: center; color: var(--color-primary); border-radius: 5px; font-size: 25px }

@media only screen and (max-width:991px) {
    .general-header-inner { height: 60px }

    .header-bottom-row { display: none }

    .mobile-nav-icon { margin-left: 5px }
}

.header-bottom-row { width: 100%; background: #fff }

.navigation-wrap { background: #f7f7f7 }

.header-bottom-row { display: flex; align-items: center }

.header-bottom-row .navbar { padding: 0 8px; z-index: 2 }

.header-bottom-row .navbar > .menu-item > .menu-link { height: var(--menu-height); flex-direction: row }

.header-bottom-row .navbar .navbar-nav { margin: 0; width: 100% }

.header-bottom-row .navbar.has-search-form .horizontal-megamenu { margin-right: 40px }

.header-bottom-row .navigation-text { margin-left: auto; margin-right: 25px; color: #ffb136 }

.language-wrapper { justify-content: flex-end }

.language-wrapper .language_bar_list li { min-width: auto }

.language-wrapper .language_bar_list li a img { margin: 0 }

.navbar-expand-full { flex-flow: row nowrap; justify-content: center; width: 100% }

.horizontal-megamenu { position: relative; flex-wrap: wrap; justify-content: center; flex: 1 1 0%; display: flex; flex-wrap: nowrap }

.horizontal-megamenu.mega-menu > .fluid-menu { position: relative }

.horizontal-megamenu.hover_underline > .menu-item > .menu-link .nav-link-text:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 3px; transition: width .4s cubic-bezier(.175, .885, .32, 1.15); background-color: var(--menu-text-hover-color) }

.horizontal-megamenu.hover_underline > .menu-item:hover > .menu-link .nav-link-text:after { width: 100% }

.horizontal-megamenu.hover_underline_block > .menu-item > .menu-link:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 3px; transition: width .4s cubic-bezier(.175, .885, .32, 1.15); background-color: var(--menu-text-hover-color) }

.horizontal-megamenu.hover_underline_block > .menu-item > .menu-link .nav-link-text:after { content: none }

.horizontal-megamenu.hover_underline_block > .menu-item.active > .menu-link,
.horizontal-megamenu.hover_underline_block > .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.horizontal-megamenu.hover_underline_block > .menu-item.active > .menu-link .info-box-icon,
.horizontal-megamenu.hover_underline_block > .menu-item.active > .menu-link .nav-link-text,
.horizontal-megamenu.hover_underline_block > .menu-item:hover > .menu-link .info-box-icon,
.horizontal-megamenu.hover_underline_block > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.horizontal-megamenu.hover_underline_block > .menu-item.active > .menu-link:after,
.horizontal-megamenu.hover_underline_block > .menu-item:hover > .menu-link:after { width: 100% }

.horizontal-megamenu.hover_background > .menu-item > .menu-link .nav-link-text:after { content: none }

.horizontal-megamenu.hover_background > .menu-item.active > .menu-link,
.horizontal-megamenu.hover_background > .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.horizontal-megamenu.hover_background > .menu-item.active > .menu-link .info-box-icon,
.horizontal-megamenu.hover_background > .menu-item.active > .menu-link .nav-link-text,
.horizontal-megamenu.hover_background > .menu-item:hover > .menu-link .info-box-icon,
.horizontal-megamenu.hover_background > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.horizontal-megamenu li { display: inline-block; text-align: left; position: relative; transition: padding .35s ease; -webkit-backface-visibility: hidden }

.horizontal-megamenu li .sub-menu { float: left; position: absolute; left: 0; visibility: hidden; opacity: 0; top: 130px; margin: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 500px; background-color: #fff; box-shadow: 3px 1px 20px 0 rgba(0, 110, 225, .08); webkit-transition: all 0s ease, visibility 0s ease; transition: all 0s ease, visibility 0s ease; line-height: 0; list-style: none; padding: 0 }

.horizontal-megamenu li .sub-menu li { width: 100% }

.horizontal-megamenu li .sub-menu li > a { transform: matrix(1, 0, 0, 1, 0, 20); transition: opacity .75s ease, transform .75s ease; height: auto; line-height: 1.4em; padding: 13px; display: block; text-decoration: none; color: #4d4d4d; cursor: pointer }

.horizontal-megamenu li .sub-menu li:hover { background-color: var(--color-primary); color: #fff; border: none }

.horizontal-megamenu li .sub-menu li:hover > a { color: #fff; transform: matrix(1, 0, 0, 1, 10, 0); transition: transform .25s ease; -o-transition: transform .25s ease }

.horizontal-megamenu li .sub-menu ul { left: 100%; top: 30px; margin-left: 0 }

.horizontal-megamenu li:hover > ul { top: 100%; opacity: 1; visibility: visible }

.horizontal-megamenu li:hover > ul a { transform: matrix(1, 0, 0, 1, 0, 0) }

.horizontal-megamenu li:hover > ul li:hover > ul { top: 0 }

.horizontal-megamenu > li.last-item > ul,
.horizontal-megamenu > li:last-child:not(.menu-more) > ul { right: 0; left: auto }

.horizontal-megamenu > .menu-item { display: block; flex-grow: 1; position: relative; transition: padding .35s ease; -webkit-backface-visibility: hidden }

.horizontal-megamenu > .menu-item.is_home { flex-grow: 0; flex: 0 0 var(--menu-height, 50px); max-width: var(--menu-height, 50px) }

.horizontal-megamenu > .menu-item.is_home .menu-link .nav-link-text { color: var(--color-primary) }

.horizontal-megamenu > .menu-item.menu-more { position: static; flex: 0 0 50px; max-width: 50px }

.horizontal-megamenu > .menu-item.menu-more .menu-link { cursor: pointer }

.horizontal-megamenu > .menu-item.menu-more.show { background: var(--color-primary) }

.horizontal-megamenu > .menu-item.menu-more.show .info-box-icon { color: #fff }

.horizontal-megamenu > .menu-item.menu-more.show .info-box-icon i:before { content: "\F057" }

.horizontal-megamenu > .menu-item.menu-more .box-icon-wrapper { margin: 0; background: transparent }

.horizontal-megamenu > .menu-item.menu-more .info-box-icon { color: var(--menu-text-color) }

.horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text:after,
.horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text:after { width: 100% }

.horizontal-megamenu > .menu-item.active > .menu-link > i,
.horizontal-megamenu > .menu-item:hover > .menu-link > i { right: 12px; color: var(--color-primary) }

.horizontal-megamenu > .menu-item.active > .menu-link { background: var(--menu-background-hover-color) }

.horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.horizontal-megamenu > .menu-item.fluid-menu > .menu-link,
.horizontal-megamenu > .menu-item.multi-level > .menu-link { padding-right: 35px }

.horizontal-megamenu > .menu-item > .menu-link { display: flex; align-items: center; justify-content: center; flex-direction: row; padding-right: 8px; padding-left: 8px; letter-spacing: .2px; line-height: 1; height: var(--menu-height, 50px); font-family: var(--primary-font) }

.horizontal-megamenu > .menu-item > .menu-link .toggle-icon { color: #fff; display: inline-block; margin-left: 5px }

.horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color) }

.horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--color-primary); font-family: var(--menu-font); font-weight: 600; white-space: nowrap; text-transform: var(--menu-text-transform, none); position: relative; line-height: 1.2; padding-top: 1px; padding-bottom: 1px; font-size: var(--menu-font-size, 14px) }

@media screen and (max-width:1366px) {
    .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { font-size: 13px }
}

@media screen and (max-width:1024px) {
    .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { font-size: 12px }
}

.horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 3px; transition: width .4s cubic-bezier(.175, .885, .32, 1.15); background-color: var(--color-primary) }

.horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 30px }

.horizontal-megamenu > .menu-item > .menu-link > i { position: absolute; top: 50%; right: 15px; color: #fff; transform: translateY(-50%) rotate(90deg) }

.horizontal-megamenu.mega-menu > .dropdown.multi-level > .sub-menu { left: 0; top: 59px }

.horizontal-megamenu.mega-menu .dropdown:hover > .sub-menu { -webkit-animation: menu-in-top .25s ease; animation: menu-in-top .25s ease }

.horizontal-megamenu.mega-menu .dropdown > .sub-menu { left: 100%; top: 0; -webkit-animation: menu-in-bottom .25s ease; animation: menu-in-bottom .25s ease }

.horizontal-megamenu.mega-menu > .fluid-menu:hover > .fluid-menu-wrap { -webkit-animation: menu-in-top .25s ease; animation: menu-in-top .25s ease }

.horizontal-megamenu.mega-menu > .fluid-menu > .fluid-menu-wrap { top: 59px; left: 0; -webkit-animation: menu-in-bottom .25s ease; animation: menu-in-bottom .25s ease }

.category-popup { background-color: #141329; min-height: 50px; border-top: 3px solid var(--color-primary) !important; padding: 0 !important; transition: all .3s ease 0s; z-index: 99 }

.category-popup .category-menu { padding: 10px 20px }

.category-popup .category-menu > ul { display: flex; justify-content: flex-start; flex-wrap: wrap; overflow: visible; padding: 0 }

.category-popup .category-menu > ul > li { display: block !important; width: calc(100%/var(--mega-menu-columns, 5)); margin-right: 0; margin-bottom: 20px; float: none; position: relative; font-size: 14px }

.category-popup .category-menu > ul > li > a { color: var(--color-primary); font-weight: 700; font-size: var(--menu-font-size, 14px) }

.category-popup .category-menu > ul > li .sub_cat { display: block }

.category-popup .category-menu > ul > li .sub_cat > li { float: none; margin-right: 0; line-height: 26px; display: block }

.category-popup .category-menu > ul > li .sub_cat > li a { color: var(--color-primary) }

.category-popup .channels-menu { display: flex; justify-content: space-around; background: #f7f7f7; padding: 5px 10px }

.category-popup .channels-menu li { flex: 1; border-radius: 5px; padding: 10px; margin: 0 3px; text-align: center }

.category-popup .channels-menu li:hover { background: rgba(0, 0, 0, .05) }

.category-popup .channels-menu a { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #555 }

.category-popup .channels-menu a svg path { fill: var(--color-primary) }

.category-popup .channels-menu a span.icon { color: var(--color-primary); font-size: 18px }

.category-popup .channels-menu a span:nth-child(2) { line-height: 24px }

.flex-row { display: flex; flex-wrap: wrap }

.flex-nowrap { flex-wrap: nowrap !important }

.justify-content-between { justify-content: space-between !important }

.whb-column { display: flex; align-items: center; flex-direction: row }

header h1 { text-indent: -99999px; margin: 0; font-size: 0 }

@media (max-width:991px) {

    .whb-hidden-mobile,
    .whb-visible-lg { display: none }
}

@media (min-width:991px) {

    .whb-hidden-desktop,
    .whb-hidden-lg { display: none }
}

.header-wrap-inner .header-top-row { padding: 0; background: #fff; position: relative }

@media (min-width:991px) {
    .header-wrap-inner .header-top-row .general-header-inner { min-height: 65px }
}

.header-wrap-inner .header-top-row .menu { display: flex; align-items: center }

.header-wrap-inner .header-top-row .menu > .menu-item { padding: 10px 0; margin-right: 5px; margin-left: 5px }

.header-wrap-inner .header-top-row .menu > .menu-item > a { flex-direction: row; display: flex; align-items: center; padding: 6px; color: var(--header-text-color, #000); min-height: 40px }

.header-wrap-inner .header-top-row .menu > .menu-item > a i { width: 35px; height: 35px; border-radius: 50%; background-color: #e5e6ec; line-height: 35px; text-align: center; margin-right: 10px }

.header-wrap-inner .header-top-row .menu > .menu-item > a:hover { background: #eeeff2; border-radius: 6px }

.header-wrap-inner .header-top-row .menu > .menu-item.menu-item-has-icon > a i,
.header-wrap-inner .header-top-row .menu > .menu-item.menu-item-has-icon > a img { margin-right: 10px }

.header-type-1 .header-wrap-inner .header-top-row { background: var(--header-bg-color) }

@media screen and (max-width:991px) {
    .header-type-1 .header-wrap-inner .header-top-row { background: #fff }
}

.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon,
.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:after,
.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:before { background: var(--header-text-color, #000) }

.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon,
.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000) }

.header-type-1 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content label { font-family: var(--menu-font) }

.header-type-1 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link,
.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .info-box-icon,
.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text,
.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .info-box-icon,
.header-type-1 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.header-type-1.bg-white .header-wrap-inner .header-top-row { background: #fff }

.header-type-1.bg-white .header-wrap-inner .header-bottom-row { background: var(--color-primary) }

.header-type-1.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: #fff }

.header-type-1.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: #fff }

.header-type-1.bg-white .box-with-icon .info-box-icon,
.header-type-1.bg-white .info-box-content > * { color: var(--color-primary) }

.header-type-1.bg-white .icon_menu .style_icon { color: #242424 }

.header-type-1.bg-white .info-box-wrapper .item.show { background: #eaebec }

.header-type-1.bg-white .icon_menu .style_icon,
.header-type-1.bg-white .icon_menu .style_icon:after,
.header-type-1.bg-white .icon_menu .style_icon:before { background: var(--color-primary) }

.header-type-2 .sticky .header-top-bar,
.header-type-2 .sticky .header-top-row,
.header-type-2 .sticky .home_topbar { display: none }

@media screen and (max-width:767px) {
    .header-type-2 .sticky .header-top-row { display: block }
}

@media screen and (min-width:960px) {
    .header-type-2 .header-top-row .general-header-inner { min-height: 100px }
}

.header-type-2 .header-bottom-row { border-bottom: 2px solid var(--color-primary); background: var(--menu-bg-color) }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link,
.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .info-box-icon,
.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text,
.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .info-box-icon,
.header-type-2 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.header-type-2 .header-logo { max-height: none; height: auto; padding-top: 10px; padding-bottom: 10px }

@media screen and (max-width:767px) {
    .header-type-2 .header-logo { padding-top: 0; padding-bottom: 0 }
}

.header-type-2 .home_topbar { background: #fff }

.header-type-3 .header-wrap-inner { box-shadow: 0 2px 4px 0 hsla(0, 0%, 71.4%, .5) }

.header-type-3 .header-wrap-inner .header-top-row { background: var(--header-bg-color) }

@media screen and (max-width:991px) {
    .header-type-3 .header-wrap-inner .header-top-row { background: #fff }
}

.header-type-3 .header-wrap-inner .header-top-row .header-column-left:after { content: ""; padding-left: 20px; width: 1px; height: 25px; border-right: 1px solid #e5e6ec; display: block }

.header-type-3 .header-wrap-inner .header-top-row .header-logo { max-height: 60px }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box { flex-direction: row; display: flex; align-items: center; padding: 6px }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px; border-radius: 50%; background-color: #e5e6ec }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content { margin-left: 10px }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon { font-size: 15px; color: var(--header-text-color, #000) }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box.with-label:hover { background: #eeeff2; border-radius: 6px }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box svg path { fill: var(--header-text-color, #000) }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon,
.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000) }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-wrapper .item.show { background: #eaebec }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon,
.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:after,
.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .icon_menu .style_icon:before { background: var(--header-text-color, #000) }

.header-type-3 .header-wrap-inner .header-top-row .woodmart-info-box .btn:hover { background: #666768 }

.header-type-3 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color); border-top: 1px solid #eee }

.header-type-3 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-3 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: var(--menu-text-color) }

.header-type-3 .header-wrap-inner .header-col-center .info-box-wrapper .item { padding: 10px 0; margin-left: 10px }

.header-type-3.logo-center .header-column-left,
.header-type-3.logo-center .header-column-right { flex: 1 1 0% }

.header-type-3.logo-center .header-column-left:after { content: none !important }

.header-type-3.logo-center .header-logo { max-width: 220px; padding: 0 15px }

.header-type-3.logo-center .header-column-right .info-box-wrapper { justify-content: flex-end }

.header-type-5 .header-wrap-inner .header-top-row .header-column-left:after { content: none }

.header-type-7 .header-wrap-inner { border-bottom: 1px solid #ebebeb }

.header-type-7 .header-wrap-inner .box-with-icon .info-box-icon { color: var(--header-text-color, #000); font-size: 30px }

@media screen and (max-width:991px) {
    .header-type-7 .header-wrap-inner .woodmart-info-box .box-icon-wrapper { width: 35px; height: 35px; background-color: #e5e6ec; border-radius: 50% }

    .header-type-7 .header-wrap-inner .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 17px }
}

.header-type-7 .header-wrap-inner.sticky .header-top-bar,
.header-type-7 .header-wrap-inner.sticky .home_topbar { display: none }

@media screen and (max-width:767px) {
    .header-type-7 .header-wrap-inner.sticky .header-top-row { display: block }
}

.header-type-7 .header-wrap-inner .header-top-row { background: var(--header-bg-color) }

.header-type-7 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-7 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link,
.header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .info-box-icon,
.header-type-7 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text,
.header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .info-box-icon,
.header-type-7 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.header-type-8 .info-box-content > * { color: var(--header-text-color, #000) }

.header-type-8 .info-box-content label { font-weight: 400 }

.header-type-8 .sticky .header-top-bar,
.header-type-8 .sticky .header-top-row,
.header-type-8 .sticky .home_topbar { display: none }

@media screen and (max-width:767px) {
    .header-type-8 .sticky .header-top-row { display: block }
}

.header-type-8 .header-top-bar .dropdown-menu { padding: .5rem 0; border-radius: 8px }

.header-type-8 .header-top-bar .dropdown-menu:before { content: ""; width: 15px; height: 15px; background-color: #fff; -ms-transform: rotate(45deg); transform-origin: 20% 40%; transform: rotate(45deg); position: absolute; top: -6px; right: 15px; border-radius: 2px }

@media screen and (min-width:960px) {
    .header-type-8 .header-top-row .general-header-inner { min-height: 80px }
}

.header-type-8 .header-bottom-row { border-bottom: 3px solid var(--color-secondary); background: var(--color-primary) }

.header-type-8 .header-logo { height: auto; padding-top: 10px; padding-bottom: 10px }

@media screen and (max-width:767px) {
    .header-type-8 .header-logo { height: 50px; padding-top: 0; padding-bottom: 0 }
}

.header-type-8 .home_topbar { background: #fff }

.header-type-8 .home_topbar .desktop-search-form { width: 100% }

.header-type-8 .horizontal-megamenu > .menu-item > .menu-link { height: 45px }

.header-type-8 .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--color-secondary) }

.header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: #fff }

.header-type-8 .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text:after { content: none }

.header-type-9 .header-wrap-inner { box-shadow: 0 2px 4px 0 hsla(0, 0%, 71.4%, .5) }

.header-type-9 .header-wrap-inner .header-top-row { background: var(--header-bg-color) }

@media screen and (max-width:991px) {
    .header-type-9 .header-wrap-inner .header-top-row { background: var(--color-primary) }

    .header-type-9 .header-wrap-inner .header-top-row .box-with-icon .info-box-icon { color: #fff !important }

    .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon,
    .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon:after,
    .header-type-9 .header-wrap-inner .header-top-row .icon_menu .style_icon:before { background: #fff }
}

.header-type-9 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-9 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link,
.header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link { background: var(--color-secondary) }

.header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .info-box-icon,
.header-type-9 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text,
.header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .info-box-icon,
.header-type-9 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text { color: #fff }

.header-type-10 .info-box-wrapper { padding-left: 15px; padding-right: 15px }

.header-type-10 .header-top-bar p { margin-bottom: 0; font-size: 15px }

.header-type-10.logo-center .header-top-row .header-column-left,
.header-type-10.logo-center .header-top-row .header-column-right { flex: 1 1 0% }

.header-type-10.logo-center .header-top-row .header-column-left p { margin: 0; font-size: 15px }

.header-type-10.logo-center .header-top-row .header-column-right .info-box-wrapper { justify-content: flex-end; gap: 5px }

.header-type-10.logo-center .header-top-row .header-column-right .info-box-wrapper .woodmart-info-box i { margin-right: 5px }

.header-type-10 .header-wrap-inner:not(.sticky) { box-shadow: none }

.header-type-10 .header-wrap-inner .woodmart-info-box { padding: 0 }

@media screen and (max-width:767px) {
    .header-type-10 .header-wrap-inner .woodmart-info-box .box-icon-wrapper .info-box-icon { font-size: 20px; color: var(--header-text-color, #000) }
}

.header-type-10 .header-wrap-inner .header-top-row .woodmart-info-box .box-with-icon .info-box-icon,
.header-type-10 .header-wrap-inner .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000) }

.header-type-10 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-10 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-10 .header-wrap-inner .header-bottom-row .menu-item.active > .menu-link .nav-link-text:after,
.header-type-10 .header-wrap-inner .header-bottom-row .menu-item:hover > .menu-link .nav-link-text:after { width: 100% }

.header-type-10 .header-wrap-inner .header-bottom-row .box-with-icon .info-box-icon { color: var(--menu-text-color) }

.header-type-10 .header-wrap-inner.sticky .header-top-row .social_icons li a { width: 32px; height: 32px; line-height: 32px; font-size: 16px }

.header-type-10 .header-wrap-inner.sticky .header-bottom-row,
.header-type-10 .header-wrap-inner.sticky .header-top-bar { display: none }

.header-type-10 .header-wrap-inner .header-bottom-row { border-top: 30px solid #e5f5ed }

.header-type-10 .icon_menu .style_icon { height: 3px; background: var(--menu-text-color) }

.header-type-10 .icon_menu .style_icon:before { top: -8px; width: 130%; height: 3px; background: var(--menu-text-color) }

.header-type-10 .icon_menu .style_icon:after { bottom: -8px; width: 70%; height: 3px; background: var(--menu-text-color) }

.header-type-10 .horizontal-megamenu > .menu-item { flex-grow: 0 }

.header-type-10 .horizontal-megamenu > .menu-item.active > a { background: transparent }

.header-type-10 .horizontal-megamenu > .menu-item.is_home,
.header-type-10 .horizontal-megamenu > .menu-item.menu-more { display: none }

.header-type-10 .horizontal-megamenu > .menu-item > .menu-link { padding: 0 12px }

.header-type-10 .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { height: 4px; top: 168%; background-color: var(--color-primary) }

.header-type-11 .header-wrap-inner.sticky .header-top-bar,
.header-type-11 .header-wrap-inner.sticky .header-top-row,
.header-type-11 .header-wrap-inner.sticky .home_topbar { display: none }

@media screen and (max-width:767px) {
    .header-type-11 .header-wrap-inner.sticky .header-top-row { display: block }
}

.header-type-11 .header-wrap-inner .header-top-row { background: var(--header-bg-color) }

.header-type-11 .header-wrap-inner .header-top-row .menu { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap }

.header-type-11 .header-wrap-inner .header-top-row .menu > li { align-items: stretch; display: flex; flex-direction: row; align-items: center }

.header-type-11 .header-wrap-inner .header-top-row .menu > li > a { white-space: nowrap; padding-right: 8px; padding-left: 8px; color: var(--header-text-color, #000); font-size: 14px }

.header-type-11 .header-wrap-inner .header-top-row .menu > li.hotline a { white-space: nowrap; display: block; background: #d12a2a; padding: 4px 15px; border-radius: 25px; color: #fff; font-size: 14px }

.header-type-11 .header-wrap-inner .header-top-row .menu > li.hotline a:hover { background: var(--color-primary) }

.header-type-11 .header-wrap-inner .header-top-row .menu > li.item:not(:last-child):after { content: "\F111"; font-family: Font Awesome\ 5 Pro; font-size: 5px; font-weight: 700; color: #d12a2a }

.header-type-11 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link,
.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--color-secondary) }

.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .info-box-icon,
.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text,
.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .info-box-icon,
.header-type-11 .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.header-type-12 { border-bottom: 1px solid #ebebeb }

.header-type-12 .header-wrap-inner .navbar { position: inherit }

.header-type-12 .header-wrap-inner .header-bottom-row { background: var(--menu-bg-color) }

.header-type-12 .header-wrap-inner .horizontal-megamenu { justify-content: flex-start }

.header-type-12 .header-wrap-inner .horizontal-megamenu > .menu-item.is_home { display: none }

.header-type-12 .header-wrap-inner .horizontal-megamenu > .menu-item > .menu-link { padding-right: 10px; padding-left: 10px }

.header-type-12 .header-wrap-inner .box-with-icon .info-box-icon { color: var(--header-text-color, #000) }

.header-type-12 .header-wrap-inner .icon_menu .style_icon,
.header-type-12 .header-wrap-inner .icon_menu .style_icon:after,
.header-type-12 .header-wrap-inner .icon_menu .style_icon:before { background: var(--header-text-color, #000) }

.header-type-12 .header-wrap-inner .woodmart-info-box.mobile-trigger { padding: 0 }

.header-type-15 .sticky .header-top-bar,
.header-type-15 .sticky .header-top-row,
.header-type-15 .sticky .home_topbar { display: none }

@media screen and (max-width:767px) {
    .header-type-15 .sticky .header-top-row { display: block }
}

.header-type-15 .header-top-row { border-bottom: 1px solid #ebebeb }

@media screen and (min-width:960px) {
    .header-type-15 .header-top-row .general-header-inner { min-height: 51px }
}

.header-type-15 .header-top-row .info-box-wrapper .item:not(:last-child) { position: relative }

.header-type-15 .header-top-row .info-box-wrapper .item:not(:last-child):after { width: 1px; height: 20px; background: #efefef; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0 }

.header-type-15 .header-top-row .woodmart-info-box .icon_menu .style_icon,
.header-type-15 .header-top-row .woodmart-info-box .icon_menu .style_icon:after,
.header-type-15 .header-top-row .woodmart-info-box .icon_menu .style_icon:before { background: var(--header-text-color, #000) }

.header-type-15 .header-top-row .woodmart-info-box .box-with-icon .info-box-icon { color: var(--header-text-color, #000); font-size: 16px }

.header-type-15 .header-top-row .woodmart-info-box .info-box-content > * { color: var(--header-text-color, #000) }

.header-type-15 .header-top-row .woodmart-info-box .info-box-content label { font-family: var(--menu-font) }

.header-type-15 .header-top-row .timestemp { font-size: 13px; text-align: left; color: var(--header-text-color, #000); position: relative; padding-left: 15px; margin-left: 15px; width: auto }

.header-type-15 .header-top-row .timestemp:before { content: ""; width: 1px; height: 26px; background: #e5e5e5; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }

.header-type-15 .desktop-search-form { width: auto }

.header-type-15 .desktop-search-form .searchform { padding-left: 10px }

.header-type-15 .desktop-search-form .searchform input[type=text] { transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.7, 1, .7, 1); width: 0; padding: 0; border: 0 }

.header-type-15 .desktop-search-form .searchform .searchsubmit { position: static; color: #bdbdbd; width: 30px }

.header-type-15 .desktop-search-form .searchform .searchsubmit:after { font-size: 16px; transition: opacity .2s ease; content: "\F002"; font-family: Font Awesome\ 5 Pro; font-weight: 300 }

.header-type-15 .desktop-search-form .searchform.active input { width: 180px; border-radius: 16px; border: 1px solid #e5e5e5; padding: 0 40px 0 15px; height: 32px; line-height: 32px }

.header-type-15 .desktop-search-form .searchform.active .searchsubmit { position: absolute }

.header-type-15 .header-bottom-row { background: var(--menu-bg-color); border-bottom: 1px solid #ebebeb }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: var(--menu-text-color) }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { content: none }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .info-box-icon { color: var(--menu-text-color); font-size: 18px }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link.link-home .nav-link-text { font-size: 20px }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link,
.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link { background: var(--menu-background-hover-color) }

.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .info-box-icon,
.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item.active > .menu-link .nav-link-text,
.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .info-box-icon,
.header-type-15 .header-bottom-row .horizontal-megamenu > .menu-item:hover > .menu-link .nav-link-text { color: var(--menu-text-hover-color) }

.header-top-bar { background: #fff; border-bottom: 1px solid #eee; position: relative }

.header-top-bar .top-bar-inner { height: 35px }

.header-top-bar .menu { display: inline-flex; align-items: center; flex-direction: row; flex-wrap: wrap }

.header-top-bar .menu > li { align-items: stretch; display: flex; flex-direction: row }

.header-top-bar .menu > li .box-icon-wrapper,
.header-top-bar .menu > li > a { display: flex; align-items: center; flex-direction: row; padding-right: 10px; padding-left: 10px; letter-spacing: .2px; line-height: 1; height: 35px; font-weight: 400; font-size: 13px; color: #444 }

.header-top-bar .menu > li .box-icon-wrapper i,
.header-top-bar .menu > li > a i { margin-right: 3px }

.header-top-bar .menu > li .box-icon-wrapper img,
.header-top-bar .menu > li > a img { margin-right: 5px }

.header-top-bar .menu .dropdown-menu { padding: .5rem 0; border-radius: 8px }

.header-top-bar .desktop-search-form { width: auto; min-width: 300px }

.header-top-bar .desktop-search-form .searchform { width: 100% }

.header-top-bar .desktop-search-form .searchform input[type=text] { padding: 0 40px 0 15px; background-color: #fff; height: 28px }

.header-wrap { position: relative; z-index: 8; min-height: 60px; width: 100%; margin: 0; transition: height .3s ease }

@media screen and (max-width:991px) {
    .header-wrap { box-shadow: 0 2px 5px rgba(0, 0, 0, .1) }
}

.header-wrap.desktop-logo-center .header-top-row .header-column-left,
.header-wrap.desktop-logo-center .header-top-row .header-column-right { flex: 1 1 0%; padding: 0 }

.header-wrap.desktop-logo-center .header-column-right .site-header__tool { justify-content: flex-end }

.header-wrap.desktop-logo-center .header-col-center { flex: none }

.header-wrap.desktop-logo-center .header-col-center .header-logo { justify-content: center }

.header-wrap.has-bg svg path { fill: #fff }

.header-wrap.has-bg .icon_menu .style_icon,
.header-wrap.has-bg .icon_menu .style_icon:after,
.header-wrap.has-bg .icon_menu .style_icon:before { background: #fff }

.header-wrap.has-bg .info-box-wrapper .item { border-radius: 6px }

.header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover { background: #fff }

.header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-icon { color: var(--color-primary) }

.header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-icon svg path { fill: var(--color-primary) }

.header-wrap.has-bg .info-box-wrapper .item:not(.burger-menu):hover .info-box-content label { color: var(--color-primary) }

@media screen and (max-width:991px) {
    .header-wrap.has-bg .box-with-icon .info-box-icon { color: #fff; background: none }
}

.header-wrap.bg-white svg path { fill: var(--header-text-color, #000) }

.header-wrap.bg-white .header-wrap-inner .header-top-row { background: #fff }

.header-wrap.bg-white .header-wrap-inner .header-bottom-row { background: var(--color-primary) }

.header-wrap.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text { color: #fff }

.header-wrap.bg-white .header-wrap-inner .header-bottom-row .horizontal-megamenu > .menu-item > .menu-link .nav-link-text:after { background-color: #fff }

.header-wrap.bg-white .box-with-icon .info-box-icon,
.header-wrap.bg-white .icon_menu .style_icon,
.header-wrap.bg-white .info-box-content > * { color: var(--header-text-color, #000) }

.header-wrap.bg-white .info-box-wrapper .item.show { background: #eaebec }

.header-wrap.bg-white .icon_menu .style_icon,
.header-wrap.bg-white .icon_menu .style_icon:after,
.header-wrap.bg-white .icon_menu .style_icon:before { background: var(--header-text-color, #000) }

.tdb-drop-down-search { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; transform: translate3d(0, 20px, 0); -webkit-transform: translate3d(0, 20px, 0); transition: all .4s ease; pointer-events: none; z-index: 10; left: auto; right: 0; width: 100% }

.tdb-drop-down-search .tdb-drop-down-search-inner { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12) }

.tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form { position: relative; padding: 20px; border: solid var(--color-primary); border-width: 3px 0 0; pointer-events: auto }

.tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff }

.tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form-inner { position: relative; display: flex; background-color: #fff }

.tdb-drop-down-search .tdb-drop-down-search-inner .tdb-search-form-inner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e1e1e1; pointer-events: none }

.tdb-drop-down-search.search-fullscreen { position: fixed; height: 100%; top: 0 }

.tdb-drop-down-search.search-fullscreen.tdb-drop-down-search-open:before { background-color: rgba(0, 0, 0, .8); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) }

.tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form { margin: -30px 0 0 -25%; position: absolute; top: 50%; left: 50%; width: 50%; padding: 0; border: none }

.tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form:before { content: none }

.tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form-inner { background-color: transparent }

.tdb-drop-down-search.search-fullscreen .tdb-drop-down-search-inner .tdb-search-form-inner:after { content: none }

.tdb-drop-down-search.search-fullscreen .tdb-head-search-form-btn { width: 60px; border-radius: 50% }

.tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input { border: none; border-bottom: 2px solid #ccc; font-size: 22px; background: transparent }

.tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input:focus { border-color: #fff; color: #fff }

.tdb-drop-down-search.search-fullscreen .tdb-head-search-form-btn,
.tdb-drop-down-search.search-fullscreen .tdb-head-search-form-input { height: auto; min-height: 60px; outline: none }

.tdb-drop-down-search .tdb-head-search-form-btn,
.tdb-drop-down-search .tdb-head-search-form-input { height: auto; min-height: 32px; outline: none }

.tdb-drop-down-search .tdb-head-search-form-input { color: #444; flex: 1; background-color: #f1f1f1; border: 0; padding: 3px 9px; line-height: 21px }

.tdb-drop-down-search .tdb-head-search-form-btn { margin-bottom: 0; padding: 0 15px; background-color: var(--color-primary); font-size: 13px; font-weight: 500; color: #fff; transition: all .3s ease; z-index: 1; border-radius: 0; outline: none }

.tdb-drop-down-search .tdb-head-search-form-btn:hover { background-color: var(--color-secondary) }

.tdb-drop-down-search.tdb-drop-down-search-open { visibility: visible; opacity: 1; transform: translateZ(0); -webkit-transform: translateZ(0) }

.tdb-drop-down-search.tdb-drop-down-search-open:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100vh; min-height: 100%; background-color: rgba(0, 0, 0, .3) }

.dropdown-menu { background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .2); margin-top: 0; padding: 10px 20px; float: none; border: none; border-radius: 0 }

.dropdown-menu ul { padding: 0; margin: 0; list-style: none }

.dropdown-menu.dropdown-fullwidth { width: 100% }

.dropdown-menu.dropdown-right { right: 0; left: auto }

.site-header__tool .utilities { text-align: center; margin: 0 }

.site-header__tool .utilities li { display: inline-block }

.site-header__tool .utilities li a { border-right: 1px solid #eee; padding: 6px 20px 1px; display: block; color: var(--color-primary) }

.site-header__tool .utilities li span { font-size: 11px; font-size: 16px }

.site-header__tool .utilities li i { font-size: 16px; font-size: 1.5rem; display: block; margin-bottom: 3px }

.site-header__tool .utilities li i.icon { font-family: Line Awesome Free; font-weight: 900; font-style: normal }

.site-header__tool .utilities li:last-child a { border: none }

.site-header__tool .utilities li:first-child .icon:before { content: "\F19C" }

.site-header__tool .utilities li:nth-child(2) .icon:before { content: "\F2B5" }

.site-header__tool .utilities li:nth-child(3) .icon:before { content: "\F217" }

.site-header__tool .utilities li:nth-child(4) .icon:before { content: "\F072" }

.site-header__tool .utilities li:nth-child(5) .icon:before { content: "\F008" }

@media screen and (max-width:991px) {
    .tdb-drop-down-search { left: 0 }

    .visible-lg { display: none }

    .content_wrapper { margin-bottom: 0 !important }
}

@media screen and (min-width:991px) {
    .hidden-lg { display: none }
}

.mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 340px; background-color: #fff; transition: transform .25s ease; border-top: 5px solid var(--color-primary) }

.mobile-nav .close-mmenu { top: 0; left: 0; height: 40px; color: #fff; background-size: 30px 30px; cursor: pointer; transition: all .8s ease .2s; opacity: 0; pointer-events: auto; text-align: center; font-size: 14px; line-height: 16px; text-transform: uppercase; border-bottom: 8px solid #ededed }

.mobile-nav.slide-from-left { right: auto; left: 0; transform: translate3d(-340px, 0, 0) }

.mobile-nav.act-mobile-menu { transform: none; visibility: visible }

.mobile-nav .mobile-search { position: relative }

.mobile-nav .mobile-search .header-search-lg { position: relative; display: flex; background: #fff }

.mobile-nav .mobile-search .header-search-lg .header-search-right { display: flex; align-items: center }

.mobile-nav .mobile-search .header-search-lg .header-search-right .btn-search { display: flex; height: 70px; width: 70px; padding: 0; align-items: center; justify-content: center; color: var(--color-primary); font-size: 22px }

.mobile-nav .mobile-search .search-form { z-index: 2; box-shadow: 0 -1px 9px rgba(0, 0, 0, .17) }

.mobile-nav .mobile-search .search-form input[type=text] { padding-top: 0; padding-bottom: 0; padding-left: 20px; border: none; height: 70px }

.mobile-nav .site-mobile-menu { padding: 0 }

.mobile-nav .site-mobile-menu li { position: relative; display: block }

.mobile-nav .site-mobile-menu li.opener-page > a,
.mobile-nav .site-mobile-menu li:active > a { background-color: rgba(0, 0, 0, .04) }

.mobile-nav .site-mobile-menu li a { display: flex; align-items: center; flex-direction: row; padding: 5px 20px; min-height: 50px; border-bottom: 1px solid hsla(0, 0%, 50.6%, .2); color: var(--color-primary); text-transform: uppercase; letter-spacing: .2px; font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--primary-font) }

.mobile-nav .site-mobile-menu .toggle-icon { position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; border-left: 1px solid hsla(0, 0%, 50.6%, .2); color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color .25s ease, color .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden }

.mobile-nav .site-mobile-menu .toggle-icon.up-icon { background: var(--color-primary); color: #fff }

.mobile-nav .site-mobile-menu .toggle-icon.up-icon .fa-angle-down:before { content: "\F106" }

.mobile-nav .site-mobile-menu .sub-menu { display: none; padding: 0 }

.mobile-nav .site-mobile-menu .sub-menu li a { color: #777; text-transform: uppercase; font-size: 13px }

.mobile-nav .channels-menu { flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; padding: 0 15px }

.mobile-nav .channels-menu li { width: 47%; height: 38px; line-height: 38px; border-radius: 5px; border: thin solid #e9eaee; background-color: #f9f9f9; color: #6c6e70; margin-bottom: 15px; overflow: hidden }

.mobile-nav .channels-menu li a { text-transform: capitalize; white-space: nowrap; color: var(--color-primary) }

.mobile-nav .channels-menu li svg { margin: 0 3px 3px 8px; width: 20px; height: auto; max-height: 30px; display: inline-block }

.mobile-nav .channels-menu li svg path { fill: var(--color-primary) }

.mobile-nav .register-menu { flex-direction: row; align-items: stretch; flex-wrap: wrap; padding: 0 10px; background-color: #f9f9f9 }

.mobile-nav .register-menu li { overflow: hidden; padding: 6px; width: 50% }

.mobile-nav .register-menu li a { display: block }

.mobile-nav .register-menu li .btn-login { background: var(--color-primary); border: none }

.mobile-nav .register-menu li .btn-register { background: #6c757d; border: none }

.icon_menu { padding: 10px; margin: 8px 10px }

.side-menu-open.is_mobile .header-wrap { z-index: 1 }

.woodmart-close-side { z-index: 98 }

.desktop-side-nav { position: absolute; top: 100%; bottom: auto; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; width: 100%; background-color: #fff; transition: transform .25s ease; border-top: 5px solid var(--color-primary) }

.desktop-side-nav .close-mmenu { top: 0; left: 0; height: 40px; color: #fff; background-size: 30px 30px; cursor: pointer; transition: all .8s ease .2s; opacity: 0; pointer-events: auto; text-align: center; font-size: 14px; line-height: 16px; text-transform: uppercase; border-bottom: 8px solid #ededed; text-align: right; display: none }

.desktop-side-nav.slide-from-left { right: auto; left: 0; transform: translate3d(-100%, 0, 0) }

.desktop-side-nav.act-mobile-menu { transform: none; visibility: visible }

.desktop-side-nav .channels-menu { justify-content: space-around; background: #fff; padding: 5px 10px; margin: 0 }

.desktop-side-nav .channels-menu li { flex: 1; border-radius: 5px; padding: 10px; margin: 0 3px; text-align: center }

.desktop-side-nav .channels-menu li:hover { background: rgba(0, 0, 0, .05) }

.desktop-side-nav .channels-menu li::marker { content: none }

.desktop-side-nav .channels-menu a { font-weight: 500; color: #555; display: flex; align-items: center; justify-content: center }

.desktop-side-nav .channels-menu i { color: var(--color-primary) }

.desktop-side-nav .channels-menu svg { margin-right: 5px }

.desktop-side-nav .channels-menu svg path { fill: var(--color-primary) }

.desktop-side-nav .mobile-search { position: relative }

.desktop-side-nav .mobile-search .header-search-lg { position: relative; display: flex; background: #fff }

.desktop-side-nav .mobile-search .header-search-lg .header-search-right { display: flex; align-items: center }

.desktop-side-nav .mobile-search .header-search-lg .header-search-right .btn-search { display: flex; height: 70px; width: 70px; padding: 0; align-items: center; justify-content: center; color: var(--color-primary); font-size: 22px }

.desktop-side-nav .mobile-search .search-form { z-index: 2; box-shadow: 0 -1px 9px rgba(0, 0, 0, .17) }

.desktop-side-nav .mobile-search .search-form input[type=text] { padding-top: 0; padding-bottom: 0; padding-left: 20px; border: none; height: 70px }

.desktop-side-nav .site-mobile-menu { background: #f4f4f4; padding: 0; margin-bottom: 0 }

.desktop-side-nav .site-mobile-menu > li { position: relative; display: flex }

.desktop-side-nav .site-mobile-menu > li.opener-page > a,
.desktop-side-nav .site-mobile-menu > li:active > a { background-color: rgba(0, 0, 0, .04) }

.desktop-side-nav .site-mobile-menu > li:hover { background: #e9e9e9 }

.desktop-side-nav .site-mobile-menu > li:hover > a { background: #4d4e4e }

.desktop-side-nav .site-mobile-menu > li > a { display: flex; align-items: center; flex-direction: row; padding: 5px 20px; min-height: 50px; border-bottom: 1px solid hsla(0, 0%, 50.6%, .2); color: #fff; text-transform: uppercase; letter-spacing: .2px; font-weight: 400; font-size: 13px; line-height: 1.3; font-family: var(--primary-font); width: 240px; background: var(--color-primary); text-align: left }

.desktop-side-nav .site-mobile-menu .toggle-icon { display: none; position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; border-left: 1px solid hsla(0, 0%, 50.6%, .2); color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color .25s ease, color .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden }

.desktop-side-nav .site-mobile-menu .toggle-icon.up-icon { background: var(--color-primary); color: #fff }

.desktop-side-nav .site-mobile-menu .toggle-icon.up-icon .fa-angle-down:before { content: "\F106" }

.desktop-side-nav .site-mobile-menu .sub-menu { display: flex; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .1); flex-grow: 1 }

.desktop-side-nav .site-mobile-menu .sub-menu li { display: inline-block }

.desktop-side-nav .site-mobile-menu .sub-menu li a { color: #777; text-transform: none; font-size: 13px; padding: 0 10px; text-transform: uppercase }

.desktop-side-nav .site-mobile-menu .sub-menu li a:hover,
.desktop-side-nav .site-mobile-menu .sub-menu li a:visited { color: var(--color-primary) }

.icon_menu { position: relative; width: 20px; height: 50px; cursor: pointer; color: #333; transition: all .3s ease; text-align: center; font-size: 12px; text-transform: uppercase; color: #666; width: 25px; height: 25px; font-size: 13px; line-height: 20px; padding: 0; margin: 0; display: inline-block }

.icon_menu .style_icon { display: block; position: absolute; margin-top: -1px; top: 50%; left: 0; right: 0; height: 2px; background: var(--color-primary); transition: background 0s .3s }

.icon_menu .style_icon.white-line { background: #fff }

.icon_menu .style_icon.white-line:after,
.icon_menu .style_icon.white-line:before { background: #fff !important }

@media screen and (max-width:991px) {

    .icon_menu .style_icon,
    .icon_menu .style_icon:after,
    .icon_menu .style_icon:before { background: var(--color-primary) }
}

.icon_menu .style_icon:after,
.icon_menu .style_icon:before { position: absolute; display: block; left: 0; width: 100%; height: 2px; background: var(--color-primary); content: ""; transition-duration: .3s, .3s; transition-delay: .3s, 0s }

.icon_menu .style_icon:before { top: -6px; transition-property: top, transform }

.icon_menu .style_icon:after { bottom: -6px; transition-property: bottom, transform }

.side-menu-open .close-mmenu { left: 0; top: 0; opacity: 1 }

.side-menu-open .icon_menu .style_icon { background: transparent !important }

.side-menu-open .icon_menu .style_icon:before { top: 0; transform: rotate(45deg); transition-delay: 0s, .3s; width: 100% }

.side-menu-open .icon_menu .style_icon:after { bottom: 0; transform: rotate(-45deg); transition-delay: 0s, .3s; width: 100% }

.woodmart-close-side { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .7); transition: opacity .25s ease, visibility 0s ease .25s }

.woodmart-close-side-opened { opacity: 1; visibility: visible; transition: opacity .25s ease, visibility 0s ease }

@media (max-width:991px) {
    .mobile-nav { width: 300px }

    .slide-from-left { transform: translate3d(-300px, 0, 0) }
}

.webnew-form-login .form-group { position: relative; margin-bottom: 20px }

.webnew-form-login .form-group .input-icon { position: absolute; top: 22px; right: 15px; font-size: 20px; transform: translateY(-50%); color: #acb5be; line-height: 0 }

.webnew-form-login a { color: var(--color-primary) }

.webnew-form-login .form-control { height: 45px; box-shadow: none; background: #f2f2f2; border: 0; outline: 0; border-radius: 3px; font-size: 14px; color: #5e6d77 }

.webnew-form-login button[type=submit] { height: 45px; outline: none; background-color: var(--color-primary); color: #fff }

.webnew-form-login button[type=submit]:hover { background: #4d4e4e }

.webnew-form-login .checkbox { margin: 0 }

.login-form-side { position: fixed; top: 0; bottom: 0; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 410px; background-color: #fff; transition: transform .25s ease; right: 0; left: auto; transform: translate3d(410px, 0, 0) }

@media screen and (max-width:991px) {
    .login-form-side { width: 340px; transform: translate3d(340px, 0, 0) }
}

.login-form-side.woodmart-login-side-opened { transform: none }

.login-form-side .widget-heading { background: var(--color-primary); height: 75px; position: relative }

.login-form-side .widget-heading .logo { width: auto; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center }

.login-form-side .widget-heading .logo img { max-height: 100%; max-width: 100% }

.login-form-side .widget-heading .close-side-widget { position: fixed; top: 0; right: 420px; color: #fff; text-shadow: none; opacity: 1; z-index: 9999; font-size: 30px }

@media screen and (max-width:991px) {
    .login-form-side .widget-heading .close-side-widget { right: 340px }
}

.side-login-open .woodmart-close-side { z-index: 10 }

.signin__content { padding: 30px }

.signin__content .signin__text { text-align: center; margin-bottom: 15px }

.signin__content .signin__social { margin-bottom: 15px }

.signin__content .signin__social .social { color: #fff; margin-bottom: 10px; display: block }

.signin__content .signin__social .social i { font-size: 16px; font-size: 1.2rem; text-align: center; width: 45px; height: 45px; border-right: 1px solid hsla(0, 0%, 100%, .3); float: left; padding: 12px 0 }

.signin__content .signin__social .social span { padding: 14px 0 12px 14px; display: inline-block; font-size: 14px; height: 45px }

.signin__content .signin__social .social--fb { background: #3b5998 }

.signin__content .signin__social .social--gg { background: #d34836 }

.signin__content .signin__social .social--zl { background: #018fe5 }

.signin__content .signin__social .social--zl i { background: url(/frontend/images/svgs/zalo_wicon.svg) 50% no-repeat; background-size: 14px auto !important }

.signin__content .signin__subhead { text-align: center; position: relative; margin-bottom: 15px }

.signin__content .signin__subhead span { font-size: 14px; font-size: 1.4rem; color: #999; font-weight: 400; position: relative; z-index: 1; background: #fff; padding: 0 15px }

.signin__content .signin__subhead:after { position: absolute; content: ""; background: #ddd; width: 100%; height: 1px; left: 0; top: 50% }

.breadcrumbs * { display: inline-block }

.breadcrumbs { margin-bottom: 12px; padding: 8px 0 5px }

.breadcrumbs.type-2 li a:after { content: "\F148"; font-family: Font Awesome\ 5 Pro; transform: rotate(90deg); color: var(--color-primary); width: auto; height: auto; border: none !important }

.breadcrumbs.type-2 li span { background: var(--color-primary); font-weight: 700; text-transform: uppercase; font-size: 12px; padding: 3px 10px; display: inline-block; color: #fff; border-radius: 50px }

.breadcrumbs meta { display: none }

.breadcrumbs li:last-child { font-weight: 700 }

.breadcrumbs a { font-size: .9rem; color: #000; position: relative; margin-right: 10px; display: flex; align-items: center; text-transform: none !important }

.breadcrumbs a:after { content: ""; display: flex; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #a8a8a8; margin-left: 10px }

.breadcrumbs .last_child a:after,
.breadcrumbs li:last-child > a:after { content: none }

.breadcrumbs .crust { line-height: 36px; position: relative }

.breadcrumbs .crust a:after { content: none }

.breadcrumbs .crust .arrow { border-right: 18px solid transparent; border-color: transparent #000 transparent #d5d5d5; border-style: solid none solid solid; border-width: 18px 1px 18px 12px; -moz-border-right-colors: #d5d5d5; display: block; position: absolute; right: -12px; top: 0; z-index: 1; width: 0; height: 0; line-height: inherit }

.breadcrumbs .crust .arrow span { border-right: 18px solid transparent; border-color: transparent #000 transparent #f8f9fa; border-style: solid none solid solid; border-width: 18px 1px 18px 12px; display: block; position: absolute; left: -13px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; width: 0; height: 0; top: -18px }

.breadcrumbs .crust .arrow,
.breadcrumbs .crust .arrow span { border-top-width: 18px; border-bottom-width: 18px }

.breadcrumbs a.current { color: #333; font-weight: 700; cursor: text }

.breadcrumbs a.current:after { content: ""; padding: 0 }

.breadcrumbs .icon-home { font-size: 1.4rem; color: #c82228; margin-right: 5px }

.topbar_threadhot label { float: left; color: #fff; font-weight: 700; height: 23px; line-height: 23px; font-size: 14px; background: var(--color-primary) !important; border-left: 5px solid var(--color-primary); padding: 0 10px 0 5px; margin: 0 10px 0 0; position: absolute }

#widget-ticker { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; margin-top: 10px; width: 100%; position: relative; line-height: 24px; height: 24px }

#hashtag-trending { margin-left: 41px; margin-bottom: 0; padding: 0; white-space: nowrap; display: inline-flex; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none }

#hashtag-trending .has-marquee { -webkit-animation: marquee 45s linear infinite; animation: marquee 45s linear infinite }

#hashtag-trending .has-marquee:hover { -webkit-animation-play-state: paused; animation-play-state: paused }

#hashtag-trending li.hash-tag-item { display: inline-block; font-size: 13px; color: #000; border-radius: 100px; background-color: #e7e7e7; padding: 0 8px 0 12px; height: 24px; line-height: 24px; margin: 0 10px }

#hashtag-trending li.hash-tag-item:before { content: "#"; display: inline-block; color: hsla(0, 0%, 41.6%, .51); font-size: 15px; margin-right: 4px }

#hashtag-trending li.hash-tag-item a { color: inherit }

#hashtag-trending li.hash-tag-item:hover { background: linear-gradient(-45deg, #4d4e4e, #8e8e8e, #ba2026, #d8494e); background-size: 400% 400%; -webkit-animation: bggradient 15s ease infinite; animation: bggradient 15s ease infinite; color: #fff }

#hashtag-trending li.hash-tag-item:hover:before,
#hashtag-trending li.hash-tag-item:hover a { color: #fff }

#hashtag-trending::-webkit-scrollbar { display: none }

.home_topbar { height: 44px; background-color: #f7f7f7; border-bottom: 1px solid #e1e1e1; margin-bottom: 0; overflow: hidden }

@media (max-width:767px) {
    .home_topbar { margin-bottom: 0 }

    .home_topbar .timestemp { display: none }
}

.home_topbar .btn-clock,
.home_topbar .btn-rss { background-color: #f0f0f0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: inline-block; height: 26px }

.home_topbar .btn-clock { width: 34px; margin-right: 8px }

.home_topbar .btn-rss { width: 53px; margin-right: 67px; font-size: 12px; color: #4a4a4a; padding-left: 11px; line-height: 28px }

.home_topbar .btn-rss:hover { color: var(--color-primary) }

.home_topbar .btn-rss:hover .icon-rss { background-position: 0 -112px }

.home_topbar .btn-rss .icon { margin-left: 6px; margin-bottom: -3px; display: inline-block; font-size: 12px }

.home_topbar .btn-clock .icon { font-size: 16px; padding: 5px 9px; color: #4a4a4a; display: inline-block }

.home_topbar .btn-clock:hover .icon { color: var(--color-primary) }

.btn-social { float: left }

.frm-search { height: 24px; width: 247px; border: 1px solid #e1e2e3; border-radius: 1px; display: block; float: left }

.frm-search .txt-search { float: left; height: 24px; width: 210px; padding: 0 10px; line-height: 24px; font-size: 10px; color: #303030; border: 0; outline: 0; background: transparent }

.frm-search button { border: none; background-color: #fff; margin: 0; padding: 0 }

.frm-search .icon-search { float: left; cursor: pointer; padding-top: 5px; padding-left: 15px }

.txt-search:-moz-placeholder,
.txt-search:-ms-input-placeholder,
.txt-search::-moz-placeholder,
.txt-search::-webkit-input-placeholder { color: #fff }

.timestemp { width: 100%; text-align: right; font-size: 12px; color: var(--color-primary); float: left }

.timestemp #clock { display: inline-block }

@media (max-width:767px) {
    .topbar_threadhot .timeline { width: 100% }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; transform: translate3d(100%, 0, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

@keyframes fadeInRight {
    0% { opacity: 0; transform: translate3d(100%, 0, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; transform: translate3d(-100%, 0, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate3d(-100%, 0, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; transform: translate3d(0, 100%, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translate3d(0, 100%, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0, -100%, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0, -100%, 0) }

    to { opacity: 1; transform: translateZ(0) }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(-100%, 0, 0) }
}

@keyframes fadeOutLeft {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(-100%, 0, 0) }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft }

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(100%, 0, 0) }
}

@keyframes fadeOutRight {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(100%, 0, 0) }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(0, 100%, 0) }
}

@keyframes fadeOutDown {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(0, 100%, 0) }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(0, -100%, 0) }
}

@keyframes fadeOutUp {
    0% { opacity: 1 }

    to { opacity: 0; transform: translate3d(0, -100%, 0) }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }

@-webkit-keyframes slideInLeft {
    0% { transform: translate3d(-100%, 0, 0); visibility: visible }

    to { transform: translateZ(0) }
}

@keyframes slideInLeft {
    0% { transform: translate3d(-100%, 0, 0); visibility: visible }

    to { transform: translateZ(0) }
}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft }

@-webkit-keyframes slideInRight {
    0% { transform: translate3d(100%, 0, 0); visibility: visible }

    to { transform: translateZ(0) }
}

@keyframes slideInRight {
    0% { transform: translate3d(100%, 0, 0); visibility: visible }

    to { transform: translateZ(0) }
}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }

@-webkit-keyframes slideInUp {
    0% { transform: translate3d(0, 100%, 0); visibility: visible }

    to { transform: translateZ(0) }
}

@keyframes slideInUp {
    0% { transform: translate3d(0, 100%, 0); visibility: visible }

    to { transform: translateZ(0) }
}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }

@-webkit-keyframes slideInDown {
    0% { transform: translate3d(0, -100%, 0); visibility: visible }

    to { transform: translateZ(0) }
}

@keyframes slideInDown {
    0% { transform: translate3d(0, -100%, 0); visibility: visible }

    to { transform: translateZ(0) }
}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; transform: scale3d(.3, .3, .3) }

    50% { opacity: 1 }
}

@keyframes zoomIn {
    0% { opacity: 0; transform: scale3d(.3, .3, .3) }

    50% { opacity: 1 }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }

@-webkit-keyframes zoomOut {
    0% { opacity: 1 }

    50% { opacity: 0; transform: scale3d(.3, .3, .3) }

    to { opacity: 0 }
}

@keyframes zoomOut {
    0% { opacity: 1 }

    50% { opacity: 0; transform: scale3d(.3, .3, .3) }

    to { opacity: 0 }
}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }

@-webkit-keyframes stuckMoveDown {
    0% { transform: translateY(-100%) }

    to { transform: translateY(0) }
}

@keyframes stuckMoveDown {
    0% { transform: translateY(-100%) }

    to { transform: translateY(0) }
}

@-webkit-keyframes stuckMoveUp {
    0% { transform: translateY(100%) }

    to { transform: translateY(0) }
}

@keyframes stuckMoveUp {
    0% { transform: translateY(100%) }

    to { transform: translateY(0) }
}

@-webkit-keyframes stuckFadeIn {
    0% { opacity: 0 }

    to { opacity: 1 }
}

@keyframes stuckFadeIn {
    0% { opacity: 0 }

    to { opacity: 1 }
}

@-webkit-keyframes bggradient {
    0% { background-position: 0 50% }

    50% { background-position: 100% 50% }

    to { background-position: 0 50% }
}

@keyframes bggradient {
    0% { background-position: 0 50% }

    50% { background-position: 100% 50% }

    to { background-position: 0 50% }
}

@-webkit-keyframes live {
    0% { transform: scale(1) }

    to { transform: scale(3.5); background-color: rgba(255, 0, 0, 0) }
}

@keyframes live {
    0% { transform: scale(1) }

    to { transform: scale(3.5); background-color: rgba(255, 0, 0, 0) }
}

@-webkit-keyframes pulse-red {
    0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, .7) }

    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0) }

    to { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0) }
}

@keyframes pulse-red {
    0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, .7) }

    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0) }

    to { transform: scale(.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0) }
}

@-webkit-keyframes pulse {
    0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, .7) }

    70% { transform: scale(1); box-shadow: 0 0 0 10px transparent }

    to { transform: scale(.95); box-shadow: 0 0 0 0 transparent }
}

@keyframes pulse {
    0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, .7) }

    70% { transform: scale(1); box-shadow: 0 0 0 10px transparent }

    to { transform: scale(.95); box-shadow: 0 0 0 0 transparent }
}

@-webkit-keyframes button-loading-spinner {
    0% { transform: rotate(0deg) }

    to { transform: rotate(1turn) }
}

@keyframes button-loading-spinner {
    0% { transform: rotate(0deg) }

    to { transform: rotate(1turn) }
}

#go_top_control { position: fixed; bottom: 100px; right: 5px; opacity: 1; cursor: pointer; z-index: 9999999; display: none; background-color: #fff; text-align: center; border: 1px solid var(--color-primary) }

#go_top_control .go_top_icon { color: var(--color-primary); height: 40px; width: 40px; font-size: 22px; padding-top: 7px }

@media (max-width:767px) {
    #go_top_control { bottom: 10px }
}

#subscribe { padding: 30px 0; position: relative; background: var(--color-secondary); background-position-y: 100%; background-size: cover; background-attachment: fixed }

#subscribe .btn-subcribe { background: var(--color-primary); min-width: 150px; border: 1px solid var(--color-primary) }

#subscribe .btn-subcribe:hover { outline: none; border: none }

#subscribe .subcribe-content { text-align: center }

@media screen and (max-width:767px) {
    #subscribe .subcribe-content { margin-top: 15px }
}

#subscribe .icon-box-wrapper { display: flex; text-align: left; flex-direction: row; align-items: center }

#subscribe .icon-box-wrapper .icon-box-content { flex-grow: 1 }

#subscribe .icon-box-wrapper .icon-box-content .icon-box-title { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 0 }

@media screen and (max-width:767px) {
    #subscribe .icon-box-wrapper .icon-box-content .icon-box-title { font-size: 16px }
}

#subscribe .icon-box-wrapper .icon-box-icon { display: inline-flex; flex: 0 0 auto }

#subscribe .icon-box-wrapper .icon-box-icon .elementor-icon { color: #fff; margin-right: 15px }

#call-to-action { padding: 30px 0; position: relative; background: var(--color-primary); background-position-y: 100%; background-size: cover; background-attachment: fixed }

#call-to-action .action-col-right { justify-content: flex-end; flex: 1 }

#call-to-action .btn-action { background: var(--color-secondary); min-width: 150px; border: 1px solid var(--color-secondary); font-weight: 700 }

#call-to-action .btn-action:hover { background: #717171; border: 1px solid #717171 }

#call-to-action .action-content-right { display: flex; align-items: center }

#call-to-action .action-content-right .main-title { margin-right: 10px }

#call-to-action .main-title { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 0 }

@media screen and (max-width:767px) {
    #call-to-action .main-title { font-size: 16px }
}

#call-to-action .icon-box-wrapper { display: flex; text-align: left; flex-direction: row; align-items: center }

#call-to-action .icon-box-wrapper .icon-box-content { flex-grow: 1 }

#call-to-action .icon-box-wrapper .icon-box-content .icon-box-title { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 0 }

@media screen and (max-width:767px) {
    #call-to-action .icon-box-wrapper .icon-box-content .icon-box-title { font-size: 16px }
}

#call-to-action .icon-box-wrapper .icon-box-icon { display: inline-flex; flex: 0 0 auto }

#call-to-action .icon-box-wrapper .icon-box-icon .elementor-icon { color: #fff; margin-right: 15px }

@media screen and (max-width:480px) {
    #call-to-action .action-col-left { flex: 0 0 100%; max-width: 100% }

    #call-to-action .action-col-right { justify-content: center }

    #call-to-action .action-col-right .btn-action { margin-top: 15px }
}

.elementor-icon { display: inline-block; line-height: 1; transition: all .3s; color: #818a91; font-size: 50px; text-align: center }

.subcribe-section .section-title { text-transform: uppercase; font-weight: 700; margin: 15px 0 20px; font-size: 22px; text-align: center }

.subcribe-section .widget { padding: 65px 15px 15px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1), 0 5px 10px 2px rgba(0, 0, 0, .1), 0 5px 5px -5px rgba(0, 0, 0, .1); border: 1px solid silver; min-height: 530px; position: relative; min-width: 320px }

.subcribe-section .widget .widget-title { height: 50px; display: flex; align-items: center; font-size: 22px; font-weight: 500; position: absolute; top: 0; left: 0; width: 100%; background: #eee; color: #fff }

.subcribe-section .widget .widget-title i { width: 50px; height: 50px; line-height: 50px; text-align: center }

.subcribe-section .widget.facebook-widget .widget-title { background: #3b5998 }

.subcribe-section .widget.youtube-widget .widget-title { background: #c4302b }

.subcribe-section .widget.youtube-widget .youtube-content-inner-block .youtube-widget-info .youtube-widget-video-title { margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: 700 }

.subcribe-section .widget.youtube-widget .youtube-content-inner-block .others-video ul li { padding-bottom: 5px; padding-top: 5px; display: block; border-bottom: 1px dotted silver }

.subcribe-section .widget.youtube-widget .youtube-content-inner-block .others-video ul li a { text-decoration: none; font-size: 15px; color: #343434 }

.subcribe-section .widget.tiktok-widget .widget-title { background: #000 }

.subcribe-section .widget.tiktok-widget .widget-content-inner { margin-top: -18px }

.subcribe-section .widget.zalo-widget .widget-title { background: #028fe3 }

.subcribe-section .widget .widget-content-inner { height: 100% }

.subcribe-section .widget .youtube-subscribe { margin-bottom: 10px }

.subcribe-section .widget .youtube-content-inner-block { max-height: 384px; overflow: auto }

.g-translate { padding: 5px; max-width: 260px; margin: 0 auto }

.eo__dropdown__menu li { position: relative; line-height: 23px !important; padding: 3px 10px !important; margin: 0; font-weight: 500; letter-spacing: .1em; font-size: 15px }

.eo__languages .language { font-size: 15px }

.eo__languages .flag { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 5px }

.eo__languages .language__flag--vi { background-image: url(https://static.mediacdn.vn/reatimes/dothi/images/flags/4x3/vn.svg) !important; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 50%; width: 32px; height: 32px }

.eo__dropdown__activator { padding: 0 !important }

footer .eo__dropdown__menu { top: auto; bottom: 100% }

.table-content { margin-top: 20px }

.table-content table thead th { background-color: #cdeaf7; border-bottom: 0 }

.table-content table td,
.table-content table th { padding: 11px; vertical-align: middle }

.table-content.table-content-fixed td,
.table-content.table-content-fixed th { min-width: auto; max-width: 180px }

.table-content.table-content-fixed td input { width: 100px }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }

@media (max-width:768px) {

    .table-content.table-content-fixed table,
    .table-content.table-content-fixed tbody,
    .table-content.table-content-fixed td,
    .table-content.table-content-fixed th,
    .table-content.table-content-fixed thead,
    .table-content.table-content-fixed tr { display: block; max-width: 100%; text-align: right }

    .table-content.table-content-fixed td { display: flex; align-items: center }

    .table-content.table-content-fixed td div { flex: 1; padding: 0 16px; text-align: right }

    .table-content.table-content-fixed td input { margin-left: auto }

    .table-content.table-content-fixed td,
    .table-content.table-content-fixed tr { padding: 0; text-align: left !important }

    .table-content.table-content-fixed td,
    .table-content.table-content-fixed th { border-color: #f5f5f5 }

    .table-content.table-content-fixed thead { position: absolute; left: -9999px; overflow: hidden; width: 0; height: 0 }

    .table-content.table-content-fixed tbody tr td:before { min-width: 130px; font-weight: 700; text-align: left; background-color: #cdeaf7; padding: 19px 16px; content: attr(data-title) }

    .table-content.table-content-fixed tbody tr:not(:last-child) { border-bottom: 5px solid #fff }
}

.widget-newsletter.type-vertical { padding: 15px; background: #f7f7f7; border-radius: 8px; box-shadow: -5px 6px var(--color-primary); border: 1px solid var(--color-primary) }

.widget-newsletter.type-vertical .widget-title { text-align: center; margin-bottom: 15px }

.widget-newsletter.type-vertical .widget-title .main-title { text-transform: none }

.widget-newsletter.type-vertical .widget-description { text-align: center; font-size: 16px; font-family: var(--primary-font); font-weight: 400 }

.widget-newsletter.type-vertical .form-fields .input-group-text { border-right: 0; background-color: #fff; color: #a5a5a5 }

.widget-newsletter.type-vertical .form-fields input { border-left: 0; border-color: #ced4da }

.widget-newsletter.type-horizontal { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; width: auto; padding: 65px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 0 !important; align-items: center }

.widget-newsletter.type-horizontal > div { width: 100%; padding-left: 15px; padding-right: 15px }

@media screen and (min-width:767px) {
    .widget-newsletter.type-horizontal > div { flex: 0 0 50%; max-width: 50% }
}

.widget-newsletter.type-horizontal .widget-title { text-align: left }

@media screen and (min-width:767px) {
    .widget-newsletter.type-horizontal .widget-title { margin-bottom: 0 }
}

.widget-newsletter.type-horizontal .widget-title .main-title { text-transform: none; margin-bottom: 5px !important }

.widget-newsletter.type-horizontal .widget-description { text-align: justify; font-size: 16px; font-family: var(--primary-font); font-weight: 400; margin-bottom: 0 !important; color: #000 }

.widget-newsletter.type-horizontal .form-fields { display: flex; flex-flow: row nowrap }

.widget-newsletter.type-horizontal .form-fields .input-group { margin-bottom: 0 !important }

.widget-newsletter.type-horizontal .form-fields .input-group-text { border-right: 0; background-color: #fff; color: #a5a5a5 }

.widget-newsletter.type-horizontal .form-fields input { border-left: 0; border-color: #ced4da; border-radius: 0; height: 50px }

.widget-newsletter.type-horizontal .form-fields button { border-top-left-radius: 0; border-bottom-left-radius: 0; white-space: nowrap; width: auto }

.widget-newsletter .btn-loading { border: 1px solid #c4cdd5; color: transparent !important; cursor: default; position: relative; text-shadow: none; transition: border-color .2s ease-out }

.widget-newsletter .btn-loading:before { -webkit-animation: button-loading-spinner 1s linear infinite; animation: button-loading-spinner 1s linear infinite; border: 3px solid; border-color: #fff #fff transparent; border-radius: 50%; content: ""; height: 18px; left: 50%; margin-left: -9px; margin-top: -9px; position: absolute; top: 50%; width: 18px }

.widget-newsletter .btn-loading:active,
.widget-newsletter .btn-loading:focus,
.widget-newsletter .btn-loading:hover { color: transparent }

.ps-popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99999; visibility: hidden; opacity: 0; transition: all .4s ease; background-color: rgba(0, 0, 0, .5); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center }

.ps-popup__content { position: relative; max-width: 960px; width: 100%; transition: tranform .4s ease; background-color: #fff }

.ps-popup__content.bg--cover { background-position: 50% 50% !important; background-size: cover !important }

.ps-popup__content.bg--cover.has-content:after { background: linear-gradient(90deg, #fff, rgba(3, 94, 97, .4) calc(100% - 300px), rgba(25, 28, 32, 0)); content: ""; height: 100%; position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0 }

@media (max-width:480px) {
    .ps-popup__content.bg--cover.has-content:after { background: linear-gradient(90deg, #fff, rgba(3, 94, 97, .4) 100%, rgba(25, 28, 32, 0)) }
}

.ps-popup__content.bg--cover.has-content .popup-text { display: inline-block; padding: 60px 50px }

.ps-popup__content.bg--cover .popup-link { height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: 2 }

.ps-popup__content .popup-content-inner { min-height: 300px; position: relative; z-index: 1 }

@media (max-width:480px) {
    .ps-popup__content .popup-content-inner .row { gap: 10px }

    .ps-popup__content .popup-content-inner .col { flex: 0 0 100% }

    .ps-popup__content .popup-content-inner .col .popup-text { padding: 15px }
}

.ps-popup__content .popup-content-inner .col img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover }

.ps-popup__content .popup-content-inner .popup-text { position: relative; z-index: 3; display: block; padding: 40px 0; height: 100% }

.ps-popup__content .popup-content-inner .main-btn { line-height: 35px; padding: 0 20px; margin-top: 15px }

.ps-popup__content .popup-content-inner .widget-newsletter { background: none; border: none; box-shadow: none; margin: 0 !important }

.ps-popup__close { display: inline-block; position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; background-color: var(--color-primary); border: none; z-index: 3 }

.ps-popup__close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #fff }

.ps-popup__close:hover { background-color: var(--color-secondary) }

.ps-popup.active { visibility: visible; opacity: 1; transition-delay: .5s }

@media (max-width:576px) {
    .ps-popup { padding: 100px 30px 20px }

    .ps-popup .ps-popup__content { position: relative; top: 0; left: 0; max-width: 800px; margin: 0 auto }

    .ps-popup.active .ps-popup__content { transform: translate(0) }
}

@media (max-width:480px) {
    .ps-popup { padding-top: 50px; padding-left: 20px; padding-right: 20px }
}

.footer_main { border-top: 8px solid #e0e0e0 }

.footer-body,
.footer_main { background-color: var(--color-primary) }

.footer-body { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; padding: 15px 0 }

.footer-body p { margin-bottom: .5rem }

.footer-body a { color: #3a3a3a }

.footer-body .footer-row { padding: 14px 0 16px }

@media (max-width:767px) {
    .footer-body .footer-row { padding: 14px 0 0 }
}

.footer-row-info { padding-bottom: 10px }

.footer-row-copyright .copyright-info { color: #fff; font-size: 13px; padding-top: 20px }

@media screen and (max-width:767px) {
    .footer-row-copyright .copyright-info { text-align: center }
}

.link-info { float: right }

.footer_top_1 .menus { text-align: left; padding: 0; list-style: none }

.footer_top_1 .menus li > a { margin-bottom: 10px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }

.link-info a { display: block; float: left; font-size: 13px; margin-left: 30px; padding: 5px 13px; border: 1px solid #fff; margin-top: 11px; color: #fff }

@media screen and (max-width:767px) {
    .link-info a { width: 50%; margin-left: 0; text-align: center }

    .link-info a:nth-child(3) { width: 100% }
}

@media screen and (max-width:767px) {
    .link-info { float: none }
}

.group.line-break { border-bottom: 2px solid #125a88 }

.logo-footer-block { white-space: nowrap; text-align: center; height: 200px }

@media (max-width:767px) {
    .logo-footer-block { height: auto }
}

.logo-footer { display: block }

@media (max-width:767px) {
    .logo-footer { margin-bottom: 15px }
}

.logo-footer img { max-width: 100%; max-height: 195px; vertical-align: middle; padding: 0 0 10px }

.logo-helper { display: inline-block; height: 100%; vertical-align: middle }

.ndt-logo { text-align: left }

.ndt-logo,
.ndt-logo img { display: block; margin: 0 auto }

.ndt-logo img { max-width: 100%; max-height: 130px; text-align: center }

.ul-inline.group-links { background-color: #2888cb; padding: 0 8px; margin-right: 0; margin-left: 10px }

.ul-inline.group-links.user-account { padding: 0 11px }

.ul-inline.group-links.user-account > li a { padding: 9px 0 }

.ul-inline.group-links > li > a { color: #fff; padding: 5px 0 }

.footer_bottom * { line-height: 20px }

.list_a_bottom { text-align: center }

.list_a_bottom a { color: #000; margin-right: 15px; padding-right: 15px; border-right: 1px solid #fff; line-height: 14px; display: inline-block }

.list_a_bottom a * { line-height: 14px }

.mb20 { margin-bottom: 20px }

footer.footer { border-top: 5px solid #eee }

footer.footer-type-2 .menu_footer { background-color: #fff }

footer.footer-type-2 .menu_footer .menus > li > a { font-weight: 400; font-size: 14px; color: var(--color-secondary); text-transform: uppercase; font-family: var(--primary-font); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block }

footer.footer-type-2 .menu_footer .menus > li > a:before { width: 5px; height: 15px; margin-right: 6px; display: inline-block; background-color: var(--color-secondary) }

@media screen and (max-width:480px) {
    footer.footer-type-2 .menu_footer .menus > li > a { font-size: 10px }

    footer.footer-type-2 .menu_footer .menus > li > a:before { width: 3px; height: 10px; margin-right: 3px }
}

footer.footer-type-2 .menu_footer .menus > li .sub-menu { font-size: 14px; padding: 3px 0 }

footer.footer-type-2 .menu_footer .menus li a:hover { color: var(--color-primary) }

footer.footer-type-2 .menu_footer .line-bar-footer { width: 100%; height: 20px; background-color: #eee }

footer.footer-type-2 .menu_footer .menus { padding: 15px 0; list-style: none }

footer.footer-type-2 .menu_footer .menus > li > ul { margin-bottom: 5px }

footer.footer-type-2 .footer-body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #fff; padding: 0; color: #3a3a3a }

footer.footer-type-2 .footer-body a { color: #3a3a3a }

footer.footer-type-2 .footer_top_1 { border-bottom: 1px solid var(--color-primary); display: block; width: 100%; float: left; padding: 20px 0 }

footer.footer-type-2 .footer_top_1 .contact-partner p { margin-bottom: 2px }

footer.footer-type-2 .footer_top_1 p { margin-bottom: 3px }

footer.footer-type-2 .footer_top_1 a:hover { color: var(--color-primary) }

@media screen and (max-width:991px) {
    footer.footer-type-2 .footer_top_1 { text-align: center }
}

footer.footer-type-2 .footer_bottom { padding: 15px; text-align: center }

footer.footer-type-2 .footer_bottom p { margin-bottom: 0 }

footer.footer-type-2 .footer_bottom a { font-size: 13px; font-family: var(--primary-font) }

footer.footer-type-2 .footer_bottom a:hover { color: var(--color-primary) }

footer.footer-type-4 .footer-social { margin: 32px 0 0 }

footer.footer-type-4 .footer-social .social_icons { margin-top: 10px }

footer.footer-type-4 .footer-social .social_icons [class*=sc_] { color: #828282 !important; background: none !important }

footer.footer-type-4 .footer-social .social_icons li a { font-size: 18px }

footer.footer-type-4 .footer-social .social_icons li a.rss { width: auto; margin-left: 10px; font-size: 16px }

footer.footer-type-4 .footer-menu > li { margin-bottom: 32px }

footer.footer-type-4 .footer-menu > li > a { display: block; font-size: 12px; font-weight: 600; line-height: 20px !important; color: #292929; margin: 0 0 10px; font-weight: 700 }

footer.footer-type-4 .footer-menu .sub-menu li { margin: 0 0 8px; line-height: 16px }

footer.footer-type-4 .footer-menu .sub-menu li a { position: relative; display: block; font-size: 12px; line-height: 16px; letter-spacing: .08px; text-decoration: none; color: #292929 }

footer.footer-type-4 .footer-body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #f7f5f2; padding: 0; color: #3a3a3a }

footer.footer-type-4 .footer-body a { color: #3a3a3a }

footer.footer-type-4 .footer_top_1 { padding: 30px 0 20px }

footer.footer-type-4 .footer_top_1 p { margin-bottom: 3px }

footer.footer-type-4 .footer_top_1 a:hover { color: var(--color-primary) }

@media screen and (max-width:991px) {
    footer.footer-type-4 .footer_top_1 { text-align: left }
}

footer.footer-type-4 .footer_bottom { padding: 15px; text-align: center; border-top: 1px solid #ddd }

footer.footer-type-4 .footer_bottom p { text-transform: uppercase; margin-bottom: 0 }

footer.footer-type-4 .footer_bottom a { font-size: 13px; font-family: var(--primary-font) }

footer.footer-type-4 .footer_bottom a:hover { color: var(--color-primary) }

footer.footer-type-5 .footer-menu { padding: 30px 0; background: var(--footer-bg-secondary-color, #222); border: 1px solid var(--footer-text-color, #fff); border-width: 1px 0 }

@media (min-width:992px) {
    footer.footer-type-5 .footer-menu .col-lg-3 { flex: 0 0 25%; max-width: 25% }
}

footer.footer-type-5 .footer-menu .menus > li > a { font-weight: 400; font-size: 14px; color: var(--footer-text-color, #fff); text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; padding-bottom: 5px }

@media screen and (max-width:480px) {
    footer.footer-type-5 .footer-menu .menus > li > a { font-size: 12px }

    footer.footer-type-5 .footer-menu .menus > li > a:before { width: 3px; height: 10px; margin-right: 3px }
}

footer.footer-type-5 .footer-menu .menus > li.has-sub-menu > a { border-bottom: 1px solid #ccc }

footer.footer-type-5 .footer-menu .menus > li .sub-menu { font-size: 14px; padding: 3px 0; margin-top: 10px }

footer.footer-type-5 .footer-menu .menus > li .sub-menu li { margin-bottom: 5px }

footer.footer-type-5 .footer-menu .menus > li .sub-menu li > a { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px }

footer.footer-type-5 .footer-menu .menus li a:hover { color: var(--color-primary) }

footer.footer-type-5 .footer-menu .line-bar-footer { width: 100%; height: 20px; background-color: #eee }

footer.footer-type-5 .footer-menu .menus { padding: 15px 0 }

footer.footer-type-5 .footer-menu .menus > li > ul { margin-bottom: 5px }

@media screen and (max-width:768px) {
    footer.footer-type-5 .footer-menu { display: none }
}

footer.footer-type-5 .footer-main { background: var(--footer-bg-color, #333); font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 20px 0 }

footer.footer-type-5 .footer-main .footer-description * { word-wrap: break-word; color: var(--footer-text-color, #fff) }

@media screen and (max-width:767px) {
    footer.footer-type-5 .footer-main { text-align: center }
}

footer.footer-type-5 .footer-top { background: var(--copyright-bg-color, #2b2b2b); border-top: 1px solid #fff; padding: 0; font-size: 14px; line-height: 24px }

footer.footer-type-5 .footer-copyright { padding: 15px; text-align: center; background: var(--copyright-bg-color, #2b2b2b) }

footer.footer-type-5 .footer-copyright p { margin-bottom: 0 }

footer.footer-type-5 .footer-copyright a,
footer.footer-type-5 .footer-copyright p { font-size: 13px; color: var(--copyright-text-color, #d1d1d1) }

footer.footer-type-5 .footer-copyright a:hover { color: var(--color-primary) }

footer.footer-type-6 { border-top: 4px solid var(--color-primary) }

footer.footer-type-6 .footer-menu { padding: 20px 0 }

footer.footer-type-6 .footer-menu .menus { display: flex; padding: 0 }

footer.footer-type-6 .footer-menu .menus > li > a { padding: 0 }

@media screen and (max-width:768px) {
    footer.footer-type-6 .footer-menu { display: block; text-align: center }

    footer.footer-type-6 .footer-menu .menus { justify-content: center }

    footer.footer-type-6 .footer-menu .menus > li { flex: 0 0 50%; margin-bottom: 5px }
}

footer.footer-type-6 .footer-main .footer-right { text-align: right }

@media screen and (max-width:768px) {
    footer.footer-type-6 .footer-main .footer-right { text-align: center }
}

footer.footer-type-7 { border-top: 5px solid #eee }

footer.footer-type-7 a { color: var(--color-secondary) }

footer.footer-type-7 .office { margin-bottom: 10px }

footer.footer-type-7 .footer-bottom,
footer.footer-type-7 .footer-top { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee }

footer.footer-type-7 .footer-bottom { background-color: #f1f3f6 }

footer.footer-type-7 .footer-content { display: flex; flex-flow: row nowrap; justify-content: space-between }

@media screen and (max-width:960px) {
    footer.footer-type-7 .footer-content { flex-wrap: wrap }

    footer.footer-type-7 .footer-content .widget:first-child { width: 100% }

    footer.footer-type-7 .footer-content .widget { width: auto }

    footer.footer-type-7 .footer-content .list-image-links { -moz-column-count: 2; column-count: 2; -webkit-columns: 2; -moz-columns: 2 }
}

@media screen and (max-width:480px) {
    footer.footer-type-7 .footer-content .widget { width: 100% }
}

footer.footer-type-7 .widget-content,
footer.footer-type-7 .widget-title { padding: 0 15px }

@media screen and (max-width:480px) {

    footer.footer-type-7 .widget-content,
    footer.footer-type-7 .widget-title { padding: 0 }
}

footer.footer-type-7 .widget-title { min-height: 23px; font-size: 16px; text-transform: uppercase }

footer.footer-type-7 .widget-content { font-size: 14px }

footer.footer-type-7 .widget-content p { margin-bottom: 5px }

footer.footer-type-7 .ps-list--link li { display: block; margin-bottom: 5px }

footer.footer-type-7 .ps-list--link li a { color: var(--color-secondary) }

footer.footer-type-7 .footer-links li { margin-bottom: 5px }

footer.footer-type-7 .list-download-app li { width: 120px; display: inline-block; margin-right: 8px }

footer.footer-type-7 .social_icons { margin-top: 0 }

footer.footer-type-7 .social_icons li a { height: 30px; width: 30px; line-height: 30px; font-size: 18px; border-radius: 50% }

footer.footer-type-7 .social_icons [class*=sc_] i { font-size: 16px; line-height: 30px }

footer.footer-type-7 .footer-copyright { font-size: 13px; margin: 10px 15px; text-align: center }

footer.footer-type-7 .footer-copyright ul { margin-bottom: 7px; flex-wrap: wrap }

@media screen and (min-width:768px) {
    footer.footer-type-7 .footer-copyright ul li { padding-right: 20px; margin-right: 20px; border-right: 1px solid #2b2b2b }
}

footer.footer-type-7 .footer-copyright p { text-align: center; margin-bottom: 7px }

footer.footer-type-8 .footer-body { font-size: 14px; background-color: #f7f5f2; padding: 0; color: #777 }

footer.footer-type-8 .footer-top { padding: 40px 0 }

footer.footer-type-8 .footer-bottom { padding: 20px 0 }

footer.footer-type-8 .social { margin-bottom: 30px; margin-top: 30px }

footer.footer-type-8 .social .social_icons.style_colored li > a { background: #333; border: #333 }

footer.footer-type-8 .wn-nav { margin-bottom: -10px }

footer.footer-type-8 .wn-nav > li { flex: auto; margin-bottom: 10px }

@media screen and (max-width:480px) {
    footer.footer-type-8 .wn-nav > li { flex: 1 1 50% }
}

footer.footer-type-8 .wn-nav > li > a { color: #888; font-size: .9rem; font-weight: 400; line-height: 1; text-transform: uppercase; font-family: var(--menu-font); justify-content: center }

footer.footer-type-9 .footer-menu { background: var(--footer-bg-secondary-color, #222); padding: 37px 0 0 }

footer.footer-type-9 .footer-menu .menus { align-items: flex-start }

footer.footer-type-9 .footer-menu .menus li a { font-family: var(--menu-font); font-size: 16px; color: #252525; margin: 0 0 7px }

footer.footer-type-9 .footer-menu .menus > li { margin-bottom: 30px; text-align: left }

footer.footer-type-9 .footer-menu .menus > li > a { font-family: var(--menu-font); text-transform: uppercase; font-weight: 600; margin: 0 0 10px; display: block }

footer.footer-type-9 .footer-main { background: var(--footer-bg-color, #222); padding: 30px 0 15px; font-size: 13px; color: var(--footer-text-color, #fff) }

footer.footer-type-9 .footer-main .footer-description p { margin-bottom: 5px }

footer.footer-type-9 .footer-copyright { background: var(--copyright-bg-color, #222) }

footer.footer-type-9 .footer-copyright a,
footer.footer-type-9 .footer-copyright p,
footer.footer-type-9 .footer-copyright span { font-size: 12px; color: var(--copyright-text-color, #d1d1d1); padding: 13px }

@media screen and (max-width:480px) {

    footer.footer-type-9 .footer-copyright a,
    footer.footer-type-9 .footer-copyright p,
    footer.footer-type-9 .footer-copyright span { text-align: center }
}

footer.footer-type-10 { border-top: 5px solid #eee }

footer.footer-type-10 a { color: var(--color-secondary) }

footer.footer-type-10 .office { margin-bottom: 10px }

footer.footer-type-10 .footer-bottom,
footer.footer-type-10 .footer-top { padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee }

footer.footer-type-10 .footer-bottom { background-color: #f1f3f6 }

footer.footer-type-10 .footer-content { display: flex; flex-flow: row nowrap; justify-content: space-between }

@media screen and (max-width:960px) {
    footer.footer-type-10 .footer-content { flex-wrap: wrap }

    footer.footer-type-10 .footer-content > div:first-child { width: 100% }

    footer.footer-type-10 .footer-content > div { width: auto }

    footer.footer-type-10 .footer-content .list-image-links { -moz-column-count: 2; column-count: 2; -webkit-columns: 2; -moz-columns: 2 }
}

@media screen and (max-width:480px) {

    footer.footer-type-10 .footer-content > div:first-child,
    footer.footer-type-10 .footer-content > div:last-child { width: 100%; flex-basis: auto }
}

footer.footer-type-10 .widget-title { min-height: 23px; font-size: 16px; text-transform: uppercase; margin-top: 0 !important }

footer.footer-type-10 .widget-content p { margin-bottom: 5px }

footer.footer-type-10 .ps-list--link li { display: block; margin-bottom: 5px }

footer.footer-type-10 .ps-list--link li a { color: var(--color-secondary) }

footer.footer-type-10 .footer-links li { margin-bottom: 5px }

footer.footer-type-10 .list-download-app li { width: 120px; display: inline-block; margin-right: 8px }

footer.footer-type-10 .social_icons { margin-top: 0 }

footer.footer-type-10 .social_icons li a { height: 30px; width: 30px; line-height: 30px; font-size: 18px; border-radius: 50% }

footer.footer-type-10 .social_icons [class*=sc_] i { font-size: 16px; line-height: 30px }

footer.footer-type-10 .footer-copyright { font-size: 13px; margin: 10px 15px; text-align: center }

footer.footer-type-10 .footer-copyright ul { margin-bottom: 7px; flex-wrap: wrap }

@media screen and (min-width:768px) {
    footer.footer-type-10 .footer-copyright ul li { padding-right: 20px; margin-right: 20px; border-right: 1px solid #2b2b2b }
}

footer.footer-type-10 .footer-copyright p { text-align: center; margin-bottom: 7px }

footer.footer-type-11 { border-top: none }

footer.footer-type-11 .inner-footer { border-top: 5px solid #e5e5e5; padding: 20px 0; font-size: 14px; margin-top: 15px; display: flex; justify-content: space-between }

footer.footer-type-11 .inner-footer .list-menu-footer:first-of-type { font-weight: 700 }

footer.footer-type-11 .inner-footer .list-menu-footer li { margin-bottom: 15px }

footer.footer-type-11 .inner-footer .list-menu-footer li:border-top { padding-top: 15px }

footer.footer-type-11 .inner-footer .list-menu-footer li a { color: #000 }

@media screen and (max-width:979px) {
    footer.footer-type-11 .inner-footer .list-menu-footer { display: flex; flex-wrap: wrap }

    footer.footer-type-11 .inner-footer .list-menu-footer li { width: 50%; padding-left: 0 }
}

footer.footer-type-11 .inner-footer .col-categories ul li { margin-bottom: 15px; text-align: left }

footer.footer-type-11 .inner-footer .col-categories ul li a { color: #222; position: relative; font-weight: 400; text-transform: none }

footer.footer-type-11 .inner-footer .col-categories ul li a:hover:before { content: ""; width: 100%; height: 1px; background: #222; position: absolute; left: 0; bottom: -1px }

footer.footer-type-11 .wrap-contact { width: 250px; position: relative; line-height: 120% }

footer.footer-type-11 .wrap-contact:before { content: ""; width: 1px; height: 100%; position: absolute; left: -15px; background: #e5e5e5 }

footer.footer-type-11 .wrap-contact .contact { line-height: 120% }

footer.footer-type-11 .wrap-contact .contact p { margin-bottom: 6px; color: #757575 }

footer.footer-type-11 .wrap-contact .contact .mail { margin-bottom: 8px; margin-right: 10px }

footer.footer-type-11 .wrap-contact .contact .ads,
footer.footer-type-11 .wrap-contact .contact .mail { width: 120px; float: left; border-radius: 3px; height: 20px; line-height: 20px; display: block; text-align: left; color: #222 }

footer.footer-type-11 .wrap-contact .hotline { padding-top: 8px; border-top: 1px solid #e0e0e0; clear: both }

footer.footer-type-11 .wrap-contact .hotline .left strong,
footer.footer-type-11 .wrap-contact .hotline .right strong { font-size: 16px }

footer.footer-type-11 .wrap-contact .hotline .left p,
footer.footer-type-11 .wrap-contact .hotline .right p { margin-top: 5px; font-size: 12px; color: #757575 }

footer.footer-type-11 .wrap-contact .hotline .left { float: left }

footer.footer-type-11 .wrap-contact .hotline .right { float: right }

footer.footer-type-11 .wrap-contact .hotline > p { color: #757575; line-height: 120%; margin-bottom: 10px }

footer.footer-type-11 .copyright { color: #757575; font-size: 14px; line-height: 120%; padding: 10px 0; border-top: 1px solid #e0e0e0; display: flex; align-items: center }

footer.footer-type-11 .copyright .footer-links li { display: inline-block; margin-left: 10px }

footer.footer-type-11 .copyright .footer-links li a { color: #757575 }

footer.footer-type-11 .copyright .footer-links li:not(:first-child) { padding-left: 10px; border-left: 1px solid #e5e5e5 }

footer.footer-type-11 .copyright .right { margin-left: auto }

footer.footer-type-11 .copyright .txt-follow { margin-left: 10px; padding-left: 10px; border-left: 1px solid #e5e5e5; margin-right: 10px }

@media screen and (max-width:979px) {
    footer.footer-type-11 .copyright .txt-follow { margin-left: 0; padding-left: 0; border-left: none }
}

footer.footer-type-11 .copyright .social_icons li a { color: #757575 }

footer.footer-type-11 .copyright .logo-footer img { padding: 0 }

@media screen and (max-width:979px) {
    footer.footer-type-11 .copyright { flex-wrap: wrap }

    footer.footer-type-11 .copyright .logo-footer { width: 100%; text-align: center }

    footer.footer-type-11 .copyright .right { justify-content: center; width: 100%; margin-top: 15px; flex-wrap: wrap }

    footer.footer-type-11 .copyright .right .footer-links { width: 100%; text-align: center }
}

footer.footer-type-11 .copyright-footer p { width: 30%; padding-right: 30px; font-size: 14px; line-height: 20px }

footer.footer-type-11 .copyright-footer p:nth-child(2) { width: 40% }

footer.footer-type-11 .copyright-footer p:last-of-type { padding-right: 0 }

@media screen and (max-width:979px) {
    footer.footer-type-11 .copyright-footer { flex-wrap: wrap; text-align: center }

    footer.footer-type-11 .copyright-footer p { width: 100% !important; padding-right: 0 }
}

footer.footer-type-12 .footer-menu { padding: 20px 0 }

footer.footer-type-12 .footer-menu .menus { display: flex; padding: 0 }

footer.footer-type-12 .footer-menu .menus > li > a { padding-bottom: 0 }

@media screen and (max-width:768px) {
    footer.footer-type-12 .footer-menu { display: block; text-align: center }
}

footer.footer-type-12 .footer-copyright { padding: 15px 0 }

@media screen and (min-width:767px) {
    footer.footer-type-12 .footer-copyright { padding: 0 }
}

footer.footer-type-12 .footer-copyright p { font-size: 13px; margin-bottom: 0; color: var(--copyright-text-color, #d1d1d1) }

footer.footer-type-12 .menu-footer-horizontal li { border: none; position: relative }

footer.footer-type-12 .menu-footer-horizontal li:not(:last-child) > a:before { content: ""; width: 1px; height: 24px; background: hsla(0, 0%, 100%, .35); position: absolute; right: 0 }

footer .widget_nav_menu { box-shadow: none !important }

footer .widget_nav_menu .widget-title { padding: 0 }

footer .widget_nav_menu .menu-item .toggle-icon { display: none }

footer .widget_nav_menu .menu-item a { min-height: auto; text-transform: none; font-size: 16px; padding: 0 !important }

footer .widget_nav_menu .menu-item a:hover { background-color: transparent !important; color: var(--color-primary) }

.menu-footer-horizontal { position: relative; flex: 1 1 0%; display: flex; flex-wrap: nowrap }

.menu-footer-horizontal li { padding: 10px 15px; border-right: 1px solid var(--footer-bg-color, #000); border-left: 1px solid var(--footer-bg-secondary-color, #4b4b4b) }

.menu-footer-horizontal li:hover { background: #333 }

.menu-footer-horizontal li a { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 15px }

.menu-footer-horizontal li a:hover { text-decoration: underline !important }

.menu-footer-horizontal li:first-child { border-left: none }

.menu-footer-horizontal li.fr { margin-left: auto; border: none }

@media screen and (max-width:480px) {
    .menu-footer-horizontal { flex-wrap: nowrap; overflow-x: scroll; white-space: nowrap; padding: 10px 10px 10px 0 }

    .menu-footer-horizontal li { padding: 5px 10px; text-align: center; border-left: none }

    .menu-footer-horizontal li.link-home { display: none }

    .menu-footer-horizontal li:last-child { border-right: none !important }

    .menu-footer-horizontal li.fr { flex: 0 0 50%; max-width: 50%; text-align: center }

    .menu-footer-horizontal li a { font-size: 12px }
}

.wn-nav { display: inline-flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; text-align: left; height: 100%; align-items: center }

.wn-nav > li { position: relative; text-align: center; flex: 1; padding-right: 10px; padding-left: 10px }

.wn-nav > li > a { position: relative; display: flex; align-items: center; flex-direction: row; font-weight: 600; font-size: 13px; line-height: 1.2; text-transform: uppercase; color: #fff; padding-bottom: 0 }

.icon_social { text-align: center }

.icon_social a { margin: 0 10px }

.f12 { font-size: 12px !important; line-height: 16px }

.social_icons { margin: calc(var(--gap, 0)*-1); padding: 0 }

.social_icons li { display: inline-block; padding: var(--gap, 0) }

.social_icons li a { font-size: 15px; color: #000; height: 24px; width: 24px; line-height: 24px; display: inline-block; text-align: center; vertical-align: middle; overflow: hidden }

.social_icons.size_medium li a { width: 32px; height: 32px; line-height: 32px; font-size: 18px }

.social_icons.size_medium.style_default li a { font-size: 32px }

.social_icons.size_medium.shape_circle li a,
.social_icons.size_medium.shape_square li a { font-size: 18px }

.social_icons.size_large li a { width: 40px; height: 40px; line-height: 40px; font-size: 20px }

.social_icons.size_large.style_default li a { font-size: 40px }

.social_icons.size_large.shape_circle li a,
.social_icons.size_large.shape_square li a { font-size: 20px }

.social_icons.shape_none .fa-facebook-f:before { content: "\F09A" }

.social_icons.shape_none li a { line-height: 1; width: auto; height: auto }

.social_icons.shape_circle li a { border-radius: 50% }

.social_icons.shape_rounded li a { border-radius: .25em }

.social_icons.color_brand .sc_facebook { color: #0866ff }

.social_icons.color_brand .sc_twitter { color: #00acee }

.social_icons.color_brand .sc_google { color: #d34836 }

.social_icons.color_brand .sc_zalo { color: #018fe5 }

.social_icons.color_brand .sc_youtube { color: red }

.social_icons.color_brand .sc_instagram { color: #d6249f }

.social_icons.color_brand .sc_pinterest { color: #cb2027 }

.social_icons.color_brand .sc_linkedin { color: #0077b7 }

.social_icons.color_brand .sc_tiktok { color: #000 }

.social_icons.color_brand .sc_rss { color: #e67329 }

.social_icons.color_text li a { color: inherit }

.social_icons.style_default.color_text.shape_circle li a:hover,
.social_icons.style_default.color_text.shape_square li a:hover { color: #fff }

.social_icons.style_default.color_text.shape_circle .sc_facebook:hover,
.social_icons.style_default.color_text.shape_square .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998 }

.social_icons.style_default.color_text.shape_circle .sc_twitter:hover,
.social_icons.style_default.color_text.shape_square .sc_twitter:hover { background-color: #00acee; border-color: #00acee }

.social_icons.style_default.color_text.shape_circle .sc_google:hover,
.social_icons.style_default.color_text.shape_square .sc_google:hover { background-color: #d34836; border-color: #d34836 }

.social_icons.style_default.color_text.shape_circle .sc_zalo i,
.social_icons.style_default.color_text.shape_square .sc_zalo i { background: url(/frontend/images/svgs/zalo_wicon.svg) 50% no-repeat; background-size: 13px auto !important; height: 100% }

.social_icons.style_default.color_text.shape_circle .sc_youtube:hover,
.social_icons.style_default.color_text.shape_square .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b }

.social_icons.style_default.color_text.shape_circle .sc_instagram:hover,
.social_icons.style_default.color_text.shape_square .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-color: #d6249f }

.social_icons.style_default.color_text.shape_circle .sc_pinterest:hover,
.social_icons.style_default.color_text.shape_square .sc_pinterest:hover { background-color: #cb2027; border-color: #cb2027 }

.social_icons.style_default.color_text.shape_circle .sc_linkedin:hover,
.social_icons.style_default.color_text.shape_square .sc_linkedin:hover { background-color: #0077b7; border-color: #0077b7 }

.social_icons.style_default.color_text.shape_circle .sc_tiktok:hover,
.social_icons.style_default.color_text.shape_square .sc_tiktok:hover { background-color: #000; border-color: #000 }

.social_icons.style_default.color_text.shape_circle .sc_rss:hover,
.social_icons.style_default.color_text.shape_square .sc_rss:hover { background-color: #e67329; border-color: #e67329 }

.social_icons.style_colored li a { color: #fff !important }

.social_icons.style_colored li a i { color: inherit }

.social_icons.style_colored .sc_facebook,
.social_icons.style_colored .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998 }

.social_icons.style_colored .sc_twitter,
.social_icons.style_colored .sc_twitter:hover { background-color: #00acee; border-color: #00acee }

.social_icons.style_colored .sc_google,
.social_icons.style_colored .sc_google:hover { background-color: #d34836; border-color: #d34836 }

.social_icons.style_colored .sc_zalo { background-color: #018fe5; border-color: #018fe5 }

.social_icons.style_colored .sc_zalo i { background: url(/frontend/images/svgs/zalo_wicon.svg) 50% no-repeat; background-size: 13px auto !important; height: 100% }

.social_icons.style_colored .sc_youtube { background-color: red; border-color: red }

.social_icons.style_colored .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b }

.social_icons.style_colored .sc_instagram,
.social_icons.style_colored .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-color: #d6249f }

.social_icons.style_colored .sc_pinterest,
.social_icons.style_colored .sc_pinterest:hover { background-color: #cb2027; border-color: #cb2027 }

.social_icons.style_colored .sc_linkedin,
.social_icons.style_colored .sc_linkedin:hover { background-color: #0077b7; border-color: #0077b7 }

.social_icons.style_colored .sc_tiktok,
.social_icons.style_colored .sc_tiktok:hover { background-color: #000; border-color: #000 }

.social_icons.style_colored .sc_rss { background-color: #e67329; border-color: #e67329 }

.social_icons.style_outline li a { border: 1px solid #ccc; color: #4d4d4d }

.social_icons.style_outline li a:hover { color: #fff }

.social_icons.style_outline .sc_facebook:hover { background-color: #3b5998; border-color: #3b5998 }

.social_icons.style_outline .sc_twitter:hover { background-color: #00acee; border-color: #00acee }

.social_icons.style_outline .sc_google:hover { background-color: #d34836; border-color: #d34836 }

.social_icons.style_outline .sc_zalo i { background: url(/frontend/images/svgs/zalo_wicon.svg) 50% no-repeat; background-size: 13px auto !important; height: 100% }

.social_icons.style_outline .sc_youtube:hover { background-color: #c4302b; border-color: #c4302b }

.social_icons.style_outline .sc_instagram:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-color: #d6249f }

.social_icons.style_outline .sc_pinterest:hover { background-color: #cb2027; border-color: #cb2027 }

.social_icons.style_outline .sc_linkedin:hover { background-color: #0077b7; border-color: #0077b7 }

.social_icons.style_outline .sc_tiktok:hover { background-color: #000; border-color: #000 }

.social_icons.style_outline .sc_rss:hover { background-color: #e67329; border-color: #e67329 }

.social_icons [class*=sc_] { transition: all .3s ease-in-out }

.social_icons [class*=sc_] i { display: block; line-height: inherit }

@media (max-width:767px) {
    .footer-left { margin-bottom: 20px }
}

.block-partners { background: #f9f9f9; padding: 20px 0 35px; display: block; width: 100% }

@media screen and (max-width:480px) {
    .block-partners { padding: 15px 0 }
}

.block-partners .title-box-category { margin-bottom: 10px }

.block-partners .title-box-category.default { height: auto; border-bottom: none !important }

.block-partners .title-box-category .inner-title { font-family: var(--heading-font); color: var(--color-primary); padding-left: 0 !important }

.block-partners .title-box-category .inner-title:before { content: none !important }

.block-partners .partners-wrapper { overflow: hidden; padding: 15px 0; border-bottom: 2px solid var(--color-primary); border-top: 2px solid var(--color-primary); width: 100% }

.block-partners .list-partners-logo { width: 100%; display: block; margin: 0 }

.block-partners .list-partners-logo .partner { padding: 0 10px }

.block-partners .list-partners-logo .partner > a { display: block; background: #fff; border: 1px solid #eee; position: relative; overflow: hidden; padding-bottom: 66.67% }

.block-partners .list-partners-logo img { max-width: 90%; width: auto !important; -o-object-fit: contain; object-fit: contain; height: 90% !important; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) }

body { background: #fff; font-size: var(--body-font-size, 16px); font-family: var(--primary-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

body.layout_boxed { background: #fff url(/frontend/images/body-bg7.png) }

table { width: 100% }

table th { text-align: left; padding: 2px }

table td,
table th { border: 1px solid #ededed }

table td { padding: 2px 5px }

table td p { padding: 7px 0; margin: 0 }

@media screen and (max-width:767px) {
    table td { padding: 2px; text-align: center }
}

table .odd td { background-color: #fcfcfc }

#wrapper { margin: 0 auto; width: 100%; flex-grow: 1; background: #fff; color: #000 }

#wrapper.type_boxed { max-width: var(--site-content-width, 1140px) }

.slick-arrow:before { color: #000; z-index: 99999 }

.slick-prev { left: 0; display: none }

.slick-next { right: 9px; z-index: 9; background: #fff }

.navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .8) }

.osahan-nav-top .container { padding: 0 16px }

.osahan-nav-top .img-profile { width: 30px; height: 30px }

.osahan-nav-top .osahan-list-dropdown .nav-link i { font-size: 16px }

.osahan-nav-top .osahan-list-dropdown .nav-link .badge { position: absolute; border-radius: 50px; min-width: 15px; height: 15px; font-size: 9px; padding: 0; right: 1px; line-height: 15px; top: 11px }

.osahan-nav-top .nav-link { position: relative; height: 55px; display: flex; align-items: center }

.osahan-nav-top .navbar-search .form-control { background: #132028 }

.osahan-nav-top .navbar-search .btn { background: #132028 !important; color: #74828e }

.dropdown-list { padding: 0; border: none; overflow: hidden; width: 20rem !important }

.dropdown-list .dropdown-item { white-space: normal; padding-top: .5rem; padding-bottom: .5rem; border-left: 1px solid #e3e6f0; border-right: 1px solid #e3e6f0; border-bottom: 1px solid #e3e6f0; line-height: 1.3rem }

.dropdown-list .dropdown-header { background-color: #1d2f38; border: 1px solid #1d2f38; color: #fff; font-weight: 800; font-size: 14px; padding: .8rem 1rem }

.dropdown-list .icon-circle { height: 2.5rem; width: 2.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center }

.box.border { border: 1px solid #fff !important }

.shadow-sm { box-shadow: 0 6px 22px 0 rgba(0, 0, 0, .08) !important }

.osahan-line-tab .nav-link { font-size: 14px; font-weight: 500; padding: 1rem !important; color: #333; position: relative }

.osahan-line-tab .nav-link.active { color: #007bff }

.osahan-line-tab .nav-link.active:after { content: ""; background: linear-gradient(256deg, #00c9e4, #007bff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bff", endColorstr="#00c9e4", GradientType=1); height: 3px; position: absolute; bottom: -2px; left: 0; right: 0 }

.osahan-login .form-control { background: #f8fafc; border-color: #eaebec }

.icon-form-control i { display: flex; top: 0; bottom: 0; align-items: center; font-size: 16px; justify-content: center; width: 40px }

.icon-form-control .form-control { padding-left: 40px }

label { font-weight: 500 }

.custom-control label { line-height: 22px; font-weight: 400 }

.btn-outline-instagram { border-color: #2a5b83; background-color: #2a5b83; color: #fff }

.btn-outline-linkedin { border-color: #187fb9; background-color: #187fb9; color: #fff }

.btn-outline-facebook { border-color: #43619d; background-color: #43619d; color: #fff }

.people-list .font-weight-bold { font-weight: 500 !important; word-break: break-all; overflow: hidden; white-space: nowrap }

.people-list .font-weight-bold div { text-overflow: ellipsis; overflow: hidden }

.people-list .btn-group-sm > .btn,
.people-list .btn-sm { font-size: .8rem }

.job-item-2 .img-fluid,
.job-item-header .img-fluid { width: 40px; height: 40px }

.overlap-rounded-circle { margin-right: 9px; padding-left: 9px }

.overlap-rounded-circle .rounded-circle { width: 22px; height: 22px; border: 2px solid #fff; margin: 0 0 0 -9px }

.image-overlap-2 .img-fluid { width: 75px; height: 75px; border: 4px solid #fff; margin: 0 -12px }

a { text-decoration: none !important }

a,
div { outline: none !important }

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto { padding-right: 8px; padding-left: 8px }

.row { margin-right: -8px; margin-left: -8px }

.osahan-share-post textarea { resize: none }

.text-success { color: #00c9a7 !important }

.text-danger { color: #de4437 !important }

.text-warning { color: #ffc107 !important }

.text-info { color: #00dffc !important }

.bg-success { background-color: #00c9a7 !important }

.bg-danger { background-color: #de4437 !important }

.bg-warning { background-color: #ffc107 !important }

.bg-info { background-color: #00dffc !important }

.badge-success { color: #fff; background-color: #00c9a7 }

.badge-danger { color: #fff; background-color: #de4437 }

.badge-warning { color: #1e2022; background-color: #ffc107 }

.badge-info { color: #1e2022; background-color: #00dffc }

.border,
.card { border: 1px solid #eaebec !important }

.border-top { border-top: 1px solid #eaebec !important }

.border-bottom { border-bottom: 1px solid #eaebec !important }

.border-left { border-left: 1px solid #eaebec !important }

.border-right { border-right: 1px solid #eaebec !important }

.list-group-item { border-color: #eaebec !important }

.btn-light { color: var(--color-primary); background-color: #ebf1fd; border-color: #ebf1fd }

.btn-light:hover { color: var(--color-primary); background-color: #fff; border-color: var(--color-primary) }

.btn-primary-gradient { background: linear-gradient(256deg, #00c9e4, var(--color-primary)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-primary", endColorstr="#00c9e4", GradientType=1); border-color: var(--color-primary) }

.btn-primary { background-color: var(--color-primary); border-color: var(--color-primary) }

.btn-outline-primary { color: var(--color-primary); border-color: var(--color-primary) }

.text-gold { color: #d3ac2b }

.btn-outline-gold { color: #d3ac2b; border-color: #d3ac2b }

.btn-outline-gold:hover { color: #fff; background-color: #d3ac2b; border-color: #d3ac2b }

.form-control { border-color: #b7b9cc; font-size: 14px }

.dropdown-menu { border-color: #eaebec }

.dropdown-item { padding: 6px 1rem }

.btn-outline-secondary { color: #b7b9cc; border-color: #b7b9cc }

.btn-outline-secondary:focus,
.btn-outline-secondary:hover { color: #fff; border-color: #b7b9cc; background-color: #b7b9cc }

.bg-dark { background: #1d2f38 !important }

.btn { font-size: 14px }

.text-dark { color: #1d2f38 !important }

.small,
small { font-size: 12px }

.no-arrow .dropdown-toggle:after { display: none }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.dropdown .dropdown-menu { font-size: .85rem }

.text-gray-500 { color: #b7b9cc !important }

.dropdown-list-image { position: relative; height: 2.5rem; width: 2.5rem }

.dropdown-list-image img { height: 2.5rem; width: 2.5rem; -o-object-fit: cover; object-fit: cover }

.dropdown-list-image.size-medium { height: 3.5rem; width: 3.5rem }

.dropdown-list-image.size-medium img { height: 3.5rem; width: 3.5rem; -o-object-fit: cover; object-fit: cover }

.dropdown-list-image .status-indicator { background-color: #eaecf4; height: .75rem; width: .75rem; border-radius: 100%; position: absolute; bottom: 0; right: 0; border: .125rem solid #fff }

.captcha { min-width: 120px }

.captcha span { cursor: pointer }

@media (max-width:768px) {
    .osahan-nav-top .dropdown-menu { width: 100% !important }

    .osahan-nav-top .nav-item.dropdown { position: unset }

    .osahan-line-tab .nav-link { font-size: 13px }

    .job-tags .btn { margin: 3px 1px !important }

    .profile-right { display: inline-grid }

    .profile-right .btn { margin: 2px 0 !important }
}

@-webkit-keyframes marquee {
    to { transform: translate(-100%) }
}

@keyframes marquee {
    to { transform: translate(-100%) }
}

ul { padding: 0; margin-bottom: 0; list-style-type: none }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--heading-font) }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit }

.font-weight-600 { font-weight: 600 }

.font-weight-500 { font-weight: 500 }

.author .author-wrap .author-name { font-weight: 700; font-size: 18px }

.author .author-wrap .author-avatar { display: flex; align-items: center }

.author .author-wrap .author-avatar__picture { display: block; height: 96px; width: 96px; position: relative; overflow: hidden; border-radius: 50% }

.author .author-wrap .author-avatar__picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; -o-object-fit: cover; object-fit: cover; height: 100% }

.language_list { margin-left: 10px }

.language_list li { display: inline-block }

.language_list li img { height: 14px; width: 22px; -o-object-fit: cover; object-fit: cover }

.thumb { display: block; overflow: hidden; height: 0; background: #f4f4f4 }

.thumb,
.width_common { position: relative; width: 100% }

.width_common { float: left }

.thread-editor { background: #e1efe6; padding: 12px 10px }

.page-title { background-color: #192433; text-align: center; position: relative; background-repeat: no-repeat; background-position: 50%; background-size: cover }

.page-title:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) }

.page-title .page-title-text { padding: 12px; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 12px }

.error { display: none; width: 100%; margin-top: .25rem; color: #dc3545 }

.block-title a,
.title-box-category,
.widget .widget-title { font-family: var(--primary-font); font-weight: 600 }

@media (min-width:991px) {
    .thread-editor { padding: 15px; margin-bottom: 22px; border-radius: 6px }

    .heading-news-notice { border-bottom: none; border-top: 1px solid var(--color-secondary); margin-bottom: 20px; padding-top: 14px; padding-bottom: 0 }

    .heading-news-notice h3 { font-weight: 800; font-size: 24px; text-transform: uppercase }

    .text-lg-end { text-align: right !important }
}

@media (max-width:468px) {
    .thread-editor { margin-bottom: 15px; width: 100% }

    .page-title { font-size: 22px; text-align: center }
}

.osahan-post-header { padding-bottom: 5px !important }

.article-image-box > .image { position: relative; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 50%; background-size: 40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjUgMjh2NDNoNTVWMjhIMjV6bTUxIDM4SDMwVjMzaDQ1djM0Ii8+PHBhdGggZD0iTTMzIDYzbDEzLTExIDQgMyA5LTEyIDMgNiAzLTIgNyAxNnoiLz48Y2lyY2xlIGN4PSI0NSIgY3k9IjQxIiByPSI1Ii8+PC9nPjwvc3ZnPg==); background-color: #f7f7f7 }

.article-image-box > .image > img { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover }

.article-image-box > .image img { transition: all .5s ease-in-out; transform: scale(1) }

.article-image-box > .image-medium { padding-bottom: 60% }

.article-image-box .cat { position: absolute; bottom: 10px; left: 10px; z-index: 1 }

.article-image-box .cat .badge { padding: 5px 10px }

.action-panel { padding: 5px 1rem }

.action-panel .social-button { position: relative; align-items: center; display: flex; flex: 1 0 0%; justify-content: center; cursor: pointer; font-weight: 600; color: #484848 }

.action-panel .social-button > a { color: #000; padding: 8px 10px; flex: 1; text-align: center }

.action-panel .social-button:hover { background-color: #f4f4f4; border-radius: 4px }

.action-panel .social-button .share-popup { width: 100% }

.osahan-post-body .article { margin: 0 -1rem }

.osahan-post-body .article-title { background: #f5f2f2; margin-top: 0; font-size: 17px; padding: 15px; font-weight: 700; color: #000; margin-bottom: -1rem }

.osahan-post-body .article-title a { color: inherit }

.sidebar-menu .widget-title { padding: .5rem 15px }

.sidebar-menu li { position: relative; display: block; padding: 5px 0 }

.sidebar-menu li a { display: flex; align-items: center; flex-direction: row; padding: 0 20px; min-height: 40px; color: var(--color-primary); text-transform: uppercase; letter-spacing: .2px; font-weight: 400; font-size: 14px; line-height: 1.3; font-family: var(--color-primary) }

.sidebar-menu .menu-item .toggle-icon { position: absolute; top: 0; right: 0; padding-right: 0; width: 50px; height: 50px; color: #2d2a2a; text-align: center; line-height: 50px; cursor: pointer; transition: background-color .25s ease, color .25s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden }

.sidebar-menu .menu-item .sub-menu { display: none; -webkit-padding-start: 1rem; padding-inline-start: 1rem }

.sidebar-menu .menu-item .sub-menu li a { color: #777; font-size: 15px; text-transform: none }

.sidebar-menu .type-vertical .list-group-item { color: #000; background: transparent; border: none; padding: .3rem 1rem; border-radius: 0 !important; width: 100% }

.sidebar-menu .type-vertical .list-group-item.active,
.sidebar-menu .type-vertical .list-group-item:hover { background-color: #e4e6e9; border-radius: 4px }

.sidebar-menu .type-vertical .list-group-item .dropdown-list-image { text-align: center; line-height: 2.5rem; color: var(--color-primary) }

.sidebar-menu .type-vertical .list-group-item .dropdown-list-image i { font-size: 30px; vertical-align: middle }

.sidebar-menu .type-tags { display: block; padding: 10px }

.sidebar-menu .type-tags .menu-item { font-size: 14px; padding: 5px 10px; display: inline-block; margin: 0 5px 5px 0; background-color: var(--color-primary); color: #fff; font-weight: 600; font-style: normal; border-radius: 50px }

.sidebar-menu .type-tags .menu-item.active,
.sidebar-menu .type-tags .menu-item:hover { background-color: var(--color-secondary) }

.sidebar-menu .type-tags .menu-item a { padding: 0; color: #fff; border: none; line-height: normal; min-height: auto; background: transparent }

.sidebar-menu .type-tags .menu-item a .dropdown-list-image { display: none }

.sidebar-menu .type-tags .menu-item a:hover { background-color: transparent !important }

.sidebar-menu .type-text-link,
.sidebar-menu .type-text_link { display: flex; flex-wrap: wrap; padding: 0 }

.sidebar-menu .type-text-link li a,
.sidebar-menu .type-text_link li a { min-height: auto; padding: 0 0 0 20px !important; line-height: 26px; text-transform: none; border: none; color: var(--color-primary) !important }

.sidebar-menu .type-text-link li a .dropdown-list-image,
.sidebar-menu .type-text_link li a .dropdown-list-image { display: none }

.sidebar-menu .type-text-link li a:before,
.sidebar-menu .type-text_link li a:before { font-family: Font Awesome\ 5 Pro; position: absolute; content: "\F054"; width: 12px; height: 12px; line-height: 12px; top: 6px; left: 0; font-size: 12px }

.sidebar-menu .type-text-link .menu-item,
.sidebar-menu .type-text_link .menu-item { font-size: 14px; font-weight: 600; font-style: normal; flex: 0 0 25%; max-width: 25% }

@media screen and (max-width:480px) {

    .sidebar-menu .type-text-link .menu-item,
    .sidebar-menu .type-text_link .menu-item { flex: 0 0 50%; max-width: 50% }
}

.sidebar-menu .type-text-link .menu-item.has-sub-menu,
.sidebar-menu .type-text_link .menu-item.has-sub-menu { margin-bottom: 10px }

.sidebar-menu .type-text-link .menu-item.has-sub-menu .sub-menu,
.sidebar-menu .type-text_link .menu-item.has-sub-menu .sub-menu { display: block }

.sidebar-menu .type-text-link .menu-item.has-sub-menu > a,
.sidebar-menu .type-text_link .menu-item.has-sub-menu > a { padding-left: 0 !important; color: #273879; font-size: 15px; line-height: 1.43; margin-bottom: 12px; font-weight: 600 }

.sidebar-menu .type-text-link .menu-item.has-sub-menu > a:before,
.sidebar-menu .type-text_link .menu-item.has-sub-menu > a:before { content: none }

.rounded { border-radius: .45rem !important }

.sticky { position: sticky; top: 65px }

.sticky-js { z-index: 1 }

.styled-radio input[type=radio] { position: absolute; opacity: 0 }

.styled-radio input[type=radio] + label { margin-bottom: 0; color: #333; font-weight: 400; cursor: pointer }

.styled-radio input[type=radio] + label:before { content: ""; border-radius: 100%; border: 1px solid #7d7d7d; display: inline-block; width: 1.2em; height: 1.2em; top: -1px; position: relative; margin-right: .5em; vertical-align: middle; cursor: pointer; text-align: center }

.styled-radio input[type=radio]:checked + label:before,
.styled-radio input[type=radio]:hover + label:before { background-color: var(--color-primary); box-shadow: inset 0 0 0 3px #fff; border: 1px solid var(--color-primary) }

.styled-radio input[type=radio]:focus + label:before { outline: none; border-color: var(--color-primary) }

.styled-radio input[type=radio]:disabled + label:before { box-shadow: inset 0 0 0 4px #b4b4b4; border-color: #747474; background: #747474 }

.styled-radio input[type=radio] + label:empty:before { margin-right: 0 }

.styled-checkbox { position: absolute; opacity: 0 }

.styled-checkbox + label { position: relative; cursor: pointer; padding: 0; font-weight: 500; margin-bottom: 0 }

.styled-checkbox + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 16px; height: 16px; background: #fff; border: 1px solid silver; border-radius: 4px }

.styled-checkbox:hover + label:before { background: var(--color-primary) }

.styled-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, .12) }

.styled-checkbox:checked + label:before { background: var(--color-primary); border: none }

.styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto }

.styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd }

.styled-checkbox:checked + label:after { content: ""; position: absolute; top: 3px; left: 5px; box-sizing: border-box; width: 6px; height: 10px; transform: rotate(45deg); border: 2px solid #fff; border-top: 0; border-left: 0 }

.inline-block { display: inline-block }

#subcribe_submit_form,
.general-page-inner,
.general_submit_form { z-index: 1; position: relative }

#subcribe_submit_form input:not([type=checkbox]),
#subcribe_submit_form select,
.general-page-inner input:not([type=checkbox]),
.general-page-inner select,
.general_submit_form input:not([type=checkbox]),
.general_submit_form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; outline: 0 !important; box-shadow: none !important; border-radius: 0 }

#subcribe_submit_form .form-group,
#subcribe_submit_form .gender,
.general-page-inner .form-group,
.general-page-inner .gender,
.general_submit_form .form-group,
.general_submit_form .gender { margin-bottom: 15px }

#subcribe_submit_form .gender .styled-radio,
.general-page-inner .gender .styled-radio,
.general_submit_form .gender .styled-radio { margin-right: 10px }

#subcribe_submit_form textarea.form-control,
.general-page-inner textarea.form-control,
.general_submit_form textarea.form-control { height: auto; padding: 10px 12px; border-radius: 0 }

#subcribe_submit_form .btn-order,
.general-page-inner .btn-order,
.general_submit_form .btn-order { color: #fff; display: block; padding-top: 15px; padding-bottom: 15px; background-color: var(--color-primary); height: auto; width: 100%; margin-top: 15px }

#subcribe_submit_form .btn-order:hover,
.general-page-inner .btn-order:hover,
.general_submit_form .btn-order:hover { background: var(--color-secondary) }

#subcribe_submit_form .wrap-shipping-address,
.general-page-inner .wrap-shipping-address,
.general_submit_form .wrap-shipping-address { margin-bottom: 15px }

#subcribe_submit_form .wrap-shipping-address .shipping-address,
.general-page-inner .wrap-shipping-address .shipping-address,
.general_submit_form .wrap-shipping-address .shipping-address { overflow: visible; background: #f6f6f6; margin: 10px -1.5rem 0; padding: 10px 25px; position: relative; border-top: 1px solid #ddd }

#subcribe_submit_form .wrap-shipping-address .shipping-address:after,
#subcribe_submit_form .wrap-shipping-address .shipping-address:before,
.general-page-inner .wrap-shipping-address .shipping-address:after,
.general-page-inner .wrap-shipping-address .shipping-address:before,
.general_submit_form .wrap-shipping-address .shipping-address:after,
.general_submit_form .wrap-shipping-address .shipping-address:before { content: ""; position: absolute; bottom: 100%; left: 75px; width: 0; height: 0; border-bottom: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent }

#subcribe_submit_form .wrap-shipping-address .shipping-address:after,
.general-page-inner .wrap-shipping-address .shipping-address:after,
.general_submit_form .wrap-shipping-address .shipping-address:after { border-width: 9px; margin-left: 1px; border-bottom-color: #f6f6f6 }

#subcribe_submit_form .wrap-shipping-address .styled-radio input[type=radio] + label:before,
.general-page-inner .wrap-shipping-address .styled-radio input[type=radio] + label:before,
.general_submit_form .wrap-shipping-address .styled-radio input[type=radio] + label:before { width: 16px; height: 16px }

#subcribe_submit_form .wrap-payment-method,
.general-page-inner .wrap-payment-method,
.general_submit_form .wrap-payment-method { margin-bottom: 15px; margin-top: 15px }

#subcribe_submit_form .wrap-payment-method .choose-payment-method,
.general-page-inner .wrap-payment-method .choose-payment-method,
.general_submit_form .wrap-payment-method .choose-payment-method { border: 1px solid #eaeaea; box-shadow: 0 0 20px rgba(0, 0, 0, .1) }

#subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item,
.general-page-inner .wrap-payment-method .choose-payment-method .payment-item,
.general_submit_form .wrap-payment-method .choose-payment-method .payment-item { padding: 0 15px; transition: all .3s; line-height: 65px }

#subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item:not(:last-child),
.general-page-inner .wrap-payment-method .choose-payment-method .payment-item:not(:last-child),
.general_submit_form .wrap-payment-method .choose-payment-method .payment-item:not(:last-child) { border-bottom: 1px solid #eaeaea }

#subcribe_submit_form .wrap-payment-method .choose-payment-method .payment-item:hover,
.general-page-inner .wrap-payment-method .choose-payment-method .payment-item:hover,
.general_submit_form .wrap-payment-method .choose-payment-method .payment-item:hover { background: #f0f0f0 }

#subcribe_submit_form .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label,
.general-page-inner .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label,
.general_submit_form .wrap-payment-method .choose-payment-method .styled-radio input[type=radio]:not(:checked) + label { color: #8a8a8a }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #fff; background-color: var(--color-primary) }

.widget .article-title { font-family: var(--post-title-font); font-size: 15px; color: #333; margin-bottom: 0; font-weight: 600; line-height: 1.4 }

.widget .article-title a { color: inherit }

.widget .style_img_left .image-wrapper { min-width: 130px; flex: 0 0 auto; width: 130px }

.widget .hashtag { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #bab9b9; margin-bottom: 0 }

.widget .info-wrapper { overflow: hidden }

.widget-timeline .item a { border-radius: 4px }

.widget-timeline .item a:hover { background: #eeeff2 }

.widget-timeline.type-3 .item .image-wrapper .image { padding-bottom: 28% }

.widget-timeline.type-3 .item .image-wrapper .image:after { background: linear-gradient(268deg, transparent, rgba(175, 20, 25, .95)) }

.widget-timeline.type-3 .item:nth-child(2) .image:after { background: linear-gradient(268deg, transparent, #0054a5) }

.widget-timeline.type-3 .item:nth-child(3) .image:after { background: linear-gradient(268deg, transparent, #7f15a5) }

.widget-timeline.type-3 .item:nth-child(4) .image:after { background: linear-gradient(268deg, transparent, #124860) }

.widget-timeline.type-3 .item:nth-child(5) .image:after { background: linear-gradient(268deg, transparent, #cda52f) }

.widget-timeline.type-3 .title-over-image .article-title { padding: 15px 60px 15px 15px; font-size: 16px }

.widget-timeline.type-3 .title-over-image .article-title span { text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }

.title-over-image .image:after { width: 100%; height: 100%; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); content: ""; position: absolute; bottom: 0; left: 0 }

.title-over-image .article-title,
.title-over-image .content { position: absolute; bottom: 0; left: 0; color: #fff; padding: 15px 15px 15px 45px; margin-bottom: 0; font-size: 15px; font-weight: 700; z-index: 1; width: 100% }

.title-over-image .article-title > .title > a,
.title-over-image .content > .title > a { color: #fff !important }

.widget-most-view.type-default .item .article-title { font-size: 16px; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4 }

.widget-most-view.type-default .item a { padding: 6px; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start }

.widget-most-view.type-default .item a:hover { background-color: #eeeff2 }

.widget-most-view.type-default .item .number-top-view { font-family: Merriweather, serif; font-size: 18px; width: 25px; text-align: center; color: #fff; font-weight: 700; position: absolute; top: 0; background: var(--color-secondary); padding: 0 5px; left: 0; font-feature-settings: "pnum" on, "lnum" on }

.widget-most-view.type-2 .item { counter-increment: step; position: relative; padding: 15px 15px 15px 50px; border-radius: 5px }

.widget-most-view.type-2 .item:nth-child(odd) { background: #f4f6fa }

.widget-most-view.type-2 .item:before { content: counter(step, decimal); font-size: 32px; color: #adadad; position: absolute; top: 50%; left: 15px; line-height: 1; font-family: "Noto Serif", serif; font-weight: 700; margin-top: -20px }

.widget-most-view.type-2 .item .article-title { font-size: 16px }

.widget-most-view.type-2 .item:hover .article-title,
.widget-most-view.type-2 .item:hover:before { color: var(--color-primary) }

.widget-most-view.type-3 .widget-content { background: var(--color-primary) }

.widget-most-view.type-3 .image-wrapper { margin-bottom: -45px }

.widget-most-view.type-3 .item { counter-increment: step; position: relative; padding: 15px 50px 15px 15px; background: var(--color-primary); border-bottom: 1px dotted #bdbdbd }

.widget-most-view.type-3 .item:after { content: counter(step, decimal); font-size: 32px; color: #fff; position: absolute; top: 50%; right: 15px; line-height: 1; font-family: "Noto Serif", serif; font-weight: 700; margin-top: -20px }

.widget-most-view.type-3 .item .article-title { font-size: 16px; color: #fff }

.widget-most-view.type-3 .item:hover .article-title,
.widget-most-view.type-3 .item:hover:after { color: #2a2a2a }

.widget-news-api .item .article-title { font-size: 14px; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4 }

.widget-news-api .item a { padding: 6px; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start }

.widget-news-api .item a:hover { background-color: #eeeff2 }

.widget-news-api.type-1 .item a { flex-direction: column }

.widget-news-api.type-1 .item a .image-wrapper { min-width: 100%; flex: 0 0 auto; width: 100%; margin-right: 0 !important }

.widget-news-api.type-2 .item a { margin-bottom: 0 !important }

.widget-news-api.type-2 .item a .image-wrapper { display: none }

.widget-popular-tags .tag-item { font-size: 12px; padding: 5px 10px; display: inline-block; margin: 0 5px 5px 0; background-color: rgba(255, 61, 61, .045); color: #e13d3d; border-radius: 50px; font-weight: 500; font-style: italic }

.widget-popular-tags .tag-item:not(.active):before { content: "#"; display: inline-block }

.widget-popular-tags.type-horizontal { margin-top: 15px }

.widget-popular-tags.type-horizontal .widget-content { display: flex; overflow-x: auto; align-items: center; gap: 20px; white-space: nowrap }

@media screen and (max-width:480px) {
    .widget-popular-tags.type-horizontal .widget-content::-webkit-scrollbar { -webkit-appearance: none; display: none }
}

.widget-popular-tags.type-horizontal .widget-content .tag-item { background-color: transparent; color: #000; font-style: normal; font-size: 18px; position: relative; padding: 0 0 5px; line-height: 32px; margin: 0 }

.widget-popular-tags.type-horizontal .widget-content .tag-item.active:after { content: ""; height: 3px; width: 100%; border-radius: 15px; background-color: var(--color-primary); bottom: 0; position: absolute; display: block }

.article-title:hover,
.view-other-news { color: var(--color-primary) }

.view-other-news { font-size: 18px; font-weight: 700 }

.page-contact .general_submit_form { padding: 30px }

.page-contact figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2em; color: #fff; display: flex }

.page-contact figcaption > .content { color: #8a8a8a; transition: transform .35s, color .35s; max-width: 80%; padding: 40px 0; z-index: 99 }

@media screen and (max-width:991px) {
    .page-contact figcaption { position: relative }
}

.figure-effect3 figcaption { background: #eee }

.figure-effect3 figcaption:after,
.figure-effect3 figcaption:before { position: absolute; content: "" }

.figure-effect3 figcaption:before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(1); transform-origin: 0 0 }

.figure-effect3 figcaption:after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1); transform-origin: 100% 0 }

.figure-effect3 figcaption svg { position: absolute; right: 0; bottom: 0; height: 180px; width: 180px; opacity: .15; transform: rotate(-15deg); z-index: 0 }

.title-box-category,
.widget-title { display: block; position: relative; font-size: 18px; line-height: 23px; margin-bottom: 20px; color: #222; font-weight: 700; clear: both }

.title-box-category a,
.widget-title a { color: inherit; text-decoration: none; outline: none }

@media screen and (max-width:991px) {

    .title-box-category,
    .widget-title { font-size: 18px }
}

.title-box-category .title-icon,
.widget-title .title-icon { width: 24px; height: auto; display: inline-block; margin-right: 5px }

.title-box-category .inner-title,
.widget-title .inner-title { position: relative; display: inline-block; white-space: nowrap }

.title-box-category.style_1,
.widget-title.style_1 { display: flex; align-items: flex-end; margin-bottom: 15px }

.title-box-category.style_1 .main-title,
.title-box-category.style_1 .parent-cate,
.widget-title.style_1 .main-title,
.widget-title.style_1 .parent-cate { display: inline-block; width: auto; margin-bottom: 0; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; font-size: 16px; line-height: 1.1; padding: 7px 30px 7px 15px; background: var(--color-primary) }

.title-box-category.style_1 .inner-title,
.widget-title.style_1 .inner-title { position: relative; padding-left: 10px }

.title-box-category.style_1 .inner-title:before,
.widget-title.style_1 .inner-title:before { content: ""; width: 2px; height: 15px; background-color: #fff; position: absolute; top: 2px; left: 0; bottom: 0 }

.title-box-category.style_1:after,
.widget-title.style_1:after { content: ""; height: 1px; background: var(--color-primary); flex: 1 auto; margin-left: 5px }

.title-box-category.style_1 .view-more,
.widget-title.style_1 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic }

.title-box-category.style_2,
.widget-title.style_2 { padding: 12px 20px 0; margin-bottom: 0; display: flex; justify-content: space-between; font-size: 16px }

.title-box-category.style_2 .header-cate-content,
.widget-title.style_2 .header-cate-content { padding: 5px 10px; background: var(--color-primary); position: relative; border-radius: 5px; margin-bottom: 8px; color: #fff }

.title-box-category.style_2 .header-cate-content:after,
.widget-title.style_2 .header-cate-content:after { content: ""; width: 0; height: 0; border-left: 5.5px solid transparent; border-bottom: 0 solid transparent; border-right: 5.5px solid transparent; border-top: 5px solid var(--color-primary); display: block; position: absolute; bottom: -5px; left: 20px }

.title-box-category.style_2 .header-cate-content a:hover,
.widget-title.style_2 .header-cate-content a:hover { color: var(--color-secondary) }

.title-box-category.style_2 .view-more,
.widget-title.style_2 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic }

.title-box-category.style_3,
.widget-title.style_3 { display: flex; align-items: center }

.title-box-category.style_3:after,
.widget-title.style_3:after { content: ""; height: 3px; background: var(--color-primary); width: 100%; display: block; flex: 1 1 auto !important; order: 2 }

.title-box-category.style_3 .main-title,
.title-box-category.style_3 .parent-cate,
.widget-title.style_3 .main-title,
.widget-title.style_3 .parent-cate { padding: 5px 10px 5px 0; z-index: 1; position: relative; flex-shrink: 0 }

.title-box-category.style_3 .main-title .inner-title:before,
.title-box-category.style_3 .parent-cate .inner-title:before,
.widget-title.style_3 .main-title .inner-title:before,
.widget-title.style_3 .parent-cate .inner-title:before { content: none }

.title-box-category.style_4.title-box-category,
.widget-title.style_4.title-box-category { margin-bottom: 0; border-top: 2px solid var(--color-primary); display: flex }

.title-box-category.style_4 .main-title,
.title-box-category.style_4 .parent-cate,
.widget-title.style_4 .main-title,
.widget-title.style_4 .parent-cate { background: var(--color-primary); padding: 0 15px 3px; line-height: 32px; z-index: 1; position: relative; color: #fff }

.title-box-category.style_4 .main-title .inner-title:before,
.title-box-category.style_4 .parent-cate .inner-title:before,
.widget-title.style_4 .main-title .inner-title:before,
.widget-title.style_4 .parent-cate .inner-title:before { content: none }

.title-box-category.style_4 .td-subcat-filter,
.widget-title.style_4 .td-subcat-filter { position: relative; bottom: 0; text-align: left }

.title-box-category.style_5,
.widget-title.style_5 { display: flex; align-items: flex-end; margin-bottom: 15px }

.title-box-category.style_5 .main-title,
.title-box-category.style_5 .parent-cate,
.widget-title.style_5 .main-title,
.widget-title.style_5 .parent-cate { padding: 0 12px; height: 30px; line-height: 30px; color: #fff; font-size: 18px; font-weight: 700; position: relative; border-top-right-radius: 6px; background-color: var(--color-primary); display: inline-block }

.title-box-category.style_5 .main-title:after,
.title-box-category.style_5 .parent-cate:after,
.widget-title.style_5 .main-title:after,
.widget-title.style_5 .parent-cate:after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 0; border-right: 12px solid transparent; border-top: 9px solid; border-top-color: var(--color-primary) }

.title-box-category.style_5 .inner-title,
.widget-title.style_5 .inner-title { position: relative }

.title-box-category.style_5 .inner-title:before,
.widget-title.style_5 .inner-title:before { content: none }

.title-box-category.style_5 .td-subcat-filter,
.widget-title.style_5 .td-subcat-filter { bottom: 0 }

.title-box-category.style_5 .view-more,
.widget-title.style_5 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic }

.title-box-category.style_6,
.widget-title.style_6 { text-align: center }

.title-box-category.style_6 .main-title,
.title-box-category.style_6 .parent-cate,
.widget-title.style_6 .main-title,
.widget-title.style_6 .parent-cate { float: none; position: relative; display: inline-block }

.title-box-category.style_6 .main-title:after,
.title-box-category.style_6 .main-title:before,
.title-box-category.style_6 .parent-cate:after,
.title-box-category.style_6 .parent-cate:before,
.widget-title.style_6 .main-title:after,
.widget-title.style_6 .main-title:before,
.widget-title.style_6 .parent-cate:after,
.widget-title.style_6 .parent-cate:before { content: ""; position: absolute; top: 50%; right: calc(100% + 15px); width: 81px; height: 2px; background: var(--color-primary); transform: translateY(-50%) }

@media screen and (max-width:480px) {

    .title-box-category.style_6 .main-title:after,
    .title-box-category.style_6 .main-title:before,
    .title-box-category.style_6 .parent-cate:after,
    .title-box-category.style_6 .parent-cate:before,
    .widget-title.style_6 .main-title:after,
    .widget-title.style_6 .main-title:before,
    .widget-title.style_6 .parent-cate:after,
    .widget-title.style_6 .parent-cate:before { content: none }
}

.title-box-category.style_6 .main-title:after,
.title-box-category.style_6 .parent-cate:after,
.widget-title.style_6 .main-title:after,
.widget-title.style_6 .parent-cate:after { right: unset; left: calc(100% + 15px) }

.title-box-category.style_6 .inner-title,
.widget-title.style_6 .inner-title { position: relative; padding: 0 15px }

.title-box-category.style_6 .inner-title:before,
.widget-title.style_6 .inner-title:before { content: none }

.title-box-category.style_6 .td-subcat-filter,
.widget-title.style_6 .td-subcat-filter { position: relative; justify-content: center; margin: 15px 0 0 }

.title-box-category.style_6 .view-more,
.widget-title.style_6 .view-more { font-family: Arial, sans-serif; font-size: 13px; font-style: italic }

@media screen and (min-width:768px) {

    .title-box-category.style_7,
    .widget-title.style_7 { left: -20px; top: -15px; margin-bottom: 0 }
}

.title-box-category.style_7 .main-title,
.title-box-category.style_7 .parent-cate,
.widget-title.style_7 .main-title,
.widget-title.style_7 .parent-cate { position: relative; font-size: 18px; font-weight: 700; padding: 0 10px; height: 50px; display: flex; justify-content: center; align-items: center; color: #fff; background-image: linear-gradient(90deg, #30b9aa, #6645ac) }

.title-box-category.style_7 .main-title:after,
.title-box-category.style_7 .parent-cate:after,
.widget-title.style_7 .main-title:after,
.widget-title.style_7 .parent-cate:after { position: absolute; top: 0; right: -40px; content: ""; display: inline-block; width: 0; height: 0; border-top: 50px solid #6645ac; border-right: 40px solid transparent }

.title-box-category.style_7 .inner-title:before,
.widget-title.style_7 .inner-title:before { content: none }

.title-box-category.style_8,
.widget-title.style_8 { height: 28px; margin-bottom: 15px; background: #f7f7f7; padding-right: 10px; border-top: 2px solid #ddd; border-bottom: 1px solid #eee }

.title-box-category.style_8 .main-title,
.title-box-category.style_8 .parent-cate,
.widget-title.style_8 .main-title,
.widget-title.style_8 .parent-cate { display: inline-block; background: #fff; padding: 3px 15px; color: var(--color-primary); text-transform: uppercase; font-weight: 700; margin-left: 15px; border-top: 2px solid var(--color-primary); margin-top: -2px }

.title-box-category.style_8 .main-title:hover,
.title-box-category.style_8 .parent-cate:hover,
.widget-title.style_8 .main-title:hover,
.widget-title.style_8 .parent-cate:hover { background: var(--color-primary); color: #fff; text-decoration: underline }

@media screen and (max-width:768px) {

    .title-box-category.style_8 .main-title,
    .title-box-category.style_8 .parent-cate,
    .widget-title.style_8 .main-title,
    .widget-title.style_8 .parent-cate { border-top: none; background: #fff; padding: 2px 12px; font-size: 18px; margin-left: 0; border-left: 4px solid var(--color-primary); margin-top: 0 }
}

.title-box-category.style_8 .sub-cate a:hover,
.widget-title.style_8 .sub-cate a:hover { text-decoration: underline !important }

.title-box-category.style_8 .inner-title:before,
.widget-title.style_8 .inner-title:before { content: none }

@media screen and (max-width:768px) {

    .title-box-category.style_8,
    .widget-title.style_8 { border-top: none; border-bottom: none }
}

.title-box-category.style_9 .main-title,
.title-box-category.style_9 .parent-cate,
.widget-title.style_9 .main-title,
.widget-title.style_9 .parent-cate { padding: 0 15px 0 20px; text-transform: uppercase; font-size: inherit }

.title-box-category.style_9 .main-title:before,
.title-box-category.style_9 .parent-cate:before,
.widget-title.style_9 .main-title:before,
.widget-title.style_9 .parent-cate:before { content: ""; position: absolute; width: 5px; left: 0; bottom: 2px; background-color: var(--color-primary); height: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }

.title-box-category.style_9 .main-title:after,
.title-box-category.style_9 .parent-cate:after,
.widget-title.style_9 .main-title:after,
.widget-title.style_9 .parent-cate:after { content: ""; width: 0; height: 0; border-bottom: 20px solid var(--color-primary); border-right: 6px solid transparent; position: absolute; bottom: 0; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }

.title-box-category.style_10,
.widget-title.style_10 { background: #f7f7f7; display: flex; align-items: center }

.title-box-category.style_10 .main-title,
.title-box-category.style_10 .parent-cate,
.widget-title.style_10 .main-title,
.widget-title.style_10 .parent-cate { position: relative; color: #fff; overflow: hidden; padding-right: 30px }

.title-box-category.style_10 .main-title .inner-title,
.title-box-category.style_10 .parent-cate .inner-title,
.widget-title.style_10 .main-title .inner-title,
.widget-title.style_10 .parent-cate .inner-title { padding: 0 10px; min-height: 35px; font-size: 18px; font-weight: 700; background: var(--color-primary); display: flex; justify-content: center; align-items: center }

.title-box-category.style_10 .main-title .inner-title:before,
.title-box-category.style_10 .parent-cate .inner-title:before,
.widget-title.style_10 .main-title .inner-title:before,
.widget-title.style_10 .parent-cate .inner-title:before { position: absolute; right: -20px; content: ""; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-left: 20px solid var(--color-primary); border-bottom: 20px solid transparent; border-right: 0 solid transparent; border-top: 20px solid transparent; z-index: 1 }

.title-box-category.style_10 .main-title .inner-title:after,
.title-box-category.style_10 .parent-cate .inner-title:after,
.widget-title.style_10 .main-title .inner-title:after,
.widget-title.style_10 .parent-cate .inner-title:after { position: absolute; right: -28px; content: ""; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; opacity: .5; border-left: 28px solid var(--color-primary); border-bottom: 30px solid transparent; border-right: 0 solid transparent; border-top: 30px solid transparent; z-index: 0 }

.title-box-category.style_10 .td-subcat-filter,
.widget-title.style_10 .td-subcat-filter { padding: 0 15px }

.title-box-category.title-full-bg,
.widget-title.title-full-bg { background: var(--color-primary); padding: 15px; text-align: center; color: #fff; border-left: 4px solid var(--color-secondary) }

.title-box-category.title-full-bg .inner-title:before,
.widget-title.title-full-bg .inner-title:before { content: none }

@media screen and (max-width:767px) {

    .title-box-category:not([class*=style_]) .inner-title:before,
    .widget-title:not([class*=style_]) .inner-title:before { content: ""; width: 100%; height: 2px; background: var(--color-primary); position: absolute; left: 0; bottom: -5px }
}

.title-box-category .parent-cate { float: left; margin: 0; font-size: inherit; font-weight: inherit; font-family: var(--heading-font) }

.title-box-category .sub-cate { font-size: 13px; line-height: 1.1538461538; font-weight: 400; margin-bottom: 0; text-transform: none; white-space: nowrap; display: inline-block }

.td-subcat-filter { position: absolute; bottom: auto; right: 0; margin: auto 0; opacity: 0; z-index: 1; text-align: right; display: flex; align-items: center }

.td-subcat-filter .td-subcat-list { display: inline-block; line-height: 1 }

.td-subcat-filter .td-subcat-list .td-subcat-item { display: inline-block; line-height: 1; margin-left: 10px }

.td-subcat-dropdown { display: inline-block; text-align: right; position: relative }

.td-subcat-dropdown.open i:before,
.td-subcat-dropdown.show i:before { content: "\F057" }

.td-subcat-dropdown .td-subcat-more { cursor: pointer; margin-left: 5px; -webkit-user-select: none; display: inline-block; font-size: 14px; width: 18px; height: 18px; outline: none; border: none; background: none }

@media screen and (max-width:480px) {
    .td-subcat-dropdown .td-subcat-more { width: 32px; height: 32px; padding-right: 0; text-align: right }
}

.td-subcat-dropdown .dropdown-menu { right: 0; left: auto; box-shadow: 0 0 1px 1px #eee }

.td-subcat-dropdown .td-subcat-item .td-subcat-link { font-size: 12px }

.td-subcat-dropdown .td-pulldown-filter-list .td-subcat-item:not(:last-child) { margin-bottom: 10px }

.tab-header { display: flex; align-items: center; margin-bottom: 15px }

.tab-header .tab-header-item { display: inline-block; margin-right: 24px; font-size: 20px; font-weight: 700; padding-bottom: 4px }

.tab-header .tab-header-item.active { font-size: 24px; border-bottom: 4px solid var(--color-primary) }

.tab-header .tab-header-item.foru { display: flex; align-items: center }

.tab-header .foru-new-badge { margin-left: 3px; margin-bottom: 20px }

.tab-header .foru-new-badge .hightlight { width: 24px; height: 24px; position: relative }

.tab-header .foru-new-badge .hightlight:after,
.tab-header .foru-new-badge .hightlight:before { content: ""; border-radius: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0 }

.tab-header .foru-new-badge .hightlight:before { width: 100%; height: 100%; background: #e03030; opacity: .2; -webkit-animation: zoom-jsx 1s ease-out infinite; animation: zoom-jsx 1s ease-out infinite }

.tab-header .foru-new-badge .hightlight:after { width: 10px; height: 10px; background: #e03030; -webkit-animation: zoom-jsx 1s ease-in .05s infinite; animation: zoom-jsx 1s ease-in .05s infinite }

@-webkit-keyframes zoom-jsx {
    0% { transform: scale(1) }

    50% { transform: scale(.75) }

    to { transform: scale(1) }
}

@keyframes zoom-jsx {
    0% { transform: scale(1) }

    50% { transform: scale(.75) }

    to { transform: scale(1) }
}

.section-vedet.vedet-type-2 .box-news-larger { background-image: linear-gradient(#ebebeb, hsla(0, 0%, 92.2%, 0)) }

.section-vedet.vedet-type-2 .box-news-larger .has-padding { padding: 0 10px }

.section-vedet.vedet-type-3 .meta-news .cat,
.section-vedet.vedet-type-3 .meta-news img { display: none }

.section-vedet.vedet-type-3 .box-news-larger { margin-bottom: 20px }

.section-vedet.vedet-type-3 .box-news-larger .has-padding { padding: 0 10px }

.section-vedet.vedet-type-3 .secondary-vedet { height: 100%; overflow: hidden; border-radius: 6px; background-image: linear-gradient(180deg, #e5e6ed 42%, #f1f2f4 81%, #fff 97%) }

.section-vedet.vedet-type-3 .secondary-vedet .content { padding: 0 16px 12px; margin-top: 10px }

.section-vedet.vedet-type-3 .secondary-vedet .content .description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }

.section-vedet.vedet-type-3 .tab-content .tab-pane { padding: 15px 0 }

.section-vedet.vedet-type-3 .nav-tabs .nav-item { position: relative }

.section-vedet.vedet-type-3 .nav-tabs .nav-item .nav-link { border-top: 3px solid transparent; font-weight: 700; text-transform: uppercase }

.section-vedet.vedet-type-3 .nav-tabs .nav-item .nav-link.active { border-top: 3px solid var(--color-primary) }

.section-vedet.vedet-type-5 .meta-news .cat,
.section-vedet.vedet-type-5 .meta-news img { display: none }

.section-vedet.vedet-type-5 .box-news-larger { margin-bottom: 20px }

.section-vedet.vedet-type-5 .box-news-larger .has-padding { padding: 0 10px }

.section-vedet.vedet-type-5 .secondary-vedet { height: 100%; overflow: hidden; border-radius: 6px; background-image: linear-gradient(180deg, #e5e6ed 42%, #f1f2f4 81%, #fff 97%) }

.section-vedet.vedet-type-5 .secondary-vedet .content { padding: 0 16px 12px; margin-top: 10px }

.section-vedet.vedet-type-5 .secondary-vedet .content .description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5 }

.section-vedet.vedet-type-5 .tab-content .tab-pane { padding: 15px 0 }

.section-vedet.vedet-type-5 .nav-tabs .nav-item { position: relative }

.section-vedet.vedet-type-5 .nav-tabs .nav-item .nav-link { border-top: 3px solid transparent; font-weight: 700; text-transform: uppercase }

.section-vedet.vedet-type-5 .nav-tabs .nav-item .nav-link.active { border-top: 3px solid var(--color-primary) }

.section-vedet.vedet-type-8 .meta-news { justify-content: center; font-size: 15px; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; color: var(--color-primary) }

.section-vedet.vedet-type-8 .meta-news > * { font-size: inherit; color: inherit }

.section-vedet.vedet-type-8 .box-news-larger { flex-wrap: wrap; background: none }

.section-vedet.vedet-type-8 .box-news-larger .image-wrapper > .image-medium { padding-bottom: 56.439% }

.section-vedet.vedet-type-8 .box-news-larger h2.title a { font-size: 34px; line-height: 41px }

.section-vedet.vedet-type-8 .box-news-larger p.snippet { font-size: 18px; margin-bottom: 0; font-weight: 300 }

.section-vedet.vedet-type-8 .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0 }

.section-vedet.vedet-type-8 .box-news-larger .content { padding: .9375rem 2.8125rem 0; width: 90%; text-align: center; background-color: #fff; margin-top: -50px; position: relative; z-index: 2; margin-left: auto; margin-right: auto }

.section-vedet.vedet-type-8 .sub-news-top { border-top: none; padding-top: 30px }

.section-vedet.vedet-type-8 .sub-news-top .content { text-align: center }

.section-vedet.vedet-type-8 .sub-news-top .content .title a { font-size: 18px; line-height: 1.3 }

.section-vedet.vedet-type-9 .group-links-groups { height: 400px }

.section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a .title_h3,
.section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a h3 { font-size: 14px; line-height: 20px }

.section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a .title_h3:before,
.section-vedet.vedet-type-9 .group-links-groups .group-links-timeline > li > a h3:before { content: none }

.section-vedet.vedet-type-9 .box-news-larger .content > .title > a { font-size: 22px; font-weight: 700; font-family: var(--post-title-font) }

.section-vedet.vedet-type-9 .sub-news-top .title-news { font-size: 14px; line-height: 20px; font-weight: 700 }

.section-vedet.vedet-type-9 .sub-news-top .item-news:not(:last-child) { border-bottom: 1px dotted #dadada }

.section-vedet.vedet-type-10 .item-news { padding-bottom: 0 }

.section-vedet.vedet-type-10 .item-news .title-news { margin-bottom: 0; -webkit-line-clamp: 2; font-size: 1rem }

.section-vedet.vedet-type-10 .box-news .content { display: flex; flex-direction: column }

.section-vedet.vedet-type-10 .box-news .content .meta-news { order: -1 }

.section-vedet.vedet-type-10 .other-news .box-news { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 15px }

.section-vedet.vedet-type-10 .other-news .box-news > .content > .title > a { font-size: 1.3rem; line-height: 1.4; margin-bottom: 10px }

.section-vedet.vedet-type-10 .box-news-larger .content > .title > a { font-size: 1.7rem }

.section-vedet.vedet-type-10 .meta-news .cat { text-transform: uppercase }

.section-vedet.vedet-type-12 .news-box .row { margin-bottom: 16px }

.section-vedet.vedet-type-12 .grid-row { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; clear: both }

@media screen and (max-width:960px) {
    .section-vedet.vedet-type-12 .grid-row { grid-template-columns: repeat(2, 1fr) }
}

@media screen and (max-width:480px) {
    .section-vedet.vedet-type-12 .grid-row { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) }

    .section-vedet.vedet-type-12 .grid-row .col-span-2 { grid-column-end: auto }
}

.section-vedet.vedet-type-12 .col-span-2 { grid-column-end: span 2 }

.section-vedet.vedet-type-12 .grid-col:nth-child(2n) .cate-badge { background-color: var(--color-primary) !important }

.section-vedet.vedet-type-12 .grid-col:nth-child(odd) .cate-badge { background-color: var(--color-secondary) !important }

.section-vedet.vedet-type-12 .grid-col:nth-child(3n) .cate-badge { background-color: #ffae25 !important }

@media screen and (min-width:960px) {
    .section-vedet.vedet-type-12 .grid-col:nth-child(2) { order: -1 }
}

@media screen and (max-width:767px) {
    .section-vedet.vedet-type-12 .row > * { flex-shrink: 0; width: 100%; max-width: 100%; flex-basis: auto }
}

.section-vedet.vedet-type-13 .box-news-larger .thumb-art { flex: 0 0 384px; max-width: 384px; margin-right: 15px }

@media screen and (min-width:768px) {
    .section-vedet.vedet-type-13 .box-news-larger .thumb-art .image-wrapper .image { padding-bottom: 80% }
}

.section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 calc(100% - 399px); max-width: calc(100% - 399px); border-bottom: 1px solid #000 }

.section-vedet.vedet-type-13 .box-news-larger > .content > .title-news { font-size: 32px; font-weight: 700 }

.section-vedet.vedet-type-13 .box-news-larger > .content > .title > a { font-size: inherit }

.section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate { width: 100%; justify-content: space-between; padding-left: 0; position: relative }

.section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news { flex: 0 0 calc(33.33333% - 17px); max-width: calc(33.33333% - 17px); margin-top: 15px; position: relative; margin-bottom: 0; border: none; display: flex; flex-direction: column; padding: 0 }

.section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .title-news { font-size: 20px; line-height: 24px; margin-bottom: auto }

.section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .meta-news { margin-top: 10px }

@media screen and (max-width:960px) {
    .section-vedet.vedet-type-13 .box-news-larger > .thumb-art { flex: 0 0 226px; max-width: 226px }

    .section-vedet.vedet-type-13 .box-news-larger > .thumb-art .image,
    .section-vedet.vedet-type-13 .box-news-larger > .thumb-art .image-wrapper { height: 100% }

    .section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 calc(100% - 241px); max-width: calc(100% - 241px); padding: 0 }

    .section-vedet.vedet-type-13 .box-news-larger > .content > .title-news { font-size: 26px }

    .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news .title-news { font-size: 16px; line-height: 22px; margin-bottom: auto }
}

@media screen and (max-width:767px) {
    .section-vedet.vedet-type-13 .box-news-larger > .thumb-art { flex: 0 0 100%; max-width: 100%; margin-right: 0; margin-bottom: 15px }

    .section-vedet.vedet-type-13 .box-news-larger > .content { flex: 0 0 100%; max-width: 100%; padding: 0 }

    .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news { flex: 0 0 100%; max-width: 100% }

    .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news:first-child,
    .section-vedet.vedet-type-13 .box-news-larger > .content .sub-news-cate .item-news:nth-child(2) { border-bottom: 1px solid #000; flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px) }
}

.section-vedet.vedet-type-14 .overlay-style-1.post-item .post-thumb a:after { content: none }

.section-vedet.vedet-type-14 .overlay-style-1.post-item .post-thumb img { height: 560px }

.section-vedet.vedet-type-14 .overlay-style-1.post-item .post-title { font-size: 36px; line-height: 48px }

.section-vedet.vedet-type-14 .overlay-style-1.post-item .cate-badge { background-color: transparent !important; padding: 0; margin-bottom: 10px }

.section-vedet.vedet-type-14 .overlay-style-1.post-item .description { margin-top: 10px }

.section-vedet.vedet-type-14 .sub-news-top .item-news:not(:last-child) { border-bottom: 1px solid #ebebeb }

.section-vedet.vedet-type-14 .sub-news-top .style_img_left { display: flex }

.section-vedet.vedet-type-14 .sub-news-top .style_img_left .image-wrapper { max-width: 163px; width: 163px; flex: 0 0 163px; float: none }

.section-vedet.vedet-type-14 .sub-news-top .style_img_left .image-wrapper > .image-small { padding-bottom: 71.5% }

.section-vedet.vedet-type-14 .sub-news-top .style_img_left .content { float: none }

.section-vedet.vedet-type-15 .banner-item { margin-bottom: 30px; border-radius: 0 }

.section-vedet.vedet-type-15 .banner-item .banner-item-text { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-align: left; z-index: 1; padding: 40px 0 }

@media only screen and (min-width:992px) {
    .section-vedet.vedet-type-15 .banner-item .banner-item-text { padding: 40px 0 80px }
}

.section-vedet.vedet-type-15 .banner-item .post-thumb { position: relative; overflow: hidden; height: 65vh; background-size: cover; background-position: 50% }

@media only screen and (max-width:768px) {
    .section-vedet.vedet-type-15 .banner-item .post-thumb { height: 50vh }
}

.section-vedet.vedet-type-15 .banner-item:after { position: absolute; content: ""; background: linear-gradient(180deg, rgba(108, 75, 73, 0) 12%, #001842 99.13%); width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }

.section-vedet.vedet-type-15 .banner-item .post-title { font-size: 36px; font-family: SFU SwissBT ExtraCompressed, sans-serif; letter-spacing: .321px; font-weight: 400; line-height: 1.08; text-transform: uppercase }

.section-vedet.vedet-type-15 .banner-item .post-excerpt { font-size: 20px; color: #fff; margin-top: 20px }

@media only screen and (min-width:1400px) {
    .section-vedet.vedet-type-15 .banner-item .post-title { font-size: 100px }
}

@media only screen and (min-width:992px) {
    .section-vedet.vedet-type-15 .banner-item .post-title { font-size: 76px }
}

.section-vedet.vedet-type-15 .other-news .image-wrapper { float: right }

.section-vedet.vedet-type-15 .other-news .content { width: 60%; padding-left: 0; padding-right: 15px }

.section-vedet.vedet-type-15 .other-news .sponsored { background-color: transparent; margin-bottom: 0; border-bottom: none; display: flex !important; padding: 0 10px }

.section-vedet.vedet-type-15 .other-news .sponsored .qc-image { border-radius: 5px; overflow: hidden; flex: 0 0 40%; max-width: 40%; order: 1 }

.section-vedet.vedet-type-15 .other-news .sponsored .qc-info { flex-basis: 100% }

.section-vedet.vedet-type-15 .other-news .sponsored .qc-info .title { font-family: var(--post-title-font); font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #222b45 }

@media only screen and (max-width:992px) {
    .section-vedet.vedet-type-15 .other-news .image-wrapper { float: none; width: 100%; margin-bottom: 15px }

    .section-vedet.vedet-type-15 .other-news .content { float: none; width: 100%; padding-left: 0; padding-right: 0 }
}

.jeg_heroblock_wrapper { position: relative; overflow: hidden; z-index: 1; height: 430px }

.jeg_heroblock .jeg_post { overflow: hidden; position: absolute }

.jeg_heroblock .jeg_post_title a { color: #fff; font-weight: 600 }

.jeg_heroblock .jeg_post_info { text-shadow: 0 1px 1px rgba(0, 0, 0, .4) }

.vedet-type-3 .jeg_heroblock_wrapper { margin: 0 0 -10px -10px }

.vedet-type-3 .jeg_hero_item_1 { width: 50%; height: 100%; top: 0; left: 0; padding: 0 0 10px 10px }

.vedet-type-3 .jeg_hero_item_1 .jeg_post_title { font-size: 26px; margin-bottom: 5px; font-weight: 700 }

.vedet-type-3 .jeg_heroblock_scroller .jeg_post { padding: 0 0 10px 10px }

.vedet-type-3 .jeg_hero_item_2 { width: 25%; height: 100%; top: 0; left: 50% }

.vedet-type-3 .jeg_hero_item_3,
.vedet-type-3 .jeg_hero_item_4 { width: 25%; height: 50% }

.vedet-type-3 .jeg_hero_item_3 { top: 0; left: 75% }

.vedet-type-3 .jeg_hero_item_4 { top: 50%; left: 75% }

.vedet-type-3 .thumbnail-container { display: block; height: 0; background: #f7f7f7; background-position: 50%; background-size: cover }

.vedet-type-3 .jeg_thumb,
.vedet-type-3 .thumbnail-container { position: relative; overflow: hidden; z-index: 0 }

.vedet-type-3 .jeg_thumb { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; max-width: none; width: calc(100% + 50px); transition: transform .35s; transform: translate3d(-40px, 0, 0) }

.vedet-type-3 .jeg_thumb a { width: 100%; height: 100%; display: block }

.vedet-type-3 .jeg_thumb a > div { position: absolute; top: 0; bottom: 0; width: 100%; height: 100% }

.vedet-type-3 .jeg_thumb a > div:before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; background: linear-gradient(180deg, transparent, #000 65%, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0); opacity: .6; z-index: 2 }

.vedet-type-3 .jeg_thumb a > div:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: hsla(0, 0%, 100%, .15); transition: .3s; opacity: 0 }

.vedet-type-3 .jeg_thumb .thumbnail-background > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-repeat: no-repeat; background-position: 50%; background-size: cover }

.vedet-type-3 .jeg_postblock_content { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 25px 25px; z-index: 3 }

.vedet-type-3 .jeg_postblock_content .jeg_post_category { margin-bottom: 6px }

.vedet-type-3 .jeg_postblock_content .jeg_post_category a { padding: 3px 5px; background-color: var(--color-secondary); color: #fff; font-size: 12px }

.vedet-type-3 .jeg_block_container { display: block; height: 100%; position: relative; z-index: 1; overflow: hidden }

.vedet-type-3 .meta-news { color: #c5c5c5; opacity: 0; transform: translate3d(0, 30px, 0); transition: .35s ease }

.vedet-type-3 .jeg_post_category,
.vedet-type-3 .jeg_post_title { transform: translate3d(0, 25px, 0); transition: transform .35s }

.vedet-type-3 .jeg_post_title { font-size: 18px }

.vedet-type-3 .jeg_post:hover .jeg_post_category,
.vedet-type-3 .jeg_post:hover .jeg_post_review,
.vedet-type-3 .jeg_post:hover .jeg_post_title,
.vedet-type-3 .jeg_post:hover .jeg_thumb,
.vedet-type-3 .jeg_post:hover .meta-news { transform: translateZ(0) }

.vedet-type-3 .jeg_post:hover .meta-news { opacity: 1 }

@media screen and (max-width:767px) {
    .vedet-type-3 .jeg_postblock_content { padding: 5px 15px 10px; white-space: normal }

    .vedet-type-3 .jeg_post { position: relative; top: inherit; right: inherit; bottom: inherit; left: inherit }

    .vedet-type-3 .jeg_hero_item_1 { width: 100%; height: 60% }

    .vedet-type-3 .jeg_post_title { font-size: 18px !important }

    .vedet-type-3 .jeg_heroblock_scroller { white-space: nowrap; height: 40%; overflow-x: auto; overflow-y: hidden; z-index: 0; -webkit-overflow-scrolling: touch; transform: translateZ(0) }

    .vedet-type-3 .jeg_heroblock_scroller .jeg_post { width: 45%; height: 100%; float: none; display: inline-block; margin-bottom: 0 }

    .vedet-type-3 .jeg_heroblock_scroller .jeg_post .jeg_post_title { font-size: 16px !important; line-height: 20px; margin-bottom: 0 }
}

@media screen and (max-width:480px) {
    .vedet-type-3 .jeg_heroblock_wrapper { height: 300px; margin: 0 }

    .vedet-type-3 .jeg_hero_item_1 { width: 100%; height: 55%; padding: 0 0 5px }

    .vedet-type-3 .jeg_heroblock_scroller { height: 45%; margin-left: -5px }

    .vedet-type-3 .jeg_heroblock_scroller .jeg_post { width: 80%; padding: 0 0 0 5px }

    .vedet-type-3 .jeg_heroblock_scroller .jeg_post .jeg_post_title { font-size: 15px !important }
}

.section_video.video-type-2 .tin_video_index { background-color: var(--dark); padding: 15px }

.section_video.video-type-2 .tin_video_index .slick-carousel .box-news { padding: 0 10px; border-bottom: none }

.section_video.video-type-2 .tin_video_index .box-news-larger .content .title a { font-size: 15px; color: #fff }

.section_video.video-type-2 .video-mask { width: 60px; height: 60px; margin: -30px 0 0 -30px }

.blogcolumn20widget .news .col480,
.blogcolumn23widget .news .col480 { flex: 0 0 calc(100% - 240px); max-width: calc(100% - 240px); border-right: 1px solid #ddd; padding-right: 15px }

.blogcolumn20widget .news .col480 .style_img_left .image-wrapper,
.blogcolumn23widget .news .col480 .style_img_left .image-wrapper { width: 230px }

.blogcolumn20widget .news .col480 .style_img_left .content,
.blogcolumn23widget .news .col480 .style_img_left .content { width: calc(100% - 230px) }

.blogcolumn20widget .news .col480 .sub-news-cate,
.blogcolumn23widget .news .col480 .sub-news-cate { margin-top: 15px }

.blogcolumn20widget .news .col480 .title a,
.blogcolumn23widget .news .col480 .title a { font-size: 21px }

.blogcolumn20widget .news .col240,
.blogcolumn23widget .news .col240 { flex: 0 0 240px; max-width: 240px; border-left: 1px solid #ddd; margin-left: -1px; padding-left: 15px }

.blogcolumn20widget .news .col240 .image-wrapper a,
.blogcolumn23widget .news .col240 .image-wrapper a { padding-bottom: 55% }

.blogcolumn20widget .news .sub-news-cate,
.blogcolumn23widget .news .sub-news-cate { padding: 0; width: 100% }

.blogcolumn20widget .news .sub-news-cate .item,
.blogcolumn23widget .news .sub-news-cate .item { border-top: 1px dotted #ddd; padding: 5px 0 5px 15px; background-position: left 10px; position: relative }

.blogcolumn20widget .news .sub-news-cate .item a,
.blogcolumn23widget .news .sub-news-cate .item a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 16px; display: block; color: #000 }

.blogcolumn20widget .news .sub-news-cate .item:before,
.blogcolumn23widget .news .sub-news-cate .item:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; left: 0; top: 50%; margin-top: -2px }

.blogcolumn20widget .news .sub-news-cate .item .description,
.blogcolumn20widget .news .sub-news-cate .item .image,
.blogcolumn23widget .news .sub-news-cate .item .description,
.blogcolumn23widget .news .sub-news-cate .item .image { display: none }

@media screen and (max-width:1024px) {

    .blogcolumn20widget .news .col480 .style_img_left .image-wrapper,
    .blogcolumn23widget .news .col480 .style_img_left .image-wrapper { width: 46% }

    .blogcolumn20widget .news .col480 .style_img_left .content,
    .blogcolumn23widget .news .col480 .style_img_left .content { width: 54% }
}

@media screen and (max-width:767px) {

    .blogcolumn20widget .news .col480,
    .blogcolumn23widget .news .col480 { flex: 0 0 100%; max-width: 100%; border-right: none; padding: 0 }

    .blogcolumn20widget .news .col240,
    .blogcolumn23widget .news .col240 { flex: 0 0 100%; max-width: 100%; border-left: none; border-top: 1px dotted #ddd; padding: 15px 0 0; margin-top: 15px }

    .blogcolumn20widget .news .box-news > .content > .title > a,
    .blogcolumn23widget .news .box-news > .content > .title > a { font-size: 20px }

    .blogcolumn20widget .news .sub-news-cate .item,
    .blogcolumn23widget .news .sub-news-cate .item { padding-left: 0 }

    .blogcolumn20widget .news .sub-news-cate .item .title a,
    .blogcolumn23widget .news .sub-news-cate .item .title a { font-size: 20px; line-height: 25px; font-weight: 700; padding-top: 0 }

    .blogcolumn20widget .news .sub-news-cate .item:before,
    .blogcolumn23widget .news .sub-news-cate .item:before { content: none }

    .blogcolumn20widget .news .sub-news-cate .item .description,
    .blogcolumn20widget .news .sub-news-cate .item .image,
    .blogcolumn23widget .news .sub-news-cate .item .description,
    .blogcolumn23widget .news .sub-news-cate .item .image { display: block }

    .blogcolumn20widget .news .description,
    .blogcolumn23widget .news .description { width: auto !important; float: none; font-size: 14px; color: #777; padding: 0 }
}

.blogcolumn23widget .news .col480 > .box-news.full-thumb { border-bottom: 1px solid #eee; margin-bottom: 15px; width: auto }

.blogcolumn23widget .news .col480 > .box-news.full-thumb .title-news { font-size: 18px; font-weight: 600; clear: both; margin-top: 0; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

.blogcolumn23widget .news .col480 > .box-news.full-thumb .image-wrapper { width: 49%; margin: 0 }

.blogcolumn23widget .news .col480 > .box-news.full-thumb .wrap-sum-news { width: 51%; padding: 0 0 0 15px }

.blogcolumn23widget .news .col480 > .box-news.full-thumb .wrap-sum-news .description { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; font-size: 14px; line-height: 140% }

.blogcolumn23widget .news .col480 .sub-news-cate { margin-top: 0; width: auto }

.blogcolumn23widget .news .sub-news-cate .item { border-bottom: 1px dotted #ddd; border-top: none }

.blogcolumn23widget .news .sub-news-cate .item a { line-height: 18px }

.blogcolumn23widget .news .sub-news-cate .grid-item { max-width: 50%; flex: 0 0 50%; position: relative; margin-bottom: 0; border: none; padding: 0 8px }

.blogcolumn23widget .news .sub-news-cate .grid-item .title a { font-size: 18px }

.blogcolumn30widget .box-news .title:after { content: ""; display: block; height: 1px; width: 130px; background-color: #000; margin-top: 15px }

.blogcolumn30widget .other-news .image-wrapper { float: right }

.blogcolumn30widget .other-news .content { width: 60%; padding-left: 0; padding-right: 10px }

.blogcolumn30widget .other-news .item-news { border-bottom: 1px solid #000 }

.blogcolumn30widget.dark-bg .heading-news-notice { color: #fff }

.blogcolumn30widget.dark-bg .box-news .title:after { background-color: #fff }

.blogcolumn30widget.dark-bg .item-news { border-bottom-color: #fff }

.blogcolumn30widget.dark-bg .news-box-footer .btn-primary { border-color: #fff; background-color: #fff; color: var(--color-primary) }

.blogcolumn30widget.dark-bg .news-box-footer .btn-primary:hover { background-color: var(--color-primary); color: #fff; border-color: var(--color-primary) }

.list-item { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(43, 43, 43, .08) }

.list-item.has-dot { padding: 0 0 8px 15px; position: relative }

.list-item.has-dot:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; border-radius: 50%; left: 0; top: 50%; margin-top: -8px }

.list-item:last-child { border-bottom: none }

.list-item .list-item-link { font-weight: 600; line-height: 1.63; word-break: break-word; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #2b2b2b }

.list-item .list-item-link:hover { color: var(--color-secondary) }

.news__content-shadow { padding: 15px; border-radius: 8px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .15) }

.news__content-shadow.widget { padding: 15px 10px }

.news__content-shadow .slick-carousel.carousel-nav-top .slick-next,
.news__content-shadow .slick-carousel.carousel-nav-top .slick-prev { top: -30px }

.news__content-feature-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 15px; margin-bottom: 8px }

.box-news > .content > .title { color: #333; font-weight: 600; line-height: 1.3; font-size: 16px; overflow: hidden; display: block }

.box-news > .content > .title > a { color: inherit }

.box-news > .content > .title > a:hover { color: var(--color-primary) }

.box-news .title { font-family: var(--post-title-font) }

.box-news-larger .content > .title { font-size: 20px }

.box-news > .image { display: block; margin-bottom: 11px }

.image-wrapper > .image-small { padding-bottom: 60% }

.image-wrapper > .image-medium { padding-bottom: 62.439% }

.image-wrapper > .image-16-9 { padding-bottom: 56.25% }

.image-wrapper > .image { position: relative; display: block; overflow: hidden; background-repeat: no-repeat; background-position: 50%; background-size: 40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjUgMjh2NDNoNTVWMjhIMjV6bTUxIDM4SDMwVjMzaDQ1djM0Ii8+PHBhdGggZD0iTTMzIDYzbDEzLTExIDQgMyA5LTEyIDMgNiAzLTIgNyAxNnoiLz48Y2lyY2xlIGN4PSI0NSIgY3k9IjQxIiByPSI1Ii8+PC9nPjwvc3ZnPg==); background-color: #f5f4f4; border-radius: 5px }

.image-wrapper > .image > img { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover }

.image-wrapper .cat-in-thumb { position: absolute; top: auto; bottom: 10px; left: 10px; background-color: #777575; color: #fff; border-color: #777575; padding: 1px 5px; font-size: 11px; opacity: .9 }

.kind-video .image-wrapper > .image { padding-bottom: 56.25% !important }

.lazy { opacity: 0 }

.lazy.loaded,
.lazy.loading { opacity: 1 }

.item-news { width: 100%; display: inline-block; padding-bottom: 15px; margin-bottom: 15px }

.item-news .content .title a { color: #222b45 }

.item-news .content .title a:hover { color: var(--color-primary) }

.item-news:last-child { margin-bottom: 0; border-bottom: none !important; padding-bottom: 0 }

.item-news .title { font-family: var(--post-title-font) }

.article-content,
.box-aside,
.box-qc-wide,
.box-testimonial .title a,
.image-center,
.image-wrapper,
.tacgia-area .share-btns { overflow: hidden; position: relative }

.style_img_left { width: 100%; display: block; overflow: hidden }

.style_img_left .image-wrapper { width: 40%; float: left }

.style_img_left .content { width: 60%; padding-left: 10px; float: left }

.item-news-common .title-news { font-size: 15px; font-weight: 600; margin-bottom: 10px }

.item-news-common .title-news a { color: #333 }

.meta-news { display: inline-block; vertical-align: middle; color: #575757; font-size: 12px; line-height: 14px; font-weight: 400 !important; margin: 5px 0; display: flex; align-items: center }

.meta-news .author-meta,
.meta-news .cat,
.meta-news .time-public,
.meta-news .view-count { display: inline-block; margin-right: 5px; line-height: 15px; color: inherit }

.meta-news .cat,
.meta-news .time-public,
.meta-news .view-count { font-size: 11px }

.meta-news .author-meta { font-weight: 700; color: #0768ea; display: flex; align-items: center }

.meta-news .author-meta img { width: 28px; height: 28px; float: left; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: 5px }

@media screen and (max-width:767px) {
    .meta-news .author-meta img { width: 20px; height: 20px }
}

@media (min-width:767px) {
    .col-left.col-small { width: 435px }

    .col-right.col-medium { width: 695px }

    .moi_cap_nhat .box-news > .content > .title > a,
    .moi_cap_nhat .item-news .title { font-size: 18px }

    .moi_cap_nhat .style_img_left .image-wrapper { width: 240px }

    .moi_cap_nhat .style_img_left .content { width: calc(100% - 240px); padding-left: 15px }

    .moi_cap_nhat .style_img_left .content .title { line-height: 1.3 }

    .moi_cap_nhat .style_img_left .content .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px }

    .moi_cap_nhat.small-image .style_img_left .image-wrapper { width: 40% }

    .moi_cap_nhat.small-image .style_img_left .content { width: 60% }
}

.slick-carousel { clear: both }

.slick-carousel .slick-list { margin: 0 -10px }

.slick-carousel .box-news { padding: 0 10px }

.slick-carousel .slick-next,
.slick-carousel .slick-prev { width: 30px; height: auto; z-index: 7; background: hsla(0, 0%, 95.7%, .8); text-align: center; vertical-align: middle; opacity: 0 }

.slick-carousel .slick-next:before,
.slick-carousel .slick-prev:before { font-family: FONT AWESOME\ 5 PRO; color: #626060; font-size: 30px; line-height: normal; transition: .2s ease-in-out }

.slick-carousel.carousel-nav-top .slick-next,
.slick-carousel.carousel-nav-top .slick-prev { opacity: 1 }

.slick-carousel.carousel-nav-top .slick-prev { top: -38px; right: 40px; left: auto }

.slick-carousel.carousel-nav-top .slick-next { right: 0; top: -38px }

.slick-carousel .slick-dots { left: 0 }

.slick-carousel .slick-dots li button:before { font-size: 0; line-height: 10px; color: #ccc; opacity: 1; background: #e4e4e4; border-radius: 50%; width: 10px; height: 10px }

.slick-carousel .slick-dots li,
.slick-carousel .slick-dots li button { height: auto; width: auto }

.slick-carousel .slick-dots li.slick-active button:before { color: #fff; opacity: .75 }

.slick-carousel:hover .slick-next,
.slick-carousel:hover .slick-prev { opacity: 1 }

.slick-carousel .slick-prev { left: 0 }

.slick-carousel .slick-prev:before { content: "\F104" }

.slick-carousel .slick-next { right: 0 }

.slick-carousel .slick-next:before { content: "\F105" }

.slick-carousel .box-news-larger { margin-bottom: 0 !important }

.item-news-common p.meta-news { margin: 5px 0 }

.group-links-timeline { padding: 0; display: block; float: left; list-style-type: none; width: calc(100% - 10px) }

.group-links-timeline > li { float: left; border-top: none; width: 100%; padding: 8px 0; border-bottom: 1px dashed #d1d1d1 }

.group-links-timeline > li:first-child,
.group-links-timeline > li:first-child a { padding-top: 0 }

.group-links-timeline > li .title-news,
.group-links-timeline > li h3 { display: block; width: 100%; color: #000; padding-bottom: 5px; padding-top: 4px; font-size: 14px; line-height: 1.4; display: table-cell }

.group-links-timeline > li .title-news > a,
.group-links-timeline > li h3 > a { text-align: left; font-weight: 700; color: #333; font-family: var(--post-title-font) }

.group-links-timeline > li .title-news:before,
.group-links-timeline > li h3:before { display: inline-block; margin-right: 5px }

.group-links-timeline > li.kind-normal .title-news:before,
.group-links-timeline > li.kind-van-ban .title-news:before { content: ""; width: 10px; height: 10px; background: var(--color-primary); border-radius: 50% }

.group-links-timeline > li.kind-photo .title-news:before,
.group-links-timeline > li.kind-photo h3:before { content: "\F03E"; background: transparent; font-family: Font Awesome\ 5 Pro; display: inline-block; color: var(--color-primary) }

.group-links-timeline > li.kind-video .title-news:before,
.group-links-timeline > li.kind-video h3:before { content: "\F144"; background: transparent; font-family: Font Awesome\ 5 Pro; display: inline-block; color: var(--color-primary) }

.group-links-timeline > li.kind-live .title-news:before,
.group-links-timeline > li.kind-live h3:before,
.group-links-timeline > li.kind-truc-tiep .title-news:before,
.group-links-timeline > li.kind-truc-tiep h3:before { box-shadow: 0 0 0 0 #ff0808; transform: scale(1); -webkit-animation: pulse-red 2s infinite; animation: pulse-red 2s infinite }

.group-links-timeline.type-2 .cat-meta { width: 110px; flex: 0 0 auto; padding-right: 20px; font-size: 14px }

.group-links-timeline.type-2 .title-news,
.group-links-timeline.type-2 h3 { padding: 0; font-size: 14px }

.group-links-timeline.type-2 .title-news > a:before,
.group-links-timeline.type-2 h3 > a:before { content: none }

@media (min-width:1199px) {
    .col-main { padding-right: 30px }

    .col-right,
    .col-sidebar { max-width: 316px; flex: 0 0 316px }

    .col-content,
    .col-main { flex: 0 0 calc(100% - 316px); max-width: calc(100% - 316px) }

    .col-main-small-large { flex: 0 0 calc(100% - 542px); max-width: calc(100% - 542px) }

    .col-sidebar-small { max-width: 226px; flex: 0 0 226px }
}

.box-cate-featured-vertical .sub-news-cate { width: 100%; float: left; padding-left: 0; list-style-type: none }

.box-cate-featured-vertical.no-thumb .item-news.full-thumb { border-bottom: none; padding-bottom: 0 }

.box-cate-featured-vertical.no-thumb .featured-news .box-news > .content > .title > a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item { font-weight: 700; padding: 16px 0 16px 18px; position: relative; border-bottom: 1px solid #e5e6ec }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item .title-news { font-size: 16px; line-height: 1.5 }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item:last-child { border-bottom: none; margin-bottom: 0 }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item:before { content: ""; width: 5px; height: 5px; background-color: var(--color-primary); position: absolute; left: 0; top: 25px; border-radius: 50% }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item a { font-family: var(--heading-font); height: 49px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #222b45; font-size: 16px; font-weight: 700 }

.box-cate-featured-vertical.no-thumb .sub-news-cate .item .meta-news { display: block }

.creator-section { padding: 24px; margin-left: -15px; margin-right: -15px; border-radius: 0; background-color: #01152f }

@media (min-width:576px) {
    .creator-section { border-radius: 8px; margin-left: 0; margin-right: 0 }
}

.creator-section .top-creators { display: flex }

@media (max-width:575px) {
    .creator-section .top-creators { flex-wrap: wrap }
}

.creator-section .top-creators .logo-wrapper { width: 200px; margin: 0 auto 16px }

.creator-section .top-creators .logo-wrapper a { position: relative }

.creator-section .top-creators .logo-wrapper .logo-title { position: absolute; left: 20px; font-weight: 700; font-size: 20px; color: #fff; transform: translateY(50%); white-space: nowrap }

@media (min-width:480px) and (max-width:960px) {
    .creator-section .top-creators .logo-wrapper .logo-title { font-size: 17px }
}

@media (min-width:576px) {
    .creator-section .top-creators .logo-wrapper { margin-bottom: 0; margin-right: 40px }
}

.creator-section .top-creators .creators { flex: 1 1 auto; overflow-x: auto; display: flex; flex-wrap: nowrap }

.creator-section .top-creators .creators .creator { margin: 0 25px 10px 0; width: 80px; flex: 0 0 auto }

.creator-section .top-creators .creators .creator .rank { bottom: -15px; left: -3px; position: absolute; font-size: 30px; font-weight: 900; color: #fff; line-height: 1; -webkit-text-stroke: 1px #007bff }

.creator-section .top-creators .creators .creator .creator-avatar { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #1570ef; position: relative; background-repeat: no-repeat; background-position: 50%; background-size: cover; background-color: #1570ef }

.creator-section .top-creators .creators .creator .creator-name { color: #fff; font-size: 13px; margin-top: 8px; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.creator-section .latest-threads-header { margin-top: 24px; padding: 26px 0 24px; border-top: 1px solid #032a5e; justify-content: space-between; align-items: center; display: flex }

.creator-section .latest-threads-header .section-heading { color: #fff; font-size: 18px; font-weight: 700; margin: 0 60px 0 0 }

.creator-section .latest-threads-header .button-gradient-2 { color: #fff; font-weight: 500; line-height: 18px; background-image: linear-gradient(94.95deg, #2af598 -43.99%, #0049fd 106.14%); border: none; padding: 6px 15px; white-space: nowrap }

.creator-section .threads { display: flex; overflow-x: auto }

.creator-section .threads .box-news { min-width: 210px; margin-right: 14px; margin-bottom: 7px; border-radius: 6px }

@media (min-width:768px) {
    .creator-section .threads .box-news { min-width: 180px }
}

.creator-section .threads .box-news .meta-news { margin-top: 6px; font-size: 12px; font-weight: 600; display: flex; align-items: center }

.creator-section .threads .box-news .meta-news .author-meta img { display: none }

.creator-section .threads .box-news .title { margin-top: 4px; cursor: pointer; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box }

.creator-section .threads .box-news .title a { color: #fff; font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 8px }

.creator-section .threads .box-news .title a:hover { color: var(--color-primary) }

.creator-section .threads::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: hsla(0, 0%, 100%, .13) }

.creator-section .threads::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #e2e2e2 }

.creator-section .btn-view-all { margin-top: 15px; padding: 6px 16px; font-size: 16px }

.box-cate-featured .box-news .title,
.box-cate-featured .item-news .title,
.featured-news .box-news .title,
.featured-news .item-news .title { font-size: 18px }

.box-cate-featured .box-news .title a,
.box-cate-featured .item-news .title a,
.featured-news .box-news .title a,
.featured-news .item-news .title a { font-size: inherit; color: inherit }

.news-box-color .gradient-background { background: linear-gradient(328deg, hsla(0, 0%, 93.3%, 0) 55%, var(--color-primary) 90%); border-radius: 6px; inset: 0; position: absolute; z-index: 1 }

.news-box-color .full-thumb .cat { color: #fff; font-size: 26px; font-weight: 700; top: 10px; left: 16px; position: absolute; z-index: 1 }

.news-box-color .full-thumb .cat a:hover { color: #fff }

.news-box-color .meta-news { margin-bottom: 10px }

.news-box-color .meta-news img { display: none }

.news-box-color .sub-news-cate .item { font-weight: 700; padding: 16px 0 16px 18px; position: relative; border-bottom: 1px solid #e5e6ec }

.news-box-color .sub-news-cate .item:last-child { border-bottom: 0 }

.news-box-color .sub-news-cate .item:before { content: ""; width: 5px; height: 5px; background-color: #50e3c2; position: absolute; left: 0; top: 25px; border-radius: 50% }

.news-box-color .sub-news-cate .item a { color: #222b45; font-family: var(--heading-font); font-size: 16px; font-weight: 600 }

@media screen and (min-width:767px) {
    .news-box-color .sub-news-cate .item a { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
}

.news-box-color-2 { background-color: #192433; border-radius: 8px; height: 100%; display: flex !important; flex-direction: column; justify-content: space-between }

.news-box-color-2 .cat { font-weight: 700; text-align: center; text-transform: uppercase; border-radius: 6px; margin: -23px 18px 0; padding: 12px; position: relative; background: var(--color-primary); display: block; color: #fff }

.news-box-color-2 .sub-news-cate { border-radius: 6px; padding: 30px 14px 15px; margin-top: -38px }

.news-box-color-2 .sub-news-cate .item { color: #bababa; padding: 10px 0; border-bottom: 2px solid hsla(0, 0%, 85.9%, .1) }

@media (min-width:767px) {
    .news-box-color-2 .sub-news-cate .item { height: 90px }
}

.news-box-color-2 .sub-news-cate .item a { color: inherit }

@media screen and (min-width:767px) {
    .news-box-color-2 .sub-news-cate .item a { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
}

.news-box-color-2 .sub-news-cate .item a:hover { color: #fff }

.news-box-color-2 .sub-news-cate .item:first-child a { font-weight: 700 }

.news-box-color-2 .sub-news-cate .item:last-child { border-bottom: 0 }

.news-box-color-2 .news-box-footer { padding: 0 14px 15px }

.news-box-color-3 { background-color: #f2f4f7; border-radius: 8px; height: 100%; display: flex !important; flex-direction: column; justify-content: space-between }

.news-box-color-3 .thumb-art { overflow: visible }

.news-box-color-3 .cat { line-height: 19px; font-weight: 600; text-align: center; border-radius: 35px; min-width: 115px; margin: -23px 18px 0; padding: 12px 16px; position: absolute; background: var(--color-primary); color: #fff }

.news-box-color-3 .sub-news-cate { border-radius: 6px; padding: 30px 14px 15px; margin-top: -38px }

.news-box-color-3 .sub-news-cate .item { color: #2d3748; padding: 10px 0; border-bottom: 2px solid #e5e6ed }

@media (min-width:767px) {
    .news-box-color-3 .sub-news-cate .item { height: 90px }
}

.news-box-color-3 .sub-news-cate .item a { color: inherit }

@media screen and (min-width:767px) {
    .news-box-color-3 .sub-news-cate .item a { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }
}

.news-box-color-3 .sub-news-cate .item a:hover { color: var(--color-primary) }

.news-box-color-3 .sub-news-cate .item:first-child a { font-weight: 700 }

.news-box-color-3 .sub-news-cate .item:last-child { border-bottom: 0 }

.news-box-color-3 .news-box-footer { padding: 0 14px 15px }

.news-box-color-3 .news-box-footer a { background: #e5e6ed; border: 1px solid #e5e6ed }

.widget-posts.type-2 .widget-content { border: 1px dotted var(--color-primary); border-top: 0; border-right: 0; border-radius: 0 0 0 30px; padding: 0 16px 16px }

.widget-posts.type-2 .widget-content .item { position: relative }

.widget-posts.type-2 .widget-content .item:before { content: ""; width: 7px; height: 7px; border-radius: 50%; left: -20px; top: 6px; position: absolute; display: block; background-color: var(--color-primary) }

.widget-posts.type-2 .widget-content .item .info-wrapper { order: 0; margin-right: 1rem }

.widget-posts.type-2 .widget-content .item .info-wrapper .article-title { -webkit-line-clamp: 3 }

.widget-posts.type-2 .widget-content .item .image-wrapper { order: 1; margin-right: 0 !important; min-width: 120px; width: 120px }

.featured-news-horizontal { padding: 15px; background: #eee; margin-top: -15px }

.featured-news-horizontal .box-news-larger { padding-bottom: 0 }

.featured-news-horizontal .box-news-larger .thumb-art { flex: 0 0 50%; max-width: 50%; margin: 0 }

.featured-news-horizontal .box-news-larger .content { padding: 0 15px 15px }

.featured-news-horizontal .other-news .item { padding: 5px 0 5px 20px; background-position: left 10px; position: relative }

.featured-news-horizontal .other-news .item:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #000; position: absolute; left: 0; top: 50%; margin-top: -2px }

.featured-news-horizontal .other-news .item a { color: #1a1a1a; font-weight: 700; text-overflow: ellipsis; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }

.featured-news-horizontal .other-news .item:last-child { padding-bottom: 0 }

.featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art { flex: 0 0 100px; max-width: 100px }

.featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .name { font-size: 12px; color: #666; display: block; margin-top: 6px; text-align: center }

.featured-news-horizontal.with-author-thumb .box-news-larger .content { padding: 0 15px }

.featured-news-horizontal.with-author-thumb .box-news-larger .content > .title > a { font-size: 18px }

@media screen and (max-width:480px) {
    .featured-news-horizontal.with-author-thumb .box-news-larger { margin-bottom: 15px }

    .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art { order: 2; margin-top: 10px }

    .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .box-img { display: flex; align-items: center }

    .featured-news-horizontal.with-author-thumb .box-news-larger .thumb-art .user-avatar { height: 3.8rem; width: 3.8rem }

    .featured-news-horizontal.with-author-thumb .box-news-larger .content { padding: 0 }
}

@media screen and (max-width:990px) {
    .featured-news-horizontal .box-news-larger { flex-wrap: wrap }

    .featured-news-horizontal .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0 0 10px }

    .featured-news-horizontal .box-news-larger .content { width: 100%; padding: 0 }
}

.su-kien-nong .meta-news .cat { color: var(--color-primary); font-weight: 700 !important; text-transform: uppercase; margin-bottom: 0 }

.su-kien-nong .meta-news .time-public { color: #757575; font-size: 12px; font-weight: 400; text-transform: none }

.su-kien-nong .news-carousel .swiper-button-prev-outside { position: absolute; top: 50%; left: 0; width: 30px; height: 30px; z-index: 9; margin-top: -30px }

.su-kien-nong .news-carousel .swiper-button-next-outside { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; z-index: 9; margin-top: -30px }

.section_container { margin-bottom: 15px; clear: both }

.section_container.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px); overflow: hidden }

.section_container.full-width > div { max-width: var(--site-content-width, 1140px); display: block; margin: 0 auto; padding: 20px 24px }

.section_container.full-width.full-width-content > div { max-width: 100% !important; padding: 0 }

@media screen and (min-width:768px) {
    .section_container.full-width > div { max-width: 720px }

    .section_container.full-width .slick-carousel .slick-list { margin: 0 }
}

@media screen and (min-width:992px) {
    .section_container.full-width > div { max-width: 960px }
}

@media screen and (min-width:1200px) {
    .section_container.full-width > div { max-width: var(--site-content-width, 1140px) }
}

@media screen and (max-width:480px) {
    .section_container.full-width { left: calc(-50vw + 50%) }

    .section_container.full-width > div { padding: 20px 15px }
}

.news-box { width: 100%; display: block; clear: both }

.news-box .qc_container a { background-color: transparent; padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; justify-content: space-between }

.news-box .qc_container a .qc-image { flex: 0 0 40%; max-width: 40%; border-radius: 5px; overflow: hidden }

.news-box .qc_container a .qc-info { flex-basis: 100% }

.news-box .qc_container a .qc-info .title { font-family: var(--post-title-font); font-size: 16px; font-weight: 600; clear: both; margin-top: 0; display: -webkit-box !important; margin-bottom: .5rem; color: initial }

@media (max-width:767px) {
    .news-box { margin-bottom: 0; padding-top: 0 }
}

.news-box-footer { clear: both; overflow: hidden }

.news-box-footer a,
.news-box-footer button { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 15px; height: 40px }

.news-box-footer a i,
.news-box-footer button i { margin-left: 8px }

.news-box-footer a:hover,
.news-box-footer button:hover { background: var(--color-secondary); color: #fff; border-color: var(--color-secondary) }

@media (max-width:480px) {

    .news-box-footer a,
    .news-box-footer button { width: 100% !important }
}

.news-box-footer a.btn-inline-flex,
.news-box-footer button.btn-inline-flex { width: auto; min-width: 230px; display: inline-flex }

.news-box-last { padding-bottom: 25px }

.box-cate-featured { margin-bottom: 15px; display: inline-block; width: 100% }

.box-cate-featured .item-news { width: 100%; float: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5 }

.box-cate-featured .item-news .thumb-art { width: 260px; margin-right: 20px }

.box-cate-featured .item-news.full-thumb { width: 245px; background: #f7f7f7; padding-bottom: 20px; margin-bottom: 0; border-bottom: none }

@media (max-width:767px) {
    .box-cate-featured .item-news.full-thumb { background: transparent; width: 40% }

    .box-cate-featured .item-news.full-thumb .description,
    .box-cate-featured .item-news.full-thumb .title-news,
    .box-cate-featured .item-news.full-thumb p.meta-news { padding: 0 !important }
}

@media (max-width:576px) {
    .box-cate-featured .item-news.full-thumb { width: 100% }
}

.box-cate-featured .item-news.full-thumb .thumb-art { width: 100%; margin: 0 0 10px }

.box-cate-featured .item-news.full-thumb .title { font-size: 18px }

.box-cate-featured .item-news.full-thumb .title a { font-size: inherit }

@media (max-width:576px) {
    .box-cate-featured .item-news.full-thumb .title { font-size: 28px; letter-spacing: .187px; line-height: 1.07 }
}

.box-cate-featured .item-news .description { display: -webkit-box }

.box-cate-featured .item-news .description,
.box-cate-featured .item-news .title-news { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

.box-cate-featured .item-news .title-news { font-size: 16px; font-weight: 600; clear: both; margin-top: 0; display: -webkit-box !important; margin-bottom: .5rem }

.box-cate-featured .meta-news .cat { display: none }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger { width: 100%; background: none }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .thumb-art { flex: 0 0 50%; max-width: 50%; margin: 0 }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news { flex: 0 0 50%; max-width: 50%; padding: 0 15px }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news > .title { font-size: 22px; line-height: 27px }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news .other-news .item { padding: 5px 0; border-top: 1px dotted #000 }

.box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news .other-news .item .title-news { font-size: 15px; margin: 0; font-weight: 400 }

@media screen and (max-width:767px) {
    .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .thumb-art { flex: 0 0 100%; max-width: 100%; margin: 0 0 10px }

    .box-cate-featured.box-cate-featured-v3 .content-box-category .box-news-larger .wrap-sum-news { flex: 0 0 100%; max-width: 100%; padding: 0 }
}

.box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate { width: 100%; padding: 0; justify-content: space-between }

.box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news { width: calc(25% - 13px); display: flex; flex-direction: column; padding: 0; border-bottom: 1px dotted #000 }

.box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news .title-news { margin-bottom: auto }

@media screen and (max-width:767px) {
    .box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate .item-news { display: block; width: 100%; max-width: 100% }
}

.box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate.cols-3 .item-news { width: calc(33.33333% - 17px) }

.box-cate-featured.box-cate-featured-v3 .content-box-category .sub-news-cate.cols-2 .item-news { width: calc(50% - 25px) }

.box-cate-featured-v2 .item-news.full-thumb { width: 67.648%; background: none; padding-bottom: 0 }

.box-cate-featured-v2 .item-news.full-thumb .image-wrapper { width: 48.914%; margin: 0 }

.box-cate-featured-v2.style-10 .item-news.full-thumb { width: 50%; background: none; padding-bottom: 0 }

.box-cate-featured-v2.style-10 .item-news.full-thumb .image-wrapper { width: 48.914%; margin: 0 }

.box-cate-featured-v2 .wrap-sum-news { width: 51.086%; padding: 0 15px }

.box-cate-featured-v2 .wrap-sum-news .description { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px }

.box-cate-featured-v2 .wrap-sum-news > * { padding-left: 0; padding-right: 0 }

.box-cate-featured-v2 .sub-news-cate { width: 100%; justify-content: space-between; padding-left: 0; position: relative }

.box-cate-featured-v2 .sub-news-cate .item-news { max-width: 33%; margin-top: 15px; position: relative; margin-bottom: 0; border: none; padding: 10px 15px 0 }

.box-cate-featured-v2 .sub-news-cate .item-news:before { width: 6px; height: 6px; border-radius: 50%; content: ""; background: #e5e5e5; position: absolute; top: 18px; left: 0 }

.box-cate-featured-v2 .sub-news-cate .item-news .title-news { font-size: 14px; font-weight: 700; margin-bottom: 0 }

.box-cate-featured-v2 .sub-news-cate:before { width: 100%; height: 1px; content: ""; background: #e5e5e5; position: absolute; top: 15px; left: 0 }

.box-cate-featured-v2 .article-sub-right { width: 32.352%; padding-left: 20px; position: relative; margin-bottom: 0; padding-bottom: 0; border-bottom: none }

.box-cate-featured-v2 .article-sub-right:before { width: 1px; height: 100%; content: ""; background: #e5e5e5; position: absolute; top: 0; left: 0 }

.box-cate-featured-v2 .article-sub-right .description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px }

.tin_2cot_style_image_left .item-news { border-bottom: none; margin-bottom: 10px; padding-bottom: 10px }

.type-multi-cols .row-10 { margin: 0 -10px }

.type-multi-cols .row-10 > div { padding-left: 10px; padding-right: 10px }

@media screen and (min-width:991px) {
    .type-multi-cols .w-20 { max-width: 20%; flex: 0 0 20%; float: left }
}

.type-multi-cols .box-news .title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis }

.sub-news-cate,
.sub-news:not(.row) { width: calc(100% - 245px); padding-left: 20px; margin-bottom: 0 }

@media (max-width:960px) {

    .sub-news-cate,
    .sub-news:not(.row) { width: 100%; display: inline-block; padding-left: 0 }
}

@media (max-width:576px) {

    .sub-news-cate,
    .sub-news:not(.row) { width: auto; padding-left: 0; margin-top: 5px }

    .sub-news-cate .cat,
    .sub-news:not(.row) .cat { display: none }
}

.sub-news-cate .item-news:last-of-type,
.sub-news:not(.row) .item-news:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none }

.box-cate-featured-vertical .item-news.full-thumb { width: 100%; background: none; padding-bottom: 10px; margin-bottom: 10px }

.widget { clear: both; width: 100%; display: inline-block; margin-bottom: 15px }

.widget .widget-title { display: block; position: relative; font-size: 18px; line-height: 23px; margin-bottom: 20px; color: #222; font-weight: 700; clear: both }

.widget .box-title .main-title,
.widget .box-title h6,
.widget .widget-title .main-title,
.widget .widget-title h6 { font-size: inherit; font-weight: 600; position: relative; font-family: var(--heading-font) }

.widget-comment-list { padding: 0 15px 15px; background: #ecf5fa }

.widget-comment-list .widget-title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px }

.widget-comment-list .box-quote { position: relative; overflow: hidden; padding-left: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5 }

.widget-comment-list .box-quote:before { content: "\F10D"; font-family: FONT AWESOME\ 5 PRO; color: #c5c5c5; position: absolute; top: 0; left: 0; font-size: 12px }

.widget-comment-list .box-quote:last-child { border: none; margin-bottom: 0 }

.widget-comment-list .post-name { font-weight: 700; color: var(--color-primary); margin-bottom: 5px; font-size: 16px }

.widget-comment-list .author { float: right; font-style: italic; font-weight: 700 }

.widget-comment-list.comment-list-type-default { background: #fff; box-shadow: 0 0 5px #eee }

.widget-comment-list .comment-list .item { margin-bottom: 25px }

.widget-comment-list .comment-list .item .title { font-size: 16px; font-weight: 700; margin-bottom: 8px }

.widget-comment-list .comment-list .item .title:hover { color: var(--color-primary) }

.widget-comment-list .comment-list .item a { color: #222b45 }

.widget-comment-list .comment-list .item .content { display: flex; flex-direction: row }

.widget-comment-list .comment-list .item .content .avatar { border-radius: 100%; background-color: #e5e6ec; margin-right: 12px; height: 30px }

.widget-comment-list .comment-list .item .content .body { font-size: 14px; padding: 15px; border-radius: 6px; background-color: #eaedf1; width: 100% }

.widget-comment-list .comment-list .item .content .body .author-info { font-size: 12px; margin-bottom: 8px; display: flex; flex-direction: row; align-content: center }

.widget-comment-list .comment-list .item .content .body .author-info p { margin-bottom: 0 }

.widget-comment-list .comment-list .item .content .body .author-info .author.upper { margin-left: 0; margin-right: 12px; color: #0768ea; font-weight: 700; font-style: normal }

.widget-comment-list .comment-list .item .content .body .excerpt,
.widget-comment-list .comment-list .item:last-child { margin-bottom: 0 }

.widget-poll { background: #f4f6fa; padding: 0 15px 15px }

.widget-poll .widget-title { padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px }

.page-bg-grey .section-content { background: #f2f3f5 }

.page-bg-grey .widget .widget-title { padding: 1rem .5rem !important; border-bottom: 1px solid #eaebec !important; margin: 0 !important }

.page-bg-grey .widget .box-body { padding: .5rem !important }

.page-subcribe .subcribe-form-inner > svg { position: absolute; right: 0; bottom: 0; height: 180px; width: 180px; opacity: .15; transform: rotate(-15deg); z-index: 0 }

.mb-20 { margin-bottom: 20px }

.mt-20 { margin-top: 20px }

.separator { border-bottom: 2px solid #e9eaee }

.box-news { margin-bottom: 10px; position: relative }

.vedet-mobile,
.vedet-mobile-type-1 { margin-bottom: 15px }

.vedet-mobile-type-1 .box-news-larger .image-wrapper > .image,
.vedet-mobile .box-news-larger .image-wrapper > .image { border-radius: 0 }

.vedet-mobile-type-1 .box-news-larger .content,
.vedet-mobile .box-news-larger .content { padding: 0 }

@media (max-width:767px) {
    .is_mobile .tin_host_home .box-news-larger { border-bottom: none }

    .is_mobile .tin_host_home .box-news-larger .image-wrapper { margin-right: -15px; margin-left: -15px }

    .is_mobile .tin_host_home .box-news-larger .content .title a { font-size: 22px }

    .is_mobile .tin_host_home .sub-news .box-news { border: none }

    .is_mobile .tin_host_home .sub-news .box-news .title > a { font-size: 15px }

    .is_mobile .tin_host_home .sub-news .author-meta,
    .is_mobile .tin_host_home .user-avatar { display: none }

    .pagination { flex-wrap: wrap; justify-content: center }

    .pagination li { margin-bottom: 5px }

    .pagination li .page-link { padding: .1rem .5rem }
}

.pagination { justify-content: center }

.pagination .page-item .page-link { color: var(--color-primary) }

.pagination .page-item.active .page-link { background-color: var(--color-primary); border-color: var(--color-primary); color: #fff }

.category .pagination { margin-top: 20px; margin-bottom: 20px }

.blog-card .card-footer img { margin: 0 11px 0 0; width: 33px }

.widget-users .username a { color: #222b45 }

.wrapper-topstory { margin-top: 0 }

.wrapper-topstory .box-news-larger { padding-left: 0; background: #f4f6fa; margin-bottom: 15px; padding-bottom: 0 }

@media (max-width:767px) {
    .wrapper-topstory .box-news-larger { background: transparent; padding: 0; flex-wrap: wrap }
}

.wrapper-topstory .box-news-larger .thumb-art { flex: 0 0 513px; max-width: 513px; margin: 0 }

@media (max-width:1190px) {
    .wrapper-topstory .box-news-larger .thumb-art { flex: 0 0 60%; max-width: 60% }
}

@media (max-width:767px) {
    .wrapper-topstory .box-news-larger .thumb-art { float: none; flex: 0 0 100%; max-width: 100%; margin: 0 }
}

.wrapper-topstory .box-news-larger .content { padding: 15px }

.wrapper-topstory .box-news-larger .title { font-size: 20px; margin-bottom: 10px; padding-top: 0; margin-top: 0 }

.wrapper-topstory .box-news-larger .title a { font-size: 23px; font-weight: 600 }

.wrapper-topstory .box-news-larger p.snippet { font-size: 15px; line-height: 150%; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0 }

@media (max-width:767px) {
    .wrapper-topstory .box-news-larger .content { padding: 0 }
}

.wrapper-topstory .sub-news-top { padding-top: 15px; border-top: 1px solid #e5e5e5; width: 100%; padding-left: 0; height: auto; clear: both }

.wrapper-topstory .list-sub-feature { clear: both }

.wrapper-topstory .list-sub-feature li .title-news { font-size: 15px; font-weight: 700; margin-top: 0 }

.wrapper-topstory .list-sub-feature li .title-news a { color: #222; line-height: 140% }

.wrapper-topstory .list-sub-feature li .description { font-size: 14px; line-height: 140%; margin-top: 5px }

.wrapper-topstory .list-sub-feature li .description a:hover { color: #222 }

.dark-bg .box-news > .content > .title,
.dark-bg .description,
.dark-bg .item-news .content .title a,
.dark-bg .title-box-category .inner-title,
.dark-bg .title-box-category .td-subcat-list .sub-cate { color: #fff }

.dark-bg .title-box-category .inner-title:before { background: #fff }

.dark-bg .title-box-category.style_3:after { background: #fff !important }

.dark-bg .meta-news { color: #ccc }

.dark-bg .box-news > .content > .title > a:hover { color: var(--color-secondary) !important }

.dark-bg .wrapper-box-video .meta-news .author-meta { color: #ccc }

.multimedia-plus { background: #31363a; padding: 15px }

.multimedia-plus.multimedia-mobile { background: var(--color-primary); margin-bottom: 15px }

@media screen and (max-width:480px) {
    .multimedia-plus.multimedia-mobile { margin-left: -15px; margin-right: -15px; width: auto }

    .multimedia-plus.multimedia-mobile .slick-carousel .slick-list { margin: 0 }
}

.multimedia-plus.multimedia-mobile .box-news { padding: 0 }

.multimedia-plus.multimedia-mobile .title-box-category { border-bottom: none; margin-bottom: 10px; color: #fff }

.multimedia-plus.multimedia-mobile .title-box-category .parent-cate a { font-size: 18px; color: var(--color-primary) }

.multimedia-plus.multimedia-mobile .title-box-category .sub-cate { font-size: 13px }

.multimedia-plus.multimedia-mobile .meta-news span { color: #838383; font-size: 13px }

.multimedia-plus.multimedia-mobile .slick-slide > div { padding: 0 5px }

.multimedia-plus.multimedia-mobile .box-news { border: 1px solid #ddd; background: #fff }

.multimedia-plus.multimedia-mobile .box-news > .content { padding: 0 10px }

.multimedia-plus.multimedia-mobile .box-news > .content > .title a { color: #000; font-size: 14px }

.multimedia-plus .box-news > .content > .title > a { color: #fff }

.multimedia-plus .box-news > .content > .title > a:hover { color: var(--color-primary) }

.multimedia-plus .title-box-category { padding: 0 0 5px; border-bottom: 1px solid #bdbdbd; display: flex; align-items: center }

.multimedia-plus .title-box-category .parent-cate a { color: #fff; font-size: 22px }

.multimedia-plus .title-box-category .parent-cate a:hover { color: var(--color-primary) }

.multimedia-plus .title-box-category .parent-cate .inner-title:before { content: none }

.multimedia-plus .title-box-category .td-subcat-filter { bottom: 0 }

.multimedia-plus .title-box-category .sub-cate { color: #fff; font-size: 16px; margin-top: 0 }

.multimedia-plus .title-box-category .sub-cate a { color: inherit }

.multimedia-plus .title-box-category .sub-cate a:hover { color: var(--color-primary) }

#resultModal .modal-title { font-weight: 700; font-size: 20px }

.vote_rating_box { width: 100% }

.vote_rating_box .txt-kq-vote { align-items: flex-end; font-size: 16px; line-height: 150% }

.vote_rating_box .txt-kq-vote .option-txt { flex-shrink: 1 }

.vote_rating_box .txt-kq-vote .count-vote-kq { margin-left: auto; padding-left: 15px; white-space: nowrap; font-size: 14px }

.vote_rating_box .item-kq-vote { margin-bottom: 15px }

.vote_rating_box .item-kq-vote .kq-vote { margin-top: 10px }

.vote_rating_box .item-kq-vote .kq-vote .progress-bar { background-color: var(--color-primary) }

.vote_rating_box .title_bx { font-size: 18px; line-height: 160%; font-weight: 700; color: #222; margin-bottom: 10px }

.preview-image,
.select-image { width: 150px; height: 150px; position: relative; border: 2px dashed #3c8dbc; text-align: center; color: #3c8dbc; cursor: pointer; margin-bottom: 15px }

.preview-image input,
.select-image input { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; line-height: 150px; opacity: 0; z-index: 2; cursor: pointer }

.preview-image input[type=file],
.select-image input[type=file] { display: block }

.preview-image:after,
.select-image:after { content: "\F067"; font-family: Font Awesome\ 5 Pro; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 150px; z-index: 1; font-size: 20px; font-weight: 400 }

.preview-image:after { content: none }

.preview-image img { max-width: 90%; width: auto !important; -o-object-fit: contain; object-fit: contain; height: 90% !important; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) }

.preview-image .remove { position: absolute; z-index: 999; right: -8px; top: -8px; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #ba2026; color: #fff; border: none; outline: none }

.general-form-inner { width: 100% }

.vue-treeselect__control { border-radius: 0 !important }

.vue-treeselect--single .vue-treeselect__input { margin-bottom: 0 !important }

.vue-treeselect__placeholder,
.vue-treeselect__single-value { line-height: 40px !important }

.article-list .box-news { margin-bottom: 15px }

.w-separator { clear: both; overflow: hidden; line-height: 0; height: 1px; width: 100%; margin: 30px 0; background: #e5e5e5 }

.kind-icon { position: absolute; left: 10px; bottom: 8px; display: flex }

.review-section { margin-top: 24px; margin-bottom: 24px }

.review-section .title-box-category.default { margin: 15px 0 0 15px }

.review-section .title-box-category.default .parent-cate { color: #fff }

.review-section .title-box-category.style_7 { left: 0; margin-bottom: -20px }

.review-section .foru-containers { display: flex; flex-direction: column; background-image: linear-gradient(90deg, #5563aa, #984aae); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top: 5px solid #49edd4 }

.review-section .main-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0 15px 12px; margin-top: 20px }

.review-section .main-content .threads { display: flex; overflow-x: auto; gap: 15px }

.review-section .main-content .threads::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: hsla(0, 0%, 100%, .13) }

.review-section .main-content .threads::-webkit-scrollbar-thumb { border-radius: 10px; background-color: hsla(0, 0%, 100%, .35) }

.review-section .main-content .threads .box-news { background-color: rgba(0, 0, 0, .2); min-width: 210px; margin: 7px 0; border-radius: 6px }

.review-section .main-content .threads .box-news .meta-news { margin-top: 6px; font-size: 12px; font-weight: 700; padding: 0 10px; display: flex; align-items: center }

.review-section .main-content .threads .box-news .meta-news .author-meta img,
.review-section .main-content .threads .box-news .meta-news .cat,
.review-section .main-content .threads .box-news .meta-news .time-public { display: none }

.review-section .main-content .threads .box-news .title { margin-top: 4px; cursor: pointer; padding: 0 10px 10px }

.review-section .main-content .threads .box-news .title a { color: #fff; font-size: 16px; font-weight: 700 }

@media (min-width:768px) {
    .review-section .main-content .threads .box-news { max-width: 180px; flex: 0 0 180px }
}

.review-section.no-background .foru-containers { background-image: none }

.review-section.no-background .title-box-category { margin: 0 0 15px }

.review-section.no-background .title-box-category .parent-cate { color: #000 }

.review-section.no-background .main-content { padding: 0; margin-top: 0 }

.review-section.no-background .main-content .threads .box-news { background-color: #fff; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .08) }

.review-section.no-background .main-content .threads .box-news .title a { color: #000 }

.project-section .foru-containers { background: #eaedf1; border-top: 5px solid var(--color-primary) }

.project-section .parent-cate { background-image: linear-gradient(90deg, var(--color-secondary), var(--color-primary)); text-transform: none }

.project-section .parent-cate:after { border-top: 50px solid var(--color-primary) }

.project-section .thumbnail { position: relative; cursor: pointer }

.project-section .thumbnail:before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(180deg, transparent 3%, #101426); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px }

.project-section .thumbnail .thumb-wrapper { position: relative }

.project-section .thumbnail .thumb-wrapper .thumb { background-position: 50%; background-size: cover; background-repeat: no-repeat; display: block; height: 100%; margin: 0; width: 100%; background-color: #e5e6ec; border: 1px solid #e5e6ec; padding: 66.6667% 0 0 }

.project-section .thumbnail .thumb-wrapper .thumb img { display: block; height: 100%; margin: 0; padding: 0; width: 100%; opacity: 0 }

.project-section .thumbnail .title-container { z-index: 2; position: absolute; bottom: 10px; padding: 10px; text-align: center; width: 100% }

.project-section .thumbnail .title-container .title { color: #fff; font-size: 16px; font-weight: 700; text-shadow: 0 2px 2px rgba(0, 0, 0, .5) }

.project-section .thumbnail .title-container .underline { width: 47px; height: 3px; margin: 8px auto 10px; border-radius: 1.5px; background-color: #ccdbff }

.trending-section .title-box-category { margin-bottom: 15px }

.trending-section .title-box-category .parent-cate { color: inherit; font-weight: 700; display: flex; align-items: center }

.trending-section .title-box-category .parent-cate:before { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeVSURBVHgB1VvNUtxGEO4ZrR18yuYJojyBySF2cOHycktOhltyMtxSLhsWXIkhF8MlJkkF5JhQuXl5AuMnYF1Fyg6XrG++RXmD5RLbgZ1Ot35AGo200kqLl69q0e5okPSpZ3r6bwQMEbeb344LKRoS5GVAsEHQB7AOIOqnvbArhHRRYVcK7CgQr3qq19l2fu7AkCCgQjSbzXpPjk2DwJtEshEnVxgufdqoYGfLWW9DhaiEdLO5bKPEBQUwW5JoGlwJuPtOiUe/O+sulEQp0ky2J+EBeGTPDK0jBWtlyA9EmoexkmMLCNgsKFmX/6Dwjz6wLni+F7/O2uON9RYMgMKkbze/H7ekekpf7eye2EUhOojqGapa+yL86zqO003rzS/yGMbGUapxUmw3hacT+gChfYQwV1TqhUjPL95fICJOVh+SYpsu+6jWe9POItkPwdRp0FeePnZGV5eeaXHrl4e7kBO5SS8srWwqbzib4ZHtwVrVmpZxp7ncAAseZEmfiKz+urG+BjmQi/TdpeUnkKKsBA1h1cPFYZA1PMcsZEg+L3GrX4cswoj4iJTJzMHLfRfOAAcv9jvXrk4+o6XxIyFg3NCl8fnEJPz5Yv951nUyJT2/tPwA6e0lz5CSUmLmLKSbhjtLy6vCl7oBYvHxxsNU3ZNKOkNpubROTlVhJJTFneZ302TmPjEtd2TJTaUJxUg60Jx/G06NDOEQ/hLa2zMQT31WaboQEd5LtmJ31Agztp0fOuSszBlO2RcEPDH9T0KR8Tymw7TejkJ+vb25/hJGEAcv/3j92cT1Qxq2X8ROkFd35dr1V6QAX8ebI0gb1qTM1rY21ldhxHF3aYUsRdQF5lrq7adRQyk2vAPnQYd7HggzLPVmjqeh1mwfy7GYUXVCmqUMhvWYHPoZOCdgaSqQCeNEgFhg2z78fUI6RcqtYUYwhoHf/PXZjbdi/Uhemg1/RYZ3Yi4A+61wPpF4bokUzQm/8x/fpo2vc0hu26gtT3nh+9na3BbQ8BwXQs1v4bcQt1PItt2BkuDAoASrPqi5GvrYefoe05COCgnJvU2Yqb6r2g5I6y6b6JLt2oISiDoq8/dWOrL3ZqqIfz2/uHKrJ7CV1/e9QKTpJc+EOqimoKXrKXJNb/BR+iLXTDhUz6EEdM+MvLFxZV3ai2rQfkCBq1AMtiXkavjD8aXuxnrQEOdnkAgqMXyUkG0YEGmuaHHiWDiqSkP6w/g9ISE8ni6S4lG2fkIoHGiZyvK9/YfIT9y03haF8EJX2jNIQaQlXNZP1OBtYdL9CJ/cNCdxXm/ZPWQTOPxwlAYKgDMleptAZde8dEu8uVs0oJdB2BXoRUVjUyhCPFO5BVqfP55io5BzLk0e4iJY3Z7WRorRlvrcEUK3ZrKRRZhdUYnvpoh44o0XGeoeYdLkUBCOwc7geS91za0U5pZyP8K8brIkyxAflHDkLjE+Uoq6hAGRh3DYMCjxTMIK5iAXRFe732CkixAOUZR4P8KPndwpHTt+L04GauIXIjtdMwjhEHmJV0jYCKmLPyuRVoZwiH7EKb/9V37C2foniBHEIAAPWdLazbFuml9VEA6RRRzS8lYGCesGjO4kHRuuhZzrRhT/6Cd0z4bzWFAR4RB9iMeRMqR9A0bNeMYLPYeeujWZ2BTgdGv0dpLDTHrGRPv0nmrWECIvHQNn4mygKPhgTzdg4PTmmXN4y/lplw67pnO0PN3Q29jElpZK2qfRKAMDkwZLZUH/TImXVlrJF8lWnvStlmSUITqvVc/iNdENflae5QiJ03MEEqPnKUk4iJLY0TaOBvGx5v8QOzTMF6IdgkCaw985i0CHT74hbTisEFJgg8+EL7tMQp9BjtStRFug6PzICdKc0EgHQ9yJtp1FzKws2QgaesNRMJU9i8z3ZtIDaecNQfLejrZFA50nZigH0vR/puGQkv8deSSeO7qGn5CuqbeOUdr3VqbhHCFIQNpasxtdw09I81wyShtxs0hA733Cq1w0Vk7Eg/8xL8sobXprZA9vwjmAOa8elzIjRjotAUaYpTRoE0YYKcPamIA0xtLv3lveA0PNVlYdx/tEWkEQVz9tbf6YEJYxiGD1wJTnpQVfPOVUDYwQ0iugwK3hO1O7mTSbplwylTyDdUvW9kZFo2eVfLGpnGbopBbPcUGcsY4DYIzavspTpDZMsLtLhJdN50hgX24766kua9/8WHaRWvna66LgZUlZ4ilHWYwdcjgqfcskD17st69MTJJBYyxGHbcETF+dmDzkEkYYIthWuHKtcV/5oSTb2CmnZ5a7CriPxBkulCg8T0O+gvpiZZu5STPYASGXjWNldkY3b7/FkVI7ZepV+F6WxJs59oUU9u8LkWbwnDoWsErj/VaO7i592hRueiWU7HBi0KRR2U8nH9fmqn5vO5NX/9J/ewOvw7wsFXVHC5MO0a/2OhtsA3DoWd+jlQ9la8wHJh0imOssdRuGDxcq0BulSYdgyVOQfkGgqNxiq3qrRGWkQ3ApspRqmq58I9eOGyNOd/pcUP+1KgwheaicdBTRbUcWClsJ+TE56HV/L5ao08jw5ja9HE7eHzLRHim8ftuZyuJ/loKAEgTmPp4AAAAASUVORK5CYII=) }

.trending-section .threads { position: relative; display: flex; flex-wrap: wrap }

.trending-section .threads .thread { position: relative; display: flex; flex: 0 0 50%; flex-direction: row; flex-wrap: wrap; margin: 10px 0; color: #222b45 }

.trending-section .threads .thread .thread-index { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; flex: 0 0 60px; font-size: 40px; font-weight: 900; color: #a2acc6; line-height: 1; font-family: RobotoCondensed, Arial, sans-serif }

.trending-section .threads .thread .thread-index:before { content: "#"; display: inline-block }

.trending-section .threads .thread .thread-content { position: relative; display: flex; flex-direction: column; width: calc(100% - 60px) }

.trending-section .threads .thread .thread-content .thread-title { font-family: var(--heading-font); font-size: 16px; font-weight: 700; color: inherit; margin-bottom: 8px; width: calc(100% - 20px) }

.trending-section .threads .thread .thread-content .thread-title:hover { color: var(--color-primary) }

.trending-section .threads .thread .thread-content .meta-news { margin: 0 }

.trending-section .threads .thread .thread-content .meta-news .author-meta img { width: 20px; height: 20px }

@media (max-width:500px) {
    .trending-section .threads .thread { flex: 0 0 100% }
}

.trending-section.cols_1 .threads .thread { flex: 0 0 100%; max-width: 100% }

.youtube-videos .title h2 { font-size: 18px; font-weight: 700; line-height: 21px }

.youtube-videos .title h2 .inner-title { margin-left: 15px }

.youtube-videos .main-content { margin-top: 24px }

@media (max-width:767px) {
    .youtube-videos .main-content { margin-top: 18px }
}

.youtube-videos .iframe-wrapper { width: 100%; padding-top: 56.25%; position: relative }

.youtube-videos .iframe-wrapper iframe { position: absolute; top: 0; left: 0 }

.youtube-videos .more-btn { margin-top: 15px }

.youtube-videos .more-btn a { font-weight: 700 }

.youtube-videos .others-video { height: 292px; overflow-y: auto; background-color: #192433 }

.youtube-videos .others-video::-webkit-scrollbar { width: 8px; height: 8px; margin: 0; padding: 0; border-radius: 10px; background-color: rgba(0, 0, 0, .13) }

.youtube-videos .others-video::-webkit-scrollbar-thumb { border-radius: 10px; background-color: hsla(0, 0%, 69%, .55) }

.youtube-videos .others-video ol { display: inline-block; width: 100%; padding: 0 }

.youtube-videos .others-video ol li { padding: 15px 10px 10px; display: flex; overflow: hidden; width: 100%; outline: none; cursor: pointer }

.youtube-videos .others-video ol li .image-wrapper { max-width: 110px; flex: 0 0 110px }

.youtube-videos .others-video ol li .image-wrapper .video-mask { width: 24px; height: 24px; margin: -12px 0 0 -12px }

@media screen and (max-width:480px) {
    .youtube-videos .others-video ol li .image-wrapper .video-mask { margin: 0 }
}

.youtube-videos .others-video ol li .content { flex: 1 1 0px; margin-left: 12px; color: #fff }

.youtube-videos .others-video ol li .content .title { font-size: 15px; line-height: 1.2em; margin-bottom: .2em; max-height: 4.8em; overflow: hidden; color: #fff; text-align: left }

.youtube-videos .others-video ol li .content .info { text-align: left; color: #bab9b9; font-size: 13px }

.youtube-videos .others-video ol li .content .info .view:before { content: " \2013   " }

.youtube-videos .others-video ol li.active { background-color: #2e3a59 }

.promotion-template { margin-bottom: 15px }

.promotion-template .info { background-color: #0f1e2f; padding: 10px 6px; border-top: 1px solid #e5e6ec; border-left: 1px solid #e5e6ec; border-right: 1px solid #e5e6ec; border-top-left-radius: 8px; border-top-right-radius: 8px }

.promotion-template .info .title { font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; display: flex; flex-direction: row; align-items: center }

.promotion-template .info .hightlight { width: 35px; height: 24px; position: relative }

.promotion-template .info .hightlight:after,
.promotion-template .info .hightlight:before { content: ""; border-radius: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0 }

.promotion-template .info .hightlight:before { width: 100%; height: 100%; background: var(--color-secondary); opacity: .2; -webkit-animation: zoom-jsx 1s ease-out infinite; animation: zoom-jsx 1s ease-out infinite }

.promotion-template .info .hightlight:after { width: 10px; height: 10px; background: var(--color-secondary); -webkit-animation: zoom-jsx 1s ease-in .05s infinite; animation: zoom-jsx 1s ease-in .05s infinite }

.promotion-template .header-promo-img { max-width: 100%; height: auto; border-bottom: 1px solid #e5e6ec; border-left: 1px solid #e5e6ec; border-right: 1px solid #e5e6ec; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0 2px 5px 0 hsla(0, 0%, 71.8%, .4) }

.horizontal-scroll-content .article-list-wrapper .main-content { width: 100%; overflow-x: auto }

.horizontal-scroll-content .article-list-wrapper .threads { display: inline-flex; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0; margin: 0 }

.horizontal-scroll-content .article-list-wrapper .threads .box-news { display: flex; flex-direction: column; width: 180px; background: #f7f7f7; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }

@media screen and (max-width:480px) {
    .horizontal-scroll-content .article-list-wrapper .threads .box-news { width: 160px }
}

.horizontal-scroll-content .article-list-wrapper .threads .box-news .content { width: 100%; padding: 10px; margin-bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }

.horizontal-scroll-content .article-list-wrapper .threads .box-news .content .title a { white-space: normal }

.horizontal-scroll-content .article-list-wrapper .threads .box-news:not(:last-child) { margin-right: 1rem }

img { height: auto; max-width: 100% }

.has_ratio { position: relative; width: 100% }

.has_ratio img { position: absolute !important; top: 0; left: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover }

.stretched img { width: 100% }

.meta-news > :not(:last-child) span:after,
.meta-news span:not(:last-child):after { content: " "; display: inline-block; margin: 0 0 0 5px }

.w-grid[class*=cols_]:not(.item-layout-default) .grid-list { display: flex; flex-wrap: wrap; margin: 15px -15px }

.w-grid[class*=cols_]:not(.item-layout-default) .grid-list .grid-item { padding: 0 15px 15px }

.w-grid[class*=cols_].item-layout-1 .grid-list { display: flex; flex-wrap: wrap; margin: 0 }

.cols_1 > div[class*=list] > * { flex: 0 0 100%; max-width: 100% }

.cols_2 > div[class*=list] > * { flex: 0 0 50%; max-width: 50% }

.cols_3 > div[class*=list] > * { flex: 0 0 33.3333%; max-width: 33.3333% }

.cols_4 > div[class*=list] > * { flex: 0 0 25%; max-width: 25% }

.cols_5 > div[class*=list] > * { flex: 0 0 20%; max-width: 20% }

.cols_6 > div[class*=list] > * { flex: 0 0 16.6666%; max-width: 16.6666% }

.cols_7 > div[class*=list] > * { flex: 0 0 14.2857%; max-width: 14.2857% }

.cols_8 > div[class*=list] > * { flex: 0 0 12.5%; max-width: 12.5% }

.cols_9 > div[class*=list] > * { flex: 0 0 11.1111%; max-width: 11.1111% }

.cols_10 > div[class*=list] > * { flex: 0 0 10%; max-width: 10% }

@media (max-width:1199px) {
    .w-grid:not(.item-layout-default) > div[class*=list] > * { flex: 0 0 33.3333%; max-width: 33.3333% }

    .item-layout-default > div[class*=list] > * { flex: 0 0 100%; max-width: 100% }
}

@media (max-width:899px) {
    .w-grid:not(.item-layout-default) > div[class*=list] > * { flex: 0 0 50%; max-width: 50% }
}

@media (max-width:599px) {
    .w-grid > div[class*=list] > * { flex: 0 0 100%; max-width: 100% }
}

.form-control.form-control-solid { background-color: #f5f8fa; border-color: #f5f8fa; color: #5e6278; transition: color .2s ease, background-color .2s ease }

.upload-preview-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center }

.upload-preview-wrapper .upload-image-box { display: block; min-width: 150px; margin: 10px 10px 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); transition: all .3s cubic-bezier(.25, .8, .25, 1); position: relative }

.upload-preview-wrapper .upload-image-box small { position: absolute; bottom: -20px; width: 100%; left: 0; text-align: center }

.upload-preview-wrapper .upload-options { position: relative; height: 40px; background-color: var(--color-primary); cursor: pointer; overflow: hidden; text-align: center; transition: background-color .15s ease-in-out }

.upload-preview-wrapper .upload-options:hover { background-color: #afafaf }

.upload-preview-wrapper .upload-options input { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 }

.upload-preview-wrapper .upload-options label { display: flex; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden }

.upload-preview-wrapper .upload-options label:after { content: "\F067"; font-family: Font Awesome\ 5 Pro; position: absolute; font-size: 30px; color: #e6e6e6; top: calc(50% - 22px); left: calc(50% - 10px); z-index: 0 }

.upload-preview-wrapper .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center }

.upload-preview-wrapper .upload-options label span:hover i.material-icons { color: #d3d3d3 }

.upload-preview-wrapper .js--image-preview { height: 110px; width: 100%; position: relative; overflow: hidden; background-image: url(); background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: cover }

.upload-preview-wrapper .js--image-preview:after { content: "\F03E"; font-family: Font Awesome\ 5 Pro; position: relative; font-size: 3.5em; color: #e6e6e6; top: calc(50% - 2.5rem); left: calc(50% - 1.8rem); z-index: 0 }

.upload-preview-wrapper .js--image-preview.js--no-default:after { display: none }

#goc_nhin .title a { font-family: var(--heading-font); font-size: 18px }

#goc_nhin .slick-list { margin: 0 -10px }

#goc_nhin .slick-list .slick-slide { padding: 0 10px }

#goc_nhin .box-news { margin-bottom: 0 }

#goc_nhin .meta-news { margin: 15px 0; clear: both; overflow: hidden; display: flex; justify-content: space-between; align-items: center }

#goc_nhin .meta-news .meta-left { padding-right: 15px }

#goc_nhin .meta-news .author__name { font-style: italic; color: #838383 }

#goc_nhin .meta-news .comment-count { float: none; display: block; padding-left: 0 }

#goc_nhin .meta-news .viewed { color: #838383; font-size: 13px }

#goc_nhin .avartar { width: 64px; height: 64px; border-radius: 50%; display: block; overflow: hidden }

#goc_nhin .avartar img { width: 100%; height: 100% }

@media screen and (max-width:991px) {
    #goc_nhin { padding: 15px 0 }
}

@media screen and (max-width:767px) {
    #goc_nhin { background: #f7f7f7; padding: 15px; border-top: 1px solid #e5e5e5 }

    #goc_nhin .title-box-category .parent-cate a { color: #000 }
}

.form-error { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }

.group-links-groups { display: block; overflow: hidden; height: 450px }

.custom-scrollbar::-webkit-scrollbar { width: 14px; height: 14px }

.custom-scrollbar::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #f2f2f2; background-color: #b9b9b9 }

.custom-scrollbar::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 8px }

.scroll-vertical { overflow: hidden; padding-right: 14px }

.scroll-vertical:hover { overflow-y: auto; padding-right: 0 }

.clearfix { clear: both }

.widget-tab-view .nav-item { margin-left: 32px }

.widget-tab-view .nav-item .nav-link { display: inline-block; padding: 6px 15px; color: #fff; text-transform: uppercase; background-color: var(--color-primary); font-size: 14px; font-weight: 700; margin: 0; position: relative; height: 32px; border: none; border-radius: 0 }

.widget-tab-view .nav-item .nav-link:before { content: ""; position: absolute; left: -30px; top: 0; width: 0; height: 0; border-top: 32px solid var(--color-primary); border-left: 30px solid transparent; display: block }

.widget-tab-view .nav-item .nav-link:after { position: absolute; top: 0; right: -30px; content: ""; display: inline-block; width: 0; height: 0; border-bottom: 32px solid var(--color-primary); border-right: 30px solid transparent }

.widget-tab-view .nav-item .nav-link.active { background-color: var(--color-secondary) }

.widget-tab-view .nav-item .nav-link.active:before { border-top: 32px solid var(--color-secondary) }

.widget-tab-view .nav-item .nav-link.active:after { border-bottom: 32px solid var(--color-secondary) }

.widget-tab-view .nav-item:first-child { margin-left: 0 }

.widget-tab-view .nav-item:first-child .nav-link:before { content: none }

.widget-fact { margin-top: 15px }

.widget-fact .header { align-items: center; justify-content: space-between; display: flex }

.widget-fact .header .section-heading { color: #2d3748; font-size: 18px; font-weight: 700; margin: 0 }

.widget-fact .header .follow { color: var(--color-primary); font-size: 14px; font-weight: 500 }

.widget-fact .main { position: relative }

.widget-fact .facts-container { margin-top: 16px; overflow-x: auto; align-items: center; display: flex; gap: 10px }

.widget-fact .facts-container .item { padding: 0 0 8px }

.widget-fact .facts-container .item.new-fact .thread-editor { margin: 0; padding: 0; position: relative; background: none }

.widget-fact .facts-container .item.new-fact .thread-editor .preview-view-container { display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 8px; position: relative; text-align: center; overflow: hidden; width: 112px; height: 180px; background-image: linear-gradient(315.42deg, #2af598 3.91%, #0049fd 96.72%) }

.widget-fact .facts-container .item.new-fact .thread-editor .preview-view-img { position: absolute; top: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); filter: blur(10px); -webkit-filter: blur(10px); background-position: 50%; background-repeat: no-repeat; background-size: cover }

.widget-fact .facts-container .item.new-fact .thread-editor .avatar { position: relative; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #1570ef; background-size: contain; background-repeat: no-repeat; background-position: 50% }

.widget-fact .facts-container .item.new-fact .avatar-plus { color: #fff; font-size: 20px; line-height: 17px; width: 18px; height: 18px; border-radius: 50%; bottom: -2px; right: -2px; position: absolute; background-color: var(--color-primary) }

.widget-fact .facts-container .item.new-fact .create-fact { color: #fff; font-size: 13px; font-weight: 600; margin-top: 4px; z-index: 2 }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container { text-align: center; width: 112px; height: 180px; border-radius: 10px; overflow: hidden; position: relative; background-image: linear-gradient(315.42deg, #2af598 3.91%, #0049fd 96.72%) }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-img { -o-object-fit: cover; object-fit: cover; width: 112px; height: 180px; border-radius: 8px; transform: scale(1.2); transition: all .4s ease }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container:hover > .preview-view-img { transition: all .4s ease; transform: scale(1.4) }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-mask { width: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; background-image: linear-gradient(180deg, rgba(0, 0, 0, .0001) 3.17%, #000); opacity: .8; overflow: hidden; padding: 50px 0; cursor: pointer }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar { top: 8px; left: 9px; position: absolute }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar { width: 32px; height: 32px; margin-right: 8px; border-radius: 100%; border: 1px solid #1570ef; background-color: #fcfcfd; display: block }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar .image-loader { overflow: hidden; position: relative; display: block }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar .image-loader .spacer { display: block }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author-avatar .avatar img { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute; -o-object-fit: cover; object-fit: cover }

.widget-fact .facts-container .item:not(.new-fact) .preview-view-container .preview-view-author { color: #fff; font-weight: 500; font-size: 13px; bottom: 8px; left: 9px; position: absolute; max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

.toogle-text .content { text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 14 }

.toogle-text .content.no-hidden { -webkit-line-clamp: inherit }

.toogle-text .text-more { cursor: pointer; color: #007bff; font-size: 13px }

.widget-countdown { background: #f7f7f7; border-radius: 10px }

.widget-countdown.bg-dark figcaption,
.widget-countdown.bg-dark li:after,
.widget-countdown.bg-dark p { color: #fff }

.widget-countdown .widget-content { width: 100%; display: flex; padding: 10px 15px; flex-wrap: wrap; box-sizing: border-box; text-align: center; align-items: center; justify-content: center }

.widget-countdown .widget-content figcaption { font-size: 17px; text-align: left; font-weight: 700; margin-bottom: 20px; margin-top: 10px }

.widget-countdown .widget-content .ps-finished-text { margin: 0 }

.widget-countdown .widget-footer { width: 100%; margin: 0; padding: 10px 0; font-size: 18px; border-top: 1px solid #fff; text-align: center; font-weight: 600 }

.widget-countdown .widget-footer p { margin: 0 }

.ps-countdown { display: flex; justify-content: space-between }

.ps-countdown li { display: inline-block; padding-right: 10px; position: relative; text-align: center; margin-right: 5px }

.ps-countdown li:after { color: #666; content: ":"; font-size: 20px; font-weight: 600; position: absolute; right: 0; top: 12px }

.ps-countdown li:last-child { margin-right: 0; padding-right: 0 }

.ps-countdown li:last-child:after { content: none }

.ps-countdown li span { align-items: center; background-color: #fff; border: 1px solid #ccc; color: red; display: flex; font-size: 30px; font-weight: 600; height: 54px; justify-content: center; margin-bottom: 5px; width: 54px }

.ps-countdown li p { margin-bottom: 0 }

.wn-slider .bg-overlay-gradient a:before { background-image: linear-gradient(transparent 60%, #000) }

.wn-slider .hero-slider { padding: 0 10px }

.wn-slider .slick-carousel a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: inherit }

.wn-slider .slick-carousel .cover-image { width: 100%; display: block; overflow: hidden; height: 0; padding-top: 50%; background-size: cover; position: relative }

.wn-slider .slick-carousel .cover-image img { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; -o-object-fit: cover; object-fit: cover }

.wn-slider .slick-carousel .slider-content { margin-top: auto; padding: 10px }

.wn-slider .slick-carousel .slider-content > * { color: #fff }

.wn-slider .slick-carousel .slider-content .slide-title { font-size: 20px; font-weight: 700 }

.wn-slider .slick-carousel .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: .625rem; z-index: 1 }

.wn-slider .slider-nav { margin: 0 -10px }

.wn-slider .slider-nav .slick-current .item-wrapper .thumbnail:before,
.wn-slider .slider-nav .slick-slide:hover .item-wrapper .thumbnail:before { opacity: 0 }

.wn-slider .slider-nav .slick-slide { outline: none }

.wn-slider .slider-nav .item-nav { outline: none !important; cursor: pointer; padding: 5px }

.wn-slider .slider-nav .item-nav .item-wrapper { padding: 3px; box-shadow: 0 11px 19px 0 rgba(51, 51, 51, .15) }

.wn-slider .slider-nav .item-nav .item-wrapper .thumbnail:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); z-index: 1 }

.wn-slider .slider-nav .item-nav .thumbnail { padding-bottom: 60%; position: relative; display: block; overflow: hidden }

.wn-slider .slider-nav .item-nav img { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover }

body.loaded .td-subcat-filter { opacity: 1 }

body.is_mobile.home .section-content { padding-top: 0 !important }

.time_clock { color: var(--header-text-color, #000); font-size: 22px; line-height: 33px }

.clamp-3-lines { -webkit-line-clamp: 3 }

.clamp-3-lines,
.clamp-4-lines { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical }

.clamp-4-lines { -webkit-line-clamp: 4 }

.btn-link { color: var(--color-primary) }

.category-v5 .box-featured-article,
.category-v5 .tieudiem .box-news { margin-bottom: 15px }

@media screen and (min-width:767px) {
    .category-v5 .tieudiem .box-news .content { background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .9)); padding: 50px 3.33333333% 20px; position: absolute; left: 0; bottom: 0; width: 100% }

    .category-v5 .tieudiem .box-news .content > .title > a { color: #fff; font-size: 24px }

    .category-v5 .tieudiem .box-news .content .meta-news { color: #eee }
}

.category-v5 .box-related .box-news .content > .title a { font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em }

.page_tag .article-detail .article-content h2,
.page_tag .article-detail .article-content h2 *,
.page_tag .article-detail .article-content h3,
.page_tag .article-detail .article-content h3 * { font-size: 17px !important }

@-webkit-keyframes animate-arrow-1 {
    0% { transform: translateY(-40px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: .3 }
}

@keyframes animate-arrow-1 {
    0% { transform: translateY(-40px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: .3 }
}

@-webkit-keyframes animate-arrow-2 {
    0% { transform: translateY(-20px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: .5 }
}

@keyframes animate-arrow-2 {
    0% { transform: translateY(-20px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: .5 }
}

@-webkit-keyframes animate-arrow-3 {
    0% { transform: translateY(-10px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: 1 }
}

@keyframes animate-arrow-3 {
    0% { transform: translateY(-10px); opacity: 0 }

    70%, to { transform: translateY(0); opacity: 1 }
}

.readmore_content_exists,
.readmore_content_exists button { text-align: center; position: relative }

.readmore_content_exists button { margin: 0 5px 20px; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; display: inline-block; border: none; font-size: 19px; background: url() no-repeat top; background-color: transparent; background-size: 26px 17px; padding-bottom: 0; padding-top: 40px; color: rgba(51, 51, 51, .5) }

.readmore_content_exists button span.arrow { top: 22px }

.readmore_content_exists button span.arrow:before { top: -5px; opacity: 1 }

.readmore_content_exists button span.arrow:after,
.readmore_content_exists button span.arrow:before { content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC); display: block; width: 25px; right: 0; left: 0; margin: auto; position: absolute; height: 15px; background-size: contain; background-repeat: no-repeat }

.readmore_content_exists button span.arrow:after { top: 2px; opacity: .5 }

.readmore_content_exists button .arrow:after { -webkit-animation: animate-arrow-2 1s ease-in-out .1s infinite; animation: animate-arrow-2 1s ease-in-out .1s infinite }

.readmore_content_exists button span,
.readmore_content_exists button span span { display: block; right: 0; left: 0; margin: auto; position: absolute }

.readmore_content_exists button span span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAMCAYAAAAH4W+EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc3NEIyN0EyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc3NEIyNzkyRDY0MTFFQjkzMDRBMjIxNzc0RTBDODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjdCMUQ3OTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjdCMUQ3QTJDQUIxMUVCOENCRERGNDFFOTA1OTlERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph5ikagAAAGHSURBVHjaYmAAAg8Pj14vLy87Bjzg////JGFPT09GHx8fNnxmguwE2Q1iMwI1eAI1bgPZxcjIOJ+Dg6Ns/fr1b3E5hhjg7e3NuG3bNpyKAwMDhX/8+NEFNC8J7AhGRi8mHh6evUBGHRD/AkkAFVwHujQWmwFANWCMx4eMYWFheB0BMhtkB8guoFk/QXaD3QBTAAxG1b9//84AKnCCWrqPmZk5Y8uWLbfxRRdSKDADHfAXl1pC5jNiczFQcS8Qi4JcDBRqBbq4c/Xq1b+wWRAaGgoygxEo/w+HPNuXL1/KgcxqoJnsQDNfA3Ex0NGLUUIbh2YhoOZuoMZEqJobTExM6UDNhxhIAKDE+O/fv5lApgYsDQI9VQp09DuMaKeWQZR6hBmfgbdv335oaGg4+zcQAB1hDTTYFMhMUlNTewGUu4QrMf769WszUK0NKAMAcRMvL2/Mxo0b7+Gzi5HYYCaU2MhJ7GQ5BF9ihkrhTYxUdwhagZSIZAbRaYhqDsGSmBnIyVXIACDAAM34JXWPolNhAAAAAElFTkSuQmCC); width: 25px; top: 9px; height: 15px; opacity: .3; background-size: contain; background-repeat: no-repeat }

.readmore_content_exists button .arrow span { -webkit-animation: animate-arrow-1 1s ease-in-out infinite; animation: animate-arrow-1 1s ease-in-out infinite }

.readmore_content_exists button .arrow:before { -webkit-animation: animate-arrow-3 1s ease-in-out .2s infinite; animation: animate-arrow-3 1s ease-in-out .2s infinite }

.readmore_content_exists:before { content: ""; position: absolute; bottom: 100%; height: 200px; left: 0; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); width: 100% }

.this_class_to_hide_all { display: none !important }

.bottom-main { background: #f4f6fa; padding: 20px 0 }

.sidebar-inner { position: sticky; top: 120px }

.overlay-style-1.post-item { border-radius: 5px }

.overlay-style-1.post-item,
.overlay-style-1.post-item .post-thumb { position: relative; overflow: hidden }

.overlay-style-1.post-item .post-thumb a { display: block }

.overlay-style-1.post-item .post-thumb a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #000; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" }

.overlay-style-1.post-item .post-thumb img { -o-object-fit: cover; object-fit: cover; transition: .5s; width: 100%; height: 360px }

.overlay-style-1.post-item .post-content { position: absolute; bottom: 40px; left: 40px; right: 40px; z-index: 1 }

.overlay-style-1.post-item.sm-item .post-content { left: 30px; right: 30px; bottom: 30px }

.overlay-style-1.post-item .post-title { font-size: 20px; line-height: 30px; font-weight: 700 }

.overlay-style-1.post-item .post-title a { color: #fff; background: linear-gradient(90deg, #fff, #fff); background-size: 0 6%; background-repeat: no-repeat; background-position: left 100%; transition-duration: .5s; display: inline }

.overlay-style-1.post-item .description,
.overlay-style-1.post-item .meta-news span { color: #fff }

.overlay-style-1.post-item .cate-badge { color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 30px; line-height: 1.5; display: inline-block; padding: 5px 15px; border-top-left-radius: 0; letter-spacing: 1px; margin-bottom: 15px; transition: all .5s ease }

.overlay-style-1.post-item .cate-badge:hover { border-top-right-radius: 0; border-top-left-radius: 30px }

.overlay-style-1.post-item.lg-item .post-content { padding: 30px; bottom: 0; left: 0; right: 0 }

.overlay-style-1.post-item.lg-item .post-content:after { background: linear-gradient(0deg, #191c20, rgba(25, 28, 32, .95) calc(100% - 150px), rgba(25, 28, 32, 0)); width: 100%; height: 100%; bottom: 0; left: 0; content: ""; position: absolute; z-index: -1 }

.overlay-style-1.post-item:hover .post-title a { background-size: 100% 6% }

@media screen and (max-width:480px) {
    .overlay-style-1.post-item .post-title { font-size: 18px; line-height: 26px }
}

.img-scale .post-thumb img { transition: transform 1s ease }

.img-scale:hover .post-thumb img { transform: scale(1.1) }

.pfy-play-btn { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1 }

.pfy-play-btn a { color: #fff; z-index: 11; text-align: center; display: block; width: 48px; height: 48px; line-height: 48px }

.play2-btn { width: 50px; height: 50px; background: #ff0005; line-height: 50px; border-radius: 50%; margin: 0 auto 20px; position: relative }

.play2-btn a { color: #fff; z-index: 11; text-align: center; display: block }

.post-slider.full-width { width: 100vw; position: relative; left: calc(-50vw + 50% - 9px) }

.post-slider .post-slider-wrap.full-width { position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + 7.5px); margin-right: calc(-50vw + 7.5px); width: calc(100vw - 16px) }

.post-slider .post-slider-wrap.overlay-1 .post-thumb { position: relative; overflow: hidden; height: 600px; background-size: cover; background-position: 50% }

@media screen and (max-width:480px) {
    .post-slider .post-slider-wrap.overlay-1 .post-thumb { height: 400px }
}

.post-slider .post-slider-wrap.overlay-1 .post-content { position: absolute; top: 50%; width: 100%; text-align: left; transform: translateY(-50%); z-index: 1; padding: 0 30px }

.post-slider .post-slider-wrap.overlay-1 .post-content .post-title { font-size: 40px; line-height: 50px; font-weight: 700; color: #fff }

.post-slider .post-slider-wrap.overlay-1 .post-content .post-title a { color: inherit; background: linear-gradient(90deg, #fff, #fff); background-size: 0 6%; background-repeat: no-repeat; background-position: left 100%; transition-duration: .5s; display: inline }

.post-slider .post-slider-wrap.overlay-1 .post-content .post-excerpt { color: #fff; font-weight: 600; font-size: 20px }

.post-slider .post-slider-wrap.overlay-1 .post-content .post-btn { margin-top: 15px; min-width: 150px; border-radius: 30px; font-size: 16px; text-transform: uppercase; display: inline-flex; justify-content: space-between; align-items: center }

@media screen and (max-width:480px) {
    .post-slider .post-slider-wrap.overlay-1 .post-content .post-title { font-size: 24px; line-height: 30px }

    .post-slider .post-slider-wrap.overlay-1 .post-content .post-excerpt { font-weight: 500; font-size: 16px }

    .post-slider .post-slider-wrap.overlay-1 .post-content .post-btn { font-size: 14px }
}

.post-slider .post-slider-wrap.overlay-1 .post-item { position: relative; overflow: hidden }

.post-slider .post-slider-wrap.overlay-1 .post-item:after { position: absolute; content: ""; background: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }

.post-slider .post-slider-wrap.overlay-1 .post-item:hover .post-title a { background-size: 100% 6% }

.post-slider .post-slider-wrap .slick-dots { bottom: 15px }

.post-slider .post-slider-wrap .slick-list { margin: 0 }

.box-social { border: 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); background: #fff; padding: 15px 15px 15px 16px }

.box-social .box-content { display: flex; flex-wrap: nowrap; flex-grow: 1; flex-shrink: 1; width: 100%; align-items: flex-start; align-items: center; gap: 8px }

.box-social .box-content .submit { border: none; background: none; padding: 0; font-size: 22px; color: #7c7c7c; width: 33px }

.box-social .box-content .post-input { flex-grow: 1; padding: 8px 12px; border-radius: 20px; min-height: 40px; display: flex; justify-content: flex-start; align-items: center; height: auto; background: #f0f2f5 }

.box-social .box-content .post-input textarea { width: 100%; background: #f0f2f5; border: none; outline: none; margin-top: 0; margin-bottom: 0; height: 28px }

.box-social .box-content .post-input .input_content { width: 100%; cursor: text }

.box-social .box-content .post-input .comment-icons { display: flex }

.box-social .box-content .post-input .comment-icons a { color: #7c7c84; font-size: 15px }

.box-social .box-content .post-input .comment-icons label { margin: 0 }

.box-social .box-content .post-input .comment-icons li { color: #7c7c84; margin: 0 6px; cursor: pointer }

.box-social .box-content .post-input:hover { background: #eee }

.box-social .box-content .post-input a { width: 100% }

.box-social .box-content .post-input span { color: #65676b; width: 100%; word-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow-y: hidden; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto }

.btn-round { border-radius: 50px }

.btn-login,
.btn-register { min-width: 90px }

.block-scroll-main { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none }

.block-scroll-main::-webkit-scrollbar { display: none }

.block-scroll-main:after { background: linear-gradient(90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .8), #fff); content: ""; height: 100%; position: absolute; top: 0; right: 0; width: 40px }

.mobile-menu-scrollbar .menu-bar { display: flex; flex-wrap: nowrap; list-style-type: none; gap: 15px; padding-right: 40px }

.mobile-menu-scrollbar .menu-bar li { margin: 0; position: relative }

.mobile-menu-scrollbar .menu-bar li a { font-size: 14px; font-weight: 600; line-height: 34px; color: #757575; padding: 5px 0; display: block; height: 100%; white-space: nowrap; text-transform: uppercase; font-family: var(--menu-font) }

.mobile-menu-scrollbar .menu-bar li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transition: width .4s cubic-bezier(.175, .885, .32, 1.15); background-color: var(--color-primary) }

.mobile-menu-scrollbar .menu-bar li.active a:after,
.mobile-menu-scrollbar .menu-bar li:hover a:after { width: 100% }

.mobile-menu-scrollbar .menu-bar li:hover > .menu-link { background: none; color: var(--color-primary) }

.mobile-menu-scrollbar .menu-bar li:hover > .menu-link .nav-link-text { color: inherit }

.footer-toolbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 99999; background: #fff; z-index: 99; box-shadow: 0 0 9px rgba(0, 0, 0, .12); width: 100%; transition: .5s }

.footer-toolbar ul { -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -5px }

.footer-toolbar ul li { flex: 0 0 33.333%; padding: 7px 5px 3px; width: 100%; max-width: calc(33.33333% - 25px) }

.footer-toolbar ul li a { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 1.4; color: #333 }

.footer-toolbar ul li a i { font-size: 20px }

.footer-toolbar ul li a span { margin-top: 5px }

.footer-toolbar ul li.active a,
.footer-toolbar ul li:hover a { color: var(--color-primary); font-weight: 600 }

.footer-toolbar ul li.active a i,
.footer-toolbar ul li:hover a i { font-weight: 900 }

.content-viewmore { overflow: hidden; position: relative }

.content-viewmore img { width: 100%; display: block; margin: 0 auto; height: auto !important }

.content-viewmore .block-content_btn-showmore { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .91) 50%, #fff 55%); bottom: 0; display: block; left: 0; margin-bottom: 0; padding-top: 50px; position: absolute; right: 0; text-align: center; width: 100% }

.content-viewmore .block-content_btn-showmore .view-more-btn { align-items: center; background: #fff; border: none; border-radius: 0 0 10px 10px; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15); color: #212529; cursor: pointer; display: flex; font-size: 14px; height: 34px; justify-content: center; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 335px; -webkit-text-decoration: none; text-decoration: none; width: 100% }

.d-grid { display: grid }

.grid-cols-2 { height: auto; grid-template-columns: repeat(2, 1fr) }

.grid-cols-3 { height: auto; grid-template-columns: repeat(3, 1fr) }

.grid-cols-4 { height: auto; grid-template-columns: repeat(4, 1fr) }

.grid-cols-5 { height: auto; grid-template-columns: repeat(5, 1fr) }