Check server response of

Response headers

Request headers

Raw HTML code

301 Moved Permanently - utoeh.com

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Location: https://www.utoeh.com/

Content-Type: text/html; charset=UTF-8

Date: Tue, 13 May 2025 07:12:05 GMT

Expires: Tue, 13 May 2025 07:12:05 GMT

Cache-Control: private, max-age=0

X-Content-Type-Options: nosniff

X-Frame-Options: SAMEORIGIN

Content-Security-Policy: frame-ancestors 'self'

X-XSS-Protection: 1; mode=block

Server: GSE

Accept-Ranges: none

Vary: Accept-Encoding

Transfer-Encoding: chunked

HTTP Code 301 Moved Permanently

http status code 301 means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

When changing a website domain
When modifying URL structures
When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - http://www.utoeh.com/

HTTP Status: 200

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Content-Type: text/html; charset=UTF-8

Expires: Tue, 13 May 2025 07:12:06 GMT

Date: Tue, 13 May 2025 07:12:06 GMT

Cache-Control: private, max-age=0

Last-Modified: Tue, 13 May 2025 03:52:43 GMT

X-Robots-Tag: all,noodp

X-Content-Type-Options: nosniff

X-XSS-Protection: 1; mode=block

Server: GSE

Accept-Ranges: none

Vary: Accept-Encoding

Transfer-Encoding: chunked

HTTP Code 200 OK

http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

When loading a web page
When successfully receiving an API response
When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: utoeh.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html dir='ltr' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8156798208912187'></script>
<meta content='7D1766CC98E963213D773603C354FF1C' name='msvalidate.01'/>
<meta content='p6VOv2ytkT-yP_hjM9DF4ZmsuyGWI1y2Ls-FVM78nHg' name='google-site-verification'/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=G-VNYTFLB970'></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VNYTFLB970');
</script>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='#333333' name='theme-color'/>
<meta content='#333333' name='msapplication-navbutton-color'/>
<meta content='blogger' name='generator'/>
<link href='https://www.utoeh.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.utoeh.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="UTOEH - Atom" href="https://www.utoeh.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="UTOEH - RSS" href="https://www.utoeh.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="UTOEH - Atom" href="https://www.blogger.com/feeds/6145990154478373704/posts/default" />
<meta content='Utoeh merupakan blog yang memberikan informasi tentang dunia konstruksi, meliputi ilmu Teknik Sipil dan Arsitektur.' name='description'/>
<meta content='https://www.utoeh.com/' property='og:url'/>
<meta content='UTOEH' property='og:title'/>
<meta content='Utoeh merupakan blog yang memberikan informasi tentang dunia konstruksi, meliputi ilmu Teknik Sipil dan Arsitektur.' property='og:description'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w1200-h630-p-k-no-nu/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20&#39;footplate%20foundation&#39;%20or%20&#39;spread%20footing&#39;%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEkok7MZqiG4Y7lIc1D3QeVUdVYPmoTb-WEAoOlLsvWTg5OiiRlV9oIzZ5wkpb5zaLeBhvHp1EJ2lrcM08C2BoRTMcVa-LeGdPbOnDrjn1n_fo63mpTMSfGWZBd0MY4maWHx3dsQj-dCRxuTTS3cbfdDbovd01FSwRQY7gJw1ju91we5y-dgiXAY6zlQ/w1200-h630-p-k-no-nu/shear%20wall%20atau%20dinding%20geser.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadrry36n5NnRpltw-EUNYjPksmQWvkDFshx7Eu9urVP88foIAND-RL26TphkZSPw6-R77j1EOMz9aXchdoaJfS3PBOe7CQujtJymXNLibN4yDPSfPQ_yKqn4_tzM9TS2BoDCzh3Qv7jqb5_hfOHipoxVpNAK10RajldwNWDOD29mF5CvuCZqBEcMepq0/w1200-h630-p-k-no-nu/Jenis%20atap%20atau%20bentuk%20atap.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrSdlH-wkptVGTA__gPBp3MFAx4RjFOjoGZBsjIKdg8T03AkQZ8it9HvIXKzaOR-cWow5MLcU5dZTl4Ln90c1631cHVyD7rYXoHiScrm_5DT4hyphenhypheng2yOnzxvBCje8b-m2_i363edmX3HUtkJYiC1Xn8pdtP0f9MJkB35ql1y92IoATIjUZWkbmA4ilQ88/w1200-h630-p-k-no-nu/Teknik%20Mitigasi.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDm1bQLpnE2evP_AyHLdeUNI3C7YYBAX-0Rg_FzOlv5Df0P69Fl993ESXhbDRn_GqhftMI_ohYM9Wag-YlSknhXSn_O5pjGEsaXIp6gE5fSpsvg0muSFg9x_sUfcMDvxo_9s3HfeJm24WZReB02-dLJB6zO2n0ZlOH7XnY1Iuef3hWYzZ3RcX5wMOgDA/w1200-h630-p-k-no-nu/ini%20perbedaan%20tanah%20liat%20dan%20tanah%20lempung.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5xXbFnlIxEZldHKQ6IbZRhWt6JJN-_OMTsrFEX4n_E1twJk6Jl4mWDJp_cNxnz4HilCLf2RciSeCrYA-RtQncsMNMgGtV9ar7Zr-PupVsaqQ7osVNDlc4fvWRDVXxrRVRiuspmYp8KIk8cyyYK6H63f8XueKQBID9tcWaZuUyh2LJVqIogmw8VdrD0/w1200-h630-p-k-no-nu/perintah%20autocad%20yang%20sering%20digunakan.webp' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_iT5nFPcMXYw5AQ5qjREHiBAUrk0xNw52AmQ3xKcpR3jvtKGxEDXl8Lc-bVySVMhnVf0ysMRNQUDLnduHsZP1yf2uLG8uxhRmr-GfxoUxr-wRymR8mkYlX3BA5eKHwc_Sv3N8NxarXFi7AyHPDTWP_GUY0rgWdherjTiC0aCGurfO0IeSGYtAHuaQwo/w1200-h630-p-k-no-nu/elemen-utama-pada-konstruksi-gedung.webp' property='og:image'/>
<title>UTOEH</title>
<meta content='UTOEH' name='keywords'/>
<meta content='summary' name='twitter:card'/>
<meta content='UTOEH' property='twitter:title'/>
<meta content='https://www.utoeh.com/' property='twitter:url'/>
<meta content='Utoeh merupakan blog yang memberikan informasi tentang dunia konstruksi, meliputi ilmu Teknik Sipil dan Arsitektur.' property='twitter:description'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w1200-h630-p-k-no-nu/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20&#39;footplate%20foundation&#39;%20or%20&#39;spread%20footing&#39;%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEkok7MZqiG4Y7lIc1D3QeVUdVYPmoTb-WEAoOlLsvWTg5OiiRlV9oIzZ5wkpb5zaLeBhvHp1EJ2lrcM08C2BoRTMcVa-LeGdPbOnDrjn1n_fo63mpTMSfGWZBd0MY4maWHx3dsQj-dCRxuTTS3cbfdDbovd01FSwRQY7gJw1ju91we5y-dgiXAY6zlQ/w1200-h630-p-k-no-nu/shear%20wall%20atau%20dinding%20geser.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadrry36n5NnRpltw-EUNYjPksmQWvkDFshx7Eu9urVP88foIAND-RL26TphkZSPw6-R77j1EOMz9aXchdoaJfS3PBOe7CQujtJymXNLibN4yDPSfPQ_yKqn4_tzM9TS2BoDCzh3Qv7jqb5_hfOHipoxVpNAK10RajldwNWDOD29mF5CvuCZqBEcMepq0/w1200-h630-p-k-no-nu/Jenis%20atap%20atau%20bentuk%20atap.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrSdlH-wkptVGTA__gPBp3MFAx4RjFOjoGZBsjIKdg8T03AkQZ8it9HvIXKzaOR-cWow5MLcU5dZTl4Ln90c1631cHVyD7rYXoHiScrm_5DT4hyphenhypheng2yOnzxvBCje8b-m2_i363edmX3HUtkJYiC1Xn8pdtP0f9MJkB35ql1y92IoATIjUZWkbmA4ilQ88/w1200-h630-p-k-no-nu/Teknik%20Mitigasi.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDm1bQLpnE2evP_AyHLdeUNI3C7YYBAX-0Rg_FzOlv5Df0P69Fl993ESXhbDRn_GqhftMI_ohYM9Wag-YlSknhXSn_O5pjGEsaXIp6gE5fSpsvg0muSFg9x_sUfcMDvxo_9s3HfeJm24WZReB02-dLJB6zO2n0ZlOH7XnY1Iuef3hWYzZ3RcX5wMOgDA/w1200-h630-p-k-no-nu/ini%20perbedaan%20tanah%20liat%20dan%20tanah%20lempung.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5xXbFnlIxEZldHKQ6IbZRhWt6JJN-_OMTsrFEX4n_E1twJk6Jl4mWDJp_cNxnz4HilCLf2RciSeCrYA-RtQncsMNMgGtV9ar7Zr-PupVsaqQ7osVNDlc4fvWRDVXxrRVRiuspmYp8KIk8cyyYK6H63f8XueKQBID9tcWaZuUyh2LJVqIogmw8VdrD0/w1200-h630-p-k-no-nu/perintah%20autocad%20yang%20sering%20digunakan.webp' property='twitter:image'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_iT5nFPcMXYw5AQ5qjREHiBAUrk0xNw52AmQ3xKcpR3jvtKGxEDXl8Lc-bVySVMhnVf0ysMRNQUDLnduHsZP1yf2uLG8uxhRmr-GfxoUxr-wRymR8mkYlX3BA5eKHwc_Sv3N8NxarXFi7AyHPDTWP_GUY0rgWdherjTiC0aCGurfO0IeSGYtAHuaQwo/w1200-h630-p-k-no-nu/elemen-utama-pada-konstruksi-gedung.webp' property='twitter:image'/>
<style>
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
</style>
<script>
    //<![CDATA[
    /* template option */
    var linkMagzSetting;function optionLinkMagz(n){for(var i in linkMagzSetting)"undefined"!=linkMagzSetting[i]&&(n[i]=linkMagzSetting[i])}
    /* shinsenter/defer.js */
    !function(u,i,t){var a,r,o=[],c=/p/.test(i.readyState),s="IntersectionObserver",f=/^data-(.+)/,e="pageshow",l="lazied",d="length",n="Attribute",h="SCRIPT",m="load",v="forEach",p="has"+n,y="nodeName",b="set"+n;function g(e,n,t,o){return o=(n?i.getElementById(n):r)||i.createElement(e||h),n&&(o.id=n),t&&(o.onload=t),o}function I(e){return[].slice.call(e.attributes)}function E(e){i.head.appendChild(e)}function N(e,n){return[].slice.call((n||i).querySelectorAll(e))}function x(e){a(function(o){o=N(e||"[type=deferjs]"),function e(n,t){(n=o.shift())&&(n.parentNode.removeChild(n),(t=function(e,n,t,o,i){for(n=g(e[y]),i=0,t=I(e);i<t[d];i++)"type"!=(o=t[i]).name&&n[b](o.name,o.value);return n.text=e.text,n}(n)).src&&!t[p]("async")?(t.onload=t.onerror=e,E(t)):(E(t),e()))}()})}function C(e,n,t,o,i){for(o=0,t=I(e);o<t[d];o++)(i=f.exec(t[o].name))&&e[b](i[1],t[o].value);N("source",e)[v](C),m in e&&e[m](),n&&(e.className+=" "+n)}(a=function(e,n){c?t(e,n):o.push(e,n)}).all=x,a.js=function(n,t,e,o){a(function(e){(e=g(r,t,o)).src=n,E(e)},e)},a.css=function(n,t,e,o){a(function(e){(e=g("LINK",t,o)).rel="stylesheet",e.href=n,E(e)},e)},a.dom=function(e,n,i,r,c){a(function(t,n){function o(e){r&&!1===r(e)||C(e,i)}n=s in u?(t=new u[s](function(e){e[v](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),o(n))})},c)).observe.bind(t):o,N(e||"[data-src]")[v](function(e){e[p](l)||(e[b](l,e[y]),n(e))})},n)},a.reveal=C,u.addEventListener("on"+e in u?e:m,function(){for(c=!x();o[0];)a(o.shift(),o.shift())}),u.Defer=a}(this,document,setTimeout);
    //]]>
