/*@import url(http://fonts.googleapis.com/css?family=Pacifico);*/@import url(http://fonts.googleapis.com/css?family=Vollkorn);.cb-slideshow,.cb-slideshow:after{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}.cb-slideshow:after{content: ''; background: transparent url(../img/pattern.png) repeat top left;}.cb-slideshow li span{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0;-webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s;}.cb-slideshow li div{z-index: 0; position: absolute; top: 10px; left: 40px; width: 100%; text-align: left; opacity: 0; /*color: #f3d214;*/color: #ffffff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s;}.cb-slideshow li div h3{/*font-family: 'Pacifico', cursive;*/font-family: 'Vollkorn', serif;text-shadow: 0px 3px 0px #000000; /*font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;*/ font-size: 35px; padding: 0;font-weight: 600;}/*.cb-slideshow li div{z-index: 0; position: absolute; bottom: 30px; left: 0px; width: 100%; text-align: center; opacity: 0; color: #fff; -webkit-animation: titleAnimation 36s linear infinite 0s; -moz-animation: titleAnimation 36s linear infinite 0s; -o-animation: titleAnimation 36s linear infinite 0s; -ms-animation: titleAnimation 36s linear infinite 0s; animation: titleAnimation 36s linear infinite 0s;}.cb-slideshow li div h3{font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; font-size: 240px; padding: 0; line-height: 200px;}*//*.cb-slideshow li:nth-child(1) span{background-image: url(../slide/smanema1.jpg);}.cb-slideshow li:nth-child(2) span{background-image: url(../slide/smanema2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}.cb-slideshow li:nth-child(3) span{background-image: url(../slide/smanema3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s;}.cb-slideshow li:nth-child(4) span{background-image: url(../slide/smanema4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s;}.cb-slideshow li:nth-child(5) span{background-image: url(../slide/smanema5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s;}.cb-slideshow li:nth-child(6) span{background-image: url(../slide/smanema6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s;}.cb-slideshow li:nth-child(2) div{-webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}.cb-slideshow li:nth-child(3) div{-webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s;}.cb-slideshow li:nth-child(4) div{-webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s;}.cb-slideshow li:nth-child(5) div{-webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s;}.cb-slideshow li:nth-child(6) div{-webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s;}*//* Animation for the slideshow images */@-webkit-keyframes imageAnimation{0%{opacity: 0; -webkit-animation-timing-function: ease-in;}8%{opacity: 1; -webkit-animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}}@-moz-keyframes imageAnimation{0%{opacity: 0; -moz-animation-timing-function: ease-in;}8%{opacity: 1; -moz-animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}}@-o-keyframes imageAnimation{0%{opacity: 0; -o-animation-timing-function: ease-in;}8%{opacity: 1; -o-animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}}@-ms-keyframes imageAnimation{0%{opacity: 0; -ms-animation-timing-function: ease-in;}8%{opacity: 1; -ms-animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}}@keyframes imageAnimation{0%{opacity: 0; animation-timing-function: ease-in;}8%{opacity: 1; animation-timing-function: ease-out;}17%{opacity: 1}25%{opacity: 0}100%{opacity: 0}}/* Animation for the title */@-webkit-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}@-moz-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}@-o-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}@-ms-keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}@keyframes titleAnimation{0%{opacity: 0}8%{opacity: 1}17%{opacity: 1}19%{opacity: 0}100%{opacity: 0}}/* Show at least something when animations not supported */.no-cssanimations .cb-slideshow li span{opacity: 1;}@media screen and (max-width: 1140px){.cb-slideshow li div h3{font-size: 35px;}}@media screen and (max-width: 980px){.cb-slideshow li div h3{font-size: 20px; line-height:25px; z-index: 0; position: absolute; top: -30px; left: -30px; text-align: left;}}


/* Teks Slider */
/* sumber asli
.content-slider{background:rgb(255,221,64);margin:20px auto;padding:20px;width:300px;height:250px}
.slider{margin:0 auto;overflow:visible;position:relative}
.mask{overflow:hidden;height:200px}
.slider ul{margin:0;padding:20px;position:relative}
.slider li{width:250px;height:250px;position:absolute;right:-325px;list-style:none}
.slider .quote{font-size:20px;font-style:italic}
.slider .source{font-size:15px;text-align:right}
.content-slider .link{background:#47cf73;display:inline-block;padding:10px 15px;font-size:12px;border-radius:25px;float:right;bottom:0}
.content-slider .link a{color:#ffffff}
.slider li.anim1{animation:cycle 30s linear infinite}
.slider li.anim2{animation:cycle2 30s linear infinite}
.slider li.anim3{animation:cycle3 30s linear infinite}
.slider li.anim4{animation:cycle4 30s linear infinite}
.slider li.anim5{animation:cycle5 30s linear infinite}
.slider:hover li{animation-play-state:paused}
@keyframes cycle{0%{right:0}4%{right:0}16%{right:0;opacity:1;z-index:0}20%{right:325px;opacity:0;z-index:0}21%{right:-325px;opacity:0;z-index:-1}50%{right:-325px;opacity:0;z-index:-1}92%{right:-325px;opacity:0;z-index:0}96%{right:-325px;opacity:0}100%{right:0;opacity:1}}
@keyframes cycle2{0%{right:-325px;opacity:0}16%{right:-325px;opacity:0}20%{right:0;opacity:1}24%{right:0;opacity:1}36%{right:0;opacity:1;z-index:0}40%{right:325px;opacity:0;z-index:0}41%{right:-325px;opacity:0;z-index:-1}100%{right:-325px;opacity:0;z-index:-1}}
@keyframes cycle3{0%{right:-325px;opacity:0}36%{right:-325px;opacity:0}40%{right:0;opacity:1}44%{right:0;opacity:1}56%{right:0;opacity:1;z-index:0}60%{right:325px;opacity:0;z-index:0}61%{right:-325px;opacity:0;z-index:-1}100%{right:-325px;opacity:0;z-index:-1}}
@keyframes cycle4{0%{right:-325px;opacity:0}56%{right:-325px;opacity:0}60%{right:0;opacity:1}64%{right:0;opacity:1}76%{right:0;opacity:1;z-index:0}80%{right:325px;opacity:0;z-index:0}81%{right:-325px;opacity:0;z-index:-1}100%{right:-325px;opacity:0;z-index:-1}}
@keyframes cycle5{0%{right:-325px;opacity:0}76%{right:-325px;opacity:0}80%{right:0;opacity:1}84%{right:0;opacity:1}96%{right:0;opacity:1;z-index:0}100%{right:325px;opacity:0;z-index:0}}
*/