/*

Vesion : 1.0
Author : Divisi Pengembangan TI BPJS Ketenagakerjaan

*/
@font-face {
  font-family: font-icons;
  src: url('fonts/font-icons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Medium'), url('fonts/Gotham-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Gotham';
  src: local('Gotham'), url('fonts/Gotham-Book.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  src: local('Roboto-regular'), url('fonts/roboto-regular.woff') format('woff');
}

body {
  padding-top: 50px;
  overflow-x: hidden;
  /*font-family: 'Gotham', sans-serif;*/;
}

section {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.container-slider {
  padding: 0px;
  margin: 0px;
}

.logo-bpjs {
  width: 50%;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 20px;
}

.daftar-desktop {
  padding-right: 0px;
  display: block;
}

.daftar-mobile {
  padding-right: 0px;
  margin-left: 25px;
  display: none;
}

.popupdaftar h2 {
  font-size: 24px;
}

.popupdaftar h4 {
  margin-bottom: 20px;
}

.popuplayanan h2 {
  font-size: 24px;
}

.popuplayanan h4 {
  margin-bottom: 20px;
}

.popup {
  font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}

.popup img {
  border-radius: 150px;
  width: 160px;
  margin-top: 20px;
}

.popup h2 {
  font-size: 24px;
}

.popup h3 {
  font-size: 18px;
  margin: 0;
}

.popup h4 {
  font-size: 14px;
}

.container-navigasi {
  padding-left: 50px;
  margin: 0px;
}

.container-video {
  padding: 0px;
  margin: 0px;
  /*background-image: url("images/bgrn-putih.svg");*/
  background-color: #F8F8F8;
  background-size: cover;
  height: 65vh;
  font-family: 'Gotham';
  overflow: hidden;
  margin-bottom: -20px;
}

.container-video-text {
  color: #666666;
}

.container-video-text p {
  color: #666666;
  font-size: 18px;
  text-align: left;
  margin-left: -50px;
  font-size: 20px;
}

.container-video-text a {
  color: white;
  text-align: left;
}

.size-video {
  width: 370px;
  height: 225px;
}


.ijo-video-home {
  position: absolute;
  left: 250px;
  width: 320px;
  top: 970px;
}

.container-video .play {
  text-align: center;
  line-height: 210px;
}

.container-video video {
  position: relative;
  top: 348px;
  left: 50%;
  min-width: 100%;
  height: auto;
  width: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-color: rgba(81, 82, 82, 0.5);
  background-size: cover;
}

.navigasi {
  height: 0px;
}

.navbar-nav li {
  padding-top: 10px;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #04B45F !important;
}

.img-lang {
  width: 80%;
  display: none;
}

.menu {
  float: right!important;
}

.page-position {
  width: 100%;
  margin-top: 14px;
}

.arrow {
  height: 50px;
}

.container-video h2 {
  font-family: 'Roboto';
  font-weight: 550;
  font-size: 38px;
  text-align: center;
}

.container-video p {
  font-family: 'Gotham';
  text-align: left;
  font-size: 20px;
  padding: 10px 50px;
}

.btn-video {
  font-size: 14px;
  margin: 10px 10px 10px 0px;
  width: 16em;
  border-radius: 50px;
  color: white;
  background-color: #39B44A;
  padding: 10px;
}

.container-layanan {
  height: 700px;
  background-color: white;
}

.container-layanan h2 {
  font-family: 'Roboto';
  font-weight: 550;
  font-size: 38px;
  text-align: center;
}

.container-layanan .narasi-layanan {
  padding: 47px;
}

.container-layanan p {
  font-family: 'Gotham';
  text-align: center;
  font-size: 24px;
  padding: 10px 50px;
}

.pertanyaan-box {
  padding: 10px;
  color: #FFF;
  height: 55vh;
}

.pertanyaan-icon {
  width: 40%;
  margin: 20px;
}

.pertanyaan-info {
  font-size: 16px !important;
  margin-bottom: 20px;
  font-family: 'Gotham' !important;
}

.pertanyaan-btn {
  border: 1px solid #FFF;
  padding: 10px 40px;
  border-radius: 10px;
  color: #FFF;
  text-decoration: none;
  position: absolute;
  bottom: 50px;
  right: 35%;
}

.pertanyaan-btn:hover {
  color: #333;
  text-decoration: none;
  background: #FFF;
}

.manfaat h2 {
  font-family: 'Roboto';
  font-weight: 550;
  font-size: 38px;
  text-align: center;
}

.manfaat p {
  font-family: 'Gotham';
  text-align: center;
  font-size: 24px;
  padding: 10px 50px;
  color: #FFF;
  text-decoration: none;
}

.manfaat p:hover {
  text-decoration: none !important;
}

.container-testimoni h2 {
  font-family: 'Roboto';
  font-weight: 550;
  font-size: 38px;
  text-align: center;
}

.container-testimoni h3 {
  font-family: 'Gotham';
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 10px;
}

.container-testimoni .thumb {
  width: 100%;
  height: 200px;
  border: solid 3px #333;
  border-radius: 15px;
}

.container-testimoni p {
  font-family: 'Gotham';
  text-align: center;
  font-size: 24px;
  padding: 10px 50px;
}

.container-berita h2 {
  font-family: 'Gotham-Medium';
  font-weight: 550;
  font-size: 38px;
  text-align: center;
}

.container-gallery h2 {
  font-family: 'Roboto';
  font-size: 30px;
  text-align: center;
  color: white;
  margin-top: 10px;
}

.container-program h2 {
  font-family: 'Roboto';
  font-size: 25px;
  text-align: center;
  color: white;
}

.container-program p {
  font-family: 'Gotham';
  font-size: 18px;
  text-align: center;
  color: black;
  margin-top: 20px;
}

.container-susunan h2 {
  font-family: 'Roboto';
  font-weight: 550;
  font-size: 40px;
  text-align: center;
}

.container-susunan p {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 550;
  text-align: center;
}

.container-susunan ul {
  font-family: 'Gotham';
  font-size: 12px;
}

.container-index-berita h2 {
  font-family: 'Roboto';
  font-size: 28px;
  text-align: left;
  color: #017cc3;
}

.container-index-berita .tgl-berita {
  font-size: 11px;
}

.container-index-berita h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #6f6f6f;
}

.container-index-berita p {
  font-family: "Gotham";
  font-size: 14px;
  text-align: left;
  color: #6f6f6f;
  line-height: 140%;
}

.container-index-berita a {
  font-size: 14px;
  color: #6f6f6f;
}

.container-index-berita img {
  width: auto;
}

.container-tab-berita h2 {
  font-family: 'Roboto';
  font-size: 28px;
  text-align: left;
  color: #017cc3;
}

.container-tab-berita h3 {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #6f6f6f;
}

.container-tab-berita p {
  font-family: "Gotham";
  font-size: 14px;
  text-align: left;
  color: #6f6f6f;
  line-height: 140%;
}

.container-tab-berita .tgl-berita {
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #9a9a9a;
}

.container-tab-berita .jdl-berita {
  color: #444444;
}

.container-tab-berita a {
  font-size: 14px;
  color: #6f6f6f;
}

.container-tab-berita img {
  width: auto;
}

.clearfix {
  height: 20px;
}

.header-tentang-kami {
  background-image: url(images/header-tentang.png);
  width: 100%;
  min-height: 500px;
  background-size: cover;
}

.margin-struktur-organisasi{
  padding-top:40px;
}
.container-detail-sriwijaya{
    height: 4600px;
}

.container-program {
  margin-top: 10px;
  margin: 0px;
  width: 100%;
  /*background-image: url("images/bg-program.png?v=2");*/
  background-color: #F8F8F8;
  background-size: cover;
  background-attachment: fixed;
  height: 450px;
}

.container-program ul {
  list-style-type: none;
}

.nav-tabs {
  border-bottom: 0px;
}

.button {
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  width: 200px;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
}

.button a {
  text-decoration: none;
}

.button:hover span {
  border-radius: 20px;
  background-color: #0B615E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  width: 250px;
  cursor: pointer;
  margin: 5px;
}

.button:hover span:after {
  border-radius: 20px;
  background-color: #0B615E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  width: 250px;
  cursor: pointer;
  margin: 5px;
}

.redaksi-program p {
  font-family: 'Gotham';
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 20px;
}

.redaksi-program h3 {
  font-family: 'Roboto';
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 30px;
}

.img-prg {
  width: 73%;
  text-align: center;
}

h1 {
  font-family: 'Roboto';
  text-align: center;
  padding: 50px;
  font-size: 5.0vw;
}

/*.pertanyaan{
  height: 500px;
}*/
.nav-pills> li.active>a {
  background-color: #3185D7 !important;
}

.filter-a> a {
  border: 1px solid rgba(50,210,212,0.0) !important;
  color: #3185D7;
}

.filter-a> a:hover {
  background-color: rgba(50,210,212,0.0) !important;
  border: 1px solid rgba(50,210,212,0.3) !important;
}

.filter-a> a:focus {
  background-color: rgba(50,210,212,0.0) !important;
}

.btn-jawab {
  font-size: 17px;
  margin: 20px 10px 10px 0px;
  padding: 10px;
  width: 14em;
  height: 3em;
  border-radius: 25px;
}

.container-manfaat-tambahan {
  background-color: #04B45F;
  color: #fff;
  height: 470px;
}

.content-manfaat-tambahan p {
  font-size: 25px;
  text-align: center;
}

.content-manfaat-tambahan h1 {
  margin: 0px;
}

.container-testimoni {
  background-color: #fff;
  height: 500px;
}

.btn-testimoni {
  font-size: 17px;
  margin: 40px 10px 10px 0px;
  width: 12em;
  border-radius: 50px;
  color: #4a4747;
  background-color: #ffe500;
  border-color: yellow;
  padding: 10px;
}

.btn-es {
  font-size: 17px;
  margin: 10px 10px 10px 0px;
  width: 8em;
  border-radius: 50px;
  color: white;
  background-color: #39B44A;
  padding: 10px;
}

.btn-es a {
  color: white;
}

.container-campaign {
  background-color:#E8E735;
  margin-top:100px;
}

.carousel-news {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}

.width-program {
  width: 120px;
}

.name-program {
  font-size: 11px;
  font-weight: 100;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFF;
}

.name-program {
  font-size: 11px;
  font-weight: 100;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFF;
}

.link-program {
  padding: 0 !important;
}

.link-program:hover {
  text-decoration: none;
}

.link-program h4.jkk {
  color: #50a8ff;
}

.link-program h4.jkm {
  color: #ff5590;
}

.link-program h4.jht {
  color: #ff9662;
}

.link-program h4.jpn {
  color:;
}

.lang {
  padding: 0px !important;
  margin-right: -20px;
  float: left;
}

.call-center {
  display: block;
  margin-right: 25px;
}

.call-center-mobile {
  display: none;
}

.scroll-1 {
  text-align: center;
  position: absolute;
  left: 50%;
}

.scroll-2 {
  text-align: center;
  position: absolute;
  left: 50%;
}

.breadcrumb {
  background: #336AC4;
  background: -webkit-linear-gradient(left,#336AC4, #6ba5ff);
  border-radius: 0;
  padding: 10px 60px;
  margin-bottom: 0;
}

.breadcrumb>li+li:before {
  color: #FFF;
}

.breadcrumb>.active {
  color: #ffffff91;
}

.breadcrumb>li {
  color: #FFF;
}

.breadcrumb>li>a {
  color: #FFF;
}

.contact-map-1 {
  width: 100vw;
  height: 63vh;
  border: 0;
}

.contact-pusat {
  padding-bottom: 20px;
  margin: 0;
}

.section-contact {
  background-image: url(images/bgrn-contact.svg);
  display: block;
  font-family: 'Gotham';
}

.section-contact .contact-center-box {
  color: #FFF;
  min-height: 550px;
  margin: 0;
}
.contact-center-content {
  width: 80%;
  padding: 30px;
  text-align: center;
}
.contact-center-girl{
  display: block;
}
.section-contact .contact-center-box p {
  font-size: 16px;
  font-family: 'Gotham';
}

.section-contact .contact-center {
  color: #FF0;
  font-size: 30px;
  font-family: 'Roboto';
}

.section-contact .contact-center a {
  color: #FFF;
}

.section-contact .contact-center a:hover {
  color: #FF0;
  text-decoration: none;
}

.section-kanwil {
  background: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 25px;
  background-image: url(images/map-background.jpg);
  background-size: cover;
}

.section-about-quote {
  background: #e8efeb;
}

.section-about-quote .quote-text {
  padding: 20px;
  padding-top: 40px;
}

.section-about-quote .quote-text h2 {
  margin-bottom: 40px;
}

.section-about-quote .quote-text .icon-quote-about {
  font-size: 42px;
  color: #ff214f;
}

.section-about-quote img.dirut {
  height: 85vh;
}

.section-tab {
  padding: 60px 0;
  overflow: hidden;
}

.section-page {
  padding: 30px 20px;
}

.section-page h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.text-outside-line-full {
  position: relative;
  display: inline-block;
  color: #585858;
  margin-bottom: 30px;
  font-family: 'Gotham';
}

.text-outside-line-full::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  right: 100%;
  margin-right: 25px;
  opacity: .15;
}

.text-outside-line-full::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  left: 100%;
  margin-left: 25px;
  opacity: .15;
}

.colomn-box {
  padding: 20px;
  text-align: center;
}

.colomn-box .column-group {
  padding: 20px;
  background: #FFF;
  min-height: 235px;
  box-shadow: 0 0 4px rgba(0,0,0,0.25);
  border-radius: 5px;
}

.colomn-box .column-group h3 {
  margin: 0;
  margin-bottom: 20px;
}

.colomn-box .column-group p {
  font-size: 12px;
  color: #666;
}

.colomn-box .column-group button {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 84%;
}

.cover-background {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.background-position-top {
  background-position: center top !important;
}

.background-position-right {
  background-position: center right !important;
}

.background-position-left {
  background-position: center left !important;
}

.background-position-bottom {
  background-position: center bottom !important;
}

.nav-tabs {
  border-bottom: 0px;
}
/* tab */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border: 0;
  border-bottom: 1px solid;
}

/* tab style 1 */
.tab-style1 .nav-tabs {
  border: none;
  display: inline-block;
  width: 100%;
}

.tab-style1 .nav-tabs li {
  display: inline-block;
  float: none;
  width: 24%;
}

.tab-style1 .nav-tabs li a {
/*padding: 0 41.6%;*/
  margin: 0;
}

.tab-style1 .nav-tabs li:hover {
  background: transparent;
}

.tab-style1 .nav-tabs > li > a, .tab-style1 .nav-tabs > li > a:focus, .tab-style1 .nav-tabs > li > a:hover {
  border: none;
  background-color: transparent;
}

.tab-style1 .nav-tabs li:hover i, .tab-style1 .nav-tabs li.active i {
  color: #ff214f;
}

.tab-style1 .nav-tabs li:hover span, .tab-style1 .nav-tabs li.active span {
  color: #232323;
}

/* tab style 2 */
.tab-style2 .tab-content {
  padding: 15px 0 0;
  border-top: 1px solid #e5e5e5;
}

.tab-style2 .nav-tabs {
  border: 0;
}

.tab-style2 .nav-tabs li {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 0;
  display: inline-block;
  float: none;
  margin-right: 2px;
}

.tab-style2 .nav-tabs li a {
  background-color: #f7f7f7;
  border: none;
  color: #575757;
  line-height: 44px;
  margin: 0 !important;
  padding: 0 25px;
  border-radius: 0;
}

.tab-style2 .nav-tabs-light li:first-child {
  border-left: 1px solid #e5e5e5;
  margin-left: 15px;
}

.tab-style2 .nav-tabs > li.active > a {
  border-color: transparent;
  border: none;
  border-radius: 0;
  background: #fff;
  top: 1px;
}

/* tab style 3 */
.tab-style3 .nav-tabs {
  border-bottom: 1px solid transparent;
}

.tab-style3 .nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.tab-style3 .nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  padding: 3px 0;
}

.tab-style3 .nav-tabs li.active {
  border-bottom: 1px solid #232323;
}

.tab-style3 .nav-tabs li.active a {
  color: #232323;
}

.tab-style3 .nav-tabs>li>a, .tab-style3 .nav-tabs>li>a:focus, .tab-style3 .nav-tabs>li.active>a:hover, .tab-style3 .nav-tabs>li>a:hover {
  background-color: transparent;
  border: none;
  padding: 0;
}

.team-style-1 figure .team-image {
  position: relative;
  overflow: hidden;
}
/* team style 1 */
.team-overlay {
  background: #00000085;
}

.team-style-1 figure .team-image {
  position: relative;
  overflow: hidden;
}

.team-style-1 .team-overlay {
  display: block;
  position: absolute;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.team-style-1 .team-overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}

.team-style-1 figure:hover .team-overlay {
  height: 100%;
}

.team-style-1 figure figcaption {
  width: 100%;
  position: relative;
  margin-top: 17px;
}

.team-style-1 figure .overlay-content {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  top: -15px;
}

.team-style-1 figure:hover .overlay-content {
  opacity: 1;
  z-index: 1111;
  top: 0;
}