</script>
<noscript><style>#iklan-tengah1,#iklan-tengah2,#iklan-atas,#iklan-bawah,#matched-content,#iklan-infeed{display:none;}</style></noscript>
<style id='page-skin-1' type='text/css'><!--
/* -----------------------------------------------
Blogger Template Style
Name:     linkmagz
Version:  3.0.0
Designer: Mas Sugeng
----------------------------------------------- */
html {
font:normal normal 16px Helvetica, Arial, sans-serif
}
body {
background:#edf1f2;
color:#636363;
font-family:Roboto,Arial,sans-serif
}
.buttonDownload {
background:#2675A6
}
a:link,
.toc button {
text-decoration:none;
transition: all .2s;
color:#2675A6
}
a:visited {
color:#2675A6
}
a:hover {
color:#636363
}
#sidebar-wrap a:link {
color:#2675A6
}
#sidebar-wrap a:visited {
color:#2675A6
}
#sidebar-wrap a:hover {
color:#636363
}
#sidebar-wrap ul li::before  {
border: 3px solid #2675A6;
}
#footer-content,
#header-content,
.navmenu,
.menu-sticky,
#footer-widget-html,
#wrapper {
max-width:1200px
}
#header-wrap {
transition: all .2s;
background:#3c3c3c
}
#header-content,
#navmenu-sidebar-closebtn {
transition: all .2s;
background:#333333
}
#header-outer #header-content{
min-height:48px
}
#navmenu-wrap,
#navmenu-wrap-sticky {
transition: all .2s;
background:#378d8a
}
#header-outer .navmenu .nav-outer {
min-height:62px
}
#header-outer .menu-sticky .nav-outer::after,
#header-outer .navmenu .nav-outer::after {
content:'';
min-height:inherit;
font-size:0
}
#header .widget img {
max-height: 33px;
}
.navmenu,
.menu-sticky {
transition: all .2s;
background:#25837F
}
#navmenu-sidebar-body ul li a {
color: #636363
}
#navmenu-sidebar-body ul li a:hover {
color: #2675A6
}
.ms-submenu-button::after {
border-color: #636363 transparent transparent;
}
.ms-submenu-button.ms-submenu-shown::after {
border-color: transparent transparent #636363;
}
#goTop,.comments .comments-content .icon.blog-author::after {
transition: all .2s;
color:#FFFFFF;
background:#25837F
}
#goTop::after {
transition: all .2s;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
#content-wrap,
#content-wrap-produk-index,
#navmenu-sidebar-body,
#wrapper {
transition: all .2s;
background:#ffffff
}
#sidebar-wrap {
transition: all .2s;
background:#f8fafa
}
.PopularPosts .popular-post-widget-title h3.title,
.PopularPosts .popular-post-widget-title h2.title {
transition: all .2s;
box-shadow:0 0 0 2px #f8fafa
}
.html-jasa .normalwidget-title h3.title,
.html-produk .normalwidget-title h3.title,
.html-jasa .normalwidget-title h2.title,
.html-produk .normalwidget-title h2.title,
.latestposts-title h2,
#ms-related-post p.ms-title,
.share-this-pleaseeeee {
transition: all .2s;
background:#ffffff
}
.FeaturedPost h3.title,
.FeaturedPost h2.title {
transition: all .2s;
box-shadow:0 0 0 2px #ffffff
}
.normalwidget-title h3.title,
.normalwidget-title h2.title {
transition: all .2s;
background:#f8fafa
}
a.blog-pager-older-link::after,
a.blog-pager-newer-link::before {
border:solid #FFFFFF
}
.blog-pager a.js-load,
.blog-pager span.js-loaded,
.blog-pager span.js-loading,
.blog-pager a.blog-pager-older-link,
.blog-pager a.blog-pager-newer-link,
.blog-pager a.js-load:visited,
.blog-pager a.blog-pager-older-link:visited,
.blog-pager a.blog-pager-newer-link:visited {
transition: all .2s;
background:#25837F;
color:#FFFFFF !important
}
.js-loading::after {
border:2px solid #FFFFFF
}
.blog-pager a.js-load:hover,
.blog-pager span.js-loaded:hover,
.blog-pager span.js-loading:hover,
a.blog-pager-newer-link:hover,
a.blog-pager-older-link:hover {
background:#176b67
}
#social-button .widget,
#header .widget,
#header .widget a,
#navmenu-sidebar-closebtn .closebtn,
#navmenu-sidebar-closebtn .closebtn-title{
color:#FFFFFF
}
#header .widget p.title-description{
color:#FFFFFF
}
.social-icon {
transition: all .2s;
background:#333333
}
.navmenu-content,
.navmenu-button,
.navmenu-content>ul>li>a {
color:#FFFFFF
}
.navmenu-button div {
transition: all .2s;
background-color:#FFFFFF
}
.navmenu-content>ul>li>a::before {
transition: all .2s;
background:#FFFFFF
}
.navmenu-content>ul>li.has-sub>a::after {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF
}
.darkmode-switch .switch-title{
color:#FFFFFF
}
.darkmode-switch .slider{
border:2px solid #FFFFFF
}
.darkmode-switch .slider:before {
transition: all .2s;
background:#FFFFFF
}
.darkmode-switch .switch:hover .slider:before {
background:#FFFFFF
}
.iconsearch-label {
transition: all .2s;
background:#25837F
}
.iconsearch-label path{
fill:#FFFFFF
}
.FeaturedPost h3.title,
.PopularPosts .popular-post-widget-title h3.title,
.FeaturedPost h2.title,
.PopularPosts .popular-post-widget-title h2.title {
transition: all .2s;
color:#FFFFFF;
background:#25837F
}
.normalwidget-title::after {
transition: all .2s;
background:#f0f4f4
}
.normalwidget-title h3.title,
.normalwidget-title h2.title {
color:#707070
}
.html-jasa .normalwidget-title::after,
.html-produk .normalwidget-title::after,
.latestposts-title::after {
transition: all .2s;
background:#f8fafa
}
.html-jasa .normalwidget-title h3.title,
.html-produk .normalwidget-title h3.title,
.html-jasa .normalwidget-title h2.title,
.html-produk .normalwidget-title h2.title,
.latestposts-title h2 {
color:#707070
}
.post-title,.post-title a{
color:#575a5f
}
.post-title a:hover{
color:#2675A6
}
.breadcrumbs,
.breadcrumbs a,
.post-info,
.post-info a{
color:#757575
}
.breadcrumbs a:hover,
.post-info a:hover{
color:#2675A6
}
#content-wrap-produk-index b.info-produk,
.img-thumbnail .label-info a,
.img-thumbnail .label-info a:visited,
.img-thumbnail .label-info a:hover {
transition: all .2s;
background:#25837F;
color:#FFFFFF !important
}
.FeaturedPost .post-summary,
.FeaturedPost .post-summary .featured-info {
transition: all .2s;
background:#f8fafa
}
@media only screen and (max-width:600px){
.FeaturedPost .post-summary{
background:#ffffff
}
}
.FeaturedPost .featured-img-bg {
transition: all .2s;
background:#ffffff
}
.FeaturedPost h2 a,.FeaturedPost h3 a {
color:#575a5f
}
.FeaturedPost h2 a:hover,
.FeaturedPost h3 a:hover{
color:#2675A6
}
.FeaturedPost p.featured-desc {
color:#636363
}
p.featured-more a:link,
p.featured-more a:visited {
transition: all .2s;
color:#FFFFFF !important;
background:#25837F
}
p.featured-more a:hover {
background:#176b67
}
.sidebar ul li::before {
border:3px solid #2675A6
}
.sidebar ol li::before {
color:#2675A6
}
.PopularPosts .popular-post-info {
transition: all .2s;
background:#ffffff
}
.PopularPosts .popular-post-snippet {
color:#737373
}
.PopularPosts .popular-post-title a {
color:#575a5f
}
.PopularPosts .popular-post-title a:hover {
color:#2675A6
}
.Profile {
color:#737373
}
.Profile .individual,
.Profile .team {
transition: all .2s;
background:#ffffff
}
.Profile .individual .profile-link {
border:1px solid #2675A6;
color:#2675A6
}
.Profile .individual .profile-link:hover {
border:1px solid #575a5f;
color:#575a5f
}
.Profile .profile-link-author {
color:#2675A6
}
.Profile .profile-link-author:hover {
color:#575a5f
}
.Profile .location path {
fill:#737373
}
.label-size a.label-name {
border:1px solid #2675A6
}
.label-size a.label-name:hover {
border:1px solid #636363
}
#footer-widget-html {
background: #3c3c3c;
color: #FFFFFF;
}
#footer-outer {
transition: all .2s;
background:#3c3c3c
}
#footer-content {
transition: all .2s;
background:#333333;
color:#FFFFFF
}
#footer-content a {
color:#FFFFFF
}
#footer-content a:hover {
color:#dddddd
}
/*! ini normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
/* dark mode style */
body.darkmode {
background: #353535;
color: #eee; }
body.darkmode a:link, body.darkmode .toc button {
color: #a3daef;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
body.darkmode a:visited {
color: #a3daef; }
body.darkmode a:hover {
color: #fff; }
body.darkmode #sidebar-wrap a:link {
color: #eee; }
body.darkmode #sidebar-wrap a:visited {
color: #eee; }
body.darkmode #sidebar-wrap a:hover {
color: #fff; }
body.darkmode #header-wrap {
background: #2b2b2b; }
body.darkmode #header-content,
body.darkmode #navmenu-sidebar-closebtn {
background: #232323; }
body.darkmode #navmenu-wrap,
body.darkmode #navmenu-wrap-sticky {
background: #2f2f2f; }
body.darkmode .navmenu, body.darkmode .menu-sticky {
background: #2b2b2b; }
body.darkmode #navmenu-sidebar-body ul li a,
body.darkmode .navmenu-content li li a {
color: #eee; }
body.darkmode #navmenu-sidebar-body ul li a:hover {
color: #fff; }
body.darkmode .ms-submenu-button::after {
border-color: #eee transparent transparent; }
body.darkmode .ms-submenu-button.ms-submenu-shown::after {
border-color: transparent transparent #eee; }
body.darkmode #sidebar-wrap {
background: #2f2f2f; }
body.darkmode .PopularPosts .popular-post-widget-title h3.title,
body.darkmode .PopularPosts .popular-post-widget-title h2.title {
-webkit-box-shadow: 0 0 0 2px #2f2f2f;
box-shadow: 0 0 0 2px #2f2f2f; }
body.darkmode .normalwidget-title h3.title,
body.darkmode .normalwidget-title h2.title {
background: #2f2f2f; }
body.darkmode #wrapper,
body.darkmode #content-wrap,
body.darkmode #content-wrap-produk-index,
body.darkmode #navmenu-sidebar-body,
body.darkmode .latestposts-title h2,
body.darkmode .html-produk .normalwidget-title h3.title,
body.darkmode .html-jasa .normalwidget-title h3.title,
body.darkmode .html-produk .normalwidget-title h2.title,
body.darkmode .html-jasa .normalwidget-title h2.title,
body.darkmode .share-this-pleaseeeee,
body.darkmode #ms-related-post p.ms-title,
body.darkmode .FeaturedPost .featured-img-bg,
body.darkmode .PopularPosts .popular-post-info,
body.darkmode .Profile .individual,
body.darkmode .Profile .team {
background: #323232; }
body.darkmode .FeaturedPost h3.title,
body.darkmode .FeaturedPost h2.title {
-webkit-box-shadow: 0 0 0 2px #323232;
box-shadow: 0 0 0 2px #323232; }
body.darkmode #header .widget a,
body.darkmode #header .widget,
body.darkmode #navmenu-sidebar-closebtn .closebtn,
body.darkmode #navmenu-sidebar-closebtn .closebtn-title {
color: #eee; }
body.darkmode #header .widget p.title-description {
color: #bbb; }
body.darkmode .navmenu-content > ul > li > a,
body.darkmode .navmenu-button {
color: #eee; }
body.darkmode .navmenu-button div {
background-color: #eee; }
body.darkmode .navmenu-content > ul > li > a::before {
background: #eee; }
body.darkmode .navmenu-content > ul > li.has-sub > a::after {
border-bottom: 1px solid #eee;
border-left: 1px solid #eee; }
body.darkmode .navmenu-content li li.has-sub::after {
border-bottom: 1px solid #eee;
border-right: 1px solid #eee; }
body.darkmode .navmenu-content ul li ul {
background: #4a4a4a; }
body.darkmode .navmenu-content > ul > li > ul:before {
border-bottom-color: #4a4a4a; }
body.darkmode .navmenu-content li li a:before {
background: #eee; }
body.darkmode #social-button .social-icon {
background: #232323; }
body.darkmode #social-button .social-icon:hover {
background: #353535; }
body.darkmode .iconsearch-label {
background: #2b2b2b; }
body.darkmode .iconsearch-label:hover {
background: #000; }
body.darkmode .iconsearch-label path {
fill: #eee; }
body.darkmode .darkmode-switch .switch {
opacity: 1; }
body.darkmode .darkmode-switch .switch-title {
color: #bbb;
opacity: 1; }
body.darkmode .darkmode-switch .slider {
border: 2px solid #bbb; }
body.darkmode .darkmode-switch .slider:before {
background: #eee; }
body.darkmode .darkmode-switch .switch:hover .slider:before {
background: #fff; }
body.darkmode .normalwidget-title::after {
background: #383838; }
body.darkmode .normalwidget-title h3.title,
body.darkmode .normalwidget-title h2.title {
color: #eee; }
body.darkmode .latestposts-title::after,
body.darkmode .html-produk .normalwidget-title::after,
body.darkmode .html-jasa .normalwidget-title::after {
background: #383838; }
body.darkmode .latestposts-title h2,
body.darkmode .html-produk .normalwidget-title h3.title,
body.darkmode .html-jasa .normalwidget-title h3.title,
body.darkmode .html-produk .normalwidget-title h2.title,
body.darkmode .html-jasa .normalwidget-title h2.title {
color: #eee; }
body.darkmode .post-title, body.darkmode .post-title a {
color: #eee; }
body.darkmode .post-title a:hover {
color: #fff; }
body.darkmode .post-info,
body.darkmode .post-info a,
body.darkmode .breadcrumbs,
body.darkmode .breadcrumbs a {
color: #bbb; }
body.darkmode .post-info a:hover,
body.darkmode .breadcrumbs a:hover {
color: #fff; }
body.darkmode .FeaturedPost .post-summary,
body.darkmode .FeaturedPost .post-summary .featured-info {
background: #2f2f2f; }
@media only screen and (max-width: 600px) {
body.darkmode .FeaturedPost .post-summary {
background: #323232; } }
body.darkmode .FeaturedPost h3 a,
body.darkmode .FeaturedPost h2 a {
color: #eee; }
body.darkmode .FeaturedPost h3 a:hover,
body.darkmode .FeaturedPost h2 a:hover {
color: #fff; }
body.darkmode .FeaturedPost p.featured-desc {
color: #eee; }
body.darkmode #sidebar-wrap ul li::before {
border: 3px solid #eee; }
body.darkmode #sidebar-wrap ol li::before {
color: #eee; }
body.darkmode .PopularPosts .popular-post-snippet {
color: #bbb; }
body.darkmode .PopularPosts .popular-post-title a {
color: #eee; }
body.darkmode .PopularPosts .popular-post-title a:hover {
color: #fff; }
body.darkmode .Profile {
color: #eee; }
body.darkmode .Profile .individual .profile-link {
border: 1px solid #eee;
color: #eee; }
body.darkmode .Profile .individual .profile-link:hover {
border: 1px solid #fff;
color: #fff; }
body.darkmode .Profile .profile-link-author {
color: #eee; }
body.darkmode .Profile .profile-link-author:hover {
color: #fff; }
body.darkmode .Profile .location path {
fill: #eee; }
body.darkmode .FollowByEmail {
background: #2d2d2d;
color: #bbb; }
body.darkmode .FollowByEmail ::-webkit-input-placeholder {
color: #666;
opacity: .9; }
body.darkmode .FollowByEmail ::-moz-placeholder {
color: #666;
opacity: .9; }
body.darkmode .FollowByEmail :-ms-input-placeholder {
color: #666;
opacity: .9; }
body.darkmode .FollowByEmail ::-ms-input-placeholder {
color: #666;
opacity: .9; }
body.darkmode .FollowByEmail ::placeholder {
color: #666;
opacity: .9; }
body.darkmode .FollowByEmail .follow-by-email-address {
background: #fff; }
body.darkmode .label-size a.label-name {
border: 1px solid #eee; }
body.darkmode .label-size a.label-name:hover {
border: 1px solid #fff; }
body.darkmode iframe.blogger-comment-from-post {
padding: 0 10px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body.darkmode #footer-outer {
background: #313131; }
body.darkmode #footer-content {
background: #282828;
color: #eee; }
body.darkmode #footer-content a {
color: #eee; }
body.darkmode #footer-content a:hover {
color: #fff; }
/* dark mode style end */
/* general style */
body {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
padding: 0;
margin: 0;
overflow-y: scroll;
position: relative; }
blockquote {
background: rgba(153, 163, 173, 0.08);
border-left: 5px solid rgba(121, 128, 136, 0.07);
padding: 15px 20px;
font-style: italic;
margin: 20px 0 20px 32px;
margin: 1.25rem 0 1.25rem 2rem; }
@media only screen and (max-width: 480px) {
blockquote {
margin: 1.25rem 0 1.25rem 0;
padding: 10px 15px; } }
blockquote[style] {
background: transparent;
border-left: 0px solid transparent;
font-style: normal; }
ul, ol {
margin: 20px 0 20px 0;
margin: 1.25rem 0 1.25rem 0;
padding-left: 48px;
padding-left: 3rem; }
@media only screen and (max-width: 480px) {
ul, ol {
padding-left: 1.25rem; } }
ul ul, ol ol {
margin: 8px 0 8px 0;
margin: .5rem 0 .5rem 0; }
li ul, li ol {
margin: 12px 0;
margin: 0.75rem 0; }
:not(pre) > code {
background: rgba(232, 191, 115, 0.08);
padding: 3px 6px; }
pre {
word-break: break-word;
white-space: pre-wrap;
background: rgba(232, 191, 115, 0.08);
border-left: 5px solid rgba(245, 228, 194, 0.17);
padding: 15px 20px;
margin: 20px 0;
margin: 1.25rem 0; }
.lazyload {
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
opacity: 0; }
.lazyload + .lazy-loading {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
animation-name: placeHolderShimmer;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background: #d7dee0;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, #d7dee0), color-stop(18%, #c8cecf), color-stop(33%, #d7dee0));
background: linear-gradient(to right, #d7dee0 10%, #c8cecf 18%, #d7dee0 33%);
background-size: 200% 100% !important;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 1; }
.lazyload.loaded {
opacity: 1; }
.lazyload.loaded + .lazy-loading {
opacity: 0; }
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: 100% 0; }
100% {
background-position: -100% 0; } }
@keyframes placeHolderShimmer {
0% {
background-position: 100% 0; }
100% {
background-position: -100% 0; } }
.template-settings,
.custom-css,
.custom-javascript-footer {
display: none; }
@-webkit-keyframes smallslide {
100% {
padding-left: 8px; } }
@keyframes smallslide {
100% {
padding-left: 8px; } }
.navbarrr, .quickedit, .BlogSearch h3 {
display: none; }
iframe {
max-width: 100%; }
table, img {
max-width: 100%;
height: auto; }
table[border="1"] {
border-collapse: collapse; }
table[border="1"] td {
vertical-align: top;
text-align: left;
font-size: 14px;
font-size: 0.875rem;
padding: 3px 10px;
border: 1px solid rgba(0, 0, 0, 0.23); }
table[border="1"] th {
vertical-align: top;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
padding: 5px 10px;
border: 1px solid rgba(0, 0, 0, 0.23); }
.post-body {
word-wrap: break-word; }
.post-body a:link {
text-decoration: underline; }
.post-body a[imageanchor] {
display: inline-block; }
.post-body a[style="margin-left: 1em; margin-right: 1em;"] {
margin: 0 !important;
display: inline-block; }
.post-body iframe {
max-width: 100%;
display: block;
margin: 0 auto; }
.post-body table.tr-caption-container {
margin-bottom: 16px;
margin-bottom: 1rem;
position: relative;
overflow: hidden; }
.post-body td.tr-caption {
font-size: 12px;
font-size: 0.75rem;
position: absolute;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 3px 10px;
color: #fff;
border-radius: 6px 0 0 0;
word-break: break-word; }
.post-body table.tr-caption-container a, .post-body table.tr-caption-container img {
display: block;
margin-bottom: 0 !important; }
.post-body > .YOUTUBE-iframe-video {
width: 474px; }
.youtube-responsive {
overflow: hidden;
position: relative;
width: 100%; }
.youtube-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.youtube-responsive::after {
padding-top: 56.25%;
display: block;
content: ''; }
@media only screen and (max-width: 480px) {
.youtube-responsive {
margin: 0 -22px;
width: 100vw; } }
@media only screen and (max-width: 480px) {
.post-body > img.fullwidth, .post-body div img.fullwidth {
width: 100vw;
max-width: 100vw;
margin: 0px -22px !important; }
.post-body .tr-caption-container.fullwidth {
margin-right: -22px !important;
margin-left: -22px !important;
width: 100vw;
max-width: 100vw; }
.post-body .tr-caption-container.fullwidth img {
width: 100vw;
max-width: 100vw;
margin: 0px !important; }
.post-body a[imageanchor], table.tr-caption-container {
float: none !important;
margin-left: auto !important;
margin-right: auto !important; }
.post-body .separator > a {
margin-left: auto !important;
margin-right: auto !important; } }
.CSS_LIGHTBOX {
z-index: 9999 !important; }
.CSS_LAYOUT_COMPONENT {
color: transparent; }
.skip-to-link {
display: inline-block;
background: #a0520f;
color: #fff !important;
text-decoration: none !important;
left: 0;
top: 0;
padding: 3px 10px;
position: absolute;
z-index: 1000;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
outline: none;
border-radius: 4px;
border: 2px solid #fff; }
.skip-to-link:focus {
-webkit-transform: translateY(0%);
transform: translateY(0%); }
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
height: 0;
position: absolute;
width: 0;
top: 0;
overflow: hidden; }
a.read-more-link,
p.featured-more a {
position: relative; }
#header-outer {
width: 100%; }
#header-outer #header-wrap {
width: 100%; }
#header-outer #header-content {
position: relative;
margin: 0 auto;
padding: 0 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media only screen and (max-width: 900px) {
#header-outer #header-content {
padding: 3px 30px; } }
@media only screen and (max-width: 480px) {
#header-outer #header-content {
padding: 22px 22px 12px; } }
#header-outer #header-content:after {
content: '';
min-height: inherit;
font-size: 0;
display: block; }
@media only screen and (max-width: 480px) {
#header-outer #header-content:after {
min-height: 0; } }
#header-outer #navmenu-wrap {
width: 100%; }
#header-outer .menu-sticky .nav-outer {
min-height: 52px; }
#header-outer .navmenu, #header-outer .menu-sticky {
margin: 0 auto;
padding: 0 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#header-outer .navmenu .nav-outer, #header-outer .menu-sticky .nav-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media only screen and (max-width: 900px) {
#header-outer .navmenu, #header-outer .menu-sticky {
padding: 0 30px; } }
@media only screen and (max-width: 480px) {
#header-outer .navmenu, #header-outer .menu-sticky {
padding: 0 22px; } }
#header-outer #navmenu-wrap-sticky {
position: fixed;
width: 100%;
z-index: 9;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateY(-101%);
transform: translateY(-101%);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#header-outer #navmenu-wrap-sticky.navsticky-show {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
display: table; }
#header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
min-width: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 480px) {
#header {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
text-align: center;
margin-bottom: 10px; } }
#header .widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 480px) {
#header .widget {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; } }
@media only screen and (max-width: 480px) {
#header .widget .blog-title-wrap {
margin: 0 auto; } }
#header .widget a {
-webkit-transition: all 0.2s;
transition: all 0.2s; }
@media only screen and (max-width: 480px) {
#header .widget a {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; } }
@media only screen and (max-width: 480px) {
#header .widget > h1.blog-title, #header .widget > h2.blog-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; } }
#header .widget h1.blog-title, #header .widget h2.blog-title {
margin: 5px 25px 5px 0;
text-transform: uppercase;
font-size: 28px;
font-size: 1.75rem;
padding: 0 0;
line-height: 32px;
line-height: 2rem; }
@media only screen and (max-width: 480px) {
#header .widget h1.blog-title, #header .widget h2.blog-title {
margin: 0 0;
text-align: center; } }
#header .widget p.title-description {
font-size: 14px;
font-size: 0.875rem;
margin: 5px 0; }
@media only screen and (max-width: 480px) {
#header .widget p.title-description {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-top: 8px;
margin-bottom: 0px;
text-align: center; } }
#header .widget img {
display: block;
width: auto;
margin: 5px 25px 5px 0; }
@media only screen and (max-width: 480px) {
#header .widget img {
display: block;
margin: 0 auto;
max-width: 100%; } }
#header .widget .hide-title .blog-title {
text-indent: -9999px;
visibility: hidden;
margin: 0 0;
padding: 0 0;
height: 0px; }
.navmenu-content {
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
-webkit-box-flex: 1;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
min-width: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media only screen and (max-width: 900px) {
.navmenu-content {
display: none; } }
.navmenu-content ul {
list-style: none;
margin: 0;
padding: 0; }
.navmenu-content > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.navmenu-content > ul > li {
position: relative;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-weight: bold;
margin: 0 38px 0 0;
padding: 0; }
.navmenu-content > ul > li > a::before {
position: absolute;
bottom: 12px;
left: 0;
content: '';
display: block;
width: 0;
height: 2px;
-webkit-transition: width .2s;
transition: width .2s; }
.navmenu-content > ul > li > a {
line-height: 42px;
display: inline-block;
position: relative; }
.navmenu-content > ul > li.has-sub > a {
padding-right: 13px; }
.navmenu-content > ul > li.has-sub:hover > a::before {
width: calc(100% - 13px);
-webkit-transition: width .2s;
transition: width .2s; }
.navmenu-content > ul > li:hover > a::before {
width: 100%;
-webkit-transition: width .2s;
transition: width .2s; }
.navmenu-content > ul > li.has-sub > a::after {
width: 4px;
content: '';
height: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 16px;
right: 0; }
.navmenu-content > ul > li a:hover {
cursor: pointer; }
.navmenu-content ul li ul {
background: #ffffff;
padding: 12px 0;
-webkit-box-shadow: 0 5px 20px rgba(99, 99, 99, 0.11);
box-shadow: 0 5px 20px rgba(99, 99, 99, 0.11);
border-radius: 5px;
visibility: hidden;
opacity: 0;
min-width: 100px;
position: absolute;
z-index: 6;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
top: 42px;
left: 0px;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: visibility .2s ease,-webkit-transform .2s ease;
transition: visibility .2s ease,-webkit-transform .2s ease;
transition: visibility .2s ease,transform .2s ease;
transition: visibility .2s ease,transform .2s ease,-webkit-transform .2s ease;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap; }
.navmenu-content > ul > li > ul::before {
content: '';
display: block;
position: absolute !important;
left: 10px;
top: -12px;
bottom: 100%;
width: 0;
height: 0;
border-bottom: 6px solid #fff;
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent; }
.navmenu-content li li a {
color: #666;
position: relative;
line-height: 35px;
display: inline-block; }
.navmenu-content li li {
display: block;
padding: 0 24px;
position: relative;
text-transform: none;
font-weight: normal;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
float: none;
white-space: nowrap;
text-overflow: ellipsis;
min-width: 150px; }
.navmenu-content ul li:hover > ul,
.navmenu-content ul li ul:hover,
.navmenu-content ul li ul:focus {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .2s ease,visibility .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,transform .2s ease,-webkit-transform .2s ease; }
.navmenu-content ul li:focus-within > ul {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .2s ease,visibility .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
transition: opacity .2s ease,visibility .2s ease,transform .2s ease,-webkit-transform .2s ease; }
.navmenu-content ul ul li a:hover {
cursor: pointer; }
.navmenu-content li li a::before {
position: absolute;
bottom: 8px;
left: 0;
content: '';
display: block;
width: 0px;
height: 2px;
opacity: .15;
background: #787d84;
-webkit-transition: width .2s;
transition: width .2s; }
.navmenu-content li li:hover > a::before {
width: 100%;
-webkit-transition: width .2s;
transition: width .2s; }
.navmenu-content li li.has-sub::after {
border-bottom: 1px solid #77858f;
border-right: 1px solid #77858f;
width: 4px;
content: '';
height: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 14px;
right: 15px; }
.navmenu-content ul li ul li {
clear: both; }
.navmenu-content ul ul ul {
top: 0;
margin-left: 100%;
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
.nav-secondary {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.menu-sticky .navmenu-content > ul > li > a, .menu-sticky .navmenu-content li li a {
outline: none; }
.navmenu-button {
display: none; }
@media only screen and (max-width: 900px) {
.navmenu-button {
display: block;
background: transparent;
height: 48px;
width: 48px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
outline: none; } }
.navmenu-button div {
width: 24px;
height: 3px;
border-radius: 2px;
margin-bottom: 5px; }
.navmenu-button div:last-child {
margin-bottom: 0;
width: 17px; }
#navmenu-overlay {
display: none;
position: fixed;
z-index: 22;
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.85); }
@media only screen and (max-width: 900px) {
.navmenu-activated #navmenu-overlay {
display: block; }
.navmenu-activated #navmenu-sidebar {
-webkit-transform: translateX(0);
transform: translateX(0); } }
#navmenu-sidebar {
display: none;
position: fixed;
width: 80%;
z-index: 24;
height: 100%;
height: 100vh;
top: 0;
left: 0px;
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
@media only screen and (max-width: 900px) {
#navmenu-sidebar {
display: block; } }
#navmenu-sidebar-body {
padding: 110px 22px 22px;
overflow-y: auto;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#navmenu-sidebar-body ul {
margin: 0;
padding: 0; }
#navmenu-sidebar-body ul ul {
-webkit-animation: smallslide 300ms;
animation: smallslide 300ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
margin: 0 0 5px 10px;
padding: 0; }
#navmenu-sidebar-body ul li {
position: relative;
list-style: none;
display: block;
font-weight: bold;
text-transform: uppercase; }
#navmenu-sidebar-body ul li ul li {
list-style: none;
display: block;
font-weight: normal;
text-transform: none;
font-size: 14px;
font-size: 0.875rem; }
#navmenu-sidebar-body ul li a {
display: block;
padding: 13px 0;
font-size: 14px;
font-size: 0.875rem;
outline: none; }
#navmenu-sidebar-body ul li li a {
padding: 8px 0; }
#navmenu-sidebar-body ul li .ms-submenu-button {
background: rgba(165, 165, 165, 0.1);
border-radius: 20px;
padding: 2px 0;
position: absolute;
top: 0;
right: 0;
cursor: pointer; }
#navmenu-sidebar-body ul li .ms-submenu-button::after {
content: "";
border-style: solid;
border-width: 4px;
height: 0px;
width: 0px;
display: inline-block;
vertical-align: middle;
margin: 16px 16px 12px; }
#navmenu-sidebar-body ul li .ms-submenu-button.ms-submenu-shown::after {
margin: 12px 16px 16px; }
#navmenu-sidebar-body ul li li .ms-submenu-button {
right: 3px; }
#navmenu-sidebar-body ul li li .ms-submenu-button::after {
margin: 13px 13px 9px; }
#navmenu-sidebar-body ul li li .ms-submenu-button.ms-submenu-shown::after {
margin: 9px 13px 13px; }
#navmenu-sidebar-closebtn {
display: block;
padding: 25px 22px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1; }
#navmenu-sidebar-closebtn .closebtn {
background: rgba(0, 0, 0, 0.08);
display: inline-block;
padding: 10px 10px;
margin-right: 10px;
border-radius: 25px;
font-weight: bold;
text-align: center;
height: 25px;
width: 25px; }
#navmenu-sidebar-closebtn .closebtn:hover {
cursor: pointer; }
#navmenu-sidebar-closebtn .closebtn-title {
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
font-weight: bold; }
#wrapper {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative; }
.main-content {
overflow-x: auto;
overflow-y: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 36px;
padding: 0 36px; }
@media only screen and (max-width: 900px) {
.main-content {
margin: 0 0 30px;
padding: 0 30px; } }
@media only screen and (max-width: 480px) {
.main-content {
margin: 0 0 22px;
padding: 0 22px; } }
.latestposts-title {
width: 100%;
margin: 0px 0 30px;
position: relative;
text-align: center;
line-height: 16px;
line-height: 1rem; }
.latestposts-title::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16px;
height: 1rem; }
.latestposts-title h2 {
position: relative;
z-index: 1;
display: inline-block;
margin: 0;
padding: 0px 10px;
font-size: 16px;
font-size: 1rem;
text-transform: uppercase; }
#content-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 69%;
flex: 1 1 69%;
max-width: 69%;
min-width: 0;
padding: 36px 0; }
@media only screen and (max-width: 900px) {
#content-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding: 30px 0; } }
@media only screen and (max-width: 480px) {
#content-wrap {
padding: 22px 0; } }
#content-wrap .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
#content-wrap .content .post-outer {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
min-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 45px;
padding-right: 15px; }
@media only screen and (max-width: 480px) {
#content-wrap .content .post-outer {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding-right: 0; } }
#content-wrap .content .post-outer:nth-of-type(2n+0) {
padding-left: 15px;
padding-right: 0px; }
@media only screen and (max-width: 480px) {
#content-wrap .content .post-outer:nth-of-type(2n+0) {
padding-left: 0px; } }
#content-wrap .content .post-outer .post-content {
height: 100%; }
#content-wrap .content .post-outer .post-content .post-snippet {
word-break: break-word; }
#content-wrap .content .post-outer .img-thumbnail {
width: 100%;
position: relative;
border-radius: 4px;
overflow: hidden;
height: 0;
padding-top: 56.25%; }
#content-wrap .content .post-outer .img-thumbnail > a {
display: block; }
#content-wrap .content .post-outer .img-thumbnail img {
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0; }
#content-wrap .content .post-outer .img-thumbnail .label-info {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
font-size: 11px;
font-size: 0.6875rem; }
#content-wrap .content .post-outer .img-thumbnail .label-info a {
display: inline-block;
margin-top: 3px;
padding: 4px 8px 2px;
text-transform: uppercase;
border-radius: 3px; }
#content-wrap .content .post-outer .post-title {
font-size: 20px;
font-size: 1.25rem;
margin: 13px 0 8px; }
#content-wrap .content .post-outer .post-info {
margin: 0 0 8px;
font-size: 14px;
font-size: 0.875rem; }
#content-wrap .content .post-outer .post-info span, #content-wrap .content .post-outer .post-info time {
display: inline-block;
margin: 0; }
#content-wrap .content .post-outer .post-info span:not(:last-child):after, #content-wrap .content .post-outer .post-info time:not(:last-child):after {
content: "\b7";
margin: 0 3.2px;
margin: 0 .2rem; }
#content-wrap .content-single .post-outer-single {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-width: 0; }
#content-wrap .content-single .post-outer-single .post-content {
color: inherit;
padding: 0 0 30px; }
#content-wrap .content-single .post-outer-single .post-title {
font-size: 32px;
font-size: 2rem;
margin: 0 0 16px;
margin: 0 0 1rem; }
@media only screen and (max-width: 900px) {
#content-wrap .content-single .post-outer-single .post-title {
font-size: 1.75rem; } }
@media only screen and (max-width: 480px) {
#content-wrap .content-single .post-outer-single .post-title {
font-size: 1.375rem; } }
#content-wrap .content-single .post-outer-single .post-info {
margin: 0 0 25px;
margin: 0 0 1.5625rem;
font-size: 14px;
font-size: 0.875rem; }
#content-wrap .content-single .post-outer-single .post-info span, #content-wrap .content-single .post-outer-single .post-info time {
display: inline-block;
margin: 0; }
#content-wrap .content-single .post-outer-single .post-info span:not(:last-child):after, #content-wrap .content-single .post-outer-single .post-info time:not(:last-child):after {
content: "\b7";
margin: 0 3.2px;
margin: 0 .2rem; }
#content-wrap-page {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-width: 0;
margin: 0 auto;
padding: 36px 0; }
@media only screen and (max-width: 900px) {
#content-wrap-page {
padding: 30px 0; } }
@media only screen and (max-width: 480px) {
#content-wrap-page {
padding: 22px 0; } }
#content-wrap-page .post-outer-single {
max-width: 800px;
margin: 0 auto; }
#content-wrap-page h1 {
text-align: center;
margin: 0 0 25.6px;
margin: 0 0 1.6rem; }
/* SLOT IKLAN */
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-infeed .widget, .matched-content .widget {
margin: 0 36px; }
@media only screen and (max-width: 900px) {
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-infeed .widget, .matched-content .widget {
margin: 0 30px; } }
@media only screen and (max-width: 480px) {
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-infeed .widget, .matched-content .widget {
margin: 0 22px; } }
.iklan-infeed .widget-content {
max-width: calc(50% - 15px); }
@media only screen and (max-width: 480px) {
.iklan-infeed .widget-content {
max-width: 100%; } }
.post-content .kode-iklan-infeed {
overflow: hidden; }
.post-body .widget-content {
text-align: center;
margin: 24px 0;
margin: 1.5rem 0;
display: block;
clear: both; }
.post-body .widget-content > * {
text-align: center;
margin: 0 auto; }
.post-body ul .widget-content, .post-body ol .widget-content, .post-body blockquote .widget-content, .post-body table .widget-content, .post-body pre .widget-content, .post-body code .widget-content {
display: none; }
.post-body .widget-content.kode-iklan-atas {
margin-top: 0; }
.post-body .widget-content.kode-iklan-bawah {
margin-bottom: 0; }
.post-body .widget-content:blank {
margin: 0 0; }
.post-body .kode-matched-content {
margin: 0 0 30px; }
#ms-matched-content .kode-matched-content {
overflow: hidden; }
/* hide adsense auto ads on unwanted places */
body > .google-auto-placed,
#wrapper > .google-auto-placed,
#content-wrap > .google-auto-placed,
#content-wrap-produk-index > .google-auto-placed,
#content-wrap-page > .google-auto-placed,
footer > .google-auto-placed,
header > .google-auto-placed,
#sidebar-wrap > .google-auto-placed,
.PopularPosts .google-auto-placed,
#subscribe-box-wrap .google-auto-placed,
#navmenu-wrap .google-auto-placed {
display: none; }
.post-body pre .google-auto-placed, .post-body blockquote .google-auto-placed, .post-body table .google-auto-placed, .post-body ul .google-auto-placed, .post-body ol .google-auto-placed, .post-body #baca-juga .google-auto-placed {
display: none; }
#sidebar-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 31%;
flex: 1 1 31%;
max-width: 31%;
min-width: 0;
padding: 36px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 900px) {
#sidebar-wrap {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding: 30px 0;
margin-top: 45px; } }
@media only screen and (max-width: 480px) {
#sidebar-wrap {
padding: 22px 0; } }
.sidebar .widget, .sidebar-sticky .widget {
margin-bottom: 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 36px; }
@media only screen and (max-width: 900px) {
.sidebar .widget, .sidebar-sticky .widget {
overflow-x: auto;
padding: 0 30px; } }
@media only screen and (max-width: 480px) {
.sidebar .widget, .sidebar-sticky .widget {
padding: 0 22px; } }
.sidebar .widget-content, .sidebar-sticky .widget-content {
overflow-x: hidden; }
@media only screen and (max-width: 900px) {
.sidebar .widget-content, .sidebar-sticky .widget-content {
overflow-x: unset; } }
.sidebar h2, .sidebar h3, .sidebar-sticky h2, .sidebar-sticky h3 {
margin: 0 0 15px;
font-size: 18px;
font-size: 1.125rem;
text-align: center; }
.sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {
margin: 0; }
.sidebar ul li, .sidebar ol li, .sidebar-sticky ul li, .sidebar-sticky ol li {
padding: 0 0;
margin: 10px 0; }
.sidebar ul, .sidebar-sticky ul {
padding: 0 0 0 20px;
padding: 0 0 0 1.25rem; }
.sidebar ul li, .sidebar-sticky ul li {
list-style-type: none;
position: relative; }
.sidebar ul li::before, .sidebar-sticky ul li::before {
position: absolute;
top: 7px;
left: -18px;
content: " ";
width: 3px;
height: 3px;
display: inline-block;
opacity: .7; }
.sidebar ol, .sidebar-sticky ol {
list-style: none;
counter-reset: my-awesome-counter;
padding: 0; }
.sidebar ol li, .sidebar-sticky ol li {
counter-increment: my-awesome-counter; }
.sidebar ol li::before, .sidebar-sticky ol li::before {
content: counter(my-awesome-counter) ". ";
margin-right: 8px;
margin-right: 0.5rem;
display: inline-block;
font-weight: bold; }
.sidebar-sticky {
position: sticky;
top: 36px; }
@media only screen and (max-width: 900px) {
.sidebar-sticky {
position: static; } }
#top-widget, #top-widget2 {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-width: 0;
text-align: center; }
#top-widget.no-items, #top-widget2.no-items {
display: none; }
#top-widget h2, #top-widget2 h2 {
display: none; }
#top-widget .widget-content, #top-widget2 .widget-content {
text-align: center;
margin: 0 0 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 36px;
overflow-x: auto;
overflow-y: hidden; }
@media only screen and (max-width: 900px) {
#top-widget .widget-content, #top-widget2 .widget-content {
margin: 0 0 30px;
padding: 0 30px; } }
@media only screen and (max-width: 480px) {
#top-widget .widget-content, #top-widget2 .widget-content {
margin: 0 0 22px;
padding: 0 22px; } }
#top-widget h3,
#top-widget .normalwidget-title,
#top-widget .normalwidget-title::after {
display: none;
visibility: hidden;
height: 0;
opacity: 0; }
#footer-widget-html-wrap {
padding: 0; }
#footer-widget-html-wrap #footer-widget-html {
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
#footer-widget-html-wrap #footer-widget-html.no-items {
display: none; }
#footer-widget-html-wrap #footer-widget-html h2,
#footer-widget-html-wrap #footer-widget-html h3,
#footer-widget-html-wrap #footer-widget-html .normalwidget-title,
#footer-widget-html-wrap #footer-widget-html .normalwidget-title::after {
display: none;
visibility: hidden;
height: 0;
opacity: 0; }
#footer-widget-html-wrap #footer-widget-html .widget-content {
text-align: center;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 36px; }
@media only screen and (max-width: 900px) {
#footer-widget-html-wrap #footer-widget-html .widget-content {
padding: 30px; } }
@media only screen and (max-width: 480px) {
#footer-widget-html-wrap #footer-widget-html .widget-content {
padding: 22px; } }
.PopularPosts {
margin: 14px auto 45px;
max-width: 405px;
overflow-x: unset !important; }
.popular-posts-wrap {
color: inherit; }
.popular-posts-wrap .the-most-popular .popular-post-thumbnail {
position: relative; }
.popular-posts-wrap .the-most-popular .popular-post-thumbnail img, .popular-posts-wrap .the-most-popular .popular-post-thumbnail a {
display: block; }
.popular-posts-wrap .the-most-popular .popular-post-thumbnail img {
width: 100%;
border-radius: 4px; }
.popular-posts-wrap .the-most-popular .popular-post-info {
padding: 10px 15px; }
.popular-posts-wrap .the-most-popular .popular-post-info .popular-post-title {
margin: 0 0;
font-weight: bold; }
.popular-posts-wrap .the-most-popular .popular-post-info .popular-post-snippet {
margin-top: 8px;
font-size: 14px;
font-size: 0.875rem; }
.popular-posts-wrap .the-most-popular .info-has-thumbnail {
padding: 10px 15px; }
.popular-posts-wrap .popular-post-content {
margin: 2px 0px; }
.popular-posts-wrap .popular-post-content .popular-post-info {
padding: 10px 15px; }
.popular-posts-wrap .popular-post-content .popular-post-info .popular-post-title {
margin: 0 0;
font-weight: bold; }
.popular-posts-wrap .popular-post-content .popular-post-info .popular-post-snippet {
margin-top: 8px;
font-size: 14px;
font-size: 0.875rem; }
#subscribe-box-wrap {
padding: 0; }
#subscribe-box-wrap #subscribe-box {
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
#subscribe-box-wrap #subscribe-box p {
font-size: 32px;
padding: 0;
margin: 0;
font-weight: bold; }
.FollowByEmail {
overflow-y: auto; }
.FollowByEmail .subscribewidget-title {
position: relative;
padding: 36px 36px 20px;
word-break: break-word; }
.FollowByEmail .subscribewidget-title h3.title,
.FollowByEmail .subscribewidget-title h2.title {
text-transform: uppercase;
font-size: 28px;
font-size: 1.75rem;
margin: 0 0;
line-height: 28px;
line-height: 1.75rem; }
.FollowByEmail .widget-content {
padding: 0 36px 36px; }
.FollowByEmail .widget-content .follow-by-email-inner form .follow-by-email-address {
padding: 15px 20px;
border-radius: 4px;
margin: 5px;
border: none;
max-width: 80%; }
.FollowByEmail .widget-content .follow-by-email-inner form .follow-by-email-submit {
cursor: pointer;
padding: 15px 20px;
margin: 5px;
border: none;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
text-transform: uppercase; }
.cloud-label-widget-content .label-size {
margin: 3px 1px;
display: inline-block; }
.cloud-label-widget-content .label-size a.label-name {
display: inline-block;
padding: 4px 8px;
font-size: 14px;
font-size: 0.875rem;
border-radius: 3px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.cloud-label-widget-content .label-size a.label-name span.label-count {
color: inherit;
margin-left: 3px; }
.Profile .individual {
position: relative;
padding: 30px 25px; }
.Profile .individual .profile-img-wrap {
position: relative;
text-align: center;
margin: 0 auto;
width: 100px;
height: 100px;
border-radius: 50px;
overflow: hidden; }
.Profile .individual .profile-img-wrap .profile-img {
display: block;
width: 100%;
height: auto;
border-radius: 50px; }
.Profile .individual .profile-info {
text-align: center; }
.Profile .individual .profile-info .profile-link-author {
font-size: 20px;
font-size: 1.25rem;
margin: 10px 0 5px;
display: block; }
.Profile .individual .profile-info .profile-link {
padding: 4px 20px;
display: inline-block;
border-radius: 18px;
margin-top: 15px;
font-size: 14px;
font-size: 0.875rem;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.Profile .individual .profile-info .location {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 12px; }
.Profile .individual .profile-info .location svg {
width: 18px;
height: 18px;
margin-bottom: -3px; }
.Profile .individual .profile-info .profile-textblock {
color: inherit; }
.Profile .team {
padding: 20px;
text-align: center; }
.Profile .team .team-member {
margin: 15px 0; }
.Profile .team .team-member .profile-link {
display: block;
position: relative; }
.Profile .team .team-member .profile-link .tema-profil-img-wrap {
position: relative;
width: 50px;
height: 50px;
margin-right: 6px;
border-radius: 25px;
overflow: hidden;
background: #828282;
display: inline-block;
vertical-align: middle; }
.Profile .team .team-member .profile-link .tema-profil-img-wrap .profile-img, .Profile .team .team-member .profile-link .tema-profil-img-wrap .default-avatar {
width: 100%;
height: 100%; }
.Profile .team .team-member .profile-link .profile-name {
font-size: 20px;
font-size: 1.25rem;
color: inherit;
vertical-align: middle; }
.ContactForm form {
margin: 0; }
.ContactForm .input-label {
font-size: 14px;
font-size: .875rem;
display: block; }
.ContactForm span.required {
color: red; }
.contact-form-success-message,
.contact-form-error-message {
background: #f9edbe;
border: 0 solid #f0c36d;
font-size: 14px;
font-size: .875rem;
text-align: center;
max-width: 500px;
border-radius: 3px; }
.contact-form-success-message-with-border,
.contact-form-error-message-with-border {
background: #f9edbe;
border: 1px solid #f0c36d;
font-size: 14px;
font-size: .875rem;
text-align: center;
max-width: 600px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px; }
.contact-form-cross {
height: 11px;
margin: 0 5px;
vertical-align: -8.5%;
width: 11px; }
.contact-form-email,
.contact-form-name {
color: inherit;
height: 40px;
margin: 0 0 15px;
max-width: 300px;
width: 100%;
padding: 0 15px;
border-radius: 3px;
border: 1px solid rgba(193, 193, 193, 0.4);
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.contact-form-email-message {
color: inherit;
margin: 0;
vertical-align: top;
max-width: 600px;
width: 100%;
border-radius: 3px;
border: 1px solid rgba(193, 193, 193, 0.4);
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.contact-form-email:hover,
.contact-form-name:hover,
.contact-form-email-message:hover {
outline: none; }
.contact-form-email:focus,
.contact-form-name:focus, .contact-form-email-message:focus {
outline: none; }
.contact-form-name,
.contact-form-email,
.contact-form-email-message {
background: rgba(193, 193, 193, 0.2); }
.contact-form-button {
-webkit-transition: all .2s;
transition: all .2s;
display: block;
font-size: 14px;
font-size: .875rem;
line-height: 24px;
padding: 12px 20px;
margin: 30px 0;
text-align: center;
border: none;
background: #333;
color: #fff;
border-radius: 3px;
font-weight: bold; }
.contact-form-button:hover {
background: #666;
cursor: pointer;
outline: none; }
.contact-form-button.focus,
.contact-form-button.right.focus,
.contact-form-button.mid.focus,
.contact-form-button.left.focus {
outline: none; }
.contact-form-button-submit:focus,
.contact-form-button-submit.focus {
outline: none;
opacity: .8; }
.swajib {
font-weight: bold;
color: #e85e5e; }
.ctitles {
display: block; }
.contact-form-widget .form .input-label {
font-size: 14px;
font-size: 0.875rem;
opacity: 0.9; }
.contact-form-widget .form span.required {
font-weight: bold;
color: red; }
.contact-form-widget .form input[type=text], .contact-form-widget .form select, .contact-form-widget .form textarea {
width: 100%;
padding: 12px 14px;
margin: 5px 0 20px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.contact-form-widget .form input[type=button] {
width: 100%;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.contact-form-widget .form .contact-form-message-wrap p.contact-form-error-message, .contact-form-widget .form .contact-form-message-wrap p.contact-form-error-message-with-border {
color: #b34e27; }
.contact-form-widget .form .contact-form-message-wrap p.contact-form-success-message, .contact-form-widget .form .contact-form-message-wrap p.contact-form-success-message-with-border {
color: #338a1d; }
#toc {
border-left: 6px solid rgba(121, 128, 136, 0.12);
padding-left: 16px;
padding-left: 1rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
font-size: 14px;
font-size: 0.875rem; }
@media only screen and (max-width: 480px) {
#toc {
padding-left: .75rem; } }
#toc a {
text-decoration: none; }
#toc b.toc {
text-transform: uppercase; }
#toc ol {
padding-left: 0;
margin: 0 0; }
#toc ol li {
margin: 8px 0; }
#toc ol li ol {
padding-left: 32px;
padding-left: 2rem;
margin: 0 0; }
#toc ol li ol li {
list-style-type: disc; }
#toc > ol {
-webkit-animation: smallslide 300ms;
animation: smallslide 300ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
counter-reset: item;
list-style: none; }
#toc > ol > li:before, #toc > ol li > li:before {
content: counters(item, ".") " ";
counter-increment: item;
margin-right: 5px; }
#toc > ol > ol {
padding-left: 16px;
padding-left: 1rem; }
#toc > ol > ol li {
list-style-type: disc; }
.post-body h2[id]::before, .post-body h3[id]::before {
content: " ";
margin-top: -72px;
height: 72px;
display: block;
visibility: hidden; }
.toc button {
background: transparent;
border: none;
padding: 0;
outline: none;
margin: 0 4px;
cursor: pointer;
text-transform: lowercase;
font-weight: normal; }
.author-profile {
margin: 32px 0;
margin: 2rem 0; }
.author-profile::after {
content: "";
display: block;
clear: both; }
.author-profile .author-image-box {
position: relative;
float: left;
margin-right: 16px;
margin-right: 1rem;
border-radius: 35px;
width: 70px;
height: 70px;
overflow: hidden; }
.author-profile .author-image {
border-radius: 35px;
width: 100%; }
.author-profile .author-about .author-name {
display: block;
font-weight: bold;
margin-bottom: 6px; }
.author-profile .author-about .author-bio {
font-size: 14px;
font-size: .875rem; }
#ms-related-post {
margin: 30px auto 0;
overflow: hidden; }
#ms-related-post p.ms-title {
font-weight: 700;
margin: 0 0 16px;
margin: 0 0 16px;
margin: 0 0 1rem;
display: inline-block;
position: relative;
padding-right: 7px; }
#ms-related-post .related-title {
position: relative; }
#ms-related-post .related-title::before {
content: "";
border-top: 4px dotted rgba(121, 128, 136, 0.24);
position: absolute;
top: 12px;
left: 0;
right: 0; }
#ms-related-post ul.ms-related-hasthumb {
margin: 0;
padding: 0;
list-style: none;
word-wrap: break-word;
overflow: hidden; }
#ms-related-post ul.ms-related-hasthumb li {
margin: 0;
padding: 0;
font-size: 14px;
list-style: none;
word-wrap: break-word;
overflow: hidden;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
float: left;
width: 23.5%;
height: auto;
margin-right: 2%;
margin-bottom: 10px; }
#ms-related-post ul.ms-related-hasthumb li a, #ms-related-post ul.ms-related-hasthumb li a:hover {
text-decoration: none;
color: inherit; }
#ms-related-post ul.ms-related-hasthumb li a:focus div.related-thumb-outer {
opacity: 0.8; }
#ms-related-post ul.ms-related-hasthumb li:hover {
opacity: 0.7; }
#ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+0) {
margin-right: 0; }
#ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+1) {
clear: both; }
#ms-related-post ul.ms-related-hasthumb li .related-thumb {
display: block;
max-height: none;
border: none;
padding: 0;
width: 100%;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0; }
#ms-related-post ul.ms-related-hasthumb li .related-thumb[src^="//img.youtube.com"] {
margin-top: -9%; }
#ms-related-post ul.ms-related-hasthumb li div.related-thumb-outer {
position: relative;
height: 0;
padding-top: 56.25%;
overflow: hidden;
border-radius: 4px; }
#ms-related-post ul.ms-related-hasthumb div.related-title-outer {
font-weight: bold;
padding: 10px 0 15px;
display: block;
color: inherit; }
#ms-related-post ul.ms-related-nothumb {
margin: 0 0 20px;
margin: 0 0 1.25rem;
background: rgba(153, 163, 173, 0.08);
border-left: 5px solid rgba(153, 163, 173, 0.08);
padding: 16px 16px 16px 32px;
padding: 1rem 1rem 1rem 2rem; }
#ms-related-post ul.ms-related-nothumb li {
margin: 0;
padding: 6px 0;
font-weight: bold; }
#ms-related-post ul.ms-related-nothumb li a {
display: inherit; }
@media only screen and (max-width: 480px) {
#ms-related-post ul.ms-related-hasthumb li {
width: 48%;
margin-right: 4%; }
#ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+0) {
margin-right: 0; }
#ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+1) {
clear: both; } }
@media only screen and (max-width: 320px) {
#ms-related-post ul.ms-related-hasthumb li {
width: 100%;
margin-right: 0; } }
.BlogSearch input {
padding: 8px 12px;
margin: 3px 0;
border-radius: 4px;
border: 1px solid #bdbdbd; }
.BlogSearch button {
padding: 8px 12px;
margin: 3px 0;
border-radius: 4px;
border: 1px solid #bdbdbd; }
.Attribution svg {
display: none; }
.Attribution .widget-content {
text-align: center; }
.comments-threaded {
clear: both;
margin: 0 0 30px;
font-size: 14px;
font-size: .875rem; }
.comments-threaded h2.comments-title {
font-size: 18px;
font-size: 1.125rem;
margin: 0 0 20px;
padding: 0;
display: inline-block; }
.comments-threaded .comment-thread ol {
text-align: left;
margin: 13px 0;
padding: 0;
list-style: none; }
.comments-threaded .avatar-image-container img {
max-width: 36px;
border-radius: 17px; }
.comments-threaded .comment-block {
background: rgba(153, 163, 173, 0.08);
position: relative;
padding: 20px;
margin-left: 45px;
border-radius: 10px;
word-break: break-word; }
.comments-threaded .comment-replies {
margin: 10px 0;
margin-left: 45px; }
.comments-threaded .comment-thread:empty {
display: none; }
.comments-threaded .comment-replybox-single {
margin-left: 45px;
margin: 20px 0; }
.comments-threaded .comment {
margin-bottom: 6px;
padding: 0; }
.comments-threaded .comment .avatar-image-container {
background-color: rgba(199, 199, 199, 0.2);
border-radius: 20px;
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-position: 8px 7px; }
.comments-threaded .comment .avatar-image-container {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC4UlEQVR42nWU30uTYRTHn/d1bjOn5Y0Gu4mBNhWZ4EVXbiMUMVMjL2L+iJSYCMJkF27TzanbdNvfEN10U3STFdV/0GUE3faLsJsovEkIhDqfsWc8vqOLw87O+X6/73nOOc+jdnd3VT6fP2fZbNZVrVbV+vr61f7+/mdKqb+Y+EfEyIFx8tBqODqYy+WsQqGgpqen411dXR+7u7s/DAwMPMHwiZEDA9YU47fh8KvFxsfH0y6X63RycjKZTqcv7ezsWBg+MXJgtKipca6y/f19tby8HLZt+08sFps6PDxUIqS0ID4xcmDAwjErbQgCLhaLqq+v7/ng4ODjUqmktre36ZNl9MkiRg6MYI/gwG0IUiaBvb09lclkLvh8vq9zc3N3hGTJl1t0Hqu3pYUcGLBw4Op8Q5nSk8nk5fb29u9LS0vXqULItnOSxMiBAQsHblOF/MpxPB0dHZ9nZ2fvylEsWY2mComRAyPYT3BMjaYeDg0NPQoEAm/wIUvcNjB2XVCBAdvUQwNcm/La2lqotbX1dGZm5n65XFa6P7rPxMgJ5jdYOHDPHdncQwBynHttbW0/wuFwaWNjI7C1teXB8CORSIkcGL0yTXuIowWpgl1jcbluHo/npKen5x2GT4wcGLBasHFTjPtbm57c1WBvb+9rafix7NmL0dHR0sTERALDJybrcgwGLBy4eg66Mvvg4EDNz8/f9nq9v4T0cnV1dQQQcarB8InF4/ERhMHCIa5XTElvapu/sLBwy7Kss7GxsTSTq0+P5baZLlb3LZ2Xo6fgwOU/S08f7EQiEZCv/YxGozmm6FwXp+n1AQsHrgzsCh9TlUpFhUKhh36//219arbzjTPNeWt4ceAODw8/4KRqZWXlmgzgm/TiZr1s2/nGmWKOt7MmKNwbbrf7hMqVTOuVPJzvNzc3L5q3xlmZ08zbkUqlfJ2dnV8WFxenFHvFU6TfOxP4PzHzw/q9DAaDT2VPz/4BM3gzfN9VWhwAAAAASUVORK5CYII="); }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(6) {
margin: 0px 0px 5px 12%; }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(5) {
margin: 0px 0px 5px 10%; }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(4) {
margin: 0px 0px 5px 8%; }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(3) {
margin: 0px 0px 5px 4%; }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(2) {
margin: 0px 0px 5px 2%; }
.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(1) {
margin: 0px 0px 5px 0; }
.comments-threaded .comment .deleted-comment {
font-style: italic;
opacity: .5; }
.comments-threaded .comment-thread.inline-thread .comment,
.comments-threaded .comment-thread.inline-thread .comment:last-child {
margin: 0px 0px 5px 14%; }
.comments-threaded .comment-thread {
margin: 0;
padding: 0; }
.comments-threaded .inline-thread {
margin: 0; }
.comments-threaded cite.user {
margin-right: 8px; }
.comments-threaded .icon.blog-author {
display: inline-block; }
.comments-threaded .icon.blog-author::after {
display: inline-block;
content: "author";
padding: 2px 6px;
border-radius: 10px;
font-size: 11px;
font-size: 0.6875rem; }
.comments-threaded .comment-header {
font-size: 14px;
font-size: .875rem;
margin: 0 0 15px; }
.comments-threaded .comment-content {
margin: 0 0 15px;
text-align: left; }
.comments-threaded .datetime {
margin: 10px 0;
display: block; }
.comments-threaded .datetime a {
opacity: .8;
color: inherit !important; }
.comments-threaded .user {
font-weight: bold;
font-style: normal; }
.comments-threaded .comment .comment-actions a {
display: inline-block;
font-size: 13px;
font-size: .8125rem;
margin-right: 8px; }
.comments-threaded .continue a {
display: inline-block;
font-size: 13px;
font-size: .8125rem;
font-weight: bold; }
.comments-threaded .comment .comment-actions a:hover,
.comments-threaded .continue a:hover {
text-decoration: underline; }
.comments-threaded .loadmore {
cursor: pointer;
margin-top: 3em;
max-height: 3em; }
.comments-threaded .loadmore.loaded {
max-height: 0;
opacity: 0;
overflow: hidden; }
.comments-threaded .thread-chrome.thread-collapsed {
display: none; }
.comments-threaded .thread-toggle {
display: inline-block; }
.comments-threaded .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
margin: .3em;
overflow: visible;
padding-right: 4px;
width: 7px; }
.comments-threaded .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent; }
.comments-threaded .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent; }
.comments-threaded .hidden {
display: none; }
@media screen and (max-device-width: 480px) {
.comments-threaded .comments-content .comment-replies {
margin-left: 10px; }
.comments-threaded .thread-toggle {
margin-left: 45px; }
.comments-threaded .comments-content .comment-replies .continue {
margin-left: 45px; } }
.comments-non-threaded {
clear: both;
margin: 0 0 30px;
font-size: 14px;
font-size: .875rem; }
.comments-non-threaded h2.comments-title {
font-size: 18px;
font-size: 1.125rem;
margin: 0 0 20px;
padding: 0px 0px 5px;
display: inline-block; }
.comments-non-threaded #comments-block {
margin: 0 0 30px; }
.comments-non-threaded #comments-block .avatar-image-container {
display: inline-block;
margin-right: 4px;
margin-bottom: -10px;
background: rgba(74, 74, 74, 0.12);
border-radius: 17px; }
.comments-non-threaded #comments-block .avatar-image-container img {
display: block; }
.comments-non-threaded #comments-block .comment-block {
background: rgba(0, 0, 0, 0.03);
position: relative;
padding: 20px;
margin-bottom: 15px;
border-radius: 4px;
word-break: break-word; }
.comments-non-threaded #comments-block .comment-block .comment-author .comment-author-name {
font-weight: bold;
display: block;
margin-bottom: 10px; }
.comments-non-threaded #comments-block .comment-block .comment-author .comment-timestamp {
opacity: .9;
font-size: 12px;
font-size: .75rem;
margin-right: 4px; }
.comments-non-threaded #comments-block .comment-block .comment-author .item-control {
opacity: .9;
font-size: 12px;
font-size: .75rem; }
.comments-non-threaded #comments-block .comment-block .comment-body {
padding: 15px 0 0;
margin: 0 0; }
.comments-non-threaded #comments-block .comment-block .comment-body p {
margin: 0; }
.comments .comment-note {
word-break: break-word;
margin: 20px 0;
border-left: 6px solid rgba(153, 163, 173, 0.08);
padding-left: 16px;
padding-left: 1rem;
font-size: 14px;
font-size: 0.875rem; }
.comments .post-comment-link {
font-weight: bold;
background: rgba(173, 173, 173, 0.1);
padding: 10px 20px;
border-radius: 4px;
display: inline-block; }
.normalwidget-title {
width: 100%;
margin: 0 0 25px;
position: relative;
text-align: center;
line-height: 16px;
line-height: 1rem;
min-height: 16px;
min-height: 1rem; }
.normalwidget-title::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16px;
height: 1rem; }
.normalwidget-title h3.title, .normalwidget-title h2.title {
position: relative;
z-index: 1;
display: inline-block;
margin: 0;
padding: 0px 10px;
font-size: 16px;
font-size: 1rem;
text-transform: uppercase; }
.PopularPosts,
.FeaturedPost {
position: relative; }
.FeaturedPost h3.title,
.PopularPosts .popular-post-widget-title h3.title,
.FeaturedPost h2.title,
.PopularPosts .popular-post-widget-title h2.title {
position: absolute;
top: -14px;
margin: 0 0;
font-size: 11px;
font-size: .6875rem;
font-weight: normal;
text-transform: uppercase;
padding: 5px 10px 3px;
display: inline-block;
z-index: 1;
border-radius: 3px 3px 3px 0; }
@media only screen and (max-width: 600px) {
.FeaturedPost h3.title,
.FeaturedPost h2.title {
left: 2px;
border-radius: 3px 3px 3px 3px; } }
.FeaturedPost .featured-outer {
margin: 14px 0 45px; }
.FeaturedPost .post-summary {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0; }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary {
margin-left: -30px;
margin-right: -30px; } }
@media only screen and (max-width: 480px) {
.FeaturedPost .post-summary {
margin-left: -22px;
margin-right: -22px; } }
.FeaturedPost .post-summary h3, .FeaturedPost .post-summary h2 {
font-size: 26px;
font-size: 1.625rem;
margin: -5px 0 20px;
padding: 0;
width: 100%; }
@media only screen and (max-width: 900px) {
.FeaturedPost .post-summary h3, .FeaturedPost .post-summary h2 {
font-size: 1.5rem;
margin: 0 0 15px; } }
@media only screen and (max-width: 480px) {
.FeaturedPost .post-summary h3, .FeaturedPost .post-summary h2 {
font-size: 1.25rem; } }
.FeaturedPost .post-summary p.featured-desc {
margin: 0; }
.FeaturedPost .post-summary p.featured-desc b.harga-produk-coret, .FeaturedPost .post-summary p.featured-desc b.harga-produk {
display: block;
margin: 5px 0; }
.FeaturedPost .post-summary p.featured-desc b.harga-produk-coret {
text-decoration: line-through;
color: #c23613; }
.FeaturedPost .post-summary p.featured-desc b.harga-produk {
font-size: 24px;
font-size: 1.5rem;
margin-bottom: 16px;
margin-bottom: 1rem; }
.FeaturedPost .post-summary p.featured-desc b.info-produk, .FeaturedPost .post-summary p.featured-desc b.toc {
display: none; }
.FeaturedPost .post-summary p.featured-desc b, .FeaturedPost .post-summary p.featured-desc strong, .FeaturedPost .post-summary p.featured-desc i, .FeaturedPost .post-summary p.featured-desc em, .FeaturedPost .post-summary p.featured-desc strike, .FeaturedPost .post-summary p.featured-desc u, .FeaturedPost .post-summary p.featured-desc s, .FeaturedPost .post-summary p.featured-desc del {
font-weight: normal;
font-style: normal;
text-decoration: none; }
.FeaturedPost .post-summary p.featured-more {
margin: 25px 0 0; }
.FeaturedPost .post-summary p.featured-more a {
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.FeaturedPost .post-summary p.featured-more a:hover {
text-decoration: none; }
.FeaturedPost .post-summary .featured-img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
min-width: 0;
position: relative;
padding-right: 15px; }
.FeaturedPost .post-summary .featured-img img.image {
width: 100%;
margin: 0;
padding: 0;
display: block;
border-radius: 4px; }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary .featured-img img.image {
position: absolute;
bottom: 0;
border-radius: 0px; } }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary .featured-img {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding-right: 0; } }
.FeaturedPost .post-summary .featured-img .featured-img-bg {
height: 100%; }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary .featured-img .featured-img-bg {
position: relative;
padding-top: 75%;
height: 0;
overflow: hidden; } }
.FeaturedPost .post-summary .featured-info {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-ms-flex-item-align: center;
align-self: center;
max-width: 50%;
padding: 30px 30px 30px 15px; }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary .featured-info {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 22px;
margin: -25% 30px 0;
z-index: 0; } }
@media only screen and (max-width: 480px) {
.FeaturedPost .post-summary .featured-info {
margin: -30% 22px 0;
padding: 18px; } }
.FeaturedPost .post-summary .no-featured-img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
padding: 30px 30px; }
@media only screen and (max-width: 600px) {
.FeaturedPost .post-summary .no-featured-img {
padding: 22px;
margin: 0 30px 0; } }
@media only screen and (max-width: 480px) {
.FeaturedPost .post-summary .no-featured-img {
margin: 0 22px 0; } }
.BlogArchive {
font-size: 14px;
font-size: .875rem; }
.BlogArchive #ArchiveList ul ul li {
padding-left: 0;
border-left: none; }
.BlogArchive #ArchiveList ul.posts li {
padding-left: 0;
margin: 0 0 10px; }
.BlogArchive .hierarchy-title {
margin-bottom: 10px; }
.BlogArchive .archive-dropdown select {
padding: 5px 7px;
border-radius: 4px;
cursor: pointer; }
.Feed ul li {
display: block;
margin: 0 0 10px; }
.Feed ul li:last-child {
margin-bottom: 10px; }
.Feed .item-title {
font-weight: bold; }
.Image .widget-content {
position: relative; }
.Image .widget-content img {
display: block;
max-width: 100%;
height: auto; }
.Image .widget-content .caption {
text-align: center;
font-size: 12px;
font-size: 0.75rem; }
.Subscribe .widget-content {
font-size: 12px;
font-size: 0.75rem; }
.Subscribe .widget-content .feed-reader-links {
margin-bottom: 10px; }
.Subscribe .widget-content .feed-reader-links .feed-icon {
vertical-align: middle;
margin-right: 3px; }
.Subscribe .widget-content .feed-reader-links span {
vertical-align: middle;
font-weight: bold; }
.breadcrumbs {
margin: 0 0 16px;
margin: 0 0 1rem;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase; }
.breadcrumbs a {
text-decoration: none; }
.post-body .breadcrumbs a {
text-decoration: none; }
.breadcrumb-page {
max-width: 800px;
text-align: center;
margin: 0 auto 15px; }
#social-button {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
min-width: 0;
text-align: right; }
@media only screen and (max-width: 480px) {
#social-button {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
text-align: center; } }
#social-button a {
display: inline-block; }
#social-button .social-icon {
display: inline-block;
padding: 7px;
margin: 3px 0px 3px 5px;
border-radius: 20px;
width: 24px;
height: 24px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
#social-button .social-icon i {
background-repeat: no-repeat;
height: 22px;
width: 22px;
display: inline-block;
margin: 1px;
padding: 0px; }
#social-button .social-icon:hover {
background: rgba(25, 25, 25, 0.6); }
#social-button .facebook-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M0 12.067C0 18.033 4.333 22.994 10 24v-8.667H7V12h3V9.333c0-3 1.933-4.666 4.667-4.666c.866 0 1.8.133 2.666.266V8H15.8c-1.467 0-1.8.733-1.8 1.667V12h3.2l-.533 3.333H14V24c5.667-1.006 10-5.966 10-11.933C24 5.43 18.6 0 12 0S0 5.43 0 12.067z'/></svg>"); }
#social-button .twitter-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 0 0 2.048-2.578a9.3 9.3 0 0 1-2.958 1.13a4.66 4.66 0 0 0-7.938 4.25a13.229 13.229 0 0 1-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 0 0 3.96 9.824a4.647 4.647 0 0 1-2.11-.583v.06a4.66 4.66 0 0 0 3.737 4.568a4.692 4.692 0 0 1-2.104.08a4.661 4.661 0 0 0 4.352 3.234a9.348 9.348 0 0 1-5.786 1.995a9.5 9.5 0 0 1-1.112-.065a13.175 13.175 0 0 0 7.14 2.093c8.57 0 13.255-7.098 13.255-13.254c0-.2-.005-.402-.014-.602a9.47 9.47 0 0 0 2.323-2.41l.002-.003z'/></svg>"); }
#social-button .youtube-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/></svg>"); }
#social-button .instagram-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M7.465 1.066C8.638 1.012 9.012 1 12 1c2.988 0 3.362.013 4.534.066c1.172.053 1.972.24 2.672.511c.733.277 1.398.71 1.948 1.27c.56.549.992 1.213 1.268 1.947c.272.7.458 1.5.512 2.67C22.988 8.639 23 9.013 23 12c0 2.988-.013 3.362-.066 4.535c-.053 1.17-.24 1.97-.512 2.67a5.396 5.396 0 0 1-1.268 1.949c-.55.56-1.215.992-1.948 1.268c-.7.272-1.5.458-2.67.512c-1.174.054-1.548.066-4.536.066c-2.988 0-3.362-.013-4.535-.066c-1.17-.053-1.97-.24-2.67-.512a5.397 5.397 0 0 1-1.949-1.268a5.392 5.392 0 0 1-1.269-1.948c-.271-.7-.457-1.5-.511-2.67C1.012 15.361 1 14.987 1 12c0-2.988.013-3.362.066-4.534c.053-1.172.24-1.972.511-2.672a5.396 5.396 0 0 1 1.27-1.948a5.392 5.392 0 0 1 1.947-1.269c.7-.271 1.5-.457 2.67-.511zm8.98 1.98c-1.16-.053-1.508-.064-4.445-.064c-2.937 0-3.285.011-4.445.064c-1.073.049-1.655.228-2.043.379c-.513.2-.88.437-1.265.822a3.412 3.412 0 0 0-.822 1.265c-.151.388-.33.97-.379 2.043c-.053 1.16-.064 1.508-.064 4.445c0 2.937.011 3.285.064 4.445c.049 1.073.228 1.655.379 2.043c.176.477.457.91.822 1.265c.355.365.788.646 1.265.822c.388.151.97.33 2.043.379c1.16.053 1.507.064 4.445.064c2.938 0 3.285-.011 4.445-.064c1.073-.049 1.655-.228 2.043-.379c.513-.2.88-.437 1.265-.822c.365-.355.646-.788.822-1.265c.151-.388.33-.97.379-2.043c.053-1.16.064-1.508.064-4.445c0-2.937-.011-3.285-.064-4.445c-.049-1.073-.228-1.655-.379-2.043c-.2-.513-.437-.88-.822-1.265a3.413 3.413 0 0 0-1.265-.822c-.388-.151-.97-.33-2.043-.379zm-5.85 12.345a3.669 3.669 0 0 0 4-5.986a3.67 3.67 0 1 0-4 5.986zM8.002 8.002a5.654 5.654 0 1 1 7.996 7.996a5.654 5.654 0 0 1-7.996-7.996zm10.906-.814a1.337 1.337 0 1 0-1.89-1.89a1.337 1.337 0 0 0 1.89 1.89z'/></svg>"); }
#social-button .linkedin-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/></svg>"); }
#social-button .telegram-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12zM12.43 8.859c-1.167.485-3.5 1.49-6.998 3.014c-.568.226-.866.447-.893.663c-.046.366.412.51 1.034.705c.085.027.173.054.263.084c.613.199 1.437.432 1.865.441c.389.008.823-.152 1.302-.48c3.268-2.207 4.955-3.322 5.061-3.346c.075-.017.179-.039.249.024c.07.062.063.18.056.212c-.046.193-1.84 1.862-2.77 2.726c-.29.269-.495.46-.537.504c-.094.097-.19.19-.282.279c-.57.548-.996.96.024 1.632c.49.323.882.59 1.273.856c.427.291.853.581 1.405.943c.14.092.274.187.405.28c.497.355.944.673 1.496.623c.32-.03.652-.331.82-1.23c.397-2.126 1.179-6.73 1.36-8.628a2.111 2.111 0 0 0-.02-.472a.506.506 0 0 0-.172-.325c-.143-.117-.365-.142-.465-.14c-.451.008-1.143.249-4.476 1.635z'/></svg>"); }
#social-button .whatsapp-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967c-.273-.099-.471-.148-.67.15c-.197.297-.767.966-.94 1.164c-.173.199-.347.223-.644.075c-.297-.15-1.255-.463-2.39-1.475c-.883-.788-1.48-1.761-1.653-2.059c-.173-.297-.018-.458.13-.606c.134-.133.298-.347.446-.52c.149-.174.198-.298.298-.497c.099-.198.05-.371-.025-.52c-.075-.149-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372c-.272.297-1.04 1.016-1.04 2.479c0 1.462 1.065 2.875 1.213 3.074c.149.198 2.096 3.2 5.077 4.487c.709.306 1.262.489 1.694.625c.712.227 1.36.195 1.871.118c.571-.085 1.758-.719 2.006-1.413c.248-.694.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214l-3.741.982l.998-3.648l-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884c2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/></svg>"); }
#social-button .googlemaps-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M19.527 4.799c1.212 2.608.937 5.678-.405 8.173c-1.101 2.047-2.744 3.74-4.098 5.614c-.619.858-1.244 1.75-1.669 2.727c-.141.325-.263.658-.383.992c-.121.333-.224.673-.34 1.008c-.109.314-.236.684-.627.687h-.007c-.466-.001-.579-.53-.695-.887c-.284-.874-.581-1.713-1.019-2.525c-.51-.944-1.145-1.817-1.79-2.671L19.527 4.799zM8.545 7.705l-3.959 4.707c.724 1.54 1.821 2.863 2.871 4.18c.247.31.494.622.737.936l4.984-5.925l-.029.01c-1.741.601-3.691-.291-4.392-1.987a3.377 3.377 0 0 1-.209-.716c-.063-.437-.077-.761-.004-1.198l.001-.007zM5.492 3.149l-.003.004c-1.947 2.466-2.281 5.88-1.117 8.77l4.785-5.689l-.058-.05l-3.607-3.035zM14.661.436l-3.838 4.563a.295.295 0 0 1 .027-.01c1.6-.551 3.403.15 4.22 1.626c.176.319.323.683.377 1.045c.068.446.085.773.012 1.22l-.003.016l3.836-4.561A8.382 8.382 0 0 0 14.67.439l-.009-.003zM9.466 5.868L14.162.285l-.047-.012A8.31 8.31 0 0 0 11.986 0a8.439 8.439 0 0 0-6.169 2.766l-.016.018l3.665 3.084z'/></svg>"); }
#social-button .pinterest-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M0 12c0 5.123 3.211 9.497 7.73 11.218c-.11-.937-.227-2.482.025-3.566c.217-.932 1.401-5.938 1.401-5.938s-.357-.715-.357-1.774c0-1.66.962-2.9 2.161-2.9c1.02 0 1.512.765 1.512 1.682c0 1.025-.653 2.557-.99 3.978c-.281 1.189.597 2.159 1.769 2.159c2.123 0 3.756-2.239 3.756-5.471c0-2.861-2.056-4.86-4.991-4.86c-3.398 0-5.393 2.549-5.393 5.184c0 1.027.395 2.127.889 2.726a.36.36 0 0 1 .083.343c-.091.378-.293 1.189-.332 1.355c-.053.218-.173.265-.4.159c-1.492-.694-2.424-2.875-2.424-4.627c0-3.769 2.737-7.229 7.892-7.229c4.144 0 7.365 2.953 7.365 6.899c0 4.117-2.595 7.431-6.199 7.431c-1.211 0-2.348-.63-2.738-1.373c0 0-.599 2.282-.744 2.84c-.282 1.084-1.064 2.456-1.549 3.235C9.584 23.815 10.77 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0S0 5.373 0 12z'/></svg>"); }
#social-button .tiktok-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07z'/></svg>"); }
#social-button .github-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385c.6.105.825-.255.825-.57c0-.285-.015-1.23-.015-2.235c-3.015.555-3.795-.735-4.035-1.41c-.135-.345-.72-1.41-1.23-1.695c-.42-.225-1.02-.78-.015-.795c.945-.015 1.62.87 1.845 1.23c1.08 1.815 2.805 1.305 3.495.99c.105-.78.42-1.305.765-1.605c-2.67-.3-5.46-1.335-5.46-5.925c0-1.305.465-2.385 1.23-3.225c-.12-.3-.54-1.53.12-3.18c0 0 1.005-.315 3.3 1.23c.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23c.66 1.65.24 2.88.12 3.18c.765.84 1.23 1.905 1.23 3.225c0 4.605-2.805 5.625-5.475 5.925c.435.375.81 1.095.81 2.22c0 1.605-.015 2.895-.015 3.3c0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z'/></svg>"); }
#social-button .dribbble-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325c-.079-.17-.144-.352-.222-.534a30.53 30.53 0 0 0-.676-1.484c3.774-1.536 5.492-3.748 5.713-4.035zM12 1.771c2.603 0 4.985.975 6.794 2.576c-.182.26-1.731 2.33-5.375 3.696c-1.68-3.084-3.54-5.61-3.827-6A10.424 10.424 0 0 1 12 1.77zm-4.36.962c.273.365 2.095 2.903 3.8 5.922c-4.79 1.276-9.02 1.25-9.475 1.25c.664-3.176 2.812-5.818 5.675-7.172zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458c.299.573.572 1.158.832 1.744c-.13.039-.273.078-.403.117c-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846zM12 22.256c-2.369 0-4.555-.807-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404c.026-.013.04-.013.065-.026c1.445 3.735 2.03 6.872 2.187 7.77c-1.237.534-2.59.82-4.009.82zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302c3.215-.507 6.026.326 6.378.443c-.443 2.85-2.083 5.31-4.386 6.859z'/></svg>"); }
#social-button .behance-icon i {
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M10.396 11.519h-.108l.24-.132a2.333 2.333 0 0 0 1.095-1.203a3.464 3.464 0 0 0 .145-1.697a2.815 2.815 0 0 0-1.732-2.297a4.728 4.728 0 0 0-1.925-.385H2v12.354h5.582a9.448 9.448 0 0 0 1.587-.132a3.465 3.465 0 0 0 2.659-1.973a3.741 3.741 0 0 0 .3-2.406a2.694 2.694 0 0 0-1.732-2.13zM4.9 7.959h2.406a4.67 4.67 0 0 1 1.203.156a1.035 1.035 0 0 1 .794.926a1.9 1.9 0 0 1 0 .746a.999.999 0 0 1-.517.65a2.478 2.478 0 0 1-1.203.264H4.875zm4.655 6.904a1.395 1.395 0 0 1-1.202 1.13a4.363 4.363 0 0 1-.794.085H4.875v-3.272h2.863a2.72 2.72 0 0 1 .902.156a1.311 1.311 0 0 1 .914 1.203a2.549 2.549 0 0 1 0 .698zm12.439-.806c.012-.024.012-.048-.024-.024v-1.335a4.379 4.379 0 0 0-.41-1.769a3.729 3.729 0 0 0-1.924-1.852a5.137 5.137 0 0 0-2.947-.289a3.886 3.886 0 0 0-3.212 2.815a6.7 6.7 0 0 0-.144 3.465a3.5 3.5 0 0 0 .866 1.732a4.523 4.523 0 0 0 2.069 1.203a5.45 5.45 0 0 0 2.321.12a4.006 4.006 0 0 0 2.515-1.323a3.165 3.165 0 0 0 .71-1.203a.523.523 0 0 0 .084-.349h-2.358a.12.12 0 0 0-.12.072a1.708 1.708 0 0 1-1.203.902a2.681 2.681 0 0 1-1.083 0a1.9 1.9 0 0 1-1.432-1.058a2.406 2.406 0 0 1-.204-.722v-.385zm-6.352-1.732a4.515 4.515 0 0 1 .193-.566a1.732 1.732 0 0 1 1.576-1.082a2.287 2.287 0 0 1 1.046.144a1.78 1.78 0 0 1 1.13 1.444v.252l-3.945.036a2.099 2.099 0 0 1 0-.228zm4.415-6.015h-5.004v1.444l5.004-.012z'/></svg>"); }
.blog-pager {
text-align: center;
font-size: 12px;
font-size: .75rem;
text-transform: uppercase; }
.blog-pager a.blog-pager-older-link, .blog-pager a.blog-pager-newer-link {
display: inline-block;
border-radius: 4px;
padding: 6px 12px;
-webkit-transition: all .2s;
transition: all .2s; }
.blog-pager a.blog-pager-older-link {
float: right; }
.blog-pager a.blog-pager-older-link::after {
content: "";
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.blog-pager a.blog-pager-newer-link {
float: left; }
.blog-pager a.blog-pager-newer-link::before {
content: "";
border-width: 0 0px 2px 2px;
display: inline-block;
padding: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.blog-pager::after {
content: "";
display: block;
clear: both; }
.blog-pager .js-load, .blog-pager .js-loading, .blog-pager .js-loaded {
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.blog-pager .js-loading::after {
content: "";
width: 10px;
height: 10px;
vertical-align: middle;
margin-left: 8px;
margin-left: .5rem;
margin-bottom: 3px;
border-radius: 100%;
display: inline-block;
border-top: 2px solid transparent;
-webkit-animation: load-animate infinite linear 1s;
animation: load-animate infinite linear 1s; }
@-webkit-keyframes load-animate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0.35; }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load-animate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0.35; }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* scroll to top */
#goTop {
position: fixed;
z-index: 8;
bottom: 30px;
right: -30px;
border: none;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 22px;
outline: none;
cursor: pointer;
padding: 18px 16px 14px; }
#goTop::after {
content: "";
display: block;
width: 6px;
height: 6px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#goTop.is-visible {
opacity: .9;
right: 36px; }
@media only screen and (max-width: 900px) {
#goTop.is-visible {
right: 30px; } }
@media only screen and (max-width: 480px) {
#goTop.is-visible {
right: 22px; } }
/* scroll to top end */
.tabbed-toc {
margin: 0 auto;
position: relative; }
.tabbed-toc .loading {
display: block;
padding: 2px 12px;
color: #eee; }
.tabbed-toc ul,
.tabbed-toc ol,
.tabbed-toc li {
margin: 0;
padding: 0;
list-style: none; }
.tabbed-toc .toc-tabs {
width: 20%;
float: left;
background: rgba(51, 51, 51, 0.03);
font-size: 12px;
font-size: .75rem; }
.tabbed-toc .toc-tabs li a {
display: block;
overflow: hidden;
text-transform: uppercase;
text-decoration: none;
padding: 12px; }
.tabbed-toc .toc-tabs li a:hover {
background-color: rgba(0, 0, 0, 0.05); }
.tabbed-toc .toc-tabs li a.active-tab {
background: rgba(0, 0, 0, 0.05);
position: relative;
z-index: 5; }
.tabbed-toc .toc-content,
.tabbed-toc .toc-line {
width: 80%;
float: right;
border-left: 5px solid rgba(0, 0, 0, 0.07);
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tabbed-toc .toc-line {
float: none;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0; }
.tabbed-toc .panel {
position: relative;
z-index: 5; }
.tabbed-toc .panel li a {
display: block;
position: relative;
padding: 8px 12px;
overflow: hidden; }
.tabbed-toc .panel li time {
display: block;
font-size: 12px;
font-size: .75rem; }
.tabbed-toc .panel li .summary {
display: block;
padding: 10px 12px 10px;
font-size: 13px; }
.tabbed-toc .panel li .summary img.thumbnail {
float: left;
display: block;
margin: 5px 8px 0 0;
width: 72px;
height: 72px;
background-color: #fafafa; }
.tabbed-toc .panel li {
background-color: rgba(0, 0, 0, 0.03); }
.tabbed-toc .panel li:nth-child(even) {
background-color: transparent; }
.tabbed-toc .panel li a:hover,
.tabbed-toc .panel li a:focus,
.tabbed-toc .panel li.bold a {
background-color: rgba(64, 64, 64, 0.1);
outline: none; }
@media (max-width: 700px) {
.tabbed-toc .toc-tabs,
.tabbed-toc .toc-content {
overflow: hidden;
width: auto;
float: none;
display: block;
border-bottom: 5px solid rgba(0, 0, 0, 0.07); }
.tabbed-toc .toc-tabs li {
float: left; }
.tabbed-toc .toc-content {
border-left: none; }
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {
display: none; } }
/* Share button */
#share-container {
margin: 20px auto 30px; }
#share-container::after {
content: "";
display: block;
clear: both; }
.share-title {
position: relative; }
.share-title::before {
content: "";
border-top: 4px dotted rgba(121, 128, 136, 0.24);
position: absolute;
top: 12px;
left: 0;
right: 0; }
.share-this-pleaseeeee {
font-weight: 700;
margin: 0 0 16px;
margin: 0 0 1rem;
display: inline-block;
position: relative;
padding-right: 7px; }
#share {
width: 100%;
text-align: center; }
#share a {
width: 25%;
height: 40px;
display: block;
font-size: 24px;
color: #fff;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
float: left; }
#share a:first-child {
border-radius: 4px 0 0 4px; }
#share a:last-child {
border-radius: 0 4px 4px 0; }
#share a:hover {
opacity: 0.8; }
#share a svg {
width: 24px;
height: 24px;
margin-top: 7px; }
#share a svg path {
fill: #ffffff; }
.facebook {
background: #3b5998; }
.twitter {
background: #55acee; }
.linkedin {
background: #0077b5; }
.pinterest {
background: #cb2027; }
.whatsapp {
background: #25d366; }
/* darkmode button style */
.darkmode-switch {
display: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 15px; }
.darkmode-switch .switch-title {
font-size: 10px;
font-size: 0.625rem;
margin-right: 4px;
text-transform: uppercase;
opacity: .7;
-webkit-transition: all .2s;
transition: all .2s; }
.darkmode-switch .switch-title::before {
content: "Dark Mode"; }
.darkmode-switch .switch {
position: relative;
display: inline-block;
width: 38px;
height: 20px;
vertical-align: middle;
opacity: .7;
-webkit-transition: all .2s;
transition: all .2s; }
.darkmode-switch .switch:hover {
opacity: 1; }
.darkmode-switch .switch input {
opacity: 0;
width: 0;
height: 0; }
.darkmode-switch .slider {
position: absolute;
cursor: pointer;
border-radius: 34px;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: .2s;
transition: .2s; }
.darkmode-switch .slider:before {
position: absolute;
content: "";
border-radius: 50%;
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
-webkit-transition: .2s;
transition: .2s; }
.darkmode-switch input:checked + .slider {
background-color: #428c2f;
border: 2px solid #ffffff; }
.darkmode-switch input:checked + .slider::before {
background: #fff; }
.darkmode-switch input:checked + .slider:before {
-webkit-transform: translateX(18px);
transform: translateX(18px); }
/* search form style */
.iconsearch-label {
cursor: pointer;
margin-left: 15px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 6px;
border-radius: 18px;
height: 25px;
width: 25px;
line-height: 25px;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.iconsearch-label svg {
width: 100%;
height: 100%;
vertical-align: middle; }
.iconsearch-label:hover {
background: rgba(0, 0, 0, 0.09); }
div#searchcontainer {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
display: block;
background: rgba(0, 0, 0, 0.85);
left: -100%;
top: 0;
padding-top: 50px;
opacity: 0;
cursor: pointer;
text-align: center;
-webkit-transform: scale(0.9) translate3d(0, -50px, 0);
transform: scale(0.9) translate3d(0, -50px, 0);
-webkit-transition: -webkit-transform .3s, opacity .3s, left 0s .3s;
-webkit-transition: opacity .3s, left 0s .3s, -webkit-transform .3s;
transition: opacity .3s, left 0s .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s, left 0s .3s;
transition: transform .3s, opacity .3s, left 0s .3s, -webkit-transform .3s; }
div#searchcontainer form {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
-webkit-transition: all .3s 0s;
transition: all .3s 0s; }
div#searchcontainer form input[type="text"] {
width: 90%;
top: 0;
left: 0;
z-index: 99;
padding: 10px;
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.38);
outline: none;
font-size: 28px;
font-size: 1.75rem;
background: transparent;
color: #fff;
text-align: center; }
div#searchcontainer form input::-webkit-input-placeholder {
color: #fff;
opacity: .5;
/* Firefox */ }
div#searchcontainer form input::-moz-placeholder {
color: #fff;
opacity: .5;
/* Firefox */ }
div#searchcontainer form input:-ms-input-placeholder {
color: #fff;
opacity: .5;
/* Firefox */ }
div#searchcontainer form input::-ms-input-placeholder {
color: #fff;
opacity: .5;
/* Firefox */ }
div#searchcontainer form input::placeholder {
color: #fff;
opacity: .5;
/* Firefox */ }
div#searchcontainer form input:-ms-input-placeholder {
/* IE 10-11 */
color: #fff;
opacity: .5; }
div#searchcontainer form input::-ms-input-placeholder {
/* Edge */
color: #fff;
opacity: .5; }
div#searchcontainer.opensearch {
left: 0;
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform .3s, opacity .3s, left 0s 0s;
-webkit-transition: opacity .3s, left 0s 0s, -webkit-transform .3s;
transition: opacity .3s, left 0s 0s, -webkit-transform .3s;
transition: transform .3s, opacity .3s, left 0s 0s;
transition: transform .3s, opacity .3s, left 0s 0s, -webkit-transform .3s; }
div#searchcontainer.opensearch form {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .3s .3s;
transition: all .3s .3s;
transition: all .3s .3s; }
/* search form style end */
/* BACA JUGA */
#baca-juga {
display: none; }
.post-body #baca-juga {
display: block; }
.post-body #baca-juga::before {
content: "";
display: block;
clear: both; }
.post-body ul .baca-juga-wrap,
.post-body ol .baca-juga-wrap,
.post-body blockquote .baca-juga-wrap,
.post-body table .baca-juga-wrap,
.post-body pre .baca-juga-wrap,
.post-body code .baca-juga-wrap {
display: none; }
.post-body .baca-juga-wrap {
text-align: left !important;
margin: 19.2px 32px;
margin: 1.2rem 2rem;
font-size: 14.4px;
font-size: .9rem;
background: rgba(38, 144, 80, 0.04);
border-left: 5px solid rgba(38, 144, 80, 0.08);
padding: 16px 16px 19.2px;
padding: 1rem 1rem 1.2rem; }
@media only screen and (max-width: 480px) {
.post-body .baca-juga-wrap {
margin: 1.2rem 0; } }
.post-body #baca-juga strong {
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
text-transform: uppercase;
margin-bottom: 9.6px;
margin-bottom: .6rem; }
.post-body #baca-juga a {
font-weight: bold;
text-decoration: none;
padding: 0; }
.post-body #baca-juga ul {
margin: 0 0 0 20px;
padding-left: 0; }
.post-body #baca-juga li {
padding: 0px;
margin: 0 0 9.6px;
margin: 0 0 .6rem; }
.post-body #baca-juga li:last-child {
margin: 0 0; }
.error-page {
text-align: center;
padding: 60px 0; }
.error-page h2 {
font-size: 112px;
font-size: 7rem;
margin: 0 0; }
@media only screen and (max-width: 480px) {
.error-page h2 {
font-size: 4rem; } }
.error-page p {
font-size: 32px;
font-size: 2rem;
margin: 0 auto 16px;
margin: 0 auto 1rem;
max-width: 400px; }
@media only screen and (max-width: 480px) {
.error-page p {
font-size: 1.25rem; } }
.post-filter-message {
text-align: center;
margin: 0 0 30px; }
.post-filter-message .post-filter-description .search-label,
.post-filter-message .post-filter-description .search-query {
font-weight: bold; }
.status-message-danger {
text-align: center;
margin: 0 0 30px; }
.status-message-danger p {
margin: 0 0 30px; }
#footer-outer #footer-content {
padding: 20px 36px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 14px;
font-size: 0.875rem; }
@media only screen and (max-width: 900px) {
#footer-outer #footer-content {
padding: 20px 30px; } }
@media only screen and (max-width: 480px) {
#footer-outer #footer-content {
padding: 20px 22px; } }
#footer-outer #footer-content .normalwidget-title, #footer-outer #footer-content .normalwidget-title::after, #footer-outer #footer-content h3.title {
display: none; }
#footer-outer #footer-content .PageList ul {
margin: 0 0 10px;
padding: 0; }
#footer-outer #footer-content .PageList ul li {
list-style-type: none;
display: inline-block;
margin-bottom: 10px; }
#footer-outer #footer-content .PageList ul li::after {
content: " - ";
margin: 0 5px; }
#footer-outer #footer-content .PageList ul li:last-child::after {
display: none; }
/* Tombol Download */
.buttonDownload {
margin: 16px 0;
margin: 1rem 0;
border-radius: 3px;
display: inline-block;
text-decoration: none !important;
position: relative;
padding: 10px 25px;
color: white !important;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-indent: 15px;
-webkit-transition: all 0.4s;
transition: all 0.4s; }
.buttonDownload:hover {
opacity: .85; }
.buttonDownload::before, .buttonDownload::after {
content: ' ';
display: block;
position: absolute;
left: 15px;
top: 52%; }
.buttonDownload::before {
width: 10px;
height: 2px;
border-style: solid;
border-width: 0 2px 2px; }
.buttonDownload::after {
width: 0;
height: 0;
margin-left: 3px;
margin-top: -7px;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: transparent;
border-top-color: inherit;
-webkit-animation: downloadArrow 2s linear infinite;
animation: downloadArrow 2s linear infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.buttonDownload:hover::after {
-webkit-animation-play-state: running;
animation-play-state: running; }
@-webkit-keyframes downloadArrow {
0% {
margin-top: -7px;
opacity: 1; }
0.001% {
margin-top: -15px;
opacity: 0; }
50% {
opacity: 1; }
100% {
margin-top: 0;
opacity: 0; } }
@keyframes downloadArrow {
0% {
margin-top: -7px;
opacity: 1; }
0.001% {
margin-top: -15px;
opacity: 0; }
50% {
opacity: 1; }
100% {
margin-top: 0;
opacity: 0; } }
#content-wrap-produk-index {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 900px;
min-width: 0;
margin: 0 auto;
padding: 36px 0; }
@media only screen and (max-width: 900px) {
#content-wrap-produk-index {
max-width: 100%;
padding: 30px 0; } }
@media only screen and (max-width: 480px) {
#content-wrap-produk-index {
padding: 22px 0; } }
#content-wrap-produk-index .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -18px; }
@media only screen and (max-width: 900px) {
#content-wrap-produk-index .content {
margin: 0 -15px; } }
@media only screen and (max-width: 480px) {
#content-wrap-produk-index .content {
margin: 0 -11px; } }
#content-wrap-produk-index .content .post-outer {
-webkit-box-flex: 1;
-ms-flex: 1 1 33.33333333333333%;
flex: 1 1 33.33333333333333%;
max-width: 33.33333333333333%;
min-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 18px 36px; }
@media only screen and (max-width: 700px) {
#content-wrap-produk-index .content .post-outer {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; } }
@media only screen and (max-width: 900px) {
#content-wrap-produk-index .content .post-outer {
padding: 0 15px 30px; } }
@media only screen and (max-width: 480px) {
#content-wrap-produk-index .content .post-outer {
padding: 0 11px 22px; } }
@media only screen and (max-width: 320px) {
#content-wrap-produk-index .content .post-outer {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; } }
#content-wrap-produk-index .content .post-outer .post-content {
background: rgba(153, 163, 173, 0.08);
height: 100%;
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border-radius: 4px;
overflow: hidden; }
#content-wrap-produk-index .content .post-outer .post-content .produk-status {
position: absolute;
font-weight: normal;
top: 4px;
left: 0px;
display: inline-block;
padding: 3px 8px;
background: #333;
color: #fff; }
#content-wrap-produk-index .content .post-outer .post-content:hover {
-webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.12); }
#content-wrap-produk-index .content .post-outer .img-thumbnail {
width: 100%;
position: relative; }
#content-wrap-produk-index .content .post-outer .img-thumbnail > a {
display: block; }
#content-wrap-produk-index .content .post-outer .img-thumbnail img {
width: 100%;
display: block; }
#content-wrap-produk-index .content .post-outer .post-title {
font-size: 16px;
font-size: 1rem;
padding: 15px 10px 10px;
font-weight: normal;
margin: 0;
text-align: center; }
#content-wrap-produk-index .content .post-outer .post-snippet {
height: 45px;
overflow: hidden;
padding: 0 10px 15px;
font-size: 11px;
font-size: 0.6875rem; }
#content-wrap-produk-index .content .post-outer b.harga-produk {
font-weight: normal;
font-size: 16px;
font-size: 1rem;
display: block;
height: 22px;
line-height: 22px;
text-align: center;
margin-bottom: 50px; }
#content-wrap-produk-index .content .post-outer b.harga-produk-coret {
font-weight: normal;
text-decoration: line-through;
display: block;
height: 22px;
line-height: 22px;
text-align: center;
font-size: 13px;
font-size: 0.8125rem;
color: #D0452F; }
#content-wrap-produk-index .content .post-outer b.info-produk {
position: absolute;
border-radius: 3px;
top: 0;
left: 0;
padding: 4px 8px 2px;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
font-weight: normal; }
#content-wrap-produk-index h1 {
text-align: center; }
#content-wrap-produk-index .blog-pager a.blog-pager-newer-link, #content-wrap-produk-index .blog-pager a.blog-pager-older-link {
float: none; }
#content-wrap .post-snippet b, #content-wrap .post-snippet strong, #content-wrap .post-snippet i, #content-wrap .post-snippet em, #content-wrap .post-snippet strike, #content-wrap .post-snippet u, #content-wrap .post-snippet s, #content-wrap .post-snippet del {
font-weight: normal;
font-style: normal;
text-decoration: none; }
#content-wrap .post-snippet b.info-produk {
display: none; }
#content-wrap .post-snippet b.harga-produk-coret, #content-wrap .post-snippet b.harga-produk {
display: block; }
#content-wrap .post-snippet b.harga-produk-coret {
color: #D0452F;
text-decoration: line-through;
font-size: 13px;
font-size: .8125rem; }
#content-wrap .post-snippet b.harga-produk {
margin-bottom: 13px; }
.content-single-produk .breadcrumbs {
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-width: 0; }
.content-single-produk .post-outer-single {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
min-width: 0; }
.content-single-produk .post-outer-single .post-content {
border-bottom: none !important;
padding: 0 !important; }
.content-single-produk .post-outer-single .produk-container {
position: relative;
max-width: 550px;
margin: 0 auto; }
.content-single-produk .post-outer-single .produk-container h1.post-title {
margin: 0 0 22px;
margin: 0 0 1.375rem;
text-align: center;
font-size: 32px;
font-size: 2rem; }
@media only screen and (max-width: 600px) {
.content-single-produk .post-outer-single .produk-container h1.post-title {
text-align: center; } }
.content-single-produk .post-outer-single .produk-container .gambar-produk {
position: relative;
text-align: center;
margin: 0 -32px 32px;
margin: 0 -2rem 2rem;
border-radius: 4px;
overflow: hidden; }
@media only screen and (max-width: 600px) {
.content-single-produk .post-outer-single .produk-container .gambar-produk {
position: relative;
margin: 0 0 36px; } }
.content-single-produk .post-outer-single .produk-container .gambar-produk img {
width: 100%;
display: block; }
.content-single-produk .post-outer-single .produk-container .gambar-produk .gambar-slider {
max-width: 100%; }
.content-single-produk .post-outer-single .produk-container .gambar-produk .gambar-slider img {
width: 100%; }
.content-single-produk .post-outer-single .produk-container .gambar-produk button {
position: absolute;
outline: none;
cursor: pointer;
background: transparent;
border: none;
display: block;
top: calc(50% - 18px);
padding: 10px; }
.content-single-produk .post-outer-single .produk-container .gambar-produk button.next {
right: 14px; }
.content-single-produk .post-outer-single .produk-container .gambar-produk button.prev {
left: 14px; }
.content-single-produk .post-outer-single .produk-container .gambar-produk button.next::after, .content-single-produk .post-outer-single .produk-container .gambar-produk button.prev::after {
content: "";
display: block;
width: 14px;
height: 14px;
border-bottom: 2px solid rgba(255, 255, 255, 0.6); }
.content-single-produk .post-outer-single .produk-container .gambar-produk button.next::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-right: 2px solid rgba(255, 255, 255, 0.6); }
.content-single-produk .post-outer-single .produk-container .gambar-produk button.prev::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-left: 2px solid rgba(255, 255, 255, 0.6); }
.content-single-produk .post-outer-single .produk-container .keterangan-produk {
color: inherit;
background: rgba(234, 202, 83, 0.12);
padding: 15px 15px;
border: 4px dashed rgba(234, 202, 83, 0.32);
border-radius: 8px; }
.content-single-produk .post-outer-single .produk-container .keterangan-produk b.harga-produk-coret {
text-align: center;
text-decoration: line-through;
display: block;
color: #C54816;
font-weight: normal; }
.content-single-produk .post-outer-single .produk-container .keterangan-produk b.harga-produk {
text-align: center;
font-size: 28px;
font-size: 1.75rem;
display: block;
font-weight: normal; }
.content-single-produk .post-outer-single .produk-container .keterangan-produk b.info-produk {
text-align: center;
display: block;
color: #2f7418;
font-weight: normal; }
.content-single-produk .post-outer-single .produk-container .produk-deskripsi {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 32px;
margin-top: 2rem; }
#content-wrap-produk-index .banner-produk .normalwidget-title,
#content-wrap-produk-index .banner-jasa .normalwidget-title,
#content-wrap-produk-index .html-produk .normalwidget-title,
#content-wrap-produk-index .html-jasa .normalwidget-title {
display: none;
visibility: hidden;
height: 0;
opacity: 0; }
#content-wrap-produk-index .banner-produk .widget-content,
#content-wrap-produk-index .banner-jasa .widget-content,
#content-wrap-produk-index .html-produk .widget-content,
#content-wrap-produk-index .html-jasa .widget-content {
text-align: center;
margin: 0 36px 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: auto; }
@media only screen and (max-width: 900px) {
#content-wrap-produk-index .banner-produk .widget-content,
#content-wrap-produk-index .banner-jasa .widget-content,
#content-wrap-produk-index .html-produk .widget-content,
#content-wrap-produk-index .html-jasa .widget-content {
margin: 0 30px 30px; } }
@media only screen and (max-width: 480px) {
#content-wrap-produk-index .banner-produk .widget-content,
#content-wrap-produk-index .banner-jasa .widget-content,
#content-wrap-produk-index .html-produk .widget-content,
#content-wrap-produk-index .html-jasa .widget-content {
margin: 0 22px 22px; } }
#content-wrap-produk-index #banner-produk .widget-content a,
#content-wrap-produk-index #banner-jasa .widget-content a {
display: block; }
#content-wrap-produk-index #banner-produk .widget-content img,
#content-wrap-produk-index #banner-jasa .widget-content img {
width: 100%;
display: block;
border-radius: 4px; }
#content-wrap-produk-index #banner-produk .widget-content br,
#content-wrap-produk-index #banner-jasa .widget-content br {
display: none; }
#content-wrap-produk-index #banner-produk .widget-content .caption,
#content-wrap-produk-index #banner-jasa .widget-content .caption {
text-align: center;
display: block;
padding: 15px; }
.order-produk {
text-align: center;
display: block; }
.order-produk a, .order-produk a:visited {
-webkit-transition: all .2s;
transition: all .2s;
display: inline-block;
text-align: center;
background: #4c8e1a;
padding: 10px 30px;
color: #fff !important;
margin: 32px auto;
margin: 2rem auto;
border-radius: 4px;
-webkit-box-shadow: 0 0 0 6px rgba(95, 95, 95, 0.1);
box-shadow: 0 0 0 6px rgba(95, 95, 95, 0.1);
font-size: 22px;
font-size: 1.375rem;
text-transform: uppercase;
text-decoration: none !important;
font-weight: bold; }
.order-produk a:hover {
background-color: #336909; }
.order-wa a {
background-color: #4c8e1a;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB8AAAAfABTP6PgwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAM+SURBVEiJrZdbiFVlFMd/3zFs9NC9oYzIMtOGmQeTJDICqZcuD0UvRYFBglAvEfTQQ1ER2UMPUVFgZleIItKii1IKgdHFkCx9KKHJicJqsOziaObMr4fzHVzzzZ4z+5xaL/vs//qv9V/72+tb+zuJmqYuA64ClgOLgH5gDrAf+AXYDmwD3kwp/V4373RiSb1F3WF9+0tdp87vlDt1EB0A1gKXB/gosBP4FPgp3zeBhcClwLmBewh4GHgkpTRR90mvUf8ITzGs3qmeOEPcUvVZ9UiIfV89pY7ozerRHHRYvUc9rlbFx3IMFK/nc/XkTgFXhmpH1cu6ESxyzVVfDeJb1VlVxNPUHzPpgHpRr6IhZ1JfCOL3V5GeDIQbCt8y9UH12h7EZ6sfh1e3IDrPzqDqa0XgoDqWfb+pzR7Eh8IrfCk61mRwXF1YBG1xsq3qVjjneS7Hj6kntcHdGXyvIPeFlWjbth6FL55UvHpOAFYX5KZTbVSddvDMIN5u3ucbwIXB91kkppQOAl8HaBxYmVKyF2FasxxgSQM4Lzi+ryCvD7+/TClt6lEUYCRf5zeAucFRNVOfDgUtVa/7D8K/5muzARwMjilLmFIaA24LvnVl53dh7a14uBGqADijip1S2go8lm/7gS3qYOTYmnw3qbM7CJ+Vr6NlV984XYQ6S90QuAfU2zPeVD/J+HfqSivmsrozcza2gR8y8HKHalHnqG8U2+sbqw8KHxaxF6gT2Xd3G1ybgTH19BnEG7Ym3XiFWLSPirg1wbegDQ6Eah7tJBwSDalvh7ho/xi6X52n/pl9m8tE72TH33bRter56kN5ufepb6mXFJxXQlHLywT3hmr76wrXKOyuIPpiFeGL7PzgfxS9w2PHqGHLM5u6OFRVfijm9SDYdPLBYp+6qIp4X1jmM9Ur1CfUkdw8G9QlNQT71NXq3iC6Vx0quSkH7AKGaJ2FDwGnTpP7K2ATsAsYBo4H+oDFtM7VVwNxOd8Fbk0p7a+qcnDKZmjZqLpefcbWv4NubLd6/UzL80AIGFEfV1cYRp56grpK3az+XCE0oe5Rn1JXdBTMltTXgT3ARmBHnY+8rYZrD/wjwLf5K1bb/gWmMra2uud+NQAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-position: 15px 11px;
padding: 10px 20px 10px 55px; }

--></style>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script type="text/javascript" language="javascript">
  // Supply ads personalization default for EEA readers
  // See https://www.blogger.com/go/adspersonalization
  adsbygoogle = window.adsbygoogle || [];
  if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
    adsbygoogle.requestNonPersonalizedAds = 1;
  }
