/*==============================================
Variables
 ===============================================*/
/*==============================================
Common
 ===============================================*/
::-webkit-input-placeholder {
  color: #CCCCCC !important;
  font-family: "";
  text-transform: none;
  font-size: 9pt; }

::-moz-placeholder {
  color: #CCCCCC !important;
  font-family: "";
  text-transform: none;
  font-size: 9pt; }

:-ms-input-placeholder {
  color: #CCCCCC !important;
  font-family: "";
  text-transform: none;
  font-size: 9pt; }

::-moz-selection {
  color: #ffffff;
  background: #5e473d; }

::selection {
  color: #ffffff;
  background: #5e473d; }

body {
  font-family: "robotoregular";
  line-height: 25px;
  font-size: 10pt; }

#wrap {
  background-color: #5e473d;
  background-image: url("../../images/GarudaplazahotelWDD_00index/GarudaplazahotelWDD_00index_graphic_bgpattern.png");
  background-size: contain;
  background-repeat: no-repeat; }

.icons-star {
  padding-top: 5px;
  padding-bottom: 5px; }
  .icons-star i {
    color: #ffe33b;
    font-size: 12pt;
    margin-right: 5px; }

#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #FFEB3B none repeat scroll 0% 0%; }

.socket {
  position: relative;
  top: 45%;
  width: auto;
  height: auto;
  margin: auto;
  display: block; }
  .socket img {
    width: auto;
    margin: auto;
    display: block; }

.loading-img {
  height: auto;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  margin-top: 40px !important;
  width: auto; }

/*==============================================
 Header & Navigation
 ===============================================*/
header {
  color: #9a9a9a;
  background-color: #5e473d; }
  header .sf-menu > li {
    display: inline-block;
    position: relative;
    font-family: ""; }
  header .sf-menu > li > a {
    padding-top: 27px;
    padding-bottom: 28px;
    font-family: "GothamRounded-Bold";
    font-size: 11pt; }
  header .sf-menu > li > a:hover,
  header .sf-menu > li.active > a {
    color: #F44029;
    font-family: ""; }

.ds .grey, .ds .black {
  color: #FFF200;
  font-size: 10pt;
  font-family: "roboto_slabbold"; }

.ds .ds.ms {
  background-color: #5e473d; }

.header_white .sf-menu > li > a {
  color: #FFF200; }

.header_white .sf-menu > li > a:hover,
.header_white .sf-menu > li.active > a {
  color: #F44029;
  font-family: "GothamRounded-Bold"; }

/*==============================================
Homepage
 ===============================================*/
#Homepage .logo-top img {
  background: #5e473d !important; }
#Homepage .text-p-home {
  text-align: center;
  color: #5E3F38;
  font-size: 24pt !important;
  font-family: "GothamRounded-Bold";
  padding-top: 30px;
  padding-left: 30px;
  opacity: 0; }
  #Homepage .text-p-home span {
    color: #F44029; }

#homePrograms .gallery-extended-item .item-content {
  height: 250px !important; }
#homePrograms .gallery-extended-item .item-title {
  font-size: 30pt; }
#homePrograms .item-content .subtitle-program {
  padding-bottom: 15px; }