.team-style-1 figure figcaption .team-member-position {
  position: relative;
  top: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.scroll-top-arrow, .scroll-top-arrow:focus {
  color: #fff;
  background: #3c3c3c75;
  line-height: 63px;
  display: none;
  height: 50px;
  width: 50px;
  padding: 0;
  position: fixed;
  right: 25px;
  text-align: center;
  text-decoration: none;
  top: 89%;
  z-index: 10006;
  border-radius: 100%;
}

.swiper-wrapper {
  width: 25%;
}

.xs-width-100 {
  width: 100%;
}

.team-image img {
  width: 100%;
}

.text-medium-gray {
  color: #939393;
}

.text-extra-small {
  font-size: 11px;
  line-height: 14px;
}

.section-header-jaminan {
  position: relative;
  width: 100%;
  height: 70vh;
}

.jht-bgrn {
  background: #F2652245 url(images/bgrn-header-jht.svg);
  background-size: cover;
}

.jkm-bgrn {
  background: #F2652245 url(images/bgrn-header-jkm.svg);
  background-size: cover;
}

.jkk-bgrn {
  background: #F2652245 url(images/bgrn-header-jkk.svg);
  background-size: cover;
}

.jpn-bgrn {
  background: #F2652245 url(images/bgrn-header-jpn.svg);
  background-size: cover;
}

.header-jaminan {
  position: relative;
  text-align: center;
  color: #FFF;
  font-family: 'Gotham';
  padding: 0 70px;
}

.header-jaminan h2 {
  font-size: 40px;
}

.header-jaminan p {
  font-size: 18px;
}

.header-jaminan {
  position: relative;
  display: grid;
  text-align: center;
  color: #FFF;
  font-family: 'Gotham';
}

.logo-header-jaminan img {
  height: 25vh;
  margin-top: 13vh;
}

.section-konten-jaminan {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-program {
  margin-top: 10px;
  margin: 0px;
  width: 100%;
  /*background-image: url("images/bg-program.png");*/
  background-size: cover;
  height: 380px;
}

.container-program ul {
  list-style-type: none;
}

.gallery-heading {
  background-color: #454545;
  font-family: 'Gotham Book';
}
/*CONTAINER PENERIMA UPAH*/

.container-pu {
  margin-top:110px;
  margin-bottom: 190px;
  font-family: 'Gotham';
}

.img-putih-pu {
  position: absolute;
  right: 0px;
  font-family: 'Gotham';
  width: 45%;
}

.text-putih-pu {
  font-size: 40px;
  color: #666666;
  position: absolute;
  top: 370px;
  right: 220px;
  font-family: gotham;
}

.container-pu h2 {
  font-size: 40px;
  font-family: 'Gotham';
}

.container-pu h3 {
  font-size: 20px;
  font-family: 'Gotham';
}

.container-pu p {
  font-size: 16px;
  font-family: 'Gotham';
}

.container-pu-2 {
  background-color: #F8F8F8;
  color: #fff;
  height: 350px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-pu-2 h2 {
  font-size: 22px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-pu-2 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.pu-2-margin {
  margin-top: 100px;
}

.pu-ijo-kiri {
  position: absolute;
  right: 430px;
  width: 72%;
}

.pu-kuning-kiri {
  position: absolute;
  top: 20px;
  right: 400px;
  width: 35%;
}

.pu-foto-kiri {
  position: absolute;
  top: 20px;
  right: 300px;
  width: 43%;
}

.pu-ijo-kanan {
  position: absolute;
  right: 5px;
  width: 72%;
}

.pu-kuning-kanan {
  position: absolute;
  top: 20px;
  right: 240px;
  width: 35%;
}

.pu-foto-kanan {
  position: absolute;
  top: 20px;
  right: 300px;
  width: 43%;
}

.container-pu-3 {
  margin-bottom: 370px;
}

.container-pu-3 h2 {
  font-size: 24px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-pu-3 p {
  font-size: 16px;
  font-family: 'Gotham';
}

.container-pu-4 {
  background-color: #F8F8F8;
  height: 300px;
}

.container-pu-4 h2 {
  font-size: 24px;
  font-family: 'Gotham';
}

.container-pu-white {
  background-color: #FFF;
  height: 300px;
}

.container-pu-white h2 {
  font-size: 24px;
  font-family: 'Gotham';
}
.container-pu-grey {
  background-color: #F8F8F8;
  height: 300px;
}

.container-pu-grey h2 {
  font-size: 24px;
  font-family: 'Gotham';
}
.btn-pu {
  width: 15em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}

.btn-pu a {
  color: white;
}

/*CONTAINER BPU*/

.container-bpu-1 {
  background-color: white;
  height: 150px;
}

.container-bpu-1 h2 {
  font-size: 30px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-bpu-1 p {
  font-size: 16px;
  font-family: 'Gotham';
}

.container-bpu-3 {
  margin-bottom: 370px;
}

.container-bpu-3 h2 {
  font-size: 24px;
  font-family: 'Gotham';
  font-weight: bold;
}

.bpu-3-margin {
  margin-top: 140px;
}

.container-bpu-4 {
  background-color: #F8F8F8;
  color: #fff;
  height: 500px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-bpu-4 h2 {
  font-size: 24px;
  font-family: 'Gotham';
  font-weight: bold;
}

.bpu-4-margin {
  margin-top: 70px;
}

.container-bpu-5 {
  background-color: white;
  height: 300px;
}

.container-bpu-5 h2 {
  font-size: 24px;
  font-family: 'Gotham';
}

.img-blur-bpu {
  position: absolute;
  top: 65px;
  font-family: 'Gotham';
  width: 53%;
}

.text-blur-bpu {
  font-size: 40px;
  color: #3c3c3c;
  position: absolute;
  top: 340px;
  left: 350px;
  font-family: 'Gotham';
  font-weight: bold;
}

.bpu-ijo-kiri {
  position: absolute;
  right: 430px;
  width: 67%;
}

.bpu-kuning-kiri {
  position: absolute;
  top: 70px;
  right: 430px;
  width: 33%;
}

.bpu-foto-kiri {
  position: absolute;
  top: 70px;
  right: 300px;
  width: 55%;
}
/*CONTAINER JAKON*/
.img-blur-jakon {
  position: absolute;
  top: 55px;
  right: 0px;
  width: 45%;
}

.container-jakon-1 {
  background-color: white;
  height: 120px;
}

.container-jakon-1 h2 {
  font-size: 30px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-jakon-1 p {
  font-size: 16px;
  font-family: 'Gotham';
}

.jakon-biru-kiri {
  position: absolute;
  right: 430px;
  width: 62%;
}

.container-jakon-2 {
  background-color: #F8F8F8;
  color: #fff;
  height: 350px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-jakon-2 h2 {
  font-size: 22px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-jakon-2 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.container-jakon-3 {
  margin-bottom: 370px;
}

.container-jakon-3 h2 {
  font-size: 22px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-jakon-3 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.jakon-3-margin {
  margin-top: 100px;
}

.jakon-biru-kanan {
  position: absolute;
  right: 5px;
  width: 57%;
}

.jakon-ijomuda-kanan {
  position: absolute;
  top: 43px;
  right: 43px;
  width: 40%;
}

.jakon-foto-kanan {
  position: absolute;
  top: 85px;
  right: 150px;
  width: 75%;
}

.container-jakon-4 {
  background-color: #F8F8F8;
  color: #fff;
  height: 350px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-jakon-4 h2 {
  font-size: 24px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-jakon-4 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.jakon-4-margin {
  margin-top: 70px;
}

.jakon-biru-kiri-2 {
  position: absolute;
  right: 430px;
  width: 86%;
}

.jakon-kuning-kiri-2 {
  position: absolute;
  top: 80px;
  right: 450px;
  width: 55%;
}

.jakon-foto-kiri-2 {
  position: absolute;
  width: 70%;
  top: 100px;
  right: 320px;
}

.container-jakon-5 {
  height: 600px;
}

.container-jakon-5 h3 {
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 24px;
}

.container-jakon-5 p {
  font-family: 'Gotham';
  font-size: 16px;
}

.container-jakon-6 {
  background-color: #F8F8F8;
  height: 300px;
}

.container-jakon-6 h2 {
  font-family: 'Gotham';
  font-size: 24px;
  font-weight: bold;
}
/*CONTAINER MIGRAN*/
.text-putih-migran {
  font-size: 40px;
  color: #666666;
  position: absolute;
  top: 370px;
  right: 60px;
  font-family: gotham;
}

.container-migran-3 {
  margin-bottom: 370px;
}

.container-migran-3 h2 {
  font-size: 22px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-migran-3 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.migran-3-margin {
  margin-top: 100px;
}

.migran-3-margin {
  margin-top: 100px;
}

.container-migran-4 {
  background-color: #F8F8F8;
  color: #fff;
  height: 500px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-migran-4 h2 {
  font-size: 20px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-migran-4 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.migran-biru-kiri-4 {
  position: absolute;
  right: 430px;
  width: 62.5%;
}

.migran-kuning-kiri-4 {
  position: absolute;
  top: 65px;
  right: 450px;
  width: 40%;
}

.migran-foto-kiri-4 {
  position: absolute;
  width: 97%;
  top: 90px;
  right: 130px;
}

.migran-4-margin {
  margin-top: 70px;
}

.container-migran-5 {
  background-color: #F8F8F8;
  color: #fff;
  height: 400px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-migran-5 h2 {
  font-size: 20px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-migran-5 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.migran-5-margin {
  margin-top: 10px;
}

.container-migran-6 {
  background-color: #F8F8F8;
  color: #fff;
  height: 300px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-migran-6 h2 {
  font-size: 20px;
  font-family: 'Gotham';
  font-weight: bold;
}

/*CONTAINER PENGHARGAAN*/
.newbreadcumb {
  padding: 15px 2px;
  margin-bottom: -1px;
  list-style: none;
  background-color: #E7EAE8;
  border-radius: 4px;
  font-family: 'Gotham';
  font-size: 14px;
}

.newbreadcumb>li {
  display: inline-block;
}

.newbreadcumb>li>a {
  color: #777;
}

.newbreadcumb>li>a:hover {
  color: #1FCF67;
}

.newbreadcumb>li+li:before {
  padding: 0 5px;
  color: #777;
  content: "|";
}

.newbreadcumb>.active {
  color: #1FCF67;
}

.container-penghargaan-2 {
  background-color: #F8F8F8;
  height: 800px;
}

.container-penghargaan-2 h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 26px;
}

.container-penghargaan-2 h3 {
  font-family: 'Gotham';
  font-weight: bold;
  color: #59BA52;
  font-size: 18px;
}

.container-penghargaan-2 h4 {
  font-family: 'Gotham';
  font-weight: bold;
  color: #39B54A;
  font-size: 26px;
}

.container-penghargaan-2 a {
  color: #39B54A;
}

.container-penghargaan-2 p {
  font-family: 'Gotham';
  color: #59BA52;
  font-size: 12px;
}

.bg-penghargaan-putih{
  background-color:white;height:280px;padding:30px;
}
.btn-penghargaan-rincian {
  width: 12em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
  margin-top:40px;
}
.margin-penghargaan-utama {
  margin-left:-20px;
}
.margin-bg-putih{
  margin-top: 0px;
}

.container-penghargaan-detail {
  background-color: #FFF;
  height: 80px;
}

.container-penghargaan-detail h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 26px;
}



.enter-penghargaan-1 {
  margin-top: 10px;
  margin-left: -100px;
}

.hr-penghargaan-1 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #D5D728;
  margin: 1em 0;
  padding: 0;
  width: 20%;
}

.list-box-top-green {
  background: #FFF;
  border-top: 4px solid #1FAF67;
  margin: 20px;
}

.container-penghargaan-btn {
  background: #D5D728;
  color: white;
  font: 'trebuchet ms', trebuchet;
  padding: 10px 20px;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border: 0 none;
  font-weight: bold;
  margin-left: -5px;
}

.margin-penghargaan-1 {
  margin-left: 50px;
}

.container-penghargaan-box {
  background: white;
  padding: 10px;
  border-radius: 20px 0 0 20px;
  border: 0 none;
  width: 220px;
}

.container-penghargaan-box placeholder {
  color: #ADABAB;
}

.position-foto-penghargaan {
  position: absolute;
  top: -11px;
  left: 20px;
}

.margin-penghargaan-2 {
  margin-top: 20px;
  margin-left: 45px;
}

.hr-penghargaan-2 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 6px solid #39B54A;
  margin: 1em 0;
  padding: 0;
  width: 350px;
  margin-top:-30px;
  margin-left: -30px;
}

.foto-penghargaan-1 {
  margin-top: 30px;
}

.foto-penghargaan-1 img {
  width: 100%;
}

.judul-text-penghargaan {
  margin-top: 20px;
}

.enter-penghargaan-2 {
  margin-top: 350px;
  margin-left: -100px;
}

.enter-penghargaan-3 {
  margin-top: 700px;
  margin-left: -100px;
}

.enter-penghargaan-4 {
  margin-top: 1150px;
}

.btn-penghargaan {
  width: 15em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}

.btn-penghargaan a {
  color: white;
}

.enter-modal {
  padding-top: 90px;
}

.hr-modal-penghargaan {
  border-top: 4px solid #39B54A;
  padding: 0;
  width: 100%;
  margin: 0px;
}

.visi {
  background: #3AB54A;
  padding: 40px;
  font-size: 24px;
  font-family: 'Gotham';
  color: #FFF;
  min-height: 450px;
}

.misi {
  background: #006AB8;
  padding: 40px;
  font-size: 18px;
  font-family: 'Gotham';
  color: #FFF;
  min-height: 450px;
}

.btn-tentang-kami {
  border-radius: 40px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px 20px;
}

.btn-pimpinan {
  font-size: 20px;
  border-radius: 40px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 13px 30px;
}

.btn-tentang-kami a {
  color: white;
}

.btn-tentang-kami a:hover {
  text-decoration: none;
}
/*CONTAINER PROMOSI*/
.container-promosi-2 {
  background-color: #F8F8F8;
  height: 650px;
  font-family: 'Gotham-Medium';
}

.container-promosi-2 h2 {
  color: #666666;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 24px;
}

.container-promosi-2 h3 {
  color: #666666;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 18px;
  line-height: 10px;
}

.margin-promosi-1 {
  margin-left: 15px;
}

.hr-promosi-1 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #D5D728;
  margin: 1em 0;
  padding: 0;
  width: 25%;
}

.logo-besar {
  position: absolute;
  top: 20px;
  width: 89%;
  margin-left: 5px;
  margin-top: -15px;
}

.logo-kecil {
  width: 25%;
  position: absolute;
  top: 150px;
  left: 50px;
}

.judul-text-promo {
  color: #676869;
  position: absolute;
  top: 240px;
  left: 50px;
  font-size: 20px;
  font-family: 'Gotham';
  font-weight: bold;
}

.isi-text-promo {
  color: #95989A;
  position: absolute;
  top: 270px;
  left: 50px;
  font-family: 'Gotham';
}

.isi-link-promo {
  color: #59BA52;
  position: absolute;
  top: 310px;
  left: 50px;
  font-family: 'Gotham';
}

.enter-promosi-1 {
  margin-top: 400px;
}
.promo-center img{
  width: 25%;
  padding-top:50px;
}
.promo-center h2{
  color:#444;
}
.kotak-promosi{
  background-color:white;height:575px;box-shadow:2px 2px 2px 2px #ccc;
}
.gambar-kecil{
  margin-top:-40px;margin-left:30px;width: 25%;
}
.margin-promosi{
  margin-top:0px;
}
.margin-text-promosi{
  margin-left:15px;
}

/*CONTAINER PROMOSI DETAIL*/
.container-promosi-detail-2 {
  background-color: #F8F8F8;
  height: 1080px;
}

.container-promosi-detail-2 h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 24px;
}

.container-promosi-detail-2 h3 {
  font-family: 'Gotham';
  font-weight: bold;
  color: black;
  font-size: 24px;
}

.container-promosi-detail-2 h4 {
  font-family: 'Gotham';
  font-weight: bold;
  color: #59BA52;
  font-size: 16px;
}

.img-promosi-detail {
  width: 75%;
}

.margin-promosi-detail-1 {
  margin-left: -50px;
}

.margin-promosi-detail-2 {
  margin-left: 54px;
  margin-top: 10px;
}

.hr-promosi-detail-1 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #1FCF67;
  margin: 1em 0;
  padding: 0;
  width: 101%;
}

.margin-promosi-detail-3 {
  margin-left: 54px;
  margin-top: 10px;
}

.container-promosi-detail-2 ul {
  font-family: 'Gotham';
  font-weight: bold;
}

.btn-promosi-detail {
  width: 20em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}

.btn-promosi-detail a {
  color: white;
}

/*CONTAINER FAQ*/
.container-faq-1 {
  font-family: 'Gotham';
  color: white;
  background-color: #3AB54A;
  height: 200px;
  margin-top: -20px;
}

.container-faq-1 h2 {
  font-size: 28px;
  padding-top: 50px;
}

.bg-faq {
  width: 50%;
  position: absolute;
  top: 240px;
  left: 350px;
}

.bg-search-faq {
  position: absolute;
  top: 290px;
  left: 550px;
}

.container-faq-2 {
  height: 900px;
  background-color: #F8F8F8;
  margin-top: -20px;
}

.container-faq-2 h2 {
  font-family: 'Gotham';
  font-size: 28px;
  color: #666666;
  padding-top: 100px;
}

.logo-faq {
  position: absolute;
  top: 20px;
  left: 40PX;
  width: 76%;
}

.isi-faq {
  font-size: 16px;
  font-family: 'Gotham';
  color: #666666;
  position: absolute;
  top: 200px;
  left: 40px;
}

.container-faq-box {
  background: white;
  padding: 8px;
  border-radius: 20px 0 0 20px;
  border: 1px solid #95989A;
  width: 350px;
  margin-left: -70px;
  color: black;
}

.container-faq-btn {
  background: #D5D728;
  color: white;
  padding: 10px 20px;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border: 0 none;
  font-weight: bold;
  margin-left: -18px;
}

.enter-faq-1 {
  margin-left: 110px;
}

.enter-faq-2 {
  margin-left: 107px;
}

/*FAQ DETAIL */
.newbreadcumb-faq {
  padding: 15px 2px;
  margin-bottom: -1px;
  list-style: none;
  border-radius: 4px;
  font-family: 'Gotham';
  font-size: 14px;
}

.newbreadcumb-faq>li {
  display: inline-block;
}

.newbreadcumb-faq>li>a {
  color: #777;
}

.newbreadcumb-faq>li>a:hover {
  color: #1FCF67;
}

.newbreadcumb-faq>li+li:before {
  padding: 0 5px;
  color: #777;
  content: "|";
}

.newbreadcumb-faq>.active {
  color: #1FCF67;
}

.container-faq-detail-1 {
  font-family: 'Gotham';
  color: #666666;
  background-color: #D5D728;
  height: 270px;
  margin-top: -20px;
}

.container-faq-detail-1 img {
  width: 39%;
}

.enter-margin-faq-detail {
  margin-top: 50px;
}

.container-faq-detail-1 h2 {
  font-size: 28px;
}

.container-faq-detail-2 {
  height: 550px;
  background-color: #F8F8F8;
  margin-top: -20px;
}

.container-faq-detail-2 p {
  font-size: 16px;
}

.faq-detail-img-1 {
  width: 90%;
  margin-top: 20px;
  position: absolute;
  left: 60px;
}

.faq-detail-img-2 {
  width: 5%;
  position: absolute;
  top: 400px;
  left: 180px;
}

.text-faq-detail {
  position: absolute;
  top: 120px;
  left: 190px;
}

/*CONTAINER SIARAN PERS*/
.container-siaran-pers-1 {
  background-color: #F8F8F8;
  height: 1150px;
}

.container-siaran-pers-1 h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 24px;
}

.container-siaran-pers-1 h3 {
  font-family: 'Gotham';
  font-weight: bold;
  color: #59BA52;
  font-size: 14px;
}

.container-siaran-pers-1 h4 {
  font-family: 'Gotham';
  font-weight: bold;
  color: #39B54A;
  font-size: 14px;
  padding-top: 50px;
}

.container-siaran-pers-1 a {
  color: #39B54A;
}

.container-siaran-pers-1 p {
  font-family: 'Gotham';
  color: #59BA52;
  font-size: 12px;
}

.hr-siaran-pers {
  display: block;
  height: 1px;
  border: 0;
  border-top: 6px solid #39B54A;
  margin: 1em 0;
  padding: 0;
  width: 88.5%;
  margin-left: 7px;
  position: absolute;
  top: -10px;
}

.enter-siaran-pers-1 {
  margin-top: 470px;
  margin-left: -100px;
}

.img-siaran-pers {
  position: absolute;
  top: 10px;
  width: 88%;
  left: 23px;
}

.text-siaran-pers {
  position: absolute;
  top: 280px;
  left: 30px;
}

.margin-selengkapnya-pers {
  margin-top: -20px;
}

.enter-siaran-pers-2 {
  margin-top: 1000px;
}

.enter-siaran-pers-2 a {
  color: white;
}

/*CONTAINER SIATAN PERS DETAIL*/
.container-siaran-pers-detail-1 {
  font-family: 'Gotham';
  color: #FFFFFF;
  background-color: #3AB54A;
  height: 150px;
}

.enter-margin-siaran-pers-detail {
  margin-top: 30px;
}

.container-siaran-pers-detail-1 h2 {
  font-size: 30px;
  margin-top: 15px;
}

.hr-siaran-pers-detail {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #1FAF67;
  margin: 1em 0;
  padding: 0;
  width: 100%;
}

.container-siaran-pers-detail-2 {
  background-color: #F8F8F8;
  height: 1100px;
  font-family: 'Gotham';
}

.container-siaran-pers-detail-2 a {
  color: #676869;
}

.container-siaran-pers-detail-2>.active {
  color: #1FCF67;
}

.margin-siaranpers-detail-kiri {
  background: white;
  height: 450px;
  margin-top: 30px;
}

.margin-siaranpers-detail-kanan {
  background: white;
  width: 650px;
  height: 1000px;
  margin-top: 30px;
  margin-bottom:100px;
}

.container-siaran-pers-detail-2 h2 {
  font-size: 14px;
  color: #676869;
}

.judul-text-kiri {
  position: absolute;
  top: 50px;
  left: 40px;
}

.isi-text-kanan {
  position: absolute;
  top: 50px;
  left: 40px;
}

.container-siaran-pers-detail-2 h3 {
  font-size: 26px;
  color: #666666;
}

.container-siaran-pers-detail-2 h4 {
  font-size: 12px;
  color: #95989A;
}

.container-siaran-pers-detail-2 p {
  font-size: 14px;
  color: #484B4D;
  text-align: justify;
  margin-top: 30px;
}

.img-siaran-pers-kanan {
  width: 90%;
}

/*CONTAINER DAFTAR INFORMASI PUBLIK*/
.container-daftar-publik-1 {
  font-family: 'Gotham';
  color: #FFFFFF;
  background-color: #3AB54A;
  height: 150px;
}

.container-daftar-publik-1 h2 {
  font-size: 28px;
  color: white;
}

.container-daftar-publik-2 {
  background-color: #F8F8F8;
  height: 1850px;
  font-family: 'Gotham';
}

.container-daftar-publik-2 h2 {
  font-size: 14px;
  color: #676869;
}

.container-daftar-publik-2 h3 {
  font-size: 18px;
  color: #666666;
}

.container-daftar-publik-2 h4 {
  font-size: 16px;
  color: #666666;
  font-weight: bold;
}

.container-daftar-publik-2 p {
  font-size: 14px;
  color: #666666;
}

.hr-daftar-publik {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #1FAF67;
  margin: 1em 0;
  padding: 0;
  width: 80%;
}

.margin-publik-kanan-1 {
  background: #DADB45;
  width: 650px;
  height: 80px;
  margin-top: 30px;
}

.margin-publik-kanan-2 {
  background: white;
  width: 650px;
  height: 800px;
  margin-top: 30px;
}

.margin-publik-kanan-2-1 {
  background: white;
  width: 650px;
  height: 550px;
  margin-top: 30px;
}

.margin-publik-kanan-3 {
  background: white;
  width: 650px;
  height: 400px;
  margin-top: 30px;
}

.margin-publik-kanan-3-0 {
  background: white;
  width: 650px;
  height: 600px;
  margin-top: 30px;
}

.margin-publik-kanan-3-1 {
  background: white;
  width: 650px;
  height: 70px;
  margin-top: 30px;
}

.margin-publik-kanan-4 {
  background: white;
  width: 650px;
  height: 1200px;
  margin-top: 30px;
}

.margin-publik-kanan-5 {
  background: white;
  width: 650px;
  height: 1400px;
  margin-top: 30px;
}

.margin-publik-kanan-ijo {
  background: #1FAF67;
  width: 650px;
  height: 50px;
  margin-top: 30px;
}

.margin-judul-publik {
  position: absolute;
  top: 40px;
  left: 40px;
}

.center-ijo {
  font-size: 16px;
  color: white;
  padding-top: 15px;
}

.margin-informasi-publik {
  margin-left: -45px;
}

.margin-img-publik {
  padding-top: 50px;
}

.hr-publik-1 {
  display: block;
  border-top: 3px solid #D5D728;
  margin: 0em;
  padding: 0;
  width: 25%;
}

.hr-publik-2 {
  display: block;
  border-top: 1px solid #95989A;
  margin: 0em;
  margin-left: 5px;
  padding: 0;
  width: 100%;
}

.btn-publik {
  width: 7em;
  border-radius: 20px;
  background-color: #1FAF67;
  padding: 5px;
  margin-top: -7px;
}

.btn-publik a {
  color: white;
}

.informasi-berkala {
  margin-left: -10px;
}

.btn-publik-2 {
  width: 7em;
  border-radius: 20px;
  background-color: #1FAF67;
  padding: 5px;
  margin-left: -30px;
}

.btn-publik-2 a {
  color: white;
}

.thead-publik {
  font-family: 'Gotham';
  font-size: 16px;
}

.tbody-publik {
  font-family: 'Gotham';
  font-size: 14px;
}

.margin-publik-kanan-5 img {
  margin-left: -20px;
}

/*PORTAL JKK*/

.header-jkk {
  position: relative;
  width: 100%;
  min-height: 500px;
  background-image: url(images/bgrn-header-jkk.png);
  background-size: cover;
}

.header-jkk img {
  width: 200px;
  padding-top: 4%;
}

.header-jkk h2 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 40px;
}

.header-jkk h3 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 20px;
}
 /*isi*/
.isi-content-jkk-right {
  padding: 60px 100px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jkk-right img {
  max-width: 70%;
}
.isi-content-jkk-right h3 {
  font-size: 34px;
}
.isi-content-jkk-right p {
  font-size: 20px;
}
.isi-content-jkk-right ul {
  font-size: 18px;
}


.isi-content-jkk-left {
  background-color: #F8F8F8;
  padding: 60px 100px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jkk-left img {
  max-width: 70%;
}
.img_jp_center {
  display: block;
  margin: auto;
  max-width: 70%!important;
}
.isi-content-jkk-left h3 {
  font-size: 34px;
}
.isi-content-jkk-left p {
  font-size: 20px;
}
.isi-content-jkk-left ul {
  font-size: 18px;text-align:left;
}
.isi-text-jkk{
  margin-top:80px;
}
.isi-text-jkk ul{
  list-style-type: none;
  margin-left: -35px;
  font-size: 18px;
}
.isi-text-jkk-2{
  margin-top:140px;
}
 /*footer*/
.footer-jkk {
  padding-top: 25px;
  padding-bottom: 50px;
  position: relative;
  width: 100%;
  min-height: 500px;
  background-image: url(images/jkk_bawah.png);
  background-size: cover;
  font-family: 'Gotham';
  text-align: center;
}

.footer-jkk h2 {
  color: white;
}

.footer-jkk h3 {
  color: white;
}

.footer-jkk p {
  color: white;
}

.footer-jkk h4 {
  color: #ff0;
}

.footer-jkk img {
  width: 300px;
}
.margin-modal{
  margin-top:20px;
}

/*PORTAL INPRES*/

.header-inpres {
  position: relative;
  width: 100%;
  height: 762px;
  background-image: url(images/banner-inpres-mobile.png);
  background-size: cover;
  padding: 10% 20px;
}

.header-inpres .caption {
  display: block;
  width: 100%;
  text-align: center;
}
.header-inpres .caption img.header-icon {
  width: 80px;
  padding-top: 0;
}
.header-inpres .caption img.btn-header {
  width: 100px;
  padding-top: 4%;
}
.header-inpres .caption .btn {
  line-height: 25px;
  padding-top: 3px;
  padding-bottom: 12px;
  border-radius: 15px;
  box-shadow: 0px 3px 7px 0px #00000040;
}

.header-inpres .caption .icon-pdf {
  background-image: url(images/icon-pdf.svg);
  width: 45px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70%;
  margin: -7px;
  margin-top: 0px;
  background-position: 0px 5px;
  height: 35px;
}
.header-inpres .caption h2 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 30px;
}

.header-inpres .caption h3 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 20px;
  margin-bottom: 30px;
}
.inpres-back-merah{
  background-image: url(images/bgrn-merah-mobile.svg);
  min-height: 880px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 125px;
  background-size: 100%;
  background-color: #F2F2F2;
  width: 100%;
}

.inpres-back-merah .thumbnail{
  border-radius: 15px;
  width: 100%;
  height: 200px;
  margin: 0;
  border: 0;
  padding: 0;
}
.inpres-back-merah .red-caption{
  margin: 10px;
  color: #fff !important;
}
.inpres-back-merah .red-caption p{
  font-size: 1.4rem;
   margin: 25px 0;
}

.inpres-back-hitam{
  background-image: url(images/bgrn-black-mobile.svg);
  min-height: 880px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 125px;
  background-size: 100%;
  background-color: #F2F2F2;
  width: 100%;
  padding-bottom: 40px;
}
.inpres-back-hitam .thumbnail{
  border-radius: 15px;
  width: 100%;
  height: 200px;
  border: 0;
  padding: 0;
  margin:0;
}
.inpres-back-hitam .black-caption{
  margin: 10px;
  color: #fff !important;
}
.inpres-back-hitam .black-caption p{
  font-size: 1.4rem;
   margin: 25px 0;
}
@media screen and (max-width: 478px){
  .mobile-hide{
    display: none;
  }
  .inpres-back-merah .col-lg-6{
    padding: 0;
  }
  .inpres-back-hijau .caption{
    padding: 0!important;
  }
}
@media screen and (min-width: 768px){
  .mobile-show{
    display:none;
  }
  .header-inpres {
    position: relative;
    width: 100%;
    height: 750px;
    background-image: url(images/banner-inpres.png);
    background-size: cover;
    padding: 10% 20px;
  }
  .header-inpres .caption img.header-icon {
    width: 100px;
    padding-top: 4%;
  }
  .header-inpres .caption {
    width: 60%;
  }
  .inpres-back-hitam .thumbnail{
    border-radius: 15px;
    width: 600px;
    height: 330px;
    margin: 130px 90px 0px -20px;
    border: 0;
    padding: 0;
  }
  .inpres-back-merah{
    background-image: url(images/bgrn-merah.svg);
    min-height: 700px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70%;
    background-color: #F2F2F2;
    width: 100%;
  }
  .inpres-back-hitam{
    background-image: url(images/bgrn-hitam.svg);
    min-height: 700px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 70%;
    background-color: #F2F2F2;
    width: 100%;
  }
  .inpres-back-merah .red-caption{
    margin: 100px 60px;
  }
  .inpres-back-merah .thumbnail{
    border-radius: 15px;
    width: 600px;
    height: 330px;
    margin: 150px 90px 0px 70px;
    border: 0;
    padding: 0;
  }
  .inpres-back-hitam .black-caption{
    margin: 100px 60px;
    color: #fff !important;
  }
  .inpres-back-hitam .black-caption p{
    font-size: 1.4rem;
     margin: 25px 0;
  }
  
}


.inpres-back-hijau{
  background-image: url(images/bgrn-hijau.svg);
  min-height: 700px;
  display: block;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #59C072;
  width: 100%; 
  /*padding: 0;*/
  padding-top: 30px;
}
.inpres-back-hijau .caption{
  margin: 10px;
  padding: 100px 50px;
  color: #fff !important;
}
.inpres-back-hijau .caption h3{
  font-size: 2.5em;
  margin-top: 30px;
}
.inpres-back-hijau .caption p{
  font-size: 1.7rem;
   margin: 25px 0;
}
.inpres-back-hijau .box-hijau{
  background-color: #ffffff36;
  padding: 10px 15px;
  border-radius: 10px;
  margin: 15px 0;
  height: 130px;
  text-align: center;
}
.inpres-back-hijau .list-hijau{
  margin: 20px 0;
  margin-left: -5px;
  font-size: 1.3em;
}
.inpres-back-hijau .list-hijau-2{
  margin: 20px;
}
.inpres-back-hijau .list-hijau li{
  margin: 10px 0;
  list-style-type: decimal-leading-zero;
}
.inpres-back-hijau .list-hijau-2 li{
  margin: 10px 0;
  list-style-type: decimal-leading-zero;
}
.inpres-back-hijau .box-angka{
  font-size: 4rem;
  margin: 5px 0;
}
.inpres-back-hijau .box-info{
  font-size: 1.5rem;
  color:#FFF;
}
.inpres-back-hijau .box-desc{
  background: #CEAF00;
  padding: 25px;
  border-radius: 15px;
}
.slide-page{
  text-align: center;
  margin: 10px;
  padding: 0;
  color:#FFF;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-height: 720px;
  border-radius: 15px;
}
.background-layer{
  margin: 30px 0;
}
@media screen and (min-width: 768px){
  .inpres-back-hijau .box-hijau{
    background-color: #ffffff36;
    padding: 10px 15px;
    border-radius: 10px;
    margin: 30px 0;
    height: 120px;
    text-align: center;
  }
  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
      max-height: 720px;
      border-radius: 15px;
  }
  .slide-page{
    padding: 20px 230px;
  }
  .slide-page .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
      margin-right: -60px;
  }
  .slide-page .background-layer{
    background-image: url(images/bgrn-slider.png);
    padding: 20px 30px 55px 30px;
    background-size: contain;
    background-position-y: 30px;
    background-repeat: no-repeat;

  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -60px;
  }
}

.slide-page h3{
  margin-bottom: 30px;
}
.slide-page p{
  font-size: 1.3em;
}
.slide-page .carousel-control {
  width: 0%;
}

/*PORTAL INPRES END*/
 /*PORTAL JHT*/

.header-jht {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/bgrn-header-jht.png);
  background-size: cover;
}

.header-jht img {
  width: 200px;
  padding-top: 4%;
}

.header-jht h2 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 40px;
}

.header-jht h3 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 20px;
}
   /*isi*/
.isi-content-jht h2 {
  color: black;
  text-align: center;
  margin-top: 50px;
  font-family: 'Gotham';
}

.isi-content-jht h3 {
  color: black;
  text-align: center;
  font-family: 'Gotham';
}

.isi-content-jht h4 {
  color: black;
  text-align: center;
  font-family: 'Gotham';
  color: #ff0;
}
   /*footer*/
.footer-jht {
  padding-top: 10px;
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/jht_bawah.png);
  background-size: cover;
  font-family: 'Gotham';
  text-align: center;
}

.footer-jht h2 {
  color: white;
}

.footer-jht h3 {
  color: white;
}

.footer-jht p {
  color: white;
}

.footer-jht h4 {
  color: #ff0;
}

.footer-jht img {
  width: 300px;
}

  /*PORTAL JKM*/
.header-jkm {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/bgrn-header-jkm.png);
  background-size: cover;
  font-family: 'Gotham';
}

.header-jkm img {
  width: 200px;
  padding-top: 4%;
}

.header-jkm h2 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 40px;
}

.header-jkm h3 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 20px;
}
  /*isi*/
.isi-content-jkm-right {
  padding-right: 200px;
  padding-left: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jkm-right img {
  max-width: 50%;
}

.isi-content-jkm-left {
  background-color: #F8F8F8;
  padding-right: 200px;
  padding-left: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jkm-left img {
  max-width: 50%;
}

  /*footer*/
.footer-jkm {
  padding-top: 10px;
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/jkm_bawah.png);
  background-size: cover;
  font-family: 'Gotham';
  text-align: center;
}

.footer-jkm h2 {
  color: white;
}

.footer-jkm h3 {
  color: white;
}

.footer-jkm p {
  color: white;
}

.footer-jkm h4 {
  color: #ff0;
}

.footer-jkm img {
  width: 300px;
}

  /*PORTAL JP*/
.header-jp {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/bgrn-header-jpn2.png);
  background-size: cover;
}

.header-jp img {
  width: 200px;
  padding-top: 4%;
}

.header-jp h2 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 40px;
}

.header-jp h3 {
  color: white;
  text-align: center;
  font-family: 'Gotham';
  font-size: 20px;
}
  /*isi*/