</script>


</head>
<body class='is-homepage'>
<script>
(localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('body').classList.add('darkmode') : document.querySelector('body').classList.remove('darkmode')
</script>
<div class='template-settings section' id='template-settings'><div class='widget HTML' data-version='2' id='HTML70'>
</div></div>
<div class='custom-css section' id='custom-css'><div class='widget HTML' data-version='2' id='HTML82'>
</div></div>
<a class='skip-to-content-link skip-to-link' href='#main-content'>

        Lompat ke konten
        
</a>
<a class='skip-to-sidebar-link skip-to-link' href='#sidebar-wrap'>

        Lompat ke sidebar
        
</a>
<a class='skip-to-footer-link skip-to-link' href='#footer-outer'>

        Lompat ke footer
        
</a>
<header id='header-outer'>
<div id='header-wrap'>
<div id='header-content'>
<div class='header no-items section' id='header'>
</div>
<div class='social-button section' id='social-button'><div class='widget HTML' data-version='2' id='HTML71'>
<div class='widget-content'>
<a aria-label="facebook" href="https://www.facebook.com/utoeh.com/"><span class="social-icon facebook-icon"><i></i></span></a>

<a aria-label="instagram" href="https://www.instagram.com/utoehcom/"><span class="social-icon instagram-icon"><i></i></span></a>

<a aria-label="Ikuti" href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=6145990154478373704"><span class="social-icon rss-icon"><i></i></span></a>
</div>
</div></div>
</div>
</div>
<div id='navmenu-wrap'>
<div id='searchcontainer'>
<form action='https://www.utoeh.com/search' id='search'>
<input aria-label='Cari blog ini' autocomplete='off' id='search-terms' name='q' placeholder='Cari blog ini' tabindex='-1' type='text' value=''/>
</form>
</div>
<div id='navmenu-wrap-sticky'>
<div class='menu-sticky'>
<div class='nav-outer nav-copy'>
</div>
</div>
</div>
<div class='navmenu section' id='navmenu'><div class='widget HTML' data-version='2' id='HTML72'>
<div class='nav-outer nav-original'>
<nav class='navmenu-content'>
<ul>
<li><a href='https://www.utoeh.com/'>Beranda</a></li>
<li class="has-sub"><a href="#">KULIAH</a>
  <ul>
    <li><a href="https://www.utoeh.com/search/label/teknik%20sipil?&max-results=8">Teknik Sipil</a></li>
    <li><a href="https://www.utoeh.com/p/arsitek.html">Arsitek</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">SOFWARE</a>
  <ul>
    <li><a href="https://www.utoeh.com/p/autocad.html">AutoCAD</a></li>
    <li><a href="https://www.utoeh.com/p/lumion.html">LUMION</a></li>
    <li><a href="https://www.utoeh.com/p/excel.html">Excel</a></li>
    <li><a href="https://www.utoeh.com/search/label/sap?&max-results=6">SAP 2000</a></li>
    <li><a href="#">MS Project</a></li>
  </ul>
</li>
<li class="has-sub"><a href="#">JASA SIPIL</a>
  <ul>
    <li><a href="#">GAMBAR</a></li>
    <li><a href="#">RAB</a></li>
    <li><a href="#">HITUNGAN STRUKTUR</a></li>
    <li><a href="#">PENJADWALAN</a></li>
  </ul>
</li>
<li><a href="https://store.utoeh.com/">STORE</a></li>
</ul>
</nav>
<div class='nav-secondary'>
<label class='iconsearch-label' for='search-terms'>
<svg viewBox='0 0 24 24'>
<path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'></path>
</svg>
</label>
<div class='darkmode-switch'>
<span class='switch-title'></span>
<label class='switch'>
<input aria-label='checkbox' class='checkbox' onclick='darkMode()' type='checkbox'/>
<span class='slider'></span>
</label>
</div>
</div>
<button aria-label='menu' class='navmenu-button'>
<div></div>
<div></div>
<div></div>
</button>
</div>
<div id='navmenu-sidebar'>
<div id='navmenu-sidebar-closebtn'><div class='closebtn'>&#10005;</div><div class='closebtn-title'>Tutup</div></div>
<div id='navmenu-sidebar-body'></div>
</div>
<div id='navmenu-overlay'></div>
</div></div>
</div>
</header>
<main id='wrapper'>
<section id='content-wrap'>
<div class='top-widget section' id='top-widget'><div class='widget HTML' data-version='2' id='HTML73'>
</div></div>
<div class='top-widget2 section' id='top-widget2'><div class='widget HTML' data-version='2' id='HTML421'>
</div></div>
<div class='main-content section' id='main-content'><div class='widget FeaturedPost' data-version='2' id='FeaturedPost1'>
<div class='featured-outer'>
<h2 class='title'>Featured Post</h2>
<div class='post-summary'>
<div class='featured-img'>
<div class='featured-img-bg'>
<a href='https://www.utoeh.com/2025/05/perbedaan-pondasi-cakar-ayam-dan.html'>
<img alt='PERBEDAAN PONDASI CAKAR AYAM DAN FOOTPLATE' class='image lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w400-h400-p-k-no-nu/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20&#39;footplate%20foundation&#39;%20or%20&#39;spread%20footing&#39;%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp' height='400' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' srcset='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w400-h400-p-k-no-nu/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20&#39;footplate%20foundation&#39;%20or%20&#39;spread%20footing&#39;%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp 1x, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w800-h800-p-k-no-nu/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20&#39;footplate%20foundation&#39;%20or%20&#39;spread%20footing&#39;%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp 2x' width='400'/>
<div class='lazy-loading'></div>
</a>
</div>
</div>
<div class='featured-info'>
<h2>
<a href='https://www.utoeh.com/2025/05/perbedaan-pondasi-cakar-ayam-dan.html'>
PERBEDAAN PONDASI CAKAR AYAM DAN FOOTPLATE
</a>
</h2>
<p class='featured-desc'>
Pada kesempatan ini utoeh.com akan membahas tentang perbedaan pondasi cakar ayam dan podasi footplate. Semoga dapat be&#8230;
</p>
<p class='featured-more'><a href='https://www.utoeh.com/2025/05/perbedaan-pondasi-cakar-ayam-dan.html'>Baca selengkapnya
<span class='screen-reader-text'>PERBEDAAN PONDASI CAKAR AYAM DAN FOOTPLATE</span></a></p>
</div>
</div>
</div>
</div><div class='widget Blog' data-version='2' id='Blog1'>
<div class='latestposts-title'>
<h2>Postingan Terbaru</h2>
</div>
<div class='content'>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2025/03/mengenal-dinding-geser-shear-walls.html"
  },
  "headline": "Mengenal Dinding Geser (Shear Walls)","description": "&#160;Mengenal finding geser / Shear Walls - Saat mendengar dinding geser apa yang terbayang pertama kali dalam pikiran anda ? Apakah dinding yan...","datePublished": "2025-03-23T07:22:00-07:00",
  "dateModified": "2025-03-23T07:22:34-07:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEkok7MZqiG4Y7lIc1D3QeVUdVYPmoTb-WEAoOlLsvWTg5OiiRlV9oIzZ5wkpb5zaLeBhvHp1EJ2lrcM08C2BoRTMcVa-LeGdPbOnDrjn1n_fo63mpTMSfGWZBd0MY4maWHx3dsQj-dCRxuTTS3cbfdDbovd01FSwRQY7gJw1ju91we5y-dgiXAY6zlQ/w1200-h630-p-k-no-nu/shear%20wall%20atau%20dinding%20geser.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2025/03/mengenal-dinding-geser-shear-walls.html'>
