/**************************************************************

* SkarNet (Skar Network) - Thems CSS Only *

***************************************************************/

/*	============ Halaman Index ============ */

/* Navbar Nav */

@media only screen and (max-width: 780px) {
  .wnavbar-title {
    margin-left: -20px;
  }
}

@media only screen and (max-width: 1350px) {
  .wheader-thems .wnavbar-nav {
    padding: 0rem 1.2rem 0rem;
  }
}

@media only screen and (max-width: 1040px) {
  .wnavbar-navmenu li.wnav-item a.wnav-link {
    display: none;
  }

  .wnavbar-navmenu-thems {
    background: #ffffff;

    border-top: 1px solid #dedede;

    display: block;

    position: fixed;

    top: 112px;

    left: -280px;

    margin-left: 0rem;

    overflow-y: auto;

    padding: 1.2rem 1.6rem 0rem;

    height: 100%;

    width: 280px;

    z-index: 20;

    transition: all 400ms ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;
  }

  @media only screen and (max-width: 420px) {
    .wnavbar-navmenu-thems {
      width: 240px;

      left: -240px;
    }
  }

  .wnavbar-navmenu {
    display: table;

    list-style: none;

    margin: auto;

    position: relative;

    padding: 0rem 0rem 12rem;
  }

  .wnavbar-navmenu-thems.wresponsive {
    left: 0;
  }

  #wnav-btn.wresponsive .wnavbar-btn {
    transform: rotate(164deg);
  }

  .wnav-bgshadow.wresponsive {
    opacity: 1;

    visibility: visible;
  }

  .wbtn-scrolltop.wresponsive {
    opacity: 0;

    visibility: hidden;
  }

  .wbtn-scrolltop {
    bottom: 6rem;
  }

  .wnavbar-navmenu li.wnav-item {
    float: left;

    position: relative;

    width: 100%;

    max-width: 100%;
  }

  .wnavbar-navmenu li.wnav-item a.wnav-link {
    display: table;

    height: 0;

    font-family: "Roboto Reguler V1", sans-serif;

    font-size: 0.98rem;

    font-weight: 500;

    padding: 0.4rem 0rem 0.4rem;

    width: 100%;

    max-width: 100%;
  }

  .wnavbar-navmenu .wnavbar-navlist {
    background: #eeeeee;

    border-radius: 4px;

    display: table;

    list-style: none;

    margin: auto;

    position: relative;

    padding: 0.4rem 0rem 0.4rem;

    padding-left: 1.2rem;

    margin-bottom: 0.8rem;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;
  }

  .wnavbar-navmenu .wnavbar-navlist li.wnav-item a.wnav-link {
    background: transparent;

    font-size: 0.94rem;

    font-weight: 400;
  }
}

@media only screen and (min-width: 1040px) {
  .wnavbar-navbtn li.wnav-btn a.wnavbtn {
    display: none;
  }

  .wnavbar-navmenu li.wnav-item:hover .wnavbar-navlist {
    display: block;

    animation: wshow-wbtm 0.4s ease-in-out;
  }

  /* Navbar Menu List */

  .wnavbar-navlist {
    background: #ffffff;

    border-bottom: 3px solid #4992ff;

    border-radius: 2px;

    box-shadow: 0px 2px 4px rgba(62, 68, 66, 0.4);

    display: block;

    list-style: none;

    position: absolute;

    padding: 0.8rem 1.2rem 1.2rem;

    width: 180px;

    z-index: 10;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;
  }

  .wnavbar-navlist li.wnav-item {
    display: block;

    float: left;

    width: 100%;
  }

  .wnavbar-navlist li.wnav-item a.wnav-link {
    border-bottom: 1px solid rgba(62, 68, 66, 0.1);

    display: table;

    color: #35363d;

    font-family: "Roboto Reguler V1", sans-serif;

    font-size: 0.92rem;

    font-weight: 300;

    padding: 0.3rem 0rem 0.3rem;

    height: 0;

    width: 100%;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;
  }

  .wnavbar-navlist li.wnav-item:last-child a.wnav-link {
    border-bottom: none;
  }

  .wnavbar-navlist li.wnav-item a.wnav-link:hover {
    color: #4992ff;
  }
}

@media only screen and (max-width: 680px) {
  .wnavbar-navsmall {
    display: block;

    text-align: center;

    padding: 0rem 0.4rem 0rem;

    width: 100%;
  }

  .wnavbar-navsmall .wnavbar-navleft {
    text-align: center;

    width: 100%;
  }

  .wnavbar-navsmall .wnavbar-navright {
    display: none;
  }
}

@media only screen and (min-width: 680px) {
  .wnavbar-navmenu li.wnav-item a.wnav-link-respon {
    display: none;
  }
}

