@supports (position:sticky){}@supports (-webkit-touch-callout:inherit){}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}ol,ul{box-sizing:border-box}.wp-block-spacer{clear:both}@supports (position:sticky){}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}  :root{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:3px solid transparent}.components-button.is-primary:hover:not(:disabled){background:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:active:not(:disabled){background:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6));border-color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){box-shadow:none}.components-button.is-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6))}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){color:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){background:#ccc}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);color:transparent}.components-modal__content.is-scrollable:focus-visible{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:transparent;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}@supports (position:sticky){}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){}}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){background-color:transparent;text-decoration:underline}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{box-shadow:none;color:#fff;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:#fff;text-decoration:none}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-tab-panel__tabs-item:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid transparent}.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){box-shadow:none;outline:none}@supports (position:sticky){}  :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){box-shadow:none;text-decoration:underline}@media (min-width:600px){.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{height:calc(100% - 4px)}}.components-button.block-editor-block-mover-button:focus-visible:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){background-color:#757575;color:#fff}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{background:var(--wp-block-synced-color)}.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;pointer-events:none;position:absolute;right:0;top:0}.components-button.block-editor-block-types-list__item:not(:disabled):focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}@supports (position:sticky){}.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);box-shadow:none}  :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}  :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}  :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}  @font-face{font-family:"tutor";src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/tutor/assets/css/../fonts/tutor.woff) format("woff");font-weight:normal;font-style:normal;font-display:block}@font-face{font-family:"tutor";src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/tutor/assets/css/../fonts/tutor-v2.woff) format("woff");font-weight:normal;font-style:normal;font-display:block} :root{--tutor-text-size:16px;--tutor-color-white:#ffffff;--tutor-color-success:#24A148;--tutor-color-success-rgb:36, 161, 72;--tutor-color-warning:#ED9700;--tutor-color-warning-rgb:237, 151, 0;--tutor-color-danger:#F44337;--tutor-color-danger-rgb:244, 67, 55;--tutor-color-secondary:#41454F;--tutor-color-subdued:#5B616F;--tutor-color-muted:#757c8e;--tutor-color-gray:#e3e5eb;--tutor-color-gray-10:#eff1f6}.clearfix::after{display:block;clear:both;content:""}.align-middle{vertical-align:middle}.align-items-center{align-items:center}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.align-items-center{align-items:center}.tutor-react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input>input:focus-visible{outline:none;border-color:var(--tutor-color-primary)}  :root{--tutor-text-size:16px;--tutor-color-white:#ffffff;--tutor-color-success:#24A148;--tutor-color-success-rgb:36, 161, 72;--tutor-color-warning:#ED9700;--tutor-color-warning-rgb:237, 151, 0;--tutor-color-danger:#F44337;--tutor-color-danger-rgb:244, 67, 55;--tutor-color-secondary:#41454F;--tutor-color-subdued:#5B616F;--tutor-color-muted:#757c8e;--tutor-color-gray:#e3e5eb;--tutor-color-gray-10:#eff1f6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-content{padding-bottom:0px !important}.tutor-quiz-attempt-details .tutor-icon-rounded:not(:hover){opacity:.8}  :root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}  :root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}@font-face{font-family:star;src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/star.eot);src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/star.eot) format("embedded-opentype"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/star.woff) format("woff"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/star.ttf) format("truetype"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/star.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.eot);src:url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.eot) format("embedded-opentype"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.woff) format("woff"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.ttf) format("truetype"),url(https://www.kelasilmuproyek.co.id/wp-content/plugins/woocommerce/assets/css/../fonts/WooCommerce.svg) format("svg");font-weight:400;font-style:normal}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.woocommerce span.onsale{min-height:3.236em;min-width:3.236em;padding:.202em;font-size:1em;font-weight:700;position:absolute;text-align:center;line-height:3.236;top:-.5em;left:-.5em;margin:0;border-radius:100%;background-color:#b3af54;color:#fff;font-size:.857em;z-index:9}.woocommerce ul.products{margin:0 0 1em;padding:0;list-style:none outside;clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before{content:" ";display:table}.woocommerce ul.products::after{clear:both}.woocommerce ul.products li{list-style:none outside}.woocommerce ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:.5em 0;margin:0;font-size:1em}.woocommerce ul.products li.product a{text-decoration:none}.woocommerce ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce ul.products li.product .button{display:inline-block;margin-top:1em}.woocommerce ul.products li.product .price{color:#b3af54;display:block;font-weight:400;margin-bottom:.5em;font-size:.857em}.woocommerce ul.products li.product .price del{color:inherit;opacity:.5;display:inline-block}.woocommerce ul.products li.product .price ins{background:0 0;font-weight:700;display:inline-block}.woocommerce .woocommerce-result-count{margin:0 0 1em}.woocommerce .woocommerce-ordering{margin:0 0 1em}.woocommerce .woocommerce-ordering select{vertical-align:top}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;left:auto;color:#515151;background-color:#e9e6ed;border:0;display:inline-block;background-image:none;box-shadow:none;text-shadow:none}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{background-color:#dcd7e3;text-decoration:none;background-image:none;color:#515151}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled{color:inherit;cursor:not-allowed;opacity:.5;padding:.618em 1em}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover{color:inherit;background-color:#e9e6ed}   .screen-reader-text{position:absolute;top:-10000em;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{--page-title-display:block}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{content:var(--background-overlay);display:block;position:absolute;mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);transition:var(--overlay-transition,.3s);border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-block-start-width));left:calc(0px - var(--border-inline-start-width));width:max(100% + var(--border-inline-end-width) + var(--border-inline-start-width),100%);height:max(100% + var(--border-block-start-width) + var(--border-block-end-width),100%)}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-block-start-width));left:calc(0px - var(--border-inline-start-width));width:max(100% + var(--border-inline-end-width) + var(--border-inline-start-width),100%);height:max(100% + var(--border-block-start-width) + var(--border-block-end-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-phone{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}@supports not (aspect-ratio:1/1){}.elementor-widget-n-tabs .e-n-tab-title:focus-visible{outline:5px auto -webkit-focus-ring-color}:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)}   .elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#090909;font-family:"Roboto", Sans-serif;}.elementor-kit-5 a{color:#100E0E;}.elementor-kit-5 h1{color:#131111;}.elementor-kit-5 h2{color:#131010;}.elementor-kit-5 h3{color:#131212;}.elementor-kit-5 h4{color:#100F0F;}{}  :root{--blue:#007bff;--mythos:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}footer,header,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ol,ul{margin-top:0;margin-bottom:1rem}strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}img{vertical-align:middle;border-style:none}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox]{box-sizing:border-box;padding:0}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}h1,h2,h3,h4{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}mark{padding:.2em;background-color:#fcf8e3}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-6,.col-auto,.col-lg-2,.col-lg-6,.col-lg-auto,.col-md-12,.col-md-6,.col-md-auto,.col-sm-12,.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.order-2{-ms-flex-order:2;order:2}@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-1{-ms-flex-order:1;order:1}}@media (min-width:992px){.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}.align-middle{vertical-align:middle!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:-ms-flexbox!important;display:flex!important}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}}.align-items-center{-ms-flex-align:center!important;align-items:center!important}@supports ((position:-webkit-sticky) or (position:sticky)){}.ml-4{margin-left:1.5rem!important}.ml-auto{margin-left:auto!important}@media (min-width:992px){.mr-lg-2{margin-right:.5rem!important}}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:768px){.text-md-left{text-align:left!important}}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}   input { -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text; }   .nice-select .list:hover .option:not(:hover) { background-color:transparent !important; } input[type='submit'] {  padding:10px 22px;  font-weight:600;  line-height:22px;  font-size:14px;  border:none;  box-shadow:none;  transition:400ms;  -webkit-transition:400ms;  letter-spacing:0.5px;  border-radius:3px; } input[type='submit'] {  color:#fff;  cursor:pointer;  border-radius:2px !important; } input[type='submit']:hover {  background:#02c0d0;  color:#fff; } img {  max-width:100%;  height:auto; } body {  -webkit-font-smoothing:antialiased;  -moz-font-smoothing:antialiased;  overflow-x:hidden; } input:focus, select:focus, button:focus {  outline-offset:0;  outline:0;  -webkit-box-shadow:none;  box-shadow:none; } p {  margin-top:0;  margin-bottom:10px; } h1, h2, h3, h4 {  color:#1f2949; } #bottom-wrap .bottom-widget ul li {  font-weight:400; } #bottom-wrap .bottom-widget .widget_nav_menu ul {  display:block;  margin:0; } #bottom-wrap .bottom-widget .widget_nav_menu ul li {  font-size:16px;  font-weight:400;  padding-bottom:5px; } .widget {  word-break:break-word; } .form-control {  border-radius:2px;  box-shadow:none;  border:1px solid #f2f2f2; } .widget {  padding:28px; } .widget {  padding:28px; } .widget ul>li:last-child {  border-bottom:none; } .widget_nav_menu ul {  padding:0px; } .widget_nav_menu ul li {  list-style:none;  padding:3px 0; } .widget ul li:nth-child() a {  padding-top:0; } .widget ul li:last-child a {  padding-bottom:0; } .widget ul li a {  font-size:16px;  font-weight:normal;  font-style:normal;  font-stretch:normal;  line-height:2;  letter-spacing:normal;  color:#1f2949;  transition:0.3s; } .breadcrumb {  background-color:transparent;  text-align:center;  color:#000;  text-align:right;  padding:0; } .breadcrumb a {  color:#000; } .breadcrumb li {  display:inline-block;  color:#fff;  position:relative; } .breadcrumb li::after {  position:absolute;  left:0;  top:0; }  .primary-menu .common-menu-wrap .nav>li {  display:inline-block;  border-radius:0px;  text-align:center;  transition:0.3s;  position:relative;  line-height:1;  margin:0; } .primary-menu .common-menu-wrap .nav>li>a {  padding:20px 12px;  line-height:20px;  border-radius:0; } .primary-menu .logo-wrapper a {  display:inline-block;  padding-right:20px;  line-height:1; }  .header_search_input input {  border:1px solid rgba(176, 180, 184, 0.3);  border-radius:3px;  min-width:320px;  padding:7px 15px;  color:#1f2949;  font-size:15px;  position:relative;  padding-left:40px; } .header-solid .header_search_input input {  border:0;  border-bottom:1px solid rgba(255, 255, 255, 0.6);  background:transparent;  border-radius:0;  color:#fff;  font-weight:600;  padding-left:30px; } .header-solid .header_search_input button {  left:8px;  color:rgba(255, 255, 255, 0.5); } .header-solid .header_search_input button {  color:rgba(255, 255, 255, 0.2); } .header_search_input button {  position:absolute;  left:20px;  top:8px;  border:0;  font-size:20px;  background:none;  color:rgba(176, 180, 184, 0.3); }  .header-solid input:-webkit-autofill {  -webkit-text-fill-color:#fff;  -webkit-box-shadow:0 0 0px 1000px none inset;  transition:background-color 5000s ease-in-out 0s; } .header-solid .header_search_input input::-webkit-input-placeholder {  color:rgba(255, 255, 255, 0.8); } .header_search_input input::-webkit-input-placeholder { color:#1f2949;  font-size:14px;  opacity:0.6; } .header_search_input input::-moz-placeholder { color:#1f2949;  font-size:14px;  opacity:0.6; } .header_search_input input:-ms-input-placeholder { color:#1f2949;  font-size:14px;  opacity:0.6; } .header_search_input input:-moz-placeholder { color:#1f2949;  font-size:14px;  opacity:0.6; }  .header-login-wrap {  padding:5px 15px 7px 15px;  border:1px solid #1f2949;  border-radius:3px;  font-weight:700 !important; } .header-login-wrap a {  display:inline-block;  padding:3px 8px;  position:relative;  font-weight:700 !important; } .header-login-wrap a:after {  position:absolute;  right:-2px;  top:9px;  height:10px;  width:1px;  background:#1f2949;  content:''; } .header-login-wrap a:last-child:after {  display:none; } .header-solid .header-login-wrap {  border-color:#fff; } .header-solid .header-login-wrap a {  color:#fff;  transition:all 0.4s; } .header-solid .header-login-wrap a:after {  background:#fff; } .header-cat-menu {  position:relative;  padding:20px 15px;  margin-right:15px; } .header-cat-menu:after {  position:absolute;  right:-15px;  top:22px;  height:18px;  width:1px;  content:'';  background:#fff;  opacity:0.5; } @media (max-width:1199px) {  .header-cat-menu { margin-right:0;  } } .header-cat-menu>div.header-cat-text {  color:#fff;  line-height:35px;  text-transform:uppercase;  font-size:16px;  font-weight:700 !important;  cursor:pointer;  transition:all 0.4s; } .header-cat-menu>div i {  margin-left:10px; } .header-cat-menu ul {  background:#fff;  position:absolute;  width:700px;  left:0;  top:70px;  list-style:none;  padding:0;  margin:0;  z-index:999;  border:1px solid #e8eff1;  opacity:0;  visibility:hidden;  box-shadow:0 12px 20px 0 rgba(0, 0, 0, 0.09);  border-radius:3px;  transition:100ms;  -webkit-column-count:2;  -moz-column-count:2;  column-count:2;  padding:20px 30px; } .header-cat-menu:hover>ul {  opacity:1;  visibility:visible;  -webkit-animation:fadeInUp 300ms;  animation:fadeInUp 300ms; } .header-cat-menu ul::before {  content:'';  position:absolute;  left:0;  bottom:100%;  height:24px;  background:transparent;  width:100%; } .header-cat-menu ul::after {  content:'';  position:absolute;  left:21.5%;  bottom:100%;  border:10px solid #fff;  border-top-color:transparent;  border-right-color:transparent;  border-left-color:transparent;  transform:translateX(-50%);  transition:all 1s; } .skillate-mobile-category-menu .header-cat-menu ul {  opacity:1;  visibility:visible;  width:100%;  -webkit-column-count:1;  -moz-column-count:1;  column-count:1;  top:0; } .header-cat-menu ul li {  display:block;  padding:13px 0; } .skillate-mobile-category-menu .header-cat-menu ul li {  box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.11);  border-radius:3px;  padding:0;  margin-bottom:15px;  overflow:hidden; } .header-cat-menu ul li a .media {  display:flex;  align-items:center; } .header-cat-menu ul li a .media img {  transition:all 0.4s; }  .header-cat-menu ul li a {  color:#1f2949; } .header-cat-menu ul li a h4 {  font-size:16px;  letter-spacing:-0.09px;  margin-bottom:0;  line-height:1;  transition:all 0.4s; } .skillate-mobile-category-menu .header-cat-menu ul li a h4 {  font-weight:400; } .header-cat-menu ul li a span {  font-size:12px;  color:#797c7f;  letter-spacing:-0.07px; } .skillate-mobile-category-menu .header-cat-menu ul li a span {  display:none; } .skillate-course-category li .cat-media-img {  margin-right:20px;  overflow:hidden;  border-radius:3px; } .skillate-course-category li a img {  max-width:80px;  border-radius:3px; } .skillate-mobile-category-menu .skillate-course-category li a img {  margin-right:30px;  border-radius:0; } .skillate-mobile-category-menu {  position:fixed;  bottom:-100%;  z-index:99;  width:100%;  height:calc(100% - 130px);  background:#fff;  padding:20px 15px 30px 15px;  transition:all 0.4s;  opacity:0;  visibility:hidden;  overflow:auto; } .skillate-mobile-category-menu .header-cat-menu ul::after {  display:none; } .skillate-mobile-category-menu .header-cat-menu ul {  border:0;  padding:0;  box-shadow:none; } .skillate-mobile-category-menu .mobile-category-title {  font-size:18px;  line-height:26px;  margin-bottom:30px;  font-weight:400; } .primary-menu .common-menu-wrap .nav>li>a:before {  position:absolute;  bottom:8px;  width:0px;  height:2px;  background:#fff;  content:'';  left:13px;  transition:all 0.4s;  opacity:0;  visibility:hidden; } .primary-menu .common-menu-wrap .nav>li>a {  transition:all 0.5s; } .primary-menu .common-menu-wrap .nav>li>a:hover {  -webkit-text-stroke:0.5px; } .primary-menu .common-menu-wrap .nav>li>a:hover:before {  visibility:visible;  opacity:1;  width:30px; } .logo-wrapper {  z-index:999;  max-width:300px; } .site-header {  min-height:52px;  position:absolute;  width:100%;  z-index:999;  transition:0.3s;  padding-left:15px;  padding-right:15px; } .site-header.header-solid {  position:static; } .logo-wrapper a {  display:inline-block; } .logo-wrapper a img {  transition:all 0.5s;  padding:0; } .common-menu-wrap {  display:inline-block; } .common-menu-wrap .nav>li {  display:inline-block;  margin-left:0px;  border-radius:3px;  text-align:center;  transition:0.3s;  position:relative;  line-height:68px; } .common-menu-wrap .nav>li>a {  display:inline-block;  line-height:10px;  padding:0;  font-size:14px;  color:#fff;  position:relative;  padding:10px 0;  transition:400ms;  -webkit-transition:400ms;  color:#fff;  text-transform:uppercase; } .common-menu-wrap .nav>li>a {  position:relative; } .header-common-menu .common-menu-wrap .nav {  margin-top:0px;  font-size:0;  margin-right:0; } @keyframes fadeInUp {  from { opacity:0; transform:translate3d(0, 20px, 0);  }  to { opacity:1; transform:translate3d(0, 0, 0);  } } @-webkit-keyframes fadeInUp {  from { transform:translate3d(0, 0, 0);  }  to { transform:translate3d(0, 0, 0); opacity:1;  } } .header-cat-menu ul li {  display:block;  padding:13px 0;  -webkit-animation:fadeInUp 0.5s;  animation:fadeInUp 0.5s; } #mobile-menu>ul li.skillate-blog>a:before {  position:absolute;  left:35px;  top:15px;  content:'';  height:25px;  width:25px;  background-position:center top !important; } #mobile-menu>ul li.skillate-blog>a:before {  background:url(https://www.kelasilmuproyek.co.id/wp-content/themes/skillate/css/../images/mobile-nav-icon/blog-icon.svg);  background-repeat:no-repeat; } .skillate-mobile-sign-out {  padding:100px 35px 0 35px;  font-size:16px;  margin-top:10%; } .skillate-mobile-sign-out a {  color:#3a3e49; } .skillate-mobile-sign-out a img {  margin-right:10px; } #mobile-menu {  position:fixed;  bottom:-100%;  left:0;  width:100%;  z-index:99999;  height:calc(100% - 120px);  background:#fff;  box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.11);  transition:all 0.4s;  opacity:0;  visibility:hidden;  overflow:auto;  padding-bottom:50px; } #mobile-menu ul {  list-style:none; } #mobile-menu ul li {  margin-bottom:1px; } #mobile-menu ul li a {  padding-top:8px;  padding-bottom:8px;  padding-left:20px;  padding-right:20px;  color:#000;  display:block; } #mobile-menu ul li a:hover {  background:none; } #mobile-menu ul li {  line-height:20px;  display:block;  position:relative; } .bottom-widget .widget {  font-size:16px; } .bottom-widget .widget {  padding:0;  font-weight:400; } .bottom-widget .widget h3.widget-title {  font-size:20px;  font-weight:700 !important;  font-style:normal;  font-stretch:normal;  line-height:1;  letter-spacing:normal;  margin-bottom:30px; } .bottom-widget .widget.widget_nav_menu {  margin-bottom:30px; } .bottom-widget .widget_nav_menu ul li:first-child {  padding-top:0; } .footer-copyright {  display:inline-block;  width:auto;  font-weight:400;  line-height:24px; } .breadcrumb {  display:inherit; } .breadcrumb {  margin:0; } .common-menu-wrap .nav>li>a {  font-size:14px;  border-radius:4px;  color:#fff;  padding:8px 15px; } .skillate-navbar-header {  position:relative;  z-index:100; }  .widget_nav_menu ul {  display:inline-block; } .page-leading {  text-transform:capitalize; } .subtitle-cover .row.subtitle-border {  position:relative; } .subtitle-cover .row.subtitle-border:after {  content:'';  width:calc(100% - 30px);  height:1px;  position:absolute;  background:#dadce0;  opacity:0.6;  bottom:-50px;  margin-left:15px; }  .modal {  z-index:999999; } .modal.right .modal-dialog {  position:fixed;  margin:auto;  width:420px;  height:100%;  -webkit-transform:translate3d(0%, 0, 0);  -ms-transform:translate3d(0%, 0, 0);  -o-transform:translate3d(0%, 0, 0);  transform:translate3d(0%, 0, 0); } .modal.right .modal-content {  height:100%;  overflow-y:scroll;  border:0; } .modal.right .modal-body {  padding:80px 50px;  display:flex;  flex-direction:column;  justify-content:center; } .modal.right .modal-body input {  height:50px;  border:1px solid #dadce0;  border-radius:3px;  padding:10px 15px;  color:#1f2949;  font-size:14px;  width:100%;  max-width:100%;  margin-bottom:20px; } .modal.right .modal-body input[type='submit'] {  margin-top:30px;  font-size:16px;  font-weight:700;  height:46px;  line-height:1;  margin-bottom:0;  text-transform:uppercase; } .modal.right .skillate-login-body.modal-body input[type='submit'] {  margin-top:20px;  margin-bottom:20px;  text-transform:uppercase; }  .modal.right .modal-body .title-small {  font-weight:400 !important;  margin-bottom:30px; } .skillate-signin-modal-form h2 {  font-size:30px; } .new-user-login {  color:#1f2949;  font-weight:400; } .modal.right.fade .modal-dialog {  right:-420px;  -webkit-transition:opacity 0.3s linear, right 0.5s ease-out;  -moz-transition:opacity 0.3s linear, right 0.5s ease-out;  -o-transition:opacity 0.3s linear, right 0.5s ease-out;  transition:opacity 0.3s linear, right 0.5s ease-out; } .modal-content {  border-radius:0; } .modal button.close {  height:30px;  width:30px;  position:absolute;  right:20px;  top:30px;  color:#fff;  z-index:99;  border-radius:50%;  opacity:1; } .skillate-login-remember input {  display:none; } .skillate-login-remember input+span {  width:20px;  height:20px;  background:#dadce0;  color:#dadce0;  border-radius:3px;  display:inline-block;  vertical-align:top;  margin-right:10px;  line-height:20px;  text-align:center;  font-size:10px; } a.forgot-pass {  color:#797c7f;  font-size:12px;  font-weight:400;  position:relative;  top:-5px; } .skillate-login-remember input:checked+span {  background:#dadce0;  color:#86939e; } .skillate-login-remember {  display:block;  line-height:20px;  cursor:pointer;  font-weight:400;  color:#797c7f;  margin-bottom:28px;  font-size:12px; } .site-header-cart {  position:relative;  list-style-type:none;  margin-left:0;  padding-left:10px;  margin-bottom:0;  display:inline-block; } .site-header-cart .cart-contents:focus {  outline:0 !important; } @media (max-width:991px) {  .site-header-cart { border:none;  } } .header-solid .site-header-cart .cart-contents::before {  color:#fff; } .site-header-cart .cart-contents {  padding:0 14px 0 0;  display:block;  position:relative;  background:transparent;  height:auto;  width:auto;  text-indent:0; } .site-header-cart .cart-contents span {  font-size:8px;  height:16px;  width:16px;  border-radius:50%;  display:inline-block;  text-align:center;  line-height:16px;  margin-left:5px;  background:orange;  position:absolute;  top:-8px;  right:0; }  .navbar-toggle {  border:none; } .navbar-toggle img {  margin-bottom:2px;  margin-top:3px; } .skillate-mobile-menu-bottom {  position:fixed;  left:0;  bottom:0;  width:100%;  background:#fff;  color:#fff;  font-size:12px;  z-index:999999;  text-align:center;  box-shadow:0 0 16px 0 rgba(176, 182, 209, 0.18); } .skillate-menu-bottom-inner {  display:flex;  flex-direction:row;  justify-content:space-between;  padding:12px 30px; } .skillate-single-menu-bottom a:focus {  outline:0; } .skillate-single-menu-bottom a img {  margin-bottom:3px; } .skillate-single-menu-bottom a {  display:block;  color:#81878f; } .skillate-single-menu-bottom.active a {  color:#ff5248; } .skillate-single-menu-bottom.active img {  filter:invert(64%) sepia(53%) saturate(6639%) hue-rotate(331deg) brightness(99%) contrast(105%); } .top-search-input-wrap {  position:fixed;  bottom:0px;  overflow:hidden;  width:100%;  height:100%;  z-index:9999;  transition:all 0.5s;  opacity:0;  visibility:hidden; } .top-search-input-wrap form {  width:100%; } .skillate_search_input {  position:relative; } .skillate_search_input input {  padding-left:40px;  height:54px;  border-color:#efeeee; } .skillate_search_input .search-icon-wrap {  position:absolute;  left:0;  top:0;  height:100%;  width:30px;  line-height:48px;  width:48px;  text-align:center; } .skillate_search_input .search-icon-wrap img {  filter:brightness(0.5); } .skillate-top-search input[type='submit'] {  width:100%;  margin-top:20px;  font-size:16px;  text-transform:uppercase;  font-weight:700;  height:46px; } .skillate-top-search h3.text-center {  font-size:18px;  color:#1f2949;  margin-bottom:30px;  margin-top:50px; } .pmpro_checkout-fields .pmpro_checkout-field input:-internal-autofill-selected {  background:#fbfbfc !important; } .woo-cart-btn {  position:fixed;  bottom:30px;  width:100%;  left:0;  right:0;  background:#fff;  padding-bottom:20px;  padding-top:10px; } .site-header-cart .cart-contents span {  font-size:8px;  height:18px;  width:18px;  border-radius:50%;  display:inline-block;  text-align:center;  line-height:16px;  margin-left:5px;  background:#ff5248;  position:absolute;  top:0px;  right:0;  color:#fff;  font-size:12px;  padding:1px; } .site-header-cart .cart-contents {  width:40px;  height:40px;  display:block;  position:absolute;  top:-2px; } .woo-menu-item-add.woocart {  width:100%;  padding-right:0;  overflow-y:scroll;  height:200vh; }   a { text-decoration:none !important; } html { width:100%; height:100%; } a:focus { outline:0; } .screen-reader-text { border:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute !important; width:1px; word-wrap:normal !important; } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; clip-path:none; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; right:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; } .screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important; white-space:nowrap; height:1px; width:1px; overflow:hidden; } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; } .subtitle-cover .breadcrumb a { color:#000; padding:5px; font-weight:400; font-size:18px; } .subtitle-cover { margin-bottom:40px; } .breadcrumb li.active { color:#1f2949; font-weight:400; font-size:16px; } .page-leading { font-size:40px; line-height:50px; font-weight:700 !important; margin-top:0; margin-bottom:0; } #bottom-wrap { padding-top:70px; min-height:0; } .woo-cart .woocommerce.widget_shopping_cart { padding:0; } .modal.skillate-modal .modal-body { padding:30px 35px; display:flex; flex-direction:column; justify-content:center; } #modal-cart.modal.skillate-modal .modal-body { justify-content:start; } #modal-cart.modal.skillate-modal .modal-dialog { width:355px; } .woocommerce ul.products li.product .onsale { top:0; right:0; left:auto; display:block; width:66px; border-radius:4px; padding:0px; line-height:30px; height:10px; margin:8px; height:30px; min-height:30px; border:none; } .woocommerce a.button { font-size:100%; margin:0; line-height:1; cursor:pointer; position:relative; text-decoration:none; overflow:visible; padding:0.618em 1em; font-weight:700; border-radius:3px; left:auto; color:#ffffff; border:0; display:inline-block; background-image:none; box-shadow:none; text-shadow:none; font-weight:600; } .woocommerce ul.products li.product .woocommerce-loop-product__title { padding:16px 0 0; margin:0; font-size:16px; line-height:24px; } .woocommerce a.button:hover { background-color:#e0342a; text-decoration:none; background-image:none; color:#ffffff; } .woocommerce ul.products li.product .price { display:block; font-weight:700; margin-bottom:0.5em; font-size:0.857em; } .woocommerce span.onsale { font-weight:700; position:absolute; text-align:center; background-color:#77a464; color:#fff; font-size:0.857em; z-index:9; top:0; right:0; left:auto; display:block; width:66px; border-radius:4px; padding:0px; line-height:30px; height:10px; margin:8px; height:30px; min-height:30px; border:none; right:15px; } .widget_shopping_cart_content { position:relative; } .woo-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content { position:relative; } .woo-cart-btn.woo-cart .widget_shopping_cart_content:before { display:none; } .woo-cart span.cart-has-products { font-weight:600; width:100%; display:block; margin-bottom:20px; font-size:24px; } .woo-cart span.cart-has-products span.count { color:#1f2949; }  @media (min-width:1300px) and (max-width:1550px) { .header_search_input input { min-width:auto; } } @media (min-width:993px) and (max-width:1300px) { .header-login-cart-wrap { margin-left:auto; } .skillate-header-search { display:none; } .primary-menu .common-menu-wrap .nav > li > a { padding:15px 6px; } .primary-menu .logo-wrapper a { padding-right:0; } .header-login-wrap { padding:2px 2px; } .header-cat-menu { padding-left:0; } .common-menu-wrap .nav > li > a, .header-cat-menu > div.header-cat-text, .header-login-wrap a { font-size:14px !important; } } @media (min-width:768px) and (max-width:1000px) { .navbar-collapse.collapse { display:none !important; overflow:hidden !important; } .navbar-collapse { padding-right:0; padding-left:0; } #mobile-menu ul { padding:0; } } @media only screen and (max-width:992px) { .widget.woocommerce.widget_shopping_cart { width:100%; right:0; box-shadow:0 3px 3px rgba(0, 0, 0, 0.1); } .header-common-menu { margin-top:0px; } .page-leading { font-size:30px; line-height:36px; } .navbar-collapse { width:auto; border-top:0; -webkit-box-shadow:none; box-shadow:none; } .navbar-toggle { display:inline-block; margin-top:0; padding:0; outline:none; } .navbar-nav { float:none; } .navbar-nav > li { float:none; } .site-header { top:5px; } } @media (max-width:991px) { #mobile-menu > ul > li { margin-bottom:10px; } .woo-cart-btn { background:#fff; bottom:40px; } .top-search-input-wrap { opacity:0; visibility:hidden; bottom:-100%; transition:all 0.4s; background:url(https://www.kelasilmuproyek.co.id/wp-content/themes/skillate/css/../images/search-box-bg.png); background-color:#fff; background-position:top; background-size:contain; background-repeat:no-repeat; } .site-header { padding-left:0; padding-right:0; } .header-login-wrap a { padding:3px 5px; } .header-login-wrap { padding:2px 10px; } .header-login-wrap a:after { top:10px; } #masthead.site-header { display:flex; align-items:center; } .header-login-cart-wrap { margin-left:auto; } #modal-cart.modal.skillate-modal .modal-dialog, .modal-body .woo-cart-btn .widget.woocommerce.widget_shopping_cart, #modal-cart.modal.skillate-modal .modal-dialog { width:100% !important; } .modal-body .widget.woocommerce.widget_shopping_cart { box-shadow:none !important; } body { font-size:14px !important; line-height:1.6 !important; } .footer-copyright { margin-bottom:20px; } footer#footer-wrap { padding-bottom:60px; } } @media (max-width:992px) { .skillate-signin-modal-form .title-small { font-size:14px; } #mobile-menu > ul li > a { font-size:16px; color:#3a3e49; } #mobile-menu > ul > li > a { padding:15px 40px 15px 75px; } #mobile-menu > ul li.menu-item-home > a { background:#f1f2f4; } .site-header { padding-top:10px !important; padding-bottom:10px !important; } .skillate-header-search, .skillate-header-cart { display:none; } .header_search_input button { left:auto !important; right:0; } .header_search_input input { padding:10px !important; } .header-solid .header_search_input input { border:1px solid #b0b4b8; margin-top:13px; color:#1f2949 !important; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.11); } .header-solid .header_search_input button { color:#1f2949; top:17px; right:10px; } .subtitle-cover { padding:30px 0 20px !important; } .page-leading { font-size:24px !important; } .subtitle-cover .row.subtitle-border:after { bottom:-20px; } .primary-menu .logo-wrapper a { padding:0; } .row.clearfix.border-wrap { padding-bottom:0; } .row.clearfix.border-wrap:before { display:none; } .primary-menu { border-radius:0; border:none; }  .space-wrap { display:none; } footer#footer-wrap { text-align:center; } .text-right { text-align:center !important; } #mobile-menu ul { padding:0; } .bottom-widget { width:100%; } .bottom-widget { width:100%; } .footer-copyright { text-align:center; } .subtitle-cover h2 { line-height:28px; } .page-leading { font-size:32px; line-height:32px; font-weight:600; } .woocommerce .woocommerce-ordering select { height:50px !important; } } @media (max-width:767px) { footer#footer-wrap { text-align:left; } .widget ul li a { font-size:14px; line-height:1.5; } .modal.right .modal-body { padding:50px 30px; background:url(https://www.kelasilmuproyek.co.id/wp-content/themes/skillate/css/../images/mobile-screen-bg.png); background-size:cover; background-position:center; } .modal.right .modal-dialog { width:100%; } .bottom-widget .widget h3.widget-title { margin-bottom:10px; font-size:16px; } .footer-copyright { margin-top:15px; } #bottom-wrap { padding-bottom:0px !important; } #bottom-wrap { padding-top:40px !important; } .subtitle-border ol.breadcrumb { text-align:left; margin-top:7px; } } @media (min-width:992px) { .navbar-nav { float:none; margin:0; } .navbar-nav > li { float:none; } } @media (max-width:375px) { .skillate-mobile-menu-bottom { font-size:10px; } } @media (max-width:360px) { .header-login-wrap a { font-size:12px; } .logo-wrapper img { max-width:90px !important; } } @charset 'UTF-8'