.isi-content-jp-right {
  padding-right: 200px;
  padding-left: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jp-right img {
  max-width: 50%;
}

.isi-content-jp-left {
  background-color: #F8F8F8;
  padding-right: 200px;
  padding-left: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-jp-left img {
  max-width: 50%;
}

  /*footer*/
.footer-jp {
  padding-top: 10px;
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(images/jpn_bawah.png);
  background-size: cover;
  font-family: 'Gotham';
  text-align: center;
}

.footer-jp h2 {
  color: white;
}

.footer-jp h3 {
  color: white;
}

.footer-jp p {
  color: white;
}

.footer-jp h4 {
  color: #ff0;
}

.footer-jp img {
  width: 300px;
}


  /*CONTAINER PERATURAN*/

.header-green {
  width: 100%;
  height: 150px;
  background-color: #5cb85c;
  background-size: cover;
  margin-bottom: 20px;
}

.float-left {
  float: left;
  max-width: 50%;
  margin: 60px 20px 20px 30px;
  text-align: center;
}

.float-left h2 {
  margin-left: 10px;
  color: white;
  font-family: 'Gotham';
  text-decoration: none;
  border-bottom: 3px solid yellow;
  padding-bottom: 10px;
}
 /*menu samping*/
.menu-samping {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  font-family: 'Gotham';
}

.list-group-samping.disabled, .list-group-samping.disabled:focus, .list-group-samping.disabled:hover {
  color: #000;
  cursor: not-allowed;
  background-color: #fff;
}

.list-group-samping.disabled span {
  display: inline-block;
  border-bottom: 2px solid green;
  padding-bottom: 5px;
  width: 100%;
}

.list-group-samping span {
  display: inline-block;
  border-bottom: 2px solid #eee;
  width: 100%;
  padding-bottom: 5px;
  font-size: 14px;
}

.list-group-samping:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

a.list-group-samping, button.list-group-samping {
  color: #666666;
}

.list-group-samping {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
}

.undang-undang {
  font-family: 'Gotham';
  background-color: #D6DF20;
  height: 100px;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}

.isi-peraturan {
  background-color: white;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
  font-family: 'Gotham';
}

.isi-peraturan div {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.isi-peraturan-underline {
  border: 2px solid #D6DF20;
  width: 20%;
  margin-left: 0px;
}

.isi-peraturan button {
  border-radius: 30px;
  font-family: 'gotham';
}

.margin-peraturan {
  margin-top: 30px;
}

 /*PETA SITUS*/
.header-green {
  width: 100%;
  height: 200px;
  background-color: #5cb85c;
  background-size: cover;
}

.float-right {
  float: right;
  width: 75%;
  max-width: 90%;
  margin: 50px 20px 10px 0px;
  padding: 20px;
  background-color: #fff;
  font-family: 'Gotham';
}

.float-right a {
  color: black;
}

.float-right hr {
  border-bottom: 2px solid #95989A;
}

.float-left {
  float: left;
  max-width: 50%;
  margin: 60px 20px 20px 30px;
  text-align: center;
}

.float-left h2 {
  margin-left: 10px;
  color: white;
  font-family: 'Gotham';
  text-decoration: none;
  border-bottom: 3px solid yellow;
  padding-top: 30px;
}

.background-abu {
  max-width: 100%;
  max-height: 100%;
  background-color: #f5f5f5;
  margin-top: -25px;
}

 /*LAPORAN TAHUNAN*/
.header-green-tahunan {
  margin-top: -5px;
  padding: 50px;
  max-width: 100%;
  height: 200px;
  background-color: #5cb85c;
  background-size: cover;
  font-family: 'Gotham';
  color: white;
}

.header-green-tahunan hr {
  border-top: 3px solid yellow;
}

.box_testi_tahunan {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #F8F8F8;
  background-size: cover;
  font-family: 'Gotham';
  color: black;
  padding: 10px 20px;
}

.testi_dirut_tahunan {
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
  margin-top: 100px;
  padding: 50px;
  margin-bottom: 50px;
}

.text-testi-tahunan {
  font-size: 25px;
  color: #ABADAF;
}

.header-yellow-tahunan {
  position: relative;
  width: 100%;
  height: 310px;
  background-color: #D6DF20;
  background-size: cover;
  font-family: 'Gotham';
  color: black;
  padding: 10px;
}

.header-yellow-top-border-half {
  position: absolute;
  top: -10px;
  right: 50%;
  width: 50%;
  height: 10px;
  background-color: #5cb85c;
}

.header-yellow-bottom-border-half {
  background-color: #5cb85c;
  height: 10px;
  width: 50%;
  float: right;
}

.header-yellow-middle-border-half {
  position: absolute;
  top: 55px;
  right: 44%;
  width: 11%;
  height: 10px;
  background-color: #D6DF20;
}

.nav-tabs {
  border-bottom: 2px solid #DDD;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: black;
  border-width: 2px;
  border-color: #5cb85c;
}

.nav-tabs > li > a {
  border: none;
  color: black;
}

.nav-tabs > li > a::after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
  transform: scale(1);
}

li {
  text-align: left;
}

li span {
  text-align: justify;
}

.right_tahunan {
  float: right;
  padding: 20px;
}

.left_tahunan {
  float: left;
  padding: 20px;
}

.table_bulanbulan_tahunan {
  max-width: 100%;
  max-height: 100%;
  background-color: white;
  background-size: cover;
  font-family: 'Gotham';
  color: black;
}

th {
  text-align: center;
  padding: 20px;
}

.box_tahun_tahunan {
  width: 100%;
  min-height: 700px;
  background-color: #F8F8F8;
  background-size: cover;
  font-family: 'Gotham';
  color: black;
  padding: 40px;
}

.yes-tahunan {
  width: 200px;
  margin: 20px;
}
  /*LAPORAN KEUANGAN*/
.header-green-keuangan {
  margin-top: -5px;
  padding: 30px;
  max-width: 100%;
  height: 150px;
  background-color: #5cb85c;
  background-size: cover;
  font-family: 'Gotham';
  color: white;
}

.header-green-keuangan hr {
  border-top: 3px solid yellow;
}

.box_tahun_keuangan {
  position: relative;
  display: block;
  width: 100%;
  height: 700px;
  background-color: #F8F8F8;
  background-size: cover;
  font-family: 'Gotham';
  color: black;
  padding: 20px;
}

.nav-tabs {
  border-bottom: 2px solid #DDD;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: black;
  border-width: 2px;
  border-color: #5cb85c;
}

.nav-tabs > li > a {
  border: none;
  color: black;
}

.nav-tabs > li > a::after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
  transform: scale(1);
}

li {
  text-align: left;
}

li span {
  text-align: justify;
}

th, td {
  padding: 15px;
  text-align: left;
}

.divk1 input {
  border-bottom: 5px solid #1FAF67;
}

.divk2 input {
  border-bottom: 5px solid #CCDC3C;
}

.divk3 input {
  border-bottom: 5px solid #007DC2;
}

.divk4 input {
  border-bottom: 5px solid #007DC2;
}

.divk5 input {
  border-bottom: 5px solid #CCDC3C;
}

.divk6 input {
  border-bottom: 5px solid #1FAF67;
}

.divk1 {
  max-width: 300px;
  max-height: 200px;
  min-height: 100%;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #1FAF67;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
}

.divk2 {
  max-width: 300px;
  max-height: 200px;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #CCDC3C;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
}

.divk3 {
  max-width: 300px;
  max-height: 200px;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #007DC2;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
}

.divk4 {
  max-width: 300px;
  max-height: 200px;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #007DC2;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
}

.divk5 {
  max-width: 300px;
  max-height: 200px;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #CCDC3C;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px #333;
}

.divk6 {
  max-width: 300px;
  max-height: 200px;
  padding: 20px;
  margin: 10%;
  border-top: 10px solid #1FAF67;
  background-color: #FFFFFF;
  box-shadow: 0 0 2px;
}

.btn-lap-keuangan {
  font-size: 17px;
  margin: 20px 10px 10px 0px;
  width: 8em;
  border-radius: 50px;
  color: white;
  background-color: #39B44A;
}

.btn-lap-keuangan a {
  color: white;
}

.box_tahun_keuangan_1{
  background-color: white;height: 70px;margin-top:-20px;
}
.box_tahun_keuangan_1 h3{
  font-weight: bold;padding-top:7px;color:#666666;font-size: 20px;
}
.box_tahun_keuangan_1 select{
  width: 80%;margin-top: 30px;
}
.box_tahun_keuangan_2{
  background-color: white;height: 510px;margin-top:20px;
}

.bg-laporan-keuangan{
  background-color:white;height:380px;padding:30px;
}
.hr-laporan-keuangan {
  display: block;
  height: 1px;
  border: 0;
  border-top: 6px solid #39B54A;
  margin: 1em 0;
  padding: 0;
  width: 540px;
  margin-top:-30px;
  margin-left: -30px;
}

.container-laporan-keuangan {
  background-color: #F8F8F8;
  height: 1400px;
}
.container-laporan-keuangan h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 26px;
}


/*CONTAINER SEJARAH*/

.container-sejarah {
  background-color: #F5F5F5;
  min-height: 500px;
  font-family: 'Gotham';
  padding: 20px 9vw;
}

.box-judul-sejarah {
  background-color: #DADB45;
  height: 80px;
  padding: 0 40px;
  margin-bottom: 20px;
}

.box-judul-sejarah h3 {
  font-size: 30px;
  color: #5f5f5f;
  line-height: 80px;
  margin-bottom: 20px;
}

.box-judul-sejarah-2 {
  background-color: white;
  min-height: 500px;
  padding: 50px 80px;
}

/* CONTAINER GINA */

.box-judul-gina {
  background-color: #DADB45;
  height: 80px;
  padding: 0 40px;
  margin-bottom: 20px;
}
.box-judul-gina h3 {
  font-size: 25px;
  color: #666666;
  line-height: 80px;
  margin-bottom: 20px;
}
/* .box-judul-gina-2 {
  background-color: white;
  min-height: 500px;
  padding: 50px 80px;
} */

/* CONTAINER TIM INDONESIA */
.container-tim-indonesia {
  margin-top:50px;
  margin-bottom: 150px;
  font-family: 'Gotham';
}
.container-tim-indonesia h2 {
  font-size: 30px;
  font-family: 'Gotham';
}
.container-tim-indonesia h4 {
  font-size: 20px;
  font-family: 'Gotham';
}
.padding-video-tim-indonesia {
  padding-top: 40px;
}
.size-video-tim-indonesia {
  width: 370px;
  height: 225px;
  box-shadow: -13px 13px 0px #B50707;
}
.isi-content-tim-indonesia {
  background-color: #B50707;
  color: white;
  padding-bottom:80px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-tim-indonesia img {
  max-width: 80%;
  padding-top: 140px;
}
.isi-content-tim-indonesia h3 {
  font-size: 34px;
}
.isi-content-tim-indonesia p {
  font-size: 20px;
}
.isi-content-tim-indonesia ul {
  font-size: 18px;text-align:left;
}
.geser-kanan-tim-indonesia{
  float: right;
  text-align: left;
}
.geser-kiri{
  float:left;
  text-align: left;
}
.geser-kanan-tim-indonesia-2{
  float: right;
}
.isi-content-tim-indonesia-2 img {
  max-width: 70%;
  padding-top: 200px;
}
.geser-kiri-3{
  float:left;
  text-align: left;
}
.geser-kiri-3 img{
  padding-top: 320px;
}

.isi-content-tim-indonesia-white {
  background-color: #FFFFFF;
  padding-bottom:80px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Gotham';
}

.isi-content-tim-indonesia-white img {
  max-width: 80%;
  padding-top: 140px;
}
.isi-content-tim-indonesia-white h3 {
  font-size: 34px;
}
.isi-content-tim-indonesia-white p {
  font-size: 20px;
}
.isi-content-tim-indonesia-white ul {
  font-size: 18px;text-align:left;
}

.size-video-tim-indonesia-white{
  width: 370px;
  height: 225px;
  box-shadow: -13px 13px 0px #fff;
  margin-top: 70px;
  margin-left: 60px;
}
.tim-2-img{
  padding-top:240px!important;
}
.tim-3-img{
  padding-top:250px!important;
}
.tim-4-img{
  padding-top: 250px!important;
}
/* BATAS CSS TIM INDONESIA */



/*CONTAINER PERUMAHAN*/
.container-perumahan {
  height: 500px;
}

.container-perumahan h2 {
  font-size: 24px;
  color: #666666;
}

.container-perumahan img {
  width: 80%;
}

.container-perumahan-2 {
  background-color: #F8F8F8;
  height: 500px;
}

.container-perumahan-2 h2 {
  font-size: 24px;
  color: #666666;
}

.container-perumahan-2 h3 {
  font-size: 22px;
  color: #666666;
}

.container-perumahan-2 p {
  margin-left: 20px;
}

.enter-text-pengajuan {
  margin-top: 120px;
}

.container-perumahan-3 {
  height: 700px;
}

.container-perumahan-3 h2 {
  font-size: 24px;
  color: #666666;
}

.container-perumahan-3 img {
  width: 70%;
}


/* CONTAINER STRUKTUR ORGANISASI  */
.container-struktur-organisasi {
  background-color: #F8F8F8;
  height: 800px;
  font-family: 'Gotham';
}
.bg-struktur-organisasi {
  background: #FFFFFF;
  width: 650px;
  height: 500px;
  margin-top: 30px;
}
.bg-struktur-organisasi h3 {
  color: #666666;
  font-size: 18px;
  padding-top: 40px;
  padding-left: 20px;
}

/*CONTAINER GOOD GOVERANCE*/

/*1.Infrastruktur*/

.container-gg-1 {
  background-color: #F8F8F8;
  height: 3300px;
  font-family: 'Gotham';
}

.margin-gg-infra-kanan-1 {
  background: white;
  width: 650px;
  height: 1100px;
  margin-top: 30px;
}

.margin-gg-infra-kanan-2 {
  background: #FFFFFF;
  width: 650px;
  height: 860px;
  margin-top: 30px;
}

.hr-gg-infra-1 {
  display: block;
  border-top: 3px solid #D5D728;
  margin: 0em;
  padding: 0;
  width: 25%;
}

.hr-gg-infra-2 {
  width: 650px;
}

/*2.ROAD MAP*/
.margin-gg-roadmap-1 {
  background: #FFFFFF;
  width: 650px;
  height: 550px;
  margin-top: 30px;
}

.margin-gg-roadmap-1 h3 {
  color: #666666;
  font-size: 18px;
  padding-top: 40px;
  padding-left: 20px;
}

.gg-download {
  float: left;
  padding: 20px;
}

/*3. Assessment*/
.margin-gg-assesment {
  position: absolute;
  top: 25px;
  left: 40px;
}

.margin-gg-assesment h3 {
  font-size: 22px;
}

.margin-gg-assesment-kanan-2 {
  background: #FFFFFF;
  width: 650px;
  height: 180px;
  margin-top: 30px;
}

/*4.Komite Good Governance*/
.margin-gg-komite-kanan-1 {
  background: #FFFFFF;
  width: 650px;
  height: 550px;
  margin-top: 30px;
}
.gg-komite-left {
  background: #FFFFFF;
  width: 300px;
  height: 220px;
  margin-top: 20px;
  margin-left: -15px;
  border-top: 3px solid #1FAF67;
}

.gg-komite-left h4 {
  color: #666666;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 20px;
}

.gg-komite-right {
  background: #FFFFFF;
  width: 300px;
  height: 220px;
  margin-top: 20px;
  margin-left: -10px;
  border-top: 3px solid #CCDC3C;
}

.gg-komite-right h4 {
  color: #666666;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 20px;
}

.hr-grey-komite {
  width: 30%;
  margin-left: 20px;
  border: 0.5px solid #95989A;
}

.gg-komite-kalender {
  margin-left: 20px;
  padding-top: 20px;
}

.gg-komite-download {
  float: left;
  padding: 20px;
}

/*5.Kebijakan Manajemen Risiko*/
.margin-gg-kebijakan-1 {
  background: #FFFFFF;
  width: 650px;
  height: 850px;
  margin-top: 30px;
}

.margin-gg-kebijakan-2 {
  background: #F5F5F5;
  width: 550px;
  height: 50px;
  margin-top: 20px;
}

/*6.Hari Anti Korupsi Internasional (Haki)*/
.margin-gg-haki-1 {
  background: #FFFFFF;
  width: 650px;
  height: 1510px;
  margin-top: 30px;
}

.margin-gg-haki-1 h4 {
  color: #666666;
  font-size: 14px;
  line-height: 140%;
}

.margin-gg-haki-1 p {
  color:black;
  font-size: 12px;
  font-weight: bold;
  margin-top:10px;
}

/*7.Pakta Integritas BPJS Ketenagakerjaan*/
.margin-gg-pakta-1 {
  background: #FFFFFF;
  width: 650px;
  height: 160px;
  margin-top: 30px;
}

/*8.e-LHKPN BPJS Ketenagakerjaan*/
.margin-gg-lh-1 {
  background: #FFFFFF;
  width: 650px;
  height: 350px;
  margin-top: 30px;
}

.margin-gg-lh-2 {
  background: #FFFFFF;
  width: 650px;
  height: 650px;
  margin-top: 30px;
}

.margin-gg-lh-3 {
  background: #FFFFFF;
  width: 650px;
  height: 400px;
  margin-top: 30px;
}

.margin-gg-lh-4 {
  background: #FFFFFF;
  width: 650px;
  height: 220px;
  margin-top: 30px;
}

.margin-gg-lh-5 {
  background: #FFFFFF;
  width: 650px;
  height: 380px;
  margin-top: 30px;
}

.margin-gg-lh-6 {
  background: #FFFFFF;
  width: 650px;
  height: 700px;
  margin-top: 30px;
}

.margin-gg-lh-7 {
  background: #FFFFFF;
  width: 650px;
  height: 200px;
  margin-top: 30px;
}

/*HALAMAN TJSL*/
.container-tjsl-1 {
  background-color: #F8F8F8;
  height: 2300px;
  font-family: 'Gotham';
}

.margin-tjsl-kiri {
  background: white;
  height: 350px;
  margin-top: 50px;
}

.enter-tjsl {
  margin-top: 60px;
}

/*1) TJSL TANGGUNG JAWAB*/
.margin-tjsl-kegiatan-1 {
  background: #FFFFFF;
  width: 650px;
  height: 1000px;
  margin-top: 30px;
}

.margin-tjsl-kegiatan-1 p {
  font-size: 16px;
}
/*2) TJSL KONSEP*/
.margin-tjsl-konsep-1 {
  background: #FFFFFF;
  width: 650px;
  height: 350px;
  margin-top: 30px;
}

.margin-tjsl-konsep-1 p {
  font-size: 16px;
}
/*3) TSL DEFINISI*/
.margin-tjsl-definisi-1 {
  background: #FFFFFF;
  width: 650px;
  height: 320px;
  margin-top: 30px;
}

.margin-tjsl-definisi-1 p {
  font-size: 16px;
}
/*4.TJSL UNSUR*/
.margin-tjsl-unsur-1 {
  background: #FFFFFF;
  width: 650px;
  height: 1050px;
  margin-top: 30px;
}

.margin-tjsl-unsur-1 p {
  font-size: 16px;
}
/*5) TJSL Prinsip Dasar*/
.margin-tjsl-prinsip-1 {
  background: #FFFFFF;
  width: 650px;
  height: 900px;
  margin-top: 30px;
}

.margin-tjsl-prinsip-1 p {
  font-size: 16px;
  color: #666666;
}

.margin-tjsl-prinsip-1 li {
  font-size: 16px;
  margin-top: 10px;
  color: #666666;
  list-style-type: none;
  margin-left: 20px;
}

/*6) TJSL KOMITMEN DAN SASARAN*/
.margin-tjsl-tidakdapatdiberikan-1 {
  background: #FFFFFF;
  width: 650px;
  height: 320px;
  margin-top: 30px;
}

.margin-tjsl-tidakdapatdiberikan-1 p {
  font-size: 16px;
}

.margin-tjsl-tidakdapatdiberikan-1 ul {
  list-style-type: none;
  font-size: 16px;
}

/*8) TJSL Visi, Misi, Fungsi  dan Motto TJSL*/
.margin-visi-1 {
  background: #FFFFFF;
  width: 650px;
  height: 1000px;
  margin-top: 30px;
}

.margin-visi-1 h3 {
  font-size: 20px;
  padding-top: 40px;
  padding-left: 30px;
}

.margin-visi-1 hr {
  width: 30%;
  margin-left: 30px;
  border: 2px solid #DADB45;
}

.margin-visi-1 img {
  width: 100%;
  position: absolute;
  top: 40px;
  left: 90px;
}

.margin-visi-1 h4 {
  font-size: 16px;
  padding-top: 30px;
}

.margin-visi-1 ul {
  list-style-type: none;
  font-size: 16px;
  margin-left: -50px;
}

.margin-visi-1 p {
  list-style-type: none;
  font-size: 16px;
  margin-left: -10px;
}

.margin-visi-1 h5 {
  list-style-type: none;
  font-size: 20px;
  margin-left: -10px;
  font-weight: bold;
}
/*9) TSL KRITERIA*/
.margin-tjsl-kriteria-1 {
  background: #FFFFFF;
  width: 650px;
  height: 450px;
  margin-top: 30px;
  color: #666666;
}

.margin-tjsl-kriteria-1 h3 {
  font-size: 16px;
}

.margin-tjsl-kriteria-1 li {
  font-size: 18px;
  list-style-type: none;
}

.margin-tjsl-kriteria-1 p {
  font-size: 16px;
  margin-left: 18px;
}

/*10) TJSL PILAR*/
.margin-tjsl-pilar-1 {
  background: #FFFFFF;
  width: 650px;
  height: 550px;
  margin-top: 30px;
  color: #666666;
}

.margin-tjsl-pilar-1 p {
  font-size: 16px;
}

.enter-pilar-1 {
  margin-top: 20px;
}




}
}

/*.container-pu-3 p{
  font-size: 14px;
}*/
/*BERITA*/
.btn-berita {
  font-size: 17px;
  margin: 0;
  border-radius: 50px;
  color: white;
  background-color: #39B44A;
  padding: 10px 20px;
}

.btn-berita a {
  color: #FFF;
}

.btn-berita a:hover {
  text-decoration: none;
}

.slick-prev:before,
.slick-next:before {
  color: #989898;
}

.slick-next:before, .slick-prev:before {
  font-size: 60px;
  line-height: 1px;
  opacity: .65;
}

.berita img {
  display: block;
  width: 100%;
  margin: auto;
  background-image: url(images/bgrn-berita.svg);
  background-size: cover;
}

.slick-slide {
  transform: scale(1);
  opacity: .8;
  transition: .3s ease-in-out all;
  ;
}

.slick-slide.slick-center {
  opacity: 1;
  transform: scale(1.2);
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 5px !important;
}

.list-penghargaan {
  background: #F5F5f5;
  box-shadow: inset 0px 5px 8px #00000026;
}

.list-penghargaan {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.yes {
  background-color: #FFF;
  width: 200px;
  margin: 40px;
  border-top: 8px solid #39b449;
  box-shadow: 0px 2px 5px #00000036;
}

.yes a:hover {
  text-decoration: none;
}

.bg-text {
  color: #585656;
  padding: 15px 10px 20px 20px;
}

/*sejarah */

.sejarah img {
  /*border: 12px solid #fff;*/
  display: block;
  width: 50%;
  border-radius: 100px;
}

.sejarah-yes {
    /*background-color: #127ac7;*/
    /*width: 100px;
    height:180px;*/
  padding: 5px;
    /*border: 2px solid red;*/
    /*padding: 5px;*/
  margin: 20px;
}

.bg-text-sejarah {
  color: black;
  padding: 10px 10px 10px 10px;
  /*font-size: 14px;*/;
}

/*AREA JKK */

/* CSS Sarana Kesejahteraan Peserta (SKP)*/
  .container-skp {
    background-color: #F5F5F5;
    height: 1600px;
    font-family: 'Gotham';
  }
  .size-skp {
    padding: 20px 9vw;
  }
  .box-skp {
      background-color: white;
      min-height: 380px;
      padding: 50px 80px;
      margin: 30px auto;
  }

  .box-skp h4 {
    font-size: 20px;
    line-height: 35px;
    text-align: justify;
  }
  .container-skp-2{
    width: 1100px;
  }
  .header-yellow-skp {
    position: relative;
    width: 100%;
    height: 1100px;
    background-color: #D6DF20;
    background-size: cover;
    font-family: 'Gotham';
    color: black;
    padding: 10px;
  }
  .skp-page {
      position: relative;
      width: 100%;
    }
  .card-skp {
    box-shadow: 0 4px 8px 0 rgb(85, 89, 12);
    transition: 0.3s;
    width: 100%;
    padding: 15px;
    background: #eaef8f;
    margin-top: 40px;
  }

  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }

  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }

  .skp-page:hover .image {
    opacity: 0.5;
  }

  .skp-page:hover .middle {
    opacity: 1;
  }

  .text {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
  }
  .margin-top-skp{
      margin-top: 50px;
  }
  .modal-footer {
      border-top: 1px solid transparent;
  }
  .modal-dialog.modal-800 {
      width: 1000px;
      margin: 30px auto;
  }
  .modal-800 img {
    width: 70%;
  }
  .modal-bg{
    background: #f1f3f1;
  }
  .modal-body img{
    width: 80%;
    margin:10px 0;
  }
  .margin-img-rusun{
    margin-left: 25px;
  }

  /* BATAS - CSS Sarana Kesejahteraan Peserta (SKP)*/

/* Start CSS Susunan Direksi & Susunan Dewas */

.container-direksi-dewas {
  font-family: 'Gotham';
  color: #FFFFFF;
  background-color: #3AB54A;
  height: 90px;
}
.container-direksi-dewas h2 {
  font-size: 30px;
}
.profil-direksi-dewas h3 {
  font-family:'Gotham';
  margin:40px 0;
  font-size: 24px;
}


/* Batas CSS Susunan Direksi & Susunan Dewas */

/* AREA CSS RELAKSASI */
.container-relaksasi {
  margin-top:50px;
  margin-bottom: 150px;
  font-family: 'Gotham';
}

.container-relaksasi p {
  font-size:20px;
  line-height: 1.8;
  color: #666666;
}
.size-video-relaksasi {
  width: 370px;
  height: 225px;
  box-shadow: -13px 13px 0px #214E87;
  margin-top: 50px;
}
.margin-text-top-10{
  margin-top: 10px;
}
.margin-text-top-30{
  margin-top: 30px;
}
.margin-text-top-60{
  margin-top: 60px!important;
}
.margin-text-top-100{
  margin-top: 100px;
}
.margin-text-top-120{
  margin-top: 120px;
}
.margin-text-top-150{
  margin-top: 150px;
}

