<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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' xmlns:og='http://ogp.me/ns#'>
  &lt;head&gt;
    <meta charset='utf-8'/>
    <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>

<script type='application/ld+json'> { &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;Webpage&quot;, &quot;url&quot;: &quot;<data:blog.url/>&quot;, &quot;name&quot;: &quot;<data:blog.title/>&quot;, &quot;headline&quot;:&quot;Simple Blogger Themes&quot;, &quot;mainEntityOfPage&quot;: { &quot;@type&quot;: &quot;WebPage&quot;, &quot;@id&quot;: &quot;<data:blog.title/>&quot; }, &quot;publisher&quot;: { &quot;@type&quot;: &quot;Organization&quot;, &quot;name&quot;: &quot;<data:blog.title/>&quot;, &quot;logo&quot;: { &quot;url&quot;: &quot;https://4.bp.blogspot.com/-sCkLNNfompo/WdmgjSDz8hI/AAAAAAAADnA/YivmIpNFx_Yk3S2j7xLx-uQUtFtEK0uiwCK4BGAYYCw/s790/530826_470474733013233_923966905_n.jpg&quot;, &quot;width&quot;: 400, &quot;height&quot;: 400, &quot;@type&quot;: &quot;ImageObject&quot; } }, &quot;image&quot;: { &quot;@type&quot;: &quot;ImageObject&quot;, &quot;url&quot;: &quot;https://4.bp.blogspot.com/-sCkLNNfompo/WdmgjSDz8hI/AAAAAAAADnA/YivmIpNFx_Yk3S2j7xLx-uQUtFtEK0uiwCK4BGAYYCw/s790/530826_470474733013233_923966905_n.jpg&quot;, &quot;width&quot;: 400, &quot;height&quot;: 400 } } </script>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
  <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>

&lt;style type=&quot;text/css&quot;&gt;

&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>
<style type='text/css'>
/*
Theme Name: Superingan
Theme URI: https://superingan.blogspot.com/
Author: Dindin Solehudin
Author URI: https://www.dindindesign.com/
Description: Superingan is Free minimalist blogger themes. This themes are created with a minimum set of features, and they won&#39;t weight your blog!
Version: 1.0
License: GNU General Public License v2 or later
*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=&quot;button&quot;], input[type=&quot;reset&quot;], input[type=&quot;submit&quot;] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=&quot;checkbox&quot;], input[type=&quot;radio&quot;] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=&quot;number&quot;]::-webkit-inner-spin-button, input[type=&quot;number&quot;]::-webkit-outer-spin-button { height: auto; } input[type=&quot;search&quot;] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=&quot;search&quot;]::-webkit-search-cancel-button, input[type=&quot;search&quot;]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li &gt; a, .pager li &gt; span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li &gt; a:hover, .pager li &gt; a:focus { text-decoration: none; background-color: #eee; } .pager .next &gt; a, .pager .next &gt; span { float: right; } .pager .previous &gt; a, .pager .previous &gt; span { float: left; } .pager .disabled &gt; a, .pager .disabled &gt; a:hover, .pager .disabled &gt; a:focus, .pager .disabled &gt; span { color: #777; cursor: not-allowed; background-color: #fff; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: 0; } a[href]:after { content: &quot; (&quot; attr(href) &quot;)&quot;; } abbr[title]:after { content: &quot; (&quot; attr(title) &quot;)&quot;; } a[href^=&quot;#&quot;]:after, a[href^=&quot;javascript:&quot;]:after { content: &quot;&quot;; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn &gt; .caret, .dropup &gt; .btn &gt; .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #E6E9ED; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .post-body img, .img-responsive, .thumbnail &gt; img, .thumbnail a &gt; img { display: block; width: 100%; height: auto; } .img-rounded { border-radius: 3px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=&quot;button&quot;] { cursor: pointer; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1,.h2,.h3,h1,h2,h3 { margin-top: 20px; margin-bottom: 10px; } .h4,.h5,.h6,h4,h5,h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 19px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 17px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 15px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 7.5px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline &gt; li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 7.5px 15px; margin: 0 0 15px; border-left: 3px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: &#39;\2014 \00A0&#39;; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: &#39;&#39;; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: &#39;\00A0 \2014&#39;; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding: 30px; margin-right: auto; margin-left: auto; max-width: 788px; background-color: #fff; } @media (max-width: 600px) { .container { padding: 20px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-left: -7.5px; margin-right: -7.5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 7.5px; padding-right: 7.5px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .header-left { text-align: left; } .header-right { text-align: right; } @media (max-width: 475px) { .header-left, .header-right { text-align: center; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .table &gt; thead &gt; tr &gt; th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table &gt; caption + thead &gt; tr:first-child &gt; th, .table &gt; colgroup + thead &gt; tr:first-child &gt; th, .table &gt; thead:first-child &gt; tr:first-child &gt; th, .table &gt; caption + thead &gt; tr:first-child &gt; td, .table &gt; colgroup + thead &gt; tr:first-child &gt; td, .table &gt; thead:first-child &gt; tr:first-child &gt; td { border-top: 0; } .table &gt; tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed &gt; thead &gt; tr &gt; th, .table-condensed &gt; tbody &gt; tr &gt; th, .table-condensed &gt; tfoot &gt; tr &gt; th, .table-condensed &gt; thead &gt; tr &gt; td, .table-condensed &gt; tbody &gt; tr &gt; td, .table-condensed &gt; tfoot &gt; tr &gt; td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; tbody &gt; tr &gt; th, .table-bordered &gt; tfoot &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td, .table-bordered &gt; tbody &gt; tr &gt; td, .table-bordered &gt; tfoot &gt; tr &gt; td { border: 1px solid #dddddd; } .table-bordered &gt; thead &gt; tr &gt; th, .table-bordered &gt; thead &gt; tr &gt; td { border-bottom-width: 2px; } .table-striped &gt; tbody &gt; tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover &gt; tbody &gt; tr:hover { background-color: #f5f5f5; } table col[class*=&quot;col-&quot;] { position: static; float: none; display: table-column; } table td[class*=&quot;col-&quot;], table th[class*=&quot;col-&quot;] { position: static; float: none; display: table-cell; } .table &gt; thead &gt; tr &gt; td.active, .table &gt; tbody &gt; tr &gt; td.active, .table &gt; tfoot &gt; tr &gt; td.active, .table &gt; thead &gt; tr &gt; th.active, .table &gt; tbody &gt; tr &gt; th.active, .table &gt; tfoot &gt; tr &gt; th.active, .table &gt; thead &gt; tr.active &gt; td, .table &gt; tbody &gt; tr.active &gt; td, .table &gt; tfoot &gt; tr.active &gt; td, .table &gt; thead &gt; tr.active &gt; th, .table &gt; tbody &gt; tr.active &gt; th, .table &gt; tfoot &gt; tr.active &gt; th { background-color: #f5f5f5; } .table-hover &gt; tbody &gt; tr &gt; td.active:hover, .table-hover &gt; tbody &gt; tr &gt; th.active:hover, .table-hover &gt; tbody &gt; tr.active:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .active, .table-hover &gt; tbody &gt; tr.active:hover &gt; th { background-color: #e8e8e8; } .table &gt; thead &gt; tr &gt; td.success, .table &gt; tbody &gt; tr &gt; td.success, .table &gt; tfoot &gt; tr &gt; td.success, .table &gt; thead &gt; tr &gt; th.success, .table &gt; tbody &gt; tr &gt; th.success, .table &gt; tfoot &gt; tr &gt; th.success, .table &gt; thead &gt; tr.success &gt; td, .table &gt; tbody &gt; tr.success &gt; td, .table &gt; tfoot &gt; tr.success &gt; td, .table &gt; thead &gt; tr.success &gt; th, .table &gt; tbody &gt; tr.success &gt; th, .table &gt; tfoot &gt; tr.success &gt; th { background-color: #dff0d8; } .table-hover &gt; tbody &gt; tr &gt; td.success:hover, .table-hover &gt; tbody &gt; tr &gt; th.success:hover, .table-hover &gt; tbody &gt; tr.success:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .success, .table-hover &gt; tbody &gt; tr.success:hover &gt; th { background-color: #d0e9c6; } .table &gt; thead &gt; tr &gt; td.info, .table &gt; tbody &gt; tr &gt; td.info, .table &gt; tfoot &gt; tr &gt; td.info, .table &gt; thead &gt; tr &gt; th.info, .table &gt; tbody &gt; tr &gt; th.info, .table &gt; tfoot &gt; tr &gt; th.info, .table &gt; thead &gt; tr.info &gt; td, .table &gt; tbody &gt; tr.info &gt; td, .table &gt; tfoot &gt; tr.info &gt; td, .table &gt; thead &gt; tr.info &gt; th, .table &gt; tbody &gt; tr.info &gt; th, .table &gt; tfoot &gt; tr.info &gt; th { background-color: #d9edf7; } .table-hover &gt; tbody &gt; tr &gt; td.info:hover, .table-hover &gt; tbody &gt; tr &gt; th.info:hover, .table-hover &gt; tbody &gt; tr.info:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .info, .table-hover &gt; tbody &gt; tr.info:hover &gt; th { background-color: #c4e3f3; } .table &gt; thead &gt; tr &gt; td.warning, .table &gt; tbody &gt; tr &gt; td.warning, .table &gt; tfoot &gt; tr &gt; td.warning, .table &gt; thead &gt; tr &gt; th.warning, .table &gt; tbody &gt; tr &gt; th.warning, .table &gt; tfoot &gt; tr &gt; th.warning, .table &gt; thead &gt; tr.warning &gt; td, .table &gt; tbody &gt; tr.warning &gt; td, .table &gt; tfoot &gt; tr.warning &gt; td, .table &gt; thead &gt; tr.warning &gt; th, .table &gt; tbody &gt; tr.warning &gt; th, .table &gt; tfoot &gt; tr.warning &gt; th { background-color: #fcf8e3; } .table-hover &gt; tbody &gt; tr &gt; td.warning:hover, .table-hover &gt; tbody &gt; tr &gt; th.warning:hover, .table-hover &gt; tbody &gt; tr.warning:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .warning, .table-hover &gt; tbody &gt; tr.warning:hover &gt; th { background-color: #faf2cc; } .table &gt; thead &gt; tr &gt; td.danger, .table &gt; tbody &gt; tr &gt; td.danger, .table &gt; tfoot &gt; tr &gt; td.danger, .table &gt; thead &gt; tr &gt; th.danger, .table &gt; tbody &gt; tr &gt; th.danger, .table &gt; tfoot &gt; tr &gt; th.danger, .table &gt; thead &gt; tr.danger &gt; td, .table &gt; tbody &gt; tr.danger &gt; td, .table &gt; tfoot &gt; tr.danger &gt; td, .table &gt; thead &gt; tr.danger &gt; th, .table &gt; tbody &gt; tr.danger &gt; th, .table &gt; tfoot &gt; tr.danger &gt; th { background-color: #f2dede; } .table-hover &gt; tbody &gt; tr &gt; td.danger:hover, .table-hover &gt; tbody &gt; tr &gt; th.danger:hover, .table-hover &gt; tbody &gt; tr.danger:hover &gt; td, .table-hover &gt; tbody &gt; tr:hover &gt; .danger, .table-hover &gt; tbody &gt; tr.danger:hover &gt; th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; } .table-responsive &gt; .table { margin-bottom: 0; } .table-responsive &gt; .table &gt; thead &gt; tr &gt; th, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th, .table-responsive &gt; .table &gt; thead &gt; tr &gt; td, .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td, .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td { white-space: nowrap; } .table-responsive &gt; .table-bordered { border: 0; } .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child { border-left: 0; } .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child, .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child { border-right: 0; } .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th, .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td, .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type=&quot;search&quot;] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=&quot;radio&quot;], input[type=&quot;checkbox&quot;] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type=&quot;file&quot;] { display: block; } input[type=&quot;range&quot;] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=&quot;file&quot;]:focus, input[type=&quot;radio&quot;]:focus, input[type=&quot;checkbox&quot;]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=&quot;search&quot;] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=&quot;date&quot;], input[type=&quot;time&quot;], input[type=&quot;datetime-local&quot;], input[type=&quot;month&quot;] { line-height: 34px; } input[type=&quot;date&quot;].input-sm, input[type=&quot;time&quot;].input-sm, input[type=&quot;datetime-local&quot;].input-sm, input[type=&quot;month&quot;].input-sm, .input-group-sm input[type=&quot;date&quot;], .input-group-sm input[type=&quot;time&quot;], .input-group-sm input[type=&quot;datetime-local&quot;], .input-group-sm input[type=&quot;month&quot;] { line-height: 30px; } input[type=&quot;date&quot;].input-lg, input[type=&quot;time&quot;].input-lg, input[type=&quot;datetime-local&quot;].input-lg, input[type=&quot;month&quot;].input-lg, .input-group-lg input[type=&quot;date&quot;], .input-group-lg input[type=&quot;time&quot;], .input-group-lg input[type=&quot;datetime-local&quot;], .input-group-lg input[type=&quot;month&quot;] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type=&quot;radio&quot;], .radio-inline input[type=&quot;radio&quot;], .checkbox input[type=&quot;checkbox&quot;], .checkbox-inline input[type=&quot;checkbox&quot;] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=&quot;radio&quot;][disabled], input[type=&quot;checkbox&quot;][disabled], input[type=&quot;radio&quot;].disabled, input[type=&quot;checkbox&quot;].disabled, fieldset[disabled] input[type=&quot;radio&quot;], fieldset[disabled] input[type=&quot;checkbox&quot;] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; min-height: 32px; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.form-group-lg .form-control { height: 46px; line-height: 46px; } textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; min-height: 38px; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group &gt; .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=&quot;radio&quot;], .form-inline .checkbox input[type=&quot;checkbox&quot;] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open &gt; .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary { color: #ffffff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open &gt; .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open &gt; .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open &gt; .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open &gt; .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open &gt; .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open &gt; .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open &gt; .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open &gt; .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=&quot;submit&quot;].btn-block, input[type=&quot;reset&quot;].btn-block, input[type=&quot;button&quot;].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu &gt; li &gt; a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu &gt; li &gt; a:hover, .dropdown-menu &gt; li &gt; a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:hover, .dropdown-menu &gt; .active &gt; a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu &gt; .disabled &gt; a, .dropdown-menu &gt; .disabled &gt; a:hover, .dropdown-menu &gt; .disabled &gt; a:focus { color: #777777; } .dropdown-menu &gt; .disabled &gt; a:hover, .dropdown-menu &gt; .disabled &gt; a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled false); cursor: not-allowed; } .open &gt; .dropdown-menu { display: block; } .open &gt; a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right &gt; .dropdown-menu { right: 0; left: auto; } .dropup .caret { border-top: 0; border-bottom: 4px solid; content: &quot;&quot;; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=&quot;col-&quot;] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg &gt; .form-control, .input-group-lg &gt; .input-group-addon, .input-group-lg &gt; .input-group-btn &gt; .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg &gt; .form-control, select.input-group-lg &gt; .input-group-addon, select.input-group-lg &gt; .input-group-btn &gt; .btn { height: 46px; line-height: 46px; } textarea.input-group-lg &gt; .form-control, textarea.input-group-lg &gt; .input-group-addon, textarea.input-group-lg &gt; .input-group-btn &gt; .btn, select[multiple].input-group-lg &gt; .form-control, select[multiple].input-group-lg &gt; .input-group-addon, select[multiple].input-group-lg &gt; .input-group-btn &gt; .btn { height: auto; } .input-group-sm &gt; .form-control, .input-group-sm &gt; .input-group-addon, .input-group-sm &gt; .input-group-btn &gt; .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm &gt; .form-control, select.input-group-sm &gt; .input-group-addon, select.input-group-sm &gt; .input-group-btn &gt; .btn { height: 30px; line-height: 30px; } textarea.input-group-sm &gt; .form-control, textarea.input-group-sm &gt; .input-group-addon, textarea.input-group-sm &gt; .input-group-btn &gt; .btn, select[multiple].input-group-sm &gt; .form-control, select[multiple].input-group-sm &gt; .input-group-addon, select[multiple].input-group-sm &gt; .input-group-btn &gt; .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=&quot;radio&quot;], .input-group-addon input[type=&quot;checkbox&quot;] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group &gt; .btn, .input-group-btn:first-child &gt; .dropdown-toggle, .input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child &gt; .btn-group:not(:last-child) &gt; .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group &gt; .btn, .input-group-btn:last-child &gt; .dropdown-toggle, .input-group-btn:first-child &gt; .btn:not(:first-child), .input-group-btn:first-child &gt; .btn-group:not(:first-child) &gt; .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn &gt; .btn { position: relative; } .input-group-btn &gt; .btn + .btn { margin-left: -1px; } .input-group-btn &gt; .btn:hover, .input-group-btn &gt; .btn:focus, .input-group-btn &gt; .btn:active { z-index: 2; } .input-group-btn:first-child &gt; .btn, .input-group-btn:first-child &gt; .btn-group { margin-right: -1px; } .input-group-btn:last-child &gt; .btn, .input-group-btn:last-child &gt; .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav &gt; li { position: relative; display: block; } .nav &gt; li &gt; a { position: relative; display: block; padding: 10px 15px; } .nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus { text-decoration: none; background-color: #eeeeee; } .nav &gt; li.disabled &gt; a { color: #777777; } .nav &gt; li.disabled &gt; a:hover, .nav &gt; li.disabled &gt; a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open &gt; a, .nav .open &gt; a:hover, .nav .open &gt; a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav &gt; li &gt; a &gt; img { max-width: none; } .navbar { position: relative; min-height: 50px; background-color: #337ab7; border: 1px solid #2e6da4; margin-bottom: 15px; } .navbar-brand { color: #fff; } .navbar-brand:hover, .navbar-brand:focus { color: #fff; background-color: #2e6da4; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; transition: height .5s; -webkit-overflow-scrolling: touch; border-top: 1px solid #2e6da4; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } } .container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container &gt; .navbar-header, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container-fluid &gt; .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand &gt; img { display: block; margin-top: -5px } @media (min-width: 768px) { .navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid #2e6da4; border-radius: 3px; } .navbar-toggle:hover, .navbar-toggle:focus { outline: 0; background-color: #2e6da4; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav &gt; li &gt; a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; color: #fff; } .navbar-nav &gt; li &gt; a:hover, .navbar-nav &gt; li &gt; a:focus { color: #fff; background-color: #2e6da4; ; } .navbar-nav &gt; .active &gt; a, .navbar-nav &gt; .active &gt; a:hover, .navbar-nav &gt; .active &gt; a:focus { color: #fff; background-color: #2e6da4; } .navbar-nav &gt; .disabled &gt; a, .navbar-nav &gt; .disabled &gt; a:hover, .navbar-nav &gt; .disabled &gt; a:focus { color: #ccc; background-color: transparent; } .navbar-nav &gt; .open &gt; a, .navbar-nav &gt; .open &gt; a:hover, .navbar-nav &gt; .open &gt; a:focus { color: #fff; background-color: #2e6da4; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; color: #fff; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu &gt; li &gt; a { color: #fff; } .navbar-nav .open .dropdown-menu &gt; li &gt; a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu &gt; li &gt; a { line-height: 20px; } .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover, .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus { background-image: none; color: #333; background-color: transparent; } .navbar-nav .open .dropdown-menu &gt; .active &gt; a, .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover, .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus { color: #fff; background-color: #2e6da4; } .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a, .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover, .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus { color: #ccc; background-color: transparent; } } .navbar-link { color: #fff; } .navbar-link:hover { color: #eee; } .navbar-nav .btn-link { color: #fff; } .navbar-nav .btn-link:hover, .navbar-nav .btn-link:focus { color: #eee; } .navbar-nav .btn-link[disabled]:hover, fieldset[disabled] .navbar-nav .btn-link:hover, .navbar-nav .btn-link[disabled]:focus, fieldset[disabled] .navbar-nav .btn-link:focus { color: #ccc; } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav &gt; li { float: left; } .navbar-nav &gt; li &gt; a { padding-top: 15px; padding-bottom: 15px; } } .navbar-nav &gt; li &gt; .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; color: #fff; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid #2e6da4; border-bottom: 1px solid #2e6da4; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } .navbar-form .form-control { border: none; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group &gt; .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=&quot;radio&quot;], .navbar-form .checkbox input[type=&quot;checkbox&quot;] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 2px; padding-bottom: 0; margin-right: -30px; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .thumbnail { display: block; padding: 7.5px; padding-bottom: 15px; margin-bottom: 15px; line-height: 1.42857143; background-color: #ffffff; border-radius: 3px; border: 1px solid #dddddd; } .thumbnail &gt; img, .thumbnail a &gt; img { margin-left: auto; margin-right: auto; } .thumbnail .caption { color: #333333; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { border-bottom: 1px solid #e7e7e7; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert &gt; p, .alert &gt; ul { margin-bottom: 0; } .alert &gt; p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .media { margin-top: 7.5px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-right, .media &gt; .pull-right { padding-left: 10px; } .media-left, .media &gt; .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content: &quot; &quot;; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .post-title { margin-bottom: 15px; } .comments { position: relative; min-height: 0; _position: static; _height: 1%; } #comments .comment-author { padding-left: 25px; } .comment-body { margin: .5em 25px; } .comment-footer { margin: .5em 25px 1.5em; } .comment-body p { margin: 0; } #comments .avatar-comment-indent .comment-author { margin-left: -45px; padding-left: 45px; } .deleted-comment { font-style: italic; opacity: .5; } #comment-actions { background: transparent; border: 0; padding: 0; position: absolute; height: 25px; } #comments .blogger-comment-icon, .blogger-comment-icon { line-height: 16px; background: url(/img/b16-rounded.gif) left no-repeat; padding-left: 20px; } #comments .openid-comment-icon, .openid-comment-icon { line-height: 16px; background: url(/img/openid16-rounded.gif) left no-repeat; padding-left: 20px; } #comments .anon-comment-icon, .anon-comment-icon { line-height: 16px; background: url(/img/anon16-rounded.gif) left no-repeat; padding-left: 20px; } .comment-form { clear: both; _width: 410px; } .comment-link { white-space: nowrap; } #comments-block .avatar-image-container img { -ms-interpolation-mode: bicubic; border: 1px solid #ccc; float: right; } #comments-block .avatar-image-container.avatar-stock img { border-width: 0; padding: 1px; } #comments-block .avatar-image-container { height: 37px; left: -45px; position: absolute; width: 37px; } #comments-block.avatar-comment-indent { margin-left: 45px; position: relative; } #comments-block.avatar-comment-indent dd { margin-left: 0; } iframe.avatar-hovercard-iframe { border: 0 none; padding: 0; width: 25em; height: 9.4em; margin: .5em; } .comments { clear: both; margin-top: 10px; margin-bottom: 0; } .comments .comments-content { margin-bottom: 16px; } .comments .comment .comment-actions a { padding-right: 5px; padding-top: 5px; } .comments .comment .comment-actions a:hover { text-decoration: underline; } .comments .comments-content .comment-thread ol { list-style-type: none; padding: 0; text-align: left; } .comments .comments-content .inline-thread { padding: .5em 1em; } .comments .comments-content .comment-thread { margin: 8px 0; } .comments .comments-content .comment-thread:empty { display: none; } .comments .comments-content .comment-replies { margin-left: 36px; margin-top: 1em; } .comments .comments-content .comment { margin-bottom: 16px; padding-bottom: 8px; } .comments .comments-content .comment:first-child { padding-top: 16px; } .comments .comments-content .comment:last-child { border-bottom: 0; padding-bottom: 0; } .comments .comments-content .comment-body { position: relative; } .comments .comments-content .user { font-style: normal; font-weight: bold; } .comments .comments-content .icon.blog-author { display: inline-block; height: 18px; margin: 0 0 -4px 6px; width: 18px; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 0 8px; } .comments .comments-content .comment-content { text-align: justify; } .comments .comments-content .owner-actions { position: absolute; right: 0; top: 0; } .comments .comments-replybox { border: none; height: 250px; width: 100%; } .comments .comment-replybox-single { margin-left: 48px; margin-top: 5px; } .comments .comment-replybox-thread { margin-top: 5px; } .comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center; } .comments .thread-toggle { cursor: pointer; display: inline-block; } .comments .continue { cursor: pointer; } .comments .continue a { display: block; font-weight: bold; padding: .5em; } .comments .comments-content .loadmore { cursor: pointer; margin-top: 3em; max-height: 3em; } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden; } .comments .thread-chrome.thread-collapsed { display: none; } .comments .thread-toggle { display: inline-block; } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px; } .comments .thread-expanded .thread-arrow { background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { float: left; max-height: 36px; overflow: hidden; width: 36px; } .comments .avatar-image-container img { max-width: 36px; border-radius: 3px; } .comments .comment-block { margin-left: 48px; position: relative; } .comments .hidden { display: none; } @media screen and (max-device-width: 480px) { .comments .comments-content .comment-replies { margin-left: 0; } } #comments-block .avatar-image-container img { -ms-interpolation-mode: bicubic; border: 1px solid #ccc; float: right; } #comments-block .avatar-image-container.avatar-stock img { border-width: 0; padding: 1px; } #comments-block .avatar-image-container { height: 37px; left: -45px; position: absolute; width: 37px; } #comments-block.avatar-comment-indent { margin-left: 45px; position: relative; } #comments-block.avatar-comment-indent dd { margin-left: 0; } iframe.avatar-hovercard-iframe { border: 0 none; padding: 0; width: 25em; height: 9.4em; margin: .5em; } .comments { clear: both; margin-top: 10px; margin-bottom: 0; } .comments .comments-content { margin-bottom: 16px; } .comments .comment .comment-actions a { padding-right: 5px; padding-top: 5px; } .comments .comment .comment-actions a:hover { text-decoration: underline; } .comments .comments-content .comment-thread ol { list-style-type: none; padding: 0; text-align: left; } .comments .comments-content .inline-thread { padding: .5em 1em; } .comments .comments-content .comment-thread { margin: 8px 0; } .comments .comments-content .comment-thread:empty { display: none; } .comments .comments-content .comment-replies { margin-left: 36px; margin-top: 1em; } .comments .comments-content .comment { margin-bottom: 16px; padding-bottom: 8px; } .comments .comments-content .comment:first-child { padding-top: 16px; } .comments .comments-content .comment:last-child { border-bottom: 0; padding-bottom: 0; } .comments .comments-content .comment-body { position: relative; } .comments .comments-content .user { font-style: normal; font-weight: bold; } .comments .comments-content .icon.blog-author { display: inline-block; height: 18px; margin: 0 0 -4px 6px; width: 18px; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 0 8px; } .comments .comments-content .comment-content { text-align: justify; } .comments .comments-content .owner-actions { position: absolute; right: 0; top: 0; } .comments .comments-replybox { border: none; height: 250px; width: 100%; } .comments .comment-replybox-single { margin-left: 48px; margin-top: 5px; } .comments .comment-replybox-thread { margin-top: 5px; } .comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center; } .comments .thread-toggle { cursor: pointer; display: inline-block; } .comments .continue { cursor: pointer; } .comments .continue a { display: block; font-weight: bold; padding: .5em; } .comments .comments-content .loadmore { cursor: pointer; margin-top: 3em; max-height: 3em; } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden; } .comments .thread-chrome.thread-collapsed { display: none; } .comments .thread-toggle { display: inline-block; } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px; } .comments .thread-expanded .thread-arrow { background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { float: left; max-height: 36px; overflow: hidden; width: 36px; } .comments .avatar-image-container img { max-width: 36px; } .comments .comment-block { margin-left: 48px; position: relative; } .comments .hidden { display: none; } @media screen and (max-device-width: 480px) { .comments .comments-content .comment-replies { margin-left: 0; } } table.tr-caption-container { padding: 4px; margin-bottom: .5em; } td.tr-caption { font-size: 80%; } .icon-action { border-style: none !important; margin: 0 0 0 .5em !important; vertical-align: middle; } .comment-action-icon { width: 13px; height: 13px; margin-top: 3px; } .delete-comment-icon { background: url(&quot;/img/icon_delete13.gif&quot;) no-repeat left; padding: 7px; } #comment-popup { position: absolute; visibility: hidden; width: 100px; height: 20px; } .BlogArchive #ArchiveList ul.flat li { padding: .25em 0; margin: 0; text-indent: 0; } #ArchiveList .toggle { cursor: pointer; font-family: Arial, sans-serif; } #ArchiveList .toggle-open { _font-size: 1.7em; line-height: .6em; } #ArchiveList { text-align: left; } #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited { text-decoration: none; } #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover { color: inherit; text-decoration: none; } .BlogArchive #ArchiveList ul li { background: none; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left: 15px; text-indent: -15px; margin: .25em 0; background-image: none; } .BlogArchive #ArchiveList ul ul li { padding-left: 1.2em; } .BlogArchive #ArchiveList ul { margin: 0; padding: 0; list-style: none; list-style-image: none; border-width: 0; } .BlogArchive #ArchiveList ul.posts li { padding-left: 1.3em; } #ArchiveList .collapsed ul { display: none; } .quickedit, .feed-links { display: none; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 768px) { .line-clamp { -webkit-line-clamp: 1; } } .mobile .blogger-iframe-colorize { display: block !important; } .blogger-iframe-colorize { display: block !important; }
</style>
<b:template-skin><![CDATA[ hr#layout, #layout hr { display: none } #layout .ltr {padding: 30px; margin-right: auto; margin-left: auto; min-width: 788px;} #layout .container { padding-left: 20px; padding-right: 20px } #layout #header { width: 228px; float: left } #layout #header-widget { width: 445px; float: right } #layout #menu1 { width: 716px; float: left } #layout #featured { width: 716px; float: left } #layout #main { width: 445px; float: left } #layout #sidebar { width: 228px; float: right } body#layout div.add_widget { padding: 8px; } body#layout div.add_widget a { margin-left: 32px; } ]]></b:template-skin>
<b:include data='blog' name='google-analytics'/>
  &lt;/head&gt;&lt;!--<head/>--&gt;

<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div class='container'>
<header itemscope='itemscope' itemtype='https://schema.org/WPHeader'> <div class='row'> <b:section class='col-sm-6' id='header' maxwidgets='1' name='Header' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Superingan (Header)' type='Header' version='1'>
     <b:widget-settings>
       <b:widget-setting name='displayUrl'>https://4.bp.blogspot.com/-2sAJWNr1e20/XCg7su8RreI/AAAAAAAAECw/-5fk3WXg6S8_71E0DDFbPInU30fydiYOgCLcBGAs/s1600/superingan_logo.png</b:widget-setting>
       <b:widget-setting name='displayHeight'>480</b:widget-setting>
       <b:widget-setting name='sectionWidth'>262</b:widget-setting>
       <b:widget-setting name='useImage'>true</b:widget-setting>
       <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
       <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
       <b:widget-setting name='displayWidth'>480</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'> <b:if cond='data:mobile'> <div class='media' style='margin-bottom: 15px'> <div class='media-left'> <a expr:href='data:blog.homepageUrl'> <img class='media-object img-rounded' expr:alt='data:title' expr:src='data:sourceUrl' width='50'/> </a> </div> <div class='media-body media-middle'> <a expr:href='data:blog.homepageUrl'> <h1 class='media-heading'> <b:include name='title'/> </h1> </a> <b:include name='description'/> </div> </div> <b:else/> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'> <div class='media' style='margin-bottom: 15px'> <div class='media-left'> <a expr:href='data:blog.homepageUrl'> <img class='media-object img-rounded' expr:alt='data:title' expr:src='data:sourceUrl' width='50'/> </a> </div> <div class='media-body media-middle'> <a expr:href='data:blog.homepageUrl'> <h1 class='media-heading'> <b:include name='title'/> </h1> </a> <b:include name='description'/> </div> </div> <b:else/> <!--Show the image only--> <h1> <a expr:href='data:blog.homepageUrl'> <img class='img-responsive hidden-xs' expr:alt='data:title' expr:src='data:sourceUrl' style='max-width: 300px'/> <img class='img-responsive visible-xs center-block' expr:alt='data:title' expr:src='data:sourceUrl' style='max-width: 300px'/> </a> </h1> <!--Show the description--> <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'> <b:include name='description'/> </b:if> </b:if> <b:else/> <!--No header image --> <h1 style='margin-top: 0px'> <b:include name='title'/> </h1> <b:include name='description'/><br/><br/> </b:if> </b:if> </b:includable>
     <b:includable id='description'> <small> <data:description/> </small> </b:includable>
     <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <span itemprop='name'><data:title/></span> <b:else/> <a expr:href='data:blog.homepageUrl' itemprop='url'> <span itemprop='name'><data:title/></span> </a> </b:if> </b:includable>
   </b:widget>
 </b:section> <b:section class='col-xs-6 text-right hidden-xs' id='header-widget' maxwidgets='1' name='Widget Header' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML' version='1'>
  <b:widget-settings>
    <b:widget-setting name='content'><![CDATA[<div class='pull-right'> <a class='btn btn-primary' href='#' target="_blank" style='width: 40px; border-radius: 0'><i class='fa fa-facebook'></i></a> <a class='btn btn-info' href='#' target="_blank" style='width: 40px; border-radius: 0'><i class='fa fa-twitter'></i></a> <a class='btn btn-default' href='#' target="_blank" style='width: 40px; border-radius: 0'><i class='fa fa-instagram'></i></a> <a class='btn btn-danger' href='#' target="_blank" style='width: 40px; border-radius: 0'><i class='fa fa-google-plus'></i></a> </div>]]></b:widget-setting>
  </b:widget-settings>
  <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable>
</b:widget>
</b:section> </div> </header>
<nav class='navbar' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'> <div class='container-fluid'> <div class='navbar-header' id='header'> <button aria-expanded='false' class='navbar-toggle collapsed' data-target='#menu1' data-toggle='collapse' type='button'> <span class='sr-only'>Toggle navigation</span> <span class='icon-bar'/> <span class='icon-bar'/> <span class='icon-bar'/> </button> <a class='navbar-brand' expr:href='data:blog.homepageUrl' itemprop='url'> <span itemprop='name'>Home</span> </a> </div> <b:section class='collapse navbar-collapse' id='menu1' maxwidgets='1' name='Navigasi' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Laman' type='PageList' version='1'>
  <b:widget-settings>
    <b:widget-setting name='pageListJson'><![CDATA[{'5725647287838082391': {'href': 'https://superingan.blogspot.com/p/sample-page.html', 'title': 'Sample Page', 'position': 0}, 'link0': {'href': 'https://superingan.blogspot.com/2014/04/sample-post-with-links-paragraphs-and.html', 'title': 'Sample Post', 'position': 1}, 'link1': {'href': 'https://www.dindindesign.com/', 'title': 'Download', 'position': 2}}]]></b:widget-setting>
    <b:widget-setting name='homeTitle'>Home</b:widget-setting>
  </b:widget-settings>
  <b:includable id='main'> <ul class='nav navbar-nav'> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='active'> <a expr:href='data:link.href' itemprop='url'> <span itemprop='name'> <data:link.title/> </span> </a> </li> <b:else/> <li> <a expr:href='data:link.href' itemprop='url'> <span itemprop='name'> <data:link.title/> </span> </a> </li> </b:if> </b:loop> </ul> <form class='navbar-form navbar-right' expr:action='data:blog.searchUrl' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' role='search'> <meta expr:content='data:blog.searchUrl' itemprop='target'/> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <div class='input-group'> <input autocomplete='off' class='form-control input-sm' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' itemprop='query-input' name='q' placeholder='Search...' title='search' type='text'/> <span class='input-group-btn'> <button class='btn btn-success btn-sm' type='submit'> <data:messages.search/> </button> </span> </div> <!-- /input-group --> </form> </b:includable>
</b:widget>
</b:section> </div> </nav>
<b:section id='featured' maxwidgets='1' name='Featured' showaddelement='yes'>
  <b:widget id='HTML2' locked='false' title='' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'><![CDATA[<div style='color: #8a6d3b; background: #fcf8e3; border: 1px solid #faebcc; min-height: 90px; width: 100%; vertical-align: middle; text-align: center; padding-top: 30px'><small><i class="fa fa-info-circle"></i> Iklan</small></div><br/>]]></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable>
  </b:widget>
</b:section>

<div class='row'>
<div class='col-sm-8' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<b:section id='main' name='Main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'>Komentar</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='authorLabel'>Post by</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'>di</b:widget-setting>
      <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>false</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting>
      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>Label</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <b:include data='top' name='status-message'/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='media'>
            <div class='media-left' itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
                <img class='media-object img-rounded' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' itemprop='image'/>
            </div>
            <div class='media-body'>
              <h2 class='media-heading' itemprop='headline'>
                <a expr:href='data:post.url' itemprop='url'>
                  <data:post.title/>
                </a>
              </h2>
              <data:post.snippet/>
            </div>
          </div>
          <b:else/>
          <h2 class='media-heading'>
            <a expr:href='data:post.url'>
              <data:post.title/>
            </a>
          </h2>
          <data:post.snippet/>
          <br/>
        </b:if>
        <br/>
        <b:else/>
        <b:include data='post' name='post'/>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:if>
    </b:loop>
    <div id='content-footer'>
      <!-- navigation -->
      <b:include name='nextprev'/>
      <!-- feed links -->
      <b:include name='feedLinks'/>
    </div>
    <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </span> </b:includable>
    <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'>&#160;</span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable>
    <b:includable id='breadcrumb' var='posts'>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <small>
        <span>
          <a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a>
        </span> &#187; 
        <span>
          <data:blog.pageName/>
        </span>
      </small>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <!-- Breadcrumb Untuk Halaman Pos -->
        <b:loop values='data:posts' var='post'>
          <b:if cond='data:post.labels'>
            <small>
              <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                <a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>
                  <span itemprop='title'>Home</span>
                </a>
              </span>
              <b:loop values='data:post.labels' var='label'> &#187; 
                <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                  <a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' itemprop='url'>
                    <span itemprop='title'>
                      <data:label.name/>
                    </span>
                  </a>
                </span>
              </b:loop>
            </small>
            <b:else/>
            <small>
              <span>
                <a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a>
              </span> &#187; 
              <span>Without Label</span> &#187; 
              <span>
                <data:post.title/>
              </span>
            </small>
          </b:if>
        </b:loop>
        <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
          <!-- Breadcrumb Untuk Label Search dan Search Pages -->
          <small>
            <span>
              <a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
            </span> &#187; 
            <span>Archived For 
              <data:blog.pageName/>
            </span>
          </small>
          <b:else/>
          <b:if cond='data:blog.pageType == &quot;index&quot;'>
            <small>
              <b:if cond='data:blog.pageName == &quot;&quot;'>
                <span>
                  <a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
                </span> &#187; 
                <span>All Post</span>
                <b:else/>
                <span>
                  <a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
                </span> &#187; 
                <span>
                  <data:blog.pageName/>
                </span>
              </b:if>
            </small>
          </b:if>
        </b:if>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p> <data:blogCommentMessage/> </p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39; <data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable>
    <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/> </a> </b:if> </b:includable>
    <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable>
    <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:alt='data:comment.author' expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:elseif cond='data:post.allowComments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable>
    <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='small'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='small'> <b:loop values='data:posts' var='post'> <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/> </b:loop> </div> </b:if> </b:includable>
    <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable>
    <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div expr:data-viewtype='data:post.viewType' xpr:data-href='data:post.url.canonical'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.title'>
    <h2 class='media-heading' itemprop='headline'>
      <a expr:href='data:post.url' itemprop='url'>
        <data:post.title/>
      </a>
    </h2>
  </b:if>
  <b:if cond='data:post.snippet'>
    <data:post.snippet/>
  </b:if>
  <hr style='border: none;'/>
</b:includable>
    <b:includable id='mobile-main' var='top'>
	<!-- posts -->
	<b:include data='top' name='status-message'/>
	<b:if cond='data:blog.pageType == &quot;index&quot;'>
		<b:loop values='data:posts' var='post'>
			<b:include data='post' name='mobile-index-post'/>
		</b:loop>
		<b:else/>
		<b:loop values='data:posts' var='post'>
			<b:include data='post' name='mobile-post'/>
		</b:loop>
	</b:if>
	<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <hr/>
  <nav>
    <ul class='list-inline text-center'>
      <b:if cond='data:newerPageUrl'>
        <li>
          <a aria-label='Previous' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; 
            <data:newerPageTitle/>
          </a>
        </li>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <li>
          <a aria-label='Next' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
            <data:olderPageTitle/> &#187;
          </a>
        </li>
      </b:if>
    </ul>
  </nav>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
	<article itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
		<div class='post-title'>
			<b:if cond='data:post.title'>
				<h2 itemprop='headline'>
					<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
						<a expr:href='data:post.link ? data:post.link : data:post.url' itemprop='url mainEntityOfPage'>
							<span itemprop='name'>
								<data:post.title/>
							</span>
							<meta expr:content='data:blog.metaDescription' itemprop='description'/>
						</a>
						<b:else/>
						<data:post.title/>
					</b:if>
				</h2>
				<meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
			</b:if>
			<b:include data='posts' name='breadcrumb'/>
			<hr/>
		</div>
		<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
			<b:if cond='data:post.firstImageUrl'>
				<meta expr:content='data:post.firstImageUrl' itemprop='image url'/>
				<b:else/>
				<meta content='https://3.bp.blogspot.com/-Fd42F97vWac/XCq3kcjh0pI/AAAAAAAAEDI/jE_gWosZahQlsagx33cFAzcSjA55Nq9ZQCLcBGAs/s640/Simple%2BBlogger%2BThemes%2B-%2BSuperingan.png' itemprop='image url'/>
			</b:if>
			<meta content='640' itemprop='width'/>
			<meta content='480' itemprop='height'/>
		</div>
		<div class='post-header'>
			<div class='post-header-line-1'/></div>
		<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
		<div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
			<data:post.body/>
			<div style='clear: both;'/>
			<!-- clear for photos floats -->
		</div>
		<b:if cond='data:post.hasJumpLink'>
			<div class='jump-link'>
				<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
					<data:post.jumpText/>
				</a>
			</div>
		</b:if>
		<div id='post-footer'>
			<hr style='border-top: 1px dashed #eee;'/>
			<div class='row'>
				<div class='col-xs-8'>
					<b:if cond='data:top.showAuthor'>
						<span class='hidden-xs'>
							<data:top.authorLabel/>
						</span>
						<b:if cond='data:post.authorProfileUrl'>
							<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
								<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
								<a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
									<span itemprop='name'>
										<data:post.author/>
									</span>
								</a>
							</span>
							<b:else/>
							<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
								<span itemprop='name'>
									<data:post.author/>
								</span>
							</span>
						</b:if>
						<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
							<meta expr:content='data:blog.title' itemprop='name'/>
							<meta expr:href='data:blog.homepageUrl' itemprop='url'/>
							<span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
								<meta content='https://lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35' itemprop='url'/>
								<meta content='70' itemprop='width'/>
							</span>
						</span>
					</b:if>
					<br/>
					<small>
						<b:if cond='data:post.dateHeader'>
							<data:post.dateHeader/>
						</b:if>
					</small>
				</div>
				<div class='col-xs-4'>
					<div class='dropdown pull-right'>
		<a aria-expanded='true' data-toggle='dropdown' href='#' id='dropdownMenu1'> Share 
			<span class='caret'/>
		</a>
		<ul aria-labelledby='dropdownMenuDivider' class='dropdown-menu' role='menu'>
			<li>
				<b:if cond='data:top.showTwitterButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>Twitter</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showFacebookButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>Facebook</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showPinterestButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'>Pinterest</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showPlusOne'>
					<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank' title='Berbagi ke Google+'>Google+</a>
				</b:if>
			</li>
			<li class='divider' role='presentation'/>
			<li>
				<b:if cond='data:top.showEmailButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
						<data:top.emailThisMsg/>
					</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showBlogThisButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
						<data:top.blogThisMsg/>
					</a>
				</b:if>
			</li>
		</ul>
	</div>
				</div>
			</div>
			<span class='reaction-buttons'>
				<b:if cond='data:top.showReactions'>
					<table border='0' cellpadding='0' cellspacing='0' width='100%'>
						<tr>
							<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
								<span class='reactions-label'>
									<data:top.reactionsLabel/>
								</span>&#160; 
						
							</td>
							<td>
								<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
							</td>
						</tr>
					</table>
				</b:if>
			</span>
			<!-- backlinks -->
			<b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.showBacklinks'>
				<a expr:href='data:post.url + &quot;#links&quot;'>
					<data:top.backlinkLabel/>
				</a>
			</b:if>
			<!-- email post links -->
			<b:if cond='data:post.emailPostUrl'>
				<span class='item-action'>
					<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
						<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
					</a>
				</span>
			</b:if>
			<!-- quickedit pencil -->
			<b:include data='post' name='postQuickEdit'/>
			<!-- share buttons -->
			<b:if cond='data:post.authorAboutMe'>
				<div itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
					<b:if cond='data:post.authorPhoto.url'>
						<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
					</b:if>
					<div>
						<a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' itemprop='url' rel='author'>
							<span itemprop='name'>
								<data:post.author/>
							</span>
						</a>
					</div>
					<span itemprop='description'>
						<data:post.authorAboutMe/>
					</span>
				</div>
			</b:if>
		</div>
		<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
	</article>
</b:includable>
    <b:includable id='nextprev'> <nav> <hr/> <ul class='list-inline text-center'> <b:if cond='data:newerPageUrl'> <li> <a aria-label='Previous' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; Prev </a> </li> </b:if> <b:if cond='data:olderPageUrl'> <li> <a aria-label='Next' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'> Next &#187; </a> </li> </b:if> </ul> <br/> </nav> <div class='clear'/> </b:includable>
    <b:includable id='post' var='post'>
	<article itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
		<div class='post-title'>
			<b:if cond='data:post.title'>
				<h2 itemprop='headline'>
					<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
						<a expr:href='data:post.link ? data:post.link : data:post.url' itemprop='url mainEntityOfPage'>
							<span itemprop='name'>
								<data:post.title/>
							</span>
							<meta expr:content='data:blog.metaDescription' itemprop='description'/>
						</a>
						<b:else/>
						<data:post.title/>
					</b:if>
				</h2>
              <meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
			</b:if>
			<b:include data='posts' name='breadcrumb'/>
			<hr/>
		</div>
		<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
			<b:if cond='data:post.firstImageUrl'>
				<meta expr:content='data:post.firstImageUrl' itemprop='image url'/>
				<b:else/>
				<meta content='https://3.bp.blogspot.com/-Fd42F97vWac/XCq3kcjh0pI/AAAAAAAAEDI/jE_gWosZahQlsagx33cFAzcSjA55Nq9ZQCLcBGAs/s640/Simple%2BBlogger%2BThemes%2B-%2BSuperingan.png' itemprop='image url'/>
			</b:if>
			<meta content='640' itemprop='width'/>
			<meta content='480' itemprop='height'/>
		</div>
		<div class='post-header'>
			<div class='post-header-line-1'/></div>
		<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
		<div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
			<data:post.body/>
			<div style='clear: both;'/>
			<!-- clear for photos floats -->
		</div>
		<b:if cond='data:post.hasJumpLink'>
			<div class='jump-link'>
				<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
					<data:post.jumpText/>
				</a>
			</div>
		</b:if>
<div id='post-footer'>
		<hr style='border-top: 1px dashed #eee;'/>
		<div class='row'>
			<div class='col-xs-8'>
				<b:if cond='data:top.showAuthor'>
					<span class='hidden-xs'>
						<data:top.authorLabel/>
					</span>
					<b:if cond='data:post.authorProfileUrl'>
						<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
							<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
							<a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
								<span itemprop='name'>
									<data:post.author/>
								</span>
							</a>
						</span>
						<b:else/>
						<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
							<span itemprop='name'>
								<data:post.author/>
							</span>
						</span>
					</b:if>
					<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
						<meta expr:content='data:blog.title' itemprop='name'/>
						<meta expr:href='data:blog.homepageUrl' itemprop='url'/>
						<span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
							<meta content='https://lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35' itemprop='url'/>
							<meta content='70' itemprop='width'/>
						</span>
					</span>
				</b:if>
				<br/>
				<small>
					<b:if cond='data:post.dateHeader'>
						<meta expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'/>
						<data:post.dateHeader/>
					</b:if>
				</small>
			</div>
			<div class='col-xs-4'>
				<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
			</div>
		</div>
		<span class='reaction-buttons'>
			<b:if cond='data:top.showReactions'>
				<table border='0' cellpadding='0' cellspacing='0' width='100%'>
					<tr>
						<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
							<span class='reactions-label'>
								<data:top.reactionsLabel/>
							</span>&#160; 
						</td>
						<td>
							<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
						</td>
					</tr>
				</table>
			</b:if>
		</span>
		<!-- backlinks -->
		<b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.showBacklinks'>
			<a expr:href='data:post.url + &quot;#links&quot;'>
				<data:top.backlinkLabel/>
			</a>
		</b:if>
		<!-- email post links -->
		<b:if cond='data:post.emailPostUrl'>
			<span class='item-action'>
				<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
					<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
				</a>
			</span>
		</b:if>
		<!-- quickedit pencil -->
		<b:include data='post' name='postQuickEdit'/>
		<!-- share buttons -->
		<b:if cond='data:post.authorAboutMe'>
			<div itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
				<b:if cond='data:post.authorPhoto.url'>
					<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
				</b:if>
				<div>
					<a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' itemprop='url' rel='author'>
						<span itemprop='name'>
							<data:post.author/>
						</span>
					</a>
				</div>
				<span itemprop='description'>
					<data:post.authorAboutMe/>
				</span>
			</div>
		</b:if>
      </div>
	</article>
</b:includable>
    <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>Edit</a> </span> </b:if> </b:includable>
    <b:includable id='shareButtons' var='post'>
	<div class='dropdown pull-right'>
		<a aria-expanded='true' data-toggle='dropdown' href='#' id='dropdownMenu1'> Share 
			<span class='caret'/>
		</a>
		<ul aria-labelledby='dropdownMenuDivider' class='dropdown-menu' role='menu'>
			<li>
				<b:if cond='data:top.showTwitterButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>Twitter</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showFacebookButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>Facebook</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showPinterestButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'>Pinterest</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showPlusOne'>
					<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank' title='Berbagi ke Google+'>Google+</a>
				</b:if>
			</li>
			<li class='divider' role='presentation'/>
			<li>
				<b:if cond='data:top.showEmailButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
						<data:top.emailThisMsg/>
					</a>
				</b:if>
			</li>
			<li>
				<b:if cond='data:top.showBlogThisButton'>
					<a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
						<data:top.blogThisMsg/>
					</a>
				</b:if>
			</li>
		</ul>
	</div>
</b:includable>
    <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='alert alert-info' role='alert'> <data:navMessage/> </div> <div style='clear: both;'/> </b:if> </b:includable>
    <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;); </script> </div> </b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <div class='comments-content'> <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/> </div> </div> </div> </b:includable>
  </b:widget>
</b:section>
</div> <!-- .col-sm-8 -->
<b:section class='col-sm-4 hidden-xs' id='sidebar' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar' name='Sidebar' preferred='yes' style='float: left'>
  <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'><b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2><hr/></b:if><b:loop values='data:posts' var='post'><b:if cond='!data:showThumbnails'><b:if cond='!data:showSnippets'><!-- (1) No snippet/thumbnail --><h4><a expr:href='data:post.href'><data:post.title/></a></h4><b:else/><!-- (2) Show only snippets --><h4><a expr:href='data:post.href'><data:post.title/></a></h4><data:post.snippet/></b:if><b:else/><!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --><div class='media'><b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'><b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 38, &quot;1:1&quot;) : data:post.thumbnail' var='image'><div class='media-left media-middle'><img class='media-object img-rounded' expr:alt='data:post.title' expr:src='data:image'/></div></b:with></b:if><div class='media-body'><h4 class='media-heading'><a expr:href='data:post.href'><data:post.title/></a></h4><b:if cond='data:showSnippets'><small style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'> <data:post.snippet/> </small></b:if></div></div><div style='clear: both;'/></b:if></b:loop> <br/></b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2 class='page-header'> <data:title/> </h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul class='list-unstyled'> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=7&quot;'> <data:label.name/> </a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='badge pull-right'> <data:label.count/> </span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=7&quot;'> <data:label.name/> </a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>( <data:label.count/>) </span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> <br/> </b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' version='1'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>MENU</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>false</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2> <data:title/> </h2> <hr/> </b:if> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/> <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/> <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/> </div> </div> <br/> </b:includable>
    <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'> <data:i.name/> </a> ( <data:i.post-count/>) </li> </b:loop> </ul> </b:includable>
    <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='interval'> <ul class='hierarchy'> <li expr:class='&quot;archivedate &quot; + data:interval.expclass'> <b:include cond='data:interval.toggleId' data='interval' name='toggle'/> <a class='post-count-link' expr:href='data:interval.url'> <data:interval.name/> </a> <span class='post-count' dir='ltr'>( <data:interval.post-count/>) </span> <b:include cond='data:interval.data' data='interval.data' name='interval'/> <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> </li> </ul> </b:loop> </b:includable>
    <b:includable id='menu' var='data'> <select class='form-control' expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'> <option value=''> <data:title/> </option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'> <data:i.name/> ( <data:i.post-count/>) </option> </b:loop> </select> </b:includable>
    <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='post'> <li> <a expr:href='data:post.url'> <data:post.title/> </a> </li> </b:loop> </ul> </b:includable>
    <b:includable id='toggle' var='interval'> <a class='toggle' href='javascript:void(0)'> <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'> <b:if cond='data:interval.expclass == &quot;expanded&quot;'> &#9660;&#160; <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/> &#9668;&#160; <b:else/> &#9658;&#160; </b:if> </span> </a> </b:includable>
  </b:widget>
</b:section> <!-- .col-sm-4 -->
</div> <!-- .row -->
<footer> <hr/> <p class='text-center'> <a expr:href='data:blog.homepageUrl' rel='copyright'> <data:blog.title/> </a> &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <br/> Designed by <a href='https://www.dindindesign.com/' id='footer1'>Dindin Design</a> </p> </footer>
</div> <!-- .container -->
<script src='https://code.jquery.com/jquery-3.3.1.slim.min.js'/>
<script type='text/javascript'>
//<![CDATA[
var _0xd890=["\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x64\x69\x6E\x64\x69\x6E\x64\x65\x73\x69\x67\x6E\x2E\x63\x6F\x6D\x2F\x22\x3E\x44\x69\x6E\x64\x69\x6E\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E","\x68\x74\x6D\x6C","\x23\x66\x6F\x6F\x74\x65\x72\x31","\x6C\x65\x6E\x67\x74\x68","\x23\x66\x6F\x6F\x74\x65\x72\x31\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x64\x69\x6E\x64\x69\x6E\x64\x65\x73\x69\x67\x6E\x2E\x63\x6F\x6D\x2F","\x72\x65\x61\x64\x79","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x42\x6F\x6F\x74\x73\x74\x72\x61\x70\x27\x73\x20\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x20\x72\x65\x71\x75\x69\x72\x65\x73\x20\x6A\x51\x75\x65\x72\x79","\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x2E","\x73\x70\x6C\x69\x74","\x20","\x6A\x71\x75\x65\x72\x79","\x66\x6E","\x42\x6F\x6F\x74\x73\x74\x72\x61\x70\x27\x73\x20\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x20\x72\x65\x71\x75\x69\x72\x65\x73\x20\x6A\x51\x75\x65\x72\x79\x20\x76\x65\x72\x73\x69\x6F\x6E\x20\x31\x2E\x39\x2E\x31\x20\x6F\x72\x20\x68\x69\x67\x68\x65\x72\x2C\x20\x62\x75\x74\x20\x6C\x6F\x77\x65\x72\x20\x74\x68\x61\x6E\x20\x76\x65\x72\x73\x69\x6F\x6E\x20\x34","\x64\x61\x74\x61\x2D\x74\x61\x72\x67\x65\x74","\x61\x74\x74\x72","\x74\x65\x73\x74","","\x72\x65\x70\x6C\x61\x63\x65","\x70\x61\x72\x65\x6E\x74","\x77\x68\x69\x63\x68","\x72\x65\x6D\x6F\x76\x65","\x6F\x70\x65\x6E","\x68\x61\x73\x43\x6C\x61\x73\x73","\x63\x6C\x69\x63\x6B","\x74\x79\x70\x65","\x74\x61\x67\x4E\x61\x6D\x65","\x74\x61\x72\x67\x65\x74","\x63\x6F\x6E\x74\x61\x69\x6E\x73","\x68\x69\x64\x65\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x74\x72\x69\x67\x67\x65\x72","\x69\x73\x44\x65\x66\x61\x75\x6C\x74\x50\x72\x65\x76\x65\x6E\x74\x65\x64","\x61\x72\x69\x61\x2D\x65\x78\x70\x61\x6E\x64\x65\x64","\x66\x61\x6C\x73\x65","\x68\x69\x64\x64\x65\x6E\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x65\x61\x63\x68","\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x64\x61\x74\x61","\x73\x74\x72\x69\x6E\x67","\x63\x61\x6C\x6C","\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2D\x62\x61\x63\x6B\x64\x72\x6F\x70","\x5B\x64\x61\x74\x61\x2D\x74\x6F\x67\x67\x6C\x65\x3D\x22\x64\x72\x6F\x70\x64\x6F\x77\x6E\x22\x5D","\x63\x6C\x69\x63\x6B\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x74\x6F\x67\x67\x6C\x65","\x6F\x6E","\x56\x45\x52\x53\x49\x4F\x4E","\x33\x2E\x33\x2E\x37","\x70\x72\x6F\x74\x6F\x74\x79\x70\x65","\x2E\x64\x69\x73\x61\x62\x6C\x65\x64\x2C\x20\x3A\x64\x69\x73\x61\x62\x6C\x65\x64","\x69\x73","\x6F\x6E\x74\x6F\x75\x63\x68\x73\x74\x61\x72\x74","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x2E\x6E\x61\x76\x62\x61\x72\x2D\x6E\x61\x76","\x63\x6C\x6F\x73\x65\x73\x74","\x69\x6E\x73\x65\x72\x74\x41\x66\x74\x65\x72","\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2D\x62\x61\x63\x6B\x64\x72\x6F\x70","\x61\x64\x64\x43\x6C\x61\x73\x73","\x64\x69\x76","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x73\x68\x6F\x77\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x74\x72\x75\x65","\x66\x6F\x63\x75\x73","\x73\x68\x6F\x77\x6E\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x74\x6F\x67\x67\x6C\x65\x43\x6C\x61\x73\x73","\x6B\x65\x79\x64\x6F\x77\x6E","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x73\x74\x6F\x70\x50\x72\x6F\x70\x61\x67\x61\x74\x69\x6F\x6E","\x66\x69\x6E\x64","\x20\x6C\x69\x3A\x6E\x6F\x74\x28\x2E\x64\x69\x73\x61\x62\x6C\x65\x64\x29\x3A\x76\x69\x73\x69\x62\x6C\x65\x20\x61","\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2D\x6D\x65\x6E\x75","\x69\x6E\x64\x65\x78","\x65\x71","\x64\x72\x6F\x70\x64\x6F\x77\x6E","\x43\x6F\x6E\x73\x74\x72\x75\x63\x74\x6F\x72","\x6E\x6F\x43\x6F\x6E\x66\x6C\x69\x63\x74","\x6B\x65\x79\x64\x6F\x77\x6E\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2E\x64\x61\x74\x61\x2D\x61\x70\x69","\x63\x6C\x69\x63\x6B\x2E\x62\x73\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E\x2E\x64\x61\x74\x61\x2D\x61\x70\x69","\x2E\x64\x72\x6F\x70\x64\x6F\x77\x6E\x20\x66\x6F\x72\x6D","\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x6F\x62\x6A\x65\x63\x74","\x65\x78\x74\x65\x6E\x64","\x24\x65\x6C\x65\x6D\x65\x6E\x74","\x6F\x70\x74\x69\x6F\x6E\x73","\x24\x74\x72\x69\x67\x67\x65\x72","\x5B\x64\x61\x74\x61\x2D\x74\x6F\x67\x67\x6C\x65\x3D\x22\x63\x6F\x6C\x6C\x61\x70\x73\x65\x22\x5D\x5B\x68\x72\x65\x66\x3D\x22\x23","\x69\x64","\x22\x5D\x2C\x5B\x64\x61\x74\x61\x2D\x74\x6F\x67\x67\x6C\x65\x3D\x22\x63\x6F\x6C\x6C\x61\x70\x73\x65\x22\x5D\x5B\x64\x61\x74\x61\x2D\x74\x61\x72\x67\x65\x74\x3D\x22\x23","\x22\x5D","\x74\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x69\x6E\x67","\x24\x70\x61\x72\x65\x6E\x74","\x67\x65\x74\x50\x61\x72\x65\x6E\x74","\x61\x64\x64\x41\x72\x69\x61\x41\x6E\x64\x43\x6F\x6C\x6C\x61\x70\x73\x65\x64\x43\x6C\x61\x73\x73","\x54\x52\x41\x4E\x53\x49\x54\x49\x4F\x4E\x5F\x44\x55\x52\x41\x54\x49\x4F\x4E","\x44\x45\x46\x41\x55\x4C\x54\x53","\x64\x69\x6D\x65\x6E\x73\x69\x6F\x6E","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x73\x68\x6F\x77","\x69\x6E","\x2E\x69\x6E\x2C\x20\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x69\x6E\x67","\x63\x68\x69\x6C\x64\x72\x65\x6E","\x2E\x70\x61\x6E\x65\x6C","\x73\x68\x6F\x77\x2E\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x68\x69\x64\x65","\x63\x6F\x6C\x6C\x61\x70\x73\x69\x6E\x67","\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x63\x6F\x6C\x6C\x61\x70\x73\x65\x64","\x63\x6F\x6C\x6C\x61\x70\x73\x65\x20\x69\x6E","\x73\x68\x6F\x77\x6E\x2E\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x74\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E","\x73\x75\x70\x70\x6F\x72\x74","\x2D","\x6A\x6F\x69\x6E","\x73\x63\x72\x6F\x6C\x6C","\x63\x61\x6D\x65\x6C\x43\x61\x73\x65","\x65\x6D\x75\x6C\x61\x74\x65\x54\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x45\x6E\x64","\x62\x73\x54\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x45\x6E\x64","\x70\x72\x6F\x78\x79","\x6F\x6E\x65","\x68\x69\x64\x65\x2E\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x6F\x66\x66\x73\x65\x74\x48\x65\x69\x67\x68\x74","\x68\x69\x64\x64\x65\x6E\x2E\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65","\x65\x6E\x64","\x5B\x64\x61\x74\x61\x2D\x74\x6F\x67\x67\x6C\x65\x3D\x22\x63\x6F\x6C\x6C\x61\x70\x73\x65\x22\x5D\x5B\x64\x61\x74\x61\x2D\x70\x61\x72\x65\x6E\x74\x3D\x22","\x63\x6C\x69\x63\x6B\x2E\x62\x73\x2E\x63\x6F\x6C\x6C\x61\x70\x73\x65\x2E\x64\x61\x74\x61\x2D\x61\x70\x69","\x5B\x64\x61\x74\x61\x2D\x74\x6F\x67\x67\x6C\x65\x3D\x22\x63\x6F\x6C\x6C\x61\x70\x73\x65\x22\x5D","\x62\x6F\x6F\x74\x73\x74\x72\x61\x70","\x77\x65\x62\x6B\x69\x74\x54\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x45\x6E\x64","\x74\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x65\x6E\x64","\x6F\x54\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x45\x6E\x64\x20\x6F\x74\x72\x61\x6E\x73\x69\x74\x69\x6F\x6E\x65\x6E\x64","\x73\x74\x79\x6C\x65","\x73\x70\x65\x63\x69\x61\x6C","\x65\x76\x65\x6E\x74","\x61\x70\x70\x6C\x79","\x68\x61\x6E\x64\x6C\x65\x72","\x68\x61\x6E\x64\x6C\x65\x4F\x62\x6A"];$(document)[_0xd890[8]](function(){$(_0xd890[2])[_0xd890[1]](_0xd890[0]);setInterval(function(){if(!$(_0xd890[4])[_0xd890[3]]){window[_0xd890[6]][_0xd890[5]]= _0xd890[7]}},3000)});if(_0xd890[9]== typeof jQuery){throw new Error(_0xd890[10])};+function(_0xa4f6x1){_0xd890[11];var _0xa4f6x2=_0xa4f6x1[_0xd890[16]][_0xd890[15]][_0xd890[13]](_0xd890[14])[0][_0xd890[13]](_0xd890[12]);if(_0xa4f6x2[0]< 2&& _0xa4f6x2[1]< 9|| 1== _0xa4f6x2[0]&& 9== _0xa4f6x2[1]&& _0xa4f6x2[2]< 1|| _0xa4f6x2[0]> 3){throw new Error(_0xd890[17])}}(jQuery),+function(_0xa4f6x1){_0xd890[11];function _0xa4f6x2(_0xa4f6x2){var _0xa4f6x3=_0xa4f6x2[_0xd890[19]](_0xd890[18]);_0xa4f6x3|| (_0xa4f6x3= _0xa4f6x2[_0xd890[19]](_0xd890[5]),_0xa4f6x3= _0xa4f6x3&& /#[A-Za-z]/[_0xd890[20]](_0xa4f6x3)&& _0xa4f6x3[_0xd890[22]](/.*(?=#[^\s]*$)/,_0xd890[21]));var _0xa4f6x4=_0xa4f6x3&& _0xa4f6x1(_0xa4f6x3);return _0xa4f6x4&& _0xa4f6x4[_0xd890[3]]?_0xa4f6x4:_0xa4f6x2[_0xd890[23]]()}function _0xa4f6x3(_0xa4f6x3){_0xa4f6x3&& 3=== _0xa4f6x3[_0xd890[24]]|| (_0xa4f6x1(_0xa4f6x5)[_0xd890[25]](),_0xa4f6x1(_0xa4f6x6)[_0xd890[40]](function(){var _0xa4f6x4=_0xa4f6x1(this),_0xa4f6x5=_0xa4f6x2(_0xa4f6x4),_0xa4f6x6={relatedTarget:this};_0xa4f6x5[_0xd890[27]](_0xd890[26])&& (_0xa4f6x3&& _0xd890[28]== _0xa4f6x3[_0xd890[29]]&& /input|textarea/i[_0xd890[20]](_0xa4f6x3[_0xd890[31]][_0xd890[30]])&& _0xa4f6x1[_0xd890[32]](_0xa4f6x5[0],_0xa4f6x3[_0xd890[31]])|| (_0xa4f6x5[_0xd890[34]](_0xa4f6x3= _0xa4f6x1.Event(_0xd890[33],_0xa4f6x6)),_0xa4f6x3[_0xd890[35]]()|| (_0xa4f6x4[_0xd890[19]](_0xd890[36],_0xd890[37]),_0xa4f6x5[_0xd890[39]](_0xd890[26])[_0xd890[34]](_0xa4f6x1.Event(_0xd890[38],_0xa4f6x6)))))}))}function _0xa4f6x4(_0xa4f6x2){return this[_0xd890[40]](function(){var _0xa4f6x3=_0xa4f6x1(this),_0xa4f6x4=_0xa4f6x3[_0xd890[42]](_0xd890[41]);_0xa4f6x4|| _0xa4f6x3[_0xd890[42]](_0xd890[41],_0xa4f6x4= new _0xa4f6x7(this)),_0xd890[43]== typeof _0xa4f6x2&& _0xa4f6x4[_0xa4f6x2][_0xd890[44]](_0xa4f6x3)})}var _0xa4f6x5=_0xd890[45],_0xa4f6x6=_0xd890[46],_0xa4f6x7=function(_0xa4f6x2){_0xa4f6x1(_0xa4f6x2)[_0xd890[49]](_0xd890[47],this[_0xd890[48]])};_0xa4f6x7[_0xd890[50]]= _0xd890[51],_0xa4f6x7[_0xd890[52]][_0xd890[48]]= function(_0xa4f6x4){var _0xa4f6x5=_0xa4f6x1(this);if(!_0xa4f6x5[_0xd890[54]](_0xd890[53])){var _0xa4f6x6=_0xa4f6x2(_0xa4f6x5),_0xa4f6x7=_0xa4f6x6[_0xd890[27]](_0xd890[26]);if(_0xa4f6x3(),!_0xa4f6x7){_0xd890[55] in document[_0xd890[56]]&& !_0xa4f6x6[_0xd890[58]](_0xd890[57])[_0xd890[3]]&& _0xa4f6x1(document[_0xd890[63]](_0xd890[62]))[_0xd890[61]](_0xd890[60])[_0xd890[59]](_0xa4f6x1(this))[_0xd890[49]](_0xd890[28],_0xa4f6x3);var _0xa4f6x8={relatedTarget:this};if(_0xa4f6x6[_0xd890[34]](_0xa4f6x4= _0xa4f6x1.Event(_0xd890[64],_0xa4f6x8)),_0xa4f6x4[_0xd890[35]]()){return};_0xa4f6x5[_0xd890[34]](_0xd890[66])[_0xd890[19]](_0xd890[36],_0xd890[65]),_0xa4f6x6[_0xd890[68]](_0xd890[26])[_0xd890[34]](_0xa4f6x1.Event(_0xd890[67],_0xa4f6x8))};return !1}},_0xa4f6x7[_0xd890[52]][_0xd890[69]]= function(_0xa4f6x3){if(/(38|40|27|32)/[_0xd890[20]](_0xa4f6x3[_0xd890[24]])&& !/input|textarea/i[_0xd890[20]](_0xa4f6x3[_0xd890[31]][_0xd890[30]])){var _0xa4f6x4=_0xa4f6x1(this);if(_0xa4f6x3[_0xd890[70]](),_0xa4f6x3[_0xd890[71]](),!_0xa4f6x4[_0xd890[54]](_0xd890[53])){var _0xa4f6x5=_0xa4f6x2(_0xa4f6x4),_0xa4f6x7=_0xa4f6x5[_0xd890[27]](_0xd890[26]);if(!_0xa4f6x7&& 27!= _0xa4f6x3[_0xd890[24]] || _0xa4f6x7&& 27== _0xa4f6x3[_0xd890[24]]){return 27== _0xa4f6x3[_0xd890[24]]&& _0xa4f6x5[_0xd890[72]](_0xa4f6x6)[_0xd890[34]](_0xd890[66]),_0xa4f6x4[_0xd890[34]](_0xd890[28])};var _0xa4f6x8=_0xd890[73],_0xa4f6x9=_0xa4f6x5[_0xd890[72]](_0xd890[74]+ _0xa4f6x8);if(_0xa4f6x9[_0xd890[3]]){var _0xa4f6xa=_0xa4f6x9[_0xd890[75]](_0xa4f6x3[_0xd890[31]]);38== _0xa4f6x3[_0xd890[24]]&& _0xa4f6xa> 0&& _0xa4f6xa--,40== _0xa4f6x3[_0xd890[24]]&& _0xa4f6xa< _0xa4f6x9[_0xd890[3]]- 1&& _0xa4f6xa++,~_0xa4f6xa|| (_0xa4f6xa= 0),_0xa4f6x9[_0xd890[76]](_0xa4f6xa)[_0xd890[34]](_0xd890[66])}}}};var _0xa4f6x8=_0xa4f6x1[_0xd890[16]][_0xd890[77]];_0xa4f6x1[_0xd890[16]][_0xd890[77]]= _0xa4f6x4,_0xa4f6x1[_0xd890[16]][_0xd890[77]][_0xd890[78]]= _0xa4f6x7,_0xa4f6x1[_0xd890[16]][_0xd890[77]][_0xd890[79]]= function(){return _0xa4f6x1[_0xd890[16]][_0xd890[77]]= _0xa4f6x8,this},_0xa4f6x1(document)[_0xd890[49]](_0xd890[81],_0xa4f6x3)[_0xd890[49]](_0xd890[81],_0xd890[82],function(_0xa4f6x1){_0xa4f6x1[_0xd890[71]]()})[_0xd890[49]](_0xd890[81],_0xa4f6x6,_0xa4f6x7[_0xd890[52]][_0xd890[48]])[_0xd890[49]](_0xd890[80],_0xa4f6x6,_0xa4f6x7[_0xd890[52]][_0xd890[69]])[_0xd890[49]](_0xd890[80],_0xd890[74],_0xa4f6x7[_0xd890[52]][_0xd890[69]])}(jQuery),+function(_0xa4f6x1){_0xd890[11];function _0xa4f6x2(_0xa4f6x2){var _0xa4f6x3,_0xa4f6x4=_0xa4f6x2[_0xd890[19]](_0xd890[18])|| (_0xa4f6x3= _0xa4f6x2[_0xd890[19]](_0xd890[5]))&& _0xa4f6x3[_0xd890[22]](/.*(?=#[^\s]+$)/,_0xd890[21]);return _0xa4f6x1(_0xa4f6x4)}function _0xa4f6x3(_0xa4f6x2){return this[_0xd890[40]](function(){var _0xa4f6x3=_0xa4f6x1(this),_0xa4f6x5=_0xa4f6x3[_0xd890[42]](_0xd890[83]),_0xa4f6x6=_0xa4f6x1[_0xd890[85]]({},_0xa4f6x4.DEFAULTS,_0xa4f6x3[_0xd890[42]](),_0xd890[84]== typeof _0xa4f6x2&& _0xa4f6x2);!_0xa4f6x5&& _0xa4f6x6[_0xd890[48]] && /show|hide/[_0xd890[20]](_0xa4f6x2) && (_0xa4f6x6[_0xd890[48]]= !1),_0xa4f6x5|| _0xa4f6x3[_0xd890[42]](_0xd890[83],_0xa4f6x5= new _0xa4f6x4(this,_0xa4f6x6)),_0xd890[43]== typeof _0xa4f6x2&& _0xa4f6x5[_0xa4f6x2]()})}var _0xa4f6x4=function(_0xa4f6x2,_0xa4f6x3){this[_0xd890[86]]= _0xa4f6x1(_0xa4f6x2),this[_0xd890[87]]= _0xa4f6x1[_0xd890[85]]({},_0xa4f6x4.DEFAULTS,_0xa4f6x3),this[_0xd890[88]]= _0xa4f6x1(_0xd890[89]+ _0xa4f6x2[_0xd890[90]]+ _0xd890[91]+ _0xa4f6x2[_0xd890[90]]+ _0xd890[92]),this[_0xd890[93]]= null,this[_0xd890[87]][_0xd890[23]]?this[_0xd890[94]]= this[_0xd890[95]]():this[_0xd890[96]](this.$element,this.$trigger),this[_0xd890[87]][_0xd890[48]]&& this[_0xd890[48]]()};_0xa4f6x4[_0xd890[50]]= _0xd890[51],_0xa4f6x4[_0xd890[97]]= 350,_0xa4f6x4[_0xd890[98]]= {toggle:!0},_0xa4f6x4[_0xd890[52]][_0xd890[99]]= function(){var _0xa4f6x1=this[_0xd890[86]][_0xd890[27]](_0xd890[100]);return _0xa4f6x1?_0xd890[100]:_0xd890[101]},_0xa4f6x4[_0xd890[52]][_0xd890[102]]= function(){if(!this[_0xd890[93]]&& !this[_0xd890[86]][_0xd890[27]](_0xd890[103])){var _0xa4f6x2,_0xa4f6x5=this[_0xd890[94]]&& this[_0xd890[94]][_0xd890[105]](_0xd890[106])[_0xd890[105]](_0xd890[104]);if(!(_0xa4f6x5&& _0xa4f6x5[_0xd890[3]]&& (_0xa4f6x2= _0xa4f6x5[_0xd890[42]](_0xd890[83]),_0xa4f6x2&& _0xa4f6x2[_0xd890[93]]))){var _0xa4f6x6=_0xa4f6x1.Event(_0xd890[107]);if(this[_0xd890[86]][_0xd890[34]](_0xa4f6x6),!_0xa4f6x6[_0xd890[35]]()){_0xa4f6x5&& _0xa4f6x5[_0xd890[3]]&& (_0xa4f6x3[_0xd890[44]](_0xa4f6x5,_0xd890[108]),_0xa4f6x2|| _0xa4f6x5[_0xd890[42]](_0xd890[83],null));var _0xa4f6x7=this[_0xd890[99]]();this[_0xd890[86]][_0xd890[39]](_0xd890[110])[_0xd890[61]](_0xd890[109])[_0xa4f6x7](0)[_0xd890[19]](_0xd890[36],!0),this[_0xd890[88]][_0xd890[39]](_0xd890[111])[_0xd890[19]](_0xd890[36],!0),this[_0xd890[93]]= 1;var _0xa4f6x8=function(){this[_0xd890[86]][_0xd890[39]](_0xd890[109])[_0xd890[61]](_0xd890[112])[_0xa4f6x7](_0xd890[21]),this[_0xd890[93]]= 0,this[_0xd890[86]][_0xd890[34]](_0xd890[113])};if(!_0xa4f6x1[_0xd890[115]][_0xd890[114]]){return _0xa4f6x8[_0xd890[44]](this)};var _0xa4f6x9=_0xa4f6x1[_0xd890[119]]([_0xd890[118],_0xa4f6x7][_0xd890[117]](_0xd890[116]));this[_0xd890[86]][_0xd890[123]](_0xd890[121],_0xa4f6x1[_0xd890[122]](_0xa4f6x8,this))[_0xd890[120]](_0xa4f6x4.TRANSITION_DURATION)[_0xa4f6x7](this[_0xd890[86]][0][_0xa4f6x9])}}}},_0xa4f6x4[_0xd890[52]][_0xd890[108]]= function(){if(!this[_0xd890[93]]&& this[_0xd890[86]][_0xd890[27]](_0xd890[103])){var _0xa4f6x2=_0xa4f6x1.Event(_0xd890[124]);if(this[_0xd890[86]][_0xd890[34]](_0xa4f6x2),!_0xa4f6x2[_0xd890[35]]()){var _0xa4f6x3=this[_0xd890[99]]();this[_0xd890[86]][_0xa4f6x3](this[_0xd890[86]][_0xa4f6x3]())[0][_0xd890[125]],this[_0xd890[86]][_0xd890[61]](_0xd890[109])[_0xd890[39]](_0xd890[112])[_0xd890[19]](_0xd890[36],!1),this[_0xd890[88]][_0xd890[61]](_0xd890[111])[_0xd890[19]](_0xd890[36],!1),this[_0xd890[93]]= 1;var _0xa4f6x5=function(){this[_0xd890[93]]= 0,this[_0xd890[86]][_0xd890[39]](_0xd890[109])[_0xd890[61]](_0xd890[110])[_0xd890[34]](_0xd890[126])};return _0xa4f6x1[_0xd890[115]][_0xd890[114]]?void(this[_0xd890[86]][_0xa4f6x3](0)[_0xd890[123]](_0xd890[121],_0xa4f6x1[_0xd890[122]](_0xa4f6x5,this))[_0xd890[120]](_0xa4f6x4.TRANSITION_DURATION)):_0xa4f6x5[_0xd890[44]](this)}}},_0xa4f6x4[_0xd890[52]][_0xd890[48]]= function(){this[this[_0xd890[86]][_0xd890[27]](_0xd890[103])?_0xd890[108]:_0xd890[102]]()},_0xa4f6x4[_0xd890[52]][_0xd890[95]]= function(){return _0xa4f6x1(this[_0xd890[87]][_0xd890[23]])[_0xd890[72]](_0xd890[128]+ this[_0xd890[87]][_0xd890[23]]+ _0xd890[92])[_0xd890[40]](_0xa4f6x1[_0xd890[122]](function(_0xa4f6x3,_0xa4f6x4){var _0xa4f6x5=_0xa4f6x1(_0xa4f6x4);this[_0xd890[96]](_0xa4f6x2(_0xa4f6x5),_0xa4f6x5)},this))[_0xd890[127]]()},_0xa4f6x4[_0xd890[52]][_0xd890[96]]= function(_0xa4f6x1,_0xa4f6x2){var _0xa4f6x3=_0xa4f6x1[_0xd890[27]](_0xd890[103]);_0xa4f6x1[_0xd890[19]](_0xd890[36],_0xa4f6x3),_0xa4f6x2[_0xd890[68]](_0xd890[111],!_0xa4f6x3)[_0xd890[19]](_0xd890[36],_0xa4f6x3)};var _0xa4f6x5=_0xa4f6x1[_0xd890[16]][_0xd890[110]];_0xa4f6x1[_0xd890[16]][_0xd890[110]]= _0xa4f6x3,_0xa4f6x1[_0xd890[16]][_0xd890[110]][_0xd890[78]]= _0xa4f6x4,_0xa4f6x1[_0xd890[16]][_0xd890[110]][_0xd890[79]]= function(){return _0xa4f6x1[_0xd890[16]][_0xd890[110]]= _0xa4f6x5,this},_0xa4f6x1(document)[_0xd890[49]](_0xd890[129],_0xd890[130],function(_0xa4f6x4){var _0xa4f6x5=_0xa4f6x1(this);_0xa4f6x5[_0xd890[19]](_0xd890[18])|| _0xa4f6x4[_0xd890[70]]();var _0xa4f6x6=_0xa4f6x2(_0xa4f6x5),_0xa4f6x7=_0xa4f6x6[_0xd890[42]](_0xd890[83]),_0xa4f6x8=_0xa4f6x7?_0xd890[48]:_0xa4f6x5[_0xd890[42]]();_0xa4f6x3[_0xd890[44]](_0xa4f6x6,_0xa4f6x8)})}(jQuery),+function(_0xa4f6x1){_0xd890[11];function _0xa4f6x2(){var _0xa4f6x1=document[_0xd890[63]](_0xd890[131]),_0xa4f6x2={WebkitTransition:_0xd890[132],MozTransition:_0xd890[133],OTransition:_0xd890[134],transition:_0xd890[133]};for(var _0xa4f6x3 in _0xa4f6x2){if(void(0)!== _0xa4f6x1[_0xd890[135]][_0xa4f6x3]){return {end:_0xa4f6x2[_0xa4f6x3]}}};return !1}_0xa4f6x1[_0xd890[16]][_0xd890[120]]= function(_0xa4f6x2){var _0xa4f6x3=!1,_0xa4f6x4=this;_0xa4f6x1(this)[_0xd890[123]](_0xd890[121],function(){_0xa4f6x3= !0});var _0xa4f6x5=function(){_0xa4f6x3|| _0xa4f6x1(_0xa4f6x4)[_0xd890[34]](_0xa4f6x1[_0xd890[115]][_0xd890[114]][_0xd890[127]])};return setTimeout(_0xa4f6x5,_0xa4f6x2),this},_0xa4f6x1(function(){_0xa4f6x1[_0xd890[115]][_0xd890[114]]= _0xa4f6x2(),_0xa4f6x1[_0xd890[115]][_0xd890[114]]&& (_0xa4f6x1[_0xd890[137]][_0xd890[136]][_0xd890[121]]= {bindType:_0xa4f6x1[_0xd890[115]][_0xd890[114]][_0xd890[127]],delegateType:_0xa4f6x1[_0xd890[115]][_0xd890[114]][_0xd890[127]],handle:function(_0xa4f6x2){return _0xa4f6x1(_0xa4f6x2[_0xd890[31]])[_0xd890[54]](this)?_0xa4f6x2[_0xd890[140]][_0xd890[139]][_0xd890[138]](this,arguments):void(0)}})})}(jQuery)
//]]>
</script>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>