.ls.ms {
  background-color: #FFEB3B; }

.flex-control-paging li a.flex-active
.ds .plan-price p {
  color: #ffffff; }

.flex-control-paging li a.flex-active
.ds .features-list .disabled:before {
  color: #ffffff; }

.flex-control-paging li a.flex-active {
  border-color: #F44029;
  background: #F44029; }

.ds ul.list1 {
  color: #ffffff; }

.section_header {
  margin: 0 0 44px;
  font-size: 24pt;
  position: relative;
  word-wrap: break-word;
  text-transform: capitalize;
  font-family: "GothamRounded-Bold";
  color: #5E3F38; }

.ls .highlight {
  color: #5E3F38; }

/*==============================================
Gallery
===============================================*/
.gallery-extended-item .item-title {
  font-size: 34pt;
  margin: 0 0 5px;
  color: #FFF200;
  font-family: "GothamRounded-Bold"; }

.gallery-extended-item .item-title + p {
  font-size: 10pt;
  margin: 0 0 5px;
  color: #ffffff;
  font-family: ""; }

.color1 {
  background-color: #FF7D04;
  border-color: #FF7D04; }

.gallery-extended-item .item-title + span + p {
  font-size: 11pt;
  margin: 0 0 5px;
  line-height: 30px;
  color: #ffffff;
  font-family: "robotoregular"; }

.ls .theme_button.inverse {
  color: #ffffff; }

.ls .theme_button.inverse:hover, .ls .theme_button.inverse:focus {
  color: #ffffff;
  background-color: #F44029; }

.theme_button.inverse {
  color: #5E3F38;
  background-color: #FF7D04;
  border: none;
  font-family: "GothamRounded-Bold";
  border-radius: 4px; }

.grey {
  color: #5e473d;
  border-color: #5e473d; }

.blockquote-big .blockqoute-meta {
  font-size: 20pt;
  font-family: "GothamRounded-Bold"; }

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  color: transparent;
  border: 2px solid #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ds .flex-control-paging li a,
.cs .flex-control-paging li a {
  border-color: #ffffff;
  background-color: #ffffff; }

.flex-control-paging li a:hover {
  border-color: #F44029;
  background: #F44029; }

.text-section-bottom h3 > span {
  color: #ffffff !important; }

.blockquote-big {
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 42px;
  color: inherit;
  font-size: 11pt;
  text-align: center;
  line-height: 25px;
  padding: 0 70px;
  border: none;
  color: #5E3F38;
  font-family: "robotoregular";
  font-style: normal;
  font-size: 12pt; }

.bg-white {
  background: #FFFFFF; }

.owl-carousel {
  margin-bottom: 0px; }

.logo-home {
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20%; }

.logo-home img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  opacity: 0; }

.section_header span {
  color: #FF7D04; }

.grey + p {
  color: #FF7D04;
  font-size: 12pt;
  font-family: "roboto_slabbold";
  padding-bottom: 15px;
  padding-top: 10px; }

/*==============================================
Footer
===============================================*/
.widget_text img {
  height: 250px;
  height: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.greylinks img {
  height: 250px;
  height: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.greylinks p {
  color: #fff;
  font-family: 'roboto_slabregular'; }

.footer-p p {
  color: #5E473D;
  margin-bottom: 0px;
  font-family: "GothamRounded-Bold";
  font-size: 10pt; }

/*==============================================
Contacts
===============================================*/
#map-container {
  height: 400px;
  width: auto;
  background: #fff; }

.location h1 {
  color: #5E473D !important;
  font-size: 30pt;
  font-family: 'roboto_slabregular';
  padding-bottom: 15px; }

.location p {
  color: #5E473D !important;
  font-size: 10pt;
  font-family: 'roboto_slabregular';
  margin-bottom: 10px;
  line-height: 25px; }

/*==============================================
Programs
===============================================*/
#Programs .gallery-extended-item .item-title + span + p {
  padding: 0px 50px 5px; }

.thBackground {
  background: #FFEB3B;
  color: #ffffff;
  text-align: center; }

.hour h1 {
  color: #5E473D !important;
  font-size: 30pt;
  font-family: 'roboto_slabregular';
  padding-bottom: 15px; }

.hour p {
  color: #5E473D !important;
  font-size: 10pt;
  font-family: 'roboto_slabregular';
  margin-bottom: 10px;
  line-height: 25px; }

.teaser p.subtitle-join {
  font-size: 14pt;
  font-family: 'roboto_slabbold';
  margin-bottom: 10px; }

.portfolio-modal .modal-content {
  background: #FFEB3B !important; }

.portfolio-modal .close-modal .lr {
  background-color: #333 !important; }

.portfolio-modal .close-modal .lr .rl {
  background-color: #333 !important; }

.title-program {
  color: #5E3F38 !important;
  font-size: 30pt;
  font-family: 'roboto_slabregular';
  padding-bottom: 15px;
  text-align: center; }

.title-p {
  color: #FF7D04 !important;
  font-size: 12pt;
  font-family: "GothamRounded-Bold";
  margin-bottom: 30px !important;
  line-height: 25px;
  text-align: center; }

.modal-body-p {
  color: #5E473D !important;
  font-size: 10pt;
  font-family: 'roboto_slabregular';
  margin-bottom: 10px;
  line-height: 25px; }

.title-2 {
  padding-top: 30px;
  color: #5E3F38 !important;
  font-size: 24pt;
  font-family: "GothamRounded-Bold";
  padding-bottom: 15px;
  text-align: center; }

.title-3 {
  padding-top: 30px;
  color: #5E3F38 !important;
  font-size: 24pt;
  font-family: "GothamRounded-Bold";
  padding-bottom: 15px;
  text-align: center; }

.title-4 {
  padding-top: 20px;
  color: #FF7D04 !important;
  font-size: 18pt;
  font-family: "GothamRounded-Bold";
  padding-bottom: 15px;
  text-align: center; }

.withBorder {
  border: 2px solid #FFEB3B; }

.p-contact {
  color: #5E3F38 !important;
  font-size: 11pt;
  font-family: "robotoregular";
  margin-bottom: 10px;
  line-height: 30px; }

.p-phone, .p-phone a {
  color: #5E3F38 !important;
  font-size: 18pt;
  font-family: "GothamRounded-Bold";
  margin-bottom: 10px;
  line-height: 25px; }

.p-phone a:hover, .p-phone a:focus {
  color: #ffffff !important; }

.soc-facebook::before {
  /*
  content: url('../../images/icons/round-fb.svg');
  display: inline-block; 
  overflow: hidden;
  */ }

.soc-google::before {
  	/*
      content: url('../../images/icons/round-instagram.svg');
      */ }

.ls {
  background-color: #ffffff;
  color: #5E473D;
  font-size: 10pt; }

.ls h1,
.ls h2,
.ls h3,
.ls h4,
.ls h5,
.ls h6 {
  color: #5E3F38; }

.ds .highlight {
  color: #ff7d04 !important; }

#share {
  padding-bottom: 50px;
  padding-top: 30px; }

#share p.title-share {
  color: #5E3F38 !important;
  font-size: 18pt;
  font-family: "GothamRounded-Bold";
  margin-bottom: 20px;
  line-height: 25px; }

#share a > img {
  padding-left: 5px;
  padding-right: 5px; }

.title-new-program {
  margin-bottom: 15px;
  font-size: 40pt;
  font-weight: bold;
  font-family: "GothamRounded-Bold";
  color: #5E3F38;
  margin-top: 75px;
  padding-bottom: 15px; }

.program-body-p {
  color: #5E3F38 !important;
  font-size: 11pt;
  font-family: "robotoregular";
  margin-bottom: 10px;
  line-height: 30px;
  text-align: center; }

.modal-body img {
  margin-bottom: 30px; }

#button-back {
  padding-top: 30px;
  padding-bottom: 80px; }

/*==============================================
About
===============================================*/
.visible-lg-inline-block {
  width: 100%; }

.visible-lg-inline-block img {
  height: 35px;
  padding-right: 25px; }

.about-img img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.thanks {
  margin-bottom: 25px; }

.name-founder {
  font-family: "roboto_slabbold" !important;
  color: #ff7d04 !important;
  margin-bottom: 0px;
  font-size: 12pt !important; }

.title-instructor {
  color: #ff7d04 !important;
  font-size: 40pt;
  font-family: "GothamRounded-Bold"; }

.text-about p.subText {
  color: #FF7D04 !important;
  font-size: 11pt;
  font-family: "GothamRounded-Bold"; }

.text-about p {
  font-family: "robotoregular";
  font-size: 11pt;
  color: #5E3F38;
  line-height: 30px;
  text-align: justify; }

.text-instructors .i-name {
  font-family: "GothamRounded-Bold";
  font-size: 20pt;
  color: #5E3F38;
  margin-bottom: 5px;
  text-transform: uppercase; }

.text-instructors .i-title {
  font-family: "roboto_slabbold";
  font-size: 11pt;
  color: #FF7D04;
  margin-bottom: 10px;
  letter-spacing: 1px; }

.text-instructors .i-desc {
  font-family: "robotoregular";
  font-size: 11pt;
  color: #5E3F38;
  margin-bottom: 10px;
  text-align: justify;
  line-height: 30px; }

.text-instructors .layout {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px; }

.item-title {
  color: #5E473D;
  font-size: 24pt;
  font-family: 'roboto_slabregular';
  padding-bottom: 15px; }

.entry-header {
  color: #FFF200 !important;
  font-size: 30pt;
  font-family: 'roboto_slabregular';
  padding-bottom: 15px; }

h1.entry-title {
  color: #5E473D !important;
  text-align: center;
  font-family: "GothamRounded-Bold"; }

h1.entry-title {
  font-size: 34pt;
  margin: 0 0 5px; }

.entry-content {
  font-family: 'roboto_slabregular';
  color: #5E473D !important;
  line-height: 25px;
  padding-left: 50px;
  padding-right: 50px; }

.entry-header p {
  font-family: 'roboto_slabregular';
  color: #ff7d04 !important;
  line-height: 25px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 12pt;
  text-align: center;
  margin-bottom: 5px; }

.icon-brown {
  padding-top: 20px; }

.table {
  font-family: "robotoregular"; }
  .table td.border-top {
    font-size: 11pt; }
    .table td.border-top p {
      font-size: 11pt; }
    .table td.border-top span {
      font-family: "GothamRounded-Bold"; }
  .table span.text-orange {
    font-family: "roboto_slabbold" !important; }
  .table td.border-top-1 span {
    font-family: "GothamRounded-Bold"; }

.border-td {
  border-right: 1px solid #FFEB3B !important;
  font-family: "roboto_slabbold";
  font-size: 10pt !important; }

.border-top {
  border-top: #fff !important; }

.thead-day th {
  text-align: center; }

.bg-modal {
  background-color: #ffffff;
  border-radius: 8px; }

.text-about {
  padding-top: 10px; }

.img-about img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 54px; }

.text-available {
  color: #ff7d04 !important; }

.ls.ms .with_background {
  background-color: #FFEB3B; }

.item-media {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.gallery-extended-item .item-content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 350px; }

.gallery-extended-item .item-content {
  padding: 34px 15px 34px;
  background: #5e473d; }

.border-radius-bottom-80 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }

.teaser_icon + p {
  font-size: 10pt; }

.item-content p.title-small-program {
  font-family: "robotoregular";
  color: #FF7D04 !important;
  line-height: 25px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 12pt;
  text-align: center;
  margin-bottom: 10px;
  font-style: normal; }

.title-header {
  color: #FF7D04 !important;
  font-size: 40pt;
  font-family: "GothamRounded-Bold";
  padding-bottom: 20px; }

.text-center .title-header + p, .title-header.text-center + p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/*==============================================
Facilities
===============================================*/
.item-content h3.subtitle-facilities {
  margin-top: 0px;
  padding-bottom: 0px;
  font-family: "GothamRounded-Bold";
  font-size: 34pt; }

.mysection .item-content {
  padding: 50px; }

.pb10 {
  padding-bottom: 10px; }

.item-content span.categories-links {
  text-align: center;
  font-family: "roboto_slabbold"; }

.pb30 {
  padding-bottom: 30px; }

.mb-60 {
  margin-bottom: 60px !important; }

.pb100 {
  padding-bottom: 100px; }

.bg-brown {
  background-color: #5E473D !important; }

.item-content .subtitle-program {
  padding-bottom: 10px;
  margin-bottom: 0px; }

.not-active {
  pointer-events: none;
  cursor: default; }

.div-in-table {
  padding-left: 120px; }

.div-in-table p {
  margin-bottom: 0px; }

.text-table p {
  margin-bottom: 5px; }

.op-0 {
  opacity: 0; }

.table-body td {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.border-top span {
  font-size: 16pt !important; }

.border-top-1 span {
  font-size: 16pt !important; }

.size_small img {
  height: 40px; }

.section_padding_bottom_30 {
  padding-bottom: 30px; }

.p-phone img {
  height: 35px;
  display: inline;
  margin-bottom: 0px !important; }

.border-top span.text-orange {
  color: #FF7D04;
  font-size: 10pt !important; }

.title-desc {
  font-family: "roboto_slabbold"; }

.title-instagram {
  color: #FF7D04 !important;
  font-size: 20pt;
  font-family: "GothamRounded-Bold";
  padding-top: 50px;
  padding-bottom: 50px; }

.instashow-gallery-view-active .instashow-gallery-media, .instashow-gallery-view-active-next .instashow-gallery-media, .instashow-gallery-view-active-prev .instashow-gallery-media {
  display: none; }

#instaShowGallery_1 .instashow-gallery-control-scroll-slider {
  display: none; }

#section-bottom {
  height: 350px;
  background: url("../../images/OnlydanceartsWDD_01home/OnlydanceartsWDD_01home_graphic_featuredwarna.jpg");
  background-size: cover; }

.text-section-bottom h3 {
  font-size: 24pt;
  color: #FF7D04;
  font-family: "GothamRounded-Bold"; }

.text-section-bottom p {
  padding-top: 30px;
  font-size: 20pt;
  color: #ffffff;
  font-family: "GothamRounded-Bold"; }

.text-section-bottom a,
.text-section-bottom a:hover,
.text-section-bottom a:focus {
  font-size: 24pt;
  color: #FF7D04;
  font-family: "GothamRounded-Bold"; }

.title-instagram a,
.title-instagram a:hover,
.title-instagram a:focus {
  color: #ff7d04 !important; }

.title-instagram span {
  color: #5E473D; }

.logo-small {
  display: none !important; }

.page_portfolio > [class*="container"] {
  padding-bottom: 0px !important; }

.item-cooming-soon {
  background: #FF7D04 !important; }

.item-cooming-soon h3 {
  font-size: 40pt !important;
  padding-top: 40px; }

.not-active {
  pointer-events: none;
  cursor: default; }

#instaShowGallery_1 .instashow-gallery-control-scroll-slider {
  display: none; }

/*==============================================
 JoinUs
===============================================*/
#JoinUs .teaser p.text {
  font-family: "robotoregular";
  font-size: 11pt;
  line-height: 30px; }

/*==============================================
 Others
===============================================*/
.not-link {
  pointer-events: none;
  cursor: default; }

.not-active {
  pointer-events: none;
  cursor: default; }

#Pagination {
  text-align: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }
  #Pagination .listpaging {
    display: inline-block; }
    #Pagination .listpaging a {
      color: #FF7D04;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      font-family: "GothamRounded-Bold";
      font-size: 10pt; }
      #Pagination .listpaging a:hover {
        color: #F44029; }
    #Pagination .listpaging a.active {
      background-color: transparent;
      color: #F44029; }
    #Pagination .listpaging a:hover:not(.active) {
      background-color: transparent; }
    #Pagination .listpaging a.prev {
      right: 100%;
      position: relative; }
    #Pagination .listpaging a.next {
      left: 100%;
      position: relative; }

.not-link {
  pointer-events: none;
  cursor: default; }

.not-active {
  pointer-events: none;
  cursor: default; }

.slideshow {
  margin: 0px auto;
  position: relative;
  width: auto;
  height: 720px;
  padding: 0px; }

.slideshow > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.first_tall {
  left: 1px !important; }

.box-share {
  width: 100%;
  float: left;
  display: block;
  text-align: center; }
  .box-share p.titleShare {
    padding-right: 0px;
    font-size: 10pt;
    font-family: "robotoregular";
    margin-bottom: 0px;
    padding-bottom: 20px; }
  .box-share ul.ul-share {
    list-style: none; }
    .box-share ul.ul-share li {
      display: inline-block;
      margin: 0 25px; }
      .box-share ul.ul-share li a {
        color: #5E3F38;
        font-size: 16pt; }
        .box-share ul.ul-share li a i:hover {
          color: #FF7D04; }

.box-share.withMargin {
  margin-bottom: 100px; }

.box-caption {
  text-align: center; }
  .box-caption p {
    color: #FF7D04;
    font-size: 10pt;
    font-family: ""; }

.box-image.twoImage img {
  height: 650px;
  object-fit: cover; }

p.date span {
  color: #5E3F38; }

body #post-area.masonry.meta_overlaid .masonry-blog-item.regular .article-content-wrap {
  bottom: 0px !important; }

/*# sourceMappingURL=main.css.map */