@font-face {
    font-family: 'Cafe Nero M54';
    src: url('CafeNeroM54.eot');
    src: url('CafeNeroM54.eot?#iefix') format('embedded-opentype'),
        url('CafeNeroM54.woff2') format('woff2'),
        url('CafeNeroM54.woff') format('woff'),
        url('CafeNeroM54.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Regular.eot');
  src: url('SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Regular.woff2') format('woff2'),
      url('SourceSansPro-Regular.woff') format('woff'),
      url('SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Light.eot');
  src: url('SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Light.woff2') format('woff2'),
      url('SourceSansPro-Light.woff') format('woff'),
      url('SourceSansPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-BoldIt.eot');
  src: url('SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-BoldIt.woff2') format('woff2'),
      url('SourceSansPro-BoldIt.woff') format('woff'),
      url('SourceSansPro-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-ExtraLightIt.eot');
  src: url('SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-ExtraLightIt.woff2') format('woff2'),
      url('SourceSansPro-ExtraLightIt.woff') format('woff'),
      url('SourceSansPro-ExtraLightIt.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Semibold.eot');
  src: url('SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Semibold.woff2') format('woff2'),
      url('SourceSansPro-Semibold.woff') format('woff'),
      url('SourceSansPro-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Bold.eot');
  src: url('SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Bold.woff2') format('woff2'),
      url('SourceSansPro-Bold.woff') format('woff'),
      url('SourceSansPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-SemiboldIt.eot');
  src: url('SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-SemiboldIt.woff2') format('woff2'),
      url('SourceSansPro-SemiboldIt.woff') format('woff'),
      url('SourceSansPro-SemiboldIt.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-It.eot');
  src: url('SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-It.woff2') format('woff2'),
      url('SourceSansPro-It.woff') format('woff'),
      url('SourceSansPro-It.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-LightIt.eot');
  src: url('SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-LightIt.woff2') format('woff2'),
      url('SourceSansPro-LightIt.woff') format('woff'),
      url('SourceSansPro-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Black.eot');
  src: url('SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Black.woff2') format('woff2'),
      url('SourceSansPro-Black.woff') format('woff'),
      url('SourceSansPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Publico Headline';
  src: url('PublicoHeadline-Bold.eot');
  src: url('PublicoHeadline-Bold.eot?#iefix') format('embedded-opentype'),
      url('PublicoHeadline-Bold.woff2') format('woff2'),
      url('PublicoHeadline-Bold.woff') format('woff'),
      url('PublicoHeadline-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-ExtraLight.eot');
  src: url('SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-ExtraLight.woff2') format('woff2'),
      url('SourceSansPro-ExtraLight.woff') format('woff'),
      url('SourceSansPro-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-BlackIt.eot');
  src: url('SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-BlackIt.woff2') format('woff2'),
      url('SourceSansPro-BlackIt.woff') format('woff'),
      url('SourceSansPro-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


html,body {
  font-family: 'Source Sans Pro',sans-serif;
	font-size:16px;
	font-size:62.5%;
}

body{
    width: 100%;
    height:100vh;
    background: #150069 url('../img/background3.jpg') no-repeat top left;
    background-attachment: fixed;
    background-size:100% 100%;
    /* text-shadow: 1px 1px #333; */
    font-size:1.6rem;
    color:#FFF;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 900;
    /* text-shadow: 4px 4px #333; */
    letter-spacing: 4px;
    text-transform: uppercase;
}

h1 {
    font-size :5rem;
}
h2 {
    font-weight: bold;
    font-size:2.5rem;
}
  h1,h3 {
    white-space: nowrap;
  }

  h1 {
    font-size:3rem;
  }

  h3 {
    font-size:2rem;
  }

  @media (min-width: 576px) { 
    h1 {
      font-size:5rem;
    }
    h2 {
      font-size: 4rem;
    }
    h3 {
      font-size:1.75rem;
    }
  }

.btn{
     padding:0.5rem 4rem;
     font-size:1.6rem;
     border-radius: 10rem;
}

.navbar-light .navbar-nav .nav-link{
    color:#FFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin:0 5rem;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color:#FFF;
    background-color:transparent;
    border-radius: 10px;
}

.form-control {
    /* background: #342999; */
    /* border: none; */
}

.input-group-text {
    background:transparent !important;
    border:none !important;
}


ul.informasi {  
    list-style-type: none;
    margin: 0;
    padding:0;
}

ul.informasi > li {
    margin-top:10px;
    margin-bottom:20px;
}
ul.informasi ul {
    margin: 0;
    padding:0;
}

ul.informasi ul li {
    list-style-type:none;
    margin: 15px 0;
}

.icotelp, .icoemail {
    background-size: contain !important;
    padding-left: 30px;
}

.icotelp {
    background:url(../img/telp.png) no-repeat top left;

}

.icoemail {
    background:url(../img/email.png) no-repeat top left;
}


.btn-blue {
    color:#FFF;
    background: #01234C;
    border: 3px solid #150069;
    box-shadow: 0 -2px 0 3px #0776D8 inset, 0 5px 5px rgba(3, 25, 41, 0.17), 0 15px rgba(255, 255, 255, 0.25) inset;
    cursor: pointer;
    display: inline-block;
    margin:4px auto;
    text-shadow: 1px 1px #333;
  }
  .btn-blue:hover {
    color:#FFF;
    background: #333;
    box-shadow: 0 -2px 0 3px #1a1a1a inset, 0 5px 5px rgba(0, 0, 0, 0.17), 0 15px rgba(255, 255, 255, 0.32) inset;
    text-shadow: 1px 1px #333;
  }
  .sbox {
    background: rgba(0,0,0,0.5);
    padding: 1.5rem;
    border-radius: 8px;
    /* box-shadow: 1px 1px 8px white; */

  }

  @media (max-width: 768px) { 
    body {
        background: #150069 url('../img/background3.jpg') no-repeat top left;
        background-attachment: fixed;
        background-size:cover;
    }
  }