<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'> <b:case value='id'/> All Posts - <data:blog.title/> <b:default/> All Posts - <data:blog.title/> </b:switch> <b:switch var='data:blog.locale'> <b:case value='id'/> Page not found - <data:blog.title/> <b:default/> Page Not Found - <data:blog.title/> </b:switch> <data:blog.pageName/> */ /*-- Reset CSS --*/ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:none;text-decoration:none} form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0} dl,ul,ul li{list-style:none}a,a:visited,abbr{text-decoration:none}dl,ul{font-weight:400}caption,th{text-align:center}img{border:none;position:relative}.clr{clear:both;float:none}.section,.widget,.widget ul{margin:0;padding:0}a,span.halaman-indeks-tag{color:$(dark.color)}.halaman-indeks-tag{position:absolute;bottom:20px;z-index:10;border-radius:2px;padding:5px 10px;left:20px;background:$(main.color)}.halaman-indeks-tag a{font-size:13px;font-weight:500;display:none}.halaman-indeks-tag a:first-child{display:inline-block}.halaman-indeks-tag:before{font-family:"font Awesome 5 Pro";margin-right:5px;font-size:16px;font-weight:900;vertical-align:middle;content:"\f4d6"}a img{border:0}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#navbar-iframe,.feed-links,.home-link,.widget-item-control,a.quickedit{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget>h2,.widget>h3{display:none} /*-- Body Content CSS --*/ body{background:$(body.background);font:$(body.font);font-weight:400;color:#555555;word-wrap:break-word;margin:0;padding:0} #header h1,#header p,#main-menu ul#main-enu-nav>li>a,.mobile-menu ul li{text-transform:uppercase} .headblog,.top-bar-nav,.top-bar-nav ul li{float:left} .tabs ul,.ui ul{list-style-type:none} #blog-pager .load-more,#main-menu .mega-menu>ul,#main-menu ul>li>ul>li a,.blog-pager,.halaman-indeks,.item-post-wrap,.main-wrapper,.mega-menu-inner .mega-item,.octf-btn,.post-share .share-links li,.post-share .share-links li a,.tabs ul li{box-sizing:border-box} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent} .index .boxhome,.item .boxhome{height:115px} .home #sticky-wrap{box-shadow:none} .template-option{display:none} #sticky-wrap,#sticky-wrap.stickyhead{box-shadow:0 0 10px rgba(128,128,128,.14)} #main-menu .widget,#main-menu .widget>.widget-title,#sticky-wrap.stickyhead #top-bar,.accordion-body,.awesome-icon span i,.cross,.home .main-wrapper,.mobile-menu,.mobile-menu .m-sub,.octf-btn-no-icon i,.owl-carousel,.owl-carousel .owl-refresh .owl-item,.static_page .sidebar-wrapper,.tabs .content section,.tabs .slider,.tabs input[name=tab-control],.tabs ul li label br,.tabs ul li label span,.top-bar-nav .widget>.widget-title,.top-bar-social .widget>.widget-title,.btn-mobile{display:none} #sticky-wrap{top:-115px;-webkit-transition:1s all ease;-moz-transition:1s all ease;transition:1s all ease} #sticky-wrap.stickyhead{position:fixed;top:0;width:100%;background:#ffffff;color:#ffffff;padding:0;z-index:999} #sticky-wrap.stickyhead .headblog img{margin-top:5px} #sticky-wrap.stickyhead .iconsearch-label{bottom:-2px} #sticky-wrap.stickyhead .headblog:before{border-top:117px solid $(main.color)} .header-wrapper{position:relative;width:1100px;color:#ffffff;margin:0 auto} .headblog{position:relative;margin:0 30px 0 0;padding:0;width:187px;z-index:100} .headblog:before{position:absolute;content:'';left:-100%;top:-50px;bottom:0;width:378px;border-right:38px solid transparent;border-top:115px solid $(main.color)} .btn-dekstop{display:block} .top-bar-nav,.top-bar-social{position:relative;display:block} .headblog img{margin-top:-18px} .header{width:100%;padding:0;display:flex;margin:0 auto} #header-inner{margin:8px auto;padding:0} #header h1,#header p{line-height:38px;color:#484848;padding-bottom:10px;margin:0;font-weight:400} #header h1 a,#header h1.title a:hover{color:#f07468;text-decoration:none} #header .description{color:#aaa;text-shadow:none;font-style:italic;font-size:13px} #top-bar{height:50px;overflow:hidden;margin:0} .top-bar-nav ul li>a{height:50px;display:block;color:#ffffff;font-size:12px;font-weight:400;line-height:50px;margin:0 10px 0 0;padding:0 5px;transition:color .17s} .top-bar-nav ul li:first-child>a{padding:0 5px 0 0} .top-bar-nav ul>li:hover>a{text-decoration:underline} .top-bar-social{float:right;margin:8px 0 0} .top-bar-social ul>li{float:left;display:inline-block} .top-bar-social ul>li>a{display:block;width:30px;height:30px;color:#ffffff;font-size:14px;text-align:center;line-height:30px;padding:0;margin:0 0 0 10px;transition:all .17s ease} .top-bar-social ul>li:hover>a{color:#eee} .header-menu{position:relative;font-size:15px;width:100%;margin:0;background:$(menu.color)} #sticky-wrap.stickyhead .iconsearch-label {height: 27px;} .iconsearch-label:before{position:absolute;top:0;content:'';bottom:0;left:-22%;border-radius:0;border-left:30px solid transparent;border-bottom:65px solid $(main.color)} .header-menu .container{position:relative;margin:0 auto;padding:0} .iconsearch-label{cursor:pointer;height:25px;position:absolute;right:0;bottom:0;top:0;color:$(menu.title.color);z-index:99;font-size:16px;padding:20px;font-weight:700;background-color:$(main.color);transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease} .iconsearch-label span{margin:0 10px} div#searchcontainer{position:fixed;width:100%;height:100%;z-index:100;display:block;background:rgba(0,0,0,.85);left:-100%;top:0;padding-top:20%;opacity:0;cursor:pointer;text-align:center;-webkit-transform:scale(.9) translate3d(0,-50px,0);transform:scale(.9) translate3d(0,-50px,0)} div#searchcontainer form{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} div#searchcontainer form input[type=text]{width:40%;top:0;left:0;z-index:10;padding:10px;border:0;border-bottom:1px solid $(main.color);outline:0;font-size:1.75rem;background:none;color:#ffffff;text-align:center} div#searchcontainer form input::-webkit-input-placeholder{color:#ffffff;opacity:.5} div#searchcontainer form input::-moz-placeholder{color:#ffffff;opacity:.5} div#searchcontainer form input::placeholder{color:#ffffff;opacity:.5} div#searchcontainer form input:-ms-input-placeholder{color:#ffffff;opacity:.5} div#searchcontainer form input::-ms-input-placeholder{color:#ffffff;opacity:.5} div#searchcontainer.opensearch{left:0;opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;-moz-transition:all .9s ease;transition:all .9s ease;} div#searchcontainer.opensearch form{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);-webkit-transition:all .4s ease-in;transition:all .4s ease-in} .cd-headline{font-size:4rem;line-height:1em;font-weight:900} .cd-words-wrapper{display:inline-block;position:relative;text-align:left} .cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0} .cd-words-wrapper b.is-visible{position:relative} .no-js .cd-words-wrapper b{opacity:0} .no-js .cd-words-wrapper b.is-visible{opacity:1} .cd-headline.clip span{display:inline-block;padding:.2em 0} .cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top} .octf-btn,.octf-btn-icon i{vertical-align:middle;display:inline-block} .cd-headline.clip .cd-words-wrapper::after{content:'';position:absolute;top:5%;right:0;width:1px;height:88%;background-color:$(main.color)} .cd-headline.clip b{opacity:0} .cd-headline.clip b.is-visible{opacity:1} #main-menu .show-menu{display:block} #main-menu{position:relative;height:65px;z-index:15} #main-menu ul>li{float:left;position:relative;margin:0;padding:0;transition:background .17s} #main-menu ul>li>a,.post-body a{transition:color .17s ease} #main-menu ul>li>a{position:relative;color:$(menu.title.color);font-size:16px;font-weight:600;line-height:65px;display:inline-block;margin:0;padding:0 13px} #main-menu ul ul,#main-menu ul>li>ul>li,#main-menu ul>li>ul>li a{transition:all .17s ease} #main-menu ul#main-menu-nav>li:first-child>a{padding:0 13px 0 0} #main-menu ul>li:hover>a{color:#aaa} #main-menu ul#main-menu-nav,#top-bar{padding-left:23%} #main-menu ul>li>ul{position:absolute;float:left;left:0;top:65px;width:270px;background-color:$(submenu.bg);z-index:99999;margin:0;padding:0;box-shadow:0 3px 5px rgba(0,0,0,.2);visibility:hidden;opacity:0} #main-menu ul>li>ul>li>ul{position:absolute;float:left;top:0;left:100%;margin:0} #main-menu ul>li>ul>li{display:block;float:none;position:relative} #main-menu ul>li>ul>li a{display:block;font-size:13px;color:$(submenu.color);font-weight:400;line-height:36px;border-bottom:1px solid #eee;margin:0;padding:2px 15px} #main-menu ul>li>ul>li:hover>a{color:$(body.color.blue)} #main-menu ul>li>ul>li:last-child a{border-bottom:0} #main-menu ul>li.has-sub>a:after{content:'\f107';float:right;font-family:'Font Awesome 5 Pro';font-size:14px;font-weight:400;margin:2px 0 0 8px} #main-menu ul>li>ul>li.has-sub>a:after{content:'\f105';float:right;margin:0} #main-menu .mega-menu{position:static!important} #main-menu .mega-menu>ul{width:100%;padding:20px 10px} #main-menu .mega-menu>ul.mega-menu-inner{overflow:hidden} #main-menu ul>li:hover>ul,#main-menu ul>li>ul>li:hover>ul{visibility:visible;opacity:1} .mega-menu-inner .mega-item{float:left;width:20%;padding:0 10px} .mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0} .mega-content .post-image-wrap{width:100%;height:190px;overflow:hidden} .mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden} .mega-content .post-title{position:relative;font-size:14px;font-weight:700;text-transform:uppercase;margin:10px 0 5px} .mega-content .post-title a{display:block;color:$(body.text.color);transition:color .17s} .mega-content:hover .post-title a{color:#34bd5c} .meta-price{color:#aaa;font-size:12px;font-weight:700} .no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center} .mega-menu .no-posts{line-height:60px;color:$(body.text.color)} .slide-menu-toggle{display:block;position:absolute;line-height:42px;height:42px;width:42px;top:0;left:0;font-family:FontAwesome;color:#ffffff;font-size:17px;font-weight:400;text-align:left;cursor:pointer;z-index:4;padding:0} .slide-menu-toggle:before{content:"\f0c9"} .nav-active .slide-menu-toggle:before{content:"\f00d"} .mobile-menu{position:relative} .mobile-menu>ul{margin:0} .mobile-menu .m-sub{padding:0} .mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:13px;font-weight:700;line-height:38px;margin:0;padding:0;border-top: 1px solid #d2d2d2;} .mobile-menu>ul li ul{overflow:hidden} .mobile-menu>ul>li:first-child{border-top:0} .mobile-menu ul li a{color:#000000;padding:0;display:block;transition:all .17s ease} .mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#000000;cursor:pointer} .mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:'Font Awesome 5 Pro';font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease} .mobile-menu ul li.has-sub.show>.submenu-toggle:after{transform:rotate(90deg)} .mobile-menu>ul>li>ul>li{border-color:rgba(255,255,255,.05)} .mobile-menu>ul>li>ul>li a{font-size:13px;text-transform:initial;font-weight:400} .mobile-menu>ul>li>ul>li>a{color:#000000;opacity:.7;padding:0 0 0 15px} .mobile-menu>ul>li>ul>li>ul>li{border-color:rgba(255,255,255,.02)} .mobile-menu>ul>li>ul>li>ul>li>a{color:#ffffff;opacity:.7;padding:0 0 0 30px} .mobile-menu ul li a:hover,.mobile-menu ul>li>.submenu-toggle:hover{color:$(body.color.blue)} .chiller-theme{background:none} .boxwrap,.statiswrap{overflow:hidden;padding:5% 0} .boxpixal,.statiswrap{background:#f2f3ff} .boxstatis .box{float:left;width:17%;margin:10px;-webkit-transition:background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;-o-transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;padding:36px 30px 36px 38px;background-color:#fff;border-style:solid;border-width:0;border-radius:10px;box-shadow:12px 19px 62px 0 rgba(13,52,79,.07);z-index:999;position:relative} .boxstatis .boximg{width:70px;height:auto} .boxstatis .boximg img{width:100%;height:100%} .boxmarket{overflow:hidden;padding:5% 0} .marketleft{float:left} .marketright{float:right} .marketleft,.marketright{width:45%} .marketright img{width:100%;height:auto} .marketleft .title{position:relative;color:#777;font-size:18px;font-weight:600;padding-right:60px;display:inline-block} .marketleft h2{position:relative;color:#322f2f;font-weight:700;line-height:1.3em;margin-top:15px} .marketleft p{font-size:15px;color:#424242} .recent-warpper{padding:5% 0 15%;overflow:hidden;position:relative} .recent-boxes{position:relative;overflow:hidden} .recent-boxes h3{font-size:2.5rem;font-weight:400;color:#ffffff;font-family:Playball,cursive} #breadcrumb .delimiter:after,.YouTubePopUp-Close:before,.accordion__item .accordion-header:after,.owl-next,.owl-prev,.post-share .social a:before{font-family:"Font Awesome 5 Pro"} .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0{opacity:1} 100%{opacity:0}} @keyframes fadeOut{0{opacity:1} 100%{opacity:0}} .owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out} .owl-carousel{width:100%;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-next,.owl-prev{top:45%;color:#ffffff;background-color:rgba(0,0,0,.75);position:absolute;z-index:1;display:block;padding:0;text-align:center;overflow:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .carousel-item,.carousel-item .box-image{position:relative;width:100%;display:block} .owl-prev{left:0} .owl-prev:before{content:"\f104"} .footer-box .footer li a::before,.owl-next:before{content:"\f105"} .owl-next{right:0} .owl-next:hover,.owl-prev:hover{background-color:#000} .owl-dots{position:relative;width:33.33%;left:0;right:0;margin:auto;text-align:center} .owl-dot{background:#fff;height:3px;width:10px;display:inline-block;margin:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.6} .owl-dot.active,.owl-dot:hover{background:$(main.color)} .main-carousel{overflow:hidden} .main-carousel .owl-item{width:100%} .carousel-item{overflow:hidden;background:#ffffff;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,.06);box-shadow:0 5px 20px 0 rgba(0,0,0,.06)} .accordion__item,.ot-pricing-table{box-shadow:5px 5px 20px 0 rgba(167,167,167,.1)} .carousel-img,.carousel-item .box-image{height:300px;position:relative} .carousel-item .carousel-content{padding:15px 30px;text-align:center} .carousel-item .carousel-content h2.recent-title{margin:0} .carousel-item .recent-title a,.halaman-indeks .post-info h2{color:#000000;font-size:16px;font-weight:600;line-height:1.5em;text-decoration:none;margin:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .carousel-item .recent-title a:hover,.halaman-indeks .post-info h2 a:hover,a.more-link:hover{text-decoration:underline} .main-carousel .owl-next,.main-carousel .owl-prev{margin-top:0;width:40px;height:40px;font-size:25px;line-height:40px} .main-carousel .owl-prev{left:-50px} .main-carousel:hover .owl-prev{left:0} .main-carousel .owl-next{right:-50px} .main-carousel:hover .owl-next{right:0} a.more-link{top:0;right:0;background:$(main.color);line-height:32px;padding:7px 15px;margin:0;font-size:14px;position:absolute;color:$(menu.title.color);font-weight:700;text-transform:uppercase} a.more-link:before{left:-19%;border-radius:0;border-left:30px solid transparent;border-bottom:47px solid $(main.color);position:absolute;top:-5px;content:'';bottom:0} .recent-boxes .widget-title{margin:0 auto 3rem;line-height:32px;max-width:1100px;width:100%;position:relative} .recent-boxes .widget-titl h3.title{display:inline-block;position:relative;float:left;height:32px;line-height:32px;font-size:13px;padding:0;margin:0;text-transform:uppercase} .recent-boxes .widget-title h3.title a{color:#eee} .recent-meta span{padding:0 10px 0 0} .recent-meta{margin:15px 0} .recent-tag{position:absolute;bottom:20px;border-radius:2px;padding:5px 10px;left:20px;background:$(main.color)} .recent-tag a{font-size:13px;font-weight:500} .recent-author::before,.recent-date:before,.recent-tag:before{font-family:"font Awesome 5 Pro";margin-right:5px;font-size:16px;font-weight:900;vertical-align:middle} .recent-author::before,.recent-date:before{color:#dad7d7} .recent-tag:before{color:$(dark.color);content:"\f4d6"} .recent-author::before{content:"\f2bd"} .recent-date:before{content:"\f017"} .boxpixal{overflow:hidden;padding:7% 0} .ot-pricing-table{position:relative;float:left;text-align:center;margin:20px;background:#fff;width:22.424%;padding:80px 40px 0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-webkit-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);-moz-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1)} .ot-pricing-table .title-table{position:absolute;top:30px;left:0;font-size:13px;font-weight:700;text-transform:uppercase;color:#ffffff;background:#ff415b;padding:5px 15px;letter-spacing:.5px;-moz-border-radius-topleft:0;-moz-border-radius-topright:17px;-moz-border-radius-bottomright:17px;-moz-border-radius-bottomleft:0;box-shadow:8px 8px 18px 0 #e4e4e4;-webkit-box-shadow:8px 8px 18px 0 #e4e4e4;-moz-box-shadow:8px 8px 18px 0 #e4e4e4;border-radius:0 17px 17px 0;-webkit-border-radius:0 17px 17px 0} .octf-btn,.tabs{position:relative} .ot-pricing-table .inner-table img{margin-bottom:35px} .ot-pricing-table .inner-table h2{font-size:42px;font-weight:500;color:#ff415b;margin-bottom:3px} .ot-pricing-table .inner-table h2 sup{margin-left:-25px;font-size:30px} .ot-pricing-table .inner-table p{color:#a5b7d2;font-weight:500;margin-bottom:0} .ot-pricing-table .inner-table .details{margin-top:35px;padding-top:28px;padding-bottom:30px;line-height:42px;border-top:1px solid #e5e5e5} .ot-pricing-table .inner-table .details ul{list-style:none;margin:0;padding:0;font-size:15px} .ot-pricing-table .octf-btn{margin-bottom:-26px;color:#ffffff} .ot-pricing-table .octf-btn:hover{box-shadow:none!important} .ot-pricing-table:before{background:#fff;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0} .ot-pricing-table:after{background:#fff;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px} .ot-pricing-table.s2 .title-table{background:$(body.color.blue)} .octf-btn,.ot-pricing-table.s3 .title-table{background:#4cadff} .ot-pricing-table.s2 h2{color:$(body.color.blue)} .ot-pricing-table.s3 h2{color:#4cadff} .octf-btn,.octf-btn:focus,.octf-btn:hover,.octf-btn:visited{color:#ffffff} .ot-pricing-table:hover{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)} .octf-btn{transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;font-size:14px;padding:16px 28px;line-height:1;margin:0;text-decoration:none;white-space:nowrap;text-transform:uppercase;font-weight:500;letter-spacing:0;text-align:center;cursor:pointer;border:1px solid transparent;outline:0;overflow:hidden;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;box-shadow:0 10px 25px 0 #a6c6e8;-webkit-box-shadow:0 10px 25px 0 #a6c6e8;-moz-box-shadow:0 10px 25px 0 #a6c6e8} .octf-btn:focus,.octf-btn:hover{box-shadow:none} .octf-btn.octf-btn-white{background:#fff;box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-webkit-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-moz-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);color:#4cadff} .octf-btn.octf-btn-white i{background:#4cadff;color:#ffffff} .octf-btn.octf-btn-white:focus,.octf-btn.octf-btn-white:hover,.octf-btn.octf-btn-white:visited{color:#4cadff} .octf-btn.octf-btn-white:before{background-color:rgba(254,76,28,.5)} .octf-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(-105%,0);transform:translate(-105%,0);background-color:rgba(255,255,255,.8)} .accordion-header,.octf-btn-icon i{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear} .octf-btn:hover:before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)} .octf-btn-icon{text-align:left;padding:5px 5px 5px 28px} .octf-btn-icon i{background:#fff;color:#4cadff;width:40px;height:40px;line-height:40px;text-align:center;margin-left:14px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-transition:all .3s linear;transition:all .3s linear} .octf-btn-primary{background:#4cadff} .octf-btn-primary.octf-btn{box-shadow:12px 12px 20px 0 rgba(254,76,28,.3);-webkit-box-shadow:12px 12px 20px 0 rgba(254,76,28,.3);-moz-box-shadow:12px 12px 20px 0 rgba(254,76,28,.3)} .octf-btn-primary.octf-btn-icon{box-shadow:8px 8px 18px 0 #d2e8fb;-webkit-box-shadow:8px 8px 18px 0 #d2e8fb;-moz-box-shadow:8px 8px 18px 0 rgba(254,76,28,.3)} .octf-btn-primary:focus,.octf-btn-primary:hover{box-shadow:none} .octf-btn-secondary{background:#ff415b} .octf-btn-secondary.octf-btn{box-shadow:12px 12px 20px 0 rgba(0,195,255,.3);-webkit-box-shadow:12px 12px 20px 0 rgba(0,195,255,.3);-moz-box-shadow:12px 12px 20px 0 rgba(0,195,255,.3)} .octf-btn-secondary.octf-btn-icon{box-shadow:8px 8px 18px 0 #fdf0c2;-webkit-box-shadow:8px 8px 18px 0 #fdf0c2;-moz-box-shadow:8px 8px 18px 0 #fdf0c2} .octf-btn-secondary i{color:#ff415b} .octf-btn-secondary.octf-btn-white{color:#00c3ff;box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-webkit-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-moz-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15)} .octf-btn-secondary.octf-btn-white:focus,.octf-btn-secondary.octf-btn-white:hover,.octf-btn-secondary.octf-btn-white:visited{color:#00c3ff} .octf-btn-third i,.octf-btn-third.octf-btn-white:focus,.octf-btn-third.octf-btn-white:hover,.octf-btn-third.octf-btn-white:visited{color:$(body.color.blue)} .octf-btn-secondary.octf-btn-white i{background:#00c3ff} .octf-btn-third,.octf-btn-third.octf-btn-white i{background:$(body.color.blue)} .octf-btn-secondary:focus,.octf-btn-secondary:hover{box-shadow:none} .octf-btn-third.octf-btn{box-shadow:12px 12px 20px 0 rgba(1,96,231,.3);-webkit-box-shadow:12px 12px 20px 0 rgba(1,96,231,.3);-moz-box-shadow:12px 12px 20px 0 rgba(1,96,231,.3)} .octf-btn-third.octf-btn-icon{box-shadow:8px 8px 18px 0 #d4d9ff;-webkit-box-shadow:8px 8px 18px 0 #d4d9ff;-moz-box-shadow:8px 8px 18px 0 #d4d9ff} .octf-btn-third.octf-btn-white{color:$(body.color.blue);box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-webkit-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15);-moz-box-shadow:6px 6px 13px 0 rgba(42,67,113,.15)} .octf-btn-third:focus,.octf-btn-third:hover{box-shadow:none} .btn-readmore a{transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;font-size:12px;line-height:1;display:inline-block;text-decoration:none;white-space:nowrap;font-weight:500;letter-spacing:1px;text-transform:uppercase} .accordion{font-size:1rem;margin:0 auto} .accordion-header{padding:0 5px;cursor:pointer;font-size:16px;font-weight:600;-ms-transition:all .3s linear;transition:all .3s linear} .accordion-body__contents{padding:20px 5px;font-size:14px;color:#949494;line-height:2;font-weight:400} .accordion__item .accordion__item .accordion-header{background:#fff;color:#021f2d;padding:10px 20px;font-size:14px} .accordion__item.active:last-child .accordion-header{border-radius:0} .accordion:first-child .accordion__item .accordion-header{border-bottom:1px solid transparent} .accordion__item .accordion-header:after{content:"\f067";float:right;position:relative;transition:.3s all;transform:rotate(0);font-weight:400;height:30px;width:30px;line-height:30px;text-align:center;font-size:13px;background:#eaeaea;color:$(body.color.blue);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%} .accordion__item.active>.accordion-header:after{content:"\f068";font-family:"Font Awesome 5 Pro";background:$(body.color.blue);color:#ffffff;transform:rotate(-180deg)} .accordion__item{cursor:pointer;background:#fff;display:block;overflow:hidden;font-weight:500;color:#1a1b1e;padding:13px 10px 13px 25px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;margin-bottom:20px;-webkit-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);-moz-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);-ms-transition:all .3s linear;transition:all .3s linear} .tabs{padding:0;width:100%} .tabs ul li label{font-weight:400;font-size:15px} .tabs ul li label span{display:block;color:#000000;padding:10px 0;font-weight:500;font-size:14px} .tabs ul{padding-left:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;margin-bottom:40px;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:end;align-items:flex-end;flex-wrap:wrap} .tabs ul li{-webkit-box-flex:1;flex:1;width:25%;padding:0 10px;text-align:center} .tabs ul li label.color1{background-color:#9fb6ff} .tabs ul li label.color2{background-color:#a5dce4} .tabs ul li label.color3{background-color:#f9d8ac} .tabs ul li label.color4{background-color:#b9f5eb} .tabs ul li label.color5{background-color:#d0c1f7} .tabs ul li label i{font-size:30px} .tabs ul li label.color1 i,.tabs ul li label.color1 span{color:#5962b1} .tabs ul li label.color2 i,.tabs ul li label.color2 span{color:#1893a5} .tabs ul li label.color3 i,.tabs ul li label.color3 span{color:#c58024} .tabs ul li label.color4 i,.tabs ul li label.color4 span{color:#12907b} .tabs ul li label.color5 i,.tabs ul li label.color5 span{color:#8013af} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label span,.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1 i,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label span,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2 i,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label span,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3 i,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label span,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4 i,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label span,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5 i{color:#ffffff} .boxwrap-wrap{overflow:hidden;padding:20px 0} .boxwrap-os-left{float:left;width:45%} .boxwrap-os-right{float:right;width:55%} .boxwrap-os-left h2{color:$(body.text.color);font-size:3rem;line-height:1.2em;margin:0;font-weight:900;letter-spacing:-2px} .boxwrap-os-left h2 span{color:$(body.color.blue)} .boxwrap-os-right p{font-size:15px} .font-small h2 {font-size: 35px!important;padding:0 0 20px 0;} .font-big h2{font-size:55px!important;padding: 0;} .box-ui{margin:-8% auto 3%;display:flex} .ui{width:900px;margin:0 auto;color:#ffffff;box-shadow:none} .ui ul{margin:0 30px 10px 0;padding:0;font-size:11px;font-weight:400;line-height:20px} .ui .drop{z-index:-3;opacity:0;width:100%;height:10px;background:$(body.color.blue);position:absolute;color:#ffffff;bottom:0;padding:12px 0 21px;-webkit-transition-property:bottom,opacity;transition-property:bottom,opacity;-webkit-transition-duration:.3s;transition-duration:.3s} .ui_box,.ui_box:hover{-webkit-transition-duration:.3s;position:relative;transition-duration:.3s} .ui .drop p{color:#ffffff;text-align:center} .ui_box{width:300px;height:220px;background:#3d3d3d;float:left;box-shadow:-1px 0 rgba(255,255,255,.07);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:background,-webkit-transform;transition-property:background,-webkit-transform;transition-property:transform,background;transition-property:transform,background,-webkit-transform} .ui_box__inner{padding:30px} .ui_box__inner span{font-size:36px;font-weight:700} .ui_box:hover .ui_box__inner span,.ui_box:hover ul li{color:$(body.color.blue)} .ui_box:hover h2{color:#333} .ui_box__inner .progress{width:100%;margin-top:10px;height:6px;background:rgba(101,101,101,.3);margin-bottom:15px} .ui_box__inner .progress_graph{float:right;border-bottom:1px solid rgba(255,255,255,.09);width:85px;text-align:center;position:relative;padding-left:20px;top:24px} .ui_box__inner .progress_graph__bar--1{width:10px;height:20px;background:$(body.color.blue);float:left;margin-right:10px;position:relative;bottom:-10px;-webkit-animation:graph 1s} .ui_box__inner .progress_graph__bar--2{width:10px;-webkit-animation:graph2 1s;height:30px;float:left;margin-right:10px;background:$(body.color.blue)} .ui_box__inner .progress_graph__bar--3{width:10px;height:24px;margin-right:10px;-webkit-animation:graph3 1s;background:$(body.color.blue);float:left;position:relative;bottom:-6px} .ui_box__inner .progress_graph__bar--4{width:10px;height:14px;-webkit-animation:graph4 1s;bottom:-16px;position:relative;background:$(body.color.blue);float:left} .ui_box__inner .progress_bar{height:6px;float:left;width:58%;background:$(body.color.blue);-webkit-animation:bar 2s} .ui_box__inner .progress_bar--two{height:6px;float:left;width:78%;background:$(body.color.blue);-webkit-animation:bar2 2s} .ui_box h2{font-weight:400;font-size:16px;margin:-4px 0 3px} .ui_box p{font-size:11px;color:#b6b6b6;clear:left;font-weight:300;margin:2px 0 15px} .ui_box:hover{background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-property:background,-webkit-transform;transition-property:background,-webkit-transform;transition-property:transform,background;transition-property:transform,background,-webkit-transform;z-index:1} .ui_box:hover .ui_box__inner p{color:#333} .ui_box:hover .drop{-webkit-transition-property:bottom,opacity;transition-property:bottom,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;bottom:-42px;opacity:1} .stat_left{float:left} @-webkit-keyframes bar{from{width:0} to{width:58%}} @keyframes bar{from{width:0} to{width:58%}} @-webkit-keyframes bar2{from{width:0} to{width:78%}} @keyframes bar2{from{width:0} to{width:78%}} @-webkit-keyframes graph{from{height:0} to{height:20px}} @keyframes graph{from{height:0} to{height:20px}} @-webkit-keyframes graph2{from{height:0} to{height:30px}} @keyframes graph2{from{height:0} to{height:30px}} @-webkit-keyframes graph3{from{height:0} to{height:24px}} @keyframes graph3{from{height:0} to{height:24px}} @-webkit-keyframes graph4{from{height:0} to{height:13px}} @keyframes graph4{from{height:0} to{height:13px}} .boxwrap-left{float:left} .boxwrap-right{float:right} .boxwrap-left,.boxwrap-right{width:45%} .boxwrap-text h3{color:#696969;font-size:17px;font-weight:500;margin:0;text-transform:uppercase} .boxwrap-text p{font-size:17px} .boxwrap-text h2{color:$(body.text.color);font-size:45px;font-weight:800;letter-spacing:-2px;line-height:1;margin:10px 0} .boxwrap-text h2 span{color:$(body.color.blue)} .boxwrap-icon{margin:30px 0;display:inline-block} .boxwrap-number{float:left;width:27%;margin-right:31px} .boxwrap-number i{font-size:8px;position:relative;color:#ffc400;display:block} .boxwrap-number h4{color:#ffc400;margin:0;line-height:1;font-size:40px;font-weight:700} .touc1 h4,.touc1 i{color:#4cadff} .touc2 h4,.touc2 i{color:$(body.color.blue)} .boxwrap-number p{margin:0;font-size:15px} .colorwp{font-weight:400;font-size:13px;background:$(body.color.blue);background:linear-gradient(-35deg,#5ab3ff 0,#4c5ef9 100%);box-shadow:0 10px 25px 0 #a6c6e8} .center-text{text-align:center;margin-bottom:3%} .center-text h2{font-size:2rem} .serviceimg{width:400px;max-width:100%;margin-top:25px} .serviceimg img{width:100%;height:auto} .tabs .content p{font-size:14px;line-height:1.7;font-weight:300} .content-right>ul{padding-left:0;list-style:none;margin-top:40px;margin-bottom:40px} .content-right>ul>li{line-height:1.4;display:inline-block;width:48%;text-align:left;padding:0} .content-right>ul>li i{float:left;margin-right:20px;width:40px;font-size:40px;height:40px} .content-right>ul>li i.icon1{color:#555} .content-right>ul>li i.icon2{color:#00c3ff} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1).content-right .btncolor{background:#ff9b8f;background:linear-gradient(-35deg,rgba(255,155,143,1) 0,#ff68a2 100%);box-shadow:0 10px 25px 0 #ffc1d4} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2).content-right .btncolor{background:#61d020;background:linear-gradient(-35deg,#61d020 0,#8bec51 100%);box-shadow:0 10px 25px 0 #beeaa4} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3).content-right .btncolor{background:#f9c253;background:linear-gradient(-35deg,#f9c253 0,#ffc54f 100%);box-shadow:0 10px 25px 0 #ffefce} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4).content-right .btncolor{background:#32ecad;background:linear-gradient(-35deg,#5dfbc5 0,#32ecad 100%);box-shadow:0 10px 25px 0 #c6f7e6} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5).content-right .btncolor{background:#975cf4;background:linear-gradient(-35deg,#b58af9 0,#975cf4 100%);box-shadow:0 10px 25px 0 #dec9ff} .content-right .btnfont{font-size:13px;padding:15px 30px;font-weight:400} .tabs ul li label{padding:35px 15px;box-shadow:none;color:#ffffff;border-radius:5px;position:relative;text-overflow:ellipsis;display:block;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1{background:#5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2{background:#00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3{background:#fad961} .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4{background:#32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5{background:#8a63f2} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{position:absolute;bottom:-20px;margin:0 auto;content:'';left:40%;border-right:20px solid transparent;border-left:20px solid transparent;border-bottom:0 solid transparent} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after{border-top:20px solid #5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after{border-top:20px solid #00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after{border-top:20px solid #fad961} .tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after{border-top:20px solid #32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{border-top:20px solid #8a63f2} .tabs .content{margin:20px 10px;padding:0;display:inline-flex} .tabs .content section{padding:50px 80px;-webkit-animation-name:content;animation-name:content;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;line-height:1.4;background:url(https://1.bp.blogspot.com/-HS91jMpfhHc/XuyS9ZGQ9pI/AAAAAAAAAKI/I2CEh5buKB0NrZVWzJP0TUgaC1yht2gigCLcBGAsYHQ/s1600/tab-bg.png) 100% 115% no-repeat #fff;background-size:550px 380px} .tabs .content section h3{font-size:20px;font-weight:600} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1) h3:after{background:#5e6eff} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2) h3:after{background:#00b8d5} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3) h3:after{background:#f9c253} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4) h3:after{background:#32ecad} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5) h3:after{background:#8a63f2} .tabs .content section h3::after{content:"";position:relative;display:block;width:30px;height:3px;background:#428bff;margin-top:5px;left:1px} .content-right{float:right} .content-left{float:left} .content-left,.content-right{width:50%} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1),.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2),.tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3),.tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4),.tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5){display:block} .tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1){box-shadow:0 10px 30px 0 #ccd1ff} .tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){box-shadow:0 10px 30px 0 rgba(83,194,3,.2)} .tabs input[name=tab-control]:nth-of-type(3):checked~.content>section:nth-child(3){box-shadow:0 10px 30px 0 rgba(247,107,28,.2)} .tabs input[name=tab-control]:nth-of-type(4):checked~.content>section:nth-child(4){box-shadow:0 10px 30px 0 rgba(0,191,141,.2)} .tabs input[name=tab-control]:nth-of-type(5):checked~.content>section:nth-child(5){box-shadow:0 10px 30px 0 rgba(196,68,251,.2)} @-webkit-keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)} to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes content{from{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)} to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .home .boxhome{position:relative;display:block;overflow:hidden;width:auto;height:100vh} #footer-wrapper,.boxhome,.recent-warpper,.subs-wrapper{background-color:$(bg.color.1);background-image: -webkit-gradient(linear,left top,right top,from($(bg.color.1)),to($(bg.color.2)));background-image: linear-gradient(to right,$(bg.color.1),$(bg.color.2))} .item .boxhome{margin-bottom:30px} .overlay{position:fixed;left:0;right:0;top:0;bottom:0;display:none} .overlay.active,div#searchcontainer.opensearch {cursor: url(https://1.bp.blogspot.com/-QfbILf6d4T8/XuzimrIGrNI/AAAAAAAAAKU/fUudHpKYqA886HWu23w3SHzOJsGq08TaACLcBGAsYHQ/s1600/cross-out.png),pointer;} .overlay.active{z-index:999;background:rgba(0,0,0,0.79);display:block} .digital-wrapper {z-index:99999;overflow:hidden;padding-top:8%} .digital-wrapper h3{font-size:40px;font-weight:500;line-height:1.2;color:#ffffff;margin:0} .box-left p{font-size:16px;line-height:1.5em} .box-left{float:left;width:45%;color:#ffffff} .box-right{float:right;width:50%;margin-top:-5%} .box-right img{width:100%;height:auto} .boxwrap-left h5{margin:0;font-weight:500;text-transform:uppercase;font-size:17px} .YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);top:0;left:0;z-index:9999999999999} .YouTubePopUp-animation{opacity:0;animation-name:YouTubePopUp} @-webkit-keyframes YouTubePopUp{0{opacity:0} 100%{opacity:1}} @keyframes YouTubePopUp{0{opacity:0} 100%{opacity:1}} .YouTubePopUp-Content{max-width:800px;display:block;margin:0 auto;height:100%;position:relative} .YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:500px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0} .YouTubePopUp-Hide{animation-name:YouTubePopUpHide} @-webkit-keyframes YouTubePopUpHide{0{opacity:1} 100%{opacity:0}} @keyframes YouTubePopUpHide{0{opacity:1} 100%{opacity:0}} .YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:500px;z-index:10;right:-13px;margin:auto 0;width:24px;color:#ffffff;height:24px;background:$(body.text.color);border:2px solid #fff;border-radius:50px;line-height:24px;text-align:center} .YouTubePopUp-Close:hover{opacity:.5} .YouTubePopUp-Close:before{content:'\f00d'} .wpbtn{padding:30px 0;clear:both;display:block;position:relative;margin:0 auto} .js-modal-video,.js-modal-video .overlay-box span{display:inline-block;height:60px;width:60px;text-align:center} .wpbtn a.btn-wite{background:#fff;padding:17px 50px;border-radius:50px} .wpbtn a{margin-right:20px} .js-modal-video{position:relative;font-size:18px;border-radius:50px;line-height:60px;margin-right:40px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;background-image:linear-gradient(to right,#ff880e 0,#ffb020 100%)} a.js-modal-video{color:#ffffff} .js-modal-video .overlay-box span{position:absolute;left:50%;top:50%;z-index:99;color:#ffffff;font-weight:600;font-size:16px;border-radius:50%;padding-left:7px;background-color:#fff;margin-top:-30px;margin-left:-30px;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1)} .js-modal-video .ripple,.js-modal-video .ripple:after,.js-modal-video .ripple:before{position:absolute;top:50%;left:50%;height:60px;width:60px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4);-moz-box-shadow:0 0 0 0 rgba(255,255,255,.4);-ms-box-shadow:0 0 0 0 rgba(255,255,255,.4);-o-box-shadow:0 0 0 0 rgba(255,255,255,.4);box-shadow:0 0 0 0 rgba(255,255,255,.4);-webkit-animation:ripple 3s infinite;-moz-animation:ripple 3s infinite;-ms-animation:ripple 3s infinite;-o-animation:ripple 3s infinite;animation:ripple 3s infinite} .js-modal-video .ripple:before{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute} .js-modal-video .ripple:after{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute} @-webkit-keyframes ripple{70%{box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}} @keyframes ripple{70%{box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}} #outer-wrapper{max-width:1100px;margin:0 auto} .item-post .post-body img,.widget iframe,.widget img{max-width:100%} #content-wrapper{margin:0 auto;display:block} .item #content-wrapper{display:inline-flex} .static_page #content-wrapper{display:block} #content-wrapper>.container{margin:0 -15px} .main-wrapper{float:left;overflow:hidden;width:100%;word-wrap:break-word;padding:0 25px;margin:3% 0} .item .main-wrapper{width:70%;padding:0 15px;margin:0 auto} .sidebar-wrapper{display:none;float:right;overflow:hidden;width:30%;box-sizing:border-box;word-wrap:break-word;padding:0 15px} .item .sidebar-wrapper{display:block;position:sticky;position:-webkit-sticky;top:0} .post-image-wrap,.sizeimg{position:relative;display:block} .about-author .avatar-container,.comments .avatar-image-container,.post-image-link{background-color:rgba(155,155,155,.07);color:transparent!important} .sizeimg{width:100%;height:100%;object-fit:cover;z-index:1;border-radius:2px;transition:opacity .17s ease} .hot-item-inner:hover .post-image-link .sizeimg,.post-image-link:hover .sizeimg,.post-image-wrap:hover .post-image-link .sizeimg{opacity:.9} .post-title a{display:block} .post-meta,.post-meta a{overflow:hidden;color:#aaa;font-size:12px;font-weight:300;padding:0} .item-post .post-meta{line-height:20px} .post-meta span{float:left;display:inline-block;margin:0 10px 0 0} .post-meta span img{float:left;width:20px;height:20px;color:$(body.text.color);margin:0 5px 0 0;border-radius:20px} .post-meta i{margin:0 4px} .post-meta .post-author:after{content:'-';margin:0 0 0 8px} .show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%} .queryMessage{overflow:hidden;background-color:$(body.color.blue);color:$(body.text.color);font-size:13px;font-weight:400;position:relative;padding:8px 10px;margin:0 0 20px} .queryMessage .query-info{margin:0 5px} .queryMessage .search-label,.queryMessage .search-query{font-weight:700;text-transform:uppercase} .queryMessage .search-label:before,.queryMessage .search-query:before{content:"\201c"} .queryMessage .search-label:after,.queryMessage .search-query:after{content:"\201d"} .queryMessage a.show-more{position:absolute;right:0;color:#000000;top:0;padding:9px 20px;bottom:0;background:;transition:opacity .17s} .queryMessage a.show-more:hover{opacity:.8} .queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center} .title-wrap{display:none} .post-body .widget-content{text-align:center;margin:.8em 0;display:block} .post-body .widget-content:blank{margin:0} .Ad-Slots-below .widget,.Ad-Slots-below .widget-content,.Middle-Ad-Slot1 .widget,.Middle-Ad-Slot1 .widget-content,.Middle-Ad-Slot2 .widget,.Middle-Ad-Slot2 .widget-content,.top-Ad-Slots .widget,.top-Ad-Slots .widget-content{margin:0!important} .custom-widget li{overflow:hidden;margin:20px 0 0} .custom-widget li:first-child{padding:0;margin:0;border:0} .custom-widget .post-image-link{position:relative;width:80px;height:70px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .custom-widget .post-info{overflow:hidden} .custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:500;line-height:1.5em;margin:0 0 3px} .custom-widget .post-title a{display:block;color:$(body.text.color);transition:color .17s} .custom-widget li:hover .post-title a{color:$(body.color.blue)} .halaman-indeks-wrap{position:relative;float:left;width:100%} .item-post-wrap{padding:20px 0} .blog-post{display:block;overflow:hidden;word-wrap:break-word} .bxposts{display:flex;flex-wrap:wrap;margin:0 -15px} .halaman-indeks{display:block;width:30.632%;padding:0;overflow:visible;margin:15px;height:360px;position:relative;background:#fff;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,.06);box-shadow:0 5px 20px 0 rgba(0,0,0,.06)} .halaman-indeks:hover{-webkit-box-shadow:none;box-shadow:none} .halaman-indeks .post-image-wrap{width:100%;height:220px;overflow:hidden;margin:0} .halaman-indeks .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden} .halaman-indeks .post-info{position:relative;margin:0 auto;text-align:center;padding:15px 30px} .halaman-indeks .post-info h2 a{display:block;color:$(body.text.color);transition:color .17s} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} .halaman-indeks .post-meta{display:inline-block;text-align:center;margin:20px auto;position:relative} #breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 15px} #breadcrumb a{color:#aaa;transition:color .17s} #breadcrumb a:hover{color:$(body.color.blue)} #breadcrumb a,#breadcrumb em{display:inline-block} #breadcrumb .delimiter:after{content:'\f105';font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px} .item-post h1.post-title{color:#000000;font-size:27px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:0 0 15px;padding:0} .main .widget,.static_page .item-post h1.post-title{margin:0} .item-post .post-body{width:100%;font-size:15px;line-height:1.8em;overflow:hidden;padding:20px 0 0;margin:0} .item-post .post-outer{padding:0} .main .Blog{border-bottom-width:0} .post-footer{position:relative;float:left;width:100%;margin:20px 0} .post-footer .post-labels{margin:0 auto;float:left} .inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px} .inline-ad>ins{display:block!important;margin:0 auto!important} .item .inline-ad{float:left;width:100%;margin:20px 0 0} .comments .comments-content .datetime,.post-share{float:right} .item-post-wrap>.inline-ad{margin:0 0 20px} .post-share{position:relative;overflow:hidden;line-height:2;margin:0 auto} .post-labels a,.post-labels span{position:relative;display:inline-block;font-size:13px;line-height:28px;font-weight:400;padding:0 12px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;border:0;background:#f3f5fe;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .post-labels a:hover,.post-labels span{background-color:$(body.color.blue);color:$(body.text.color)} .post-labels a{margin:0 10px 0 0;transition:all .17s ease} .post-labels a:hover{border-color:$(body.color.blue)} .post-share .share-links li a,.post-share .social a:before{color:#fff;font-weight:400;text-align:center;display:inline-block} ul.share-links{position:relative} .post-share .share-links li{display:inline-block;margin:0 0 0 10px} .post-share .share-links li a{float:left;cursor:pointer;width:100%;line-height:32px;font-size:17px;opacity:1;transition:all .17s ease} .post-share .social a:before{font-style:normal;height:38px;width:38px;line-height:40px;border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;background:#fe4c1c;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} .post-share .social .facebook a:before,.post-share .social .linkedin a:before,.post-share .social .pinterest a:before,.post-share .social .twitter a:before,.social .behance a:before,.social .codepen a:before,.social .delicious a:before,.social .digg a:before,.social .dribbble a:before,.social .external-link a:before,.social .facebook a:before,.social .github a:before,.social .instagram a:before,.social .pinterest a:before,.social .reddit a:before,.social .skype a:before,.social .snapchat a:before,.social .soundcloud a:before,.social .stack-overflow a:before,.social .stumbleupon a:before,.social .tumblr a:before,.social .twitch a:before,.social .twitter a:before,.social .vk a:before,.social .whatsapp a:before,.social .youtube a:before{font-family:"Font Awesome 5 Brands"} .post-share .social .facebook a:before{content:"\f39e";background:#4661c5} .post-share .social .pinterest a:before{content:"\f231"} .post-share .social .twitter a:before{content:"\f099";background:#44b1e4} .post-share .social .linkedin a:before{content:"\f0e1";background:#0073b0} .post-share .social .whatsapp a:before{background:#20d847} .social .facebook a:before{content:"\f09a";font-weight:400} .social .twitter a:before{content:"\f099";font-weight:400} .social .youtube a:before{content:"\f167";font-weight:400} .social .skype a:before{content:"\f17e";font-weight:400} .social .stumbleupon a:before{content:"\f1a4";font-weight:400} .social .tumblr a:before{content:"\f173";font-weight:400} .social .vk a:before{content:"\f189";font-weight:400} .social .stack-overflow a:before{content:"\f16c";font-weight:400} .social .github a:before{content:"\f09b";font-weight:400} .social .linkedin a:before{content:"\f0e1";font-family:"Font Awesome 5 Brands";font-weight:400} .social .dribbble a:before{content:"\f17d";font-weight:400} .social .soundcloud a:before{content:"\f1be";font-weight:400} .social .behance a:before{content:"\f1b4";font-weight:400} .social .digg a:before{content:"\f1a6";font-weight:400} .social .instagram a:before{content:"\f16d";font-weight:400} .social .pinterest a:before{content:"\f0d2";font-weight:400} .social .twitch a:before{content:"\f1e8";font-weight:400} .social .delicious a:before{content:"\f1a5";font-weight:400} .social .codepen a:before{content:"\f1cb";font-weight:400} .social .reddit a:before{content:"\f1a1";font-weight:400} .social .whatsapp a:before{content:"\f232";font-weight:400} .social .snapchat a:before{content:"\f2ac";font-weight:400} .social .email a:before{content:"\f0e0"} .social .external-link a:before{content:"\f35d";font-weight:400} .social-color .blogger a{color:#ff5722} .social-color .facebook a{color:#3b5999} .social-color .twitter a{color:#00acee} .social-color .gplus a{color:#db4a39} .social-color .youtube a{color:#f50000} .social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-color .pinterest a{color:#ca2127} .social-color .dribbble a{color:#ea4c89} .social-color .linkedin a{color:#0077b5} .social-color .tumblr a{color:#365069} .social-color .twitch a{color:#6441a5} .social-color .rss a{color:#ffc200} .social-color .skype a{color:#00aff0} .social-color .stumbleupon a{color:#eb4823} .social-color .vk a{color:#4a76a8} .social-color .stack-overflow a{color:#f48024} .social-color .github a{color:#24292e} .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-color .behance a{color:#191919} .social-color .digg a{color:#1b1a19} .social-color .delicious a{color:#0076e8} .social-color .codepen a{color:#000000} .social-color .reddit a{color:#ff4500} .social-color .whatsapp a{color:#3fbb50} .social-color .snapchat a{color:#ffe700} .social-color .email a{color:#888} .social-color .external-link a{color:$(body.text.color)} .blog-pager{float:left;width:100%;font-size:15px;font-weight:500;text-align:center;clear:both;padding:0;margin:30px 0 10px} #blog-pager .load-more{display:inline-block;height:50px;width:50px;line-height:59px;background-color:$(body.color.blue);font-size:14px;font-weight:400;padding:0;margin:0;border-radius:100px} #blog-pager #load-grid i{font-size:20px} #blog-pager #load-grid{color:$(body.text.color);cursor:pointer} #blog-pager #load-grid:hover{background-color:$(body.color.blue);color:$(body.text.color)} #blog-pager .endmore,#blog-pager .loading{display:none} #blog-pager .loading .loader{position:relative;overflow:hidden;display:block;margin:0;height:34px} #blog-pager .endmore.show,#blog-pager .load-more.endmore,#comments-block .avatar-image-container,.archive #blog-pager,.comments .comments-content .comment-thread:empty,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link,.home .boxsubs{display:none} #blog-pager .loading .loader:after{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-16px 0 0 -16px;border:2px solid;border-right-color:rgba(155,155,155,.2);border-radius:100%;animation:spinner 1.1s infinite linear;transform-origin:center} @-webkit-keyframes spinner{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spinner{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn{from{opacity:0} to{opacity:1}} .post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp{from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)}} .post-fadeInUp{animation-name:fadeInUp} #comments{clear:both;list-style:none;position:relative;margin:0 auto;padding:0;overflow:hidden} comments h3{font-size:14px;display:block;font-weight:400;text-transform:uppercase;margin:0 0 30px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.05);position:relative} #comments h3 after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:1px;background:#ffd6be} #comment-editor,.comment-thread .user,.related-post h4{position:relative} #comments h3 first-letter{color:#ff5f02} .comments-content{padding:0 0 15px} #comments-block{margin:15px 0} .comment-body{padding:15px 0;margin:0} .comment-body p{margin:0} .comment-footer{margin:0 0 30px} h4#comment-post-message{display:none;margin:0} .comments{clear:both;margin-top:10px;margin-bottom:0} .comments .comments-content{font-size:14px;margin-bottom:30px} .comments .comments-content .comment-thread ol{text-align:left;margin:13px 0;padding:0;list-style:none} .comments .comment-block{position:relative;margin-left:55px;margin-right:3px;padding:15px;word-break:break-word;background:#fbfbfb;border-radius:5px} .comments .comment-replies .comment-block{margin-left:50px} .comments .comments-content .comment-replies{margin:10px 0 10px 45px} .comments .comment-replybox-single{margin:20px 0} .comments .comment-replybox-thread{margin:0} .comments .comments-content .comment{margin-bottom:6px;padding:0} .comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:0;margin:0} .comments .comments-content .inline-thread{margin:0} .comments .comments-content .comment-header{font-size:14px;margin:0 0 5px} .comments .comments-content .comment-content{margin:10px 0;text-align:left;font:400 13px/1.71em AcuminPro,arial,helvetica,sans-serif} .post-body ul li:before,blockquote:after{font-family:"Font Awesome 5 Pro"} .comments .comments-content .datetime a{color:#555} .comments .comments-content .user{font-weight:700;font-style:normal} .comments .comment .comment-actions a{display:inline-block;font-size:13px;line-height:15px;margin:4px 8px 0 0} .comments .continue a{display:inline-block;font-size:13px;padding:.5em} .comments .comment .comment-actions a:hover,.comments .continue a:hover{color:#dd4a45} .deleted-comment{font-style:italic;opacity:.5} .comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em} .comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden} .comments .continue,.comments .thread-chrome.thread-collapsed{display:none} .comments .thread-toggle{display:inline-block} .comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px} .comments .thread-collapsed .thread-arrow,.comments .thread-expanded .thread-arrow{width:24px;height:24px;vertical-align:middle;display:inline-block} .comments .hidden{display:none} .item-control a,.secondary-text a.comment-reply{color:#909090;text-align:center;padding:0!important;font-weight:400;text-decoration:none} .comment-thread .user,.comment-thread .user a{font-size:14px;font-weight:700;padding:0;text-transform:uppercase;text-decoration:none} .secondary-text a.comment-reply{color:#777} .item-control a:hover,.secondary-text a:hover.comment-reply{color:#000000!important} #comment-editor{width:100%!important;background:url(https://1.bp.blogspot.com/-kAp4OwqTq28/XhxAOb139ZI/AAAAAAAAB0o/F-S8gdjOSXwtilbEYncR5S7e2WQElHVYwCLcBGAsYHQ/s1600/loader.gif) 50% 25% no-repeat;max-height:310px!important;transition:1.3s ease-out} .comment-thread .user a{color:#000000} .comment-thread .user a:hover{color:inherit} .comment-thread .datetime a{text-decoration:none;color:#909090;font-size:11px;font-weight:400} .PopularPosts .post:hover .post-title a,.errorgrid a:hover,.post-body u,.related-post-style-1 li a:hover,.related-post-style-2 a:hover.related-post-item-title,.related-post-style-3 a:hover.related-post-item-title{text-decoration:underline} .comment-thread .datetime a:hover{color:#000000} .item-control{margin-left:0} .thread-chrome a.comment-reply{margin-top:20px!important;display:block;text-align:center;border-radius:99em;background-color:#f4f4f4} .thread-chrome a:hover.comment-reply{color:#999} #comments .comments-content .icon.blog-author{width:18px;height:18px;line-height:18px;margin-left:5px;vertical-align:middle;margin-top:-5px;display:inline-block} #comments .comments-content .icon.blog-author:before{content:"\f005";font-family:"Font Awesome 5 Pro";color:$(body.color.blue);font-size:11px;vertical-align:middle} .comment .avatar-image-container{width:40px;height:40px;overflow:hidden;float:left;border-radius:99em} #comments .comment-replies .comment-thread .comment .avatar-image-container img,.comment .avatar-image-container img{display:block;padding:0;margin:0 auto} #comments .comment-replies .comment-thread .comment .avatar-image-container{width:35px;height:35px;max-width:35px;max-height:35px} #comments .avatar-image-container img{width:40px;height:40px;max-width:40px;max-height:40px;background:url(https://1.bp.blogspot.com/-ITY2zUo6O8w/XhxBWisGHeI/AAAAAAAAB0w/a_379aQsD6E3RdyzR0zSSeZOBwX2L86pwCLcBGAsYHQ/s1600/no.jpg) center;background-size:cover} #comments .comment-replies .avatar-image-container img{width:35px;height:35px;max-width:35px;max-height:35px;background:url(https://1.bp.blogspot.com/-ITY2zUo6O8w/XhxBWisGHeI/AAAAAAAAB0w/a_379aQsD6E3RdyzR0zSSeZOBwX2L86pwCLcBGAsYHQ/s1600/no.jpg) center center no-repeat} .threaded_comments_text{display:block;margin:20px 0} .threaded_comments_text p{font-size:100%;line-height:inherit} .post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,post-body h1{color:#000000;font-weight:600;margin:0 0 15px} .post-body h1,.post-body h2{font-size:24px} .post-body h3{font-size:21px} .post-body h4{font-size:18px} .post-body h5{font-size:16px} .post-body h6{font-size:13px} #related-wrapper{margin:0 auto;padding:0;display:block;overflow:hidden;clear:both} .related-post{margin:20px auto;padding:0;text-align:center} .related-post h4{margin:5px 0 15px;font-size:35px;line-height:1.2em;padding:0 15px;color:$(body.text.color);font-weight:400;text-align:center;font-family:Playball,cursive;display:inline-block} .related-post h4:after,.related-post h4:before{display:block;width:500px;height:0;border-bottom:1px solid #f7f7f7;position:absolute;top:50%;content:''} .related-post h4:before{right:100%;left:auto} .related-post h4:after{left:100%;right:auto} .related-post .related-post-style-1,.related-post .related-post-style-2,.related-post .related-post-style-3{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .related-post .related-post-style-1{margin:10px 0 20px} .related-post .related-post-style-1 li{display:block;width:100%;text-align:left} .related-post .related-post-item-summary,.related-post-style-3 span{font-size:110%;color:$(body.text.color);line-height:1.4em;display:inline-block;text-align:left} .related-post-style-3{margin:0 0 0 -3%!important} .related-post-style-3 li{list-style:none;margin-left:3%!important;padding:0;width:calc(31.333% - 1%);float:left} .related-post-style-3 li img{width:100%;height:100%} .related-post-style-3 a.related-post-item-title{text-align:left;font-size:16px;color:$(body.text.color);margin:10px auto;font-weight:500;line-height:1.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .related-post-style-3 span,.related-posts-widget h3{display:none!important;height:0;width:0;overflow:hidden} .related-post-style-2{margin:0 auto!important} .related-post-style-2 li{list-style:none;margin:0 auto 10px;padding:10px 0 0;display:block;width:100%;border-top:1px solid #eee} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{align-items:center;justify-content:center;margin:0 auto;width:125px;height:80px;max-width:none;max-height:none;padding:0;overflow:hidden;display:inline-block;float:left} .related-post-style-2 .related-post-item-thumbnail img{width:100%;height:100%} .related-post-style-2 a.related-post-item-title{line-height:1.3em;display:block;text-align:left;font-size:16px;color:#2d2d2d;margin:0 0 7px;font-weight:500} .related-post-style-2 a.related-post-item-more{display:none} .related-post-style-2 .related-post-item-text{display:inline-block;text-align:left;width:calc(100% - 140px);float:right} .related-post-style-1 li a{line-height:1.3em;display:block;position:relative;font-size:115%!important;color:#2d2d2d;margin:0 0 10px;padding:0;font-weight:400} .related-post-style-1 li a:before{content:'';width:7px;height:7px;border-radius:100%;background-color:#0076f4;display:inline-block;position:relative;top:-1px;left:0;margin-right:10px} blockquote{font-style:italic;padding:17px;margin:10px auto;background:#fbfbfb} blockquote:after{display:inline-block;font-style:normal;font-weight:900;color:#f1f1f1;line-height:1;content:'\f10e';margin:0 0 0 10px} .widget .post-body ol,.widget .post-body ul{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul{padding:0 0 0 20px} .post-body ul li:before{content:"\f111";font-size:13px;font-weight:400;margin:0 5px 0 0} .post-body strike{text-decoration:line-through} .contact-form{overflow:hidden} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .contact-form .contact-form-email{width:calc(50% - 5px);float:right} .sidebar .widget-content{position:relative;overflow:hidden;padding:0;box-sizing:border-box;float:left;width:100%;margin:0} .sidebar .widget{margin:0 0 30px;overflow:hidden;padding:20px;background:#f2f3ff} #social-widget .widget{margin-bottom:35px} .sidebar .widget-title{position:relative;overflow:hidden;float:left;width:100%;display:block;margin:0 auto} .sidebar .widget-title>h3{color:#000000;font-size:20px;font-weight:600;text-decoration:none;display:inline-block;padding:0 10px 0 0;margin:0 auto 15px;position:relative;letter-spacing:normal} #ArchiveList .flat li>a:before,.list-label li a:before{content:"\f054";font-family:"Font Awesome 5 Pro"} ul.social-counter{margin:0 -5px} .social-counter li{float:left;width:25%;box-sizing:border-box;padding:0 5px;margin:10px 0 0} .social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4){margin-top:0} .social-counter li a{display:block;height:40px;font-size:22px;color:$(body.color.blue);text-align:center;line-height:40px;border:1px solid #eee;transition:color .17s} .social-counter li a:hover{color:$(body.text.color)} .list-label li{position:relative;display:block;padding:7px 0;border-top:1px dotted #ebebeb} .list-label li:first-child{padding-top:0;border-top:0} .list-label li:last-child{padding-bottom:0;border-bottom:0} .list-label li a{display:block;font-size:12px;font-weight:400;text-transform:capitalize;transition:color .17s} .list-label li a:before{float:left;color:$(body.color.blue);font-weight:400;font-size:6px;margin:6px 6px 0 0;transition:color .17s} .list-label li a:hover{color:$(body.color.blue)} .list-label .label-count{position:relative;float:right;width:16px;height:16px;background-color:$(body.color.blue);color:$(body.text.color);font-size:11px;font-weight:400;text-align:center;line-height:16px} .cloud-label li{position:relative;float:left;margin:0 5px 5px 0} .cloud-label li a{display:block;height:26px;color:$(body.color.blue);font-size:12px;line-height:26px;font-weight:400;padding:0 10px;border:1px solid #eee;transition:all .17s ease} .cloud-label li a:hover{color:$(body.text.color);background-color:$(body.color.blue);border-color:$(body.color.blue)} .cloud-label .label-count{display:none} .sidebar .FollowByEmail>.widget-title>h3{margin:0} .FollowByEmail .widget-content{position:relative;overflow:hidden;text-align:center;font-weight:400;box-sizing:border-box;padding:20px} .FollowByEmail .widget-content>h3{font-size:18px;color:$(body.text.color);font-weight:500;text-transform:uppercase;margin:0 0 13px} .FollowByEmail .before-text{font-size:13px;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden} .FollowByEmail .follow-by-email-inner{position:relative} .FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;float:left;height:50px;position:relative;color:#060606;font-size:13px;padding:0 20px;margin:0;box-sizing:border-box;border:none;transition:ease .17s} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{height:50px;position:absolute;right:0;font-size:14px;color:$(menu.title.color);background:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;padding:0 30px;margin:0 auto;border:0;transition:opacity .17s ease} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{opacity:.85} #ArchiveList ul.flat li{color:$(body.text.color);font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea} #ArchiveList ul.flat li:first-child{padding-top:0} #ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0} #ArchiveList .flat li>a{display:block;color:$(body.text.color);transition:color .17s} #ArchiveList .flat li>a:hover{color:$(body.color.blue)} #ArchiveList .flat li>a:before{float:left;color:#161619;font-weight:400;font-size:6px;margin:6px 3px 0 0;display:inline-block;transition:color .17s} #ArchiveList .flat li>a>span{position:relative;float:right;width:16px;height:16px;background-color:$(body.color.blue);color:$(body.text.color);font-size:11px;font-weight:400;text-align:center;line-height:16px} .PopularPosts .post{overflow:hidden;margin:20px 0 0} .PopularPosts .post:first-child{padding:0;margin:0;border:0} .PopularPosts .post-image-link{position:relative;width:90px;height:80px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .PopularPosts .post-info{overflow:hidden} .PopularPosts .post-title{font-size:14px;font-weight:500;line-height:1.5em;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #back-to-top,.contact-form-widget form{font-weight:400} .PopularPosts .post-title a{display:block;color:#000000;transition:color .17s} .PopularPosts .post-date:before{font-size:10px} .contact-form-button-submit,.contact-form-email,.contact-form-email-message,.contact-form-name{float:left;width:100%;font-size:13px;box-sizing:border-box} .contact-form-email,.contact-form-name{height:30px;font-family:inherit;line-height:30px;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb;border-radius:2px} .contact-form-email-message{font-family:inherit;padding:5px 10px;margin:0 0 10px;border:1px solid #ebebeb;border-radius:2px} .contact-form-button-submit{height:30px;background-color:$(body.color.blue);color:$(body.text.color);line-height:30px;cursor:pointer;padding:0 10px;margin:0;border:0;border-radius:2px;transition:background .17s ease} .contact-form-error-message-with-border,.contact-form-success-message-with-border{width:100%;font-size:11px;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;float:left;text-align:center} .contact-form-button-submit:hover{background-color:$(body.text.color)} .contact-form-error-message-with-border{background-color:#fbe5e5;border:1px solid #fc6262} .contact-form-success-message-with-border{background-color:#eaf6ff;border:1px solid #5ab6f9} .contact-form-cross{margin:0 0 0 3px} .contact-form-error-message,.contact-form-success-message{margin:0} .common-widget .LinkList ul li,.common-widget .PageList ul li{width:calc(50% - 5px);padding:7px 0 0} .common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){float:left} .common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){float:right} .common-widget .LinkList ul li a,.common-widget .PageList ul li a{display:block;color:$(body.text.color);font-size:13px;font-weight:400;transition:color .17s ease} .common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{color:$(body.color.blue)} .common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){padding:0} .hidden-widgets{display:none;visibility:hidden} .back-to-top{line-height:40px;position:fixed;bottom:20px;right:20px;border-radius:5px;z-index:999;border:2px solid $(main.color);height:40px;text-align:center;cursor:pointer;width:40px;background:#fff} #back-to-top{color:#0856da;padding:0;font-size:18px} .boxerror .boxhome{height:115px} .boxerror .main-wrapper{width:100%!important;margin:0!important} .boxerror #content-wrapper{display:block} .boxerror #box-banner,.boxerror .brand_wrapper,.boxerror .sidebar-wrapper{display:none} .errorgrid{color:#5a5a5a;text-align:center;padding:80px 0 100px} .errorgrid h3{font-size:160px;line-height:1;margin:0 0 30px;color:#ffc400;} .errorgrid h4{font-size:25px;margin:0 0 20px} .errorgrid p{margin:0 0 10px} .errorgrid a{display:block;color:#5a5a5a;padding:10px 0 0} .errorgrid a i{font-size:20px} ._banner h3{display:none} #box-banner{text-align:center;overflow:hidden;display:block;clear:both;margin:30px 0 20px} .parnert h3{display:none} .customer-parnert .slick-slide{margin:0 20px;-webkit-filter:saturate(.1);filter:saturate(.1);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .customer-parnert{width:100%;height:auto;outline:0;overflow:hidden;overflow-x:hidden;white-space:nowrap;margin:0 auto} .brand-box{padding:10px 20px;margin:0 auto} .brand-box img{height:auto;width:100%;margin:0 auto;position:relative} #footer-wrapper{display:block;width:100%;overflow:hidden;padding:0;position:relative} .lay{background-image:url(https://1.bp.blogspot.com/-lwGmAh06nsg/XuyPbev9LdI/AAAAAAAAAI0/k9B_y4VCIPI7UpaTWgqiOQblDgj-n2AGwCLcBGAsYHQ/s1600/maps8.png);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;top:0;left:0;width:100%;height:100%} .PopularPosts .post-tag{position:relative;z-index:5;background-color:#2ad2c9;color:$(body.text.color);font-size:10px;line-height:18px;font-weight:500;text-transform:uppercase;padding:0 7px} .footer-box{padding:0;overflow:hidden;color:$(footer.color);line-height:1.4em;margin:0;font-size:14px} .footer-box .footer{float:left;width:23.18323%;margin:20px 20px 20px 0} .footer-box .footer .widget{margin-bottom:10px} .footer-box .footer h3{font-size:18px;line-height:1.2em;color:$(footer.title);display:block;margin:0;padding:15px 0;font-weight:600;position:relative} .footer-box .footer .widget-content{line-height:21px} .footer-box .footer ul{list-style:none;color:$(footer.link);margin:0;padding:0} .footer-box .footer li{color:$(footer.link);line-height:1.2em;margin:0;padding:5px 0} .footer-box .footer a:link,.footer-box .footer li a:visited{color:$(footer.link);text-decoration:none;font-weight:400;line-height:1.6em;font-size:14px} .credit-footer a:hover,.footer-box .footer li a:hover{text-decoration:underline} .footer-box .footer li a::before{display:inline-block;font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;margin-right:10px;color:$(main.color)} .testi-wrap{overflow:hidden;position:relative;padding:5% 0} .boxtestimonial{padding:0 0 50px} .ithemonial{text-align:center;width:83.33333333%;margin:20px auto 0} .ithemonialicon:after,.ithemonialicon:before{color:#fdf3ce;font-size:30px;font-family:"Font Awesome 5 Pro";font-weight:900;padding-top:0;margin:0 15px} .ithemonialicon:before{content:"\f10d";float:left} .ithemonialicon:after{content:"\f10e";float:right} .boxtestimonial .owl-next,.boxtestimonial .owl-prev{height:35px;line-height:37px;position:absolute;width:35px;border-radius:50%;border:none;margin:0;padding:0;bottom:40%;font-size:24px;text-align:center;color:#ffffff;background:#dadada;text-shadow:none} .boxtestimonial .owl-next:hover,.boxtestimonial .owl-prev:hover{transition:all 1s;background:$(main.color)} .boxtestimonial .owl-prev:before{content:'\f104';font-family:"font awesome 5 Pro"} .boxtestimonial .owl-next:before{content:'\f105';font-family:"font awesome 5 Pro"} .boxtestimonial .owl-prev{left:25%;transition:all .5s} .boxtestimonial .owl-next{right:25%;transition:all .5s} .monialimg img{width:100px!important;height:100px;border:4px solid #fff;border-radius:50%;box-shadow:0 10px 10px rgba(86,86,86,0.2);padding:2px;margin:0 auto 5px} .ithemonial p{color:#242c42;font-size:16px;font-weight:400;font-style:italic;padding:0;margin:0 0 30px} .monialimg h4{color:#000000;font-size:16px;font-weight:600;line-height:20px} .monialimg h4 span{display:block;margin:8px 0;font-size:13px;color:#7d7d7d;text-transform:uppercase} .subs-wrapper{padding:20px;-webkit-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);-moz-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;max-width:700px;width:100%;margin:0 auto 8%;} .subs-wrapper .FollowByEmail h3{display:none} .map-wrapper{overflow:hidden;padding:3% 0 2%;margin-bottom:2%;border-bottom:1px solid rgba(255, 255, 255, 0.16)} .map-wrapper-left{float:left;width:25%} .map-wrapper-right{float:right;width:70%} .elementor-map{float:right;padding:1rem 0;margin:0} .elementor-map div{position:relative;margin:0 auto 0 30px;padding:0;list-style:none;float:left} .elementor-map div.icon-box__title{margin:0;padding-top:.05556rem;font-size:16px;font-weight:400;display:block;color:#ffffff} .elementor-map div.icon-box i{font-size:30px;padding:0;height:35px;color:#ffffff;text-align:center;line-height:35px;margin-top:10px;position:absolute;width:35px;font-weight:300;float:left;margin-right:.55556rem;border-radius:50%;vertical-align:middle} .elementor-map div .icon-box__title{margin:0;padding-top:.05556rem;font-size:16px;font-weight:500;display:block;color:#ffffff} .elementor-map div.icon-box__text{margin-left:50px} .elementor-map div span.icon-box__subtitle{font-size:15px;font-weight:400;color:#ffffff} .mplogo{width:218px;height:auto;vertical-align:middle;padding-top:10px} .mplogo img{width:100%;height:auto} .iconfit{margin-top:20px!important} ul.iconfit li{float:left;display:inline-block} ul.iconfit li a:before{display:none!important} ul.iconfit li>a{display:block;font-size:20px!important;color:#e0ecff!important;padding:0;margin:0 20px 0 0;transition:all .17s ease} .credit-footer{width:100%;font-size:15px;display:block;height:34px;color:#ffffff;font-weight:400;line-height:34px;padding:20px 0;overflow:hidden;text-align:center} .credit-footer a{color:#ffffff;transition:color .17s} @media screen and (max-width:1100px){.header-wrapper{width:95%} #outer-wrapper{max-width:95%} .halaman-indeks{width:30.23%} .ot-pricing-table{width:21.67%} .footer-box .footer{width:23%}} @media screen and (max-width:1024px){#main-menu ul#main-menu-nav,#top-bar{padding-left:25%} .home .boxhome{height:auto} .tabs ul li label{white-space:initial} .tabs ul li label br{display:initial} .ot-pricing-table{width:20.7%} .footer-box .footer{width:22%}} @media screen and (max-width:991px){halaman-indeks{width:30%} .ot-pricing-table{width:100%;padding:20px 0;float:none;margin:30px auto} .elementor-map{float:none;padding:1rem 0;margin:0 auto;display:block} .footer-box .footer{width:100%;margin:20px auto} .map-wrapper-right{float:left;width:100%} .elementor-map div{position:relative;margin:0 auto 30px;padding:0;list-style:none;float:none;display:block;width:100%}} @media screen and (max-width:980px){.boxwrap-os-right,.boxwrap-text h2,.boxwrap-text h3,.digital-wrapper h3,.recent-boxes .widget-title,.recent-boxes h3,.tabs .content section h3: :after,a.more-link{text-align:center} .iconsearch-label:before,a.more-link:before{border-bottom:none} .index .boxhome,.item .boxhome{height:auto} #sticky-wrap.stickyhead .iconsearch-label,.btnmenu,.iconsearch-label{height:20px} .headblog:before{border-top:110px solid $(main.color)} .btn-mobile{display:block;background:0 0;color:#ffffff;right:5%;font-weight:400;font-size:15px} #main-menu,#top-bar,.box-right,.btn-dekstop,.content-left,.marketright{display:none} #sticky-wrap.stickyhead .btn-mobile{color:#000000} .headblog{width:180px} .headblog img{margin-top:5px} #sticky-wrap.stickyhead .headblog:before{border-top:108px solid $(main.color)} .boxwrap-left,.boxwrap-right{width:100%;float:none;margin:0 auto} .boxwrap-os-right{float:none;width:auto} .boxwrap-icon,.mobile-menu,.slide-menu-toggle{display:block} .box-left,.boxwrap-os-left,.boxwrap-os-right.boxwrap-left,.boxwrap-right,.content-right,.marketleft{float:none;width:100%;margin:0 auto;text-align:center} .box-left h3{font-size:25px} .boxwrap-os-left h2,.boxwrap-text h2{font-size:41px} a.more-link{top:0;right:initial;left:initial;margin:0 auto;position:relative} a.more-link:before{border-left:none} .cd-headline{font-size:3rem} .tabs .content section h3::after{margin:5px auto;left:0;right:0} .colorwp{margin:50px 0} #sticky-wrap.stickyhead .headblog{margin:2px 30px 0 0;width:180px} .btnmenu{display:-webkit-box;display:flex;align-self:center;padding:20px 5px;float:right;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;width:35px;cursor:pointer} #menuslide,.ui_box{float:none} .btnmenu div{align-self:flex-end;height:2px;width:100%;background:#fff} #sticky-wrap.stickyhead .btnmenu div{background:#000} .btnmenu .meat{width:75%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .btnmenu .bottom-bun{width:50%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .btnmenu:hover div{width:100%} .btnmenu:hover .top-bun{-webkit-animation:burger-hover 1s infinite ease-in-out alternate;animation:burger-hover 1s infinite ease-in-out alternate} .btnmenu:hover .meat{-webkit-animation:burger-hover 1s infinite ease-in-out alternate forwards .2s;animation:burger-hover 1s infinite ease-in-out alternate forwards .2s} .btnmenu:hover .bottom-bun{-webkit-animation:burger-hover 1s infinite ease-in-out alternate forwards .4s;animation:burger-hover 1s infinite ease-in-out alternate forwards .4s} @-webkit-keyframes burger-hover{0,100%{width:100%} 50%{width:50%}} @keyframes burger-hover{0,100%{width:100%} 50%{width:50%}} .menu{width:280px;height:100%;left:-280px;z-index:99999;bottom:0;background:#fff;top:0;position:fixed;transition:.5s linear} .menu.active,.page-wrapper.toggled{left:0} @keyframes swing{0,100%,30%,50%,70%{transform:rotate(0)} 10%{transform:rotate(10deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)}} #close-sidebar,#show-sidebar,.page-wrapper,.page-wrapper .page-content,.sidebar-brand a,.sidebar-dropdown a:after,.sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-menu ul li a,ul li a i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .page-wrapper{height:100vh;padding:20px} .page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px} .page-wrapper .theme.chiller-theme{background:#1e2229} .cross{display:block;padding:10px 20px;background:0 0;text-align:right;cursor:pointer} #menuslide ul{width:100%;height:auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15)} #menuslide ul ul{-webkit-box-shadow:none;box-shadow:none;display:none;opacity:1;transform:translateY(0);transition:unset} #menuslide ul ul li{background:0 0;margin:0} #menuslide li:hover ul{transition-delay:0,0,0} #menuslide ul li{width:100%;border-top:1px solid #2b2b2b;background:0 0;float:none;position:relative} #menuslide ul li.active a,#menuslide ul li:hover a{color:#555} #menuslide ul ul li a{padding:0 25px} #menuslide ul li a,#menuslide ul ul li a{width:100%;border-bottom:0;color:#ffffff} #menuslide ul li a:hover,#menuslide ul ul li a:hover{color:#eee} #menuslide ul ul li.has-sub ul li a{padding-left:35px} #menuslide ul ul,#menuslide ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #menuslide ul li.has-sub a::after,#menuslide ul ul li.has-sub a::after{display:none} #menuslide .submenu-button{position:absolute;z-index:99;right:0;top:0;cursor:pointer} #menuslide .submenu-button::after{content:"\f0d7";font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;text-decoration:inherit;margin:0 20px;color:#555;line-height:42px} #menuslide .submenu-opened::after{content:"\f0d8"} #menuslide ul ul .submenu-button::after{line-height:36px} #menuslide ul ul ul li.active a{border-left:none} #menuslide ul li.has-sub ul li.active a,#menuslide ul ul li.has-sub ul li.active a{border-top:none} .ui_box{width:71%;height:auto;margin:0 auto}} @media screen and (max-width:800px){.header-wrapper,.item .main-wrapper{width:100%} #outer-wrapper{max-width:96%} .headblog{margin:0 25px 0 0} .halaman-indeks,.halaman-indeks:nth-child(12),.halaman-indeks:nth-child(16),.halaman-indeks:nth-child(19),.halaman-indeks:nth-child(2),.halaman-indeks:nth-child(23),.halaman-indeks:nth-child(24),.halaman-indeks:nth-child(25),.halaman-indeks:nth-child(29),.halaman-indeks:nth-child(6){width:100%;height:auto} .halaman-indeks:nth-child(12).homebox,.halaman-indeks:nth-child(16).homebox,.halaman-indeks:nth-child(19).homebox,.halaman-indeks:nth-child(2).homebox,.halaman-indeks:nth-child(6).homebox{width:auto} .halaman-indeks .post-image-wrap{height:auto} .item .sidebar-wrapper{display:block;position:relative;top:initial;float:none;margin:0 auto;width:100%} .item .sidebar-wrapper .widget{margin:15px 0} #main-menu ul#main-menu-nav{padding-left:0} .chiller-theme{background:#fff}} @media screen and (max-width:768px){ .cd-headline{font-size:2.5rem}.boxwrap-text h3,.digital-wrapper h3,.recent-boxes h3{margin:0 auto;text-align:center}.boxwrap-text p{font-size:14px;text-align:center}a.more-link{top:15px;right:0;left:35%;margin:0 auto;position:relative}.font-big h2{font-size:36px!important;padding:0}.btn-mobile{right:10%} .tabs ul li label span{display:none} .tabs ul li label{padding:25px 15px} .tabs ul li label i{font-size:23px} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{left:37%;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:0 solid transparent} .boxwrap-left,.boxwrap-right{width:100%;float:none;margin:0 auto;text-align:center} .boxwrap-os-left h2,.boxwrap-text h2{font-size:30px} .subs-wrapper{max-width:400px}} @media screen and (max-width:600px){.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label{background:rgba(0,0,0,.08)} .tabs .content{margin-top:20px} .tabs .content section h3{display:block} .related-post-style-3 .related-post-item-thumbnail{height:110px}} @media screen and (max-width:480px){.headblog img{margin-top:14px;margin-left:10px;max-width:70%} .headblog:before{width:320px} #sticky-wrap.stickyhead .headblog img{margin-top:10px} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{left:30%;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:0 solid transparent} .tabs ul li label{padding:13px 15px} .boxwrap-number{float:left;width:100%;margin-right:0;margin-bottom:20px} .tabs .content section{padding:30px 20px} .content-right>ul>li{display:block;width:100%;text-align:left;padding:0;margin-bottom:20px;-webkit-box-flex:initial;flex:auto} .related-post-style-2 a.related-post-item-title{line-height:1.2em;font-size:100%!important;margin:0 0 5px} .related-post-style-3 .related-post-item-thumbnail{height:75px} .related-post-style-3 a.related-post-item-title{line-height:1.2em;font-size:95%!important;margin:0 auto 9px} .related-post .related-post-item-summary,.related-post-style-3 span{font-size:90%} .post-footer{text-align:center} .post-footer .post-labels{margin:15px auto;float:none} .post-share{margin:0 auto;float:none} .post-share .share-links li{display:inline-block;margin:0}} @media screen and (max-width: 414px){ .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{left:26%;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:0 solid transparent}.boxwrap-text h3,.digital-wrapper h3,.recent-boxes h3{margin:0 auto;text-align:center}.digital-wrapper h3{font-size:25px}.box-left p,.wpbtn span{display:none} } @media screen and (max-width:360px){ .wpbtn a.btn-wite{padding:10px 20px} .js-modal-video,.js-modal-video .overlay-box span{display:inline-block;height:47px;width:47px;line-height:47px;text-align:center} .boxcontent{padding-top:0} .tabs ul li{-webkit-box-flex:1;flex:initial;width:100%;padding:4px;text-align:center} .tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label.color1::after,.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label.color2::after,.tabs input[name=tab-control]:nth-of-type(3):checked~ul>li:nth-child(3)>label.color3::after,.tabs input[name=tab-control]:nth-of-type(4):checked~ul>li:nth-child(4)>label.color4::after,.tabs input[name=tab-control]:nth-of-type(5):checked~ul>li:nth-child(5)>label.color5::after{display:none} .boxwrap-os-left h2,.boxwrap-text h2{font-size:25px} .subs-wrapper{max-width:100%;margin:0 auto;padding:0} } @media screen and (max-width:320px){.related-post-style-1 li a{line-height:1.2em} .related-post-style-3{margin:0 auto!important} .related-post-style-3 li{margin:0 auto 20px!important;padding:0;width:100%;float:none} .related-post-style-3 li img{display:flex;align-items:center} .related-post-style-3 .related-post-item-thumbnail{height:auto;margin:0 auto 8px} .related-post-style-3 a.related-post-item-title{line-height:1.3em;font-size:100%!important}} ]]> h4{margin-left:0!important}#layout #related-post-set-desktop{background:#c7d6d8!important;border:none!important}#layout #related-post-set-mobile{background:#cdd1d2!important;border:none!important}body#layout .footer-box .footer{float:left;width:21%;margin:0}body#layout #template-option{width:48%}body#layout #template-option h4{background:#ffc400}body#layout #template-option div.widget{margin-top:0}body#layout #template-option div.widget .widget-content{padding:8px 16px} body#layout .iconsearch-label {display:none;} ]]>