<img alt='Mengenal Dinding Geser (Shear Walls)' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEkok7MZqiG4Y7lIc1D3QeVUdVYPmoTb-WEAoOlLsvWTg5OiiRlV9oIzZ5wkpb5zaLeBhvHp1EJ2lrcM08C2BoRTMcVa-LeGdPbOnDrjn1n_fo63mpTMSfGWZBd0MY4maWHx3dsQj-dCRxuTTS3cbfdDbovd01FSwRQY7gJw1ju91we5y-dgiXAY6zlQ/w400-h225-p-k-no-nu/shear%20wall%20atau%20dinding%20geser.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='Mengenal Dinding Geser (Shear Walls)' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/dinding%20geser?&max-results=8' rel='tag'>dinding geser</a>
<a href='https://www.utoeh.com/search/label/shear%20wall?&max-results=8' rel='tag'>shear wall</a>
<a href='https://www.utoeh.com/search/label/struktur?&max-results=8' rel='tag'>struktur</a>
<a href='https://www.utoeh.com/search/label/teknik%20sipil?&max-results=8' rel='tag'>teknik sipil</a>
<a href='https://www.utoeh.com/search/label/umum?&max-results=8' rel='tag'>umum</a>
<a href='https://www.utoeh.com/search/label/utoeh?&max-results=8' rel='tag'>utoeh</a>
<a href='https://www.utoeh.com/search/label/utoeh%20store?&max-results=8' rel='tag'>utoeh store</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='832045687843631682'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2025/03/mengenal-dinding-geser-shear-walls.html'>Mengenal Dinding Geser (Shear Walls)</a>
</h2>
<div class='post-info'>
<time datetime='2025-03-23T07:22:00-07:00' title='2025-03-23T07:22:00-07:00'>
Maret 23, 2025
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2025/03/mengenal-dinding-geser-shear-walls.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-832045687843631682'>
Mengenal finding geser / Shear Walls - Saat mendengar dinding geser apa yang terbayang pertama kal&#8230;
<a class='read-more-link' href='https://www.utoeh.com/2025/03/mengenal-dinding-geser-shear-walls.html' title='Mengenal Dinding Geser (Shear Walls)'>
Baca selengkapnya
<span class='screen-reader-text'>Mengenal Dinding Geser (Shear Walls)</span>
</a>
</div>
</div>
</div>
</article>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html"
  },
  "headline": "BENTUK ATAP ADA APA SAJA ?","description": "&#160;Jenis atap - Pada kesempatan ini kami akan memberikan informasi mengenai jenis atau bentuk atap yang mungkin familiar dengan sobat sekalian...","datePublished": "2024-12-11T19:20:00-08:00",
  "dateModified": "2024-12-11T19:20:50-08:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadrry36n5NnRpltw-EUNYjPksmQWvkDFshx7Eu9urVP88foIAND-RL26TphkZSPw6-R77j1EOMz9aXchdoaJfS3PBOe7CQujtJymXNLibN4yDPSfPQ_yKqn4_tzM9TS2BoDCzh3Qv7jqb5_hfOHipoxVpNAK10RajldwNWDOD29mF5CvuCZqBEcMepq0/w1200-h630-p-k-no-nu/Jenis%20atap%20atau%20bentuk%20atap.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html'>
