header,footer{display:none}
#main{background:url(https://sdia15.sch.id/wp-content/uploads/2018/11/batik.png);width:100%;height:100%;left:0;top:0;position:relative;}

.fw-page-builder-content section.shape-center1{width:100%;height:100%;background:url(https://1.bp.blogspot.com/-GevEkQDSctg/WIeaoU38ozI/AAAAAAAAAIw/gWjvd9s9PUgVeve8wwvf7iBMVbC0iSz5ACLcB/s1600/garis-dark.png);position:absolute}

.site-main .fw-main-row > .fw-container {
background:transparent;
width: 100%;
height:100%;
position:fixed;
top:0;left:0;
padding: 0;
}
.fw-col-sm-12{padding:0}
.fw-row{margin:0}

@media (max-width: 767px)
{div[class^=”fw-col-sm-“], div[class^=”fw-col-md-“], div[class^=”fw-col-xs-“] {
padding-top: 0px;
padding-bottom: 0px;
}
}

@keyframes slideTop1 {0% { opacity: 0; bottom: 250px; }100% { opacity: 1; bottom: 50px; }}
.shape-midle{content:””;width:100%;height:100%;position:fixed;font-family:”calibri”;z-index:9}
.shape-center{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;z-index:6}
.shape-center1{width:100%;height:100%;background:url(https://1.bp.blogspot.com/-GevEkQDSctg/WIeaoU38ozI/AAAAAAAAAIw/gWjvd9s9PUgVeve8wwvf7iBMVbC0iSz5ACLcB/s1600/garis-dark.png);position:absolute;z-index:6}
.shape-menu{background: linear-gradient(to left, rgba(0,0,0,.0) 0%,#eee 50%,rgba(0,0,0,.0) 100%);
width:100%;height: 51px;box-shadow: 0 1px 5px #000;margin:0;position: fixed;bottom:50px;left:0;z-index: 9; animation: slideTop1 5000ms ease both;}
.shape-menu:after {
content: “”;
width: 100%;
height: 1px;
background: linear-gradient(to left, rgba(0,0,0,.0) 0%,#fff 50%,rgba(0,0,0,.0) 100%);
position: absolute;
top: 0;
left: 0;
}
.shape-menu:before {
content: “”;
width: 100%;
height: 1px;
background: linear-gradient(to left, rgba(0,0,0,.0) 0%,#fff 50%,rgba(0,0,0,.0) 100%);
position: absolute;
bottom: 0;
left: 0;
}
.shape-menu ul{width:472px;
height: 50px;
padding: 0;
margin:0 auto;
list-style: none;
text-align: center;
position: relative;
z-index: 1;
text-transform: uppercase;
font-size: 12px; }
.shape-menu ul li{background:linear-gradient(to bottom right, #f00 0%,#f00 30%,#600 100%);
width: 80px;position:relative;
height:80px;
line-height: 50px;
float: left;
letter-spacing:1px;
transform:rotate(45deg);
margin: -15px 18px 0;
text-shadow: 0 1px 1px #000;
box-shadow: 0 1px 5px rgba(0,0,0,.9);
border: 1px solid #f00;
color: #bbb;
font-weight: bold;z-index:8; transition: all 0.5s ease 0s;
}
.shape-menu ul li p{
width:97px;
line-height: 95px;
transform: rotate(-45deg);
}
.shape-menu ul li p:before {content: “f0f7”;
font-family: FontAwesome;
font-style: normal;
text-align: center;
font-weight: normal;
position: absolute;
width: 100%;
left: 0;
top: -23px;
font-size: 25px;}
.shape-menu ul li p.T:before {content: “f0f7”;}
.shape-menu ul li p.P:before {content: “f091”;}
.shape-menu ul li p.BL:before {content: “f1ea”;}
.shape-menu ul li p.A:before {content: “f073″;}
.shape-menu ul li:hover{color:#fff;text-shadow:0 0 10px #eee,0 0 20px #eee,0 0 30px #eee}
.shape-logo{content:””;background:url(https://3.bp.blogspot.com/-M_a9Mg8SAvo/W-cBld7A3dI/AAAAAAAAAaU/iimJkqmoil4nlFh7rQOrxCveujjhgRIkgCLcBGAs/s1600/Logo%2Bweb.png)no-repeat center;background-size:150px;width:100%;height:350px;position:absolute;top:8%;z-index:8}
.shape-text{width:100%;height:100px;text-align:center;font-size:55px;position:absolute;bottom:150px;z-index:9;color:#fff;font-weight:400;font-family:’audiowide’;text-transform:uppercase;text-shadow:1px 1px 5px #000;cursor:crosshair;transition:all 0.5s ease 0s;}
.shape-text:hover{color:#C6EB04;text-shadow:0 4px 6px rgba(0,0,0,0.25), 0 0 10px #C6EB04, 0 0 30px #C6EB04, 0 0 50px #C6EB04, 0 1px 3px #000!important;}
.shape-text p{font-size:20px;font-family:’open sans’;margin-top:10px;color:#f00;text-shadow:0 1px 5px #000;font-weight:bold;letter-spacing:2px}
.tab-content{width:100%;position:absolute;bottom:25px;}
.tab{display:none}
.alpamsatu,.alpamdua,.alpamtiga,.alpamempat{background:#a00;width:110px;position:relative;box-shadow:0 1px 5px rgba(0,0,0.4);padding:0 0 65px;z-index:2}
.alpamsatu{margin-left:2px}
.alpamdua{margin-left:119px}
.alpamtiga{margin-left:235px}
.alpamempat{margin-left:351px}
.alpamsubmenu{background:#a00;height:35px;line-height:35px;border-bottom:1px solid #900;box-shadow:0 1px 0 #b00;color:#ddd}
.alpamsubmenu:hover{color: #fff;
text-shadow: 0 0 10px #eee, 0 0 20px #eee, 0 0 30px #eee;}
.alpamsatu::after,.alpamdua::after,.alpamtiga::after,.alpamempat::after{content:””;background:#a00;width:78px;height:78px;transform:rotate(45deg);position:absolute;top:-39px;left:16px;z-index:-1;box-shadow:0 1px 5px rgba(0,0,0,0.4)}
.tab-links1 a{content:””;width:114px;height:50px;position:absolute;bottom:-25px;left:0;z-index:9}

.tab-links2 a{content:””;width:114px;height:50px;position:absolute;bottom:-25px;right:10px;z-index:9}

.menukananatas {width:110px;position:fixed;right:30px;top:30px;z-index:9;}

.submenukananatas{background: linear-gradient(to bottom right, #f00 0%,#f00 30%,#600 100%);
width:100%;height:35px;line-height:33px;text-align:center;color:#ddd;border-radius:100px;border:1px solid #f00;text-shadow:0 1px 1px #000;font-size:12px;font-weight:bold;box-shadow:0 1px 5px rgba(0,0,0,.9);transition:all 0.5s ease 0s
}

.submenukananatas:hover{color: #fff;
text-shadow: 0 0 10px #eee, 0 0 20px #eee, 0 0 30px #eee;}
.slideshow {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
.slideshow-image {
position: absolute;
width: 100%;
height: 100%;
background: no-repeat 50% 50%;
background-size: cover;
-webkit-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 30s;
animation-duration: 30s;
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
-webkit-animation-name: kenburns-1;
animation-name: kenburns-1;
z-index: 4;
}
.slideshow-image:nth-child(2) {
-webkit-animation-name: kenburns-2;
animation-name: kenburns-2;
z-index: 3;
}
.slideshow-image:nth-child(3) {
-webkit-animation-name: kenburns-3;
animation-name: kenburns-3;
z-index: 2;
}
.slideshow-image:nth-child(4) {
-webkit-animation-name: kenburns-4;
animation-name: kenburns-4;
z-index: 1;
}
.slideshow-image:nth-child(5) {
-webkit-animation-name: kenburns-5;
animation-name: kenburns-5;
z-index: 0;
}
@-webkit-keyframes kenburns-1 {
0% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
5% {
opacity: 1;
}
15% {
opacity: 1;
}
25% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
95% {
opacity: 0;
-webkit-transform: scale(1.24);
transform: scale(1.24);
}
100% {
opacity: 1;
}
}
@keyframes kenburns-1 {
0% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
5% {
opacity: 1;
}
15% {
opacity: 1;
}
25% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
95% {
opacity: 0;
-webkit-transform: scale(1.24);
transform: scale(1.24);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes kenburns-2 {
15% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
25% {
opacity: 1;
}
35% {
opacity: 1;
}
45% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes kenburns-2 {
15% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
25% {
opacity: 1;
}
35% {
opacity: 1;
}
45% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes kenburns-3 {
35% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
45% {
opacity: 1;
}
55% {
opacity: 1;
}
65% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes kenburns-3 {
35% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
45% {
opacity: 1;
}
55% {
opacity: 1;
}
65% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes kenburns-4 {
55% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
65% {
opacity: 1;
}
75% {
opacity: 1;
}
85% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes kenburns-4 {
55% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
65% {
opacity: 1;
}
75% {
opacity: 1;
}
85% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes kenburns-5 {
75% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
85% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns-5 {
75% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
85% {
opacity: 1;
}
95% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 768px) {
.shape-text{font-size:28px;bottom:100px}
.shape-text p{font-size:11px;margin-top:-4px}
.shape-logo{background-size:120px;top:7%}
.shape-menu{background: linear-gradient(to left, rgba(0,0,0,.0) 0%,#eee 50%,rgba(0,0,0,.0) 100%);
width:100%;height: 41px;box-shadow: 0 1px 5px #000;margin:0;position: fixed;bottom:50px;left:0;z-index: 9;}
.shape-menu ul{width:296px;
height: 41px;
padding: 0;font-size:7px;
margin:0 auto;}
.shape-menu ul li{background:linear-gradient(to bottom, #f00 0%,#600 100%);
width: 50px;
height: 50px;
line-height: 40px;
margin: -5px 12px 0;

}
.shape-menu ul li p {
width: 58px;
line-height: 55px;
}
.shape-menu ul li p:before {
top: -13px;
font-size: 15px;}
.tab-content{bottom:21px;}
.alpamsatu,.alpamdua,.alpamtiga,.alpamempat{width:70px;padding:0 0 45px;}
.alpamsatu{margin-left:2px}
.alpamdua{margin-left:76px}
.alpamtiga{margin-left:150px}
.alpamempat{margin-left:224px}
.alpamsubmenu{height:35px;line-height:35px;}
.alpamsatu::after,.alpamdua::after,.alpamtiga::after,.alpamempat::after{width:50px;height:50px;top:-25px;left:10px;}
.tab-links1 a,.tab-links2 a{width:70px}
.menukananatas {width:90px;right:10px;top:10px;}
.submenukananatas{font-size:10px}
}