.clear:after,
.jeda,
.sekat {
 clear:both
}
.listthumb img:hover,
.wrapthumb img:hover {
 transform:scale(1.2)
}
a,
h1,
h2,
h3,
h4 {
 color:#189bf2
}
a:hover,
button:hover {
 transition:.5s
}
.comments li,
.footbar ul,
.sidebar ul {
 list-style-type:none
}
*,
:after,
:before {
 box-sizing:border-box
}
body {
 font-family:Arial;
 font-size:14px;
 color:#555;
 background:#FFF;
 margin:0
}
a,
li,
nav,
ul {
 margin:0;
 padding:0
}
.clear:after,
.clear:before {
 content:' ';
 display:table
}
a:hover {
 color:#FF8000
}
a:active,
a:hover,
a:link,
a:visited {
 text-decoration:none
}
h1 {
 font-size:200%
}
h2 {
 font-size:160%
}
h3 {
 font-size:130%
}
h4 {
 font-size:110%
}
h5 {
 font-size:100%
}
h1,
h2,
h3,
h4,
h5 {
 font-weight:400;
 margin:10px 0 5px
}
input,
radio,
select,
textarea {
 padding:5px 10px;
 color:#555;
 outline:0;
 border:1px solid #E7E7E7;
 background:#FFF;
 margin:5px 0
}
.button-primary,
.form-submit input,
button {
 font-size:100%;
 cursor:pointer;
 padding:6px 10px;
 background:#189bf2;
 border:0;
 outline:0;
 color:#FFF;
 margin:2px;
 border-radius:4px
}
.headlogo a,
.headtitle,
.judul,
.price {
 color:#189bf2
}
.button-primary:hover,
.form-submit input:hover,
button:hover {
 background:#FF8000
}
blockquote {
 width:94%;
 margin:0 3%;
 padding:0 15px;
 border-left:10px solid #EEE;
 border-right:1px solid #F1F1F1;
 border-top:1px solid #F1F1F1;
 border-bottom:1px solid #F1F1F1;
 background:#F9F9F9
}
code {
 background:#F5F5F5;
 border:1px solid #EEE;
 padding:5px
}
img {
 height:auto
}
a img {
 border:none
}
img.center {
 display:block;
 margin-left:auto;
 margin-right:auto
}
img.aligncenter {
 display:block;
 margin:5px auto
}
img.alignright {
 display:inline;
 margin:0 0 5px 5px;
 padding:5px
}
img.alignleft {
 display:inline;
 margin:0 5px 5px 0;
 padding:5px
}
.wp-caption {
 border:1px solid #EEE;
 background-color:#FFF;
 padding:5px;
 margin:5px
}
.wp-caption img {
 margin:0;
 padding:0;
 border:none
}
.wp-caption p.wp-caption-text {
 text-align:center;
 font-style:italic;
 font-size:80%;
 padding:5px 5px 0;
 margin:0
}
.aligncenter {
 display:block;
 margin:5px auto
}
.alignleft {
 float:left
}
.alignright {
 float:right
}
.attachment-thumbnail {
 padding:5px
}
.wp-caption,
img,
img.alignnone,
p img {
 max-width:100%
}
.jeda {
 display:none
}
.sekat {
 display:block
}
#topheadwrap,
.menuup,
.toggleMenu {
 display:none
}
.small {
 font-size:80%
}
.medium {
 font-size:90%
}
.hidden {
 font-size:0
}
.info,
.sukses,
.warning {
 width:100%;
 padding:10px
}
.warning ul li {
 list-style:circle;
 border-bottom:1px dashed #F3F3F3;
 padding:3px 0;
 margin:5px 10px 5px 20px
}
.info {
 border:1px solid #EEE;
 background:#fdfdfd;
}
.warning {
 border:1px solid #FFC4C4;
 background:#FFEAEA
}
.sukses {
border: 1px solid var(--wp--preset--color--luminous-vivid-orange);
    background: #d6e5ef;
}
}
#headerwrap,
#topheadwrap,
.headsection,
.judul {
 border-bottom:1px solid #F1F1F1
}
.judul {
 margin-bottom:5px;
 padding-bottom:5px;
 font-size:110%
}
.headsection {
 width:100%;
 padding-bottom:10px;
 margin-bottom:5px;
 text-align:left
}
.headtitle {
 font-size:120%
}
#containbox,
#footerarea,
#header,
#tophead,
#topmenu {
 max-width:1106px;
 margin:0 auto
}
#wrapperwide {
 width:100%
}
#topheadwrap {
 width:100%;
 height:auto;
 position:fixed;
 top:0;
 left:0;
 z-index:600;
 background:#FFF;
 box-shadow:0 1px 20px #999
}
.grid:hover,
.listpad:hover {
 box-shadow:0 1px 20px #E7E7E7
}
#tophead {
 padding:5px 0
}
.topheadlogo {
 width:30%;
 float:left
}
.topheadlogo img {
 height:50px
}
.topheadkanan {
 width:70%;
 float:right;
 padding:7px 0;
 text-align:right
}
#topheadmenu,
#topheadmenu2 {
 display:none;
 width:100%;
 background:#F9F9F9;
 border-top:1px solid #F5F5F5
}
.menuup {
 background:#FF8000
}
#headerwrap,
.naviku a:hover {
 background:#FFF
}
#headerwrap {
 width:100%
}
#header {
 padding:10px 0
}
.headlogo {
 width:40%;
 float:left
}
.headlogo img {
 height:100px
}
.headlogo a {
 font-size:250%
}
.headlogo p {
 margin:0;
 font-size:110%
}
.headkontak {
 width:60%;
 float:right;
 padding:5px;
 text-align:right
}
.texttop {
 padding:5px 0
}
.naviku>li {
 float:left
}
.naviku a {
 padding:10px
}
.naviku {
 list-style:none;
 text-align:left;
 font-size:90%
}
.footer,
.pagination {
 text-align:center;
 width:100%
}
.naviku:after {
 content:" ";
 display:table;
 clear:both
}
.naviku>li>a,
.pagination {
 display:block
}
.naviku ul {
 list-style:none;
 width:150px
}
.naviku li {
 position:relative
}
.naviku>li>.parent {
 background-image:url(images/downArrow.png);
 padding-right:20px;
 background-repeat:no-repeat;
 background-position:right
}
.naviku li ul {
 position:absolute;
 border-top:1px solid #F1F1F1;
 text-transform:none;
 left:-9999px
}
.grid,
.listthumb,
.naviku li li a {
 position:relative
}
.naviku>li.hover>ul {
 left:0
}
.naviku li li.hover ul {
 left:100%;
 top:0
}
.naviku li li {
 z-index:100
}
.naviku li li a {
 display:block;
 background:#F9F9F9;
 padding:7px 10px;
 border:none
}
.naviku li li ul {
 border:none
}
.naviku li li li li a {
 z-index:300
}
#wrappercontain {
 width:100%;
 background:#F3F3F3
}
#containbox {
 padding:10px 0
}
.container {
 width:71%;
 float: left;
 padding-right: 10px;
}
.contain {
 border:1px solid #F1F1F1;
 background:#FFF;
 padding:20px;
 margin-bottom:10px
}
.kategori ul li {
 list-style:circle;
 padding:5px 0;
 width:23%;
 margin-left:2%;
 float:left
}
.slider img,
.topslider {
 width:100%
}
.topslider {
 margin-bottom:5px
}
.ads300 {
 max-width:300px;
 max-height:250px;
 margin:0 auto
}
.ads728 {
 max-width:728px;
 max-height:90px;
 margin:10px auto
}
.listpad {
 padding:10px;
 border:1px solid #FFF;
 margin-top:10px
}
.listpad:hover {
 background:#F9F9F9;
 border:1px solid #F1F1F1
}
.listthumb {
 float:left;
 width:47%;
 border:1px solid #EEE;
 overflow:hidden
}
.listthumb img {
 width:100%;
 transition:all .2s ease
}
.listpad h2 {
 font-size:120%;
 margin-top:0
}
.listdetail {
 width:53%;
 padding-left:15px;
 float:right
}
.loopdetail {
 font-size:80%;
 border-top:1px solid #F1F1F1;
 padding:10px
}
.grid h3,
.price {
 font-size:110%
}
.loopdetail ul li {
 list-style:none;
 padding:2px 0;
 width:44%;
 margin:0 3%;
 float:left
}
.grid {
 width:100%;
 background:#FFF;
 border:1px solid #EEE
}
.sblog img,
.unggulthumb img {
 border:1px solid #F1F1F1;
 transition:all .2s ease
}
.grid:hover {
 background:#F9F9F9
}
.wrapthumb {
 overflow:hidden
}
.wrapthumb img {
 width:355px;
 transition:all .2s ease
}
.sblog img:hover,
.unggulthumb img:hover {
 transform:scale(.95)
}
#sliderjual .item,
#slidersewa .item,
#unggulan .item {
 margin:5px
}
.unggul {
 max-width:350px
}
.unggulthumb {
 overflow:hidden;
 width:40%;
 float:left
}
.unggulthumb img {
 width:100%;
 padding:5px
}
.ungguldetail {
 width:60%;
 float:left;
 padding-left:5px
}
.ungguldetail ul li {
 font-size:75%;
 list-style:none;
 padding:2px 0;
 width:50%;
 float:left
}
.popsub,
.sblog img {
 padding:5px;
 float:left
}
.badge {
 position:absolute;
 z-index:5;
 margin-top:-11px;
 margin-left:-11px
}
.sblog {
 width:100%
}
.sblog img {
 width:47%
}
.sblogdetail {
 max-width:53%;
 float:left;
 padding-left:5px
}
.popup {
 min-width:300px
}
.popsub {
 width:40%
}
.popsub2 {
 width:60%;
 padding:10px 5px;
 float:right
}
.popsub2 ul li,
.wrap-post ul li {
 border-bottom:1px dashed #F3F3F3;
 padding:3px 0;
 list-style:circle
}
.popsub2 ul li {
 margin:5px 10px 5px 20px
}
.wrap-post {
 margin:20px 0
}
.wrap-post ul li {
 margin:5px 10px 5px 30px
}
.crumbs,
.sidebar h4 {
 border-bottom:1px solid #F1F1F1
}
.utube iframe {
 width:100%;
 height:400px
}
.boxview {
 padding:5px;
 border:1px solid #F1F1F1;
 background:#F9F9F9;
 margin-top:10px
}
.boxdetail {
 margin:10px 0;
 width:100%
}
.boxdetail ul li {
 list-style:circle;
 padding:5px 0;
 width:45%;
 margin-left:5%;
 float:left
}
#contactform {
 border-left:1px dashed #EEE;
 padding-left:20px
}
#contactform input,
#contactform textarea {
 width:100%
}
.crumbs {
 padding:5px;
 margin-bottom:5px;
 font-size:85%
}
.sidebarwrap {
 width:29%;
 margin-bottom:10px;
 float:left
}
.sidebar {
 border:1px solid #F1F1F1;
 padding:9px;
 margin-bottom:10px;
 background:#FFF
}
.sidebar h4 {
 background:#189bf2;
 color:#FFF;
 margin:-10px -10px 10px;
 padding:10px
}
#footerback,
#footerback a {
 color:#FCFCFC
}
.simulasi input,
.simulasi select {
 width:100%;
 margin-bottom:10px
}
#footerback {
 width:100%;
 background:#189bf2
}
#footerback a:hover {
 border-bottom:1px dotted #FFF
}
#footerarea {
 padding:40px 5px;
 font-size:13px
}
#footerarea h4 {
 color:#FFF;
 text-transform:uppercase;
 padding:10px 0
}
.footbarwidget {
 width:33.333%;
 padding:0 20px;
 float:left
}
.footbar {
 margin-bottom:30px
}
.footbar ul li,
.sidebar ul li {
 padding:5px 0;
 margin-left:5px
}
.footbar ul li li,
.sidebar ul li li {
 border-left:1px solid rgba(255,255,255,.25);
 padding-left:5px
}
.footbar p,
.sidebar p {
 padding:0;
 margin:0
}
.footer {
 padding:10px;
 background:rgba(0,0,0,.2)
}
.pagination {
 margin-top:20px
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
 color:#fff;
 text-decoration:none;
 background:#189bf2;
 cursor:pointer;
 padding:5px 10px;
 border-radius:4px
}
.navigation li {
 display:inline
}
.navigation li a:hover,
.navigation li.active a {
 background-color:#FF8000
}
.comments {
 text-align:left;
 margin:20px 0
}
.comments h2 {
 margin:10px 0
}
.comments h3 {
 margin:0
}
.comments input,
.comments textarea {
 width:100%;
 margin-bottom:15px
}
.form-submit {
 margin:-10px 0
}
.form-submit input {
 max-width:150px
}
.comments li {
 padding-top:10px;
 margin:10px 0;
 border-top:1px dashed #EEE
}
.comments li li {
 margin:5px 0 5px 20px;
 padding-left:10px;
 border:none;
 border-left:1px dashed #EEE
}
.avatar {
 border:1px solid #EEE;
 padding:5px;
 background:#FFF;
 float:left;
 margin:0 10px 0 0
}
#sideup {
 width:90px;
 line-height:20px;
 padding:5px;
 text-align:center;
 background:#189bf2;
 color:#FFF;
 font-size:12px;
 cursor:pointer;
 border:1px solid #FFF;
 top:45%;
 opacity:.9
}
#sideup,
.scrollup {
 position:fixed;
 display:none;
 z-index:600
}
.scrollup {
 width:40px;
 height:40px;
 bottom:20px;
 right:20px;
 text-indent:-9999px;
 background:url(images/icon_top.png) no-repeat
}
.seo {
 font-size:0;
 margin:0;
 padding:0
}
.shareicon {
 font-size:25px;
 margin:0 3px;
 cursor:pointer
}