.isi-content-relaksasi-grey {
    background-color: #F8F8F8;
    color: #666666;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}
.isi-content-relaksasi-grey h2{
  text-align:center;
  line-height:30px
  font-size:24px;
  margin: 50px 0;
  font-family: 'Gotham-Medium';
}
.isi-content-relaksasi-grey ol  {
  font-size: 20px;
  line-height: 1.8;
}

.isi-content-relaksasi-white {
    background-color: #fff;
    color: #666666;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}

.isi-content-relaksasi-white h2{
  text-align:center;
  line-height:30px;
  font-size:30px;
  margin: 50px 0;
  font-family: 'Gotham-Medium';
}
.isi-content-relaksasi-white-last {
    background-color: #fff;
    color: #666666;
    padding:50px 0;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}

.isi-content-relaksasi-white ol  {
  font-size: 20px;
  line-height: 1.8;
}

.isi-content-relaksasi-white ul  {
  font-size: 20px;
  line-height: 1.8;
}

.isi-content-relaksasi-white p  {
  font-size: 20px;
  text-align: left;
}

.isi-content-relaksasi-white h4{
  line-height: 1.6;
  font-weight: 900;
  text-align: left;
  font-size: 20px;
}

.img-jenis-relaksasi-left {
  width: 50%;
  margin-right: 150px;
}
.img-jenis-relaksasi-right {
  width: 50%;
  margin: 0 120px;
}

.isi-content-relaksasi-grey p {
  font-size: 20px;
  line-height: 1.8;
  text-align: left;
}
.text-19{
  font-size: 19px!important;
}

.margin-limit {
  margin-top: 100px;
}

.img-relaksasi-right {
    width: 80%;
    margin-left: 100px;
    margin-top: 50px;
}
.img-relaksasi-right-10 {
    width: 80%;
    margin-left: 100px;
    margin-top: 10px;
}

.img-width-10{
  width: 80%;
  margin-top: 10px;
}
.img-width-70{
  width: 80%;
  margin-top: 50px;
}
.img-width-120{
  width: 80%;
  margin-top: 120px;
}
.margin-button-relaksasi {
  margin-top:0px;
}

.btn-relaksasi {
  width: 20em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}
.btn-relaksasi a {
  color: white;
}
/* END CSS RELAKSASI */


/*AREA CSS FOOTER*/
.container-footer {
  padding-top: 30px;
  font-weight: 100;
}

.container-footer ul {
  list-style-type: none;
  text-align: left;
  padding-left: 0px!important;
}

.container-footer li {
  font-size: 12px;
  color: white;
  list-style: outside;
  font-family: 'Gotham';
}

.container-footer li a {
  color: white;
  text-decoration: none;
}

.container-footer li a:hover {
  color: white;
  text-decoration: none;
}

.container-footer li.footer-menu-1st {
  font-size: 16px;
  color: #fff501;
  margin-bottom: 2px;
  list-style: none;
}

.footer {
  background-image: url(images/footer-super-graf.png);
  background-size: 160px;
  background-color: #3E454A;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.footer .foot-bottom a {
  color: #9ca4ac;
  text-decoration: underline;
  margin: 0 8px 0 0;
}

.footer a {
  color: #fff;
}

a.cta.cta-circle, button.cta.cta-circle, input[type='button'].cta.cta-circle {
  width: 25px;
  height: 25px;
  padding: 0;
  text-align: center;
  line-height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  margin: 0 2.1pt !important;
  color: #383838 !important;
}

a.cta, button.cta, input[type='button'].cta {
  display: inline-block;
  padding: 8px 24px;
  margin: 0 4px;
  color: #0f2236;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Helvetica-Medium';
  line-height: 1.2rem;
}

.carousel-inner a {
  padding: 20px;
}

.flickrembed {
  background: #000;
}

#header-slide .carousel-inner>.item>img {
  max-width: none !important;
  height: 93vh;
}

#header-slide .carousel-inner>.item {
  height: 93vh;
  background-size: cover !important;
}

#header-slide .carousel-control {
  padding-top: 25%;
}


.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/*RESPONSIVE*/
@media (max-width: 768px) {
  .breadcrumb {
  padding: 10px 20px;
  }
  .btn-tentang-kami {
    font-size: 17px;
    border-radius: 40px;
    padding: 10px 20px;
    margin: 10px;
    width: 80%;
  }

  .btn-pimpinan {
    font-size: 17px;
    border-radius: 40px;
    padding: 10px 20px;
    margin: 10px;
    width: 80%;
  }

  .visi {
    background: #3AB54A;
    padding: 30px;
    font-size: 20px;
    font-family: 'Gotham';
    color: #FFF;
    min-height: 450px;
  }

  .misi {
    background: #006AB8;
    padding: 30px;
    font-size: 16px;
    font-family: 'Gotham';
    color: #FFF;
    min-height: 450px;
  }

  .bg-text {
    color: #585656;
    font-size: 10px;
  }

  .btn-berita {
    width: 75%;
    margin: 10px;
  }

  .slick-next:before, .slick-prev:before {
    font-size: 40px;
    line-height: 1px;
    opacity: .65;
  }

  .slick-next {
    right: -3px;
  }

  .carousel-inner a {
    padding: 2px !important;
  }

  .width-program {
    width: 75px;
  }

  .daftar-desktop {
    display: none !important;
  }

  .daftar-mobile {
    padding-right: 0px;
    margin-left: 15px;
    display: inline;
  }

  .logo-bpjs {
    width: 30%;
    padding: 5px;
  }

  #header-slide .carousel-inner>.item {
    height: 300px !important;
  }

  #header-slide .carousel-control {
    padding-top: 17% !important;
  }

  .container-video {
    height: 400px;
  }

  .size-video {
    width: 340px;
    height: 200px;
  }
  .ijo-video-home {
    position: absolute;
    left: 10px;
    width: 305px;
    top: 490px;
  }

  .container-video .play {
    text-align: center;
    line-height: 170px;
  }

  .container-navigasi {
    padding-left: 0px;
    margin: 0px;
  }

  .btn-video {
    font-size: 14px;
    margin: 0px 50px;
    width: 16em;
    border-radius: 50px;
    color: white;
    background-color: #39B44A;
    padding: 10px;
  }

  .lang {
    margin-right: -5px;
  }

  .img-lang {
    width: 10%;
  }

  .menu {
    float: left!important;
  }

  #navbar {
    width: 100%;
    background: white;
  }

  .nav>li>a {
    padding: 5px 15px !important;
  }

  .arrow {
    height: 30px;
    margin-top: 65px;
  }

  .call-center {
    display: none;
  }

  .call-center-mobile {
    display: block;
  }

  .container-video h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .container-video p {
    font-family: 'Gotham';
    text-align: center;
    font-size: 14px;
    margin-right: -50px;
    text-shadow: 0 0 2px #FFF;
  }

  .container-layanan {
    height: 800px;
  }

  .container-layanan h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .container-layanan p {
    font-family: 'Gotham';
    text-align: center;
    font-size: 12px;
    padding: 5px;
    font-weight: 100px;
  }

  .container-manfaat-tambahan {
    background-color: #04B45F;
    color: #fff;
    height: 300px;
    padding: 0 20px;
  }

  .manfaat h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .manfaat p {
    font-family: 'Gotham';
    text-align: center;
    font-size: 12px !important;
    padding: 5px;
    font-weight: 100px;
  }

  .manfaat a:hover {
    color: #FFF !important;
    text-decoration: none !important;
  }

  .manfaat a {
    color: #FFF !important;
    text-decoration: none;
  }

  .container-testimoni h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .container-testimoni p {
    font-family: 'Gotham';
    text-align: center;
    font-size: 12px;
    padding: 5px;
    font-weight: 100px;
  }

  .container-testimoni h3 {
    font-family: 'Gotham';
    font-size: 12px;
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .container-berita h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .container-gallery h2 {
    font-family: 'Roboto';
    font-size: 20px;
    text-align: center;
    color: white;
    margin-top: 10px;
  }

  .container-program h2 {
    font-family: 'Roboto';
    font-size: 16px;
    text-align: center;
    color: white;
  }

  .container-program p {
    font-family: 'Gotham';
    font-size: 12px;
    text-align: center;
    color: black;
    margin-top: 0 !important;
  }

  .container-susunan h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 24px;
    text-align: center;
  }

  .container-susunan p {
    font-family: 'Roboto';
    font-size: 10px;
    font-weight: 550;
    text-align: center;
  }

  .container-susunan ul {
    font-family: 'Gotham';
    font-size: 7px;
    margin-left: -95px;
    padding-right: 0px;
  }

  .container-tab-berita h2 {
    font-family: 'Roboto';
    font-weight: 550;
    font-size: 22px;
    text-align: left;
    color: #5bc0de;
  }

  .container-tab-berita .ext-berita {
    margin-left: -30px;
  }

  .container-tab-berita .tgl-berita {
    width: 100px;
    font-size: 12px;
    font-family: 'Gotham';
  }

  .container-tab-berita .jdl-berita {
    font-size: 14px;
  }

  .container-tab-berita img {
    width: 200px;
  }

  .pertanyaan-box {
    padding: 10px;
    height: 26vh;
  }

  .pertanyaan-box>h3 {
    margin-top: 5px !important;
    text-align: left !important;
    margin-left: 100px !important;
  }

  .pertanyaan-icon {
    float: left;
    width: 22% !important;
    margin: 0 !important;
    margin-right: 20px !important;
  }

  .pertanyaan-info {
    text-align: left !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
  }

  .pertanyaan-btn {
    float: right;
    bottom: 25px;
  }

  .scroll-1 {
    display: none;
  }

  .scroll-2 {
    display: none;
  }

  .section-contact .contact-center-box {
    min-height: 500px;
  }

  .section-contact .contact-center-box p {
    font-size: 16px;
  }

  .page-position {
    margin-top: 0;
  }

  .section-about-quote img.dirut {
    width: 100%;
    height: auto;
  }

  .nav-tabs {
    text-align: center;
  }

  .tab-style2 .nav-tabs li {
    display: block;
    margin-right: 0;
  }

  .swiper-wrapper {
    width: 100%;
  }
  .geser-kanan{
  float:none !important;
  text-align: center !important;
  }
  .geser-kiri{
  float:none !important;
  text-align: center !important;
  }
  .geser-kiri p, .geser-kanan p {
  font-size: 16px;
  }








}

