/* Designed By Holson MP ------------------------------------------------ Table ------------------------------------------------ 1. General layout CSS styles 2. Header 3. Slider 4. Post 5. Sidebar 6. Post Detail 7. Pages 8. Pagination 9. Footer 10. Ad Spaces */ /* ============ 1. General layout CSS styles ============ */ /*----------------------------- CircularStd-Black -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-Black.eot"); src: url("../fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Black.woff") format("woff"), url("../fonts/CircularStd-Black.ttf") format("truetype"), url("../fonts/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-BlackItalic.eot"); src: url("../fonts/CircularStd-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-BlackItalic.woff") format("woff"), url("../fonts/CircularStd-BlackItalic.ttf") format("truetype"), url("../fonts/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 800; font-style: italic; } /*----------------------------- CircularStd-Bold -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-Bold.eot"); src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd-Bold.ttf") format("truetype"), url("../fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-BoldItalic.eot"); src: url("../fonts/CircularStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-BoldItalic.woff") format("woff"), url("../fonts/CircularStd-BoldItalic.ttf") format("truetype"), url("../fonts/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 600; font-style: italic; } /*----------------------------- CircularStd-Medium -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-Medium.eot"); src: url("../fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Medium.woff") format("woff"), url("../fonts/CircularStd-Medium.ttf") format("truetype"), url("../fonts/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-MediumItalic.eot"); src: url("../fonts/CircularStd-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-MediumItalic.woff") format("woff"), url("../fonts/CircularStd-MediumItalic.ttf") format("truetype"), url("../fonts/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 500; font-style: italic; } /*----------------------------- CircularStd-Book -----------------------------*/ @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-Book.eot"); src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd-Book.ttf") format("truetype"), url("../fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "CircularStd"; src: url("../fonts/CircularStd-BookItalic.eot"); src: url("../fonts/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-BookItalic.woff") format("woff"), url("../fonts/CircularStd-BookItalic.ttf") format("truetype"), url("../fonts/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd") format("svg"); font-weight: 400; font-style: italic; } .btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.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-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-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{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.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;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem 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;flex-shrink:0;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}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.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}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);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 .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;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{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);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;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-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 #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;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-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{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%;padding:0;color:#fff;text-align:center;background:0 0;border:0;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:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.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:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!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}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!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}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!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}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.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-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}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!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-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!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}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!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:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!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}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.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-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}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!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}.justify-content-sm-evenly{justify-content:space-evenly!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}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!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}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.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-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}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!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}.justify-content-md-evenly{justify-content:space-evenly!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}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!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}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.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-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}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!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}.justify-content-lg-evenly{justify-content:space-evenly!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}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!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}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.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-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}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!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}.justify-content-xl-evenly{justify-content:space-evenly!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}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!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}.d-print-none{display:none!important}} body { font-family: "CircularStd",/*"Archivo",*/ sans-serif; font-weight: normal; font-style: normal; font-size: 14.5px; color: #2e2f31; overflow-x: hidden; } .space-pb { padding: 0 0 100px; } .bg-primary { background-color: #ef3139 !important; } .bg-dark { background-color: #022d62 !important; } a { -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; color: #022d62; outline: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "CircularStd", sans-serif; font-weight: normal; color: #022d62; margin: 0px 0px 1rem; font-weight: bold; line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; } button { -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; outline: none !important; } a:hover { text-decoration: none; } a:focus, a:active { outline: none !important; text-decoration: none; } section { position: relative; } .margin-bottom30 { margin-bottom: 30px; } img { text-indent: -9999px; color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .margin-bottom15 { margin-bottom: 15px; } .btn-sm { padding: 8px 20px; font-size: 13px; line-height: 1.5; border-radius: 3px; } .btn-md { padding: 8px 18px; border-radius: 3px; line-height: 1.5; } .btn-lg { padding: 8px 24px; line-height: 1.5; border-radius: 3px; } .btn-custom { color: #fff !important; font-weight: 400; outline: 0 !important; border: 0 !important; } .btn-block { padding: 12px 24px; border-radius: 3px; color: #fff !important; } .form-input { border: 1px solid #dfe0e6; outline: none !important; color: #494949; height: 44px; font-size: 14px; line-height: 18px; padding: 10px 20px; box-shadow: none; border-radius: 3px; } .form-textarea { resize: vertical; min-height: 100px; border: 1px solid #dfe0e6; color: #494949; padding: 10px 15px; border-radius: 3px; box-shadow: none !important; } .form-group label { font-weight: 600; } .front-message { font-size: 13px; } .has-error { border-color: #a94442 !important; } .cursor-pointer { cursor: pointer !important; } .margin-top-30 { margin-top: 30px; } .margin-top-15 { margin-top: 15px; } .p0 { padding: 0 !important; } .m0 { margin: 0 !important; } .m-t-45 { margin-top: 45px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-b-15 { margin-bottom: 15px; } .m-b-10 { margin-bottom: 10px; } .center-box { float: none !important; margin: 0 auto !important; } .form-control { box-shadow: none !important; } .position-relative { position: relative; } .mobile-li { display: none !important; } .error-message { margin-top: 15px; padding-left: 15px; } .error-message p { position: relative; color: #d43f3a; display: list-item; margin-bottom: 5px; } .success-message { margin-top: 15px; } .success-message p { position: relative; color: #00a65a; margin-bottom: 5px; } .img-popular-mobile { display: none; } .center-image { margin: 0 auto !important; float: none !important; } .row-custom { display: block; width: 100%; max-width: 100%; float: left; position: relative; } .col-option label { cursor: pointer !important; } .not-visible { visibility: hidden !important; } /* ============ 2. Header ============ */ #header .topbar { padding: 15px 0; border-bottom: 1px solid rgba(2, 45, 98, 0.1); } #header .topbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; color: #ffffff; } #header .topbar ul li { padding: 0 12px; } .header .topbar ul li:last-child { padding-right: 0; } #header .topbar a { color: #022d62; font-size: 13px; font-weight: 600; } #header .topbar a:hover { color: #ef3139; } #header { border-top: 1px solid #e4e4e4; box-shadow: 0 1px 1px #e4e4e4; } .nav-container { position: relative; } .navbar-brand { padding: 0 !important; margin: 0 !important; } .navbar-brand img { max-width: 180px; max-height: 50px; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navbar { border-radius: 0; margin-bottom: 0; padding-bottom: 0; } .navbar-nav > li { margin-right: 5px; } .li-logo { position: relative; margin-top: 0 !important; top: -12.5px; } .navbar-inverse .navbar-nav > li > a { padding: 24px 10px; margin: 0; border-radius: 3px; display: inline-block; text-transform: uppercase; font-weight: 600; line-height: 26px; background-color: transparent !important; font-size: 14px; position: relative; color: #444; } .navbar-inverse { border: none; background-color: #fff; } .navbar-inverse .navbar-nav > li > .navbar-brand { padding-left: 0; } .logo-cnt { width: 180px; height: auto; } .logo-cnt img { max-width: 180px; max-height: 50px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0 !important; } .logo-mobile { display: none; } .dropdown-menu-cnt { padding-top: 10px; height: 1px; width: 100%; position: absolute; z-index: 1; } .navbar-header { padding: 12px 0; } .navbar-inverse .navbar-nav .dropdown-menu { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-top: 3px solid #e4e4e4; border: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0; opacity: 1; background: #fff; width: auto !important; } .navbar-inverse .navbar-nav .dropdown-menu:before { position: absolute; top: 0; } .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; } .navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; } .navbar-inverse .dropdown { left: auto; right: auto; } .navbar-inverse .dropdown .dropdown-menu > li { padding-bottom: 0; width: 100%; display: block; } .navbar-inverse .dropdown .dropdown-menu > li > a { width: 100%; border-radius: 0; padding: 5px 20px; position: relative; font-size: 14px; border-radius: 0 !important; color: #444; display: block; font-weight: 500; line-height: 24px; margin: 0; } .caret { position: relative; top: -1px; } .navbar-inverse .dropdown .dropdown-menu > li > a > i { width: 15px; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #f6f6f6; color: #262626; text-decoration: none; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; } .navbar-inverse .navbar-toggle { border-radius: 2px; } .navbar-left .navbar-nav { width: 100%; padding-right: 0; padding-left: 0; margin-left:50px } .nav-right { position: absolute !important; width: auto !important; right: 0 !important; } .nav-item-right { position: relative; } .profile-dropdown { display: inline-block; position: relative; top: -4px; } .profile-dropdown .image-profile-drop { padding-top: 23px !important; padding-bottom: 20px !important; } .profile-dropdown a { border-radius: 0; display: inline-block; font-weight: 400; line-height: 60px; padding: 0 10px; position: relative; text-transform: none !important; } .profile-drop { display: none !important; } .profile-dropdown img { border-radius: 50%; display: inline-block; height: 35px; width: 35px; margin-right: 5px; } .navbar-left span { font-weight: bold; font-size: 13px; } .profile-dropdown .dropdown-menu-cnt { height: 16px; } .profile-dropdown .dropdown-menu { opacity: 1; background: #f3f3f3; width: auto !important; } .profile-dropdown .dropdown-menu > li { padding-bottom: 0; width: auto !important; padding: 0 5px; } .profile-dropdown .dropdown-menu > li > a { width: auto !important; border-radius: 0; display: block; font-weight: 400; padding: 6px 15px !important; line-height: 24px !important; position: relative; text-transform: none !important; } .profile-dropdown .dropdown-menu > li > a > i { width: 15px; } .dropdown-more .more-sign { font-size: 22px; height: 26px; display: block; } .li-sub-dropdown { position: relative; } .dropdown-menu-sub { display: none; } .sub-dropdown { left: 100% !important; top: 0; } .dropdown:hover .top-dropdown { display: block; } .li-sub-dropdown:hover .sub-dropdown { display: block !important; } /*mobile menu*/ .overlay-bg { position: fixed; width: 100%; height: 100%; display: none; overflow: hidden; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; z-index: 1001; animation-name: fadeIn; } .mobile-nav-container { display: block; width: 100%; position: relative; } .nav-mobile-header { width: 100%; position: fixed; top: 0; left: 0; z-index: 900; display: none; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 5px; box-shadow: rgba(0, 0, 0, .5) 0 5px 7px -6px; } .nav-mobile-logo { width: 100%; display: block; position: relative; text-align: center; } .nav-mobile-logo a { display: inline-block; } .nav-mobile-logo a img { max-width: 162px; max-height: 45px; } .mobile-header-container { display: table; width: 100%; position: relative; } .mobile-header-container .mobile-menu-button { display: table-cell; vertical-align: middle; width: 60px; } .mobile-header-container .mobile-menu-button a { position: relative; display: inline-block; font-size: 24px; line-height: 24px; padding: 12px; color: #fff !important; } .mobile-header-container .mobile-logo { display: table-cell; vertical-align: middle; text-align: center; } .mobile-header-container .mobile-logo a { display: inline-block; } .mobile-header-container .mobile-logo img { max-width: 150px; max-height: 42px; } .mobile-header-container .mobile-button-buttons { display: table-cell; vertical-align: middle; text-align: center; width: 60px; } .mobile-header-container .mobile-button-buttons a { position: relative; display: block; font-size: 22px; line-height: 24px; padding: 12px; color: #fff !important; } .mobile-header-container .mobile-button-buttons .search-icon { margin: 0 !important; } .nav-mobile { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; left: 0; padding-top: 60px; text-align: center; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; background-color: #fff; } .nav-mobile .nav-mobile-inner { display: block; position: relative; width: 100%; padding: 20px; padding-top: 15px; padding-bottom: 30px; } .nav-mobile .btn-close-mobile-nav { position: absolute; top: 2px; right: 2px; font-size: 18px; padding: 15px; color: #555; } .nav-mobile .navbar-nav { float: none !important; padding: 0; margin: 0; display: block; position: relative; width: 100%; } .nav-mobile .navbar-nav .nav-item { display: block; position: relative; width: 240px !important; margin-left: 0 !important; margin-right: 0 !important; text-align: left; word-break: break-word; border-bottom: 1px solid #ebebeb; } .nav-mobile .navbar-nav .nav-item:last-child { border: 0 !important; } .nav-mobile .navbar-nav .item-profile .nav-link { padding-bottom: 0; } .nav-mobile .navbar-nav .item-profile .nav-link img { width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; } .nav-mobile .navbar-nav .item-profile .dropdown-menu li { margin-left: 25px; } .nav-mobile .navbar-nav .item-sell-button a { white-space: nowrap; padding: 0.48rem 1.5rem; } .nav-mobile .navbar-nav .nav-item .nav-link { font-size: 15px; line-height: 22px !important; padding: 10px 0 !important; text-transform: none !important; font-weight: normal; display: block; width: 100%; color: #2e2f31; } .nav-mobile .navbar-nav .nav-item .nav-link i { font-size: 14px; line-height: 22px !important; color: #555; } .nav-mobile .navbar-nav .open .dropdown-menu > li { display: block; width: 240px !important; position: relative; border: 0 !important; } .nav-mobile .navbar-nav .open .dropdown-menu > li > a { color: #2e2f31; line-height: 22px !important; font-size: 15px !important; padding: 8px 15px !important; max-width: 100%; width: 240px !important; word-break: break-word !important; white-space: normal !important; } .nav-mobile .navbar-nav .nav-item .nav-link i { float: right; } .nav-mobile .navbar-nav > .nav-item > .dropdown-menu { position: relative !important; width: 100%; transform: none !important; background-color: transparent !important; border: 0 !important; padding-top: 0; margin-top: 8px; margin-left: 0; } .nav-mobile .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item { color: #2e2f31; background-color: transparent !important; font-size: 15px; line-height: 24px; } .nav-mobile .navbar-nav .dropdown-toggle::after { display: none !important; } .nav-mobile .profile-dropdown .dropdown-menu { background-color: transparent !important; } .nav-mobile .profile-dropdown .dropdown-menu > li > a { color: #2e2f31 !important; font-size: 14px !important; background-color: transparent !important; } .icon-mobile-lang { float: left !important; margin-right: 8px; } .dropdown-mobile-languages { margin-top: 20px; } .dropdown-mobile-languages .dropdown-menu { margin: 0 !important; padding-left: 0 !important; left: 40px; } .dropdown-mobile-languages .dropdown-menu a { text-transform: none !important; } .mobile-search-form { display: none; position: absolute !important; z-index: 9999 !important; width: 100%; background-color: #fff; padding: 5px; padding-bottom: 10px; } .open-search { display: block !important; } #main { min-height: 200px } /* search box */ .search-icon { font-size: 15px !important; display: block; cursor: pointer; border-radius: 2px; text-align: center; margin-left: 0px !important; margin-top: -1px !important; } .modal-search { display: none; background: #FFF; position: absolute; width: 100%; z-index: 999999; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-transition: 0.50s; transition: 0.50s; transition: all 0.2s ease-in-out 0s; right: 15px; top: 82px; } .modal-search .container { position: relative; } .modal-search .s-close { position: absolute; right: 20px; top: 30px; font-size: 13px; cursor: pointer; color: #999; box-shadow: none; } .mobile-search-icon { display: none; } .search-open .modal-search { display: block; } .modal-search .form-control:focus, .modal-search .form-control { background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0; border: medium none; color: #fff; font-size: 14px; height: 64px; padding: 5px 20px; width: 40%; top: 0; right: 0; transition: all 0.2s ease-in-out 0s; position: absolute; border-radius: 0 !important; margin-top: 10px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .search-active .modal-search { box-shadow: none; -webkit-box-shadow: none; border-color: #e0e0e0; } .social-mobile { display: none; border-bottom: 1px solid #eee !important; text-align: center; position: relative; min-height: 38px; width: 100%; } .social-mobile ul { margin: 0; padding: 0; } .social-mobile ul li { float: left; padding-bottom: 0; } /* ============ 3. Slider ============ */ .slider-container { width: 100%; max-width: 100%; display: block; position: relative; overflow-x: hidden !important; } .home-slider-fixer { width: 100%; max-width: 100%; display: block; position: relative; } .home-slider-container { position: absolute; left: 0; top: 0; width: 100%; display: block; } .home-slider-fixer .col-sl { width: 25%; height: auto; max-width: 100%; display: block; float: left; } .home-slider-fixer .col-sl img { max-width: 100%; display: block; float: left; } .home-slider { width: 100%; } .home-slider-item { position: relative; display: block; width: 100%; overflow: hidden; outline: none !important; } .home-slider-item .a-slider { position: relative; display: block; width: 100%; max-width: 100%; } .home-slider-item .img-slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .home-slider-item::after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .77)); width: 100%; height: 50%; position: absolute; content: ''; bottom: 0; left: 0; pointer-events: none; } .home-slider-item .item-info { width: 100%; bottom: 0; left: 0; position: absolute; padding: 15px; text-align: center; z-index: 10; cursor: pointer; visibility: hidden; } .slick-initialized .item-info { visibility: visible !important; } .home-slider-item .item-info .a-slider-category { color: #fff; } .home-slider-item .item-info .label-slider-category { position: relative; font-weight: 400; border-radius: 2px; cursor: pointer; } .home-slider-item .item-info .title { display: block; line-height: 28px; text-shadow: 0 0.5px 0.5px rgba(30, 30, 30, 0.4); font-size: 21px; font-weight: 400; margin: 10px 0 5px 0; } .home-slider-item .item-info .title a { color: #fff; } .slider-nav { width: 100%; height: 48px; position: absolute; opacity: 0; top: 0; bottom: 0; margin: auto; pointer-events: none; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } .home-slider-container:hover .slider-nav { opacity: 1; } .slider-nav .prev { position: absolute; left: 0; height: 48px; line-height: 48px; text-align: center; width: 48px; border: 0 !important; padding: 2px !important; pointer-events: auto; margin-left: 10px; background-color: transparent !important; } .slider-nav .next { position: absolute; right: 0; height: 48px; line-height: 48px; text-align: center; width: 48px; border: 0 !important; padding: 2px !important; pointer-events: auto; margin-right: 10px; background-color: transparent !important; } .slider-nav .next i, .slider-nav .prev i { display: inline-block; position: relative; background-color: #010101; border-radius: 2px; color: #fafafa; font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; width: 40px; opacity: 0.6; } .external-image-container { width: 100%; height: auto; display: block; position: relative; overflow: hidden; } .external-image-container .img-external { width: auto; height: auto; position: absolute; top: 0; left: 0; max-width: 120%; max-height: 120%; min-height: 100%; min-width: 100%; object-fit: cover; } .post-icon { position: absolute !important; right: 0 !important; left: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important; background: rgba(0, 0, 0, 0.3) !important; border-radius: 100% !important; z-index: 10 !important; pointer-events: none !important; float: none !important } .post-icon-lg { width: 48px !important; height: 48px !important } .post-icon-md { width: 42px !important; height: 42px !important } .post-icon-sm { width: 24px !important; height: 24px !important } /* Slider*/ .home-slider-boxed-container { position: relative; margin-bottom: 30px; } .home-slider-boxed-fixer { position: relative; } .home-slider-boxed { width: 100%; max-width: 100%; display: block; position: absolute; top: 0; left: 0; } .home-slider-boxed-container:hover .slider-nav { opacity: 1; } .home-slider-boxed-item { position: relative; } .home-slider-boxed-item::after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .77)); width: 100%; height: 50%; position: absolute; content: ''; bottom: 0; left: 0; pointer-events: none; } .home-slider-boxed-item .item-info { width: 100%; bottom: 0; left: 0; position: absolute; padding: 30px 30px 25px 30px; z-index: 10; cursor: pointer; } .home-slider-boxed-item .item-info .a-slider-category { color: #fff; } .home-slider-boxed-item .item-info .label-slider-category { font-weight: 400; border-radius: 1px; padding: 3px 8px; } .home-slider-boxed-item .item-info .title { display: block; line-height: 28px; text-shadow: 0 0.5px 0.5px rgba(30, 30, 30, 0.4); font-size: 22px; font-weight: 400; margin: 15px 0; } .home-slider-boxed-item .item-info .title a { color: #fff; } .home-slider-boxed-item .post-meta { line-height: 12px; } .slider-container .post-meta .post-meta-inner span, .slider-container .post-meta .post-meta-inner a { color: #b0b0b0 !important; } .home-slider-boxed-item .slider-fixer { position: relative; display: block; width: 100%; max-width: 100%; } .home-slider-boxed-item .img-slider { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } /* ============ 4. Post ============ */ .index-posts { display: block; width: 100%; float: left; position: relative; } .posts { display: block; width: 100%; position: relative; } .post-item { width: 100%; height: auto; float: left; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding-bottom: 30px; margin-bottom: 30px; } .post-item:last-child { border-bottom: 0; } .post-item .post-image { width: 100%; height: 415px; background-color: #fafafa; float: left; position: relative; } .post-item .post-image img { margin: 0 auto; } .post-item .post-footer { width: 100%; float: left; position: relative; } .post-item .post-category { border-bottom: 1px solid #222 !important; } .post-meta { display: block; width: 100%; position: relative; line-height: 20px; } .post-meta .post-meta-inner { position: relative; display: inline-block; margin: 0 !important; } .post-meta .post-meta-inner span, .post-meta .post-meta-inner a { float: left; margin-right: 10px; color: #4d4949 !important; display: block; font-size: 11px; } .post-meta .post-meta-inner a { font-weight: 600; margin: 0 !important; } .label-post-category { display: inline-block; position: absolute; left: 8px; top: 8px; font-size: 11px; font-weight: 400; color: #fff; height: 1.8em; line-height: 1.8; padding: 0 12px; border-radius: 2px; cursor: pointer; pointer-events: auto; white-space: nowrap; z-index: 100; } .default-post-label-category { text-align: center; } .default-post-label-category .label-post-category { display: inline-block; position: relative; left: auto; top: auto; font-size: 11px; font-weight: 400; color: #fff; height: 1.8em; line-height: 1.8; padding: 0 12px; border-radius: 2px; cursor: pointer; pointer-events: auto; white-space: nowrap; z-index: 100; margin-top: 15px; } .post-item .post-footer .title { font-size: 22px; font-weight: 500; margin: 10px 0; line-height: 28px; } .post-item .post-footer .summary { font-size: 13px; font-weight: 400; line-height: 26px; color: #372c2c; margin-top: 2px; } .post-item .post-footer .post-buttons { font-size: 12px; color: #999; display: block; width: 100%; height: 30px; line-height: 30px; } .post-item .post-footer .post-buttons a { position: relative; line-height: 20px; top: 14px; } .post-item .post-footer .post-buttons .post-social { padding: 0; margin: 0; padding: 5px 12px 6px 0; } .post-item .post-footer .post-buttons .post-social li { list-style: none; float: left; margin-right: 20px; } .post-item .post-footer .post-buttons .post-social li a { font-size: 14px; } .post-item .post-footer .post-buttons .post-social li .facebook:hover { color: #3B5998 !important; } .post-item .post-footer .post-buttons .post-social li .twitter:hover { color: #1DA1F2 !important; } .post-item .post-footer .post-buttons .post-social li .google:hover { color: #DC4A38 !important; } .post-item .post-footer .post-buttons .post-social li .instgram:hover { color: #D02E95 !important; } .post-item .post-footer .post-buttons .post-social li .linkedin:hover { color: #0177b5 !important; } .read-more { font-size: 13px; font-weight: 400; } .read-more i { margin-left: 10px; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; } .read-more:hover .read-more-i { margin-left: 25px; margin-right: 5px; } .post-item-horizontal { position: relative; float: left; width: 100%; height: auto; margin-bottom: 30px; display: table; } .post-item-horizontal .item-image { width: 47.6667%; height: 238.15px; display: table-cell; vertical-align: top; position: relative; background-color: #fafafa; } .post-item-horizontal .item-content { width: 52.2e2f31%; display: table-cell; vertical-align: top; padding-left: 30px; position: relative; } .post-item-horizontal .category-label { left: 23px; position: absolute; top: 8px; z-index: 10; } .post-item-horizontal .title { font-size: 22px; font-weight: 500; line-height: 28px; margin: 0 0 10px 0; } .post-item-horizontal .title a { display: block; } .post-item-horizontal .summary { display: block; float: left; color: #372c2c; font-size: 13px; font-weight: 400; line-height: 21px; margin-top: 10px; } .post-item-horizontal .post-buttons { display: block; float: left; width: 100%; position: relative; bottom: 0; right: 0; padding-right: 15px; } .post-item-boxed { margin-bottom: 15px; } .post-item-boxed .item-image { width: 100%; height: 239.8px; display: block; background-color: #fafafa; } .profile-page .post-item-boxed .item-image { height: 272.283px; } .post-item-boxed img { width: 100%; } .post-item-boxed .item-content { display: block; float: left; width: 100%; padding: 20px 0; } .post-item-boxed .category-label { left: 23px; position: absolute; top: 8px; z-index: 10; } .post-item-boxed .title { font-size: 22px; font-weight: 500; line-height: 28px; margin: 0 0 10px 0; } .post-item-boxed .title a { display: block; } .post-item-boxed .summary { display: block; float: left; color: #372c2c; font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 8px; } .post-item-boxed .post-buttons { display: block; float: left; width: 100%; text-align: right; margin-top: 10px; } .btn { font-size: 14px; font-weight: bold; padding: 16px 34px; line-height: 1; border-radius: 50px; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } .btn:not(:disabled):not(.disabled).active:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .btn:not(:disabled):not(.disabled):active:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .btn:hover { -webkit-box-shadow: none; box-shadow: none; outline: none; } .btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .btn:active { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } button { outline: medium none !important; color: #ef3139; } .btn-link:after { margin-left: 12px; } .show > .btn.dropdown-toggle:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .show > .btn-primary.dropdown-toggle { background: #ef3139; border-color: #ef3139; } .btn-primary { background: #ef3139; border-color: #ef3139; } .btn-primary:hover { background: #022d62; border-color: #022d62; } .btn-primary:hover:not(:disabled):not(.disabled).active { background: #ef3139; border-color: #ef3139; } .btn-primary:hover:not(:disabled):not(.disabled):active { background: #ef3139; border-color: #ef3139; } .btn-primary:not(:disabled):not(.disabled):active:focus { background: #ef3139; border-color: #ef3139; } .btn-dark { background: #022d62; border-color: #022d62; } .btn-dark:hover { background: #ef3139; border-color: #ef3139; } .btn:not(:disabled):not(.disabled).active:focus { color: #ffffff; } .btn-link { color: #ef3139; padding: 0; } .btn-link:hover { color: #022d62; text-decoration: none; outline: none; } .btn-link:focus { color: #022d62; text-decoration: none; outline: none; } .btn.btn-link:not(:disabled):not(.disabled):active:focus { color: #022d62; } .btn-white { background: #ffffff; border-color: #ffffff; color: #022d62; } .btn-white:hover { background: #ef3139; border-color: #ef3139; color: #ffffff; } .btn-white:active { color: #ffffff; } .btn-white:focus { color: #ffffff; } .btn.btn-white:not(:disabled):not(.disabled):active:focus { color: #022d62; } .btn-light:active { color: #022d62; } .btn-light:focus { color: #022d62; } .btn.btn-light:not(:disabled):not(.disabled):active:focus { color: #022d62; } .btn.btn-sm { padding: 12px 24px; } .btn.btn-md { padding: 8px 30px; } .btn.btn-lg { padding: 17px 64px; font-size: 18px; } .btn-app { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-app i { font-size: 40px; } /* Hi Soft Button Round */ .btn-round:before { content: ''; width: 60px; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; opacity: 0.8; } .right-round:before { right: 0; left: auto; } .bg-dark .btn-primary-round:before { opacity: 1; } .btn-round:hover:before { width: 100%; } .btn-round, .btn-round:hover { color: #022d62; } .btn-primary-round:before { background-color: #ef3139; } .btn-light-round:before { background-color: #f6f6f6; } .btn-round.btn-dark-round, .btn-round.btn-dark-round:hover, .btn-round.btn-dark-round:focus, .btn.btn-round.btn-dark-round:not(:disabled):not(.disabled):active:focus { color: #ef3139; } .btn-round.btn-dark-round:hover { color: #ffffff; } .btn-dark-round:before { background-color: #022d62; opacity: 1; } a.text-primary:focus, a.text-primary:hover { color: #ef3139 !important; } .btn-white-round:before { background-color: #ffffff; } .btn-round:focus, .btn.btn-round:not(:disabled):not(.disabled):active:focus { color: #022d62; } .dark-background .btn-round:before { opacity: 1; } /* Button Outline */ .btn-outline-primary { color: #ef3139; border-color: #ef3139; } .btn.btn-outline-primary:focus { color: #ef3139; } .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background-color: #ef3139; border-color: #ef3139; } .btn-outline-dark { color: #022d62; border-color: #022d62; } .btn-outline-dark:focus { color: #022d62; } .btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { background-color: #022d62; border-color: #022d62; } .btn-primary-round.btn-round:hover { color: #ffffff; } /* Group Button */ .btn-group .btn:after { content: none; } .author-profile { display: block; float: left; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f0f0f0; } .author-profile img { float: left; margin-right: 15px; width: 120px; height: 120px; border-radius: 1px; } .author-profile .title { display: inline-block; margin: 0 !important; font-size: 24px; line-height: 34px; font-weight: 600; } .post-count { font-size: 13px; } /* ============ 5. Sidebar ============ */ .sidebar { height: auto; width: 100%; display: block; position: relative; } .sidebar-widget { width: 100%; height: auto; float: left; margin-bottom: 30px; } .sidebar-widget .widget-body { padding-top: 15px; } .widget-title { width: 100%; display: block; padding: 10px 0; } .widget-title .title { font-size: 14px; font-weight: 500; margin: 0; text-transform: uppercase; position: relative; padding-bottom: 10px; border-bottom: 2px solid #f1f1f1; } .widget-title .title::after { content: ""; position: absolute; left: 0; width: 31%; height: 2px; bottom: -2px; max-width: 112px; } .widget-popular-posts-title { padding-top: 0; } .widget-list { padding: 0; margin: 0; position: relative; } .w-popular-list li { list-style: none; position: relative; width: 100%; display: table; float: left; margin-bottom: 15px; } .w-popular-list li .left { width: 100px; height: 75px; overflow: hidden; display: table-cell; vertical-align: top; background-color: #fafafa; } .w-popular-list li .left .external-post-image { width: 100px; height: 75px; background-color: #fafafa; overflow: hidden; position: relative; } .w-popular-list li .right { display: table-cell; vertical-align: top; padding-left: 15px; } .w-popular-list li .img-responsive { position: relative; height: 75px; } .w-popular-list li .title { margin: 0; margin-bottom: 5px; font-weight: 500; line-height: 21px; font-size: 14px; } .w-popular-list li .title a { display: list-item; } .widget-list li .w-meta span { font-size: 11px !important; color: #999 !important; margin-right: 8px; } .widget-list li .w-meta a { color: #999; font-size: 11px; font-weight: 600; margin-right: 8px; } .w-our-picks-list { padding: 0; margin: 0; position: relative; } .w-our-picks-list li { list-style: none; position: relative; width: 100%; display: block; float: left; margin-bottom: 25px; } .w-our-picks-list li .post-image { display: block; width: 100%; height: 199.2px; position: relative; float: left; background-color: #fafafa; } .w-our-picks-list .external-post-image { width: 100%; height: 199.2px; overflow: hidden; } .w-our-picks-list li img { width: 100%; float: left; margin-right: 15px; position: relative; } .w-our-picks-list li .title { font-size: 18px; font-weight: 500; line-height: 24px; margin: 10px 0; float: left; } .w-our-picks-list .post-meta { float: left; } .w-category-list li { margin-bottom: 7px; padding-bottom: 7px; list-style: none; position: relative; width: 100%; display: block; float: left; border-bottom: 1px dashed rgba(168, 166, 166, 0.2); } .w-category-list li:last-child { border-bottom: 0; } .w-category-list li a { font-weight: 400; line-height: 20px; font-size: 15px; margin: 0; margin-right: 10px; } .w-category-list li span { color: #999; font-size: 13px; position: relative; } /*random slider*/ .slider-container { overflow: hidden !important; } .random-slider { position: relative; } .random-slider-fixer { position: relative; } .random-slider-fixer img { width: 100%; max-width: 100%; display: block; } .random-slider-container { display: block; width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; } .random-slider .home-slider-boxed-item::after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); width: 100%; height: 50%; position: absolute; content: ''; bottom: 0; left: 0; pointer-events: none; } .random-slider .home-slider-boxed-item .item-info { padding: 15px; } .random-slider .home-slider-boxed-item .item-info .title { font-size: 18px; line-height: 26px; margin-bottom: 5px; } .random-slider-nav { top: 8px !important; bottom: auto !important; opacity: 1 !important; display: block !important } .random-slider-nav .prev { right: 50px; left: auto !important; margin-left: 0 !important; margin-right: 10px !important; text-align: right !important; } .random-slider-nav .next { margin-right: 8px !important; text-align: left !important; } .post-details-slider { opacity: 0; } .post-details-slider .home-slider-boxed-item::after { display: none !important; } /*tags*/ .w-tag-list { } .w-tag-list li { list-style: none; float: left; margin-right: 8px; margin-bottom: 8px; } .w-tag-list li a { background-color: #f4f4f4; padding: 6px 10px; font-size: 13px; display: block; color: #372c2c; border-radius: 2px; line-height: 20px; } .w-tag-list li a:hover { color: #fff !important; } .content { display: block; height: auto; min-height: 450px; } .breadcrumb > li + li::before { padding: 0 2px !important; } .page-breadcrumb { margin-top: 15px; } .page-breadcrumb .breadcrumb { background-color: transparent; } .breadcrumb { margin-bottom: 15px; } .page-breadcrumb .breadcrumb .breadcrumb-item a { color: #372c2c; } .page-breadcrumb .breadcrumb .breadcrumb-item { font-size: 12px; color: #666; } /*RSS page*/ .page-rss { min-height: 450px; } .rss-title { border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 15px; font-size: 20px; } .rss-item { display: table; width: 100%; margin-bottom: 10px; } .rss-item .left { display: table-cell; width: 250px; } .rss-item .right { display: table-cell; } .rss-item .right p { word-break: break-all; } .rss-content { margin-top: 60px; } /* ============ 6.Post Detail ============ */ .post-content { display: block; width: 100%; float: left; } .post-avatar { border-radius: 100%; float: left; height: 30px; margin-right: 10px; width: 30px; position: relative; } .post-content .post-image { width: 100%; float: left; } .post-content .post-meta { line-height: 30px; } .post-content .post-title { width: 100%; float: left; margin-bottom: 10px; } .post-content .post-title .title { font-size: 28px; line-height: 34px; font-weight: 600; } .post-content .post-title .title { font-size: 36px; line-height: 44px; font-weight: 400; margin: 0; } .post-content .post-meta { width: 100%; float: left; display: block; margin-bottom: 15px; } .post-content .post-meta span { font-size: 12px; color: #b0b0b0; margin-right: 10px; font-weight: 400; } .post-content .post-meta span a { font-weight: 400; margin: 0; } .post-content .post-meta a { font-size: 12px; color: #999; margin-right: 10px; } .post-content .post-meta form { float: right; } .post-content .post-summary { width: 100%; float: left; display: block; margin-bottom: 10px; } .post-content .post-summary h2 { margin: 0 !important; font-size: 15px; line-height: 26px; font-weight: 600; color:#2e2f31!important; } .post-content .post-video { width: 100%; float: left; display: block; margin-bottom: 15px; } .add-to-reading-list { color: #4cae4c !important; font-size: 12px !important; border: 0 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; } .delete-from-reading-list { color: #c52d2f !important; font-size: 12px !important; line-height: 30px; border: 0 !important; background-color: transparent !important; box-shadow: none !important; outline: none !important; padding: 0 !important; margin: 0 !important; } .post-content .post-text { width: 100%; float: left; font-size: 14px; font-variant-ligatures: no-common-ligatures; line-height: 28px; display: table-cell; font-weight: 400; margin-top: 20px; } .post-content .post-text p { min-height: 1px; position: relative; width: 100%; overflow-wrap: break-word; } .post-content .post-text a:hover { text-decoration: underline; } .post-content .post-text img { position: relative !important; display: block; max-width: 100% !important; height: auto !important; } .post-text iframe, .post-text object, .post-text embed { display: block; max-width: 100% !important; border: 0 !important; } .post-text .post-files { margin: 15px 0; } .post-text .post-files .title { font-size: 14px; font-weight: 600; margin: 0; line-height: 28px; } .post-text .post-files .file { margin-top: 5px; } .post-text .post-files .file button { background-color: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } .post-text .post-files .file button:hover { text-decoration: underline; } .post-text .post-files .file i { margin-right: 8px; } .post-content .post-tags { width: 100%; float: left; margin-top: 15px; margin-bottom: 30px; } .post-content .tags-title { float: left; font-size: 14px; font-weight: 600; margin: 0; margin-right: 15px; line-height: 28px; } .post-content .post-tags .tag-list { float: left; margin: 0; padding: 0; } .post-content .post-tags .tag-list li { list-style: none; display: inline-block; margin-right: 7px; margin-bottom: 7px; } .post-content .post-tags .tag-list li a { border: 2px solid #f4f4f4; border-radius: 2px !important; color: #372c2c; display: block; font-size: 12px; padding: 3px 7px; line-height: 20px; } .post-content .post-tags .tag-list li a:hover { color: #fff !important; } .post-content .post-share { width: 100%; float: left; margin-top: 10px; margin-bottom: 30px; } .post-content .post-share .btn-share { display: block; float: left; border: none; background-color: #ececec; text-decoration: none; font-size: 13px; color: #fff; margin-right: 10px; width: 110px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; border-radius: 2px; } .post-content .post-share .btn-share i { margin-right: 4px; font-size: 16px; } .post-content .post-share .btn-share:hover { color: #efefef; } .post-content .post-share .facebook { background-color: #3b5998; } .post-content .post-share .gplus { background-color: #dd4b39; } .post-content .post-share .twitter { background-color: #55acee; } .post-content .post-share .pinterest { background-color: #cc2127; } .post-content .post-share .linkedin { background-color: #0077b5; } .post-content .post-share .whatsapp { background: #2CB742; } .post-content .post-text table { border-collapse: collapse; overflow: hidden; width: 100%; max-width: 100% !important; margin: 0 auto; position: relative; border: 1px solid #f2f2f2; font-size: 14px } .post-content .post-text table th { padding: 6px 10px; border: 0; border-bottom: 2px solid #f2f2f2; font-weight: 700 } .post-content .post-text table tr { border-bottom: 1px solid #f2f2f2 } .post-content .post-text table tr:nth-child(even) { background-color: #f2f2f2 } .post-content .post-text table td { padding: 6px 12px; border: 0 !important } .post-content .post-text table tr, .post-content .post-text table td { height: auto !important; } .about-author { display: table; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; width: 100% } .about-author-page { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #f0f0f0 } .about-author-left { display: table-cell; width: 130px; vertical-align: top } .about-author-right { display: table-cell; vertical-align: top } .about-author-row { width: 100%; display: block; float: left } .about-author-right .p-about-author { margin-bottom: 10px; line-height: 20px; min-height: 20px; display: block; } .about-author-right .author-link { float: left; } .about-author-right .author-social-cnt { display: block; width: 100%; float: left; margin-top: 10px } .about-author-right .author-social { margin: 0; padding: 0 } .about-author-right .author-social li { list-style: none; float: left; margin-right: 30px; margin-bottom: 15px; } .img-author { width: 110px; height: 110px } .profile-post-author .about-author { margin-top: 0; margin-bottom: 30px; border-top: none; padding-top: 0; } .optional-url-cnt { display: block; float: left; width: 100%; margin-top: 30px; text-align: right } .optional-url-cnt a { text-decoration: none !important; } /*Profile*/ .profile-tabs .nav .nav-item { width: 100%; text-align: left; margin-bottom: 2px !important; } .profile-tabs .nav .nav-item .nav-link { padding: 11px; border-radius: 3px; color: #222; } .profile-tabs .nav .nav-item .nav-link i { margin-right: 8px; } .profile-tabs .nav .nav-item .nav-link .count { float: right; } .profile-tabs .nav .nav-link:hover { background-color: #f2f2f2; } .profile-tabs .nav .active .nav-link { background-color: #f2f2f2; } .profile-page-top { width: 100%; display: block; position: relative; float: left; margin-bottom: 60px; } .profile-details { width: 100%; display: table; position: relative; float: left; } .profile-details .left { display: table-cell; vertical-align: top; text-align: left; width: 200px; padding-right: 30px; } .profile-details .right { display: table-cell; vertical-align: top; } .profile-details .img-profile { width: 200px; height: 200px; border-radius: 3px; } .profile-details .p-last-seen { margin: 0; text-align: left; margin-bottom: 8px; color: #372c2c; } .last-seen { font-size: 12px; color: #372c2c; } .last-seen i { width: 10px; height: 10px; margin-right: 5px; color: #CFCFCF; } .last-seen-online i { color: #85cc84 } .profile-details .username { font-size: 26px; font-weight: 600; line-height: 26px; margin-bottom: 5px; margin-top: 5px; width: auto; display: inline-block; float: left; } .profile-details .description { line-height: 24px; color: #555; margin-bottom: 10px; } .profile-details .user-contact .info { color: #777; margin-right: 15px; padding-right: 15px; border-right: 1px solid #E1E3DF; } .profile-details .user-contact .info:last-child { border: 0; } .profile-details .user-contact .info i { margin-right: 10px; } .profile-buttons { margin-top: 20px; text-align: left; line-height: 34px; } .profile-buttons .btn-follow { float: left; margin-right: 30px; } .profile-buttons ul { float: left; margin: 0; padding: 0; } .profile-buttons ul li { display: inline-block; margin-left: 5px; } .profile-buttons ul li:first-child { margin-left: 0; } .profile-buttons ul li a { display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #777; font-size: 15px; border: 1px solid #bebebe; border-radius: 100%; } .profile-buttons ul li a:hover { color: #fff; } .visual-color-box { width: 38px; height: 38px; line-height: 38px; text-align: center; float: left; margin-right: 15px; margin-bottom: 15px; border-radius: 100%; cursor: pointer; color: #fff; font-size: 16px; } .btn-follow i { margin-right: 10px; } .widget-followers { width: 100%; display: block; float: left; position: relative; } .widget-followers { width: 100%; display: block; float: left; position: relative; margin-bottom: 30px; } .widget-followers .widget-head { width: 100%; display: block; float: left; position: relative; border-bottom: 1px solid #ebebeb; } .widget-followers .widget-head .title { font-size: 14px; margin-top: 0; font-weight: 600; } .widget-followers .widget-body { width: 100%; display: block; float: left; position: relative; padding: 15px 0; } .widget-followers .widget-content { width: 100%; display: block; float: left; position: relative; max-height: 260px; overflow: hidden; } .img-follower { width: 46px; height: 46px; float: left; margin-right: 6px; margin-bottom: 6px; overflow: hidden; } .img-follower img { width: 46px; height: 46px; } .btn-profile-file-upload { background-color: #6c757d; border-color: #6c757d; } .btn-profile-file-upload:hover, .btn-profile-file-upload:focus, .btn-profile-file-upload:active { background-color: #5a6268 !important; border-color: #5a6268 !important; } .btn-file-upload { position: relative; font-size: 13px !important; padding: 4px 16px !important; overflow: hidden !important; margin-right: 15px; } .btn-file-upload input { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background-color: transparent; color: transparent; cursor: pointer; } #MultidvPreview img { width: auto; max-width: 100%; height: 200px; float: left !important; } .form-avatar { max-width: 180px; max-height: 180px; border-radius: 3px; } /*related posts*/ .related-posts { width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; } .related-posts .related-post-title { display: block; padding: 10px 0; width: 100%; } .related-posts .related-post-title .title { position: relative; display: block; font-size: 14px; font-weight: 500; margin: 0; text-transform: uppercase; padding-bottom: 10px; border-bottom: 2px solid #f1f1f1; } .related-posts .related-post-title .title::after { content: ""; position: absolute; left: 0; width: 31%; height: 2px; bottom: -2px; max-width: 112px; } .related-posts .related-posts-row { margin-left: -10px; margin-right: -10px; } .related-posts .related-posts-col { padding-left: 10px; padding-right: 10px; } .related-posts .post-list { margin: 0; padding: 0; margin-top: 20px; } .related-posts .post-list li { list-style: none; } .related-posts .post-list li .external-post-image { width: 100%; height: 157.65px; overflow: hidden; } .related-posts .post-list li .title { font-size: 15px; font-weight: 500; line-height: 22px; margin-bottom: 5px; text-transform: none; margin-top: 15px; } .related-posts .post-list li .title a { display: list-item; } .related-posts .post-list li .img-responsive { height: 157.65px; } /*Comments*/ .comment-section { width: 100%; position: relative; display: block; float: left; } .comment-section .nav-tabs { border-bottom: 2px solid #dee2e6; } .comment-section .nav-tabs li a { border: 0 !important; background-color: transparent !important; line-height: 24px; font-weight: 600; text-align: left; text-transform: uppercase; position: relative; padding-bottom: 10px; border-bottom: 2px solid transparent; padding: 10px 30px; color: #2e2f31 !important; } .comment-section .nav-tabs .active { border: 0; margin-bottom: -2px; } .comment-section .tab-content .tab-pane { padding: 20px 0; width: 100%; } .comment-section .comments { float: left; display: block; width: 100%; } .comment-section .comments .comment-list { padding: 0; margin: 0; float: left; display: block; width: 100%; } .comment-section .comments .comment-list li { width: 100%; list-style: none; display: table; margin-bottom: 20px; } .comment-section .comments .comment-list li .left { display: table-cell; width: 65px; height: auto; vertical-align: top; text-align: left; } .comment-section .comments .comment-list li .left img { width: 50px; height: 50px; border-radius: 50%; } .comment-section .comments .comment-list li .right { display: table-cell; vertical-align: top; } .comment-section .comments .comment-list li .right .row-custom { margin-bottom: 5px; } .comment-section .comments .comment-list li .right .username { font-weight: 600; float: left; display: block; } .comment-section .comments .comment-list li .right .date { font-size: 12px; color: #999; float: left; margin-right: 15px; } .comment-section .comments .comment-list li .right .btn-reply { float: left; margin-right: 15px; font-size: 12px; color: #999; } .comment-section .comments .comment-total { margin-bottom: 30px; margin-top: 30px; } .comment-section .comments .label-comment { font-size: 15px; font-weight: 600; display: block; float: left; margin-right: 10px; margin-bottom: 0; line-height: 25px; } .comment-section .comments .comment-total span { display: block; font-size: 15px; float: left; line-height: 25px; } /*subcomments*/ .row-sub-comment { margin: 0 !important; padding: 0 !important; } .sub-comment-form { margin-top: 15px; padding: 15px; border-radius: 0.1875rem; } .sub-comment-form-registered { margin-top: 15px; } .row-sub-comment .form-textarea { min-height: 80px; } .row-sub-comment .comment-list { margin-top: 10px !important; padding-top: 10px !important; } .row-sub-comment .comment-list li { margin-bottom: 15px !important; } .btn-load-more { background: #fff; border: 1px solid #e5e5e5; display: block; font-size: 13px; line-height: 20px; margin: 0 auto; padding: 14px 10px; text-align: center; transition: all .25s ease 0s; color: #2e2f31; border-radius: 0.1875rem; width: 100%; max-width: 100%; font-weight: 600; cursor: pointer; } .btn-delete-comment { font-size: 12px; color: #999; } .message-comment-result { margin: 10px 0 !important; min-height: 22px; } .comment-success-message { position: relative; color: #00a65a; margin: 0 !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*Spinner*/ .load-more-spinner { display: none; } .spinner { margin: 0 auto; width: 70px; text-align: center; padding: 10px 0; margin-bottom: 15px; margin-top: 15px; } .spinner > div { width: 16px; height: 16px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } /* ============ 7. Pages ============ */ .page-about { width: 100%; float: left; font-size: 14px; font-variant-ligatures: no-common-ligatures; line-height: 26px; } .page-about p { overflow-wrap: break-word; } .page-res img { position: relative !important; max-width: 100% !important; height: auto !important; } .page-res iframe, .page-res object, .page-res embed { max-width: 100% !important; border: 0 !important; } .page-title { font-size: 24px; font-weight: 400; line-height: 26px; margin-bottom: 25px; margin-top: 0; } .page-contact { width: 100%; float: left; font-size: 14px; font-variant-ligatures: no-common-ligatures; line-height: 26px; } .page-contact .form-control { color: #494949; font-size: 14px; line-height: 18px; height: 44px; padding: 10px 20px; box-shadow: none !important; border: 1px solid #dfe0e6; outline: none !important; border-radius: 3px; } .page-contact textarea { min-height: 130px; resize: vertical; line-height: 18px !important; } .page-contact .form-control:focus { outline: 0 none; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } .contact-leave-message { font-size: 19px; font-weight: 400; margin-top: 20px; margin-bottom: 15px; } .row-contact-text { margin-bottom: 30px; } .contact-item { margin-bottom: 10px; display: block; float: left; width: 100%; } .contact-item .contact-icon { max-width: 30px; padding-right: 0; text-align: center; font-size: 15px; color: #444; margin-right: 10px; } .contact-item .contact-icon i { background-color: #f6f6f6; border-radius: 2px; color: #666; display: block; font-size: 14px; text-align: center; width: 24px; height: 24px; line-height: 24px; margin-top: 2px; } /*page login*/ .page-login { padding: 60px 0; } .link-forget { color: #2e2f31; } .page-login .form-group .glyphicon { color: #949494; line-height: 46px; margin-right: 10px; } .error-404 { min-height: 430px; width: 100%; text-align: center; padding-top: 100px; } .error-404 h1 { font-size: 50px; margin-bottom: 10px; } .error-404 h2 { margin-top: 10px; } .btn-error-back { font-size: 13px; margin-top: 30px; border-radius: 2px; } .page-confirm { width: 400px; height: auto; margin: 0 auto; text-align: center; padding-top: 120px; max-width: 100%; } .page-confirm .p-order-number { font-weight: bold; font-size: 18px; } .page-confirm .p-complete-payment { margin-top: 60px; text-align: center; } .page-confirm .bank-account-container { text-align: center; } .page-confirm .title { font-size: 18px; line-height: 24px; } .btn-social { width: 100%; height: 42px; line-height: 42px; padding: 0; display: block; position: relative; color: #fff !important; font-size: 14px; font-weight: 400; outline: 0 !important; box-shadow: none !important; border-radius: .3rem; text-align: left; margin-bottom: 5px } .btn-social i { width: 50px; display: inline-block; text-align: center; font-size: 20px; line-height: 20px; margin-right: 30px; border-right: 1px solid rgba(0, 0, 0, 0.15) } .btn-social-modal i { width: 40px; margin-right: 10px } .btn-social-facebook { background-color: #4267b2 } .btn-social-facebook:hover { background-color: #3459a3 } .btn-social-google { background-color: #DF4A32 } .btn-social-google:hover { background-color: #c9412b } .p-auth-modal { color: #777; text-align: center; margin-bottom: 10px } .p-auth-modal-or { color: #777; text-align: center; margin-top: 15px } /*Gallery*/ .page-gallery { min-height: 700px; padding-bottom: 100px; } .filters { width: auto; position: relative; display: block; margin-bottom: 30px; text-align: center } .filters input { display: none } .filters .btn { border: 0; color: #555 !important; box-shadow: none; font-size: 14px; line-height: 16px; margin: 5px 10px; padding: 6px 15px; -moz-transition: all .45s ease-in-out 0s; -webkit-transition: all .45s ease-in-out 0s; transition: all .45s ease-in-out 0s; background-color: #fff; box-shadow: none !important; position: relative; text-align: center; font-weight: 600; background-color: transparent !important } .filters .active::after { bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 100% } .filters .btn:last-child { margin-right: 0 } .filters .btn:focus:after, .filters .btn:hover:after, .filters .btn:active:after { bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; -moz-transition: all .45s ease-in-out 0s; -webkit-transition: all .45s ease-in-out 0s; transition: all .45s ease-in-out 0s } .gallery .gallery-item { position: relative; cursor: pointer; padding-left: 7.5px !important; padding-right: 7.5px !important; margin-bottom: 15px; } .gallery .gallery-item .item-inner { position: relative; display: block; overflow: hidden; } .gallery img { width: 100%; transition: all 0.5s; text-indent: -9999px; } .gallery .lightbox img { width: 100%; border-radius: 0; position: relative; } .gallery .lightbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.6); content: ''; transition: 0.4s; } .gallery .lightbox:hover:after, .gallery .lightbox:hover:before { opacity: .5; } .gallery .gallery-item:hover img { transform: scale(1.1); } .row-masonry { margin-left: -7.5px; margin-right: -7.5px; } .gallery .gallery-item .caption { width: 100%; position: absolute; padding: 0; bottom: 0; left: 0; color: #fff; z-index: 10; font-size: 16px; text-align: center; padding: 8px; } .gallery .gallery-item .gallery-image-cover a::after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .77)); width: 100%; height: 50%; position: absolute; content: ''; bottom: 0; left: 0; pointer-events: none; } .gallery .gallery-item .caption .album-name { display: inline-block; width: auto; height: auto; padding: 5px 10px; border-radius: 3px; } .img-gallery-empty { width: 100%; height: 300px; background-color: #f8f8f8; } .gallery-category-title { font-size: 22px; line-height: 22px; font-weight: 500; margin-bottom: 30px; display: inline-block; width: auto; margin: 0 15px 30px 15px; padding: 10px 20px; } .gallery-links { font-size: 16px; } .gallery-links .gallery-next-link { margin-left: 60px; } /* ============ 8. Pagination ============ */ .pagination { float: right; } .pagination li { float: left; } .pagination li a { margin: 0 4px; padding: 8px 14px !important; min-height: 38px; min-width: 38px; border: 1px solid #eee; border-radius: 2px !important; color: #666 !important; text-align: center; transition: all 0.2s ease-in-out 0s; font-size: 14px; line-height: 20px; } .pagination li span { border-radius: 2px !important; } /* ============ 9. Footer ============ */ #footer { background-color: #ffffff; padding-top: 45px; margin-top: 30px; color: #2b2b2b; } .footer .footer-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer .footer-link ul { padding-right: 50px; } .footer .footer-link ul:last-child { padding-right: 0px; } .footer .footer-link ul li a { color: #293745; font-weight: 500; padding: 7px 0px; display: block; } .footer .footer-link ul li:hover a { color: #ef3139; } .footer .footer-link ul li:first-child a { padding-top: 0; } .footer .footer-link ul li:last-child a { padding-bottom: 0; } .footer .social-icon li { display: inline-block; margin-right: 50px; } .footer .social-icon li:last-child { margin-right: 0; } .footer .social-icon li a { font-size: 18px; color: #022d62; } .footer .social-icon li:hover a { color: #ef3139; } .footer .footer-contact-info p { color: #293745; font-weight: 500; } .footer .flag-svg { height: 30px; } .footer.bg-dark .footer-link ul li a { color: #ffffff; } .footer.bg-dark .footer-link ul li a:hover { color: #ef3139; } .footer.bg-dark .social-icon li { margin-right: 30px; } .footer.bg-dark .social-icon li a { color: #ffffff; } .footer.bg-dark .social-icon li a:hover { color: #ef3139; } /************************* Responsive *************************/ @media (max-width: 767px) { .social-icon-lg li i { font-size: 24px; } } @media (max-width: 575px) { .footer-link { display: block; } .footer-link ul li:first-child a { padding-top: 7px; } .footer-link ul li:last-child a { padding-bottom: 7px; } /* Social icon */ .social-icon li { padding: 0 10px; margin-right: 8px; } .social-icon li i { font-size: 18px; } } .footer-widgets { padding-bottom: 10px; } .footer-widget { margin-bottom: 30px; float: left; } .footer-widget .title { text-transform: uppercase; padding-bottom: 8px; margin-bottom: 0px; font-size: 14px; font-weight: 500; position: relative; } .footer-widget .title-line { display: block; width: 60px; height: 3px; background-color: #2e2f31; margin-bottom: 20px; } .f-widget-about p { font-size: 14px; line-height: 24px; } .f-random-list { padding: 0; margin: 0; position: relative; } .f-random-list li { list-style: none; position: relative; width: 100%; display: table; float: left; margin-bottom: 15px; min-height: 75px; } .f-random-list li .left { width: 100px; height: 75px; overflow: hidden; display: table-cell; vertical-align: top; position: relative; } .f-random-list li .left .external-image-container { width: 100px; height: 75px; overflow: hidden; } .f-random-list li .left .external-post-image { width: 100px; height: 75px; overflow: hidden; position: relative; } .f-random-list li .left a { display: block; width: 100%; } .f-random-list li .right { display: table-cell; vertical-align: top; padding-left: 15px; } .f-random-list li .title { font-weight: 400; line-height: 21px; font-size: 14px; margin: 0; margin-bottom: 5px; text-transform: none; } .f-random-list li .title a { color: #4d4949; display: block; } .f-widget-follow ul { margin: 0; padding: 0; } .f-widget-follow ul li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .f-widget-follow ul li a { width: 38px; height: 38px; color: #2b2b2b; font-size: 16px; line-height: 38px; text-align: center; display: block; border-radius: 2px; background: #efefef; } .f-widget-follow ul li a:hover { text-decoration: none; } .f-widget-follow ul li .facebook:hover { background-color: #3B5998; color: #fff !important; } .f-widget-follow ul li .twitter:hover { background-color: #1DA1F2; color: #fff !important; } .f-widget-follow ul li .google:hover { background-color: #DC4A38; color: #fff !important; } .f-widget-follow ul li .instgram:hover { background-color: #D02E95; color: #fff !important; } .f-widget-follow ul li .linkedin:hover { background-color: #0177b5; color: #fff !important; } .f-widget-follow ul li .pinterest:hover { background-color: #bd081c; color: #fff !important; } .f-widget-follow ul li .vk:hover { background-color: #4c75a3; color: #fff !important; } .f-widget-follow ul li .telegram:hover { background-color: #0088cc; color: #fff !important; } .f-widget-follow ul li .youtube:hover { background-color: #ff0000; color: #fff !important; } .f-widget-follow ul li .rss:hover { background-color: #F8991D; color: #fff !important; } /*newsletter*/ .newsletter { display: table; width: 100%; margin-top: 5px; font-size: 13px; } .newsletter .left { display: table-cell; vertical-align: top; } .newsletter .right { display: table-cell; vertical-align: top; } .newsletter input { width: 100%; font-size: 14px; line-height: 18px; background: #fff; border: 1px solid #dfe0e6; outline: none !important; color: #3a3a3a; height: 36px; padding: 10px 20px; box-shadow: none; border-radius: 3px 0 0 3px; float: left; } .newsletter .newsletter-button { width: auto; min-width: 100px; padding: 6.5px 14px; border-radius: 0 3px 3px 0; line-height: 1.5; outline: none !important; font-size: 14px; border: none; color: #fff; float: left; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #newsletter { margin-top: 5px; } .languages-dropdown { width: 100%; display: block; float: left; margin-top: 20px; } .languages-dropdown .btn { background-color: transparent !important; color: #3a3a3a !important; font-size: 14px; padding: 0 !important; } .languages-dropdown .btn i { margin-right: 8px; } .languages-dropdown .dropdown-menu { background-color: #fff !important; } .languages-dropdown .dropdown-menu li a { padding: 6px 20px; color: #3a3a3a !important; } .languages-dropdown .dropdown-menu li a:hover { background-color: #fff !important; } .languages-dropdown .dropdown-menu li a:active { background-color: #303030 !important; } .languages-dropdown .dropdown-menu li a:focus { background-color: #303030 !important; } .footer-bottom { padding: 25px 0; font-size: 14px; border-top: 1px solid rgba(49, 49, 49, 0.3); line-height: 36px; } .footer-bottom p { font-size: 14px; line-height: 36px; margin: 0; } .scrollup { display: none; position: fixed; bottom: 20px; right: 15px; color: #fff; } .scrollup i { width: 40px; height: 40px; line-height: 40px; display: block; border-radius: 2px; text-align: center; background-color: #2e2f31; } /* ============ 10. Ad Spaces ============ */ .bn-lg { min-width: 728px; min-height: 90px; display: block; position: relative; text-align: center; width: 100%; max-width: 100%; padding: 30px 0; } .bn-md { min-width: 468px; min-height: 60px; display: none; width: 100%; max-width: 100%; position: relative; text-align: center; padding: 30px 0; } .bn-sm { min-width: 234px; min-height: 60px; display: none; width: 100%; max-width: 100%; position: relative; text-align: center; padding: 30px 0; } .bn-lg-sidebar { min-width: 300px; min-height: 250px; display: block; width: 100%; max-width: 100%; position: relative; text-align: center; padding: 0 0 30px 0; } .bn-list { float: left; } .bn-post-detail { float: left; padding-bottom: 0; } .bn-sm-index { padding-top: 25px; } .index-sm { padding-bottom: 0 !important; } .post-content .bn-lg, .post-content .bn-md, .post-content .bn-sm { padding-top: 5px !important; padding-bottom: 20px !important; } .bn-bottom-post .bn-lg, .bn-bottom-post .bn-md, .bn-bottom-post .bn-sm { padding-bottom: 0 !important; } .post-content .bn-bottom-post .bn-list { margin-top: 15px; } /**/ .p-b-0 { padding-bottom: 0 !important; } .p-t-0 { padding-top: 0 !important; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: none !important; font-weight: 500 !important; } .jconfirm .jconfirm-box div.jconfirm-title-c { text-align: center; } .animated { animation-fill-mode: none !important; } .text-style { line-height: 28px !important; font-size: 15px !important; } .footer-bottom-left { float: left; } .footer-bottom-right { float: right; } .nav-footer { margin: 0; padding: 0; } .nav-footer li { list-style: none; margin-right: 15px; display: inline-block; } .nav-footer li:last-child { margin-right: 0px; } .nav-footer li a { color: #4d4949; font-size: 14px; line-height: 16px; } .title-index { text-align: center; height: 0; margin: 0; padding: 0; line-height: 0; color: transparent; text-indent: -9999px; } .btn-go-home { margin-top: 30px; } .p-0 { padding: 0; } .m-0 { margin: 0; } .font-weight-normal { font-weight: normal !important; } .recaptcha-cnt { width: 100%; height: auto; display: block; text-align: center; } .page-login .g-recaptcha { width: 300px; height: 74px; margin: 0 auto; } .reactions { display: block; position: relative; float: left; width: 100%; margin-bottom: 45px } .reactions .title-reactions { display: block; width: 100%; margin-bottom: 30px; text-transform: uppercase; font-size: 16px } .reactions .col-reaction { width: 13%; margin-right: 5.8px; cursor: pointer; margin-bottom: 5px; float: left; } .reactions .col-reaction:last-child { margin: 0 } .reactions .col-reaction .row { margin-bottom: 5px } .reactions .col-reaction:hover .btn-reaction span { color: #fff } .reactions .col-reaction:hover .progress-bar-vertical .progress-bar { opacity: 1 } .reactions .progress { background-color: #f5f5f5; border-radius: 0; box-shadow: none !important; height: 20px; margin: 0; overflow: hidden } .reactions .progress-bar-vertical { width: 100%; height: 100px; display: flex; align-items: flex-end; margin-right: 20px; float: left; position: relative } .reactions .progress-bar-vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height .6s ease; -o-transition: height .6s ease; transition: height .6s ease; box-shadow: none !important; opacity: .7; -moz-transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s } .reactions .progress-bar-vertical .progress-bar-voted { opacity: 1 } .reactions .progress-bar-vertical .span-vote { width: auto; height: 20px; position: absolute; display: inline-block; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 12px; color: #222; font-weight: 600; text-align: center } .reactions .btn-reaction { background-color: #e6e6e6; border: 0 !important; padding: 4px !important; display: block; width: 100%; border-radius: .25rem; -moz-transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s } .reactions .btn-reaction span { text-transform: uppercase; font-weight: 600; font-size: 12px } .reactions .btn-reaction-voted span { color: #fff } .reactions .icon-cnt { display: block; width: 100%; height: 56px; float: left; position: relative; text-align: center; } .reactions .img-reaction { width: 60px; height: 60px; } .col-disable-voting { cursor: default !important } .col-disable-voting .progress-bar-vertical .progress-bar { opacity: .7 !important } .disable-voting { background-color: #e6e6e6 !important; cursor: default !important } .disable-voting span { color: #222 !important } .poll { display: block; float: left; width: 100%; position: relative; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #eee } .poll:first-child { margin-top: 0 !important } .poll:last-child { border: 0 } .poll .title { font-size: 15px; font-weight: 500; line-height: 22px; text-transform: none; margin-top: 0 } .poll .option { margin-bottom: 15px } .poll .button-cnt { margin-top: 30px } .poll .button-cnt button { margin-right: 15px } .poll .result { display: none } .poll .result .progress { border-radius: 1px; background-color: transparent; box-shadow: none !important; background-color: #f3f3f3; color: #222; margin-bottom: 15px; height: 12px } .poll .result .progress .progress-bar { font-size: 11px; font-weight: 600; background-color: #2CB29A; box-shadow: none !important } .poll .result .progress .progress-bar-0 { color: #444 } .poll .result .progress .progress-bar-0 span { margin-left: 5px } .poll-error-message { color: #E95350; font-size: 13px; display: none } .a-view-results { font-size: 13px; font-weight: 600; cursor: pointer } .total-vote { text-align: center; font-weight: bold; font-size: 13px; margin-top: 19px; margin-bottom: 5px } .poll .result .progress span { position: absolute; right: 0; font-weight: 600; font-size: 11px; line-height: 11px } .label-poll-option { font-weight: 400; cursor: pointer; display: initial !important } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .contact-map-container { display: block; float: left; width: 100%; margin-top: 30px; } .contact-map-container iframe { display: block; float: left; width: 100%; height: 460px; } .cookies-warning { background-color: #fafafc; border-radius: 2px; bottom: 18px; left: 20px; opacity: 0.9; position: fixed; width: 400px; max-width: 100%; z-index: 9999; border: 1px solid #e5e5e8; } .cookies-warning .text { font-size: 13px; padding: 24px 18px; color: #2e2f31; line-height: 24px; } .cookies-warning .icon-cl { cursor: pointer; padding: 8px; position: absolute; font-size: 12px; right: 1px; top: -5px; color: #7b7b7b !important; } .custom-checkbox { line-height: 17px; cursor: pointer; font-weight: 400 !important } .custom-checkbox:after { content: ''; display: table; clear: both } .custom-checkbox .checkbox-icon { cursor: pointer; position: relative; display: inline-block; border: 1px solid #dee2e6; background-color: #dee2e6; border-radius: .15em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s } .custom-radio .checkbox-icon { border: 1px solid #dee2e6; background-color: transparent } .custom-checkbox .checkbox-icon i { position: absolute; font-size: .8em; line-height: 0; top: 3px; left: 3px } .custom-checkbox input { display: none } .custom-checkbox input + .checkbox-icon > i { opacity: 0 } .custom-checkbox input:checked + .checkbox-icon { background-color: #dee2e6; border: 1px solid #dee2e6 } .custom-checkbox input:checked + .checkbox-icon > i { opacity: 1; color: #fff } .custom-checkbox input:disabled + .checkbox-icon { opacity: .5 } .swal-modal { width: 400px; } .swal-icon { width: 60px; height: 60px; } .swal-icon--warning__body { height: 28px; } .swal-button { border-radius: 3px !important; padding: 8px 22px !important; } .swal-button:focus { box-shadow: none !important; } .swal-text { font-size: 14px !important; } .swal-button--danger { background-color: #ef3139 !important; } .is-invalid { border: 1px solid rgba(220, 53, 69, 0.40) !important; box-shadow: 0 0 0 0.05rem rgba(220, 53, 69, 0.40) !important; } .is-recaptcha-invalid > div { border: 1px solid rgba(220, 53, 69, 0.40) !important; box-shadow: 0 0 0 0.05rem rgba(220, 53, 69, 0.40) !important; } form label.error { color: #d43f3a; display: none !important; } form input.error { border: 1px solid rgba(220, 53, 69, 0.40) !important; box-shadow: 0 0 0 0.02rem rgba(220, 53, 69, 0.40) !important; } form textarea.error { border: 1px solid rgba(220, 53, 69, 0.40) !important; box-shadow: 0 0 0 0.02rem rgba(220, 53, 69, 0.40) !important; } form select.error { border: 1px solid rgba(220, 53, 69, 0.40) !important; box-shadow: 0 0 0 0.02rem rgba(220, 53, 69, 0.40) !important; } .alert-success h4 { font-size: 13px; margin: 0 !important; } /* Responsive CSS Fixes */ @media (max-width: 1999.5px) { .home-slider-fixer .col-sl { width: 33.3333%; } .home-slider-fixer .col-sl-4 { display: none; } } /* screen size smaller than 1200px */ @media (max-width: 1200px) { .container { width: 100%; } .reactions .col-reaction { margin-right: 3.8px; } .post-item-horizontal .item-image { height: auto !important; } .w-our-picks-list li .post-image { height: auto !important; } .external-post-image { height: auto !important; } .related-posts .post-list li .img-responsive { height: auto !important; } .w-popular-list li .left { background-color: transparent !important; } .post-item .post-image { height: auto !important; } .post-item-boxed .item-image { height: auto !important; } .profile-page .post-item-boxed .item-image { height: auto !important; } } @media (max-width: 1199.5px) { .home-slider-fixer .col-sl { width: 50%; } .home-slider-fixer .col-sl-3 { display: none; } } /* screen size smaller than 1200px and bigger than 992px */ @media (max-width: 1200px) and (min-width: 992px) { .popular-comment-span { display: none; } .post-item-horizontal .post-buttons { bottom: 0; display: block; float: left; padding-right: 15px; position: relative; right: 0; width: 100%; } } /* screen size smaller than 1200px and bigger than 768px */ @media (max-width: 1200px) and (min-width: 768px) { .navbar .container { width: 100%; } .social-nav { padding: 0; } .navbar-left { padding-right: 0; } } @media (max-width: 1140px) { .bn-lg { display: none; } .bn-md { display: block; } } /* screen size smaller than 1100px and bigger than 768px */ @media (max-width: 1100px) and (min-width: 768px) { .navbar-nav > li { margin-left: 0px !important; } .navbar-nav > li { margin-right: 0px !important; } .navbar-inverse .navbar-nav > li > a { font-size: 12px; } .dropdown-more .more-sign { font-size: 17px; } .social-nav .navbar-nav > li > a { font-size: 11px !important; } } /* screen size bigger than 768px */ @media (min-width: 768px) { } @media (max-width: 767.5px) { .home-slider-fixer .col-sl { width: 100%; } .home-slider-fixer .col-sl-2 { display: none; } } @media (max-width: 991px) { #header { height: auto; box-shadow: none !important; border: 0 !important; } .navbar-inverse { height: auto; } .nav-desktop { display: none; } .navbar-header { display: none; } .nav-mobile-header { display: block; } .mobile-nav-container { min-height: 60px; } .navbar-collapse { width: 100% !important; overflow-x: hidden !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-inverse .navbar-nav > li > a { padding: 0 !important; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } .profile-dropdown { margin-top: 10px !important; } .search-icon { margin: 20px 0 0 0 !important; cursor: pointer; display: inline-block; font-size: 30px; position: relative; float: right; } .search-icon i { font-size: 19px !important; } .modal-search { background: #fff none repeat scroll 0 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); display: none; position: fixed; right: 0 !important; top: 60px; transition: all .2s ease-in-out 0s; width: 100%; z-index: 999999; background-color: #00a65a; } .modal-search .form-control:focus, .modal-search .form-control { font-size: 13px; height: 54px; padding: 15px; position: absolute; width: 100%; margin-top: 0 !important; } .modal-search .s-close { box-shadow: none; color: #999; cursor: pointer; font-size: 12px; position: absolute; right: 5px; top: 4px; padding: 10px; } /*navbar*/ .navbar-inverse { padding-top: 0; } .navbar-header { border-bottom: 1px solid #eee; } .navbar-toggle { margin-right: 15px; margin-top: 15px; margin-bottom: 15px; } .navbar-inverse .navbar-nav { margin-bottom: 0 !important; } .navbar-collapse .navbar-nav { padding-top: 10px; } .navbar-inverse .dropdown .dropdown-menu > li > a { line-height: 24px !important; } .navbar-inverse .navbar-nav .dropdown-menu { width: 100% !important; border: 0 none; border-radius: 0; left: 0; margin-top: 0; padding: 0; box-shadow: none; position: relative !important; margin-bottom: 15px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 15px !important; } .navbar-brand img { max-width: 150px; } .profile-drop { display: inline-block !important; width: auto !important; } .profile-dropdown { margin-top: 5px; } .social-nav .navbar-nav { margin-top: 0 !important; } .navbar-brand { background-color: transparent !important; display: block; margin-left: 15px; margin-top: 8px; margin-right: 5px; margin-top: 10px; padding: 0 !important; } .navbar-brand img { max-width: 150px; max-height: 45px; display: block; } .navbar-nav .dropdown .top-dropdown { width: 96% !important; } .page-login { padding: 30px 0; } } /* screen size smaller than 768px */ @media (max-width: 768px) { .cookies-warning { position: fixed; left: 15px; width: 80%; } } /* screen size smaller than 767px */ @media (max-width: 767px) { .img-popular { display: none; } .img-popular-mobile { display: block; } .hidden-sm { display: none; } .mobile-li { display: block !important; } /*slider*/ .home-slider-item .item-info { padding: 10px; } .home-slider-item .item-info .title { display: block; font-size: 20px; font-weight: 400; line-height: 24px; margin: 5px 0; } /*Post List*/ #main { margin-top: 25px; } .post-item .post-footer .title { font-size: 18px; font-weight: 500; line-height: 24px; margin: 10px 0; } .post-item-boxed .title { font-size: 18px; font-weight: 500; line-height: 24px; margin: 10px 0; } .post-item-horizontal .title { font-size: 20px; font-weight: 500; line-height: 26px; margin: 10px 0; } .post-item .post-footer .summary { color: #372c2c; font-size: 13px; font-weight: 400; line-height: 22px; } .post-item-boxed .summary { color: #372c2c; font-size: 13px; font-weight: 400; line-height: 22px; } .post-item-horizontal .summary { color: #372c2c; font-size: 13px; font-weight: 400; line-height: 22px; } .read-more { border-radius: 2px; font-size: 13px; font-weight: 400; padding: 3px 6px; } .read-more:hover .read-more-i { margin-left: 25px; margin-right: 5px; } .post-item .post-footer .post-buttons .post-social li { margin-right: 15px; } .post-item .post-footer .post-meta span { font-size: 10px; } .post-item .post-footer .post-buttons .post-social { padding: 2px 6px 3px 0; } .post-item { margin-bottom: 20px; padding-bottom: 20px; } .post-item-horizontal { margin-bottom: 15px; } .post-item-horizontal .item-image { width: 100%; display: block; float: left; } .post-item-horizontal .item-content { width: 100%; display: block; float: left; padding-left: 0; margin-top: 15px; } .post-item-horizontal .post-buttons { position: relative; padding: 0; } .post-content .post-summary h2 { font-size: 15px; } .post-meta .post-meta-inner span, .post-meta .post-meta-inner a { font-size: 12px; } /*pagination*/ .pagination { float: left; width: 100%; text-align: center; } .pagination li { display: none; float: none !important; } .pagination li a { font-size: 24px !important; line-height: 16px; width: 76px; } .pagination .next { display: inline-block !important; } .pagination .prev { display: inline-block !important; } /*Sidebar*/ .widget-popular-posts { margin-top: 30px; } .ramdom-post-slider .item-info { padding: 15px; } .ramdom-post-slider .item-info .title { color: #fff; display: block; font-size: 14px; font-weight: 400; line-height: 22px; margin: 0; margin-top: 5px; } .about-author-left { display: block; text-align: center } .about-author-right { display: block; margin-top: 15px } /*footer*/ #footer { background-color: #ffffff; color: #2b2b2b; margin-top: 30px; padding-top: 30px; } .newsletter input { width: 100%; margin-bottom: 10px; margin-right: 0; } #ad-space { padding: 15px 0; } .page-breadcrumb { display: none; } .post-content .post-title .title { margin-top: 0 !important; } .page-about { font-size: 13px; line-height: 24px; } .page-title { font-size: 24px; margin-bottom: 20px; } .post-content .post-title .title { font-size: 26px; font-weight: 400; line-height: 34px; margin-top: 10px; } .post-content .post-meta span { font-size: 10px; } .post-content .post-text { font-size: 13px; line-height: 24px; } .post-content .post-tags .tag-list li a { font-size: 11px; padding: 2px 5px; } .post-content .post-share .btn-share { height: 40px; line-height: 40px; margin-right: 8px; width: 40px; } .post-content .post-share .btn-share i { margin-right: 0px; } .related-posts .post-list li { margin-bottom: 15px; } .related-posts .post-list li .title { margin-top: 10px; } .add-to-reading-list { float: left !important; margin-top: 0px; } .delete-from-reading-list { float: left !important; margin-top: 10px; } .footer-bottom-left { display: block; text-align: center; width: 100%; } .footer-bottom-left p { display: block; text-align: center; width: 100%; } .footer-bottom-right { display: block; text-align: center; width: 100%; } .nav-footer { display: block; text-align: center; width: 100%; } .footer-bottom { padding-bottom: 60px; } .section-comments .nav > li > a { padding: 10px 3px !important; font-size: 13px; } .post-content .post-meta form { float: left !important; margin-top: 0px; display: block; width: 100%; text-align: left; } .post-content .post-meta form button { float: left !important; margin: 0 !important; } .posts { width: 100% !important; } .btn-optional-link { padding: 8px 20px; font-size: 13px; border-radius: 2px; } .rss-item .left { display: block; width: 100%; } .rss-item .right { display: block; width: 100%; } .rss-item .right p { word-break: break-all; } .item-boxed-cnt { padding: 0; } .posts-boxed { padding-left: 15px !important; padding-right: 15px !important; } .reactions .col-reaction { margin-right: 3.8px; width: 30.2%; } .recaptcha-cnt .g-recaptcha { -webkit-transform: scale(0.82); -moz-transform: scale(0.82); -ms-transform: scale(0.82); -o-transform: scale(0.82); transform: scale(0.82); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .profile-tabs { margin-bottom: 30px; } .profile-details { display: block !important; width: 100%; } .profile-details .left { display: block !important; text-align: left; width: 100%; padding: 0; margin-bottom: 15px; } .profile-details .right { display: block !important; width: 100%; } .widget-popular-posts { margin-top: 50px; } .comment-section .nav-tabs li a { padding: 10px 20px; font-size: 13px; } } @media (max-width: 540px) { .bn-lg-sidebar { display: none; } .bn-md { display: none; } .bn-sm { display: block; } } /* screen size bigger than 480px */ @media (max-width: 480px) { .post-item-boxed .item-content { padding: 10px; } .w-popular-list li img { float: left; height: auto; margin-right: 15px; position: relative; width: 100%; } .page-content iframe { height: auto !important; } .post-text iframe { height: auto !important; } .navbar-brand { margin-bottom: 0 !important; } .w-popular-list li img { float: none; margin-bottom: 5px; } .post-avatar { margin-right: 5px; } .post-content .post-meta span { float: left; } .post-content .post-meta a { float: left; } .add-to-reading-list { float: right; } .home-slider-boxed-item .item-info { padding: 20px; } .home-slider-boxed-item .item-info .title { line-height: 24px; font-size: 18px; } } @media (max-width: 391px) { .home-slider-item .item-info .title { font-size: 18px; } .home-slider-boxed-item .item-info { padding: 10px; } }