Previous Post Next Post Load More That is All
© Copyright 2020 - - All Rights Reserved.

NONE About # Home # / Contact Us
http://2.bp.blogspot.com/-4q44w4pT-dY/XuztqFznXtI/AAAAAAAAAKk/8j5w_GVWcOUL199HUC1UJhm0Fz-jAvH0ACK4BGAYYCw/s1600/logo.png 158 232 true false REPLACE 631

# # # # # Services Home __Submenu 1 Project __Submenu 3 __Submenu 2 Sitemap Blog NONE # # /
<div class='boxcontent'> <div class='box-left'> <section class='cd-wrapper'> <div class='cd-headline clip'> <span class='cd-words-wrapper'> <b class='is-visible'>for Your Ideas</b> <b>for Business</b> <b>to Sell Online</b> </span> </div> </section> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <div class='wpbtn'> <a class='btn-wite' href='#'>Star Now</a> <a class='js-modal-video' href='https://www.youtube.com/watch?v=H_DsWb0Ou5c'><i class='fa fa-play'/></i><div class='ripple'></div></a> <span> Watch Now</span> </div> </div> <div class='box-right'> <img src='https://1.bp.blogspot.com/-Ay1Bg1FWBCY/XuyRBiGQh8I/AAAAAAAAAJk/mu4NNg2nYfgOVGhsUb-yCISeBwQGHHW2wCLcBGAsYHQ/s1600/webmartp.png'/> </div> </div>
<div class='marketleft'> <h2>Powerful Digital <span>Marketing</span></h2> <p>Over the years, we have worked with Fortune 500s and brand-new startups. We help ambitious businesses like yours generate more profits by building awareness, driving web traffic, connecting with customers, and growing overall sales. Give us a call.</p> </div> <div class='marketright'> <img alt='' src='https://1.bp.blogspot.com/-iWzpIBXidjQ/Xu2U6COB8RI/AAAAAAAAAK4/RDGxUu5eSHgPIlbx21yP950w3XvGGm-egCLcBGAsYHQ/s1600/banner-thumb.png'/> </div>
<div class='boxwrap-wrap'> <div class='boxwrap-os-left'> <h2>Value added Marketing <span>Services</span></h2> </div> <div class='boxwrap-os-right'> <p>Over the years, we have worked with Fortune 500s and brand-new startups. We help ambitious businesses like yours generate more profits by building awareness, driving web traffic, connecting with customers, and growing overall sales. Give us a call.</p> </div> </div> <div class='tabs'> <input checked='' id='tab1' name='tab-control' type='radio'/> <input id='tab2' name='tab-control' type='radio'/> <input id='tab3' name='tab-control' type='radio'/> <input id='tab4' name='tab-control' type='radio'/> <input id='tab5' name='tab-control' type='radio'/> <ul> <li title=''><label class='color1' for='tab1' role='button'><i class='fad fa-analytics'></i><span>Digital Marketing</span></label></li> <li title=''><label class='color2' for='tab2' role='button'><i class='fad fa-file-search'></i><span>SEO Services</span></label></li> <li title=''><label class='color3' for='tab3' role='button'><i class='fad fa-mail-bulk'></i><span>Email Marketing</span></label></li> <li title=''><label class='color4' for='tab4' role='button'><i class='fad fa-share-alt'></i><span>Social Media</span></label></li> <li title=''><label class='color5' for='tab5' role='button'><i class='fad fa-edit'></i><span>Web Design</span></label></li> </ul> <div class='content'> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://1.bp.blogspot.com/-HO4G9sPjSSo/XuyPbTaRTmI/AAAAAAAAAIs/K710GuROyMMACiLxHQHLlgYq3_tQWAp2QCLcBGAsYHQ/s1600/digital_marketing.png'/></div> </div> <div class='content-right'> <h3>Digital Marketing</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://1.bp.blogspot.com/-DxjI4WiVYqk/Xu26kDHLVvI/AAAAAAAAALU/V8Se-9-Imns3FdwvPfCKa--H1N7CZcn7wCLcBGAsYHQ/s1600/dg_seo.png'/></div> </div> <div class='content-right'> <h3>SEO Services</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://1.bp.blogspot.com/-70zgbgvkkHQ/Xu3CaaoQVWI/AAAAAAAAALg/CkDX5jQbI-8xn-kl6UyMywFvQBR2Yh1AgCLcBGAsYHQ/s1600/dg_email.jpg'/></div> </div> <div class='content-right'> <h3>Email Marketing</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://1.bp.blogspot.com/-9Vxbhl-3tmU/XuyPcvfV0aI/AAAAAAAAAJA/rHWc4wJuXuQMrMO7b2yXylSLlUGK_PkxACLcBGAsYHQ/s1600/social_media.png'/></div> </div> <div class='content-right'> <h3>Social Media</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a> </div> </section> <section> <div class='content-left'> <div class='serviceimg'> <img alt='' src='https://1.bp.blogspot.com/-cdaYetQIMPE/Xu3Caqq4r5I/AAAAAAAAALo/sUIpfpmyWzYOpcJm9hzNIX1yKjicRcBqACLcBGAsYHQ/s1600/dg_web.png'/></div> </div> <div class='content-right'> <h3>Web Design</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolorem sequi, quo tempore in eum obcaecati atque quibusdam officiis est dolorum minima deleniti ratione molestias numquam. Voluptas voluptates quibusdam cum?</p> <ul> <li><i class='fad icon1 fa-analytics'></i><span>Far far away, behind the word mountains, far</span></li> <li><i class='fab icon2 fa-accusoft'></i><span>Bookmarks grove right at the coast of Semantics</span></li> </ul> <a class='octf-btn btnfont btncolor' href='#'>Choose Plane</a> </div> </section> </div> </div>
]]>
<div class='box-ui'> <div class='ui'> <div class='ui_box'> <div class='ui_box__inner'> <h2> Conversion Rate </h2> <p>Lorem ipsum dolor sit amet</p> <div class='stat'> <span>69%</span> </div> <div class='progress'> <div class='progress_bar'></div> </div> <p>Lorem ipsum dolor sit amet. Some more super groovy information about this stat.</p> </div> <div class='drop'> <p>Take a closer look</p> </div> </div> <div class='ui_box'> <div class='ui_box__inner'> <h2> Sales By Type </h2> <p>Lorem ipsum dolor sit amet</p> <div class='stat_left'> <ul> <li> Electical </li> <li> Clothing </li> <li> Entertainment </li> <li> Kitchen </li> </ul> </div> <div class='progress_graph'> <div class='progress_graph__bar--1'></div> <div class='progress_graph__bar--2'></div> <div class='progress_graph__bar--3'></div> <div class='progress_graph__bar--4'></div> </div> <p>Lorem ipsum dolor sit amet. Some more super groovy information.</p> </div> <div class='drop'> <p>Take a closer look</p> </div> </div> <div class='ui_box'> <div class='ui_box__inner'> <h2> Total Sales </h2> <p>Lorem ipsum dolor sit amet</p> <div class='stat'> <span>$71,463.99</span> </div> <div class='progress'> <div class='progress_bar--two'></div> </div> <p>Lorem ipsum dolor sit amet. Some more super groovy information about this stat.</p> </div> <div class='drop'> <p>Take a closer look</p> </div> </div> </div> </div>
Comments true by true TextAndImage Reactions true 1x1 false true 1 #ffffff Related Posts false #2196f3 true #212121 Location true #757575 #ffffff true Tags true false true

Disabled

Disabled Disabled
Disabled
Disabled
"image": { "@type": "ImageObject", "url": "", "height": 630, "width": 1200 "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200", "height": 348, "width": 1200 }, "publisher": { "@type": "Organization", "name": "Blogger", "logo": { "@type": "ImageObject", "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60", "width": 206, "height": 60 } },
advertise]]>