<img alt='BENTUK ATAP ADA APA SAJA ?' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadrry36n5NnRpltw-EUNYjPksmQWvkDFshx7Eu9urVP88foIAND-RL26TphkZSPw6-R77j1EOMz9aXchdoaJfS3PBOe7CQujtJymXNLibN4yDPSfPQ_yKqn4_tzM9TS2BoDCzh3Qv7jqb5_hfOHipoxVpNAK10RajldwNWDOD29mF5CvuCZqBEcMepq0/w400-h225-p-k-no-nu/Jenis%20atap%20atau%20bentuk%20atap.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='BENTUK ATAP ADA APA SAJA ?' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/Atap%20Datar?&max-results=8' rel='tag'>Atap Datar</a>
<a href='https://www.utoeh.com/search/label/Atap%20Gambrel?&max-results=8' rel='tag'>Atap Gambrel</a>
<a href='https://www.utoeh.com/search/label/Atap%20Gergaji?&max-results=8' rel='tag'>Atap Gergaji</a>
<a href='https://www.utoeh.com/search/label/Atap%20Kombinasi?&max-results=8' rel='tag'>Atap Kombinasi</a>
<a href='https://www.utoeh.com/search/label/Atap%20Lengkung?&max-results=8' rel='tag'>Atap Lengkung</a>
<a href='https://www.utoeh.com/search/label/Atap%20Limas?&max-results=8' rel='tag'>Atap Limas</a>
<a href='https://www.utoeh.com/search/label/Atap%20Mansard?&max-results=8' rel='tag'>Atap Mansard</a>
<a href='https://www.utoeh.com/search/label/Atap%20Monitor?&max-results=8' rel='tag'>Atap Monitor</a>
<a href='https://www.utoeh.com/search/label/Atap%20Pelana?&max-results=8' rel='tag'>Atap Pelana</a>
<a href='https://www.utoeh.com/search/label/Atap%20Perisai?&max-results=8' rel='tag'>Atap Perisai</a>
<a href='https://www.utoeh.com/search/label/Atap%20Shed?&max-results=8' rel='tag'>Atap Shed</a>
<a href='https://www.utoeh.com/search/label/Atap%20Tenda?&max-results=8' rel='tag'>Atap Tenda</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='3567015922205599247'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html'>BENTUK ATAP ADA APA SAJA ?</a>
</h2>
<div class='post-info'>
<time datetime='2024-12-11T19:20:00-08:00' title='2024-12-11T19:20:00-08:00'>
Desember 11, 2024
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-3567015922205599247'>
Jenis atap - Pada kesempatan ini kami akan memberikan informasi mengenai jenis atau bentuk atap ya&#8230;
<a class='read-more-link' href='https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html' title='BENTUK ATAP ADA APA SAJA ?'>
Baca selengkapnya
<span class='screen-reader-text'>BENTUK ATAP ADA APA SAJA ?</span>
</a>
</div>
</div>
</div>
</article>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html"
  },
  "headline": "TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA","description": "UTOEH - Pada kesempatan ini tim utoeh akan membahas salah satu keilmuan Teknik Sipil yang harus diketahui oleh masyarakat sipil. Ilustrasi |...","datePublished": "2024-10-31T01:31:00-07:00",
  "dateModified": "2024-10-31T01:31:28-07:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrSdlH-wkptVGTA__gPBp3MFAx4RjFOjoGZBsjIKdg8T03AkQZ8it9HvIXKzaOR-cWow5MLcU5dZTl4Ln90c1631cHVyD7rYXoHiScrm_5DT4hyphenhypheng2yOnzxvBCje8b-m2_i363edmX3HUtkJYiC1Xn8pdtP0f9MJkB35ql1y92IoATIjUZWkbmA4ilQ88/w1200-h630-p-k-no-nu/Teknik%20Mitigasi.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html'>
