/*
Theme Name: PT. SAKA NIAGASUKSES ABADI
Theme URI: https://www.sakaniagasuksesabadi.com
Author: Adigrafis
Author URI: https://www.bali-web.com
Description: PT. SAKA NIAGASUKSES ABADI Agustus 2017
Version: 1
*/
a{
	color: #563d7c ;
	text-decoration:none;
}
a:hover{
	color: #000 ;
	text-decoration:none;
}
.fullheight{
  /*
  background-color: #563d7c;
  */
  background-color: #000;
}
.gridiso h1:before {
    content: '';
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    border-top: 2px solid #ffe484;
}
.gridiso h1 {
	font-family: 'Segoe UI', arial;
	text-transform: uppercase!important;
	margin-bottom: 20px;
	color: #fff;
}
.white {
	background-color: #fff;
}
.logo {
	margin: 20px 0px;
	text-align: center!important;
}
/*-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif*/
.nav-link {
	font-size: 14px;
	text-transform: uppercase!important;
	font-family: 'BlinkMacSystemFont', arial;
}
h2, .h2 {
	text-transform: uppercase!important;
	font-family: 'Roboto', arial;
    font-size: 13px!important;
}
.top80{
	margin: 20px 0px;
}
footer{
	margin: 40px 0px;
}
footer ul{
	margin: 0;
	padding: 0;
}
footer ul li{
	list-style: none;
	font-size: 13px;
}
footer h5:before {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    width: 40px;
    left: 15px;
    border-top: 2px solid #ffe484;
}
footer h5 {
	font-family: 'Roboto', arial;
	font-size: 18px;
	text-transform: uppercase;
}
footer p {
	font-size: 13px;
}
footer .copy {
	text-align: center;
}
footer .copy:before {
    content: '';
    display: block;
    width: 40px;
    border-bottom: 2px solid #ffe484;
    margin-bottom: 15px;
}
.grid {
	overflow: hidden!important;
	padding: 55px 0px 50px 0px;
	width: 100%;
	list-style: none;
}


/* ISOTOP css
------------------------- */
.gridiso {
	overflow: hidden!important;
	padding: 35px 0px 50px 0px;
	width: 100%;
	list-style: none;
	text-align: center;
	line-height: 0!important;
}
.ui-group{
	text-align: center!important;
	padding-top: 30px;
	color: #fff;
}
.ui-group a{
	color: #ffe484;
}
.ui-group h1:before {
    content: '';
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    border-top: 2px solid #ffe484;
}
.ui-group h1 {
	font-family: 'Segoe UI', arial;
	text-transform: uppercase!important;
	margin-bottom: 20px;
	font-size: 27px;
}
.ui-group p {
	font-family: 'Segoe UI', arial;
	font-size: 18px;
	margin-bottom: 20px;
	max-width: 850px;
	margin: 0 auto;
}

.btn-isot {
  color: #ffe484;
  background-color: transparent;
  background-image: none;
  border-color: #ffe484;
}

.btn-isot:hover {
  color: #ffe484;
  background-color: #3c275b;
}

.btn-isot:focus, .btn-isot.focus {
  box-shadow: none!important;
}

.is-checked {
  color: #3c275b;
  background-color: #ffe484;
  border-color: #ffe484;
}


.element-item {
  position: relative;
  overflow: hidden!important;
  float: left;
  width: 160px;
  height: 160px;
  margin: 5px;
  padding: 0px;
  background: #000;
  color: #fff;
  font-size:12px!important;
  font-family: 'BlinkMacSystemFont', arial!important;
  line-height: 1!important;
}


.element-item img {
    position: relative;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0.5;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

.element-item:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  position: absolute;
  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.8em;
  font-weight: normal;
  display: none!important;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
.element-item .symbol a {
	color: #fff ;
	text-decoration: none;
	font-size:19px!important;
	line-height: 12px;
	font-weight: normal!important
}


.element-item .number {
  position: absolute;
  right: 8px;
  bottom: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 0.8em;
}

.gallery_list{
	/*border-left: 1px solid #999;*/
	padding-left: 0px;
	padding-top: 25px;
	padding-bottom: 40px;
	width: 100%;
}

.gallery_list h3{
	font-size:18px!important;
	font-family: 'BlinkMacSystemFont', arial!important;
	margin-bottom: 20px;
	color: #ffe484;
	text-transform: uppercase!important;
}
.gallery_list h3:after {
    content: '';
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    border-bottom: 1px solid #fff;
}

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

.gallery_list li img {
  float: left;
  margin: 0 15px 0 0;
}

.gallery_list li h2{
	font-size: 18px!important;
	font-family: 'Segoe UI', serif!important;
	margin-top: 0px;
}
.gallery_list li h2:after {
    content: '';
    display: block;
    padding-top: 15px;
    margin-left: 135px;
    width: 40px;
    border-bottom: 1px solid #ffe484;
}

.gallery_list li p {
  font-size: 13px;
  margin-bottom: 0px;
}

.gallery_list li {
	border: none ;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 3px;
	/*background-color: #f9f9f9;
	border: 1px solid #d8d8d8;*/
	background-color: rgba(60, 39, 91, 0.5);
	float: left;
}

.gallery_list li:hover {
	background: #563d7c;
	cursor: pointer;
}
.gallery_list a {
	color:#fff!important;
	text-decoration: none;
}
.gallery_list a:hover {
	color:#ffe484!important;
}

.sidebar a {
	color:#293692!important;
	text-decoration: none;
}
.sidebar a:hover {
	color:#293692!important;
}

.sidebar h5 {
	padding-left: 5px;
	font-family: 'Segoe UI', serif!important;
	padding: 0;
	margin: 0;
	line-height: 36px!important;
	text-transform: uppercase;
	color: #563d7c;
}
.sidebar h5:after {
    content: '';
    display: block;
    padding-top: 10px;
    width: 40px;
    border-bottom: none!important;
}
.sidebar{
	/*border-left: 1px solid #999;*/
	padding-left: 0px;
}

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

.sidebar li img {
  float: left;
  margin: 0 15px 0 0;
}

.sidebar li p {
  font-size: 11px;
  margin-bottom: 0px;
}

.sidebar li {
	padding: 10px;
	overflow: auto;
	margin-bottom: 3px;
	/*background-color: #f9f9f9;*/
	background-color: rgba(255, 255, 255, 0.5);
}

.sidebar li:hover {
  background: #e8e8e8;
  cursor: pointer;
}

.mar40{
	padding: 40px 0;
	margin: 0;
}
.page{
	/*border-bottom: 5px solid #ffe484;*/
	background-color: #f8f8f8;
}
.page h1{
	color: #563d7c;
	font-size: 28px;
}
.page h1:before {
    content: '';
    display: block;
    padding-top: 15px;
    width: 40px;
    border-top: 2px solid #ffe484;
}

.page h5:after {
    content: '';
    display: block;
    padding-top: 12px;
    width: 40px;
    border-bottom: 1px solid #ffe484;
}

.page ul{
	margin: 0;
	padding: 0;
}
.page ul li{
	list-style: none;
	font-size: 13px;
}
.map{
	margin: 0;
	padding: 0;
	line-height: 0px;
}
.scrolloff {
    pointer-events: none;
}

table {
  color: #ffe484!important;
  background-color: #563d7c!important;
  width: 100%!important;
  font-size: 13px!important;
  border: none!important
}

table th,
table td,
table thead th {
  padding: 0.5rem!important;
  border: none!important
}

table tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03)!important;
}

table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075)!important;
}


@media (max-width: 768px) {
	.logo {
		margin: 20px 0px 0px 0px;
		text-align: center!important;
	}
}