0.itemPopulars{counter-reset:popular-count}.itemPopular:not(:last-child){margin-bottom:25px}.itemPopular .itemThumbnail{margin-bottom:20px}.itemPopular .itemThumbnail a{padding-top:45%}.itemPopular .itemContent{width:100%;padding:0}.itemPopular .postHeader{margin-left:30px;font-size:12px;display:none;}.itemPopular .postInfo{margin-top:8px;font-size:12px;display:none;}.itemPopular .itemTitle{font-size:1rem}.itemPopular .postMore{opacity:1}.itemPopular .itemEntry{font-size:90%;line-height:1.5em}.itemPopular .itemInner{display:flex}.itemPopular .itemInner:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:30px;font-weight:700;font-size:97%;color:#C44341;}.itemPopular .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide{display:grid;grid-template-columns:calc(33.333% - 16.666px) calc(33.333% - 16.666px) calc(33.333% - 16.666px);grid-template-rows:auto auto auto;gap:25px 25px;grid-template-areas:'item-1 item-2 item-5' 'item-1 item-3 item-5' 'item-1 item-4 item-5';}.itemPopulars.itemSlide .item-1{grid-area:item-1}.itemPopulars.itemSlide .item-2{grid-area:item-2}.itemPopulars.itemSlide .item-3{grid-area:item-3}.itemPopulars.itemSlide .item-4{grid-area:item-4}.itemPopulars.itemSlide .item-5{grid-area:item-5}.itemPopulars.itemSlide .itemPopular:not(:last-child){margin-bottom:0}.itemPopulars.itemSlide .itemInner:before, .itemPopulars.itemSlide .itemBox .itemEntry{display:none}.itemPopulars.itemSlide .postHeader{margin-left:0}.itemPopulars.itemSlide .itemBox{display:flex;align-items:center}.itemPopulars.itemSlide .itemBox .itemThumbnail{flex:0 0 100px;margin-bottom:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:100%}.itemPopulars.itemSlide .itemBox .itemContent{padding-left:20px}.itemPopulars.itemSlide .itemBox .itemFlex{width:100%}@media screen and (max-width:896px){.itemPopulars.itemSlide{display:flex;justify-content:flex-start;gap:0;position:relative;width:calc(100% + 40px);left:-20px;padding:0 20px 30px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{display:block;flex-shrink:0;width:300px;margin:0 20px 0 0;scroll-snap-align:center;padding-bottom:45px;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;border-radius:5px;overflow:hidden}.itemPopulars.itemSlide article:last-child, .itemPopulars.itemSlide .itemBox:last-child{margin:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:45%}.itemPopulars.itemSlide .itemBox .itemThumbnail{margin-bottom:20px}.itemPopulars.itemSlide:after{content:'';display:block;flex-shrink:0;align-self:stretch;padding-left:20px}.itemPopulars.itemSlide .itemEntry{display:none}.itemPopulars.itemSlide .itemContent, .itemPopulars.itemSlide .itemBox .itemContent{padding:0 15px}.itemPopulars.itemSlide .itemBox .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide .postInfo{position:absolute;bottom:12px;left:15px;right:15px}.darkMode .itemPopulars.itemSlide article, .darkMode .itemPopulars.itemSlide .itemBox{box-shadow:rgba(0,0,0,0.2) 0px 8px 20px}}div#PopularPosts00{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding:15px;border-radius:10px;border:2px solid #667db6;}@media screen and (max-width:480px){.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{width:280px}}<!--
Name : Fletro Pro
Version : 6.1(Update)
Date : October 25, 2021
Type : Premium
Designer : Muhammad Maki
Website : www.jagodesain.com
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
--> : url(" + data:sourceUrl + ")"'>
<b:attr cond='data:link' expr:value='data:link' name='href'/>
<b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
<b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
</b:tag>
</noscript>
</div>
<div class='sldS'/>
</b:includable>
</b:widget>
</<b:widget-setting name='displayHeight'>648</b:widget-setting>
<b:widget-setting name='sectionWidth'>555</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>1600</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='sldC' expr:id='data:widget.instanceId + "_img"'>
<b:tag class='sldIm' expr:data-style='"background-image: url(" + data:sourceUrl + ")"' expr:name='data:link ? "a" : "div"'>
<b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/>
<b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + data:sourceUrl + ")"' name='style'/>
<b:attr cond='data:link' expr:value='data:link' name='href'/>
<b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
<b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
</b:tag>
<noscript>
<b:tag class='sldIm' expr:name='data:link ? "a" : "div"' expr:style='&q.itemPopulars{counter-reset:popular-count}.itemPopular:not(:last-child){margin-bottom:25px}.itemPopular .itemThumbnail{margin-bottom:20px}.itemPopular .itemThumbnail a{padding-top:45%}.itemPopular .itemContent{width:100%;padding:0}.itemPopular .postHeader{margin-left:30px;font-size:12px;display:none;}.itemPopular .postInfo{margin-top:8px;font-size:12px;display:none;}.itemPopular .itemTitle{font-size:1rem}.itemPopular .postMore{opacity:1}.itemPopular .itemEntry{font-size:90%;line-height:1.5em}.itemPopular .itemInner{display:flex}.itemPopular .itemInner:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:30px;font-weight:700;font-size:97%;color:#C44341;}.itemPopular .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide{display:grid;grid-template-columns:calc(33.333% - 16.666px) calc(33.333% - 16.666px) calc(33.333% - 16.666px);grid-template-rows:auto auto auto;gap:25px 25px;grid-template-areas:'item-1 item-2 item-5' 'item-1 item-3 item-5' 'item-1 item-4 item-5';}.itemPopulars.itemSlide .item-1{grid-area:item-1}.itemPopulars.itemSlide .item-2{grid-area:item-2}.itemPopulars.itemSlide .item-3{grid-area:item-3}.itemPopulars.itemSlide .item-4{grid-area:item-4}.itemPopulars.itemSlide .item-5{grid-area:item-5}.itemPopulars.itemSlide .itemPopular:not(:last-child){margin-bottom:0}.itemPopulars.itemSlide .itemInner:before, .itemPopulars.itemSlide .itemBox .itemEntry{display:none}.itemPopulars.itemSlide .postHeader{margin-left:0}.itemPopulars.itemSlide .itemBox{display:flex;align-items:center}.itemPopulars.itemSlide .itemBox .itemThumbnail{flex:0 0 100px;margin-bottom:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:100%}.itemPopulars.itemSlide .itemBox .itemContent{padding-left:20px}.itemPopulars.itemSlide .itemBox .itemFlex{width:100%}@media screen and (max-width:896px){.itemPopulars.itemSlide{display:flex;justify-content:flex-start;gap:0;position:relative;width:calc(100% + 40px);left:-20px;padding:0 20px 30px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{display:block;flex-shrink:0;width:300px;margin:0 20px 0 0;scroll-snap-align:center;padding-bottom:45px;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;border-radius:5px;overflow:hidden}.itemPopulars.itemSlide article:last-child, .itemPopulars.itemSlide .itemBox:last-child{margin:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:45%}.itemPopulars.itemSlide .itemBox .itemThumbnail{margin-bottom:20px}.itemPopulars.itemSlide:after{content:'';display:block;flex-shrink:0;align-self:stretch;padding-left:20px}.itemPopulars.itemSlide .itemEntry{display:none}.itemPopulars.itemSlide .itemContent, .itemPopulars.itemSlide .itemBox .itemContent{padding:0 15px}.itemPopulars.itemSlide .itemBox .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide .postInfo{position:absolute;bottom:12px;left:15px;right:15px}.darkMode .itemPopulars.itemSlide article, .darkMode .itemPopulars.itemSlide .itemBox{box-shadow:rgba(0,0,0,0.2) 0px 8px 20px}}div#PopularPosts00{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding:15px;border-radius:10px;border:2px solid #667db6;}@media screen and (max-width:480px){.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{width:280px}}.itemPopulars{counter-reset:popular-count}.itemPopular:not(:last-child){margin-bottom:25px}.itemPopular .itemThumbnail{margin-bottom:20px}.itemPopular .itemThumbnail a{padding-top:45%}.itemPopular .itemContent{width:100%;padding:0}.itemPopular .postHeader{margin-left:30px;font-size:12px;display:none;}.itemPopular .postInfo{margin-top:8px;font-size:12px;display:none;}.itemPopular .itemTitle{font-size:1rem}.itemPopular .postMore{opacity:1}.itemPopular .itemEntry{font-size:90%;line-height:1.5em}.itemPopular .itemInner{display:flex}.itemPopular .itemInner:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:30px;font-weight:700;font-size:97%;color:#C44341;}.itemPopular .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide{display:grid;grid-template-columns:calc(33.333% - 16.666px) calc(33.333% - 16.666px) calc(33.333% - 16.666px);grid-template-rows:auto auto auto;gap:25px 25px;grid-template-areas:'item-1 item-2 item-5' 'item-1 item-3 item-5' 'item-1 item-4 item-5';}.itemPopulars.itemSlide .item-1{grid-area:item-1}.itemPopulars.itemSlide .item-2{grid-area:item-2}.itemPopulars.itemSlide .item-3{grid-area:item-3}.itemPopulars.itemSlide .item-4{grid-area:item-4}.itemPopulars.itemSlide .item-5{grid-area:item-5}.itemPopulars.itemSlide .itemPopular:not(:last-child){margin-bottom:0}.itemPopulars.itemSlide .itemInner:before, .itemPopulars.itemSlide .itemBox .itemEntry{display:none}.itemPopulars.itemSlide .postHeader{margin-left:0}.itemPopulars.itemSlide .itemBox{display:flex;align-items:center}.itemPopulars.itemSlide .itemBox .itemThumbnail{flex:0 0 100px;margin-bottom:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:100%}.itemPopulars.itemSlide .itemBox .itemContent{padding-left:20px}.itemPopulars.itemSlide .itemBox .itemFlex{width:100%}@media screen and (max-width:896px){.itemPopulars.itemSlide{display:flex;justify-content:flex-start;gap:0;position:relative;width:calc(100% + 40px);left:-20px;padding:0 20px 30px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{display:block;flex-shrink:0;width:300px;margin:0 20px 0 0;scroll-snap-align:center;padding-bottom:45px;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;border-radius:5px;overflow:hidden}.itemPopulars.itemSlide article:last-child, .itemPopulars.itemSlide .itemBox:last-child{margin:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:45%}.itemPopulars.itemSlide .itemBox .itemThumbnail{margin-bottom:20px}.itemPopulars.itemSlide:after{content:'';display:block;flex-shrink:0;align-self:stretch;padding-left:20px}.itemPopulars.itemSlide .itemEntry{display:none}.itemPopulars.itemSlide .itemContent, .itemPopulars.itemSlide .itemBox .itemContent{padding:0 15px}.itemPopulars.itemSlide .itemBox .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide .postInfo{position:absolute;bottom:12px;left:15px;right:15px}.darkMode .itemPopulars.itemSlide article, .darkMode .itemPopulars.itemSlide .itemBox{box-shadow:rgba(0,0,0,0.2) 0px 8px 20px}}div#PopularPosts00{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding:15px;border-radius:10px;border:2px solid #667db6;}@media screen and (max-width:480px){.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{width:280px}}.itemPopulars{counter-reset:popular-count}.itemPopular:not(:last-child){margin-bottom:25px}.itemPopular .itemThumbnail{margin-bottom:20px}.itemPopular .itemThumbnail a{padding-top:45%}.itemPopular .itemContent{width:100%;padding:0}.itemPopular .postHeader{margin-left:30px;font-size:12px;display:none;}.itemPopular .postInfo{margin-top:8px;font-size:12px;display:none;}.itemPopular .itemTitle{font-size:1rem}.itemPopular .postMore{opacity:1}.itemPopular .itemEntry{font-size:90%;line-height:1.5em}.itemPopular .itemInner{display:flex}.itemPopular .itemInner:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:30px;font-weight:700;font-size:97%;color:#C44341;}.itemPopular .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide{display:grid;grid-template-columns:calc(33.333% - 16.666px) calc(33.333% - 16.666px) calc(33.333% - 16.666px);grid-template-rows:auto auto auto;gap:25px 25px;grid-template-areas:'item-1 item-2 item-5' 'item-1 item-3 item-5' 'item-1 item-4 item-5';}.itemPopulars.itemSlide .item-1{grid-area:item-1}.itemPopulars.itemSlide .item-2{grid-area:item-2}.itemPopulars.itemSlide .item-3{grid-area:item-3}.itemPopulars.itemSlide .item-4{grid-area:item-4}.itemPopulars.itemSlide .item-5{grid-area:item-5}.itemPopulars.itemSlide .itemPopular:not(:last-child){margin-bottom:0}.itemPopulars.itemSlide .itemInner:before, .itemPopulars.itemSlide .itemBox .itemEntry{display:none}.itemPopulars.itemSlide .postHeader{margin-left:0}.itemPopulars.itemSlide .itemBox{display:flex;align-items:center}.itemPopulars.itemSlide .itemBox .itemThumbnail{flex:0 0 100px;margin-bottom:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:100%}.itemPopulars.itemSlide .itemBox .itemContent{padding-left:20px}.itemPopulars.itemSlide .itemBox .itemFlex{width:100%}@media screen and (max-width:896px){.itemPopulars.itemSlide{display:flex;justify-content:flex-start;gap:0;position:relative;width:calc(100% + 40px);left:-20px;padding:0 20px 30px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{display:block;flex-shrink:0;width:300px;margin:0 20px 0 0;scroll-snap-align:center;padding-bottom:45px;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;border-radius:5px;overflow:hidden}.itemPopulars.itemSlide article:last-child, .itemPopulars.itemSlide .itemBox:last-child{margin:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:45%}.itemPopulars.itemSlide .itemBox .itemThumbnail{margin-bottom:20px}.itemPopulars.itemSlide:after{content:'';display:block;flex-shrink:0;align-self:stretch;padding-left:20px}.itemPopulars.itemSlide .itemEntry{display:none}.itemPopulars.itemSlide .itemContent, .itemPopulars.itemSlide .itemBox .itemContent{padding:0 15px}.itemPopulars.itemSlide .itemBox .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide .postInfo{position:absolute;bottom:12px;left:15px;right:15px}.darkMode .itemPopulars.itemSlide article, .darkMode .itemPopulars.itemSlide .itemBox{box-shadow:rgba(0,0,0,0.2) 0px 8px 20px}}div#PopularPosts00{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding:15px;border-radius:10px;border:2px solid #667db6;}@media screen and (max-width:480px){.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{width:280px}}<!--
Name : Fletro Pro
Version : 6.1(Update)
Date : October 25, 2021
Type : Premium
Designer : Muhammad Maki
Website : www.jagodesain.com
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
-->uot;<!--
Name : Fletro Pro
Version : 6.1(Update)
Date : October 25, 2021
Type : Premium
Designer : Muhammad Maki
Website : www.jagodesain.com
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
-->back.itemPopulars{counter-reset:popular-count}.itemPopular:not(:last-child){margin-bottom:25px}.itemPopular .itemThumbnail{margin-bottom:20px}.itemPopular .itemThumbnail a{padding-top:45%}.itemPopular .itemContent{width:100%;padding:0}.itemPopular .postHeader{margin-left:30px;font-size:12px;display:none;}.itemPopular .postInfo{margin-top:8px;font-size:12px;display:none;}.itemPopular .itemTitle{font-size:1rem}.itemPopular .postMore{opacity:1}.itemPopular .itemEntry{font-size:90%;line-height:1.5em}.itemPopular .itemInner{display:flex}.itemPopular .itemInner:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:30px;font-weight:700;font-size:97%;color:#C44341;}.itemPopular .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide{display:grid;grid-template-columns:calc(33.333% - 16.666px) calc(33.333% - 16.666px) calc(33.333% - 16.666px);grid-template-rows:auto auto auto;gap:25px 25px;grid-template-areas:'item-1 item-2 item-5' 'item-1 item-3 item-5' 'item-1 item-4 item-5';}.itemPopulars.itemSlide .item-1{grid-area:item-1}.itemPopulars.itemSlide .item-2{grid-area:item-2}.itemPopulars.itemSlide .item-3{grid-area:item-3}.itemPopulars.itemSlide .item-4{grid-area:item-4}.itemPopulars.itemSlide .item-5{grid-area:item-5}.itemPopulars.itemSlide .itemPopular:not(:last-child){margin-bottom:0}.itemPopulars.itemSlide .itemInner:before, .itemPopulars.itemSlide .itemBox .itemEntry{display:none}.itemPopulars.itemSlide .postHeader{margin-left:0}.itemPopulars.itemSlide .itemBox{display:flex;align-items:center}.itemPopulars.itemSlide .itemBox .itemThumbnail{flex:0 0 100px;margin-bottom:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:100%}.itemPopulars.itemSlide .itemBox .itemContent{padding-left:20px}.itemPopulars.itemSlide .itemBox .itemFlex{width:100%}@media screen and (max-width:896px){.itemPopulars.itemSlide{display:flex;justify-content:flex-start;gap:0;position:relative;width:calc(100% + 40px);left:-20px;padding:0 20px 30px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{display:block;flex-shrink:0;width:300px;margin:0 20px 0 0;scroll-snap-align:center;padding-bottom:45px;box-shadow:rgba(149,157,165,0.2) 0px 8px 20px;border-radius:5px;overflow:hidden}.itemPopulars.itemSlide article:last-child, .itemPopulars.itemSlide .itemBox:last-child{margin:0}.itemPopulars.itemSlide .itemBox .itemThumbnail a{padding-top:45%}.itemPopulars.itemSlide .itemBox .itemThumbnail{margin-bottom:20px}.itemPopulars.itemSlide:after{content:'';display:block;flex-shrink:0;align-self:stretch;padding-left:20px}.itemPopulars.itemSlide .itemEntry{display:none}.itemPopulars.itemSlide .itemContent, .itemPopulars.itemSlide .itemBox .itemContent{padding:0 15px}.itemPopulars.itemSlide .itemBox .itemFlex{width:calc(100% - 30px)}.itemPopulars.itemSlide .postInfo{position:absolute;bottom:12px;left:15px;right:15px}.darkMode .itemPopulars.itemSlide article, .darkMode .itemPopulars.itemSlide .itemBox{box-shadow:rgba(0,0,0,0.2) 0px 8px 20px}}div#PopularPosts00{box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;padding:15px;border-radius:10px;border:2px solid #667db6;}@media screen and (max-width:480px){.itemPopulars.itemSlide article, .itemPopulars.itemSlide .itemBox{width:280px}}<!--
Name : Fletro Pro
Version : 6.1(Update)
Date : October 25, 2021
Type : Premium
Designer : Muhammad Maki
Website : www.jagodesain.com
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
-->ground-imageb:section>