<img alt='TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrSdlH-wkptVGTA__gPBp3MFAx4RjFOjoGZBsjIKdg8T03AkQZ8it9HvIXKzaOR-cWow5MLcU5dZTl4Ln90c1631cHVyD7rYXoHiScrm_5DT4hyphenhypheng2yOnzxvBCje8b-m2_i363edmX3HUtkJYiC1Xn8pdtP0f9MJkB35ql1y92IoATIjUZWkbmA4ilQ88/w400-h225-p-k-no-nu/Teknik%20Mitigasi.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/jalur%20evakuasi?&max-results=8' rel='tag'>jalur evakuasi</a>
<a href='https://www.utoeh.com/search/label/mitigasi%20bencana?&max-results=8' rel='tag'>mitigasi bencana</a>
<a href='https://www.utoeh.com/search/label/perencanaan%20kota?&max-results=8' rel='tag'>perencanaan kota</a>
<a href='https://www.utoeh.com/search/label/Teknik%20Mitigasi?&max-results=8' rel='tag'>Teknik Mitigasi</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='4701403208849864776'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html'>TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA</a>
</h2>
<div class='post-info'>
<time datetime='2024-10-31T01:31:00-07:00' title='2024-10-31T01:31:00-07:00'>
Oktober 31, 2024
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-4701403208849864776'>
UTOEH - Pada kesempatan ini tim utoeh akan membahas salah satu keilmuan Teknik Sipil yang harus dik&#8230;
<a class='read-more-link' href='https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html' title='TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA'>
Baca selengkapnya
<span class='screen-reader-text'>TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA</span>
</a>
</div>
</div>
</div>
</article>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html"
  },
  "headline": "PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG","description": "Perbedaan tanah liat dan tanah lempung- Pada kesempatan ini kami akan memberikan sebuah postingan yang memuat tentang pengertian, fungsi dan...","datePublished": "2024-03-26T21:55:00-07:00",
  "dateModified": "2024-03-26T21:55:07-07:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDm1bQLpnE2evP_AyHLdeUNI3C7YYBAX-0Rg_FzOlv5Df0P69Fl993ESXhbDRn_GqhftMI_ohYM9Wag-YlSknhXSn_O5pjGEsaXIp6gE5fSpsvg0muSFg9x_sUfcMDvxo_9s3HfeJm24WZReB02-dLJB6zO2n0ZlOH7XnY1Iuef3hWYzZ3RcX5wMOgDA/w1200-h630-p-k-no-nu/ini%20perbedaan%20tanah%20liat%20dan%20tanah%20lempung.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html'>