@media only screen and (max-width: 580px) {
  .wnavbar-navsmall .wnavbar-navleft ul.wnavbar-navsmall-list {
    width: 78%;

    max-width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .wnavbar-navsmall .wnavbar-navleft ul.wnavbar-navsmall-list {
    width: 88%;

    max-width: 100%;
  }
}

@media only screen and (max-width: 680px) {
  .nav-btn .wnavbar-navbtn li.wnav-btn a.wnav-link {
    display: block;
  }

  .wnavbar-navbtn li.wnav-btn a.wnav-link {
    display: none;
  }

  .wnavbar-navbtn li.wnav-btn {
    display: flex;

    position: fixed;

    top: 40px;

    right: 1.5rem;
  }

  .wnavbar-navbtn li.wnav-btn a.wnavbtn {
    display: flex;
  }
}

/* Carrousel Custom */

@media only screen and (min-width: 780px) {
  .carousel-inner .wimg-carrousel {
    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    object-position: center;

    object-fit: cover;

    height: 590px;

    max-height: 100%;

    width: 100%;

    max-width: 100%;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;
  }
}

@media only screen and (max-width: 1080px) {
  .carousel-inner .wimg-carrousel {
    background-size: 100%;

    height: 480px;

    width: 100%;

    max-width: 100%;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;
  }
}

@media only screen and (max-width: 780px) {
  .carousel-inner .wimg-carrousel {
    background-size: 100%;

    height: 380px;

    width: 100%;

    max-width: 100%;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;
  }
}

@media only screen and (max-width: 420px) {
  .carousel-inner .wimg-carrousel {
    background-size: 100%;

    height: 240px;

    width: 100%;

    max-width: 100%;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;
  }

  .carousel-indicators li {
    height: 10px;

    width: 10px;
  }
}

@media only screen and (max-width: 340px) {
  .carousel-inner .wimg-carrousel {
    background-size: 100%;

    height: 200px;

    width: 100%;

    max-width: 100%;

    -webkit-transition: 0.4s ease-in-out;

    -moz-transition: 0.4s ease-in-out;

    -ms-transition: 0.4s ease-in-out;

    -o-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;
  }
}

/* Feature Info */

@media only screen and (max-width: 580px) {
  .wfeature-info {
    padding-left: 1rem;

    padding-right: 1rem;
  }

  .wfeature-thems {
    padding-left: 0rem;

    padding-right: 0rem;
  }
}

@media only screen and (max-width: 280px) {
  .wfeature-info {
    padding-left: 0.6rem;

    padding-right: 0.6rem;
  }
}

/* Banner Content */

@media only screen and (max-width: 1080px) {
  .wbanner-content {
    padding: 0.5rem 0.8rem 0.5rem;
  }
}

@media only screen and (max-width: 780px) {
  .wbanner-bottom {
    padding: 2rem 0rem 2rem;
  }

  .wbanner-content {
    padding: 0.5rem 0rem 0.5rem;
  }
}

/* Footer Thems */

@media only screen and (max-width: 580px) {
  .wfooter-thems {
    padding-left: 1.8rem;

    padding-right: 1.8rem;
  }
}

@media only screen and (max-width: 340px) {
  .wfooter-thems {
    padding-left: 0.9rem;

    padding-right: 0.9rem;
  }
}

/* Footer Main */

@media only screen and (max-width: 1025px) {
}

@media only screen and (max-width: 996px) {
  .wfooter-main .wfooter-logo .wimg {
    width: auto;
    height: 65px;
  }
}

/* Footer Group */

@media only screen and (max-width: 600px) {
  .wfooter-group .wfooter-group-icon {
    width: 20px;
  }
}

/* Footer Bottom */

@media only screen and (max-width: 400px) {
  .wfooter-bottom {
    padding: 1.6rem 0rem 1.6rem;
  }
}

/* Footer Custom */

@media only screen and (max-width: 1010px) {
  .wfooter-main .wfooter-head .pl-4 {
    padding-left: 0rem !important;
  }

  .wfooter-list {
    padding-left: 0rem;
  }

  .wfooter-sosmed-list {
    padding-left: 0rem;
  }
}

@media only screen and (max-width: 990px) {
  .wfooter-info .wfooter-link-email .wfooter-icon,
  .wfooter-info .wfooter-link-email {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 760px) {
  .wfooter-info .wfooter-link-email {
    font-size: 0.9rem;
  }
}

/***********************************************************/

/*			  Responsive Content SkarNetwork Thems			   */

/***********************************************************/

/* About Images */

@media only screen and (max-width: 440px) {
  .wabout-images-icon {
    height: 200px;
  }
}

@media only screen and (max-width: 320px) {
  .wabout-images-icon {
    height: 180px;
  }
}

/* Single Thems */

@media only screen and (max-width: 980px) {
  .wsingle-lay-textjusty {
    text-align: left;
  }
}

@media only screen and (max-width: 580px) {
  .wsingle-thems {
    padding-left: 1rem;

    padding-right: 1rem;
  }
}

@media only screen and (max-width: 280px) {
  .wsingle-thems {
    padding-left: 0.6rem;

    padding-right: 0.6rem;
  }
}

@media only screen and (max-width: 770px) {
  .wsingle-thems .wsingle-brd-rg {
    border: none;
  }
}

/* About Thems */

@media only screen and (max-width: 900px) {
  .wabout-thems {
    margin-bottom: 2rem;
  }

  .wabout-titlepage {
    max-width: 400px;
  }
}

@media only screen and (max-width: 580px) {
  .wabout-thems {
    padding-left: 1rem;

    padding-right: 1rem;
  }
}

@media only screen and (max-width: 280px) {
  .wabout-thems {
    padding-left: 0.6rem;

    padding-right: 0.6rem;
  }
}

@media only screen and (max-width: 520px) {
  .wabout-titlepage {
    max-width: 300px;
  }
}

@media only screen and (max-width: 430px) {
  .wabout-titlepage {
    max-width: 200px;
  }
}

@media only screen and (max-width: 500px) {
  .wabout-page .wabout-page-head .wabout-page-title {
    font-size: 2.4rem;

    text-shadow: 1.5px 1.5px rgba(255, 255, 255, 0.6);
  }
}

@media only screen and (max-width: 350px) {
  .wabout-page .wabout-page-head .wabout-page-title {
    font-size: 2rem;

    text-shadow: 1.5px 1.5px rgba(255, 255, 255, 0.6);
  }
}

/* Harga Paket */

@media only screen and (min-width: 766px) {
  /* Paket Custom */

  .wpaket-thems:hover {
    box-shadow: 0px 0px 12px rgba(62, 68, 66, 0.2);

    transform: translateY(-18px);
  }
}

@media only screen and (max-width: 770px) {
  .wpaket-thems .wpaket-foot-button .wbtn {
    width: 50%;
  }
}

@media only screen and (max-width: 766px) {
  @-webkit-keyframes PaketThems {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .wpaket-thems:hover {
    box-shadow: 0px 0px 12px rgba(62, 68, 66, 0.2);

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;
  }
}

@media only screen and (max-width: 440px) {
  .wsingle-iconpage {
    width: 100px;
  }

  .wsingle-titlepage-title {
    font-size: 1.48rem;
  }
}

@media only screen and (max-width: 900px) {
  .wpaket-mainfooter-responsive {
    padding-left: 0rem;

    padding-right: 0rem;
  }
}

/* Single Section */

@media only screen and (max-width: 460px) {
  .wsection-thems .wsection-title {
    font-size: 1.38rem;
  }
}

/* About Page */

@media only screen and (max-width: 440px) {
  .wabout-page .wabout-page-head .wabout-page-title {
    font-size: 1.78rem;
  }
}

/* New Thems */

@media only screen and (max-width: 990px) {
  .wnews-thems {
    padding-right: 0rem;

    padding-left: 0rem;
  }
}

/* Side Content IMG */

@media only screen and (max-width: 320px) {
  .wsidecontent-title {
    font-size: 1.6rem;
  }
}

/* News Info Images*/

@media only screen and (max-width: 1000px) {
  .wnewsinfo-images-thems {
    height: 300px;
  }
}

@media only screen and (min-width: 770px) {
  .wnewsinfo-thems .wnewsinfo-head {
    padding: 0rem 0.8rem 0rem;
  }
}

@media only screen and (max-width: 770px) {
  .wnewsinfo-repson-sm {
    padding: 0rem;
  }

  .wnewsinfo-thems .wnewsinfo-head {
    margin: 0rem 0rem 0.8rem;
  }

  .wnewsinfo-images-thems-res {
    padding: 0rem 0rem 0.8rem;
  }

  .wnewsinfo-images-thems {
    height: 280px;

    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .wnewsinfo-images-thems {
    height: 220px;
  }
}

@media only screen and (max-width: 420px) {
  .wnewsinfo-images-thems {
    height: 160px;
  }

  .wnewsinfo-thems .wnewsinfo-head .wnewsinfo-head-title {
    font-size: 1.28rem;
  }
}

/* News Images*/

@media only screen and (max-width: 990px) {
  .wnews-images-thems {
    margin-bottom: 1.4rem;

    height: 260px;
  }
}

@media only screen and (max-width: 580px) {
  .wnews-images-thems {
    margin-left: auto;

    margin-right: auto;

    margin-bottom: 1.4rem;

    height: 200px;

    width: 100%;
  }
}

@media only screen and (max-width: 440px) {
  .wnews-images-thems {
    margin-left: auto;

    margin-right: auto;

    margin-bottom: 1.4rem;

    height: 200px;

    width: 100%;
  }
}

@media only screen and (max-width: 350px) {
  .wnews-images-thems {
    margin-left: auto;

    margin-right: auto;

    margin-bottom: 1.4rem;

    height: 180px;

    width: 100%;
  }
}

/* Paginations */

@media only screen and (max-width: 600px) {
  .paginations .page-link {
    font-size: 0.88rem;

    padding: 0.4rem 0.68rem 0.4rem;
  }

  .paginations .page-item:first-child .page-link {
    border-top-left-radius: 6px;

    border-top-left-radius: 6px;

    padding: 0.4rem 0.68rem 0.4rem;
  }

  .paginations .page-item:last-child .page-link {
    border-top-right-radius: 6px;

    border-top-right-radius: 6px;

    padding: 0.4rem 0.68rem 0.4rem;
  }
}

/* Search */

@media only screen and (max-width: 990px) {
  .widget-form-search input[type="text"] {
    width: 76%;
  }
}

@media only screen and (max-width: 210px) {
  .widget-form-search input[type="text"] {
    width: 68%;
  }
}

/* Widget */

@media only screen and (max-width: 320px) {
  .widget {
    padding: 1.4rem 0.2rem 1.4rem;
  }
}

/* Info Pembayaran */

@media only screen and (max-width: 500px) {
  .wsingle-head .wsingle-head-title .wsingle-head-text {
    font-size: 2rem;
  }
}

/* SideBottom Thems */

@media only screen and (max-width: 440px) {
  .wsidebottom-img .wside-text .wside-title-text,
  .wsidebottom-thems .wsidebottom-head .wsidebottom-title {
    font-size: 0.98rem;
  }
}

/* Google Maps */

@media only screen and (max-width: 990px) {
  .wmaps-thems .wmaps-body .wmaps {
    height: 360px;
  }
}

@media only screen and (max-width: 770px) {
  .wmaps-thems .wmaps-body .wmaps {
    height: 300px;
  }
}

/* Payment */

@media only screen and (max-width: 765px) {
  .wpayment .wpayment-image .wimg-wpayment {
    height: 140px;
  }
}

/* Artikel Head Page */

@media only screen and (max-width: 500px) {
  .wartikel-headpage .wartikel-tags {
    display: table;
  }

  .wartikel-headpage .wartikel-tags .wleft {
    display: table;

    width: 100%;

    max-width: 100%;
  }

  .wartikel-headpage .wartikel-tags .wright {
    display: table;

    float: left;

    text-align: left;

    margin: 10px 0rem 0rem;

    padding: 0rem 0rem 0rem;

    padding-left: 0rem;

    width: 100%;

    max-width: 100%;
  }

  .wartikel-headpage .wartikel-tags ul.wartikel-list {
    padding: inherit;
  }

  .wartikel-notif .wartikel-title {
    margin-top: 0rem;
  }

  .wartikel-notif .wartikel-title h4 {
    font-size: 1.48rem;
  }
}

/* Seacrh */

@media only screen and (max-width: 990px) {
  .wartikel-notif .wartikel-image img {
    height: 280px;
  }
}

@media only screen and (max-width: 530px) {
  .wartikel-notif .wartikel-image img {
    height: 100%;

    width: 100%;
  }
}

/* Artikel Info New Border */

@media only screen and (max-width: 770px) {
  #wnewsinfo-body-text {
    padding: 0rem 0rem 0rem;
  }

  #wnewsinfo-brd-rg {
    border-right: none;
  }
}

@media only screen and (max-width: 1000px) {
  .wtable tbody tr td.wtable-btn {
    padding-left: 0.4rem;

    padding-right: 0.4rem;
  }
}

@media only screen and (max-width: 500px) {
  .wheadpage-thems .wheadpage-body .wheadpage-title {
    padding: 0.8rem 0rem 0.8rem;
  }

  .wheadpage-body .wright {
    float: left;
  }
}

/* wform-step-thems */

@media only screen and (max-width: 800px) {
  .wform-step .wform-step-thems .step {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 700px) {
  .wberlangganan-notif {
    display: block;

    width: 100%;
  }
}

@media only screen and (max-width: 940px) {
  #wabout-thems-reseller {
    padding: 0rem 0rem 0rem;
  }
}

@media only screen and (max-width: 540px) {
  #wabout-thems-reseller {
    height: 220px;
  }
}

@media only screen and (max-width: 380px) {
  #wabout-thems-reseller {
    height: 180px;
  }
}