@media (max-width: 450px) {
  .logo-bpjs {
    width: 50%;
    padding: 5px;
  }

  .daftar-desktop {
    display: none !important;
  }

  .daftar-mobile {
    padding-right: 0px;
    margin-left: 10px;
    display: inline;
  }

  #header-slide .carousel-inner>.item {
    height: 300px !important;
  }

  #header-slide .carousel-control {
    padding-top: 17% !important;
  }

  .container-video {
    height: 550px;
  }

  .container-video .play {
    text-align: center;
    line-height: 170px;
  }

  .container-program {
    height: 450px;
  }

  .container-navigasi {
    padding-left: 0px;
    margin: 0px;
  }

  .lang {
    margin-right: -5px;
  }

  .img-lang {
    width: 10%;
  }

  .menu {
    float: left!important;
  }

  #navbar {
    width: 100%;
  }

  .nav>li>a {
    padding: 5px 15px !important;
  }

  .call-center {
    display: none;
  }

  .call-center-mobile {
    display: block;
    padding: 20px 10px;
  }

  .pertanyaan-icon {
    width: 25%;
    margin: 5px;
  }

  .pertanyaan-box {
    padding: 10px;
    color: #FFF;
    height: 26vh;
  }

  .section-contact .contact-center-box {
    height: auto;
  min-height: 200px;
  text-align: center;
  }
  .contact-center-content {
  width: 100%;
  padding: 30px;
  text-align: center;
  }
  .contact-center-girl{
  display: none;
  }
  .section-contact .contact-center-box p {
    font-size: 16px;
  }

  .section-about-quote .icon-quote-about {
    font-size: 30px;
  }

  .section-about-quot .quote-text h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .section-about-quote img.dirut {
    width: 100%;
    height: auto;
  }

  .page-position {
    margin-top: 0;
  }

  .nav-tabs {
    text-align: center;
  }

  .tab-style2 .nav-tabs li {
    display: block;
    margin-right: 0;
  }

  .section-header-jaminan {
    position: relative;
    width: 100%;
    height: 70vh;
  }
  .container-campaign {
    background-color:#E8E735;
    margin-top:600px;
  }

  .jht-bgrn {
    background: #F2652245 url(images/bgrn-header-jht.svg);
    background-size: cover;
  }

  .jkm-bgrn {
    background: #F2652245 url(images/bgrn-header-jkm.svg);
    background-size: cover;
  }

  .jkk-bgrn {
    background: #F2652245 url(images/bgrn-header-jkk.svg);
    background-size: cover;
  }

  .jpn-bgrn {
    background: #F2652245 url(images/bgrn-header-jpn.svg);
    background-size: cover;
  }

  .header-jaminan {
    position: relative;
    text-align: center;
    color: #FFF;
    font-family: 'Gotham';
    padding: 0 70px;
  }

  .header-jaminan h2 {
    font-size: 40px;
  }

  .header-jaminan p {
    font-size: 18px;
  }

  .header-jaminan {
    position: relative;
    display: grid;
    text-align: center;
    color: #FFF;
    font-family: 'Gotham';
  }

  .logo-header-jaminan img {
    height: 25vh;
    margin-top: 13vh;
  }

  .section-konten-jaminan {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .container-footer li {
    font-size: 16px;
  }

  .container-footer li.footer-menu-1st {
    font-size: 20px;
  }

  .btn-es {
    font-size: 12px;
    margin: 10px 10px 10px 0px;
    width: 8em;
    border-radius: 50px;
    color: white;
    background-color: #39B44A;
    padding: 10px;
  }

  .btn-es a {
    color: white;
  }

  .team-image img {
    width: 50%;
  }

  /*CONTAINER PENERIMA UPAH*/
  .container-penerima-upah {
    font-family: 'Gotham';
  }

  .img-putih-pu {
    position: absolute;
    /* top: 52px; */
    right: 0px;
    font-family: 'Gotham';
    width: 47%;
  }

  .text-putih-pu {
    font-size: 14px;
    color: #666666;
    position: absolute;
    top: 140px;
    right: 10px;
    font-family: gotham;
  }

  .container-pu h2 {
    font-size: 22px;
  }

  .container-pu h3 {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .container-pu p {
    font-size: 14px;
  }

  .container-pu {
    margin-bottom: 80px;
    margin-top:70px;
  }

  .container-pu-2 {
    background-color: #F8F8F8;
    color: #fff;
    height: 400px;
    padding: 0 20px;
  }

  .container-pu-2 h2 {
    font-size: 20px;
  }

  .pu-2-margin {
    margin-top: 220px;
  }

  .pu-3-margin {
    margin-top: 240px;
  }

  .pu-ijo-kiri {
    position: absolute;
    right: 90px;
    width: 75%%;
  }

  .pu-kuning-kiri {
    position: absolute;
    top: 20px;
    right: 80px;
    width: 32%%;
  }

  .pu-foto-kiri {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 43%;
  }

  .pu-ijo-kanan {
    position: absolute;
    right: 20px;
    width: 72%;
  }

  .pu-kuning-kanan {
    position: absolute;
    top: 20px;
    right: 120px;
    width: 35%;
  }

  .pu-foto-kanan {
    position: absolute;
    top: 20px;
    right: 150px;
    width: 43%;
  }

  .container-pu-3 {
    margin-bottom: 650px;
  }

  .container-pu-3 h2 {
    font-size: 20px;
  }

  .container-pu-4 {
    background-color: #F8F8F8;
    height: 220px;
  }

  .container-pu-4 h2 {
    font-size: 20px;
  }
  .container-pu-white {
    background-color: #FFF;
    height: 220px;
  }

  .container-pu-white h2 {
    font-size: 20px;
  }
  .container-pu-grey {
  background-color: #F8F8F8;
  height: 220px;
  }

  .container-pu-grey h2 {
    font-size: 20px;
  }

  /*CONTAINER BPU*/
  .container-bpu-1 h2 {
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-bpu-1 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .container-bpu-3 {
    margin-bottom: 550px;
  }

  .container-bpu-3 h2 {
    font-size: 20px;
  }

  .bpu-3-margin {
    margin-top: 280px;
  }

  .bpu-4-margin {
    margin-top: 320px;
  }

  .container-bpu-4 {
    background-color: #F8F8F8;
    color: #fff;
    height: 800px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-bpu-4 h2 {
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-bpu-5 {
    background-color: white;
  }

  .container-bpu-5 h2 {
    font-size: 20px;
    font-family: 'Gotham';
  }

  .img-blur-bpu {
    position: absolute;
    top: 50px;
    font-family: 'Gotham';
    width: 55%;
  }

  .text-blur-bpu {
    font-size: 14px;
    color: #666666;
    position: absolute;
    top: 90px;
    left: 65px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .bpu-ijo-kiri {
    position: absolute;
    right: 90px;
    width: 68%;
  }

  .bpu-kuning-kiri {
    position: absolute;
    top: 40px;
    right: 90px;
    width: 33%;
  }

  .bpu-foto-kiri {
    position: absolute;
    top: 40px;
    right: 10px;
    width: 52%;
  }
  /*CONTAINER JAKON*/
  .container-jakon-1 h2 {
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-jakon-1 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .jakon-biru-kiri {
    position: absolute;
    right: 90px;
    width: 62%;
  }

  .container-jakon-2 {
    background-color: #F8F8F8;
    color: #fff;
    height: 520px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-jakon-2 h2 {
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-jakon-2 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .container-jakon-3 {
    margin-top: 10px;
    height: 150px;
  }

  .jakon-biru-kanan {
    position: absolute;
    right: 60px;
    width: 70%;
  }

  .jakon-ijomuda-kanan {
    position: absolute;
    top: 35px;
    right: 90px;
    width: 50%;
  }

  .jakon-foto-kanan {
    position: absolute;
    top: 132px;
    right: 42px;
    width: 65%;
  }

  .jakon-3-margin {
    margin-top: 300px;
  }

  .container-jakon-4 {
    background-color: #F8F8F8;
    color: #fff;
    height: 600px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-jakon-4 h2 {
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-jakon-4 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .jakon-biru-kiri-2 {
    position: absolute;
    right: 30px;
    width: 86%;
  }

  .jakon-kuning-kiri-2 {
    position: absolute;
    top: 48px;
    right: 65px;
    width: 60%;
  }

  .jakon-foto-kiri-2 {
    position: absolute;
    width: 65%;
    top: 70px;
    right: 8px;
  }

  .jakon-4-margin {
    margin-top: 220px;
  }

  .container-jakon-5 {
    height: 400px;
  }

  .container-jakon-5 h3 {
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 20px;
  }

  .container-jakon-5 p {
    font-family: 'Gotham';
    font-size: 14px;
  }

  .container-jakon-6 {
    background-color: #F8F8F8;
    height: 230px;
  }

  .container-jakon-6 h2 {
    font-family: 'Gotham';
    font-size: 18px;
    font-weight: bold;
  }

/*CONTAINER MIGRAN*/
  .text-putih-migran {
    font-size: 10px;
    color: #666666;
    position: absolute;
    top: 100px;
    right: 10px;
    font-family: gotham;
  }

  .container-migran-3 {
    margin-top: 10px;
    height: 40px;
  }

  .jakon-3-margin {
    margin-top: 0px;
  }

  .migran-3-margin {
    margin-top: 20px;
  }

  .container-migran-4 {
    background-color: #F8F8F8;
    color: #fff;
    height: 850px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-migran-4 h2 {
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-migran-4 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .migran-biru-kiri-4 {
    position: absolute;
    right: 90px;
    width: 62%;
  }

  .migran-biru-kiri-4 {
    position: absolute;
    right: 80px;
    width: 70%;
  }

  .migran-kuning-kiri-4 {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 50%;
  }

  .migran-foto-kiri-4 {
    position: absolute;
    width: 60%;
    top: 60px;
    right: 10px;
  }

  .migran-4-margin {
    margin-top: 340px;
  }

  .container-migran-5 {
    background-color: #F8F8F8;
    color: #fff;
    height: 500px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-migran-5 h2 {
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .container-migran-5 p {
    font-size: 14px;
    font-family: 'Gotham';
  }

  .migran-5-margin {
    margin-top: 10px;
  }

  .container-migran-6 {
    background-color: #F8F8F8;
    color: #fff;
    height: 250px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .container-migran-6 h2 {
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: bold;
  }

/*CONTAINER PENGHARGAAN*/
  .newbreadcumb {
    padding: 15px 2px;
    margin-bottom: -1px;
    list-style: none;
    background-color: #E7EAE8;
    border-radius: 4px;
    font-family: 'Gotham';
    font-size: 14px;
    margin-top: 20px;
  }

  .newbreadcumb>li {
    display: inline-block;
  }

  .newbreadcumb>li>a {
    color: #777;
  }

  .newbreadcumb>li>a:hover {
    color: #1FCF67;
  }

  .newbreadcumb>li+li:before {
    padding: 0 5px;
    color: #777;
    content: "|";
  }

  .newbreadcumb>.active {
    color: #1FCF67;
  }

  .enter-penghargaan-1 {
    margin-top: 10px;
    margin-left: 5px;
  }

  .hr-penghargaan-1 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #D5D728;
    margin: 1em 0;
    padding: 0;
    width: 45%;
  }

  .container-penghargaan-2 {
    background-color: #F8F8F8;
    height: 3300px;
  }

  .container-penghargaan-2 h2 {
    color: #59BA52;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 18px;
    margin-left: 20px;
    margin-left: -10px;
  }

  .container-penghargaan-btn {
    background: #D5D728;
    color: white;
    font: 'trebuchet ms', trebuchet;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
    border: 0 none;
    font-weight: bold;
    margin-left: 100px;
  }

  .margin-penghargaan-1 {
    margin-left: 10px;
  }

  .margin-penghargaan-2 {
    margin-top: 5px;
    margin-left: 50px;
  }

  .container-penghargaan-box {
    background: white;
    padding: 10px;
    border-radius: 20px 0 0 20px;
    border: 0 none;
    width: 220px;
    margin-left: -40px;
  }

  .container-penghargaan-box placeholder {
    color: #ADABAB;
  }
  .hr-penghargaan-2 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 6px solid #39B54A;
    margin: 1em 0;
    padding: 0;
    width: 315px;
    margin-top:-30px;
    margin-left: -30px;
  }

  .foto-penghargaan-1 img {
    width: 100%;
  }

  .position-foto-penghargaan {
    position: absolute;
    top: -11px;
    left: 20px;
  }

  .container-penghargaan-2 h3 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #59BA52;
    font-size: 18px;
  }

  .container-penghargaan-2 h2 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #59BA52;
    font-size: 26px;
  }

  .container-penghargaan-2 h4 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #39B54A;
    font-size: 26px;
  }

  .container-penghargaan-2 a {
    color: #39B54A;
  }

  .container-penghargaan-2 p {
    font-family: 'Gotham';
    color: #59BA52;
    font-size: 8px;
  }

  .bg-penghargaan-putih{
    background-color:white;height:450px;padding:30px;
  }
  .margin-penghargaan-utama {
    margin-left:20px;
  }
  .margin-bg-putih{
    margin-top: 50px;
  }

  .enter-penghargaan-2 {
    margin-top: 60px;
    margin-left: 5px;
  }

  .enter-penghargaan-3 {
    margin-top: 50px;
    margin-left: 5px;
  }

  .enter-penghargaan-4 {
    margin-top: 50px;
  }

  .btn-penghargaan {
    width: 15em;
    border-radius: 50px;
    background-color: #39B44A;
    border-color: #39B44A;
    padding: 10px;
  }

  .btn-penghargaan a {
    color: white;
  }

  .enter-modal {
    padding-top: 60px;
  }

  /*CONTAIINER PROMOSI*/
  .container-promosi-2 {
    background-color: #F8F8F8;
    height: 1270px;
    font-family: 'Gotham-Medium';
  }

  .container-promosi-2 h2 {
    color: #59BA52;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 18px;

  }

  .container-promosi-2 h3 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #59BA52;
    font-size: 14px;
  }

  .margin-penghargaan-1 {
    margin-left: 15px;
  }

  .hr-promosi-1 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #D5D728;
    margin: 1em 0;
    padding: 0;
    width: 40%;
    margin-left: 7px;
  }

  .logo-besar {
    position: absolute;
    top: 20px;
    width: 88%;
    margin-left: 5px;
    margin-top: -15px;
  }

  .logo-kecil {
    width: 30%;
    position: absolute;
    top: 150px;
    left: 50px;
  }

  .judul-text-promo {
    color: #676869;
    position: absolute;
    top: 255px;
    left: 50px;
    font-size: 20px;
    font-family: 'Gotham';
    font-weight: bold;
  }

  .isi-text-promo {
    color: #95989A;
    position: absolute;
    top: 275px;
    left: 50px;
    font-family: 'Gotham';
  }

  .isi-link-promo {
    color: #59BA52;
    position: absolute;
    top: 310px;
    left: 50px;
    font-family: 'Gotham';
  }

  .enter-promosi-1 {
    margin-top: 20px;
  }
  .promo-center img{
  width: 50%
  }
  .promo-center h2{
    color:#444;
  }
    .kotak-promosi{
    background-color:white;height:580px;box-shadow:2px 2px 2px 2px #ccc;
  }
  .gambar-kecil{
    margin-top:-40px;margin-left:30px;width: 25%;
  }
  .margin-promosi{
    margin-top:20px;
  }
  .margin-text-promosi{
    margin-left:15px;
  }

  /*CONTAINER DETAIL PROMOSI*/
  .container-promosi-detail-2 {
    background-color: #F8F8F8;
    height: 650px;
  }

  .container-promosi-detail-2 h2 {
    color: #59BA52;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 20px;
  }

  .container-promosi-detail-2 h3 {
    font-family: 'Gotham';
    font-weight: bold;
    color: black;
    font-size: 14px;
  }

  .container-promosi-detail-2 h4 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #59BA52;
    font-size: 14px;
  }

  .img-promosi-detail {
    width: 100%;
  }

  .margin-promosi-detail-1 {
    margin-left: 10px;
  }

  .margin-promosi-detail-2 {
    margin-left: 0px;
    margin-top: 20px;
  }

  .hr-promosi-detail-1 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #1FCF67;
    margin: 1em 0;
    padding: 0;
    width: 100%;
  }

  .margin-promosi-detail-3 {
    margin-left: 30px;
    margin-top: 10px;
  }

  /*CONTAINER FAQ*/
  .container-faq-1 {
    font-family: 'Gotham';
    color: white;
    background-color: #3AB54A;
    height: 120px;
    margin-top: -20px;
  }

  .container-faq-1 h2 {
    font-size: 20px;
    padding-top: 50px;
  }

  .bg-faq {
    width: 90%;
    position: absolute;
    top: 210px;
    left: 20px;
  }

  .bg-search-faq {
    position: absolute;
    top: 220px;
    left: 30px;
  }

  .container-faq-2 {
    height: 2400px;
    background-color: #F8F8F8;
    margin-top: -20px;
  }

  .container-faq-2 h2 {
    font-family: 'Gotham';
    font-size: 20px;
    color: #666666;
    padding-top: 60px;
  }

  .container-faq-2 a {
    color: green;
  }

  .logo-faq {
    position: absolute;
    top: 20px;
    left: 40PX;
    width: 76%;
  }

  .isi-faq {
    font-size: 16px;
    font-family: 'Gotham';
    color: green;
    position: absolute;
    top: 200px;
    left: 40px;
  }

  .container-faq-box {
    background: white;
    padding: 8px;
    border-radius: 20px 0 0 20px;
    border: 1px solid #95989A;
    width: 240px;
    margin-left: -10px;
    color: black;
  }

  .container-faq-btn {
    background: #D5D728;
    color: white;
    font: 'Gotham';
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
    border: 0 none;
    font-weight: bold;
    margin-left: 33px;
  }

  .enter-faq-1 {
    margin-left: 0px;
  }

  .enter-faq-2 {
    margin-left: 0px;
  }
  /*CONTAINER FAQ DETAIL*/
  .newbreadcumb-faq {
    padding: 15px 2px;
    margin-bottom: -1px;
    list-style: none;
    border-radius: 4px;
    font-family: 'Gotham';
    font-size: 14px;
  }

  .newbreadcumb-faq>li {
    display: inline-block;
  }

  .newbreadcumb-faq>li>a {
    color: #777;
  }

  .newbreadcumb-faq>li>a:hover {
    color: #1FCF67;
  }

  .newbreadcumb-faq>li+li:before {
    padding: 0 5px;
    color: #777;
    content: "|";
  }

  .newbreadcumb-faq>.active {
    color: #1FCF67;
  }

  .container-faq-detail-1 {
    font-family: 'Gotham';
    color: #666666;
    background-color: #D5D728;
    height: 175px;
    margin-top: -20px;
  }

  .container-faq-detail-1 img {
    width: 85%;
  }

  .enter-margin-faq-detail {
    margin-top: 1px;
  }

  .container-faq-detail-1 h2 {
    font-size: 13px;
  }

  .container-faq-detail-2 {
    height: 400px;
    background-color: #F8F8F8;
    margin-top: -20px;
  }

  .container-faq-detail-2 p {
    font-size: 12px;
  }

  .faq-detail-img-1 {
    width: 0;
    margin-top: 30px;
    position: absolute;
    left: 10px;
  }

  .faq-detail-img-2 {
    width: 0;
    position: absolute;
    top: 400px;
    left: 180px;
  }

  .text-faq-detail {
    position: absolute;
    top: 20px;
    left: 0px;
  }

  /*CONTAINER SIARAN PERS*/
  .container-siaran-pers-1 {
    background-color: #F8F8F8;
    height: 2800px;
  }

  .container-siaran-pers-1 h2 {
    color: #59BA52;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 24px;
  }

  .container-siaran-pers-1 h3 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #59BA52;
    font-size: 14px;
  }

  .container-siaran-pers-1 h4 {
    font-family: 'Gotham';
    font-weight: bold;
    color: #39B54A;
    font-size: 14px;
    padding-top: 50px;
  }

  .container-siaran-pers-1 a {
    color: #39B54A;
  }

  .container-siaran-pers-1 p {
    font-family: 'Gotham';
    color: #59BA52;
    font-size: 12px;
  }

  .hr-siaran-pers {
    display: block;
    height: 1px;
    border: 0;
    border-top: 6px solid #39B54A;
    margin: 1em 0;
    padding: 0;
    width: 89%;
    margin-left: 7px;
    position: absolute;
    top: -10px;
  }

  .img-siaran-pers {
    position: absolute;
    top: 10px;
    width: 86%;
    left: 23px;
  }

  .enter-siaran-pers-1 {
    margin-top: 60px;
    margin-left: 5px;
  }

  .enter-siaran-pers-2 a {
    color: white;
  }

  .text-siaran-pers {
    position: absolute;
    top: 270px;
    left: 30px;
  }

  .margin-selengkapnya-pers {
    margin-top: -40px;
  }

  /*CONTAINER SIATAN PERS DETAIL*/
  .container-siaran-pers-detail-1 {
    font-family: 'Gotham';
    color: #FFFFFF;
    background-color: #3AB54A;
    height: 120px;
  }

  .enter-margin-siaran-pers-detail {
    margin-top: 10px;
  }

  .container-siaran-pers-detail-1 h2 {
    font-size: 24px;
  }

  .hr-siaran-pers-detail {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #1FAF67;
    margin: 1em 0;
    padding: 0;
    width: 100%;
  }

  .container-siaran-pers-detail-2 {
    background-color: #F8F8F8;
    height: 1300px;
    font-family: 'Gotham';
  }

  .margin-siaranpers-detail-kiri {
    background: white;
    width: 330px;
    height: 480px;
    margin-top: 30px;
  }

  .margin-siaranpers-detail-kanan {
    background: white;
    width: 330px;
    height: 750px;
    margin-top: -30px;
  }

  .container-siaran-pers-detail-2 h2 {
    font-size: 10px;
    color: #676869;
  }

  .judul-text-kiri {
    position: absolute;
    top: 50px;
    left: 20px;
  }

  .isi-text-kanan {
    position: absolute;
    top: 50px;
    left: 40px;
  }

  .container-siaran-pers-detail-2 h3 {
    font-size: 18px;
    color: #666666;
  }

  .container-siaran-pers-detail-2 h4 {
    font-size: 8px;
    color: #95989A;
  }

  .container-siaran-pers-detail-2 p {
    font-size: 10px;
    color: #484B4D;
    text-align: justify;
    margin-top: 10px;
  }

  .img-siaran-pers-kanan {
    width: 90%;
    height: 40;
  }

  /*CONTAINER DAFTAR INFORMASI PUBLIK */
  .container-daftar-publik-1 {
    font-family: 'Gotham';
    color: #FFFFFF;
    background-color: #3AB54A;
    height: 100px;
  }

  .container-daftar-publik-1 h2 {
    font-size: 16px;
    color: white;
    margin-left: 17px;
  }

  .container-daftar-publik-2 {
    background-color: #F8F8F8;
    height: 2200px;
    font-family: 'Gotham';
  }

  .container-daftar-publik-2 h2 {
    font-size: 14px;
    color: #676869;
  }

  .container-daftar-publik-2 h3 {
    font-size: 14px;
    color: #666666;
  }

  .container-daftar-publik-2 h4 {
    font-size: 12px;
    margin-left: -25px;
    color: #666666;
  }

  .container-daftar-publik-2 p {
    font-size: 10px;
    color: #666666;
  }

  .hr-daftar-publik {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #1FAF67;
    margin: 1em 0;
    padding: 0;
    width: 100%;
  }

  .margin-publik-kanan-1 {
    background: #DADB45;
    width: 330px;
    height: 80px;
    margin-top: 30px;
  }

  .margin-publik-kanan-2 {
    background: white;
    width: 330px;
    height: 400px;
    margin-top: 30px;
  }

  .margin-publik-kanan-2-1 {
    background: white;
    width: 330px;
    height: 500px;
    margin-top: 30px;
  }

  .margin-publik-kanan-3 {
    background: white;
    width: 330px;
    height: 200px;
    margin-top: 30px;
  }

  .margin-publik-kanan-3-0 {
    background: white;
    width: 330px;
    height: 300px;
    margin-top: 30px;
  }

  .margin-publik-kanan-3-1 {
    background: white;
    width: 330px;
    height: 70px;
    margin-top: 30px;
  }

  .margin-publik-kanan-4 {
    background: white;
    width: 330px;
    height: 500px;
    margin-top: 30px;
  }

  .margin-publik-kanan-5 {
    background: white;
    width: 330px;
    height: 600px;
    margin-top: 30px;
  }

  .margin-publik-kanan-ijo {
    background: #1FAF67;
    width: 330px;
    height: 40px;
    margin-top: 30px;
  }

  .margin-judul-publik {
    position: absolute;
    top: 45px;
    left: 40px;
  }

  .margin-judul-publik h3 {
    font-size: 16px;
  }

  .center-ijo {
    font-size: 10px;
    color: white;
    padding-top: 15px;
  }

  .margin-informasi-publik {
    margin-left: 30px;
  }

  .margin-img-publik {
    padding-top: 30px;
    margin-left: 30px;
  }

  .hr-publik-1 {
    display: block;
    border-top: 3px solid #D5D728;
    margin: 0em;
    margin-left: -24px;
    padding: 0;
    width: 25%;
  }

  .hr-publik-2 {
    display: block;
    border-top: 1px solid #95989A;
    margin: 0em;
    margin-left: 5px;
    padding: 0;
    width: 100%;
  }

  .btn-publik {
    width: 7em;
    border-radius: 20px;
    background-color: #1FAF67;
    padding: 5px;
    margin-bottom: 7px;
  }

  .btn-publik a {
    color: white;
  }

  .informasi-berkala {
    margin-left: -40px;
  }

  .btn-publik-2 {
    width: 4em;
    border-radius: 20px;
    background-color: #1FAF67;
    padding: 5px;
    margin-left: 1px;
    font-size: 12px;
    ;
  }

  .btn-publik-2 a {
    color: white;
  }

  .thead-publik {
    font-family: 'Gotham';
    font-size: 12px;
  }

  .tbody-publik {
    font-family: 'Gotham';
    font-size: 12px;
  }

  .margin-publik-kanan-5 img {
    margin-left: 20px;
  }

  /*PORTAL JKK*/

  .header-jkk {
    padding-top: 20px;
    position: relative;
    width: 100%;
    min-height: 400px;
    background-image: url(images/bgrn-header-jkk.png);
    background-size: cover;
  }

  .header-jkk img {
    width: 200px;
    padding-top: 6%;
  }

  .header-jkk h2 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 20px;
  }

  .header-jkk h3 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 14px;
    margin-top: 10px;
  }
  /*isi*/
  .isi-content-jkk-right {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jkk-right h3 {
    font-size: 20px;
  }
  .isi-content-jkk-right ul {
  font-size: 14px;
}

  .isi-content-jkk-right img {
    max-width: 60%;
  }

  .isi-content-jkk-left {
    padding: 30px 30px;
    background-color: #F8F8F8;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jkk-left h3 {
    font-size: 20px;
  }

  .isi-content-jkk-left img {
    max-width: 60%;
  }
  .img_jp_center {
    display: block;
    margin: auto;
    max-width: 100%!important;
  }
  .isi-text-jkk{
    margin-top:0px;
  }
  .isi-text-jkk ul{
    list-style-type: none;
    margin-left: -35px;
    font-size: 14px;
  }
  .isi-text-jkk-2{
    margin-top:0px;
  }

  .footer-jkk {
    padding-top: 40px;
    position: relative;
    width: 100%;
    height: 1900px;
    background-image: url(images/jkk_bawah.png);
    background-size: cover;
    font-family: 'Gotham';
    text-align: center;
  }
  .margin-modal{
  margin-top:70px;
  }

  /*PORTAL JHT*/
  .header-jht {
    padding-top: 20px;
    position: relative;
    width: 100%;
    height: 800px;
    background-image: url(images/bgrn-header-jht.png);
    background-size: cover;
  }

  .isi-content-jht h2 {
    color: black;
    text-align: center;
    margin-top: 50px;
    font-family: 'Gotham';
  }

  .isi-content-jht h3 {
    color: black;
    text-align: center;
    font-family: 'Gotham';
    font-size: 18px;
  }

  .isi-content-jht h4 {
    color: black;
    text-align: center;
    font-family: 'Gotham';
    color: #ff0;
    font-size: 10px;
  }

  .isi-content-jht img {
    width: 500px;
  }

  .header-jht img {
    width: 200px;
    padding-top: 6%;
  }

  .header-jht h2 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 20px;
  }

  .header-jht h3 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 18px;
  }

  .footer-jht {
    padding-top: 10px;
    position: relative;
    width: 100%;
    height: 1400px;
    background-image: url(images/jht_bawah.png);
    background-size: cover;
    font-family: 'Gotham';
    text-align: center;
  }

  /*PORTAL JKM*/
  .header-jkm {
    padding-top: 20px;
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url(images/bgrn-header-jkm.png);
    background-size: cover;
  }

  .header-jkm img {
    width: 200px;
    padding-top: 6%;
  }

  .header-jkm h2 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 20px;
  }

  .header-jkm h3 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 18px;
  }
   /*isi*/
  .isi-content-jkm-right {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jkm-right h3 {
    font-size: 20px;
  }

  .isi-content-jkm-right img {
    max-width: 40%;
  }

  .isi-content-jkm-left {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #F8F8F8;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jkm-left h3 {
    font-size: 20px;
  }

  .isi-content-jkm-left img {
    max-width: 40%;
  }

  .footer-jkm {
    padding-top: 10px;
    position: relative;
    width: 100%;
    height: 1800px;
    background-image: url(images/jkm_bawah.png);
    background-size: cover;
    font-family: 'Gotham';
    text-align: center;
  }

   /*PORTAL JP*/
  .header-jp {
    padding-top: 20px;
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url(images/bgrn-header-jpn2.png);
    background-size: cover;
  }

  .header-jp img {
    width: 200px;
    padding-top: 6%;
  }

  .header-jp h2 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 20px;
  }

  .header-jp h3 {
    color: white;
    text-align: center;
    font-family: 'Gotham';
    font-size: 18px;
  }
   /*isi*/
  .isi-content-jp-right {
    padding-right: 20px;
    padding-left: 20px;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jp-right h3 {
    font-size: 20px;
  }

  .isi-content-jp-right img {
    max-width: 40%;
  }

  .isi-content-jp-left {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #F8F8F8;
    font-family: 'Gotham';
    width: 100%;
  }

  .isi-content-jp-left h3 {
    font-size: 20px;
  }

  .isi-content-jp-left img {
    max-width: 40%;
  }

  .footer-jp {
    padding-top: 10px;
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url(images/jpn_bawah.png);
    background-size: cover;
    font-family: 'Gotham';
    text-align: center;
  }

   /*CONTAINER PERATURAN*/
  .isi-peraturan div {
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
  }

  .float-right {
    float: right;
    width: 75%;
    max-width: 90%;
    margin: 50px 70px 10px 0px;
    padding: 20px;
    background-color: #fff;
    font-family: 'Gotham';
  }

   /*PETA SITUS*/



  /*LAPORAN TAHUNAN*/
  .header-yellow-tahunan {
    position: relative;
    width: 100%;
    height: 460px;
    background-color: #D6DF20;
    background-size: cover;
    font-family: 'Gotham';
    color: black;
    padding: 10px;
  }

  .text-testi-tahunan {
    font-size: 12px;
  }

  .box_testi_tahunan {
    height: 600px;
  }

  .right_tahunan {
    padding: 4px;
    font-size: 10px;
  }

  .left_tahunan {
    padding: 4px;
    font-size: 10px;
  }

  .testi_dirut_tahunan {
    padding: 30px;
  }

  .box_tahun_tahunan {
    height:auto;
  }



  /*LAPORAN KEUANGAN*/
  .box_tahun_keuangan {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    background-color: #F8F8F8;
    background-size: cover;
    font-family: 'Gotham';
    color: black;
    padding: 20px;
  }

  .header-green-keuangan {
    margin-top: -5px;
    padding: 20px;
    max-width: 100%;
    height: 80px;
    background-color: #5cb85c;
    background-size: cover;
    font-family: 'Gotham';
    color: white;
  }

  .header-green-keuangan hr {
    border-top: 3px solid yellow;
  }

  .btn-lap-keuangan {
  font-size: 12px;
  margin: 20px 10px 10px 0px;
  width: 7em;
  border-radius: 50px;
  color: white;
  background-color: #39B44A;
  }

  .btn-lap-keuangan a {
    color: white;
  }
  .box_tahun_keuangan_1{
    background-color: white;height: 120px;margin-top:-20px;
  }
  .box_tahun_keuangan_1 h3{
  font-weight: bold;color:#666666;font-size: 16px;margin-top: 2px;
  }
  .box_tahun_keuangan_1 select{
  width: 80%;margin-top: 30px;
  }
  .box_tahun_keuangan_2{
  background-color: white;height: 210px;margin-top:20px;
}
.bg-laporan-keuangan{
  background-color:white;height:500px;padding:30px;
}
.hr-laporan-keuangan {
  display: block;
  height: 1px;
  border: 0;
  border-top: 6px solid #39B54A;
  margin: 1em 0;
  padding: 0;
  width: 315px;
  margin-top:-30px;
  margin-left: -30px;
}
.container-laporan-keuangan {
  background-color: #F8F8F8;
  height: 3400px;
}
.container-laporan-keuangan h2 {
  color: #59BA52;
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 26px;
}

    /*CONTAINER SEJARAH*/
  .container-sejarah {
    background-color: #F5F5F5;
    padding-bottom: 40px;
    font-family: 'Gotham';
    padding: 20px 20px;
  }

  .box-judul-sejarah {
    background-color: #DADB45;
    width: 100%;
  }

  .box-judul-sejarah h3 {
    font-size: 25px;
    color: #666666;
    line-height: 80px;
    margin-bottom: 20px;
  }


  .box-judul-sejarah-2 {
    background-color: white;
    min-height: 500px;
    padding: 15px;
    width: 100%;
  }

  .box-judul-sejarah-2 p {
    font-size: 14px;
  }

  /* container gina */
  .box-judul-gina h3 {
    font-size: 25px;
    color: #666666;
    line-height: 40px;
    margin-bottom: 20px;
  }

    /*CONTAINER PERUMAHAN*/
  .container-perumahan {
    height: 200px;
  }

  .container-perumahan h2 {
    font-size: 16px;
    color: #666666;
  }

  .container-perumahan img {
    width: 90%;
  }

  .container-perumahan-2 {
    background-color: #F8F8F8;
    height: 600px;
  }

  .container-perumahan-2 h2 {
    font-size: 18px;
    color: #666666;
  }

  .container-perumahan-2 h3 {
    font-size: 16px;
    color: #666666;
  }

  .container-perumahan-2 p {
    margin-left: 20px;
  }

  .enter-text-pengajuan {
    margin-top: 30px;
  }

  .container-perumahan-3 {
    height: 320px;
  }

  .container-perumahan-3 h2 {
    font-size: 18px;
    color: #666666;
  }

  .container-perumahan-3 img {
    width: 90%;
  }

  /* CONTAINER STRUKTUR ORGANISASI  */
  .container-struktur-organisasi {
    background-color: #F8F8F8;
    height: 1050px;
    font-family: 'Gotham';
  }
  .bg-struktur-organisasi {
    background: #FFFFFF;
    width: 330px;
    height: 350px;
    margin-top: 30px;
  }
  .bg-struktur-organisasi h3 {
    color: #666666;
    font-size: 18px;
    padding-top: 40px;
    padding-left: 20px;
  }



    /*CONTAINER GOOD GOVERANCE*/

    /*1.Infrastruktur*/
  .container-gg-1 {
    background-color: #F8F8F8;
    height: 3450px;
    font-family: 'Gotham';
  }

  .margin-gg-infra-kanan-1 {
    background: white;
    width: 330px;
    height: 600px;
    margin-top: 30px;
  }

  .margin-gg-infra-kanan-1 h4 {
    font-size: 16px;
  }

  .margin-gg-infra-kanan-2 {
    background: #FFFFFF;
    width: 330px;
    height: 560px;
    margin-top: 30px;
  }

  .hr-gg-infra-1 {
    display: block;
    border-top: 3px solid #D5D728;
    margin: 0em;
    padding: 0;
    width: 25%;
  }

  .hr-gg-infra-2 {
    width: 330px;
  }

    /*2.ROAD MAP*/
  .margin-gg-roadmap-1 {
    background: #FFFFFF;
     width: 330px;
     height: 450px;
     margin-top: 30px;
  }

  .margin-gg-roadmap-1 h3 {
    color: #666666;
    font-size: 18px;
    padding-top: 40px;
    padding-left: 20px;
  }

  .gg-download {
    float: left;
    padding: 20px;
  }

    /*3.Assessment */
  .margin-gg-assesment {
    position: absolute;
    top: 35px;
    left: 40px;
  }

  .margin-gg-assesment h3 {
    font-size: 16px;
  }

  .margin-gg-assesment-kanan-2 {
    background: #FFFFFF;
    width: 330px;
    height: 100px;
    margin-top: 30px;
  }

    /*4.Komite Good Governance*/
  .margin-gg-komite-kanan-1 {
    background: #FFFFFF;
    width: 330px;
    height: 350px;
    margin-top: 30px;
  }
  .gg-komite-left {
    background: #FFFFFF;
    width: 330px;
    height: 150px;
    margin-top: 20px;
    margin-left: -15px;
    border-top: 3px solid #1FAF67;
  }

  .gg-komite-left h4 {
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 20px;
  }

  .gg-komite-right {
    background: #FFFFFF;
    width: 330px;
    height: 150px;
    margin-top: 20px;
    margin-left: -10px;
    border-top: 3px solid #CCDC3C;
  }

  .gg-komite-right h4 {
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 20px;
  }

  .hr-grey-komite {
    width: 30%;
    margin-left: 20px;
    border: 0.5px solid #95989A;
  }

  .gg-komite-kalender {
    margin-left: 20px;
    padding-top: 20px;
  }

  .gg-komite-download {
    float: left;
    padding: 20px;
  }

    /*5.Kebijakan Manajemen Risiko*/
  .margin-gg-kebijakan-1 {
    background: #FFFFFF;
    width: 330px;
    height: 470px;
    margin-top: 30px;
  }

  .margin-gg-kebijakan-2 {
    background: #F5F5F5;
    width: 250px;
    height: 60px;
    margin-top: 20px;
  }

  .margin-gg-kebijakan-2  p {
    font-size: 12px;
  }

    /*6.Hari Anti Korupsi Internasional (Haki)*/
  .margin-gg-haki-1 {
    background: #FFFFFF;
    width: 330px;
    height: 1200px;
    margin-top: 30px;
  }

  .margin-gg-haki-1 h4 {
    color: #666666;
    font-size: 12px;
  }

  .margin-gg-haki-1 p {
    color:black;
    font-weight: bold;
    font-size: 10px;
    margin-top:10px;
  }

    /*7.Pakta Integritas BPJS Ketenagakerjaan*/
  .margin-gg-pakta-1 {
    background: #FFFFFF;
    width: 330px;
    height: 200px;
    margin-top: 30px;
  }
  /*8.e-LHKPN BPJS Ketenagakerjaan*/
  .margin-gg-lh-1 {
    background: #FFFFFF;
    width: 330px;
    height: 650px;
    margin-top: 30px;
  }

  .margin-gg-lh-2 {
    background: #FFFFFF;
    width: 330px;
    height: 360px;
    margin-top: 30px;
  }

  .margin-gg-lh-3 {
    background: #FFFFFF;
    width: 330px;
    height: 250px;
    margin-top: 30px;
  }

  .margin-gg-lh-4 {
    background: #FFFFFF;
    width: 330px;
    height: 350px;
    margin-top: 30px;
  }

  .margin-gg-lh-5 {
    background: #FFFFFF;
    width: 330px;
    height: 230px;
    margin-top: 30px;
  }

  .margin-gg-lh-6 {
    background: #FFFFFF;
    width: 330px;
    height: 500px;
    margin-top: 30px;
  }

  .margin-gg-lh-7 {
    background: #FFFFFF;
    width: 330px;
    height: 200px;
    margin-top: 30px;
  }

    /*HALAMAN TJSL*/
  .container-tjsl-1 {
    background-color: #F8F8F8;
    height: 3900px;
    font-family: 'Gotham';
  }

  .margin-tjsl-kiri {
    background: white;
    height: 450px;
    margin-top: 30px;
  }

  .enter-tjsl {
    margin-top: 50px;
  }

    /*1) TJSL TANGGUNG JAWAB*/
  .margin-tjsl-kegiatan-1 {
    background: #FFFFFF;
    width: 330px;
    height: 1000px;
    margin-top: 30px;
  }

  .margin-tjsl-kegiatan-1 p {
    font-size: 14px;
    font-family: 'Gotham';
  }
    /*2) TJSL KONSEP*/
  .margin-tjsl-konsep-1 {
    background: #FFFFFF;
    width: 330px;
    height: 350px;
    margin-top: 30px;
  }

  .margin-tjsl-konsep-1 p {
    font-size: 14px;
  }

  .enter-tjsl {
    margin-top: 40px;
  }
    /*3) TJSL DEFINISI*/
  .margin-tjsl-definisi-1 {
    background: #FFFFFF;
    width: 330px;
    height: 320px;
    margin-top: 30px;
  }

  .margin-tjsl-definisi-1 p {
    font-size: 16px;
  }
    /*4) TJSL UNSUR*/
  .margin-tjsl-unsur-1 {
    background: #FFFFFF;
    width: 330px;
    height: 850px;
    margin-top: 30px;
  }

  .margin-tjsl-unsur-1 p {
    font-size: 14px;
  }

    /*5) TJSL Prinsip Dasar*/
  .margin-tjsl-prinsip-1 {
    background: #FFFFFF;
    width: 330px;
    height: 1000px;
    margin-top: 30px;
  }

  .margin-tjsl-prinsip-1 p {
    font-size: 14px;
    color: #666666;
  }

  .margin-tjsl-prinsip-1 li {
    font-size: 14px;
    margin-top: 10px;
    color: #666666;
    list-style-type: none;
    margin-left: 20px;
  }
    /*6) TJSL KOMITMEN DAN SASARAN*/
  .margin-tjsl-tidakdapatdiberikan-1 {
    background: #FFFFFF;
    width: 330px;
    height: 320px;
    margin-top: 30px;
  }

  .margin-tjsl-tidakdapatdiberikan-1 p {
    font-size: 14px;
  }

  .margin-tjsl-tidakdapatdiberikan-1 ul {
    list-style-type: none;
    font-size: 14px;
  }

    /*8) TJSL Visi, Misi, Fungsi  dan Motto TJSL*/
  .margin-visi-1 {
    background: #FFFFFF;
    width: 330px;
    height: 900px;
    margin-top: 30px;
  }

  .margin-visi-1 h3 {
    font-size: 18px;
    padding-top: 40px;
    padding-left: 30px;
  }

  .margin-visi-1 hr {
    width: 30%;
    margin-left: 30px;
    border: 2px solid #DADB45;
  }

  .margin-visi-1 img {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 40px;
  }

  .margin-visi-1 h4 {
    font-size: 12px;
    padding-top: 30px;
    padding-left: 20px;
  }

  .margin-visi-1 ul {
    list-style-type: none;
    font-size: 12px;
    margin-left: -50px;
  }

  .margin-visi-1 p {
    list-style-type: none;
    font-size: 12px;
    margin-left: -10px;
  }

  .margin-visi-1 h5 {
    list-style-type: none;
    font-size: 20px;
    margin-left: -10px;
    font-weight: bold;
  }

    /*9) TSL KRITERIA*/
  .margin-tjsl-kriteria-1 {
    background: #FFFFFF;
    width: 330px;
    height: 450px;
    margin-top: 30px;
    color: #666666;
  }

  .margin-tjsl-kriteria-1 h3 {
    font-size: 14px;
  }

  .margin-tjsl-kriteria-1 li {
    font-size: 14px;
    list-style-type: none;
  }

  .margin-tjsl-kriteria-1 p {
    font-size: 12px;
    margin-left: 18px;
  }

    /*10) TJSL PILAR*/
  .margin-tjsl-pilar-1 {
    background: #FFFFFF;
    width: 330px;
    height: 1000px;
    margin-top: 30px;
    color: #666666;
  }

  .margin-tjsl-pilar-1 p {
    font-size: 16px;
  }

  .enter-pilar-1 {
    margin-top: 20px;
  }

  .enter-pilar-2 {
    margin-top: 20px;
  }

  .enter-pilar-3 {
    margin-top: 20px;
  }
  .margin-struktur-organisasi{
    padding-top: 1px;
  }
  .container-detail-sriwijaya{
    height: 2600px;
  }

  /* CONTAINER TIM INDONESIA */
  .container-tim-indonesia {
    margin-top:20px;
    margin-bottom: 50px;
    font-family: 'Gotham';
  }
  .container-tim-indonesia h2 {
    font-size: 20px;
    font-family: 'Gotham';
  }
  .container-tim-indonesia h4 {
    font-size: 14px;
    font-family: 'Gotham';
  }
  .size-video-tim-indonesia {
    width: 340px;
    height: 200px;
    box-shadow: -8px 8px 0px #B50707;
  }
  .isi-content-tim-indonesia {
    background-color: #B50707;
    color: white;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
  }

  .isi-content-tim-indonesia img {
    max-width: 80%;
    padding-top: 50px;
  }
  .isi-content-tim-indonesia h3 {
    font-size: 34px;
  }
  .isi-content-tim-indonesia p {
    font-size: 14px;
    padding-top: 20px;
  }
  .isi-content-tim-indonesia ul {
    font-size: 18px;text-align:left;
  }
  .geser-kanan-tim-indonesia{
    float: right;
    text-align: left;
  }
  .geser-kiri{
    float:left;
    text-align: left;
  }
  .geser-kanan-tim-indonesia-2{
    float: right;
  }
  .isi-content-tim-indonesia-2 img {
    max-width: 70%;
    padding-top: 200px;
  }
  .geser-kiri-3{
    float:left;
    text-align: left;
  }
  .geser-kiri-3 img{
    padding-top: 320px;
  }
  .isi-content-tim-indonesia-white {
    background-color: #fff;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
  }

  .isi-content-tim-indonesia-white img {
    max-width: 80%;
    padding-top: 50px;
  }
  .isi-content-tim-indonesia-white h3 {
    font-size: 34px;
  }
  .isi-content-tim-indonesia-white p {
    font-size: 14px;
    padding-top: 20px;
  }
  .isi-content-tim-indonesia-white ul {
    font-size: 18px;text-align:left;
  }
  .size-video-tim-indonesia-white{
    width: 320px;
    height: 180px;
    box-shadow: -8px 8px 0px #fff;
    margin-top: 70px;
    margin-left: 10px;
  }
  .tim-2-img{
    padding-top:50px!important;
  }
  .tim-3-img{
    padding-top:50px!important;
  }
  .tim-4-img{
    padding-top: 50px!important;
  }

  /* BATAS CSS TIM INDONESIA */
  /* CSS Sarana Kesejahteraan Peserta (SKP) - MOBILE*/
  .container-skp {
    background-color: #F5F5F5;
    height: 2100px;
    font-family: 'Gotham';
  }
  .size-skp {
    padding: 20px 9vw;
  }
  .box-skp {
      background-color: white;
      min-height: 380px;
      padding: 10px 20px;
      margin: 30px auto;
  }

  .box-skp h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .container-skp-2{
    width: 1100px;
  }
  .header-yellow-skp {
    position: relative;
    width: 100%;
    height: 1600px;
    background-color: #D6DF20;
    background-size: cover;
    font-family: 'Gotham';
    color: black;
    padding: 10px;
  }
  .card-skp {
    box-shadow: 0 4px 8px 0 rgb(85, 89, 12);
    transition: 0.3s;
    width: 100%;
    padding: 15px;
    background: #eaef8f;
    margin-top: 40px;
  }

  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }

  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }

  .skp-page:hover .image {
    opacity: 0.5;
  }

  .skp-page:hover .middle {
    opacity: 1;
  }

  .text {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
  }
  .margin-top-skp{
      margin-top: 50px;
  }
  .modal-footer {
      border-top: 1px solid transparent;
  }
  .modal-dialog.modal-800 {
      width: 350px;
      margin: 30px auto;
  }
  .modal-800 img {
    width: 70%;
  }
  .modal-bg{
    background: #f1f3f1;
  }

    /* BATAS - CSS Sarana Kesejahteraan Peserta (SKP) - MOBILE*/

