* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
  color:#000;
  background:#fff;
  margin:0;
  padding:0;
}

body,
button,
input,
select,
textarea {
	font-family: sans-serif;
}
h1 {
  line-height:normal;
  font-weight:600;
  font-size:20px;
  margin:0;
  padding:0;
}
h2,h3 {
  line-height:normal;
  font-weight:600;
  font-size:18px;
  margin:0;
  padding:0;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.clearfix {
    zoom: 1;
}
.hometags {
  padding:25px 0;
}
a.hometag {
  margin:0 15px 15px 0;
  display:inline-block;
  background:#f6f6f6;
  padding:8px 16px;
  border-radius:5px;
}
table.opt {
  width:100%;
}
input.cari-input {
   outline:none;
  font-size:16px;
  border:1px solid #c5c7cc;
  padding:8px 10px;
  border-radius:3px;
}
.botv {
  padding-top:35px;
  text-align:center;
}
.botv a {
  margin:0 0 15px 0;
  display:inline-block;
  color: #bdc3c7 ;
}
.botv a.mr {
  margin:0 20px 15px 0;
 
}
.botv a:hover {
  color:#0000ff;
}
button.cari-button {
  border-radius:3px;
  background:#0000ff;
  border:1px solid #0000ff;
  color:#fff;
   font-size:16px;
  cursor:pointer;
  padding:7px 12px;
}
table.opt td.hul button:hover,
button.cari-button:hover {
  background:#333;
  border:1px solid #333;
}
table.opt td.hel input{
  outline:none;
  font-size:16px;
  width:100%;
  border:1px solid #c5c7cc;
  padding:8px 10px;
  border-radius:3px;
}
table.opt td.hul button {
   border-radius:3px;
  background:#0000ff;
  border:1px solid #0000ff;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  padding:7px 12px;
  float:right;
}
.stags a.tag{
  display:inline-block;
  background:#f6f6f6;
  padding:8px 16px;
  border-radius:20px;
  margin-bottom:15px;
}
a.hometag span,
.stags a span.tags-count {
  color:#999;
}
.undo a {
  color:#fff;
  background:#0000ff;
  padding:14px 28px;
  border-radius:25px;
}
.undo a:hover {
  color:#fff;
  background:#000;
}
a.more {
  background:#f6f6f6;
  padding:8px 16px;
  border-radius:20px;
}
a.hometag:hover,
.stags a.tag:hover,
a.more:hover {
  background:#f4f4f4;
}
a {color:#0000ff;
  text-decoration:none;
}
a:hover {
  color:#00007f;
}
a.divtag {
  background:#fdfdfd;
  display:block;
  padding:15px 20px;
}
a.divtag:hover {
  color:#000;
  background:#eeeeee;
}
a.divtag:nth-child(odd){
  background:#f7f7f7;
}
span.div-count-1 {
  color:#000;
  float:right;
}
iframe {
	max-width:100% !important
}

.head {
 padding:15px 0 15px 0; 
}

.head h1 {
  display:inline-block;
  float:left;
  font-size:22px;
}

a.iconx {
  margin-top:-2px;
  font-size:22px;
  color:#000;
  display:inline-block;
  float:right;
}
a#openmenu,
a#closemenu {
  display:inline-block;
  margin-top:-3px;
  font-size:22px;
}

a#openmenu,
.head h1 a {
  color:#000;
}
a#showsrc:hover,
a#openmenu:hover,
.head h1 a:hover {
  color:#0000ff;
}
a#hidesrc,
a#closemenu {
  color: #e74c3c ;
}
a#hidesrc:hover,

a#closemenu:hover {
  color:  #922b21  ;
}
.tmenu a span {font-weight:normal !important;
  color:#999 !important;
}
.tmenu {
 padding-bottom:20px; 
}
.tmenu a {
  display:inline-block;
}
.mbot a.mp,
.tmenu a.pr {
  margin-right:20px;
}
.mbot a.haktip,
.tmenu a.aktip {
  font-weight:bold;
  color:#000;
}
.mbot {
  padding:15px 0;
  background:#f6f6f6;
  margin-bottom:20px;
}
.aioseo-breadcrumbs {
  color:#333;
}

.aioseo-breadcrumb-separator {
  margin:0 10px;
  color:#999;
}
#myLinks .umenu {
position: absolute;
background:#f6f7f9;
padding:0 0 20px 0;
z-index:9999999;
overflow:auto;
}
#myLinks .umenu a {
padding:10px 20px;
border-bottom:1px solid #e1e6ee;
color:#0000ff;
font-weight:normal !important;
display:block !important;
}
#myLinks .umenu a:last-child {
  border-bottom:0;
}
#myLinks .umenu a:hover {
  background:#f2f2f2;
  color:#000;
}
span.page-numbers,
a.page-numbers {
  border-radius:3px;
  display:inline-block;
  margin:0 15px 15px 0;
  background:#efefef;
  min-width:34px;
  padding:8px 16px;
}
span.page-numbers.current,
a.page-numbers:hover {
  background:#0000ff;
  color:#fff;
}
#myLinks .umenu a i,
#myLinks .umenu a span {
  color:#888;
}


@media screen and (min-width: 811px) {
  input.cari-input {
    width:85%;
  }
  table.opt td.hel {
  width:92%;
}

  .xcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.xresponsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
  #myLinks .umenu  {
    top:50px;
    right:-120px;
    width:300px;
    height:420px;
  }
  
  .wrapper, .wrapper1 {
    padding:0 20%;
  }
}
@media screen and (max-width: 810px) {
  
  input.cari-input {
  width:73%;
}
  

  table.opt td.hel {
  width:84%;
}

  
  #myLinks .umenu  {
    top:50px;
    right:0;
    width:320px;
    height:520px;
  }
  .wrapper {
    padding:0 10px;
  }
  .wrapper1 {
    background:#000000;
  }
  .xcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
}
.xresponsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
  
}