<img alt='PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDm1bQLpnE2evP_AyHLdeUNI3C7YYBAX-0Rg_FzOlv5Df0P69Fl993ESXhbDRn_GqhftMI_ohYM9Wag-YlSknhXSn_O5pjGEsaXIp6gE5fSpsvg0muSFg9x_sUfcMDvxo_9s3HfeJm24WZReB02-dLJB6zO2n0ZlOH7XnY1Iuef3hWYzZ3RcX5wMOgDA/w400-h225-p-k-no-nu/ini%20perbedaan%20tanah%20liat%20dan%20tanah%20lempung.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/Geoteknik?&max-results=8' rel='tag'>Geoteknik</a>
<a href='https://www.utoeh.com/search/label/konstruksi?&max-results=8' rel='tag'>konstruksi</a>
<a href='https://www.utoeh.com/search/label/Tanah%20Lempung?&max-results=8' rel='tag'>Tanah Lempung</a>
<a href='https://www.utoeh.com/search/label/Tanah%20Liat?&max-results=8' rel='tag'>Tanah Liat</a>
<a href='https://www.utoeh.com/search/label/teknik%20sipil?&max-results=8' rel='tag'>teknik sipil</a>
<a href='https://www.utoeh.com/search/label/utoeh?&max-results=8' rel='tag'>utoeh</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='547127698355003360'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html'>PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG</a>
</h2>
<div class='post-info'>
<time datetime='2024-03-26T21:55:00-07:00' title='2024-03-26T21:55:00-07:00'>
Maret 26, 2024
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-547127698355003360'>
Perbedaan tanah liat dan tanah lempung- Pada kesempatan ini kami akan memberikan sebuah postingan y&#8230;
<a class='read-more-link' href='https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html' title='PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG'>
Baca selengkapnya
<span class='screen-reader-text'>PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG</span>
</a>
</div>
</div>
</div>
</article>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html"
  },
  "headline": "PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH","description": "PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH - Pada kesempatan ini kami akan memberikan sedikit informasi mengenai fungsi dari Co...","datePublished": "2023-12-09T18:00:00-08:00",
  "dateModified": "2023-12-09T18:00:00-08:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5xXbFnlIxEZldHKQ6IbZRhWt6JJN-_OMTsrFEX4n_E1twJk6Jl4mWDJp_cNxnz4HilCLf2RciSeCrYA-RtQncsMNMgGtV9ar7Zr-PupVsaqQ7osVNDlc4fvWRDVXxrRVRiuspmYp8KIk8cyyYK6H63f8XueKQBID9tcWaZuUyh2LJVqIogmw8VdrD0/w1200-h630-p-k-no-nu/perintah%20autocad%20yang%20sering%20digunakan.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html'>
<img alt='PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5xXbFnlIxEZldHKQ6IbZRhWt6JJN-_OMTsrFEX4n_E1twJk6Jl4mWDJp_cNxnz4HilCLf2RciSeCrYA-RtQncsMNMgGtV9ar7Zr-PupVsaqQ7osVNDlc4fvWRDVXxrRVRiuspmYp8KIk8cyyYK6H63f8XueKQBID9tcWaZuUyh2LJVqIogmw8VdrD0/w400-h225-p-k-no-nu/perintah%20autocad%20yang%20sering%20digunakan.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/AutoCad%202007?&max-results=8' rel='tag'>AutoCad 2007</a>
<a href='https://www.utoeh.com/search/label/Perintah%20AutoCad?&max-results=8' rel='tag'>Perintah AutoCad</a>
<a href='https://www.utoeh.com/search/label/TUTORIAL?&max-results=8' rel='tag'>TUTORIAL</a>
<a href='https://www.utoeh.com/search/label/utoeh?&max-results=8' rel='tag'>utoeh</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='7036356904168600300'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html'>PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH</a>
</h2>
<div class='post-info'>
<time datetime='2023-12-09T18:00:00-08:00' title='2023-12-09T18:00:00-08:00'>
Desember 09, 2023
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-7036356904168600300'>
PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH - Pada kesempatan ini kami akan memberikan &#8230;
<a class='read-more-link' href='https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html' title='PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH'>
Baca selengkapnya
<span class='screen-reader-text'>PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH</span>
</a>
</div>
</div>
</div>
</article>
<article class='post-outer'>
<div class='post-content'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.utoeh.com/2023/11/elemen-utama-konstruksi-bangunan.html"
  },
  "headline": "ELEMEN UTAMA KONSTRUKSI BANGUNAN","description": "Apa saja elemen struktur bangunan ? Konstruksi Bangunan | Husaini, S.T Pada kesempatan ini kita akan memberikan sepintas mengenai elemen yan...","datePublished": "2023-11-22T01:34:00-08:00",
  "dateModified": "2023-11-22T01:41:15-08:00","image": {
    "@type": "ImageObject","url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_iT5nFPcMXYw5AQ5qjREHiBAUrk0xNw52AmQ3xKcpR3jvtKGxEDXl8Lc-bVySVMhnVf0ysMRNQUDLnduHsZP1yf2uLG8uxhRmr-GfxoUxr-wRymR8mkYlX3BA5eKHwc_Sv3N8NxarXFi7AyHPDTWP_GUY0rgWdherjTiC0aCGurfO0IeSGYtAHuaQwo/w1200-h630-p-k-no-nu/elemen-utama-pada-konstruksi-gedung.webp",
    "height": 630,
    "width": 1200},"publisher": {
    "@type": "Organization",
    "name": "Blogger",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
      "width": 206,
      "height": 60
    }
  },"author": {
    "@type": "Person",
    "name": "MANTAN ANAK KOMUNIKASI"
  }
}</script>
<div class='img-thumbnail'>
<a href='https://www.utoeh.com/2023/11/elemen-utama-konstruksi-bangunan.html'>
<img alt='ELEMEN UTAMA KONSTRUKSI BANGUNAN' class='lazyload' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_iT5nFPcMXYw5AQ5qjREHiBAUrk0xNw52AmQ3xKcpR3jvtKGxEDXl8Lc-bVySVMhnVf0ysMRNQUDLnduHsZP1yf2uLG8uxhRmr-GfxoUxr-wRymR8mkYlX3BA5eKHwc_Sv3N8NxarXFi7AyHPDTWP_GUY0rgWdherjTiC0aCGurfO0IeSGYtAHuaQwo/w400-h225-p-k-no-nu/elemen-utama-pada-konstruksi-gedung.webp' height='225' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' title='ELEMEN UTAMA KONSTRUKSI BANGUNAN' width='400'/>
<div class='lazy-loading'></div>
</a>
<div class='label-info'>
<a href='https://www.utoeh.com/search/label/arsitek?&max-results=8' rel='tag'>arsitek</a>
<a href='https://www.utoeh.com/search/label/bangunan?&max-results=8' rel='tag'>bangunan</a>
<a href='https://www.utoeh.com/search/label/teknik%20sipil?&max-results=8' rel='tag'>teknik sipil</a>
<a href='https://www.utoeh.com/search/label/utoeh?&max-results=8' rel='tag'>utoeh</a>
</div>
</div>
<div class='post-summary-wrap'>
<a name='920350154300880078'></a>
<h2 class='post-title entry-title'>
<a href='https://www.utoeh.com/2023/11/elemen-utama-konstruksi-bangunan.html'>ELEMEN UTAMA KONSTRUKSI BANGUNAN</a>
</h2>
<div class='post-info'>
<time datetime='2023-11-22T01:34:00-08:00' title='2023-11-22T01:34:00-08:00'>
November 22, 2023
</time>
<span class='comment-info'>
<a class='comment-link' href='https://www.utoeh.com/2023/11/elemen-utama-konstruksi-bangunan.html#comments'>
Posting Komentar
</a>
</span>
</div>
<div class='post-snippet' id='post-snippet-920350154300880078'>
Apa saja elemen struktur bangunan ? Konstruksi Bangunan | Husaini, S.T Pada kesempatan ini kita aka&#8230;
<a class='read-more-link' href='https://www.utoeh.com/2023/11/elemen-utama-konstruksi-bangunan.html' title='ELEMEN UTAMA KONSTRUKSI BANGUNAN'>
Baca selengkapnya
<span class='screen-reader-text'>ELEMEN UTAMA KONSTRUKSI BANGUNAN</span>
</a>
</div>
</div>
</div>
</article>
</div>
<div class='blog-pager container' id='blog-pager'>
<a class='blog-pager-older-link' href='https://www.utoeh.com/search?updated-max=2023-11-22T01:34:00-08:00&max-results=7' id='Blog1_blog-pager-older-link' title='Postingan Lama'>
Postingan Lama
</a>
</div>
</div></div>
<div class='iklan-infeed section' id='iklan-infeed'><div class='widget HTML' data-version='2' id='HTML83'>
<div class='widget-content kode-iklan-infeed'>
</div>
</div></div>
<script>//<![CDATA[
        function infeedAds(){var e,n,t,d,l,o={IklanInFeed:!0,lokasiIklanInFeed:3};optionLinkMagz(o),e=document.createElement("article"),n=document.createElement("div"),d=(t=document.querySelector(".content")).querySelectorAll(".post-outer")[o.lokasiIklanInFeed-1],l=document.querySelector("#iklan-infeed .widget-content"),e.setAttribute("class","post-outer infeedads"),n.setAttribute("class","post-content"),e.appendChild(n),1==o.IklanInFeed&&null!=l&&"\n"!=l.innerHTML&&(n.appendChild(l),t.insertBefore(e,d))}infeedAds();
        //]]>
        </script>
</section>
<aside id='sidebar-wrap'>
<div class='sidebar section' id='sidebar'><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
<div class='popular-post-widget-title'>
<h2 class='title'>LIST</h2>
</div>
<div class='widget-content'>
<div class='popular-posts-wrap'>
<div class='the-most-popular'>
<div class='popular-post-thumbnail'>
<a href='https://www.utoeh.com/2022/11/perbedaan-simbol-besi-ulir-dan-polos.html'>
<img alt='PERBEDAAN SIMBOL BESI ULIR DAN POLOS' class='lazyload blur-up' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHt9HG1C7mdw40be96pmxDNAfSq7LQRIxJhAmJj-kijNuYe0Qaiq3Pu7AtHeoRxz5e8x0sYlGGL1KPRncTPKBVW95D98TyPSYxXty2lg47TbM3-oGkqn6WqW0VEe6cZwkwuFyyV2A2Kcrccfj7R_I6UmRZ0YbcTG8-THhw4XFfxIVdQ5aDgTPfz9TR/w300-h168-p-k-no-nu/perbedaan-besi-polos-dan-ulir.webp' height='169' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' width='300'/>
</a>
</div>
<div class='popular-post-info info-has-thumbnail'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2022/11/perbedaan-simbol-besi-ulir-dan-polos.html'>
PERBEDAAN SIMBOL BESI ULIR DAN POLOS
</a>
</p>
<div class='popular-post-snippet'>
Besi polos dan besi ulir - Besi adalah material wajib yang &#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2022/12/donwload-contoh-detail-kuda-kuda.html'>
DONWLOAD CONTOH DETAIL KUDA-KUDA
</a>
</p>
<div class='popular-post-snippet'>
DONWLOAD CONTOH DETAIL KUDA-KUDA | Pada kesempatan ini kami&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2022/04/pondasi-tapak-dwg.html'>
PONDASI TAPAK DWG
</a>
</p>
<div class='popular-post-snippet'>
Pondasi tapak / footplate - Pondasi tapak ini sangat sering&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2024/03/perbedaan-tanah-liat-dan-tanah-lempung.html'>
PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG
</a>
</p>
<div class='popular-post-snippet'>
Perbedaan tanah liat dan tanah lempung- Pada kesempatan ini&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2022/06/perbedaan-tumpuan-dan-lapangan-ring.html'>
PERBEDAAN TUMPUAN DAN LAPANGAN RING BALOK
</a>
</p>
<div class='popular-post-snippet'>
Ring balok  (ringbal) merupakan sebuah struktur bangunan ya&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2022/10/tabel-sni-baja-tulangan-beton.html'>
TABEL SNI BAJA TULANGAN BETON
</a>
</p>
<div class='popular-post-snippet'>
TABEL SNI BAJA TULANGAN BETON - Pada kesempatan ini kami a&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2024/12/bentuk-atap-ada-apa-saja.html'>
BENTUK ATAP ADA APA SAJA ?
</a>
</p>
<div class='popular-post-snippet'>
Jenis atap - Pada kesempatan ini kami akan memberikan info&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2024/10/teknik-mitigasi-bencana-di-konstruksi.html'>
TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA
</a>
</p>
<div class='popular-post-snippet'>
UTOEH - Pada kesempatan ini tim utoeh akan membahas salah s&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2023/12/perintah-autocad-yang-sering-digunakan.html'>
PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH
</a>
</p>
<div class='popular-post-snippet'>
PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH - P&#8230;
</div>
</div>
</div>
<div class='popular-post-content'>
<div class='popular-post-info'>
<p class='popular-post-title'>
<a href='https://www.utoeh.com/2023/11/10-tipe-rumah-ideal-untuk-hidup-nyaman.html'>
10 Tipe Rumah Ideal untuk Hidup Nyaman di Era Modern
</a>
</p>
<div class='popular-post-snippet'>
5 Jenis Rumah Ideal untuk Kehidupan Nyaman di Era Modern -&#160;&#8230;
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class='sidebar-sticky no-items section' id='sidebar-sticky'></div>
</aside>
</main>
<div id='footer-widget-html-wrap'>
<div class='footer-widget-html section' id='footer-widget-html'><div class='widget HTML' data-version='2' id='HTML831'>
</div></div>
</div>
<footer id='footer-outer'>
<div id='footer-content'>
<div class='page-navmenu section' id='page-navmenu'><div class='widget PageList' data-version='2' id='PageList1'>
<div class='normalwidget-title'>
<h2 class='title'>Menu Halaman Statis</h2>
</div>
<div class='widget-content'>
<ul>
<li>
<a href='https://www.utoeh.com/p/about.html'>About</a>
</li>
<li>
<a href='https://www.utoeh.com/p/contact-us.html'>Contact</a>
</li>
<li>
<a href='https://www.utoeh.com/p/privacy-policy.html'>Privacy Policy</a>
</li>
<li>
<a href='https://www.utoeh.com/p/disclaimer.html'>Disclaimer</a>
</li>
</ul>
</div>
</div></div>
<div class='footer-text section' id='footer-text'><div class='widget HTML' data-version='2' id='HTML80'>
<div class='footer-text'>

                            &#169; 2020 - <a href='https://www.utoeh.com/'>UTOEH</a>
