html {
scroll-behavior: smooth;
}
.instagram{border: 0;height: 50px;padding: 0 1.125rem;border-radius: 0;font-size: 1.125rem;background-color: #fff;color: #555;background-image: none;}
.macanz {
padding: 7px;
margin: 10px;
background: #0a0a0a;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
border: 2px dashed #fff;
border-radius: 10px;
box-shadow: 0 0 0 4px #131212, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
text-shadow: -1px -1px #aa3030;
font-weight: normal;
}
.btn-paste {
min-width: 74px;
padding: 0;
overflow: hidden;
position: relative;
line-height: 53px;
border-radius: 0 50px 50px 0;
}
.section img {
max-width: 100%;
}
.type {
display:inline-flex;
}
.type span {
word-break: break-all;
height: 1.2em;
width:0%;
overflow: hidden;
animation:t 1s linear infinite alternate;
}
.type span:before {
content:" ";
display:inline-block;
}
@keyframes t{
90%,100% {width:100%}
}
summary {
font-size: 1.25rem;
font-weight: 600;
background-color: rgb(240 240 240);
color: #333;
padding: 1rem;
margin-bottom: 1rem;
outline: none;
border-radius: 0.25rem;
text-align: left;
cursor: pointer;
position: relative;
}
details[open] summary ~ * {
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0; margin-top: -10px}
100% {opacity: 1; margin-top: 0px}
}
details > summary::after {
position: absolute;
content: "+";
right: 20px;
}
details[open] > summary::after {
position: absolute;
content: "-";
right: 20px;
}
details > summary::-webkit-details-marker {
display: none;
}
.tag-cloud ul {
list-style-type: none;
padding: 0;
}
.tag-cloud li {
margin: 5px 5px 5px 10px;
float: left;
}
.tag-cloud a {
display: inline-block;
position: relative;
color: #331c06;
text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
text-decoration: none;
text-align: center;
padding: 4px 9px 6px 6px;
font: bold 11px Tahoma, sans-serif;
border-radius: 3px;
border: 1px solid #cc912d;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
box-shadow: 0 1px 2px rgba(0,0,0,0.2),
0 1px 0px rgba(255,255,255,0.4) inset;
background-image: -webkit-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
background-image: -moz-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
background-image: -o-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
background-image: -ms-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
background-image: linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
}
.tag-cloud a:hover {
color: #492a0b;
}
.tag-cloud a:after {
content: '';
position: absolute;
height: 50%;
width: 15px;
border-left: 1px solid #cc912d;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);
background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);
left: -5px;
top: 1px;
-webkit-transform: skewX(-35deg);
-moz-transform: skewX(-35deg);
-o-transform: skewX(-35deg);
-ms-transform: skewX(-35deg);
transform: skewX(-35deg);
}
.tag-cloud a:before {
content: '';
position: absolute;
height: 48%;
width: 15px;
border-left: 1px solid #cc912d;
bottom: 1px;
left: -5px;
-webkit-transform: skewX(35deg);
-moz-transform: skewX(35deg);
-o-transform: skewX(35deg);
-ms-transform: skewX(35deg);
transform: skewX(35deg);
background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);
background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);
background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);
background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);
background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);
-webkit-box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
box-shadow: -2px 1px 2px rgba(100,100,100,0.1);
}
.tag-cloud a span {
background-color: #FFFFFF;
border: 1px solid #CC912D;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4),
0 1px 1px rgba(0, 0, 0, 0.2) inset;
display: inline-block;
height: 5px;
left: -5px;
position: relative;
top: -1px;
vertical-align: middle;
width: 5px;
z-index: 10;
}
.mg_addad818962 a {opacity: 0;}
.mg_addad888438 a {opacity: 0;}
.yt{color:#c4302b;}
.tw{color:#38A1F3}
.espn{color:#ff0033}
.fb{color:#3b5998}
.insta{color:#833ab4}
.imdb{color:#f5de50}
.vimeo{color:#162221}
.dm{color:#00aaff}
.iz{color:#ef5e24}
.imgur{color:#85bf25}
.tumblr{color:#35465c}
.bc{color:#629aa9}
.ted{color:#e62b1e}
.live{color:#88070B}
.flickr{color:#0063dc}
.mashable{color:#00aeef}
.sc{color:#ff8800}
.break{color:#ff5e3a}.a
.tv{color:#0079B6}
.tiktok{color:#1c1c1c}
.odnok{color:#5089ca}
.udemy{color:#992337}
.gag{color:#000;}
.bz{color:#e32;}
.bg-bz{background-color:#e32;}
.btn-sd {
width: 83%;
}
#collapseTwo1, #collapseTwo21{display:none;}
.bg-vlive{background-color:#54f7ff;}
.yt-mp3{background-color: #b84e62;}
.bg-yt{background-color:#c4302b;}
.bg-pin{background-color:#e60023;}
.bg-tw{background-color:#38A1F3}
.bg-espn{background-color:#ff0033}
.bg-fb{background-color:#3b5998}
.bg-insta{background-color:#833ab4}
.bg-imdb{background-color:#837310}
.bg-vimeo{background-color:#162221}
.bg-dm{background-color:#176a93}
.bg-iz{background-color:#ef5e24}
.bg-imgur{background-color:#85bf25}
.bg-tumblr{background-color:#35465c}
.bg-bc{background-color:#629aa9}
.bg-ted{background-color:#e62b1e}
.bg-live{background-color:#88070B}
.bg-flickr{background-color:#0063dc}
.bg-mashable{background-color:#4d98b4}
.bg-sc{background-color:#ff8800}
.bg-break{background-color:#ff5e3a}
.bg-tv{background-color:#0079B6}
.bg-tiktok{background-color:#1c1c1c}
.bg-odnok{background-color:#5089ca}
.bg-udemy{background-color:#992337}
.bg-gag{background-color:#000;}
.bg-vk{background:#4a76a8;}
.bg-bilibili{background:#00a1d6}
.bg-anime{background:#aabe44 }
.bg-mm{background:#303039}
.bg-likee{background: #ff2474}
.bg-reddit{background:rgb(255, 69, 0);}
.renggang{margin-bottom: 145px;}
.renggang h1{color:#fff}
.col-md-8 p {
font-size: 16px;
}#bread-crumbs {padding-top: 10px;margin-bottom: -10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fb-ndut{min-width: 98px;padding: 0;margin: 0;overflow: hidden;position: relative;line-height: 60px;border-radius: 5px;}
.input-field {
display: inline-block;
}
.h-330 {height:330px;}
#myselect {
cursor: pointer;
}
.lds-hourglass {
display: inline-block;
position: relative;
width: 57px;
height: 35px;
}
.lds-hourglass:after {
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 6px;
box-sizing: border-box;
border: 26px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
0% {
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
100% {
transform: rotate(1800deg);
}
}
.form-group{padding-top:0;}
.description i {
font-weight: 700;
word-break: break-all;
}
.btn-st {
width: 12rem !important;
}
.contoh{font-weight:800;padding-right: 7px;}
.btn-whatsapp {
background: #25d366;
}
.font-p{overflow: scroll;}
.font-p ul li {
font-size: 14px;
list-style: lower-alpha;
line-height: 1.5em;
border-bottom: 1px dashed;
margin-bottom: 1em;
padding-bottom: 3px;
margin-left: -23px;
}
.features {
background: #222;
}
.features p{
color: #fff;
}
#myProgress {
width: 100%;
background-color: #ddd;
}
.card-body p {
font-size: 16px;
}
.description {
color: #000;
word-break: break-word;
}
#myBar {
width: 1%;
height: 30px;
-webkit-transition: width 1s; /* Safari */
transition: width ease-out 1s;
text-align: center;
line-height: 30px;
color: white;
background-image:
-webkit-linear-gradient(-45deg,
transparent 33%, rgba(0, 0, 0, .1) 33%,
rgba(0,0, 0, .1) 66%, transparent 66%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, .25),
rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #09c, #f44);
border-radius: 2px;
background-size: 35px 20px, 100% 100%, 100% 100%;
}
iframe{top: 0;
left: 0;
width: 100%;
height: 100%;}
.video-details {
text-align: center;
}
.down{position: absolute;top: 0;width: 100%;height: 100%;left: 0;}.btn-download{min-width:78px;padding:0;margin:0;overflow:hidden;position:relative;line-height:60px;border-radius:0 5px 5px 0}.download{display:inline-block;width:8rem;padding-top: 7px;}.desc{margin: 10px 0px;text-align:center;}.kecil{font-size: smaller;}.copyright, .copyright a{color:#fff;}.img-thumbnail{width:100%;}.tebal{font-weight:bold;}footer{background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;margin: 0px 30px;}.header-filter .container{padding-bottom: 50px;}.btn-icons{font-size:1.5rem!important}.section{padding:0}.ad{margin-top:10px;width:100%;margin-bottom: 33px;}.input-group{background:#fff;border:3px solid #fff;border-radius:5px;padding:0;box-shadow:0 0 15px rgba(0,0,0,.3);display:flex}.page-header{height:195px}#url{border:0;height:60px;padding:0 0.3rem;border-radius:0;font-size:1.125rem;background-color:#fff;color:#555;background-image:none}#url::placeholder{color:#4e555b}.container-padding{padding-top:2%}a{text-decoration:none}.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-scroll-down{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;width:38px;height:44px;background:url(../img/cd-arrow-bottom.svg) center center no-repeat}.cd-nav-trigger{display:none}#cd-vertical-nav ul{list-style:none;padding:0}#cd-vertical-nav{position:fixed;right:-78px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:4}#cd-vertical-nav li{text-align:right}#cd-vertical-nav a{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%}#cd-vertical-nav a:after{content:"";display:table;clear:both}#cd-vertical-nav a span{float:right;display:inline-block;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}#cd-vertical-nav a.is-selected .cd-dot,#cd-vertical-nav a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#cd-vertical-nav a:hover .cd-label{opacity:1;left:-100%;-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}#cd-vertical-nav .cd-dot{position:relative;top:8px;right:calc(100% - 15px);height:10px;width:10px;border-radius:50%;background-color:#995581;-webkit-transition:-webkit-transform .2s,background-color .5s;-moz-transition:-moz-transform .2s,background-color .5s;transition:transform .2s,background-color .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}#cd-vertical-nav .cd-label{position:relative;margin-right:10px;padding:4px 14px;color:#fff;background:rgba(0,0,0,.53);font-size:10px;border-radius:20px;text-transform:uppercase;font-weight:600;opacity:0;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.touch .cd-nav-trigger{display:block;z-index:5;position:fixed;bottom:30px;right:5%;height:44px;width:44px;border-radius:.25em;background:rgba(255,255,255,.9)}.touch .cd-nav-trigger span{position:absolute;height:4px;width:4px;background-color:#3e3947;border-radius:50%;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.touch .cd-nav-trigger span::after,.touch .cd-nav-trigger span::before{content:'';height:100%;width:100%;position:absolute;left:0;background-color:inherit;border-radius:inherit}.touch .cd-nav-trigger span::before{top:-9px}.touch .cd-nav-trigger span::after{bottom:-9px}.touch #cd-vertical-nav{position:fixed;z-index:4;right:5%;bottom:30px;width:90%;max-width:400px;max-height:90%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;border-radius:.25em;background-color:rgba(255,255,255,.9)}.touch #cd-vertical-nav a{display:block;padding:1em;border-bottom:1px solid rgba(62,57,71,.1)}.touch #cd-vertical-nav a span:first-child{display:none}.touch #cd-vertical-nav a.is-selected span:last-child{color:#d88683}.touch #cd-vertical-nav.open{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.touch #cd-vertical-nav.open+.cd-nav-trigger{background-color:transparent}.touch #cd-vertical-nav.open+.cd-nav-trigger span{background-color:rgba(62,57,71,0)}.touch #cd-vertical-nav.open+.cd-nav-trigger span::after,.touch #cd-vertical-nav.open+.cd-nav-trigger span::before{background-color:#3e3947;height:3px;width:20px;border-radius:0;left:-8px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:1px}.touch #cd-vertical-nav.open+.cd-nav-trigger span::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);bottom:0}.touch #cd-vertical-nav li:last-child a{border-bottom:none}@media only screen and (min-width:768px){.touch #cd-vertical-nav,.touch .cd-nav-trigger{bottom:40px}}
@media (max-width: 830px)
{
footer {
margin-left: 10px;
margin-right: 10px;
}
.col-8 {
flex: 0 0 99.666667%;
max-width: 99.666667%;
}
}
@media only screen and (max-width: 600px){.btn-group-lg .btn, .btn-group-lg>.btn, .btn.btn-lg{padding: 1.125rem .25rem;font-size: .675rem;}
.btn-st {
width: 6rem !important;
}}