/* Start CSS Susunan Direksi & Susunan Dewas */

.container-direksi-dewas{
  font-family: 'Gotham';
  color: #FFFFFF;
  background-color: #3AB54A;
  height: 90px;
}

.container-direksi-dewas h2{
  font-size: 24px;
}

.profil-direksi-dewas h3 {
  font-family:'Gotham';
  margin:40px 0;
  font-size: 20px;
}


/* Batas CSS Susunan Direksi & Susunan Dewas */

  /* AREA CSS RELAKSASI */
.container-relaksasi {
  margin-top:50px;
  margin-bottom: 40px;
  font-family: 'Gotham';
}
.container-relaksasi p {
  font-size:16px;
  line-height: 1.8;
  color: #666666;
}
.size-video-relaksasi {
  width: 320px;
  height: 225px;
  box-shadow: -13px 13px 0px #214E87;
}
.margin-text-top-10{
  margin-top: 10px;
}
.margin-text-top-30{
  margin-top: 30px;
}
.margin-text-top-50{
  margin-top: 50px;
}
.margin-text-top-100{
  margin-top: 100px;
}
.margin-text-top-120{
  margin-top: 50px;
}
.margin-text-top-150{
  margin-top: 20px;
}

.isi-content-relaksasi-grey {
    background-color: #F8F8F8;
    color: #666666;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}
.isi-content-relaksasi-grey h2 {
  text-align:center;
  line-height:30px
  font-size:30px;
  margin: 50px 0;
  font-family: 'Gotham-Medium';
}
.isi-content-relaksasi-grey ol  {
  font-size: 16px;
  line-height: 1.8;
}

.isi-content-relaksasi-white {
    background-color: #fff;
    color: #666666;
    padding-bottom:80px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}
.isi-content-relaksasi-white h2{
  text-align:center;
  line-height:30px;
  font-size:22px;
  margin: 50px 0;
  font-family: 'Gotham-Medium';
}
.isi-content-relaksasi-white-last {
    background-color: #fff;
    color: #666666;
    padding:50px 0;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Gotham';
}

.isi-content-relaksasi-white ol  {
  font-size: 16px;
  line-height: 1.8;
}

.isi-content-relaksasi-white ul  {
  font-size: 16px;
  line-height: 1.8;
}

.isi-content-relaksasi-white p  {
  font-size: 16px;
  text-align: left
}

.isi-content-relaksasi-white h4{
  line-height: 1.6;
  font-weight: 900;
  text-align: left;
  font-size: 16px;
}

.img-jenis-relaksasi-left {
  width: 50%;
  margin-right: 50px;
}
.img-jenis-relaksasi-right {
  width: 50%;
  margin: 0 90px;
}

.isi-content-relaksasi-grey p {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
.text-19{
  font-size: 16px!important;
}

.margin-limit {
  margin-top: 50px;
}

.img-relaksasi-right {
    width: 80%;
    margin-left: 50px;
}
.img-relaksasi-right-10 {
    width: 80%;
    margin-left: 50px;
}
.img-width-10{
  width: 80%;
  margin-top: 10px;
}
.img-width-70{
  width: 80%;
  margin-left: 50px;
}
.img-width-120{
  width: 80%;
  margin-left: 50px;
}
.margin-button-relaksasi {
  margin-top:20px;
}
.btn-relaksasi {
  width: 20em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}


/* END CSS RELAKSASI */






}

@media (max-width: 500px) {
  .container-penghargaan-2 {
    background-color: #F8F8F8;
    height: 1700px;
  }

  .container-faq-2 {
    height: 2300px;
    background-color: #F8F8F8;
    margin-top: -20px;
  }

  .container-siaran-pers-1 {
    background-color: #F8F8F8;
    height: 2800px;
  }
  .geser-kanan{
  float:none !important;
  text-align: center !important;
  }
  .geser-kiri{
  float:none !important;
  text-align: center !important;
  }
  .geser-kiri p, .geser-kanan p {
  font-size: 16px;
  }
  .container-laporan-keuangan {
    background-color: #F8F8F8;
    height: 3500px;
  }
}

@media (max-width:375) {
  .container-penghargaan-2 {
    background-color: #F8F8F8;
    height: 3150px;
  }
  .container-laporan-keuangan {
    background-color: #F8F8F8;
    height: 3500px;
  }
}






/*JENIS JENIS PROGRAM*/
.filter-button {
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  color: white;
  border-color: transparent!important;
  background-color: transparent;
}

.filter-button span {
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}

.filter-button span:after {
  opacity: 0;
  top: 0;
  right: -20px;
}

.filter-button:hover {
  font-size: 18px;
  border: 1px solid #0B615E;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  background-color: #0B615E;
}
.geser-kanan{
  float: right;
  text-align: right;
}
.geser-kiri{
  float:left;
  text-align: left;
}
/*AREA CSS Gallery*/





.img-putih-pu {
  position: absolute;
  right: 0px;
  font-family: 'Gotham';
  width: 45%;
}

.text-putih-pu {
  font-size: 40px;
  color: #666666;
  position: absolute;
  top: 370px;
  right: 220px;
  font-family: gotham;
}

.container-pu h3 {
  font-size: 20px;
  font-family: 'Gotham';
}

.container-pu p {
  font-size: 16px;
  font-family: 'Gotham';
}

.container-pu-2 {
  background-color: #F8F8F8;
  color: #fff;
  height: 350px;
  padding: 0 20px;
  margin-top: 30px;
}

.container-pu-2 h2 {
  font-size: 22px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-pu-2 p {
  font-size: 14px;
  font-family: 'Gotham';
}

.pu-2-margin {
  margin-top: 100px;
}

.pu-ijo-kiri {
  position: absolute;
  right: 430px;
  width: 72%;
}

.pu-kuning-kiri {
  position: absolute;
  top: 20px;
  right: 400px;
  width: 35%;
}

.pu-foto-kiri {
  position: absolute;
  top: 20px;
  right: 300px;
  width: 43%;
}

.pu-ijo-kanan {
  position: absolute;
  right: 5px;
  width: 72%;
}

.pu-kuning-kanan {
  position: absolute;
  top: 20px;
  right: 240px;
  width: 35%;
}

.pu-foto-kanan {
  position: absolute;
  top: 20px;
  right: 300px;
  width: 43%;
}

.container-pu-3 {
  margin-bottom: 370px;
}

.container-pu-3 h2 {
  font-size: 24px;
  font-family: 'Gotham';
  font-weight: bold;
}

.container-pu-3 p {
  font-size: 16px;
  font-family: 'Gotham';
}

.container-pu-4 {
  background-color: #F8F8F8;
  height: 300px;
}

.container-pu-4 h2 {
  font-size: 24px;
  font-family: 'Gotham';
}

.container-pu-white {
  background-color: #FFF;
  height: 300px;
}

.container-pu-white h2 {
  font-size: 24px;
  font-family: 'Gotham';
}
.container-pu-grey {
  background-color: #F8F8F8;
  height: 300px;
}

.container-pu-grey h2 {
  font-size: 24px;
  font-family: 'Gotham';
}

.btn-pu {
  width: 15em;
  border-radius: 50px;
  background-color: #39B44A;
  border-color: #39B44A;
  padding: 10px;
}

.btn-pu a {
  color: white;
}




@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
  .isi-content-jkk-right {
    padding: 30px 30px;
  }
  .isi-content-jkk-left {
    padding: 30px 30px;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }

  .container-video {
    padding: 0px 60px;
  }

  .container-program {
    padding: 0 60px;
  }

  .container-manfaat-tambahan {
    padding: 0 60px;
  }
  .isi-content-jkk-right {
    padding: 60px 100px;
  }
  .isi-content-jkk-left {
    padding: 60px 100px;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }

  .pertanyaan {
    height: 400px;
  }

  .section-about-quote img.dirut {
    height: 80%;
  }
}

.col-md-15 {
  width: 20%;
  float: left;
}

.quote:before {
  font-family: font-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  content: "\e7ad";
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 38px;
  top: 0;
  left: 0;
  color: #EEE;
}

.quote.blockquote-reverse:before {
  content: "\e7ae";
  left: auto;
  right: 0;
}

[class*=" icon-"], [class*=" icon-line-"], [class*=" icon-line2-"], [class^=icon-], [class^=icon-line-], [class^=icon-line2-] {
  display: inline-block;
  font-family: font-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.iconlist {
  padding-left: 0;
  margin-left: 1.75em;
}

.iconlist li {
  position: relative;
}

.iconlist ul {
  margin: 5px 0 5px 25px;
}

.iconlist>li [class*=" icon-"]:first-child, .iconlist>li [class^=icon-]:first-child {
  position: absolute;
  left: -1.75em;
  text-align: center;
  top: 1px;
  width: 14px;
}

.iconlist.iconlist-large {
  font-size: 16px;
}

.iconlist.iconlist-large li {
  margin: 4px 0;
}

.iconlist.iconlist-large>li [class*=" icon-"], .iconlist.iconlist-large>li [class^=icon-] {
  width: 16px;
  margin-right: 5px;
}

.iconlist-color li i {
  color: #1ABC9C;
}

.icon-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em;
}

.icon.pull-left {
  margin-right: .3em;
}

.icon.pull-right {
  margin-left: .3em;
}

.icon-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(359deg);
  }
}

