@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

<!--
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#66bbdd"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 16px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#fbfbfb" value="#fbfbfb"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2288bb"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#333333"  value="#333333"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#777777"  value="#777777"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#999999"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#f1f1f1" value="#f1f1f1"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<!-- ################### -->
<!-- COVER -->
<!-- ################### -->
<Group description="Cover" selector=".cover .w-cover h2">
<Variable name="cover.font" description="Font" type="font"
default="normal normal 36px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 36px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="cover.background.color" description="Background Color" type="color" default="#367ABD" value="#367ABD"/>
<Variable name="cover.text.color" description="Title Color" type="color" default="#ffffff"  value="#ffffff"/>
</Group>
<!-- ################### -->
<!-- PEMISAH 1 -->
<!-- ################### -->
<Group description="Pemisah 1" selector=".duaenam-content-1">
<Variable name="pemisah1.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="pemisah1.text.color" description="Text Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- FEATURES -->
<!-- ################### -->
<Group description="Features" selector=".duaenam-content-2">
<Variable name="features.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="features.text.color" description="Title Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- PEMISAH 2 -->
<!-- ################### -->
<Group description="Pemisah 2" selector=".duaenam-content-3">
<Variable name="pemisah2.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="pemisah2.text.color" description="Text Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- TESTIMONI -->
<!-- ################### -->
<Group description="Testimoni" selector=".duaenam-content-4">
<Variable name="testimoni.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="testimoni.text.color" description="Title Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- PEMISAH 3 -->
<!-- ################### -->
<Group description="Pemisah 3" selector=".duaenam-content-5">
<Variable name="pemisah3.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="pemisah3.text.color" description="Text Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- CALL TO ACTION -->
<!-- ################### -->
<Group description="Call To Action" selector=".duaenam-content-6">
<Variable name="cta.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="cta.text.color" description="Title Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- PEMISAH 4 -->
<!-- ################### -->
<Group description="Pemisah 4" selector=".duaenam-content-7">
<Variable name="pemisah4.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="pemisah4.text.color" description="Text Color" type="color" default="#444444"  value="#444444"/>
</Group>
<!-- ################### -->
<!-- FOOTER -->
<!-- ################### -->
<Group description="Footer" selector=".duaenam-content-8">
<Variable name="footer.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="footer.text.color" description="Title Color" type="color" default="#444444"  value="#444444"/>
</Group>
<Group description="Post Title" selector="h2.post-title">
<Variable name="post.title.font" description="Font" type="font"
default="bold normal 48px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="bold normal 48px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
</Group>
<Group description="Date Header" selector=".date-header">
<Variable name="date.header.color" description="Text Color" type="color"
default="#333333" value="#333333"/>
<Variable name="date.header.background.color" description="Background Color" type="color"
default="transparent" value="transparent"/>
<Variable name="date.header.font" description="Text Font" type="font"
default="normal bold 11px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
<Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
<Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
<Variable name="post.footer.background.color" description="Background Color" type="color"
default="#ffffff" value="#ffffff"/>
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Gadgets" selector=".sidebar h3">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal bold 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="image.text.color" description="Caption Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Accents" selector=".content-inner">
<Variable name="body.rule.color" description="Separator Line Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="#fbfbfb" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)"/>
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
<Variable name="content.padding" description="Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
<Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" min="0" max="100px" value="40px"/>
<Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" min="0" max="100px" value="5px"/>
<Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" min="0" max="100px" value="10px"/>
<Variable name="main.border.width" description="Main Border Width" type="length" default="0" min="0" max="10px" value="0"/>
<Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
<Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" min="-50px" max="50px" value="-1px"/>
<Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" min="-50px" max="50px" value="-1px"/>
<Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" min="0" max="100px" value="1px"/>
<Variable name="header.padding" description="Header Padding" type="length" default="30px" min="0" max="100px" value="30px"/>
<Variable name="header.border.size" description="Header Border Size" type="length" default="1px" min="0" max="10px" value="1px"/>
<Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="1px" min="0" max="10px" value="1px"/>
<Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" min="0" max="10px" value="0"/>
<Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>
<Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" min="0" max="100px" value="0"/>
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="15px" min="0" max="100px" value="15px"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
<Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
<Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" min="0" max="100px" value="25px"/>
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" min="0" max="10px" value="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" min="0" max="10px" value="5px"/>
<Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
<Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" min="0" max="100px" value="15px"/>
<Variable name="main.padding" description="Main Padding" type="length" default="15px" min="0" max="100px" value="15px"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="30px"/>
<Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" min="0" max="100px" value="30px"/>
<Variable name="paging.background"
color="#ffffff"
description="Background of blog paging area" type="background"
default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>
<Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" min="0" max="10px" value="0"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
*/
/* Content
----------------------------------------------- */
body {
font: normal normal 16px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #333333;
background: #fff none repeat scroll top left;
padding: 0 40px 40px 40px;
padding-bottom: 10px !important;
}
#navbar{display:none}html body .region-inner{max-width:100%;width:auto}img{max-width:100%}h1,h2,h3,h4,h5,h6{margin-bottom:20px}p{margin-top:0}
p.txt-caption{color:#083800;font-size:22px;letter-spacing:0.5px;line-height:1.4em;margin-bottom:0;opacity:.8}a:link{text-decoration:none;color:#2288bb}a:visited{text-decoration:none;color:#888888}
a:hover{text-decoration:underline;color:#33aaff}.content-outer{margin-bottom:1px}.content-inner{padding:10px 10px}.content-inner{background-color:#ffffff}
.header-outer{background:transparent none repeat-x scroll 0 -400px;_background-image:none}
.Header h1{font:normal normal 60px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;color:#333333;text-shadow:-1px -1px 1px rgba(0,0,0,.2);line-height:1.15em;letter-spacing:-.0625em}
.Header h1 a{color:#333333}.Header .description{font-size:140%;color:#777777}#header-inner img{max-width:100%;height:auto;margin:0 auto}
.header-inner .Header .titlewrapper{padding:22px 30px 0}.header-inner .Header .descriptionwrapper{padding:0 30px}.tabs-inner{padding:0}
.tabs-inner .widget ul{background:#168803;_background-image:none;margin-top:0}
.tabs-inner .widget li a{display:inline-block;padding:15px 10px;font:normal normal 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;color:#fff}
.tabs-inner .widget li.selected a,.tabs-inner .widget li a:hover{color:#000000;background-color:#d7e3d5;text-decoration:none; font-weight:normal;}.section{margin:0}
.cover .widget,.box-konten .widget{margin:0}.row{clear:both;padding:0;margin:0}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-child{margin-left:0}
.group:before,.group:after{content:"";display:table}.group:after{clear:both}.group{zoom:1}.kolom11{width:66.13%}.cover-kolom22{width:40%}.cover-kolom12{width:58.33%}.kolom22{width:100%}
.kolom12{width:49.2%}.kolom-besar{width:60.13%}.kolom-kecil{width:38.26%}.kolom33{width:100%}.kolom23{width:66.13%}.kolom13{width:32.26%}.kolom44{width:100%}
.kolom34{width:74.6%}.kolom24{width:49.2%}.kolom14{width:23.8%}.kolom66{width:100%}.kolom56{width:76.6666%}.kolom46{width:61.3333%}.kolom36{width:45.9999%}
.kolom26{width:30.6666%}.kolom16{width:15.3333%}.kolomfull{width:100%}@media only screen and (max-width: 480px){.col{margin:1% 0}.kolom22,.kolom12{width:100%}
.kolom33,.kolom23,.kolom13{width:100%}.kolom14,.kolom24,.kolom34,.kolom44{width:100%}.kolom16,.kolom26,.kolom36,.kolom46,.kolom56,.kolom66{width:50%}
.cover-kolom22,.cover-kolom12{width:100%}.kolom-besar,.kolom-kecil{width:100%}}.no-items{padding:0!important;margin:0!important}.cover{color:#282828;background:#ffffff}
.cover .w-cover{overflow:hidden}.cover .row{max-width:960px;margin:auto}
.cover h2{font:normal normal 42px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin-bottom:.25em;padding:0;line-height:1.15em;letter-spacing:-.062em; font-weight: bold;}
.cover p{font-size:18px;margin:0 0 30px;font-weight:normal}.cover1{padding:40px}.cover2{padding:40px}.cover3{text-align:center;padding:100px 40px;position:relative;clear:both}
.cover3:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(https://placeimg.com/960/480/any);opacity:.5}.cover3 .isi-cover3{position:relative;z-index:2}
.cover4{padding:70px 40px}.wrap-video{position:relative;padding-bottom:56.25%;padding-top:0;height:0}.wrap-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.cover5{padding:40px;text-align:center}
.cover5 .col{text-align:left}.cover5 .no-left{margin-left:0}.cover5 ul{list-style:none;padding:0}.cover5 li{padding-left:1.3em !important;font-size:24px;margin-bottom:14px !important;}
.cover5 li:before{content:"\f14a";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em}.cover6{padding:40px}.cover6 form{text-align:center}
.cover6 form fieldset{background:#333;border-radius:5px;border:none;padding:30px 30px 10px}.cover6 form fieldset .form-group{margin-bottom:15px}
.cover6 form fieldset .form-group .form-control{padding:10px;border-radius:5px;border:none;font-size:16px;width:100%;box-sizing:border-box}.cover6 form fieldset .form-group 
.btn{width:100%;box-sizing:border-box;border:none}.cover6 span{font-size:13px}.cover7{text-align:center;padding:100px 40px;position:relative;clear:both}.cover7:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(https://placeimg.com/960/480/any);opacity:.5}.cover7 .isi-cover3{position:relative;z-index:2}.duaenam-content-1{background:#ffffff;color:#444444}.duaenam-content-2{background:#ffffff;color:#444444}.duaenam-content-3{background:#ffffff;color:#444444}.duaenam-content-4{background:#ffffff;color:#444444}.duaenam-content-5{background:#ffffff;color:#444444}.duaenam-content-6{background:#ffffff;color:#444444}.duaenam-content-7{background:#ffffff;color:#444444}.duaenam-content-8{background:#ffffff;color:#444444}.txt-center{text-align:center}.txt-left{text-align:left}.txt-miring{font-style:italic}.duaenam-content{color:#444444;background-color:#ffffff}.box-konten{padding:0}.pad40{padding:40px}
.box-konten h2,.box-pricing h2{margin-bottom:.125em;font-size:42px;padding:0;line-height:1.15em;letter-spacing:-.0625em}.box-konten h2 span{font-family:playfair display;font-style:italic;font-weight:normal;opacity:.9}.box-konten h3{margin-top:10px;margin-bottom:10px}.box-konten p{margin-top:10px;margin-bottom:20px;opacity:.7}.row .fa{font-size:50px}.row .fa-kecil{font-size:40px;float:left;margin-right:20px}.feat-1{padding:40px 40px 20px}.feat-2{padding:40px 40px 20px}.feat-2 .list-box{padding:0 20px;overflow:hidden;margin-bottom:10px}.feat-2 .list-box .list-icon{width:50px;height:50px;float:left;margin:10px}.feat-2 .list-box .list-isi{overflow:hidden;margin-right:15px}.feat-3{padding:40px 40px 20px}.feat-3 img{border-radius:3px}.feat-4{padding:40px 40px 20px}.feat-5{padding:40px 40px 20px}.feat-5 .feat-list{margin:15px auto;overflow:hidden}.feat-6{padding:40px 40px 20px}.feat-7{padding:40px 40px 20px}.feat-7 .list-box{padding:0 20px 0 0;overflow:hidden;margin-bottom:10px}.feat-7 .list-box .list-icon{width:50px;height:50px;float:left;margin:10px}.feat-7 .list-box .list-isi{overflow:hidden;margin-right:15px}.feat-8{padding:40px 40px 20px}.feat-8 .fa{font-size:30px;vertical-align:middle;margin-right:10px}.feat-9{padding:40px 40px 20px}.feat-10{padding:0}.feat-10 h3{margin-bottom:.8em;font-size:30px;padding:0;line-height:1.15em;letter-spacing:-.0625em}.feat-10 .feat-list{clear:both;display:inline-block;padding:30px 40px}.feat-10 .tukar{background:#fbefef;display:inline-block}.feat-10 .tukar .kolom13{float:right;margin-left:1.6%}.feat-10 .tukar .kolom23{margin-left:0}.feat-10 .feat-list img{text-align:center}.feat-11{padding:40px 40px 20px}.feat-11 .wrap-video{margin-bottom:30px}.feat-12{padding:40px 40px 1px}.feat-13{padding:40px 40px 20px}.feat-13 .wrap-video{margin-bottom:20px}.feat-13 .list-box{overflow:hidden;margin-bottom:5px}.feat-13 .list-box .list-icon{width:50px;height:50px;float:left}.feat-13 .list-box .list-isi{overflow:hidden;margin-right:15px}.feat-14{padding:40px 40px 20px}.feat-15{padding:40px}.feat-15 img{border-radius:3px}.feat-16{padding:40px}.feat-17{padding:40px 40px 20px}.feat-17 ul{list-style:none;padding-left:15px;margin:0}.feat-17 li:before{font-family:'FontAwesome';content:'\f00c';margin:0 10px 0 -26px;color:#f00}.feat-17 li{margin-bottom:15px;padding-left:10px}.feat-18{padding:40px 40px 20px;background:#d35400;color:#fff;font-weight:bolder;text-shadow:0 1px 1px #333}.feat-18 .counter{font-size:45px}.feat-19{padding:40px 40px 20px;background:#27ae60;color:#fff;font-weight:bolder;text-shadow:0 1px 1px #333}.feat-19 .counter{font-size:45px}.feat-20{padding:40px 40px 20px;background:#fddfc6}.feat-20 span{font-size:35px}.feat-20 .btn{margin-left:20px}.feat-21{padding:40px;background:#8e44ad;color:#fff}.feat-21 h2{margin-bottom:0}.feat-22{padding:40px}.feat-22 a:hover{opacity:.8}.merah{color:#e74c3c}.hijau{color:#2ecc71}.orange{color:#f39c12}.biru{color:#3498db}.ungu{color:#8e44ad}.kuning{color:#f1c40f}.pricing .price{list-style-type:none;border:1px solid #eee;margin:0;padding:0;-webkit-transition:.3s;transition:.3s}.pricing .price:hover{box-shadow:0 8px 12px 0 rgba(0,0,0,0.2)}.pricing .price .header{color:white;font-size:25px;border-bottom:none}.pricing .price .desc{color:#fff;padding-top:0;border-bottom:none}.pricing .price li{border-bottom:1px solid #eee;padding:15px 20px;text-align:center;margin-bottom:0}.pricing .price li:before{list-style:none;content:'';margin:auto}.pricing .price .harga span{font-size:60px;font-weight:bold;letter-spacing:-.0525em}.pricing .table-harga-1 .price .header{background:#27ae60}.pricing .table-harga-2 .price .header{background:#e67e22}.pricing .table-harga-3 .price .header{background:#8e44ad}.pricing .table-harga-1 .price .desc{background:#27ae60}.pricing .table-harga-2 .price .desc{background:#e67e22}.pricing .table-harga-3 .price .desc{background:#8e44ad}.pricing .table-harga-1 .price .harga{background:#e5fcee}.pricing .table-harga-2 .price .harga{background:#fbefe2}.pricing .table-harga-3 .price .harga{background:#f5e4fd}.pricing .btn{margin-bottom:0}.pricing-1{padding:40px}.pricing-2{padding:40px}.pricing-2 .table-harga-1{padding-left:4em;padding-right:4em}.pricing-2 .table-harga-1 .price .header{font-size:48px;font-weight:bold;line-height:1.15em;letter-spacing:-.0625em}.pricing-2 .table-harga-1 .price .harga strike{font-size:30px;color:#1abc9c;font-weight:bold}.pricing-2 .table-harga-1 .price .harga{background:#fff}.pricing-2 .table-harga-1 .price .harga span{font-size:5em;color:#e74c3c}.pricing-2 .btn{border-radius:50px;font-size:30px;padding:20px 50px}.pricing-3{padding:40px}.pricing-3 .price li{text-align:left}.pricing-3 .table-harga-1 .price .header{background:#fff;color:#2ecc71;font-weight:bold}.pricing-3 .table-harga-1 .price .header span{border-bottom:solid 7px #2ecc71;padding-bottom:12px}.pricing-3 .table-harga-2 .price .header{background:#fff;color:#f1c40f;font-weight:bold}.pricing-3 .table-harga-2 .price .header span{border-bottom:solid 7px #f1c40f;padding-bottom:12px}.pricing-3 .table-harga-3 .price .header{background:#fff;color:#e74c3c;font-weight:bold}.pricing-3 .table-harga-3 .price .header span{border-bottom:solid 7px #e74c3c;padding-bottom:12px}.pricing-3 .table-harga-1 .price .desc{background:#fff;color:#666;padding-top:20px;padding-bottom:0}.pricing-3 .table-harga-2 .price .desc{background:#fff;color:#666;padding-top:20px;padding-bottom:0}.pricing-3 .table-harga-3 .price .desc{background:#fff;color:#666;padding-top:20px;padding-bottom:0}.pricing-3 .table-harga-1 .price .harga{background:#fff;color:#2ecc71;border-bottom:none}.pricing-3 .table-harga-2 .price .harga{background:#fff;color:#f1c40f;border-bottom:none}.pricing-3 .table-harga-3 .price .harga{background:#fff;color:#e74c3c;border-bottom:none}.pricing-3 .price li.b-list{padding:5px 20px;border-bottom:none}.cta-1{padding:40px}.cta-1 h2{font-size:30px}.cta-1 h3{font-size:40px}.cta-1 .kotak-promo{margin:30px auto;overflow:hidden;width:500px;clear:both}.cta-1 .kotak-promo .harga-asli{width:100px;float:left;font-size:40px;position:relative;color:#888}.cta-1 .kotak-promo .harga-asli .harga-coret{position:absolute;width:100px;top:5px}.cta-1 .kotak-promo .harga-baru{width:390px;float:left;font-size:60px;font-weight:bolder;color:#e93a5b;line-height:50px;text-align:center}.cta-1 .order{clear:both}.cta-1 .btn{font-size:30px;border-radius:50px;padding-left:40px;padding-right:40px}@keyframes blink{0%{color:red}100%{color:orange}}@-webkit-keyframes blink{0%{color:red}100%{color:orange}}.blink{-webkit-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;animation:blink 1s linear infinite}.cta-2{padding:40px}.cta-2 .order{margin-top:20px;margin-bottom:20px}.cta-2 .btn{font-size:40px}.cta-3{padding:40px;background:#f1fdff}.cta-3 .box-harga{max-width:400px;margin:20px auto;background:#fff;outline:6px dashed #ffd200;box-shadow:0 0 0 6px #EA3556;animation:1s animateBorderOne ease infinite}.cta-3 .box-harga .harga{font-size:60px;font-weight:bold;padding-top:20px;padding-bottom:20px;border-bottom:dashed 3px #eb1e2a;color:#e74c3c}.cta-3 .box-harga .order{padding:20px}.cta-3 .btn{font-size:30px}.cta-3 .box-harga .pembayaran{padding:0 20px 20px}@keyframes animateBorderOne{to{outline:6px dashed #EA3556;box-shadow:0 0 0 6px #ffd200}}.cta-4{padding:40px;position:relative;color:#fff;overflow:hidden;background:#7f8c8d}.cta-4 h2{font-size:30px;text-shadow:1px 1px 1px #333}.cta-4:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:.5;background:url(https://placeimg.com/960/480/arch)}.cta-4 .txt-caption{color:#fff;text-shadow:1px 1px 1px #333}.cta-4 .isi{position:relative;z-index:2}.cta-5{padding:40px;color:#fff;background:#2860b3;position:relative}.cta-5:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(https://placeimg.com/960/480/any);opacity:.5}.cta-5 .isi{position:relative;z-index:2}.cta-5 .txt-caption{color:#fff}.cta-5 .form-subscribe fieldset{display:inline-block;border:none;padding:10px;background:rgba(0,0,0,.3);border-radius:5px;box-sizing:border-box}.cta-5 .form-subscribe fieldset .form-group{float:left}.cta-5 .form-subscribe fieldset .form-group .input-md{font-size:16px;margin:0 7px;padding:15px 20px;border-radius:5px;border:none}.cta-5 .form-subscribe button{border:none;margin:0 7px}.cta-5 .btn{font-weight:bold}.cta-6{padding:40px;color:#fff;background:#2860b3;position:relative}.cta-6:before{content:' ';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(https://placeimg.com/960/480/any);opacity:.5}.cta-6 .isi{position:relative;z-index:2}.cta-6 .txt-caption{color:#fff}.cta-6 .form-subscribe fieldset{display:inline-block;border:none;padding:10px;background:rgba(0,0,0,.3);border-radius:5px;box-sizing:border-box}.cta-6 .form-subscribe fieldset .form-group{float:left}.cta-6 .form-subscribe fieldset .form-group .input-md{font-size:16px;margin:0 7px;padding:15px 20px;border-radius:5px;border:none}.cta-6 .form-subscribe button{border:none;margin:0 7px}.cta-6 .btn{font-weight:bold}.cta-7{background:#fff;color:#333}.cta-7:before{background:none}.cta-7 h2{font-size:30px}.cta-7 .txt-caption{color:#333;font-size:20px}.cta-7 fieldset{background:none!important}.cta-7 .form-subscribe fieldset .form-group .input-md{background:#eee;width:300px}.cta-7 button{background:#26a62c}.cta-8{background:#fff;color:#333}.cta-8 h2{font-size:30px}.cta-8:before{background:none}.cta-8 .txt-caption{color:#333;font-size:20px}.cta-8 fieldset{background:none!important}.cta-8 .form-subscribe fieldset .form-group .input-md{background:#eee}.cta-8 button{background:#0c71c6}.testimoni-1{padding:40px}.testimoni-1 .ava{width:32px;height:32px;overflow:hidden;margin:auto;border-radius:50px}.testimoni-2{padding:40px 40px 20px;background:url(https://3.bp.blogspot.com/-b1c4-AL-IK0/WH9uOiEcsVI/AAAAAAAAAFg/hl8JA36oDLs6fqmwyo9tJkRIpTdKfLmgwCLcB/s1600/quote.png) 40px top no-repeat}.testimoni-2 h2{font-size:30px}.testimoni-2 .txt-caption{font-size:20px}.testimoni-2 .ava{width:32px;height:32px;overflow:hidden;margin:auto;border-radius:50px}.testimoni-3 .ava{width:50px;height:50px}.testimoni-3 p{font-size:14px;font-weight:400;font-style:normal;font-size:13px;line-height:145%;color:#474b53}.testimoni-4{padding:40px;background:#f9f9f9}.testimoni-4 .ava{width:250px;height:250px;overflow:hidden;margin:auto;border-radius:250px}.testimoni-4 .isi-testi{background:#fff;padding:20px;border-radius:10px;position:relative;margin-bottom:30px;margin-top:30px}.testimoni-4 .isi-testi:after{top:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#ffffff;border-width:20px;margin-left:-20px}.testimoni-4 .tukar .kolom-kecil{float:right}.testimoni-4 .tukar .isi-testi:after{top:100%;left:90%}.testimoni-4 .tukar{text-align:right}.team-1{padding:40px}.team-1 .ava{width:170px;height:170px;overflow:hidden;margin:20px auto;border-radius:170px}.team-1 p{margin-bottom:10px}.team-1 .fa{font-size:20px;margin:2px;color:#999}.team-2{padding:40px}.team-2 .ava{width:270px;height:270px;overflow:hidden;margin:20px auto;border-radius:270px}.team-2 p{margin-bottom:10px}.team-2 .fa{font-size:20px;margin:2px;color:#999}.team-3{padding:40px}.team-3 .ava{width:210px;height:210px;overflow:hidden;margin:20px auto;border-radius:270px}.team-3 .fa{font-size:20px;margin:2px;color:#999}.faq-1{padding:40px}.faq-1 .col{margin-bottom:0}.footer-1{padding:40px}.footer-1 h2{font-size:30px}.footer-1 ul{list-style:none;padding:0}.footer-1 li{display:inline;margin:10px}.footer-1 li:before{content:''!important}.footer-1 a{color:#999}.footer-2{padding:40px}.footer-2 .social{margin-top:20px}.footer-2 .social img{margin:7px}.footer-2 .social a{opacity:.8}.footer-2 .social a:hover{opacity:1}.footer-3{padding:40px}.footer-3 h2{font-size:25px}.footer-3 .media img{margin:10px;filter:grayscale(100%)}.footer-3 .media img:hover{filter:grayscale(0%)}.postingan{padding:40px;font-size:14px}.postingan h2{margin-bottom:30px;font-size:30px}
.postingan5 {padding: 40px 0px 0px;}
.postingan5 h2 {margin-bottom: 30px;}
.postingan5 .recent-post-title {padding: 0 10px;}
.postingan5 img.recent-post-thumb {
float: none;
width: auto;
height: auto;
display: block;
padding: 0;margin:0; border: none;
}
.postingan5 .thumb5 {
height: auto;
overflow:hidden;
margin-bottom:0px;
}
.postingan5 .fa {font-size: 16px;}
.postingan5 .masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 0em;
-webkit-column-gap: 0em;
column-gap: 0em;
-webkit-flex-direction: row;
flex-direction: row;
}
.postingan5 .masonry-item {
display: inline-block;
background: #fff;
padding: 0;
margin: 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
break-inside: avoid;
transition: .8s opacity;
}
.postingan5 .masonry:hover .masonry-item {opacity:0.7;}
.postingan5 .masonry:hover .masonry-item:hover {opacity: 1;}
img.recent-post-thumb{padding:2px;width:30%;height:auto;float:left;margin:0 10px 10px 0;border:1px solid #f5f5f5}.recent-posts-container{font-size:12px}ul.recent-posts-container li{list-style-type:none;margin-bottom:10px;font-size:14px;float:left}ul.recent-posts-container li:before{display:none}ul.recent-posts-container{counter-reset:countposts;list-style-type:none;padding-left:0!important}ul.recent-posts-container li:nth-child(3n+1){padding-left:0}.recent-posts-container a{text-decoration:none}.recent-post-title{margin-bottom:5px}.recent-post-title a{font-size:20px;font-weight:bold;color:#168803}.recent-posts-details{margin:5px 0 0 82px;font-size:11px;color:#f5f5f5}.recent-posts-details a{color:#eee}.bagikan{position:relative;display:block;overflow:hidden;margin:25px 0 15px;padding:15px 0;border-top:1px dotted #f0f0f0;border-bottom:1px dotted #f0f0f0}.label-bagikan{display:block;float:left;height:30px;line-height:30px;margin:8px 15px 8px 0;padding:0}.bagikan a{float:left;font-size:12px;line-height:30px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:8px 3px;padding:0 20px;height:30px;min-width:30px;text-align:center}.bagikan .facebook{background:#3b5998}.bagikan .twitter{background:#0084b4}.bagikan .googleplus{background:#d34836}.bagikan .linkedin{background:#0077B5}.bagikan .pinterest{background:#C92228}.btn{background:#fb9f00;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;color:#fff!important;font-size:16px;padding:15px 20px;text-decoration:none;margin:0 0 15px;text-align:center;white-space:nowrap;vertical-align:middle}.btn:hover{opacity:.9}.btn:active{position:relative;top:1px}.btn-line{background-color:transparent;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid #fb9f00;display:inline-block;cursor:pointer;color:#fb9f00!important;font-size:16px;padding:13px 20px;margin:0 0 15px;text-decoration:none;text-align:center;white-space:nowrap;vertical-align:middle}.btn-line:hover{background-color:transparent}.btn-line:active{position:relative;top:1px}.btn-bulat{border-radius:50px}.btn-besar{font-size:25px}.btn-merah{background:#CF000F}.btn-pink{background:#DB0A5B}.btn-hijau{background:#27ae60}.btn-hijaumuda{background:#87D37C}.btn-orange{background:#e67e22}.btn-kuning{background:#f1c40f}.btn-ungu{background:#8e44ad}.btn-ungumuda{background:#9B59B6}.btn-biru{background:#446CB3}.btn-birumuda{background:#19B5FE}.btn-abu{background:#6C7A89}.btn-putih{background:#fff;color:#111!important}.btn-hitam{background:#111}.btn-line-merah{border:2px solid #CF000F;color:#CF000F!important}.btn-line-pink{border:2px solid #DB0A5B;color:#DB0A5B!important}.btn-line-hijau{border:2px solid #27ae60;color:#27ae60!important}.btn-line-hijaumuda{border:2px solid #87D37C;color:#87D37C!important}.btn-line-orange{border:2px solid #e67e22;color:#e67e22!important}.btn-line-kuning{border:2px solid #f1c40f;color:#f1c40f!important}.btn-line-ungu{border:2px solid #8e44ad;color:#8e44ad!important}.btn-line-ungumuda{border:2px solid #9B59B6;color:#9B59B6!important}.btn-line-biru{border:2px solid #446CB3;color:#446CB3!important}.btn-line-birumuda{border:2px solid #19B5FE;color:#19B5FE!important}.btn-line-abu{border:2px solid #6C7A89;color:#6C7A89!important}.btn-line-putih{border:2px solid #fff;color:#fff!important}.btn-line-hitam{border:2px solid #111;color:#111!important}.kotak{padding:20px 20px 5px;margin-bottom:20px;background:#e7e7e7;border:solid 1px #e7e7e7;color:#666}.kotak-merah{background:#e0b1b1;color:#ad4f4f;border:solid 1px #ad4f4f}.kotak-kuning{background:#fdf9d2;color:#af820a;border:solid 1px #d3cb6f}.kotak-biru{background:#C5EFF7;color:#3A539B;border:solid 1px #81CFE0}.kotak-hijau{background:#C8F7C5;color:#049372;border:solid 1px #049372}.box-konten ul.check,ul.check,ul.silang{list-style:none;padding-left:15px;margin:0}.box-konten ul.check li:before,ul.check li:before{font-family:'FontAwesome';content:'\f00c';margin:0 10px 0 -26px;color:#25cd66}.box-konten ul.silang li:before,ul.silang li:before{font-family:'FontAwesome';content:'\f00d';margin:0 10px 0 -26px;color:#cd2525}.box-konten ul li{margin-bottom:15px;padding-left:10px}.box-konten ul li ul{margin-top:15px}ul.silang li ul,ul.check li ul{list-style:none}blockquote{font-style:italic}blockquote:before{font-family:'FontAwesome';content:'\f10e';margin:0 10px 0 -26px;color:#999}blockquote.besar{font-size:28px}blockquote.besar:before{font-family:'FontAwesome';content:'\f10e';margin:0 10px 0 -35px;color:#999}.dropcap{font-size:48px;font-weight:bold;float:left;display:block;margin:0 7px 0 0;line-height:1}.breadcrumbs{font-size:12px;border-bottom:solid 1px #fbfbfb;padding-bottom:15px}.main-outer{border-top:0 solid #ffffff}.fauxcolumn-left-outer .fauxcolumn-inner{border-right:1px solid #ffffff}.fauxcolumn-right-outer .fauxcolumn-inner{border-left:1px solid #ffffff}div.widget > h2,div.widget h2.title{margin:0 0 1em;font:normal bold 14px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;color:#000000;border-bottom:solid 1px #FBFBFB;padding-bottom:15px}.widget .zippy{color:#999999;text-shadow:2px 2px 1px rgba(0,0,0,.1)}.widget .popular-posts ul{list-style:none}h2.date-header{font:normal bold 11px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif}.date-header span{background-color:transparent;color:#222222;padding:inherit;letter-spacing:inherit;margin:inherit}.main-inner{padding-top:30px;padding-bottom:30px}.main-inner .column-center-inner{padding:0 15px}.main-inner .column-center-inner .section{margin:0 15px}.xopostimg{max-width:100px;float:left;margin:0 30px 15px 0}.xopostsummary{display:inline}.post{margin:0 0 25px}h2.post-title{font:bold normal 48px Roboto, Arial, Tahoma, Helvetica, FreeSans, sans-serif;color:#222;margin:0;margin-bottom:.125em;padding:0;line-height:1.15em;letter-spacing:-.0625em}h2.post-title a{color:#222}.post-body{font-size:100%;line-height:1.4;position:relative}.post-body img,.post-body .tr-caption-container,.Profile img,.Image img,.BlogList .item-thumbnail img{padding:2px;background:#ffffff;border:1px solid #eeeeee;-moz-box-shadow:1px 1px 5px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.1)}.post-body img,.post-body .tr-caption-container{padding:5px}.post-body .tr-caption-container{color:#222222}.post-body .tr-caption-container img{padding:0;background:transparent;border:none;-moz-box-shadow:0 0 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 rgba(0,0,0,.1);box-shadow:0 0 0 rgba(0,0,0,.1)}.post-header{margin:.7em 0 1.5em;line-height:1.6;font-size:12px;color:#222}.post-header a{color:#222}.post-footer{font-size:12px;margin:20px auto;padding:0;color:#666666;background-color:#ffffff;border-bottom:1px solid #ffffff;line-height:1.6}.post-timestamp{margin-left:0}#comments .comment-author{padding-top:1.5em;border-top:1px solid #ffffff;background-position:0 1.5em}#comments .comment-author:first-child{padding-top:0;border-top:none}.avatar-image-container{margin:.2em 0 0}#comments .avatar-image-container img{border:1px solid #eeeeee}.sidebar .widget-content{color:#333;font-size:14px}.jump-link{margin-top:15px}.jump-link a{color:#333;padding:5px 10px;background:#fbfbfb}.comments .comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==)}.comments .comments-content .loadmore a{border-top:1px solid #999999;border-bottom:1px solid #999999}.comments .comment-thread.inline-thread{background-color:#ffffff}.comments .continue{border-top:2px solid #999999}.section-columns td.columns-cell{border-startside:1px solid #ffffff}.blog-pager{background:transparent none no-repeat scroll top center;overflow:visible!important}.blog-pager-older-link,.home-link,.blog-pager-newer-link{background-color:#ffffff;padding:0}.blog-pager span{margin:0 2px;background:#fbfbfb;padding:5px 10px}#blog-pager-newer-link span,#blog-pager-older-link span{background:none;padding:0;margin:0}.footer-outer{border-top:0 dashed #bbbbbb}.footer-inner{padding:0}ul.topnav li.icon{display:none}ul.topnav li.icon a{background:#293003;color:#fff}#blog-pager-newer-link{text-align:left;width:40%}#blog-pager-older-link{text-align:right;width:40%}#blog-pager-older-link h6{margin:0;padding:0;text-align:right;font-family:&#39;font-size:14px;color:#333333;text-transform:uppercase;line-height:1.625em;font-weight:700}#blog-pager-newer-link h6{margin:0;padding:0;text-align:left;font-family:&#39;font-size:14px;color:#;text-transform:uppercase;line-height:1.625em;font-weight:700}.pager-content{width:99.5%;overflow:hidden;margin:10px 0 0;padding:10px 0 0}.pager-content a:hover,.pager-content{color:#000;text-decoration:none}.showpageNum a,.showpage a,.showpagePoint{background:#DE3C3C;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;margin-right:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}.showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{color:#FFF}.showpageOf{display:none!important}iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:210px!important}iframe{width:100%}footer{text-align:center;font-size:12px;padding-top:20px;color:#999}@media only screen and (min-width: 768px) and (max-width: 959px){body{min-width:767px;padding:0!important}}@media only screen and (min-width: 480px) and (max-width: 767px){body{min-width:479px;padding:0!important}
.cover h2{font-size:30px;margin:0 0 15px}
.cover1{padding:40px}.cover2{padding:40px}.cover3{padding-top:70px;padding-bottom:70px}.cover5{margin:30px 15px}.cover5 li{font-size:18px;margin-bottom:10px}.cover6{text-align:center;margin:30px 15px}.main-inner .columns{padding-right:0!important}.column-right-outer{clear:both;width:100%!important}}@media only screen and (max-width: 479px){body{min-width:320px;padding:0!important}.Header h1{font-size:25px}.Header .description{font-size:16px}ul.topnav li:not(:first-child){display:none}ul.topnav li.icon{float:right;display:inline-block}ul.topnav.responsive{position:relative}ul.topnav.responsive li.icon{position:absolute;right:0;top:0}ul.topnav.responsive li{float:none;display:inline}ul.topnav.responsive li a{display:block;text-align:left}.pad40{padding:30px 15px}
.cover h2{font-size:24px;margin:0 0 20px}.cover p{font-size:16px;margin:0 0 20px}.cover1{padding:40px 15px}.cover2{padding:40px 15px;text-align:center}.cover3{padding:60px 15px}.cover4{padding:50px 15px;text-align:center}.cover5{padding:20px 15px}.cover5 li{font-size:16px;margin-bottom:5px}.cover6{text-align:center;margin:30px 15px;padding:0}.isi-konten{padding:3em 15px}.feat-1,.feat-2,.feat-3,.feat-4,.feat-5,.feat-6,.feat-7,.feat-8,.feat-9,.feat-11,.feat-12,.feat-13,.feat-14,.feat-15,.feat-16,.feat-17,.feat-18,.feat-19,.feat-20,.feat-21{padding:20px 15px}.feat-2 .col{text-align:left}.feat-2 .col .list-box{padding:0}.feat-10 .feat-list{padding-left:15px;padding-right:15px}.feat-20 .btn{margin-left:0}.pricing-1,.pricing-2{padding:20px 15px}.pricing-2 .table-harga-1{padding-left:0;padding-right:0}.pricing-3{padding:30px 15px}.cta-1,.cta-2,.cta-3{padding:30px 15px}.cta-1 .kotak-promo{width:100%}.cta-1 .kotak-promo .harga-asli{float:none;margin:auto}.cta-1 .kotak-promo .harga-baru{width:100%}.cta-1 .btn,.cta-2 .btn,.cta-3 .btn{font-size:20px!important}.cta-5,.cta-6,.cta-7,.cta-8{padding:30px 15px}.cta-5 .form-subscribe fieldset,.cta-6 .form-subscribe fieldset{box-sizing:border-box;width:100%}.cta-5 .form-subscribe fieldset .form-group,.cta-6 .form-subscribe fieldset .form-group{float:none}.cta-5 .form-subscribe fieldset .form-group .input-md,.cta-6 .form-subscribe fieldset .form-group .input-md{width:100%;box-sizing:border-box;margin:5px auto}.cta-5 .form-subscribe fieldset .form-group button,.cta-6 .form-subscribe fieldset .form-group button{width:100%;box-sizing:border-box;margin:5px auto}.testimoni-1{padding:30px 15px}.testimoni-2{padding:30px 15px 10px}.testimoni-4{padding:30px 14px}.testimoni-4 .kolom-besar .isi-testi{margin-top:0}.testimoni-4 .ava{width:200px;height:200px}.testimoni-4 .tukar .isi-testi:after,.testimoni-4 .isi-testi:after{left:50%}.testimoni-4 .tukar{text-align:center}.team-1,.team-2,.team-3{padding:30px 15px}.postingan{padding:30px 15px}.postingan ul li{margin:0;padding-left:0}.faq-1,.footer-1,.footer-2,.footer-3{padding:30px 15px}.my-slider{margin:0 15px}.unslider-wrap.unslider-carousel li{font-size:12px}.content-inner{padding:15px}.tabs-inner{padding:0}.main-inner .columns{padding-right:0!important}.main-inner .column-center-inner{padding:0!important}.main-inner .column-center-inner .section{margin:0!important}.column-center-outer{margin-bottom:30px}.column-right-outer{clear:both;width:100%!important}.column-right-inner{padding:0!important}.section{margin:0!important}}
.cover img {vertical-align: middle;}
-->
<!--
body {
/*min-width: 970px;*/
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
/*min-width: 970px;*/
max-width: 970px;
_width: 970px;
}
.main-inner .columns {
padding-left: 0px;
padding-right: 310px;
}
.main-inner .fauxcolumn-center-outer {
left: 0px;
right: 310px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("0px") -
parseInt("310px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 0px;
}
.main-inner .fauxcolumn-right-outer {
width: 310px;
}
.main-inner .column-left-outer {
width: 0px;
right: 100%;
margin-left: -0px;
}
.main-inner .column-right-outer {
width: 310px;
margin-right: -310px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .cover, #layout .center-content {
padding: 0px 10px;
}
#layout .region-inner {
min-width: 0;
width: auto;
padding: 0px;
}
body#layout div.add_widget {
padding: 8px;
}
body#layout div.add_widget a {
margin-left: 32px;
}