/*  
Theme Name: AyudiaAdvertising
Theme URI: https://hachimediadev.com/
Author: m0n0kur0b0
Author URI: https://hachimediadev.com/
Description: Fast and responsive wp themes!
Version: 1.0
Tags: fast, responsive, green, white, flat
*/

html{scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border: 0;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,.descuser span{display: block;}
ol,ul{list-style: none;}
.c{clear:both}
.l,.wtitle,#content,.hpcontent img,.imguser,.spost img,.gallerypostatt img{float:left;}
.r,.sf,.iklan728,#sidebar,.descuser,.spostkontent{float:right;}
.mt40{margin-top:40px!important;}
.mt20{margin-top:20px!important;}
.mb20{margin-bottom:20px!important;}
.ml20{margin-left:20px!important;}
.p20{padding: 20px!important;}
a, a img{color:#004770;-moz-transition: 0.4s; -webkit-transition: 0.4s;transition: 0.4s;}
a:hover{color:#000;}
a, a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{color: #222;font-family: 'Poppins', sans-serif;font-weight: 500;line-height: 1.2;margin: 0 0 16px;}
h1 {font-size: 36px;}
h2 {font-size: 16px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
figure{margin: 0 auto;}
figcaption{font-family: 'Poppins', sans-serif;font-size:14px;color:#e8554e;}
p {margin:18px 0;}
p img {padding:0;max-width:100%;}
body {font-family:'Poppins', sans-serif;font-size:16px;color:#222;background:#fff;font-weight: lighter;line-height: 1.625;}
#wrap,.box1140,.box1140_2{margin: 0 auto;}
#topmenu{font-family: 'Poppins', sans-serif;font-size: 14px;background:#fff;color: #000;left: 0;position: fixed;top: 0;width: 100%;z-index: 999;padding:10px 0;box-shadow: 0 5px 5px rgba(0,0,0,.2);}
#logo img{height:45px;float:left;margin-right:20px;}
#topmenu a{color:#000;}
#topmenu a:hover{color:#004770;}
#topmenu ul.menu{display: inline-block;float:right;}
#topmenu ul.menu li{display: inline-block;position: relative;float: left;margin: 10px 20px 0 0;}
.csocial a{float:right;margin: 8px 10px 0 0;font-size:16px;}
#slider,#konten,#single{margin-top:80px;}
#slider img,.isigambar img{width:100%;}
.heading-home,.htitle{width:60%;margin:0 auto;border-top:5px solid #ff1100;padding-top:10px;margin-top:30px;}
.heading-home h3,.htitle h1,.htitle h3{text-align:center;font-size:33px;font-weight:bold;line-height: 45px;color:#004770;}
#skill{background:#004770;color:#fff;text-align:center;padding:20px 0 40px 0;}
#isi,#testi{background:#004770;color:#fff;padding:20px 0 40px 0;}
#isi2{background:#efeff0;color:#000;}
#isi h3{text-align: center;font-size: 30px;color:#fff;margin-top:20px!important;}
#isi ul {list-style-type: circle;margin-left:15px;margin-bottom:10px;}
#isi a{color: orange;}
#porto h3{text-align: center;font-size: 30px;color:#ED2E38;margin-top:20px!important;text-transform:uppercase;font-weight:700;}
#testi h3{text-align: center;font-size: 30px;color:#fff;margin-top:20px!important;text-transform:uppercase;font-weight:700;}
.btkonsul{background:#004770;padding:10px 20px;text-align:center;color:#fff!important;font-size:16px;}
.btpesan,.btpaket{background:#004770;padding:10px 20px;text-align:center;color:#fff!important;text-transform:uppercase;font-size:20px;}
.btkonsul:hover,.btpesan:hover,.btpaket:hover{color:#fff;}
#counter{text-align:center;font-size:50px;font-weight:700;margin-top:20px;background:#ED2E38;color:#fff;}
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {50% { opacity: 0;}}
.bseller{width:90px;position:absolute;}
.fixedclass{position:fixed;top:0;width:100%;z-index:10;margin-top: -20px!important;}
#sp{display:none;}
#sp.show{background:#ED2E38;color:#fff;display:block;padding:10px 0;text-transform:uppercase;font-size:24px;}
.sosmed{background:#cdcdcd;padding:10px 0;}
.lsosmed{width:29%;float:left;color:#fff;padding:0 2%;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
#skill h3{color:#fff;}
.skill h4{color:#fff;font-size:18px;font-weight:bold;}
.skill i,.cta i{display:block;font-size:100px;text-align:center;}
#produk{text-align:center;padding:40px 0;}
.produk,.produk3{font-size:14px;}
.produk:hover,.produk3:hover{box-shadow: 0 5px 5px rgba(0,0,0,.2);}
.produk h4,.produk3 h4{font-size:20px;font-weight:700;color:#004770;}
.produk a,.produk3 a{background:#004770;display:block;padding:5px 15px;border:1px solid #004770;border-radius:5px;margin-top:10px;color:#fff;}
.produk3 a.tanyaadm{background:#339500;display:block;padding:5px 15px;border:1px solid #339500;border-radius:5px;margin-top:10px;color:#fff;text-align: center;}
.produk div.list,.produk3 div.list{font-size: 14px;display:block;text-align:left;}
div.list i{padding-top: 5px;width:8%;float:left;margin-right:2%;}
div.list strong{font-weight:900!important;}
.produk .readmore,.produk3 .readmore{display:block!important;margin-top:10px;font-weight:700;}
.portofolio{text-align:center;color:#004770;font-weight:bold;}
.portofolio:hover{box-shadow: 0 5px 5px rgba(0,0,0,.2);}
.portofolio a{color:#ED2E38;}
.portofolio img{width:100%;}
.portofolio h4{font-weight:bold;text-transform:uppercase;font-size:14px;}
.portofolio span{font-size: 12px;text-transform: uppercase;}
.postmini h4{font-size:18px!important;font-weight:bold;text-transform:uppercase;}
.readmore{display:table;background:#004770;padding:5px 10px;text-align:center;color:#fff!important;}
.readmore:hover,.produk3 a.tanyaadm:hover{background:#cdcdcd;color:#004770!important;}
.legalitas img{width:100%;}
.kontak span{color:#004770;font-weight:bold;}
.tbadmin{background:#004770;color: #fff;padding:10px 15px;margin:5px;border-radius:5px;}
.tbadmin:hover{background:#cdcdcd;color: #004770;}
.btnkonsul{background:#ED2E38;color: #fff!important;padding:10px 15px;}
.btnkonsul:hover{color: #fff;}
.box1140 h1,.box1140_2 h1{text-transform:uppercase;font-weight:700;text-align:center;}
.box1140 h1 span,.box1140_2 h1 span{font-size:40px;font-weight:900;}
.imgbantu{width:100%;}
#single img{width:60%;}
#footer{background: #004770;color: #fff;padding:30px 0;text-align:center;margin-top:24px;}
.wa span, .wa a{display: none;}
.wa.show{background:#fff;width:300px;height:170px;border-radius:10px;}
.wa.show span{background:#22c15e;padding:10px;display:block;color:#fff;border-radius: 10px 10px 0 0;}
.wa.show a{padding:5px 10px;display:block;color:#777;}
.wa.show a:hover{background:#eee;}
#wabtn{}
#wabtn {background:#22c15e;border-radius:10px;padding:10px;color:#fff;cursor: pointer;z-index:100;}
#btnup i{display:none;}
#btnup.show i{position:fixed;font-size:40px;color:#ED2E38;right:15px;bottom:15px;z-index:999;display: block;}
#popup {display:none;position:fixed;margin:0 auto;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;}
#popup img{width:400px;}
#close{cursor: pointer;font-size: 25px;color: red;position: absolute;margin-left: -25px;margin-top: 2px;}
.isikonten ul li {list-style: none;margin-bottom: 5px;}
.isikonten ul li:before {content: "\f105";font-family: FontAwesome;margin-right: 10px;}
.cta{text-align:center;}
#single p{text-align:justify;}
@media only screen and ( max-width: 4000px ) {
	#wrap,.box1140,.box1140_2,#logo,#botmenu{width:1140px;}
	.about{width:21%;margin:2%;float:left;}
	.postmini img{float:left;width:180px;margin:0 10px;}
	.skill{float:left;width:26.8%;margin:20px 1%;padding:2%;border:2px solid #fff;border-radius:5px;}
	.portofolio{float:left;width:21%;margin:2%;}
	.cta,#porto img,#testi img{float:left;width:29%;margin:2%;}
	.produk3{float:left;width:29.33%;padding:2%;}
	.kontenleft,.isigambar{width:30%;float:left;}
	.kontenright{width:46%;padding:0 2%;float:left;}
	.isikonten{width:46%;padding:2%;;margin:0 auto;}
	.jenismedsos{font-size:16px;background:#004770;color:#fff;padding:5px 15px;margin:5px;display: inline-block;}
	.produk{float:left;width:19%;margin:0 1%;padding:2%;}
	.legalitas{width:30%;margin:1%;float:left;}
	.kontak{width:48%;margin:1%;text-align:justify;float:left;}
	.dropdown{display:none;}
}
@media only screen and ( max-width: 960px ) {
	.l{float:none;}
	.box1140{width:100%;}
	.box1140_2{width:84%;padding:0 8%;}
	.postmini img{float:none;width:100%;margin:0;}
	.about{width:46%;margin:2%;float:left;}
	.produk,.portofolio, .skill,#porto img,#testi img,#cta,.produk3,.isikonten,.kontenleft{float:none;width:80%;margin:2%;padding:8%;}
	.cta{float:none;width:100%;}
	.kontenright{float:none;width:80%;margin:2%;padding:0 8%;text-align:center;}
	.descpage{padding:0 8%;}
	.descpage{padding:0 8%;}
	.jenismedsos{font-size:16px;background:#004770;color:#fff;padding:5px 15px;margin:5px auto;display: block;width: 70%;font-weight:700;}
	.legalitas,{width:100%;float:none;}
	.kontak{width:98%;float:none;}
	.sosmed{font-size:8px!important;}
	.dropdown{display:block;float:right;height:40px;width:130px;border:none;margin-right:20px;}
	.dropdown option{white-space:normal;}
	.about img{width:100%;}
	.heading-home h3,.htitle h1,.htitle h3{font-size:20px;}
	#topmenu ul.menu,.csocial{display:none;}
}
summary {
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  color: #333;
  padding: 1rem;
  margin-bottom: 1rem;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
}
details > summary::after {
  position: absolute;
  content: "+";
  right: 20px;
}
details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px;
}
details > summary::-webkit-details-marker {
  display: none;
}
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
.mlayanan {
    width: 46%;
    margin: 0 2%;
    float: left;
    text-align: center;
}
.mlayanan h2{color:#fff;}
.mlayanan a{background:#ececec;color:#004770;padding:10px 20px;}
.hub{width:100%;margin:0 auto;background:#004770;padding:40px 0 30px 0;color:#fff;}
.frminput{width:300px;margin:0 auto;}
.frminput input[type=text], select {font-family:Arial, FontAwesome;width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
.frminput input[type=submit] {width: 100%;background-color: #004770;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}