.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.icon-stacked {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stacked-1x, .icon-stacked-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.mfp-bg, .mfp-wrap {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
}

.icon-stacked-1x {
  line-height: inherit;
}

.icon-stacked-2x {
  font-size: 2em;
}

.icon-inverse {
  color: #fff;
}

.icon-type:before {
  content: "\e600";
}

.icon-box:before {
  content: "\e601";
}

.icon-archive:before {
  content: "\e602";
}

.icon-envelope:before {
  content: "\e603";
}

.icon-email:before {
  content: "\e604";
}

.icon-files:before {
  content: "\e605";
}

.icon-printer2:before {
  content: "\e606";
}

.icon-folder-add:before {
  content: "\e607";
}

.icon-folder-settings:before {
  content: "\e608";
}

.icon-folder-check:before {
  content: "\e609";
}

.icon-wifi-low:before {
  content: "\e60a";
}

.icon-wifi-mid:before {
  content: "\e60b";
}

.icon-wifi-full:before {
  content: "\e60c";
}

.icon-connection-empty:before {
  content: "\e60d";
}

.icon-battery-full:before {
  content: "\e60e";
}

.icon-settings:before {
  content: "\e60f";
}

.icon-arrow-left:before {
  content: "\e610";
}

.icon-arrow-up:before {
  content: "\e611";
}

.icon-arrow-down:before {
  content: "\e612";
}

.icon-arrow-right:before {
  content: "\e613";
}

.icon-reload:before {
  content: "\e614";
}

.icon-download:before {
  content: "\e615";
}

.icon-tag:before {
  content: "\e616";
}

.icon-trashcan:before {
  content: "\e617";
}

.icon-search:before {
  content: "\e618";
}

.icon-zoom-in:before {
  content: "\e619";
}

.icon-zoom-out:before {
  content: "\e61a";
}

.icon-chat:before {
  content: "\e61b";
}

.icon-clock:before {
  content: "\e61c";
}

.icon-printer:before {
  content: "\e61d";
}

.icon-home:before {
  content: "\e61e";
}

.icon-flag:before {
  content: "\e61f";
}

.icon-meter:before {
  content: "\e620";
}

.icon-switch:before {
  content: "\e621";
}

.icon-forbidden:before {
  content: "\e622";
}

.icon-phone-landscape:before {
  content: "\e623";
}

.icon-tablet:before {
  content: "\e624";
}

.icon-tablet-landscape:before {
  content: "\e625";
}

.icon-laptop:before {
  content: "\e626";
}

.icon-camera:before {
  content: "\e627";
}

.icon-microwave-oven:before {
  content: "\e628";
}

.icon-credit-cards:before {
  content: "\e629";
}

.icon-map-marker:before {
  content: "\e62a";
}

.icon-map:before {
  content: "\e62b";
}

.icon-support:before {
  content: "\e62c";
}

.icon-newspaper2:before {
  content: "\e62d";
}

.icon-barbell:before {
  content: "\e62e";
}

.icon-stopwatch:before {
  content: "\e62f";
}

.icon-atom:before {
  content: "\e630";
}

.icon-image:before {
  content: "\e631";
}

.icon-cube:before {
  content: "\e632";
}

.icon-bars:before {
  content: "\e633";
}

.icon-chart:before {
  content: "\e634";
}

.icon-pencil:before {
  content: "\e635";
}

.icon-measure:before {
  content: "\e636";
}

.icon-eyedropper:before {
  content: "\e637";
}

.icon-file-settings:before {
  content: "\e638";
}

.icon-file-add:before {
  content: "\e639";
}

.icon-file:before {
  content: "\e63a";
}

.icon-align-left:before {
  content: "\e63b";
}

.icon-align-right:before {
  content: "\e63c";
}

.icon-align-center:before {
  content: "\e63d";
}

.icon-align-justify:before {
  content: "\e63e";
}

.icon-file-broken:before {
  content: "\e63f";
}

.icon-browser:before {
  content: "\e640";
}

.icon-windows:before {
  content: "\e641";
}

.icon-window:before {
  content: "\e642";
}

.icon-folder:before {
  content: "\e643";
}

.icon-connection-25:before {
  content: "\e644";
}

.icon-connection-50:before {
  content: "\e645";
}

.icon-connection-75:before {
  content: "\e646";
}

.icon-connection-full:before {
  content: "\e647";
}

.icon-list:before {
  content: "\e648";
}

.icon-grid:before {
  content: "\e649";
}

.icon-stack3:before {
  content: "\e64a";
}

.icon-battery-charging:before {
  content: "\e64b";
}

.icon-battery-empty:before {
  content: "\e64c";
}

.icon-battery-25:before {
  content: "\e64d";
}

.icon-battery-50:before {
  content: "\e64e";
}

.icon-battery-75:before {
  content: "\e64f";
}

.icon-refresh:before {
  content: "\e650";
}

.icon-volume:before {
  content: "\e651";
}

.icon-volume-increase:before {
  content: "\e652";
}

.icon-volume-decrease:before {
  content: "\e653";
}

.icon-mute:before {
  content: "\e654";
}

.icon-microphone:before {
  content: "\e655";
}

.icon-microphone-off:before {
  content: "\e656";
}

.icon-book:before {
  content: "\e657";
}

.icon-checkmark:before {
  content: "\e658";
}

.icon-checkbox-checked:before {
  content: "\e659";
}

.icon-checkbox:before {
  content: "\e65a";
}

.icon-paperclip:before {
  content: "\e65b";
}

.icon-chat-1:before {
  content: "\e65c";
}

.icon-chat-2:before {
  content: "\e65d";
}

.icon-chat-3:before {
  content: "\e65e";
}

.icon-comment:before {
  content: "\e65f";
}

.icon-calendar:before {
  content: "\e660";
}

.icon-bookmark:before {
  content: "\e661";
}

.icon-email2:before {
  content: "\e662";
}

.icon-heart:before {
  content: "\e663";
}

.icon-enter:before {
  content: "\e664";
}

.icon-cloud:before {
  content: "\e665";
}

.icon-book2:before {
  content: "\e666";
}

.icon-star:before {
  content: "\e667";
}

.icon-lock:before {
  content: "\e668";
}

.icon-unlocked:before {
  content: "\e669";
}

.icon-unlocked2:before {
  content: "\e66a";
}

.icon-users:before {
  content: "\e66b";
}

.icon-user:before {
  content: "\e66c";
}

.icon-users2:before {
  content: "\e66d";
}

.icon-user2:before {
  content: "\e66e";
}

.icon-bullhorn:before {
  content: "\e66f";
}

.icon-share:before {
  content: "\e670";
}

.icon-screen:before {
  content: "\e671";
}

.icon-phone:before {
  content: "\e672";
}

.icon-phone-portrait:before {
  content: "\e673";
}

.icon-calculator:before {
  content: "\e674";
}

.icon-bag:before {
  content: "\e675";
}

.icon-diamond:before {
  content: "\e676";
}

.icon-drink:before {
  content: "\e677";
}

.icon-shorts:before {
  content: "\e678";
}

.icon-vcard:before {
  content: "\e679";
}

.icon-sun:before {
  content: "\e67a";
}

.icon-bill:before {
  content: "\e67b";
}

.icon-coffee:before {
  content: "\e67c";
}

.icon-tv2:before {
  content: "\e67d";
}

.icon-newspaper:before {
  content: "\e67e";
}

.icon-stack:before {
  content: "\e67f";
}

.icon-syringe:before {
  content: "\e680";
}

.icon-health:before {
  content: "\e681";
}

.icon-bolt:before {
  content: "\e682";
}

.icon-pill:before {
  content: "\e683";
}

.icon-bones:before {
  content: "\e684";
}

.icon-lab:before {
  content: "\e685";
}

.icon-clipboard:before {
  content: "\e686";
}

.icon-mug:before {
  content: "\e687";
}

.icon-bucket:before {
  content: "\e688";
}

.icon-select:before {
  content: "\e689";
}

.icon-graph:before {
  content: "\e68a";
}

.icon-crop:before {
  content: "\e68b";
}

.icon-heart2:before {
  content: "\e68c";
}

.icon-cloud2:before {
  content: "\e68d";
}

.icon-star2:before {
  content: "\e68e";
}

.icon-pen:before {
  content: "\e68f";
}

.icon-diamond2:before {
  content: "\e690";
}

.icon-display:before {
  content: "\e691";
}

.icon-paperplane:before {
  content: "\e692";
}

.icon-params:before {
  content: "\e693";
}

.icon-banknote:before {
  content: "\e694";
}

.icon-vynil:before {
  content: "\e695";
}

.icon-truck:before {
  content: "\e696";
}

.icon-world:before {
  content: "\e697";
}

.icon-tv:before {
  content: "\e698";
}

.icon-sound:before {
  content: "\e699";
}

.icon-video:before {
  content: "\e69a";
}

.icon-trash:before {
  content: "\e69b";
}

.icon-user3:before {
  content: "\e69c";
}

.icon-key:before {
  content: "\e69d";
}

.icon-search2:before {
  content: "\e69e";
}

.icon-settings2:before {
  content: "\e69f";
}

.icon-camera2:before {
  content: "\e6a0";
}

.icon-tag2:before {
  content: "\e6a1";
}

.icon-lock2:before {
  content: "\e6a2";
}

.icon-bulb:before {
  content: "\e6a3";
}

.icon-location:before {
  content: "\e6a4";
}

.icon-eye:before {
  content: "\e6a5";
}

.icon-bubble:before {
  content: "\e6a6";
}

.icon-stack2:before {
  content: "\e6a7";
}

.icon-cup:before {
  content: "\e6a8";
}

.icon-phone2:before {
  content: "\e6a9";
}

.icon-news:before {
  content: "\e6aa";
}

.icon-mail:before {
  content: "\e6ab";
}

.icon-like:before {
  content: "\e6ac";
}

.icon-photo:before {
  content: "\e6ad";
}

.icon-note:before {
  content: "\e6ae";
}

.icon-clock2:before {
  content: "\e6af";
}

.icon-data:before {
  content: "\e6b0";
}

.icon-music:before {
  content: "\e6b1";
}

.icon-megaphone:before {
  content: "\e6b2";
}

.icon-study:before {
  content: "\e6b3";
}

.icon-lab2:before {
  content: "\e6b4";
}

.icon-food:before {
  content: "\e6b5";
}

.icon-t-shirt:before {
  content: "\e6b6";
}

.icon-fire:before {
  content: "\e6b7";
}

.icon-clip:before {
  content: "\e6b8";
}

.icon-shop:before {
  content: "\e6b9";
}

.icon-calendar2:before {
  content: "\e6ba";
}

.icon-wallet:before {
  content: "\e6bb";
}

.icon-duckduckgo:before {
  content: "\e830";
}

.icon-lkdto:before {
  content: "\e896";
}

.icon-delicious:before {
  content: "\e832";
}

.icon-paypal:before {
  content: "\e833";
}

.icon-flattr:before {
  content: "\e834";
}

.icon-android:before {
  content: "\e835";
}

.icon-eventful:before {
  content: "\e836";
}

.icon-smashmag:before {
  content: "\e837";
}

.icon-gplus:before {
  content: "\e838";
}

.icon-wikipedia:before {
  content: "\e839";
}

.icon-lanyrd:before {
  content: "\e83a";
}

.icon-calendar-1:before {
  content: "\e83b";
}

.icon-stumbleupon:before {
  content: "\e83c";
}

.icon-bitcoin:before {
  content: "\e83f";
}

.icon-w3c:before {
  content: "\e840";
}

.icon-foursquare:before {
  content: "\e841";
}

.icon-html5:before {
  content: "\e842";
}

.icon-ie:before {
  content: "\e843";
}

.icon-call:before {
  content: "\e844";
}

.icon-grooveshark:before {
  content: "\e845";
}

.icon-ninetyninedesigns:before {
  content: "\e846";
}

.icon-forrst:before {
  content: "\e847";
}

.icon-digg:before {
  content: "\e848";
}

.icon-spotify:before {
  content: "\e849";
}

.icon-reddit:before {
  content: "\e84a";
}

.icon-guest:before {
  content: "\e84b";
}

.icon-blogger:before {
  content: "\e84e";
}

.icon-cc:before {
  content: "\e84f";
}

.icon-dribbble:before {
  content: "\e850";
}

.icon-evernote:before {
  content: "\e851";
}

.icon-flickr:before {
  content: "\e852";
}

.icon-google:before {
  content: "\e853";
}

.icon-viadeo:before {
  content: "\e854";
}

.icon-instapaper:before {
  content: "\e855";
}

.icon-weibo:before {
  content: "\e856";
}

.icon-klout:before {
  content: "\e857";
}

.icon-linkedin:before {
  content: "\e858";
}

.icon-meetup:before {
  content: "\e859";
}

.icon-vk:before {
  content: "\e85a";
}

.icon-rss:before {
  content: "\e85d";
}

.icon-skype:before {
  content: "\e85e";
}

.icon-twitter:before {
  content: "\e85f";
}

.icon-youtube:before {
  content: "\e860";
}

.icon-vimeo:before {
  content: "\e861";
}

.icon-windows2:before {
  content: "\e862";
}

.icon-aim:before {
  content: "\e831";
}

.icon-yahoo:before {
  content: "\e864";
}

.icon-chrome:before {
  content: "\e865";
}

.icon-email3:before {
  content: "\e866";
}

.icon-macstore:before {
  content: "\e867";
}

.icon-myspace:before {
  content: "\e868";
}

.icon-podcast:before {
  content: "\e869";
}

.icon-cloudapp:before {
  content: "\e86c";
}

.icon-dropbox:before {
  content: "\e86d";
}

.icon-ebay:before {
  content: "\e86e";
}

.icon-facebook:before {
  content: "\e86f";
}

.icon-github:before {
  content: "\e870";
}

.icon-github-circled:before {
  content: "\e871";
}

.icon-googleplay:before {
  content: "\e872";
}

.icon-itunes:before {
  content: "\e873";
}

.icon-plurk:before {
  content: "\e874";
}

.icon-songkick:before {
  content: "\e875";
}

.icon-lastfm:before {
  content: "\e876";
}

.icon-gmail:before {
  content: "\e877";
}

.icon-pinboard:before {
  content: "\e878";
}

.icon-soundcloud:before {
  content: "\e87b";
}

.icon-tumblr:before {
  content: "\e87c";
}

.icon-eventasaurus:before {
  content: "\e87d";
}

.icon-wordpress:before {
  content: "\e87e";
}

.icon-yelp:before {
  content: "\e87f";
}

.icon-intensedebate:before {
  content: "\e880";
}

.icon-eventbrite:before {
  content: "\e881";
}

.icon-scribd:before {
  content: "\e882";
}

.icon-posterous:before {
  content: "\e883";
}

.icon-stripe:before {
  content: "\e884";
}

.icon-opentable:before {
  content: "\e885";
}

.icon-cart:before {
  content: "\e886";
}

.icon-print:before {
  content: "\e887";
}

.icon-dwolla:before {
  content: "\e88a";
}

.icon-appnet:before {
  content: "\e88b";
}

.icon-statusnet:before {
  content: "\e88c";
}

.icon-acrobat:before {
  content: "\e88d";
}

.icon-drupal:before {
  content: "\e88e";
}

.icon-buffer:before {
  content: "\e88f";
}

.icon-pocket:before {
  content: "\e890";
}

.icon-bitbucket:before {
  content: "\e891";
}

.icon-lego:before {
  content: "\e892";
}

.icon-login:before {
  content: "\e893";
}

.icon-stackoverflow:before {
  content: "\e894";
}

.icon-hackernews:before {
  content: "\e895";
}

.icon-xing:before {
  content: "\e863";
}

.icon-instagram:before {
  content: "\e889";
}

.icon-angellist:before {
  content: "\e888";
}

.icon-quora:before {
  content: "\e87a";
}

.icon-openid:before {
  content: "\e879";
}

.icon-steam:before {
  content: "\e86b";
}

.icon-amazon:before {
  content: "\e86a";
}

.icon-disqus:before {
  content: "\e85c";
}

.icon-plancast:before {
  content: "\e85b";
}

.icon-appstore:before {
  content: "\e84d";
}

.icon-gowalla:before {
  content: "\e84c";
}

.icon-pinterest:before {
  content: "\e83e";
}

.icon-fivehundredpx:before {
  content: "\e83d";
}

.icon-glass:before {
  content: "\e6bc";
}

.icon-music2:before {
  content: "\e6bd";
}

.icon-search3:before {
  content: "\e6be";
}

.icon-envelope2:before {
  content: "\e6bf";
}

.icon-heart3:before {
  content: "\e6c0";
}

.icon-star3:before {
  content: "\e6c1";
}

.icon-star-empty:before {
  content: "\e6c2";
}

.icon-user4:before {
  content: "\e6c3";
}

.icon-film:before {
  content: "\e6c4";
}

.icon-th-large:before {
  content: "\e6c5";
}

.icon-th:before {
  content: "\e6c6";
}

.icon-th-list:before {
  content: "\e6c7";
}

.icon-ok:before {
  content: "\e6c8";
}

.icon-remove:before {
  content: "\e6c9";
}

.icon-zoom-in2:before {
  content: "\e6ca";
}

.icon-zoom-out2:before {
  content: "\e6cb";
}

.icon-off:before {
  content: "\e6cc";
}

.icon-signal:before {
  content: "\e6cd";
}

.icon-cog:before {
  content: "\e6ce";
}

.icon-trash2:before {
  content: "\e6cf";
}

.icon-home2:before {
  content: "\e6d0";
}

.icon-file2:before {
  content: "\e6d1";
}

.icon-time:before {
  content: "\e6d2";
}

.icon-road:before {
  content: "\e6d3";
}

.icon-download-alt:before {
  content: "\e6d4";
}

.icon-download2:before {
  content: "\e6d5";
}

.icon-upload:before {
  content: "\e6d6";
}

.icon-inbox:before {
  content: "\e6d7";
}

.icon-play-circle:before {
  content: "\e6d8";
}

.icon-repeat:before {
  content: "\e6d9";
}

.icon-refresh2:before {
  content: "\e6da";
}

.icon-list-alt:before {
  content: "\e6db";
}

.icon-lock3:before {
  content: "\e6dc";
}

.icon-flag2:before {
  content: "\e6dd";
}

.icon-headphones:before {
  content: "\e6de";
}

.icon-volume-off:before {
  content: "\e6df";
}

.icon-volume-down:before {
  content: "\e6e0";
}

.icon-volume-up:before {
  content: "\e6e1";
}

.icon-qrcode:before {
  content: "\e6e2";
}

.icon-barcode:before {
  content: "\e6e3";
}

.icon-tag3:before {
  content: "\e6e4";
}

.icon-tags:before {
  content: "\e6e5";
}

.icon-book3:before {
  content: "\e6e6";
}

.icon-bookmark2:before {
  content: "\e6e7";
}

.icon-print2:before {
  content: "\e6e8";
}

.icon-camera3:before {
  content: "\e6e9";
}

.icon-font:before {
  content: "\e6ea";
}

.icon-bold:before {
  content: "\e6eb";
}

.icon-italic:before {
  content: "\e6ec";
}

.icon-text-height:before {
  content: "\e6ed";
}

.icon-text-width:before {
  content: "\e6ee";
}

.icon-align-left2:before {
  content: "\e6ef";
}

.icon-align-center2:before {
  content: "\e6f0";
}

.icon-align-right2:before {
  content: "\e6f1";
}

.icon-align-justify2:before {
  content: "\e6f2";
}

.icon-list2:before {
  content: "\e6f3";
}

.icon-indent-left:before {
  content: "\e6f4";
}

.icon-indent-right:before {
  content: "\e6f5";
}

.icon-facetime-video:before {
  content: "\e6f6";
}

.icon-picture:before {
  content: "\e6f7";
}

.icon-pencil2:before {
  content: "\e6f8";
}

.icon-map-marker2:before {
  content: "\e6f9";
}

.icon-adjust:before {
  content: "\e6fa";
}

.icon-tint:before {
  content: "\e6fb";
}

.icon-edit:before {
  content: "\e6fc";
}

.icon-share2:before {
  content: "\e6fd";
}

.icon-check:before {
  content: "\e6fe";
}

.icon-move:before {
  content: "\e6ff";
}

.icon-step-backward:before {
  content: "\e700";
}

.icon-fast-backward:before {
  content: "\e701";
}

.icon-backward:before {
  content: "\e702";
}

.icon-play:before {
  content: "\e703";
}

.icon-pause:before {
  content: "\e704";
}

.icon-stop:before {
  content: "\e705";
}

.icon-forward:before {
  content: "\e706";
}

.icon-fast-forward:before {
  content: "\e707";
}

.icon-step-forward:before {
  content: "\e708";
}

.icon-eject:before {
  content: "\e709";
}

.icon-chevron-left:before {
  content: "\e70a";
}

.icon-chevron-right:before {
  content: "\e70b";
}

.icon-plus-sign:before {
  content: "\e70c";
}

.icon-minus-sign:before {
  content: "\e70d";
}

.icon-remove-sign:before {
  content: "\e70e";
}

.icon-ok-sign:before {
  content: "\e70f";
}

.icon-question-sign:before {
  content: "\e710";
}

.icon-info-sign:before {
  content: "\e711";
}

.icon-screenshot:before {
  content: "\e712";
}

.icon-remove-circle:before {
  content: "\e713";
}

.icon-ok-circle:before {
  content: "\e714";
}

.icon-ban-circle:before {
  content: "\e715";
}

.icon-arrow-left2:before {
  content: "\e716";
}

.icon-arrow-right2:before {
  content: "\e717";
}

.icon-arrow-up2:before {
  content: "\e718";
}

.icon-arrow-down2:before {
  content: "\e719";
}

.icon-share-alt:before {
  content: "\e71a";
}

.icon-resize-full:before {
  content: "\e71b";
}

.icon-resize-small:before {
  content: "\e71c";
}

.icon-plus:before {
  content: "\e71d";
}

.icon-minus:before {
  content: "\e71e";
}

.icon-asterisk:before {
  content: "\e71f";
}

.icon-exclamation-sign:before {
  content: "\e720";
}

.icon-gift:before {
  content: "\e721";
}

.icon-leaf:before {
  content: "\e722";
}

.icon-fire2:before {
  content: "\e723";
}

.icon-eye-open:before {
  content: "\e724";
}

.icon-eye-close:before {
  content: "\e725";
}

.icon-warning-sign:before {
  content: "\e726";
}

.icon-plane:before {
  content: "\e727";
}

.icon-calendar3:before {
  content: "\e728";
}

.icon-random:before {
  content: "\e729";
}

.icon-comment2:before {
  content: "\e72a";
}

.icon-magnet:before {
  content: "\e72b";
}

.icon-chevron-up:before {
  content: "\e72c";
}

.icon-chevron-down:before {
  content: "\e72d";
}

.icon-retweet:before {
  content: "\e72e";
}

.icon-shopping-cart:before {
  content: "\e72f";
}

.icon-folder-close:before {
  content: "\e730";
}

.icon-folder-open:before {
  content: "\e731";
}

.icon-resize-vertical:before {
  content: "\e732";
}

.icon-resize-horizontal:before {
  content: "\e733";
}

.icon-bar-chart:before {
  content: "\e734";
}

.icon-twitter-sign:before {
  content: "\e735";
}

.icon-facebook-sign:before {
  content: "\e736";
}

.icon-camera-retro:before {
  content: "\e737";
}

.icon-key2:before {
  content: "\e738";
}

.icon-cogs:before {
  content: "\e739";
}

.icon-comments:before {
  content: "\e73a";
}

.icon-thumbs-up:before {
  content: "\e73b";
}

.icon-thumbs-down:before {
  content: "\e73c";
}

.icon-star-half:before {
  content: "\e73d";
}

.icon-heart-empty:before {
  content: "\e73e";
}

.icon-signout:before {
  content: "\e73f";
}

.icon-linkedin-sign:before {
  content: "\e740";
}

.icon-pushpin:before {
  content: "\e741";
}

.icon-external-link:before {
  content: "\e742";
}

.icon-signin:before {
  content: "\e743";
}

.icon-trophy:before {
  content: "\e744";
}

.icon-github-sign:before {
  content: "\e745";
}

.icon-upload-alt:before {
  content: "\e746";
}

.icon-lemon:before {
  content: "\e747";
}

.icon-phone3:before {
  content: "\e748";
}

.icon-check-empty:before {
  content: "\e749";
}

.icon-bookmark-empty:before {
  content: "\e74a";
}

.icon-phone-sign:before {
  content: "\e74b";
}

.icon-twitter2:before {
  content: "\e74c";
}

.icon-facebook2:before {
  content: "\e74d";
}

.icon-github2:before {
  content: "\e74e";
}

.icon-unlock:before {
  content: "\e74f";
}

.icon-credit:before {
  content: "\e750";
}

.icon-rss2:before {
  content: "\e751";
}

.icon-hdd:before {
  content: "\e752";
}

.icon-bullhorn2:before {
  content: "\e753";
}

.icon-bell:before {
  content: "\e754";
}

.icon-certificate:before {
  content: "\e755";
}

.icon-hand-right:before {
  content: "\e756";
}

.icon-hand-left:before {
  content: "\e757";
}

.icon-hand-up:before {
  content: "\e758";
}

.icon-hand-down:before {
  content: "\e759";
}

.icon-circle-arrow-left:before {
  content: "\e75a";
}

.icon-circle-arrow-right:before {
  content: "\e75b";
}

.icon-circle-arrow-up:before {
  content: "\e75c";
}

.icon-circle-arrow-down:before {
  content: "\e75d";
}

.icon-globe:before {
  content: "\e75e";
}

.icon-wrench:before {
  content: "\e75f";
}

.icon-tasks:before {
  content: "\e760";
}

.icon-filter:before {
  content: "\e761";
}

.icon-briefcase:before {
  content: "\e762";
}

.icon-fullscreen:before {
  content: "\e763";
}

.icon-group:before {
  content: "\e764";
}

.icon-link:before {
  content: "\e765";
}

.icon-cloud3:before {
  content: "\e766";
}

.icon-beaker:before {
  content: "\e767";
}

.icon-cut:before {
  content: "\e768";
}

.icon-copy:before {
  content: "\e769";
}

.icon-paper-clip:before {
  content: "\e76a";
}

.icon-save:before {
  content: "\e76b";
}

.icon-sign-blank:before {
  content: "\e76c";
}

.icon-reorder:before {
  content: "\e76d";
}

.icon-list-ul:before {
  content: "\e76e";
}

.icon-list-ol:before {
  content: "\e76f";
}

.icon-strikethrough:before {
  content: "\e770";
}

.icon-underline:before {
  content: "\e771";
}

.icon-table:before {
  content: "\e772";
}

.icon-magic:before {
  content: "\e773";
}

.icon-truck2:before {
  content: "\e774";
}

.icon-pinterest2:before {
  content: "\e775";
}

.icon-pinterest-sign:before {
  content: "\e776";
}

.icon-google-plus-sign:before {
  content: "\e777";
}

.icon-google-plus:before {
  content: "\e778";
}

.icon-money:before {
  content: "\e779";
}

.icon-caret-down:before {
  content: "\e77a";
}

.icon-caret-up:before {
  content: "\e77b";
}

.icon-caret-left:before {
  content: "\e77c";
}

.icon-caret-right:before {
  content: "\e77d";
}

.icon-columns:before {
  content: "\e77e";
}

.icon-sort:before {
  content: "\e77f";
}

.icon-sort-down:before {
  content: "\e780";
}

.icon-sort-up:before {
  content: "\e781";
}

.icon-envelope-alt:before {
  content: "\e782";
}

.icon-linkedin2:before {
  content: "\e783";
}

.icon-undo:before {
  content: "\e784";
}

.icon-legal:before {
  content: "\e785";
}

.icon-dashboard:before {
  content: "\e786";
}

.icon-comment-alt:before {
  content: "\e787";
}

.icon-comments-alt:before {
  content: "\e788";
}

.icon-bolt2:before {
  content: "\e789";
}

.icon-sitemap:before {
  content: "\e78a";
}

.icon-umbrella:before {
  content: "\e78b";
}

.icon-paste:before {
  content: "\e78c";
}

.icon-lightbulb:before {
  content: "\e78d";
}

.icon-exchange:before {
  content: "\e78e";
}

.icon-cloud-download:before {
  content: "\e78f";
}

.icon-cloud-upload:before {
  content: "\e790";
}

.icon-user-md:before {
  content: "\e791";
}

.icon-stethoscope:before {
  content: "\e792";
}

.icon-suitcase:before {
  content: "\e793";
}

.icon-bell-alt:before {
  content: "\e794";
}

.icon-coffee2:before {
  content: "\e795";
}

.icon-food2:before {
  content: "\e796";
}

.icon-file-alt:before {
  content: "\e797";
}

.icon-building:before {
  content: "\e798";
}

.icon-hospital:before {
  content: "\e799";
}

.icon-ambulance:before {
  content: "\e79a";
}

.icon-medkit:before {
  content: "\e79b";
}

.icon-fighter-jet:before {
  content: "\e79c";
}

.icon-beer:before {
  content: "\e79d";
}

.icon-h-sign:before {
  content: "\e79e";
}

.icon-plus-sign2:before {
  content: "\e79f";
}

.icon-double-angle-left:before {
  content: "\e7a0";
}

.icon-double-angle-right:before {
  content: "\e7a1";
}

.icon-double-angle-up:before {
  content: "\e7a2";
}

.icon-double-angle-down:before {
  content: "\e7a3";
}

.icon-angle-left:before {
  content: "\e7a4";
}

.icon-angle-right:before {
  content: "\e7a5";
}

.icon-angle-up:before {
  content: "\e7a6";
}

.icon-angle-down:before {
  content: "\e7a7";
}

.icon-desktop:before {
  content: "\e7a8";
}

.icon-laptop2:before {
  content: "\e7a9";
}

.icon-tablet2:before {
  content: "\e7aa";
}

.icon-mobile:before {
  content: "\e7ab";
}

.icon-circle-blank:before {
  content: "\e7ac";
}

.icon-quote-left:before {
  content: "\e7ad";
}

.icon-quote-right:before {
  content: "\e7ae";
}

.icon-spinner:before {
  content: "\e7af";
}

.icon-circle:before {
  content: "\e7b0";
}

.icon-reply:before {
  content: "\e7b1";
}

.icon-github-alt:before {
  content: "\e7b2";
}

.icon-folder-close-alt:before {
  content: "\e7b3";
}

.icon-folder-open-alt:before {
  content: "\e7b4";
}

.icon-expand-alt:before {
  content: "\e7b5";
}

.icon-collapse-alt:before {
  content: "\e7b6";
}

.icon-smile:before {
  content: "\e7b7";
}

.icon-frown:before {
  content: "\e7b8";
}

.icon-meh:before {
  content: "\e7b9";
}

.icon-gamepad:before {
  content: "\e7ba";
}

.icon-keyboard:before {
  content: "\e7bb";
}

.icon-flag-alt:before {
  content: "\e7bc";
}

.icon-flag-checkered:before {
  content: "\e7bd";
}

.icon-terminal:before {
  content: "\e7be";
}

.icon-code:before {
  content: "\e7bf";
}

.icon-reply-all:before {
  content: "\e7c0";
}

.icon-star-half-full:before {
  content: "\e7c1";
}

.icon-location-arrow:before {
  content: "\e7c2";
}

.icon-crop2:before {
  content: "\e7c3";
}

.icon-code-fork:before {
  content: "\e7c4";
}

.icon-unlink:before {
  content: "\e7c5";
}

.icon-question:before {
  content: "\e7c6";
}

.icon-info:before {
  content: "\e7c7";
}

.icon-exclamation:before {
  content: "\e7c8";
}

.icon-superscript:before {
  content: "\e7c9";
}

.icon-subscript:before {
  content: "\e7ca";
}

.icon-eraser:before {
  content: "\e7cb";
}

.icon-puzzle:before {
  content: "\e7cc";
}

.icon-microphone2:before {
  content: "\e7cd";
}

.icon-microphone-off2:before {
  content: "\e7ce";
}

.icon-shield:before {
  content: "\e7cf";
}

.icon-calendar-empty:before {
  content: "\e7d0";
}

.icon-fire-extinguisher:before {
  content: "\e7d1";
}

.icon-rocket:before {
  content: "\e7d2";
}

.icon-maxcdn:before {
  content: "\e7d3";
}

.icon-chevron-sign-left:before {
  content: "\e7d4";
}

.icon-chevron-sign-right:before {
  content: "\e7d5";
}

.icon-chevron-sign-up:before {
  content: "\e7d6";
}

.icon-chevron-sign-down:before {
  content: "\e7d7";
}

.icon-html52:before {
  content: "\e7d8";
}

.icon-css3:before {
  content: "\e7d9";
}

.icon-anchor:before {
  content: "\e7da";
}

.icon-unlock-alt:before {
  content: "\e7db";
}

.icon-bullseye:before {
  content: "\e7dc";
}

.icon-ellipsis-horizontal:before {
  content: "\e7dd";
}

.icon-ellipsis-vertical:before {
  content: "\e7de";
}

.icon-rss-sign:before {
  content: "\e7df";
}

.icon-play-sign:before {
  content: "\e7e0";
}

.icon-ticket:before {
  content: "\e7e1";
}

.icon-minus-sign-alt:before {
  content: "\e7e2";
}

.icon-check-minus:before {
  content: "\e7e3";
}

.icon-level-up:before {
  content: "\e7e4";
}

.icon-level-down:before {
  content: "\e7e5";
}

.icon-check-sign:before {
  content: "\e7e6";
}

.icon-edit-sign:before {
  content: "\e7e7";
}

.icon-external-link-sign:before {
  content: "\e7e8";
}

.icon-share-sign:before {
  content: "\e7e9";
}

.icon-compass:before {
  content: "\e7ea";
}

.icon-collapse:before {
  content: "\e7eb";
}

.icon-collapse-top:before {
  content: "\e7ec";
}

.icon-expand:before {
  content: "\e7ed";
}

.icon-euro:before {
  content: "\e7ee";
}

.icon-gbp:before {
  content: "\e7ef";
}

.icon-dollar:before {
  content: "\e7f0";
}

.icon-rupee:before {
  content: "\e7f1";
}

.icon-yen:before {
  content: "\e7f2";
}

.icon-renminbi:before {
  content: "\e7f3";
}

.icon-won:before {
  content: "\e7f4";
}

.icon-bitcoin2:before {
  content: "\e7f5";
}

.icon-file3:before {
  content: "\e7f6";
}

.icon-file-text:before {
  content: "\e7f7";
}

.icon-sort-by-alphabet:before {
  content: "\e7f8";
}

.icon-sort-by-alphabet-alt:before {
  content: "\e7f9";
}

.icon-sort-by-attributes:before {
  content: "\e7fa";
}

.icon-sort-by-attributes-alt:before {
  content: "\e7fb";
}

.icon-sort-by-order:before {
  content: "\e7fc";
}

.icon-sort-by-order-alt:before {
  content: "\e7fd";
}

.icon-thumbs-up2:before {
  content: "\e7fe";
}

.icon-thumbs-down2:before {
  content: "\e7ff";
}

.icon-youtube-sign:before {
  content: "\e800";
}

.icon-youtube2:before {
  content: "\e801";
}

.icon-xing2:before {
  content: "\e802";
}

.icon-xing-sign:before {
  content: "\e803";
}

.icon-youtube-play:before {
  content: "\e804";
}

.icon-dropbox2:before {
  content: "\e805";
}

.icon-stackexchange:before {
  content: "\e806";
}

.icon-instagram2:before {
  content: "\e807";
}

.icon-flickr2:before {
  content: "\e808";
}

.icon-adn:before {
  content: "\e809";
}

.icon-bitbucket2:before {
  content: "\e80a";
}

.icon-bitbucket-sign:before {
  content: "\e80b";
}

.icon-tumblr2:before {
  content: "\e80c";
}

.icon-tumblr-sign:before {
  content: "\e80d";
}

.icon-long-arrow-down:before {
  content: "\e80e";
}

.icon-long-arrow-up:before {
  content: "\e80f";
}

.icon-long-arrow-left:before {
  content: "\e810";
}

.icon-long-arrow-right:before {
  content: "\e811";
}

.icon-apple:before {
  content: "\e812";
}

.icon-windows3:before {
  content: "\e813";
}

.icon-android2:before {
  content: "\e814";
}

.icon-linux:before {
  content: "\e815";
}

.icon-dribbble2:before {
  content: "\e816";
}

.icon-skype2:before {
  content: "\e817";
}

.icon-foursquare2:before {
  content: "\e818";
}

.icon-trello:before {
  content: "\e819";
}

.icon-female:before {
  content: "\e81a";
}

.icon-male:before {
  content: "\e81b";
}

.icon-gittip:before {
  content: "\e81c";
}

.icon-sun2:before {
  content: "\e81d";
}

.icon-moon:before {
  content: "\e81e";
}

.icon-archive2:before {
  content: "\e81f";
}

.icon-bug:before {
  content: "\e820";
}

.icon-renren:before {
  content: "\e821";
}

.icon-weibo2:before {
  content: "\e822";
}

.icon-vk2:before {
  content: "\e823";
}

.icon-line-eye:before {
  content: "\e000";
}

.icon-line-paper-clip:before {
  content: "\e001";
}

.icon-line-mail:before {
  content: "\e002";
}

.icon-line-toggle:before {
  content: "\e003";
}

.icon-line-layout:before {
  content: "\e004";
}

.icon-line-link:before {
  content: "\e005";
}

.icon-line-bell:before {
  content: "\e006";
}

.icon-line-lock:before {
  content: "\e007";
}

.icon-line-unlock:before {
  content: "\e008";
}

.icon-line-ribbon:before {
  content: "\e009";
}

.icon-line-image:before {
  content: "\e010";
}

.icon-line-signal:before {
  content: "\e011";
}

.icon-line-target:before {
  content: "\e012";
}

.icon-line-clipboard:before {
  content: "\e013";
}

.icon-line-clock:before {
  content: "\e014";
}

.icon-line-watch:before {
  content: "\e015";
}

.icon-line-air-play:before {
  content: "\e016";
}

.icon-line-camera:before {
  content: "\e017";
}

.icon-line-video:before {
  content: "\e018";
}

.icon-line-disc:before {
  content: "\e019";
}

.icon-line-printer:before {
  content: "\e020";
}

.icon-line-monitor:before {
  content: "\e021";
}

.icon-line-server:before {
  content: "\e022";
}

.icon-line-cog:before {
  content: "\e023";
}

.icon-line-heart:before {
  content: "\e024";
}

.icon-line-paragraph:before {
  content: "\e025";
}

.icon-line-align-justify:before {
  content: "\e026";
}

.icon-line-align-left:before {
  content: "\e027";
}

.icon-line-align-center:before {
  content: "\e028";
}

.icon-line-align-right:before {
  content: "\e029";
}

.icon-line-book:before {
  content: "\e030";
}

.icon-line-layers:before {
  content: "\e031";
}

.icon-line-stack:before {
  content: "\e032";
}

.icon-line-stack-2:before {
  content: "\e033";
}

.icon-line-paper:before {
  content: "\e034";
}

.icon-line-paper-stack:before {
  content: "\e035";
}

.icon-line-search:before {
  content: "\e036";
}

.icon-line-zoom-in:before {
  content: "\e037";
}

.icon-line-zoom-out:before {
  content: "\e038";
}

.icon-line-reply:before {
  content: "\e039";
}

.icon-line-circle-plus:before {
  content: "\e040";
}

.icon-line-circle-minus:before {
  content: "\e041";
}

.icon-line-circle-check:before {
  content: "\e042";
}

.icon-line-circle-cross:before {
  content: "\e043";
}

.icon-line-square-plus:before {
  content: "\e044";
}

.icon-line-square-minus:before {
  content: "\e045";
}

.icon-line-square-check:before {
  content: "\e046";
}

.icon-line-square-cross:before {
  content: "\e047";
}

.icon-line-microphone:before {
  content: "\e048";
}

.icon-line-record:before {
  content: "\e049";
}

.icon-line-skip-back:before {
  content: "\e050";
}

.icon-line-rewind:before {
  content: "\e051";
}

.icon-line-play:before {
  content: "\e052";
}

.icon-line-pause:before {
  content: "\e053";
}

.icon-line-stop:before {
  content: "\e054";
}

.icon-line-fast-forward:before {
  content: "\e055";
}

.icon-line-skip-forward:before {
  content: "\e056";
}

.icon-line-shuffle:before {
  content: "\e057";
}

.icon-line-repeat:before {
  content: "\e058";
}

.icon-line-folder:before {
  content: "\e059";
}

.icon-line-umbrella:before {
  content: "\e060";
}

.icon-line-moon:before {
  content: "\e061";
}

.icon-line-thermometer:before {
  content: "\e062";
}

.icon-line-drop:before {
  content: "\e063";
}

.icon-line-sun:before {
  content: "\e064";
}

.icon-line-cloud:before {
  content: "\e065";
}

.icon-line-cloud-upload:before {
  content: "\e066";
}

.icon-line-cloud-download:before {
  content: "\e067";
}

.icon-line-upload:before {
  content: "\e068";
}

.icon-line-download:before {
  content: "\e069";
}

.icon-line-location:before {
  content: "\e070";
}

.icon-line-location-2:before {
  content: "\e071";
}

.icon-line-map:before {
  content: "\e072";
}

.icon-line-battery:before {
  content: "\e073";
}

.icon-line-head:before {
  content: "\e074";
}

.icon-line-briefcase:before {
  content: "\e075";
}

.icon-line-speech-bubble:before {
  content: "\e076";
}

.icon-line-anchor:before {
  content: "\e077";
}

.icon-line-globe:before {
  content: "\e078";
}

.icon-line-box:before {
  content: "\e079";
}

.icon-line-reload:before {
  content: "\e080";
}

.icon-line-share:before {
  content: "\e081";
}

.icon-line-marquee:before {
  content: "\e082";
}

.icon-line-marquee-plus:before {
  content: "\e083";
}

.icon-line-marquee-minus:before {
  content: "\e084";
}

.icon-line-tag:before {
  content: "\e085";
}

.icon-line-power:before {
  content: "\e086";
}

.icon-line-command:before {
  content: "\e087";
}

.icon-line-alt:before {
  content: "\e088";
}

.icon-line-esc:before {
  content: "\e089";
}

.icon-line-bar-graph:before {
  content: "\e090";
}

.icon-line-bar-graph-2:before {
  content: "\e091";
}

.icon-line-pie-graph:before {
  content: "\e092";
}

.icon-line-star:before {
  content: "\e093";
}

.icon-line-arrow-left:before {
  content: "\e094";
}

.icon-line-arrow-right:before {
  content: "\e095";
}

.icon-line-arrow-up:before {
  content: "\e096";
}

.icon-line-arrow-down:before {
  content: "\e097";
}

.icon-line-volume:before {
  content: "\e098";
}

.icon-line-mute:before {
  content: "\e099";
}

.icon-line-content-right:before {
  content: "\e100";
}

.icon-line-content-left:before {
  content: "\e101";
}

.icon-line-grid:before {
  content: "\e102";
}

.icon-line-grid-2:before {
  content: "\e103";
}

.icon-line-columns:before {
  content: "\e104";
}

.icon-line-loader:before {
  content: "\e105";
}

.icon-line-bag:before {
  content: "\e106";
}

.icon-line-ban:before {
  content: "\e107";
}

.icon-line-flag:before {
  content: "\e108";
}

.icon-line-trash:before {
  content: "\e109";
}

.icon-line-expand:before {
  content: "\e110";
}

.icon-line-contract:before {
  content: "\e111";
}

.icon-line-maximize:before {
  content: "\e112";
}

.icon-line-minimize:before {
  content: "\e113";
}

.icon-line-plus:before {
  content: "\e114";
}

.icon-line-minus:before {
  content: "\e115";
}

.icon-line-check:before {
  content: "\e116";
}

.icon-line-cross:before {
  content: "\e117";
}

.icon-line-move:before {
  content: "\e118";
}

.icon-line-delete:before {
  content: "\e119";
}

.icon-line-menu:before {
  content: "\e120";
}

.icon-line-archive:before {
  content: "\e121";
}

.icon-line-inbox:before {
  content: "\e122";
}

.icon-line-outbox:before {
  content: "\e123";
}

.icon-line-file:before {
  content: "\e124";
}

.icon-line-file-add:before {
  content: "\e125";
}

.icon-line-file-subtract:before {
  content: "\e126";
}

.icon-line-help:before {
  content: "\e127";
}

.icon-line-open:before {
  content: "\e128";
}

.icon-line-ellipsis:before {
  content: "\e129";
}

.icon-line2-user-female:before {
  content: "\e000";
}

.icon-line2-user-follow:before {
  content: "\e002";
}

.icon-line2-user-following:before {
  content: "\e003";
}

.icon-line2-user-unfollow:before {
  content: "\e004";
}

.icon-line2-trophy:before {
  content: "\e006";
}

.icon-line2-screen-smartphone:before {
  content: "\e010";
}

.icon-line2-screen-desktop:before {
  content: "\e011";
}

.icon-line2-plane:before {
  content: "\e012";
}

.icon-line2-notebook:before {
  content: "\e013";
}

.icon-line2-moustache:before {
  content: "\e014";
}

.icon-line2-mouse:before {
  content: "\e015";
}

.icon-line2-magnet:before {
  content: "\e016";
}

.icon-line2-energy:before {
  content: "\e020";
}

.icon-line2-emoticon-smile:before {
  content: "\e021";
}

.icon-line2-disc:before {
  content: "\e022";
}

.icon-line2-cursor-move:before {
  content: "\e023";
}

.icon-line2-crop:before {
  content: "\e024";
}

.icon-line2-credit-card:before {
  content: "\e025";
}

.icon-line2-chemistry:before {
  content: "\e026";
}

.icon-line2-user:before {
  content: "\e005";
}

.icon-line2-speedometer:before {
  content: "\e007";
}

.icon-line2-social-youtube:before {
  content: "\e008";
}

.icon-line2-social-twitter:before {
  content: "\e009";
}

.icon-line2-social-tumblr:before {
  content: "\e00a";
}

.icon-line2-social-facebook:before {
  content: "\e00b";
}

.icon-line2-social-dropbox:before {
  content: "\e00c";
}

.icon-line2-social-dribbble:before {
  content: "\e00d";
}

.icon-line2-shield:before {
  content: "\e00e";
}

.icon-line2-screen-tablet:before {
  content: "\e00f";
}

.icon-line2-magic-wand:before {
  content: "\e017";
}

.icon-line2-hourglass:before {
  content: "\e018";
}

.icon-line2-graduation:before {
  content: "\e019";
}

.icon-line2-ghost:before {
  content: "\e01a";
}

.icon-line2-game-controller:before {
  content: "\e01b";
}

.icon-line2-fire:before {
  content: "\e01c";
}

.icon-line2-eyeglasses:before {
  content: "\e01d";
}

.icon-line2-envelope-open:before {
  content: "\e01e";
}

.icon-line2-envelope-letter:before {
  content: "\e01f";
}

.icon-line2-bell:before {
  content: "\e027";
}

.icon-line2-badge:before {
  content: "\e028";
}

.icon-line2-anchor:before {
  content: "\e029";
}

.icon-line2-wallet:before {
  content: "\e02a";
}

.icon-line2-vector:before {
  content: "\e02b";
}

.icon-line2-speech:before {
  content: "\e02c";
}

.icon-line2-puzzle:before {
  content: "\e02d";
}

.icon-line2-printer:before {
  content: "\e02e";
}

.icon-line2-present:before {
  content: "\e02f";
}

.icon-line2-playlist:before {
  content: "\e030";
}

.icon-line2-pin:before {
  content: "\e031";
}

.icon-line2-picture:before {
  content: "\e032";
}

.icon-line2-map:before {
  content: "\e033";
}

.icon-line2-layers:before {
  content: "\e034";
}

.icon-line2-handbag:before {
  content: "\e035";
}

.icon-line2-globe-alt:before {
  content: "\e036";
}

.icon-line2-globe:before {
  content: "\e037";
}

.icon-line2-frame:before {
  content: "\e038";
}

.icon-line2-folder-alt:before {
  content: "\e039";
}

.icon-line2-film:before {
  content: "\e03a";
}

.icon-line2-feed:before {
  content: "\e03b";
}

.icon-line2-earphones-alt:before {
  content: "\e03c";
}

.icon-line2-earphones:before {
  content: "\e03d";
}

.icon-line2-drop:before {
  content: "\e03e";
}

.icon-line2-drawer:before {
  content: "\e03f";
}

.icon-line2-docs:before {
  content: "\e040";
}

.icon-line2-directions:before {
  content: "\e041";
}

.icon-line2-direction:before {
  content: "\e042";
}

.icon-line2-diamond:before {
  content: "\e043";
}

.icon-line2-cup:before {
  content: "\e044";
}

.icon-line2-compass:before {
  content: "\e045";
}

.icon-line2-call-out:before {
  content: "\e046";
}

.icon-line2-call-in:before {
  content: "\e047";
}

.icon-line2-call-end:before {
  content: "\e048";
}

.icon-line2-calculator:before {
  content: "\e049";
}

.icon-line2-bubbles:before {
  content: "\e04a";
}

.icon-line2-briefcase:before {
  content: "\e04b";
}

.icon-line2-book-open:before {
  content: "\e04c";
}

.icon-line2-basket-loaded:before {
  content: "\e04d";
}

.icon-line2-basket:before {
  content: "\e04e";
}

.icon-line2-bag:before {
  content: "\e04f";
}

.icon-line2-action-undo:before {
  content: "\e050";
}

.icon-line2-action-redo:before {
  content: "\e051";
}

.icon-line2-wrench:before {
  content: "\e052";
}

.icon-line2-umbrella:before {
  content: "\e053";
}

.icon-line2-trash:before {
  content: "\e054";
}

.icon-line2-tag:before {
  content: "\e055";
}

.icon-line2-support:before {
  content: "\e056";
}

.icon-line2-size-fullscreen:before {
  content: "\e057";
}

.icon-line2-size-actual:before {
  content: "\e058";
}

.icon-line2-shuffle:before {
  content: "\e059";
}

.icon-line2-share-alt:before {
  content: "\e05a";
}

.icon-line2-share:before {
  content: "\e05b";
}

.icon-line2-rocket:before {
  content: "\e05c";
}

.icon-line2-question:before {
  content: "\e05d";
}

.icon-line2-pie-chart:before {
  content: "\e05e";
}

.icon-line2-pencil:before {
  content: "\e05f";
}

.icon-line2-note:before {
  content: "\e060";
}

.icon-line2-music-tone-alt:before {
  content: "\e061";
}

.icon-line2-music-tone:before {
  content: "\e062";
}

.icon-line2-microphone:before {
  content: "\e063";
}

.icon-line2-loop:before {
  content: "\e064";
}

.icon-line2-logout:before {
  content: "\e065";
}

.icon-line2-login:before {
  content: "\e066";
}

.icon-line2-list:before {
  content: "\e067";
}

.icon-line2-like:before {
  content: "\e068";
}

.icon-line2-home:before {
  content: "\e069";
}

.icon-line2-grid:before {
  content: "\e06a";
}

.icon-line2-graph:before {
  content: "\e06b";
}

.icon-line2-equalizer:before {
  content: "\e06c";
}

.icon-line2-dislike:before {
  content: "\e06d";
}

.icon-line2-cursor:before {
  content: "\e06e";
}

.icon-line2-control-start:before {
  content: "\e06f";
}

.icon-line2-control-rewind:before {
  content: "\e070";
}

.icon-line2-control-play:before {
  content: "\e071";
}

.icon-line2-control-pause:before {
  content: "\e072";
}

.icon-line2-control-forward:before {
  content: "\e073";
}

.icon-line2-control-end:before {
  content: "\e074";
}

.icon-line2-calendar:before {
  content: "\e075";
}

.icon-line2-bulb:before {
  content: "\e076";
}

.icon-line2-bar-chart:before {
  content: "\e077";
}

.icon-line2-arrow-up:before {
  content: "\e078";
}

.icon-line2-arrow-right:before {
  content: "\e079";
}

.icon-line2-arrow-left:before {
  content: "\e07a";
}

.icon-line2-arrow-down:before {
  content: "\e07b";
}

.icon-line2-ban:before {
  content: "\e07c";
}

.icon-line2-bubble:before {
  content: "\e07d";
}

.icon-line2-camcorder:before {
  content: "\e07e";
}

.icon-line2-camera:before {
  content: "\e07f";
}

.icon-line2-check:before {
  content: "\e080";
}

.icon-line2-clock:before {
  content: "\e081";
}

.icon-line2-close:before {
  content: "\e082";
}

.icon-line2-cloud-download:before {
  content: "\e083";
}

.icon-line2-cloud-upload:before {
  content: "\e084";
}

.icon-line2-doc:before {
  content: "\e085";
}

.icon-line2-envelope:before {
  content: "\e086";
}

.icon-line2-eye:before {
  content: "\e087";
}

.icon-line2-flag:before {
  content: "\e088";
}

.icon-line2-folder:before {
  content: "\e089";
}

.icon-line2-heart:before {
  content: "\e08a";
}

.icon-line2-info:before {
  content: "\e08b";
}

.icon-line2-key:before {
  content: "\e08c";
}

.icon-line2-link:before {
  content: "\e08d";
}

.icon-line2-lock:before {
  content: "\e08e";
}

.icon-line2-lock-open:before {
  content: "\e08f";
}

.icon-line2-magnifier:before {
  content: "\e090";
}

.icon-line2-magnifier-add:before {
  content: "\e091";
}

.icon-line2-magnifier-remove:before {
  content: "\e092";
}

.icon-line2-paper-clip:before {
  content: "\e093";
}

.icon-line2-paper-plane:before {
  content: "\e094";
}

.icon-line2-plus:before {
  content: "\e095";
}

.icon-line2-pointer:before {
  content: "\e096";
}

.icon-line2-power:before {
  content: "\e097";
}

.icon-line2-refresh:before {
  content: "\e098";
}

.icon-line2-reload:before {
  content: "\e099";
}

.icon-line2-settings:before {
  content: "\e09a";
}

.icon-line2-star:before {
  content: "\e09b";
}

.icon-line2-symbol-female:before {
  content: "\e09c";
}

.icon-line2-symbol-male:before {
  content: "\e09d";
}

.icon-line2-target:before {
  content: "\e09e";
}

.icon-line2-volume-1:before {
  content: "\e09f";
}

.icon-line2-volume-2:before {
  content: "\e0a0";
}

.icon-line2-volume-off:before {
  content: "\e0a1";
}

.icon-line2-users:before {
  content: "\e001";
}

.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
  content: '';
}

