/*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


 <!-- STYLES -->

 <style {csp-style-nonce}>
         * {
             transition: background-color 300ms ease, color 300ms ease;
         }
         *:focus {
             background-color: rgba(221, 72, 20, .2);
             outline: none;
         }
         html, body {
             color: rgba(33, 37, 41, 1);
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
             font-size: 16px;
             margin: 0;
             padding: 0;
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
             text-rendering: optimizeLegibility;
         }
         header {
             background-color: rgba(247, 248, 249, 1);
             padding: .4rem 0 0;
             margin: auto;
             position: sticky;
             top: 0;
         }
         header .menu {
             top: 0;
             max-width: 1200px;
             position: sticky;
             margin: auto;
         }
         header ul {
             border-bottom: 1px solid rgba(242, 242, 242, 1);
             list-style-type: none;
             margin: 0;
             overflow: hidden;
             padding: 0;
             text-align: right;
         }
         header li {
             display: inline-block;
         }
         header li a {
             border-radius: 5px;
             color: rgba(0, 0, 0, .5);
             display: block;
             height: 44px;
             text-decoration: none;
         }
         header li.menu-item a {
             border-radius: 5px;
             margin: 5px 0;
             height: 38px;
             line-height: 36px;
             padding: .4rem .65rem;
             text-align: center;
         }
         header li.menu-item a:hover,
         header li.menu-item a:focus {
             background-color: rgba(221, 72, 20, .2);
             color: rgba(221, 72, 20, 1);
         }
 
         header li.menu-item-promo a {
             border-radius: 5px;
             margin: 5px 0;
             height: 10px;
             line-height: 10px;
             padding: .4rem .65rem;
             text-align: center;
             color: rgb(255, 255, 255);
         }
         header li.menu-item-promo a:hover,
         header li.menu-item-promo a:focus {
             background-color: rgba(0, 0, 0, 0.2);
             color: rgb(255, 255, 255);
         }
 
         header .logo {
             float: left;
             height: 50px;
             padding-top: 5px;
             padding-left: 5px;
         }
         header .menu-toggle {
             display: none;
             float: right;
             font-size: 2rem;
             font-weight: bold;
         }
         header .menu-toggle button {
             background-color: rgba(221, 72, 20, .6);
             border: none;
             border-radius: 3px;
             color: rgba(255, 255, 255, 1);
             cursor: pointer;
             font: inherit;
             font-size: 1.3rem;
             height: 36px;
             padding: 0;
             margin: 11px 0;
             overflow: visible;
             width: 40px;
         }
         header .menu-toggle button:hover,
         header .menu-toggle button:focus {
             background-color: rgba(221, 72, 20, .8);
             color: rgba(255, 255, 255, .8);
         }
         
         section {
             margin: 0 auto;
             max-width: 100%;
             
         }
 
         section h1 {
             margin-bottom: 2.5rem;
             text-align: center;
             font-style: italic;
         }
         section h2 {
             font-size: 120%;
             line-height: 0.25rem;
             padding-top: 0.25rem;
             text-align: center;
         }      
           
         section pre {
             background-color: rgba(247, 248, 249, 1);
             border: 1px solid rgba(242, 242, 242, 1);
             display: block;
             font-size: .9rem;
             margin: 2rem 0;
             padding: 1rem 1.5rem;
             white-space: pre-wrap;
             word-break: break-all;
         }
         section code {
             display: block;
         }
         section a {
             color: rgba(221, 72, 20, 1);
         }
         section svg {
             margin-bottom: -5px;
             margin-right: 5px;
             width: 25px;
         }
         
         section .heroe {
             margin: 0 auto;
             max-width: 1200px;
             padding-top: 0.5rem;
             padding-bottom: 0.5rem;
         }
         section .heroe h1 {
             font-size: 2.5rem;
             font-weight: 500;
         }
         section .heroe h2 {
             font-size: 1.5rem;
             font-weight: 300;
         }
         section .head_promo {
             margin: 0 auto;
             max-width: 1200px;
             padding-top: 0.5rem;
             padding-bottom: 0.5rem;
             text-align: center;
             background-color: green;
             color: rgb(255, 255, 255);
          }
 
          section .head_main {
            margin: 0 auto;
            background-color: palegoldenrod;
            height: 60px;
            width: 100%;
            text-align: center;
          }

          section .sub_headmain {
            margin: 0 auto;
            width: 1200px;
            text-align: center;
          }

          section .head_sejarah {
            margin: 0 auto;
            height: 60px;
            width: 100%;
            text-align: center;
          }

          section .sub_headsejarah {
            margin: 0 auto;
            width: 1200px;
            text-align: center;
          }

          section .timeline {
            margin: 0 auto;
            width: 100%;
            text-align: center;
          }

          section .sub_timeline {
            margin: 0 auto;
            width: 1200px;
            text-align: center;
          }

          section .foot_main {
            margin-bottom: 1rem;
            background-color: palegoldenrod;
            height: 40px;
            width: 100%;
            text-align: center;
          }

          section .sub_footmain {
            margin: 0 auto;
            width: 1200px;
            text-align: center;
          }

          section .maps {
            margin: 0 auto;
            width: 100%;
            text-align: center;
          }

          section .struktur {
            margin: 0 auto;
            width: 100%;
            text-align: center;
          }

         section .promo_detail {
             margin: 0 auto;
             max-width: 1200px;
             padding-top: 0.5rem;
             padding-bottom: 0.5rem;
             text-align: center;
             color: rgb(255, 255, 255);
          }
 
          section .gallery {
             margin: 0 auto;
             max-width: 1200px;
             padding-top: 0.5rem;
             padding-bottom: 0.5rem;
             text-align: center;
             color: rgb(255, 255, 255);
          }
 
          section .table_dokter {             
             margin: 0 auto;
             max-width: 100%;
             padding-top: 0.5rem;
             padding-bottom: 0.5rem;
             text-align: center;
          }

          section .table_dokter_container {             
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .table_layanan {             
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .table_layanan_container {             
           margin: 0 auto;
           max-width: 590px;
           padding-top: 0.5rem;
           padding-bottom: 0.5rem;
           text-align: center;
        }

        section .table_informasitt {             
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .table_informasitt_container {             
           margin: 0 auto;
           max-width: 750px;
           padding-top: 0.5rem;
           padding-bottom: 0.5rem;
           text-align: center;
        }

         section .imut_tahun {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .imut_tahun_container {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }


         section .imut_container {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
            display: -webkit-box;
         }

         section .imut_next_container {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .imut_left_panel {
            margin: 0 auto;
            max-width: 33%;
            padding: 0.5rem;
            text-align: left;
            float: left;
         }

         section .imut_right_panel {
            margin: 0 auto;
            max-width: 63%;
            padding: 0.5rem;
            text-align: center;
            float: right;
         }

         section .c_daftar {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
            display: -webkit-box;
         }

         section .c_daftar_container {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .c_daftar_main {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: left;
         }

         section .c_daftar_item {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: left;
         }

         section .submit {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
            display: -webkit-box;
         }

         section .submit_container {
            margin: 0 auto;
            max-width: 1200px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
            display: -webkit-box;
         }

         section .show {
            display: block;
         }

         section .hide {
            display: none;
         }

          section ul {
             border-bottom: 1px solid rgba(242, 242, 242, 1);
             list-style-type: none;
             margin: 0;
             overflow: hidden;
             padding: 0;
             text-align: right;
         }
         section li {
             display: inline-block;
         }
         section li a {
             border-radius: 5px;
             color: rgba(0, 0, 0, .5);
             display: block;
             height: 44px;
             text-decoration: none;
         }
         section li.menu-item a {
             border-radius: 5px;
             margin: 5px 0;
             height: 38px;
             line-height: 36px;
             padding: .4rem .65rem;
             text-align: center;
         }
         section li.menu-item a:hover,
         section li.menu-item a:focus {
             background-color: rgba(221, 72, 20, .2);
             color: rgba(221, 72, 20, 1);
         }
 
         section li.menu-item-promo a {
             border-radius: 5px;
             margin: 5px 0;
             height: 10px;
             line-height: 10px;
             padding: .4rem .65rem;
             text-align: center;
             color: rgb(255, 255, 255);
         }
         section li.menu-item-promo a:hover,
         section li.menu-item-promo a:focus {
             background-color: rgba(0, 0, 0, 0.2);
             color: rgb(255, 255, 255);
         }
 
         section .menu-toggle {
             display: none;
             float: right;
             font-size: 2rem;
             font-weight: bold;
         }
         section .menu-toggle button {
             background-color: rgba(221, 72, 20, .6);
             border: none;
             border-radius: 3px;
             color: rgba(255, 255, 255, 1);
             cursor: pointer;
             font: inherit;
             font-size: 1.3rem;
             height: 36px;
             padding: 0;
             margin: 11px 0;
             overflow: visible;
             width: 40px;
         }
         section .menu-toggle button:hover,
         section .menu-toggle button:focus {
             background-color: rgba(221, 72, 20, .8);
             color: rgba(255, 255, 255, .8);
         }
 
         section .karir {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }

         section .karir_container {
            margin: 0 auto;
            max-width: 100%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            text-align: center;
         }
         
         section .karir_container_2 {
            margin: 0 auto;
            max-width: 1200px;
            text-align: center;
            display: -webkit-box;
         }

         section .karir_medis {
            margin: 0 auto;
            width: 33.3%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            float: left;
            text-align: left;
         }

         section .karir_ppa {
            margin: 0 auto;
            width: 33.3%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            float: left;
            text-align: center;
         }

         section .karir_nonmedis {
            margin: 0 auto;
            width: 33.3%;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            float: right;
            text-align: right;
         }

        .further {
             background-color: rgba(247, 248, 249, 1);
             border-bottom: 1px solid rgba(242, 242, 242, 1);
             border-top: 1px solid rgba(242, 242, 242, 1);
         }
 
         .further h2:first-of-type {
             padding-top: 0;
         }
 
         .svg-stroke {
             fill: none;
             stroke: #000;
             stroke-width: 32px;
         }
         footer {
             text-align: center;
             margin: auto;
         }
 
         footer .left{
             text-align:left;
             float:left;
             width:33.3%;                     
             padding-left: 1.5rem;    
         }
         
         footer .center{
             float:left;
             text-align:center;
             width:33.3%;    
         }    
         
         footer .right{
             float:right;
             text-align:right;  
             padding-right: 1.5rem;            
         }                
 
         footer .environment {
             color: rgba(255, 255, 255, 1);
             background-color: rgb(165, 0, 0);
             margin: auto;
         }
 
         footer .env1 {
             color: rgba(255, 255, 255, 1);
             background-color: rgb(165, 0, 0);
             max-width: 1200px;
             margin-bottom: 1rem;
             margin-left: auto;
             margin-right: auto;
         }
 
         footer .copyrights {
             background-color: rgba(62, 62, 62, 1);
             color: rgba(200, 200, 200, 1);
             padding: .25rem 1.75rem;
         }
 
         footer li {
             display: inline-block;
             width: -webkit-fill-available;
         }
         
         footer li a {
             line-height: 30px;
             border-radius: 3px;
             color: rgb(255, 255, 255);
             text-decoration: none;
             text-wrap-mode: nowrap;            
         }
 
         footer li.menu-item a {
             text-align:center;
             border-radius: 0.5rem;
             padding: 0.25rem;
         }
 
         footer li.menu-item a:hover,
         footer li.menu-item a:focus {
             background-color: rgba(0, 0, 0, 1);
             color: rgb(255, 255, 255);
         }
 
         @media (max-width: 629px) {
             header ul {
                 padding: 0;
             }
             header .menu-toggle {
                 padding: 0 1rem;
             }
             header .menu-item {
                 background-color: rgba(244, 245, 246, 1);
                 border-top: 1px solid rgba(242, 242, 242, 1);
                 margin: 0 15px;
                 width: calc(100% - 30px);
             }
             header .menu-toggle {
                 display: block;
             }
             header .hidden {
                 display: none;
             }
             header li.menu-item a {
                 background-color: rgba(221, 72, 20, .1);
             }
             header li.menu-item a:hover,
             header li.menu-item a:focus {
                 background-color: rgba(221, 72, 20, .7);
                 color: rgba(255, 255, 255, .8);
             }
         }
     </style>