</div>
</div></div>
<div class='navbarrr no-items section' id='navbarrr'>
</div>
</div>
</footer>
<a aria-label='Go To Top' href='#' id='goTop'>
</a>
<script>
            //<![CDATA[
            /*! smooth-scroll v16.1.2 | (c) 2020 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
            !function(e,t){"function"==typeof define&&define.amd?define([],function(){return t(e)}):"object"==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)}("undefined"!=typeof global?global:"undefined"!=typeof window?window:this,function(A){"use strict";function C(){var n={};return Array.prototype.forEach.call(arguments,function(e){for(var t in e){if(!e.hasOwnProperty(t))return;n[t]=e[t]}}),n}function r(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,r="",i=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");r+=1<=t&&t<=31||127==t||0===a&&48<=t&&t<=57||1===a&&48<=t&&t<=57&&45===i?"\\"+t.toString(16)+" ":128<=t||45===t||95===t||48<=t&&t<=57||65<=t&&t<=90||97<=t&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+r}function w(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)}function L(e,t,n,o){if(t.emitEvents&&"function"==typeof A.CustomEvent){var a=new CustomEvent(e,{bubbles:!0,detail:{anchor:n,toggle:o}});document.dispatchEvent(a)}}var H={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0};return function(o,e){var b,a,O,I,M={cancelScroll:function(e){cancelAnimationFrame(I),I=null,e||L("scrollCancel",b)}};M.animateScroll=function(i,s,e){M.cancelScroll();var t,c=C(b||H,e||{}),u="[object Number]"===Object.prototype.toString.call(i),n=u||!i.tagName?null:i;if(u||n){var l=A.pageYOffset;c.header&&!O&&(O=document.querySelector(c.header));var o,a,d,r,f,m,h=(t=O)?parseInt(A.getComputedStyle(t).height,10)+t.offsetTop:0,p=u?i:function(e,t,n,o){var a=0;if(e.offsetParent)for(;a+=e.offsetTop,e=e.offsetParent;);return a=Math.max(a-t-n,0),o&&(a=Math.min(a,w()-A.innerHeight)),a}(n,h,parseInt("function"==typeof c.offset?c.offset(i,s):c.offset,10),c.clip),g=p-l,y=w(),S=0,v=(a=(o=c).speedAsDuration?o.speed:Math.abs(g/1e3*o.speed),o.durationMax&&a>o.durationMax?o.durationMax:o.durationMin&&a<o.durationMin?o.durationMin:parseInt(a,10)),E=function(e){var t,n;S+=e-(d=d||e),f=l+g*(t=r=1<(r=0===v?0:S/v)?1:r,"easeInQuad"===c.easing&&(n=t*t),"easeOutQuad"===c.easing&&(n=t*(2-t)),"easeInOutQuad"===c.easing&&(n=t<.5?2*t*t:(4-2*t)*t-1),"easeInCubic"===c.easing&&(n=t*t*t),"easeOutCubic"===c.easing&&(n=--t*t*t+1),"easeInOutCubic"===c.easing&&(n=t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1),"easeInQuart"===c.easing&&(n=t*t*t*t),"easeOutQuart"===c.easing&&(n=1- --t*t*t*t),"easeInOutQuart"===c.easing&&(n=t<.5?8*t*t*t*t:1-8*--t*t*t*t),"easeInQuint"===c.easing&&(n=t*t*t*t*t),"easeOutQuint"===c.easing&&(n=1+--t*t*t*t*t),"easeInOutQuint"===c.easing&&(n=t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t),c.customEasing&&(n=c.customEasing(t)),n||t),A.scrollTo(0,Math.floor(f)),function(e,t){var n,o,a,r=A.pageYOffset;if(e==t||r==t||(l<t&&A.innerHeight+r)>=y)return M.cancelScroll(!0),o=t,a=u,0===(n=i)&&document.body.focus(),a||(n.focus(),document.activeElement!==n&&(n.setAttribute("tabindex","-1"),n.focus(),n.style.outline="none"),A.scrollTo(0,o)),L("scrollStop",c,i,s),!(I=d=null)}(f,p)||(I=A.requestAnimationFrame(E),d=e)};0===A.pageYOffset&&A.scrollTo(0,0),m=i,u||history.pushState&&c.updateURL&&history.pushState({smoothScroll:JSON.stringify(c),anchor:m.id},document.title,m===document.documentElement?"#top":"#"+m.id),"matchMedia"in A&&A.matchMedia("(prefers-reduced-motion)").matches?A.scrollTo(0,Math.floor(p)):(L("scrollStart",c,i,s),M.cancelScroll(!0),A.requestAnimationFrame(E))}};function t(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(a=e.target.closest(o))&&"a"===a.tagName.toLowerCase()&&!e.target.closest(b.ignore)&&a.hostname===A.location.hostname&&a.pathname===A.location.pathname&&/#/.test(a.href)){var t,n;try{t=r(decodeURIComponent(a.hash))}catch(e){t=r(a.hash)}if("#"===t){if(!b.topOnEmptyHash)return;n=document.documentElement}else n=document.querySelector(t);(n=n||"#top"!==t?n:document.documentElement)&&(e.preventDefault(),function(){if(history.replaceState&&b.updateURL&&!history.state){var e=A.location.hash;e=e||"",history.replaceState({smoothScroll:JSON.stringify(b),anchor:e||A.pageYOffset},document.title,e||A.location.href)}}(),M.animateScroll(n,a))}}function n(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(b)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(r(history.state.anchor)))||M.animateScroll(t,null,{updateURL:!1})}}return M.destroy=function(){b&&(document.removeEventListener("click",t,!1),A.removeEventListener("popstate",n,!1),M.cancelScroll(),I=O=a=b=null)},function(){if(!("querySelector"in document&&"addEventListener"in A&&"requestAnimationFrame"in A&&"closest"in A.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";M.destroy(),b=C(H,e||{}),O=b.header?document.querySelector(b.header):null,document.addEventListener("click",t,!1),b.updateURL&&b.popstate&&A.addEventListener("popstate",n,!1)}(),M}});
            "use strict";var LMstickyMenu=function(){var t=document.querySelector("#header-outer").getBoundingClientRect().height,n=document.querySelector("#navmenu-wrap-sticky"),e=document.querySelector(".nav-copy"),i=document.querySelector(".nav-original"),c=document.querySelector(".sidebar-content-sticky");stickyClass="navsticky-show",null!=i&&(e.innerHTML=i.innerHTML);null!=i&&(window.addEventListener("resize",function(){t=document.querySelector("#header-outer").getBoundingClientRect().height}),window.addEventListener("scroll",function(){var e=Math.round(window.pageYOffset);t<=e?n.classList.add(stickyClass):n.classList.remove(stickyClass)})),null!=c&&(c.style.top="88px"),function(){for(var e=document.querySelectorAll(".menu-sticky a"),t=0;t<e.length;t++)e[t].setAttribute("tabindex","-1")}()};!function(){var e={menuSticky:!0};optionLinkMagz(e),1==e.menuSticky&&LMstickyMenu()}();
            "use strict";function LMmobileMenu(){var e=document.querySelector(".navmenu-content"),n=document.querySelector("#navmenu-sidebar-body"),t=document.querySelectorAll(".navmenu-button"),u=document.querySelector("#navmenu-overlay"),l=document.querySelector("#navmenu-sidebar-closebtn"),s=document.querySelector("#navmenu"),r="navmenu-activated";null!=e&&(n.innerHTML=e.innerHTML);for(var o=0;o<t.length;o++)t[o].addEventListener("click",function(e){e.preventDefault,s.classList.add(r)});function c(e){e.preventDefault,s.classList.remove(r)}null!=u&&u.addEventListener("click",c),null!=l&&l.addEventListener("click",c)}function LMmobileMenuSubMenu(){for(var u=document.querySelectorAll("#navmenu-sidebar-body li.has-sub"),e=0;e<u.length;e++){var n=document.createElement("span"),t=u[e].querySelector("ul");n.setAttribute("class","ms-submenu-button"),u[e].insertBefore(n,u[e].firstChild),t&&(t.style.display="none"),function(e){var n=u[e].querySelector("ul"),t=u[e].querySelector(".ms-submenu-button");t.addEventListener("click",function(){n&&("none"==n.style.display?(n.style.display="",t.classList.add("ms-submenu-shown")):(n.style.display="none",t.classList.remove("ms-submenu-shown")))})}(e)}}LMmobileMenu(),LMmobileMenuSubMenu();
            "use strict";function LMsearchForm(){for(var t=document.getElementById("searchcontainer"),n=document.getElementById("search-terms"),e=document.querySelectorAll(".iconsearch-label"),c=0;c<e.length;c++)e[c].addEventListener("click",function(e){t.classList.toggle("opensearch"),t.classList.contains("opensearch")||(n.blur(),e.preventDefault()),e.stopPropagation()},!1);n.addEventListener("click",function(e){e.stopPropagation()},!1),document.addEventListener("click",function(e){t.classList.remove("opensearch"),n.blur(),e.stopPropagation()},!1),document.addEventListener("keydown",function(e){"Escape"==e.key&&(t.classList.remove("opensearch"),n.blur())})}LMsearchForm();
            "use strict";function LMcheckCheckbox(){for(var e=document.querySelectorAll(".checkbox"),o=0;o<e.length;o++)"darkmode"===localStorage.getItem("mode")?e[o].checked=!0:e[o].checked=!1}function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("body").classList.add("darkmode"):document.querySelector("body").classList.remove("darkmode"),LMcheckCheckbox()}LMcheckCheckbox();
            !function(){var e=document.querySelectorAll(".darkmode-switch"),o={tombolDarkmode:!0};if(optionLinkMagz(o),0==o.tombolDarkmode)for(var l=0;l<e.length;l++)e[l].parentNode.removeChild(e[l]);else for(l=0;l<e.length;l++)e[l].style.display="flex"}();
            "use strict";var LMScrollTop=function(){var o=document.querySelector("#goTop");window.addEventListener("scroll",function(){300<=window.pageYOffset?o.classList.add("is-visible"):o.classList.remove("is-visible")})};!function(){var o={scrollToTop:!0};optionLinkMagz(o),1==o.scrollToTop&&LMScrollTop()}();
            //]]>
            
                //<![CDATA[
                /*! Simple AJAX infinite scroll by Taufik Nurrohman dte.web.id */
                    !function(){var S,j,t={infiniteScrollNav:!0};optionLinkMagz(t),1==t.infiniteScrollNav&&(S=window,j=document,S.InfiniteScroll=function(t){function d(t,e){return(e=e||j).querySelectorAll(t)}function r(t){return void 0!==t}function o(t){return"function"==typeof t}function c(t,e){if(r(i[t]))for(var n in i[t])i[t][n](e)}function n(){return s.innerHTML=u.text.loading,g=!0,v?(T.classList.add(u.state.loading),c("loading",[u]),void e(v,function(t,e){T.className=L+" "+u.state.load,(p=j.createElement("div")).innerHTML=t;var n=d("title",p),r=d(u.target.post,p),o=d(u.target.anchors+" "+u.target.anchor,p),i=d(u.target.post,h);if(n=n&&n[0]?n[0].innerHTML:"",r.length&&i.length){var a=i[i.length-1];j.title=n,a.insertAdjacentHTML("afterend",'<span class="fi" id="#fi:'+x+'"></span>'),p=j.createElement("div");for(var s=0,l=r.length;s<l;++s)p.appendChild(r[s]);a.insertAdjacentHTML("afterend",p.innerHTML),f(),v=!!o.length&&o[0].href,g=!1,x++,c("load",[u,t,e])}},function(t,e){T.classList.add(u.state.error),g=!1,f(1),c("error",[u,t,e])})):(T.classList.add(u.state.loaded),s.innerHTML=u.text.loaded,c("loaded",[u]))}function f(t){if(s.innerHTML="",a){p.innerHTML=u.text[t?"error":"load"];var e=p.firstChild;e.onclick=function(){return 2===u.type&&(a=!1),n(),!1},s.appendChild(e)}}var u={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:(e="infinite-scroll-state-")+"load",loading:e+"loading",loaded:e+"loaded",error:e+"error"}},i={load:[],loading:[],loaded:[],error:[]};(u=function t(e,n){for(var r in e=e||{},n)e[r]="object"==typeof n[r]?t(e[r],n[r]):n[r];return e}(u,t||{})).on=function(t,e,n){return r(t)?r(e)?void(r(n)?i[t][n]=e:i[t].push(e)):i[t]:i},u.off=function(t,e){r(e)?delete i[t][e]:i[t]=[]};var p=null,e=function(t,e,n){if(S.XMLHttpRequest){var r=new XMLHttpRequest;r.onreadystatechange=function(){if(4===r.readyState){if(200!==r.status)return void(n&&o(n)&&n(r.responseText,r));e&&o(e)&&e(r.responseText,r)}},r.open("GET",t),r.send()}},a=1!==u.type,g=!1,h=d(u.target.posts)[0],s=d(u.target.anchors)[0],v=d(u.target.anchor,s),l=j.body,T=j.documentElement,L=T.className||"",H=h.offsetTop+h.offsetHeight,M=S.innerHeight,m=0,y=null,x=1;if(v.length){v=v[0].href,h.insertAdjacentHTML("afterbegin",'<span class="fi" id="#fi:0"></span>'),p=j.createElement("div"),f();function E(){H=h.offsetTop+h.offsetHeight,M=S.innerHeight,m=l.scrollTop||T.scrollTop,g||m+M<H||n()}E(),0!==u.type&&S.addEventListener("scroll",function(){a||(y&&S.clearTimeout(y),y=S.setTimeout(E,500))},!1)}return u})}();
                //]]>
                if(typeof InfiniteScroll !== 'undefined') {
                    var infinite_scroll = new InfiniteScroll({
                        type: 0,
                        target: {
                            posts: ".content",
                            post: ".post-outer",
                            anchors: ".blog-pager",
                            anchor: ".blog-pager-older-link"
                        },
                        text: {
                            load: "<a class='js-load' href='javascript:;'>Postingan lainnya</a>",
                            loading: "<span class='js-loading'>Memuat&hellip;</span>",
                            loaded: "<span class='js-loaded' style='display:none'>Habis.</span>",
                            error: "<a class='js-error' href='javascript:;'>Error.</a>"
                        }
                    });
                }
            
            
                //<![CDATA[
                function customFeaturedPostSnippet(){var e=document.querySelector(".featured-info .featured-desc"),t=document.querySelector(".featured-info .js-featured-desc");null!==t&&(e.innerHTML=t.innerHTML.slice(4,-3))}function customPostSnippet(){for(var e,t,n=document.querySelectorAll(".post-outer"),o=0;o<n.length;o++)e=n[o].querySelector(".post-snippet"),null!==(t=n[o].querySelector(".js-post-snippet"))&&(e.innerHTML=t.innerHTML.slice(4,-3))}customFeaturedPostSnippet(),customPostSnippet(),"undefined"!=typeof infinite_scroll&&infinite_scroll.on("load",function(){customPostSnippet()});
                //]]>
            
            
            //<![CDATA[
                Defer.dom("img.lazyload",100,"loaded",null,{rootMargin:"1px"}),"undefined"!=typeof infinite_scroll&&infinite_scroll.on("load",function(){Defer.dom("img.lazyload",100,"loaded",null,{rootMargin:"1px"})});var scroll=new SmoothScroll('a[href*="#"]',{speed:600,speedAsDuration:!0,easing:"easeInOutCubic"});
            //]]>
        </script>
<div class='custom-javascript-footer section' id='custom-javascript-footer'><div class='widget HTML' data-version='2' id='HTML85'>
</div></div>
<!--Es liegt in deiner Verantwortung, deine Besucher \xfcber die in deinem Blog verwendeten Cookies und die dort erfassten Daten zu informieren. Blogger stellt daf\xfcr eine Standardbenachrichtigung zur Verf\xfcgung, die du \xfcbernehmen, anpassen oder durch deine eigene Mitteilung ersetzen kannst. Weitere Informationen findest du unter http://www.blogger.com/go/cookiechoices.-->
<script defer='' src='/js/cookienotice.js'></script>
<script>
    document.addEventListener('DOMContentLoaded', function(event) {
      window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
          (window.cookieOptions && cookieOptions.msg) || 'Diese Website verwendet Cookies von Google, um Dienste anzubieten und Zugriffe zu analysieren. Deine IP-Adresse und dein User-Agent werden zusammen mit Messwerten zur Leistung und Sicherheit f\xfcr Google freigegeben. So k\xf6nnen Nutzungsstatistiken generiert, Missbrauchsf\xe4lle erkannt und behoben und die Qualit\xe4t des Dienstes gew\xe4hrleistet werden.',
          (window.cookieOptions && cookieOptions.close) || 'Ok',
          (window.cookieOptions && cookieOptions.learn) || 'Weitere Informationen',
          (window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies');
    });
  </script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2563766527-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6znN8caV9c8t0NAlYlhq26M083xQ:1747120326199';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6145990154478373704','//www.utoeh.com/','6145990154478373704');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6145990154478373704', 'title': 'UTOEH', 'url': 'https://www.utoeh.com/', 'canonicalUrl': 'https://www.utoeh.com/', 'homepageUrl': 'https://www.utoeh.com/', 'searchUrl': 'https://www.utoeh.com/search', 'canonicalHomepageUrl': 'https://www.utoeh.com/', 'blogspotFaviconUrl': 'https://www.utoeh.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22UTOEH - Atom\x22 href\x3d\x22https://www.utoeh.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22UTOEH - RSS\x22 href\x3d\x22https://www.utoeh.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22UTOEH - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6145990154478373704/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6335b9ba6f9b55bc', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'index', 'pageName': '', 'pageTitle': 'UTOEH', 'metaDescription': 'Utoeh merupakan blog yang memberikan informasi tentang dunia konstruksi, meliputi ilmu Teknik Sipil dan Arsitektur.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'UTOEH', 'description': 'Utoeh merupakan blog yang memberikan informasi tentang dunia konstruksi, meliputi ilmu Teknik Sipil dan Arsitektur.', 'url': 'https://www.utoeh.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Kode Pengaturan Template', 'type': 'HTML', 'sectionId': 'template-settings', 'id': 'HTML70'}, {'title': 'Custom CSS', 'type': 'HTML', 'sectionId': 'custom-css', 'id': 'HTML82'}, {'title': 'Kode Icon Media Sosial', 'type': 'HTML', 'sectionId': 'social-button', 'id': 'HTML71'}, {'title': 'Kode Menu Navigasi', 'type': 'HTML', 'sectionId': 'navmenu', 'id': 'HTML72'}, {'title': 'Widget HTML #1', 'type': 'HTML', 'sectionId': 'top-widget', 'id': 'HTML73'}, {'title': 'Widget HTML #2 (homepage)', 'type': 'HTML', 'sectionId': 'top-widget2', 'id': 'HTML421'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main-content', 'id': 'FeaturedPost1', 'postId': '5246511665659570723'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main-content', 'id': 'Blog1', 'posts': [{'id': '5246511665659570723', 'title': 'PERBEDAAN PONDASI CAKAR AYAM DAN FOOTPLATE', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo-pbCaBFldeZ6ZAG80j25UlY4Lgo066kRa3YnzahOL3WJD8hKDyfXLKGWXFo8cpKwS7KDyJNwTox7yHSKP5esAbk7pi6l5nCWHcpZrUM-WQ0lEnuKqAbMqIw_wk4ryC04Z-y2WRc66wzv-JR8UuPtwJOIlmKkvwKHD5eEszmlIDb_aWrVps6YFtyjaHs/w320-h320/DALL%C2%B7E%202025-05-13%2010.16.10%20-%20A%20technical%20illustration%20of%20a%20shallow%20foundation%20system%20called%20\x27footplate%20foundation\x27%20or%20\x27spread%20footing\x27%20used%20in%20civil%20engineering.%20The%20image%20shows%20a.webp', 'showInlineAds': true}, {'id': '832045687843631682', 'title': 'Mengenal Dinding Geser (Shear Walls)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtEkok7MZqiG4Y7lIc1D3QeVUdVYPmoTb-WEAoOlLsvWTg5OiiRlV9oIzZ5wkpb5zaLeBhvHp1EJ2lrcM08C2BoRTMcVa-LeGdPbOnDrjn1n_fo63mpTMSfGWZBd0MY4maWHx3dsQj-dCRxuTTS3cbfdDbovd01FSwRQY7gJw1ju91we5y-dgiXAY6zlQ/w320-h181/shear%20wall%20atau%20dinding%20geser.webp', 'showInlineAds': true}, {'id': '3567015922205599247', 'title': 'BENTUK ATAP ADA APA SAJA ?', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadrry36n5NnRpltw-EUNYjPksmQWvkDFshx7Eu9urVP88foIAND-RL26TphkZSPw6-R77j1EOMz9aXchdoaJfS3PBOe7CQujtJymXNLibN4yDPSfPQ_yKqn4_tzM9TS2BoDCzh3Qv7jqb5_hfOHipoxVpNAK10RajldwNWDOD29mF5CvuCZqBEcMepq0/w320-h320/Jenis%20atap%20atau%20bentuk%20atap.webp', 'showInlineAds': true}, {'id': '4701403208849864776', 'title': 'TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqrSdlH-wkptVGTA__gPBp3MFAx4RjFOjoGZBsjIKdg8T03AkQZ8it9HvIXKzaOR-cWow5MLcU5dZTl4Ln90c1631cHVyD7rYXoHiScrm_5DT4hyphenhypheng2yOnzxvBCje8b-m2_i363edmX3HUtkJYiC1Xn8pdtP0f9MJkB35ql1y92IoATIjUZWkbmA4ilQ88/w320-h320/Teknik%20Mitigasi.webp', 'showInlineAds': true}, {'id': '547127698355003360', 'title': 'PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDm1bQLpnE2evP_AyHLdeUNI3C7YYBAX-0Rg_FzOlv5Df0P69Fl993ESXhbDRn_GqhftMI_ohYM9Wag-YlSknhXSn_O5pjGEsaXIp6gE5fSpsvg0muSFg9x_sUfcMDvxo_9s3HfeJm24WZReB02-dLJB6zO2n0ZlOH7XnY1Iuef3hWYzZ3RcX5wMOgDA/w320-h320/ini%20perbedaan%20tanah%20liat%20dan%20tanah%20lempung.webp', 'showInlineAds': true}, {'id': '7036356904168600300', 'title': 'PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZH5xXbFnlIxEZldHKQ6IbZRhWt6JJN-_OMTsrFEX4n_E1twJk6Jl4mWDJp_cNxnz4HilCLf2RciSeCrYA-RtQncsMNMgGtV9ar7Zr-PupVsaqQ7osVNDlc4fvWRDVXxrRVRiuspmYp8KIk8cyyYK6H63f8XueKQBID9tcWaZuUyh2LJVqIogmw8VdrD0/w320-h180/perintah%20autocad%20yang%20sering%20digunakan.webp', 'showInlineAds': true}, {'id': '920350154300880078', 'title': 'ELEMEN UTAMA KONSTRUKSI BANGUNAN', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_iT5nFPcMXYw5AQ5qjREHiBAUrk0xNw52AmQ3xKcpR3jvtKGxEDXl8Lc-bVySVMhnVf0ysMRNQUDLnduHsZP1yf2uLG8uxhRmr-GfxoUxr-wRymR8mkYlX3BA5eKHwc_Sv3N8NxarXFi7AyHPDTWP_GUY0rgWdherjTiC0aCGurfO0IeSGYtAHuaQwo/w213-h320/elemen-utama-pada-konstruksi-gedung.webp', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comments'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'Comments'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': 'Widget HTML (label produk)', 'type': 'HTML', 'sectionId': 'html-produk', 'id': 'HTML74'}, {'title': 'Widget HTML (label jasa)', 'type': 'HTML', 'sectionId': 'html-jasa', 'id': 'HTML75'}, {'title': 'Kode Iklan Atas', 'type': 'HTML', 'sectionId': 'iklan-atas', 'id': 'HTML76'}, {'title': 'Kode Iklan Tengah 1', 'type': 'HTML', 'sectionId': 'iklan-tengah1', 'id': 'HTML77'}, {'title': 'Kode Iklan Tengah 2', 'type': 'HTML', 'sectionId': 'iklan-tengah2', 'id': 'HTML78'}, {'title': 'Kode Iklan Bawah', 'type': 'HTML', 'sectionId': 'iklan-bawah', 'id': 'HTML79'}, {'title': 'Kode Iklan Matched Content', 'type': 'HTML', 'sectionId': 'matched-content', 'id': 'HTML939'}, {'title': 'Kode Iklan In-Feed (homepage)', 'type': 'HTML', 'sectionId': 'iklan-infeed', 'id': 'HTML83'}, {'title': 'LIST', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'PERBEDAAN SIMBOL BESI ULIR DAN POLOS', 'id': 7334883718467561050}, {'title': 'DONWLOAD CONTOH DETAIL KUDA-KUDA', 'id': 6176401912698261178}, {'title': 'PONDASI TAPAK DWG', 'id': 6972614198805798245}, {'title': 'PERBEDAAN TANAH LIAT DAN TANAH LEMPUNG', 'id': 547127698355003360}, {'title': 'PERBEDAAN TUMPUAN DAN LAPANGAN RING BALOK', 'id': 8870395073919374882}, {'title': 'TABEL SNI BAJA TULANGAN BETON', 'id': 109632488430510215}, {'title': 'BENTUK ATAP ADA APA SAJA ?', 'id': 3567015922205599247}, {'title': 'TEKNIK MITIGASI BENCANA di KONSTRUKSI dan PERENCANAAN KOTA', 'id': 4701403208849864776}, {'title': 'PERINTAH AUTOCAD YANG SERING DIGUNAKAN UNTUK BUAT DENAH', 'id': 7036356904168600300}, {'title': '10 Tipe Rumah Ideal untuk Hidup Nyaman di Era Modern', 'id': 6894802708409551364}]}, {'title': 'Widget HTML #3', 'type': 'HTML', 'sectionId': 'footer-widget-html', 'id': 'HTML831'}, {'title': 'Menu Halaman Statis', 'type': 'PageList', 'sectionId': 'page-navmenu', 'id': 'PageList1'}, {'title': 'Teks Footer', 'type': 'HTML', 'sectionId': 'footer-text', 'id': 'HTML80'}, {'title': 'Custom JavaScript Footer', 'type': 'HTML', 'sectionId': 'custom-javascript-footer', 'id': 'HTML85'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML70', 'template-settings', document.getElementById('HTML70'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML82', 'custom-css', document.getElementById('HTML82'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML71', 'social-button', document.getElementById('HTML71'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML72', 'navmenu', document.getElementById('HTML72'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML73', 'top-widget', document.getElementById('HTML73'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML421', 'top-widget2', document.getElementById('HTML421'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main-content', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-content', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2487999795-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML74', 'html-produk', document.getElementById('HTML74'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML75', 'html-jasa', document.getElementById('HTML75'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML76', 'iklan-atas', document.getElementById('HTML76'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'iklan-tengah1', document.getElementById('HTML77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML78', 'iklan-tengah2', document.getElementById('HTML78'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML79', 'iklan-bawah', document.getElementById('HTML79'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML939', 'matched-content', document.getElementById('HTML939'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML83', 'iklan-infeed', document.getElementById('HTML83'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML831', 'footer-widget-html', document.getElementById('HTML831'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'page-navmenu', document.getElementById('PageList1'), {'title': 'Menu Halaman Statis', 'links': [{'isCurrentPage': false, 'href': 'https://www.utoeh.com/p/about.html', 'id': '3144805413016399954', 'title': 'About'}, {'isCurrentPage': false, 'href': 'https://www.utoeh.com/p/contact-us.html', 'id': '6477977404754417994', 'title': 'Contact'}, {'isCurrentPage': false, 'href': 'https://www.utoeh.com/p/privacy-policy.html', 'id': '1689296290140928027', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://www.utoeh.com/p/disclaimer.html', 'id': '4692647998637991951', 'title': 'Disclaimer'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML80', 'footer-text', document.getElementById('HTML80'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML85', 'custom-javascript-footer', document.getElementById('HTML85'), {}, 'displayModeFull'));
</script>
</body>
</html>

Whois info of domain

Domain Name: UTOEH.COM

Registry Domain ID: 2675996057_DOMAIN_COM-VRSN

Registrar WHOIS Server: whois.resellercamp.com

Registrar URL: http://www.idwebhost.com

Updated Date: 2025-02-04T04:09:51Z

Creation Date: 2022-02-18T11:30:00Z

Registry Expiry Date: 2026-02-18T11:30:00Z

Registrar: CV. Jogjacamp

Registrar IANA ID: 1478

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: +62 82141570000

Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited

Name Server: NS1.IDWEBHOST.ID

Name Server: NS2.IDWEBHOST.ID

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-13T07:11:53Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass

utoehrvv

utoehbub

utoeh896

utoehnxt

utoeh4bf

utoeh1eb

utoeh83l

utoeh6qd

utoehzxv

utoehknb

utoehuvf

utoehgh1

utoeh31y

utoehrtn

utoeh67j

utoehgq8

utoehtay

utoeh901

utoeha2a

utoehvkp

utoehwg5

utoehiqs

utoehfjg

utoeh4ie

utoehpdz

utoehb4n

utoehn9g

utoehhst

utoehxr7

utoeh00p

utoehstd

utoehzix

utoehh5f

utoeh6mu

utoeh7nq