.not-animated {
  opacity: 0;
}

.animated {
  opacity: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.dark .one-page-arrow, .one-page-arrow.dark {
  color: #FFF;
}

.one-page-arrow {
  position: relative;
  z-index: 3;
  bottom: 18vh;
  margin-left: -16px;
  width: 52px;
  height: 52px;
  font-size: 52px;
  text-align: center;
  color: #FFF;
}

.scroll-2 .one-page-arrow {
  position: relative;
  z-index: 3;
  bottom: -10vh;
  margin-left: -16px;
  width: 52px;
  height: 52px;
  font-size: 52px;
  text-align: center;
  color: #FFF;
}

.container-kontak {
  font-size: 34px;
  margin: 0px;
  width: 100%;
  height: 320px;
  background-image: url("images/bg-program.png");
  background-size: cover;
  position: relative;
}

.container-isi-kontak h3 {
  font-family: 'Gotham Medium';
  font-size: 30px;
  font-weight: 10px;
}

.container-isi-kontak p {
  font-family: 'Gotham';
  font-size: 16px;
  text-align: justify;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 100%;
  height: 400px;
  margin: auto;
  margin-bottom: 10px;
  text-align: center;
  font-family: arial;
  transition: 0.3s;
  padding-bottom: 2px;
  background-color: white;
}

.card h2 {
  font-family: 'Gotham Medium';
  font-weight: 550;
  font-size: 18px;
  text-align: center;
  color: #59ba52;
}

.card p {
  font-family: 'Gotham Medium';
  font-weight: 550;
  font-size: 11px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
  color: #777;
  margin-bottom: 20px;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 20px 36px 0 rgba(0,0,0,0.2);
}

button:hover, a:hover {
  opacity: 0.7;
}
​​
hr.about {
  border: solid 1px #1ec154;
  width: 100px;
  margin: 0px;
}

.clearfix {
  height: 20px;
}

.button {
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  width: 200px;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
}

.button a {
  text-decoration: none;
}

.button:hover span {
  border-radius: 20px;
  background-color: #0B615E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  width: 250px;
  cursor: pointer;
  margin: 5px;
}

.button:hover span:after {
  border-radius: 20px;
  background-color: #0B615E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  padding: 10px;
  width: 250px;
  cursor: pointer;
  margin: 5px;
}

.redaksi-program p {
  font-family: 'Gotham';
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 20px;
}

.redaksi-program h3 {
  font-family: 'Gotham Medium';
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  padding: 30px;
}

.img-prg {
  width: 73%;
  text-align: center;
}

.container-isi-jaminan h2 {
  font-family: 'Gotham-Book';
  font-size: 38px;
  font-weight: 10px;
}

.container-isi-jaminan p {
  font-family: 'Gotham';
  font-size: 18px;
}

.container-row-jaminan p {
  font-family: 'Gotham';
}

hr.vl {
  border-left: 2px solid grey;
  height: 3vh;
  width: 2px;
}
/*CSS UNTUK KONTAK HTML*/

.container-kontak {
  width: 100%;
  height: 70px;
  text-align: center;
  background: url(images/blur-brgn3.jpg) bottom;
  background-size: cover;
  position: relative;
}

.container-kontak h2 {
  font-size: 34px !important;
  font-family: 'Gotham';
  color: white;
}

.wrap {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
/*
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group>.panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel+.panel {
  margin-top: 0;
}

.panel-heading2 {
  background-color: #127ac9;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.panel-title a {
  display: block;
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.panel-body {
  background: #fff;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading2 {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading2.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
*/
/*CSS UNTUK KONTAK DETAIL */
#pac-input {
  background-image: url('images/searchicon.html');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
/* #bs-collapse icon scale option */

.panel-heading2 a:before {
  content: '\25b2';
  position: absolute;
  font-family: 'Gotham Medium';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading2.active a:before {
  content: '\25b2';
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading2 a:after {
  content: '\25bc';
  font-size: 24px;
  position: absolute;
  font-family: 'Gotham Medium';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading2.active a:after {
  content: '\25bc';
  transform: scale(1);
  transition: all 0.5s;
}

/* #accordion rotate icon option */

#accordion .panel-heading2 a:before {
  content: '\25b2';
  font-size: 24px;
  position: absolute;
  font-family: 'Gotham Medium';
  right: 5px;
  top: 10px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading2.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.container-isi-kontak h3 {
  font-family: 'Gotham Medium';
  font-size: 30px;
  font-weight: 10px;
}

.container-isi-kontak p {
  font-family: 'Gotham';
  font-size: 16px;
  text-align: justify;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 100%;
  height: 400px;
  margin: auto;
  margin-bottom: 10px;
  text-align: center;
  font-family: arial;
  transition: 0.3s;
  padding-bottom: 2px;
  background-color: white;
}

.card h2 {
  font-family: 'Gotham Medium';
  font-weight: 550;
  font-size: 18px;
  text-align: center;
  color: #59ba52;
}

.card p {
  font-family: 'Gotham Medium';
  font-weight: 550;
  font-size: 11px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
  color: #777;
  margin-bottom: 20px;
}

/*CSS UNTUK SEJARAH HTML*/

.sejarah-img {
  border-radius: 60px;
  height: 120px;
  margin-top: 20px;
  border: 1px solid #127ac9;
}

.slider-nav .slick-track {
  height: 200px;
}

.sejarah-slide .slick-arrow {
  position: absolute;
  top: 120%;
  z-index: 50;
  margin-top: -6px;
}

.font-sejarah h3 {
  font-family: 'Gotham Medium';
  font-size: 22px;
  font-weight: 10px;
}

.font-sejarah p {
  font-family: 'Gotham';
  font-size: 16px;
  text-align: center;
}

.col-md-push-11 {
  left: 12%;
}

.parallax {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
}

.scroll-top-arrow:hover {
  color: #3c3c3c75;
  background: #fff;
  box-shadow: 1px 1px 3px #00000050;
}

.scroll-top-arrow i {
  line-height: 30px;
  position: relative;
  font-size: 30px;
}

.display-block {
  display: block;
}

.display-table {
  display: table !important;
}

.display-table-cell {
  display: table-cell !important;
}

.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.height-100 {
  height: 100% !important;
}

.width-100 {
  width: 100%;
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-800 {
  font-weight: 600;
}

.font-24 {
  font-size: 24px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-30 {
  font-size: 30px;
}

.font-34 {
  font-size: 34px;
}

.font-36 {
  font-size: 36px;
}

.font-40 {
  font-size: 40px;
}

.font-46 {
  font-size: 46px;
}

.font-52 {
  font-size: 52px;
}

.font-gotham-medium {
  font-family: 'Gotham-Medium';
}

.font-gotham {
  font-family: 'Gotham';
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.position-relative {
  position: relative !important;
}

img {
  max-width: 100%;
  height: auto;
}

.padding-15px-lr {
  padding-left: 15px;
  padding-right: 15px;
}



/* ===================================
    Swiper carousel
====================================== */
.no-transition *, .swiper-container *, .mfp-container *, .skillbar-bar-main *, .portfolio-grid *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

.swiper-container {
  overflow: hidden;
  position: relative;
}

.swiper-container {
  overflow: hidden;
  position: relative;
}

.swiper-pagination-bullet-active {
  background: #232323;
}

.swiper-pagination {
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 35px;
  width: 100%;
}

.swiper-pagination-bullet {
  height: 9px;
  width: 9px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-bottom .swiper-wrapper {
  margin: 0 0 35px 0;
}

.swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {
  margin: 0 0 95px 0;
}

.swiper-slider-second {
  text-align: center;
}

/* swiper bottom scrollbar full */
.swiper-bottom-scrollbar-full.swiper-container {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  width: 100%;
}

.swiper-bottom-scrollbar-full .swiper-scrollbar {
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 0;
  height: 2px;
}

.swiper-bottom-scrollbar-full .swiper-scrollbar-drag {
  border-radius: 0;
  background: #ff214f;
}

.swiper-bottom-scrollbar-full .swiper-scrollbar {
  background: rgba(255,255,255,.2);
}

.swiper-bottom-scrollbar-full .swiper-slide img {
  max-height: 450px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: .8;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.swiper-bottom-scrollbar-full .swiper-slide:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
  -moz-filter: contrast(130%);
  -ms-filter: contrast(130%);
  -o-filter: contrast(130%);
  max-height: 500px;
}

.swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {
  visibility: hidden;
}

.swiper-bottom-scrollbar-full .swiper-slide:hover {
  z-index: 1;
}

.swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {
  right: -160px;
  opacity: 1;
  visibility: visible;
}

.swiper-bottom-scrollbar-full .bottom-text {
  position: absolute;
  bottom: 50px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {
  opacity: .7;
  letter-spacing: 5px;
  left: 4px;
}

/* swiper vertical pagination */
.swiper-vertical-pagination {
  width: 100%;
  height: 100%;
  position: absolute;
}

.swiper-vertical-pagination .swiper-slide {
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-vertical-pagination >.swiper-pagination-bullets {
  right: 60px;
}

.swiper-vertical-pagination .swiper-pagination {
  width: auto;
}

.swiper-vertical-pagination .swiper-slide .swiper-bottom-content {
  opacity: 0;
  transform: translate3d(0px, 150px, 0px);
  -webkit-transform: translate3d(0px, 150px, 0px);
  -moz-transform: translate3d(0px, 150px, 0px);
  -ms-transform: translate3d(0px, 150px, 0px);
  -o-transform: translate3d(0px, 150px, 0px);
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.swiper-vertical-pagination .swiper-slide-active .swiper-bottom-content {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transition: all 0.3s ease-in-out 0.3s;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  -ms-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
}

.swiper-vertical-pagination .box-arrow {
  position: absolute;
  right: -45px;
  width: 90px;
  height: 90px;
}

/* swiper auto width */
.swiper-auto-width .swiper-slide {
  width: 60%;
}

.swiper-auto-width.swiper-container {
  height: calc(100% - 200px);
  top: 100px;
  margin: 0 auto;
  overflow: visible;
  position: absolute;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  width: 100%;
}

.swiper-auto-width .swiper-scrollbar {
  left: 20%;
  opacity: 1;
  position: absolute;
  width: 60%;
  bottom: -50px;
  border-radius: 0;
  height: 1px;
}

.swiper-auto-width .swiper-scrollbar-drag {
  border-radius: 0;
  background: transparent;
}

.swiper-auto-width .swiper-scrollbar-drag:before {
  cursor: move;
  position: absolute;
  content: "";
  background: #ff214f;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  top: -6px;
  left: calc(50% - 13px);
}

.swiper-auto-width .swiper-slide {
  filter: contrast(130%);
  -webkit-filter: contrast(130%);
  -moz-filter: contrast(130%);
  -ms-filter: contrast(130%);
  -o-filter: contrast(130%);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.swiper-auto-width .swiper-slide.swiper-slide-active {
  filter: contrast(0);
  -webkit-filter: contrast(0);
  -moz-filter: contrast(0);
  -ms-filter: contrast(0);
  -o-filter: contrast(0);
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.swiper-auto-width .swiper-slide .absolute-middle-center h2 {
  opacity: 0;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform: translateY(-60px);
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
}

.swiper-auto-width .swiper-slide.swiper-slide-active .absolute-middle-center h2 {
  opacity: 1;
  transition: all 0.3s ease-in-out 0.7s;
  -webkit-transition: all 0.3s ease-in-out 0.7s;
  -moz-transition: all 0.3s ease-in-out 0.7s;
  -ms-transition: all 0.3s ease-in-out 0.7s;
  -o-transition: all 0.3s ease-in-out 0.7s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.swiper-auto-width .swiper-slide span {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.swiper-auto-width .swiper-slide.swiper-slide-active span {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

/* arrow pagination black and white */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-white-highlight {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-white-highlight {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white-highlight, .swiper-button-prev.swiper-button-white-highlight {
  background-color: #000;
  background-size: 28% auto;
  border-radius: 3px;
  height: 30px;
  width: 30px;
  margin: -15px 10px 0;
  top: 50%;
}

.swiper-button-next.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-black-highlight {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-black-highlight {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black-highlight, .swiper-button-prev.swiper-button-black-highlight {
  background-color: #fff;
  background-size: 28% auto;
  border-radius: 3px;
  height: 30px;
  width: 30px;
  margin: -15px 10px 0;
  top: 50%;
}

.swiper-button-next, .swiper-button-prev {
  background-size: inherit;
  height: 22px;
  width: 50px;
  top: 51%;
}

.swiper-fullscreen-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-fullscreen-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-fullscreen-next, .swiper-fullscreen-prev {
  background-color: #fff;
  background-size: 28% auto;
  border-radius: 3px;
  height: 30px;
  width: 30px;
  margin: 10px;
  top: 47.5%;
}

/* blog swiper */
.swiper-blog .swiper-slide .slide-content {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
}

.swiper-blog .swiper-slide.swiper-slide-active .slide-content {
  opacity: 1;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

/* long arrow */
.swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white {
  background-image: url('images/arrow-prev-light-dark.html');
  left: 0;
}

.swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {
  background-image: url('images/arrow-next-light-dark.html');
  right: 0;
}

/* next prev button style 2 */
.swiper-next-style2,.swiper-prev-style2 {
  position: absolute;
  bottom: -60px;
  cursor: pointer;
  text-transform: uppercase;
}

.swiper-next-style2 {
  right: 15%;
}

.swiper-prev-style2 {
  left: 15%;
}

/* portfolio next prev button */
.swiper-portfolio-prev, .swiper-portfolio-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  background: #fff;
  color: #232323;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.swiper-portfolio-prev.swiper-button-disabled, .swiper-portfolio-next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper-portfolio-prev {
  left: 15px;
}

.swiper-portfolio-next {
  right: 15px;
}

/* next prev button style 3 */
.swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {
  background-image: none;
  position: absolute;
  cursor: pointer;
  left: 41.1%;
  top: inherit;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  background-color: #ff214f;
  color: #fff;
  z-index: 9;
}

.swiper-button-prev.swiper-prev-style3 {
  bottom: 141px;
}

.swiper-button-next.swiper-next-style3 {
  bottom: 100px;
}

/* next prev button style 4 */
.navigation-area {
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 40px;
  height: 82px;
}

.swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 {
  background-image: none;
  background: #ff214f;
  color: #fff;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  display: block;
  float: left;
  position: relative;
  left: auto;
  right: auto;
  top: 0;
  margin: 0 auto;
}

.swiper-button-next.swiper-next-style4 {
  margin-bottom: 1px;
}

/* next prev button style 5 */
.swiper-button-prev.swiper-prev-style5, .swiper-button-next.swiper-next-style5 {
  position: absolute;
  top: 22px;
  bottom: 0;
  height: 100%;
  width: 15%;
  background-image: none;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.swiper-button-prev.swiper-prev-style5 {
  opacity: 0;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);
  background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);
}

.swiper-button-next.swiper-next-style5 {
  opacity: 0;
  background: -moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);
  background: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);
  background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);
}

.swiper-button-prev.swiper-prev-style5:hover, .swiper-button-next.swiper-next-style5:hover {
  opacity: 1;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.swiper-button-prev.swiper-prev-style5 {
  left: 0;
  cursor: url('images/arrow-prev-light-dark.html'), pointer;
}

.swiper-button-next.swiper-next-style5 {
  right: 0;
  cursor: url('images/arrow-next-light-dark.html'), pointer;
}

/* dot pagination white */
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-square-bottom.swiper-pagination-bullets {
  bottom: -50px;
}

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet {
  height: 3px;
  width: 30px;
  border-radius: 0;
}

/* square pagination */
.white-move .swiper-slide {
  cursor: url("images/icon-move-light.html"), move;
}

.black-move .swiper-slide {
  cursor: url("images/icon-move-black.png"), move;
}

/* number pagination */
.swiper-number {
  left: auto !important;
  right: 0!important;
  width: 35px !important;
  text-align: right!important;
  top: 38% !important;
  bottom: inherit !important;
}

.swiper-number .swiper-pagination-bullet {
  background: transparent;
  color: #939393;
  display: block;
  font-size: 20px;
  height: 45px;
  line-height: 20px;
  opacity: .7;
  padding: 14px 0 0;
  text-align: center;
  width: 23px;
  border-radius: 0;
  margin: 0 0 5px 0;
}

.swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-bottom: 1px solid rgba(0,0,0,.5);
  opacity: 1;
}

.swiper-number .swiper-pagination-bullet-active {
  color: #000;
  background: transparent;
}

.padding-seventeen-lr {
  padding-left: 5%;
  padding-right: 5%;
}