TRENDS TEMPLATE
<?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'>
<head>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template
Name: Trends
URL: http://themeforest.net/user/TemplatesZoo
Publisher: www.Psdly.com
---------------------------------------------------------- */
<Group description="Blog Title" selector=".Header h1">
<Variable name="blog.title.color" description="Blog Title Color" type="color" default="#333333" value="#333333"/>
<Variable name="blog.title.font" description="Blog Title Font" type="font" default="normal bold 46px Verdana" value="normal bold 46px Verdana"/>
<Variable name="blog.description.color" description="Description Color" type="color" default="#BBBBBB" value="#BBBBBB"/>
<Variable name="blog.description.font" description="Description Font" type="font" default="normal normal 12px Helvetica" value="normal normal 12px Helvetica"/>
</Group>
<Group description="Main Menu" selector="#menusearch">
<Variable name="menu.navicon.color" description="Nav Icon Color" type="color" default="#cd1919" value="#cd1919"/>
<Variable name="menu.background.color" description="Menu Background" type="color" default="#fbde2e" value="#fbde2e"/>
<Variable name="menu.background2.color" description="Menu SubCategory Background" type="color" default="#D22A24" value="#D22A24"/>
<Variable name="menu.text.color" description="Menu Text Color" type="color" default="#cd1919" value="#cd1919"/>
<Variable name="submenu.text.color" description="SubMenu Text Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Mobile Main Menu" selector="#menusearch">
<Variable name="mobile.navicon.color" description="Mobile Nav Icon Color" type="color" default="#454545" value="#454545"/>
<Variable name="mobile.navicon.background" description="Nav Icon Background" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="mobile.text.color" description="Text Color" type="color" default="#eb1c15" value="#eb1c15"/>
</Group>
<Group description="Mobile Dropdown Menu" selector="#menusearch">
<Variable name="mobile.background.color" description="Dropdown Background Color" type="color" default="#d93f3a" value="#d93f3a"/>
<Variable name="mobile.border.color" description="Dropdown Border Color" type="color" default="#ed4343" value="#ed4343"/>
<Variable name="mobile.text2.color" description="Dropdown Text Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="mobile.hover.background" description="Dropdown Hover Background" type="color" default="#bb2b2b" value="#bb2b2b"/>
<Variable name="mobile.hover.color" description="Dropdown Hover Color" type="color" default="#fbde2e" value="#fbde2e"/>
</Group>
<Group description="Trending Menu" selector=".menutwo">
<Variable name="trending.icon.background" description="Trending Icon Background" type="color" default="#ed2824" value="#ed2824"/>
<Variable name="trending.icon.color" description="Trending Icon Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="trending.text.color" description="Trending Text Color" type="color" default="#252525" value="#252525"/>
<Variable name="trends.text.color" description="Trending Menu Color" type="color" default="#E32828" value="#E32828"/>
</Group>
<Group description="Search Box" selector="#search-box">
<Variable name="search.background.color" description="Search Icon Background" type="color" default="#ddbd40" value="#ddbd40"/>
<Variable name="search.text.color" description="Search Icon Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Category Titles" selector=".title">
<Variable name="category.text.color" description="Category Color" type="color" default="#ea0303" value="#ea0303"/>
<Variable name="category.text.font" description="Category Font" type="font" default="normal 800 25px Poppins" value="normal 800 25px Poppins"/>
</Group>
<Group description="Category More Link" selector=".dmore">
<Variable name="dmore.background.color" description="More Background Color" type="color" default="#FFFF00" value="#FFFF00"/>
<Variable name="dmore.text.color" description="More Text Color" type="color" default="#e42121" value="#e42121"/>
</Group>
<Group description="Sidebar Widget Title" selector="#sidebars .widget h2">
<Variable name="sidebar.title.color" description="Sidebar Title Color" type="color" default="#eb1912" value="#eb1912"/>
<Variable name="sidebar.title.border" description="Title Underline Color" type="color" default="#fbc700" value="#fbc700"/>
</Group>
<Group description="Body Text" selector=".post-body">
<Variable name="body.text.font" description="Body Text Font" type="font" default="normal normal 14px Poppins" value="normal normal 14px Poppins"/>
</Group>
<Group description="Link Colors" selector="#mainwrapper">
<Variable name="all.link.color" description="Link Color" type="color" default="#c41515" value="#c41515"/>
</Group>
/*--------------------------------------
---------- Global --------------------
---------------------------------------*/
#layout #HeaderAd {
float: right;
}
#layout .allmenu {
clear: both;
}
#layout #HeaderAd .HTML {
margin: 0 !important;
}
#layout .menutwo.section {
float: left;
width: 40%;
}
#layout .msocial.section {
float: right;
width: 40%;
}
#layout .menuoverlay {
clear: both;
}
#layout .footb {
clear: both;
}
#layout .footaa {
width: 40%;
}
#layout .footab {
width: 40%;
}
#layout .footerall {
width: 22%;
}
#layout .sectionfoot {
padding: 40px 0 0;
}
#layout .rsidebar {
float: right;
padding: 50px 0;
}
#layout #slider {
margin-top: 100px;
min-height: auto;
}
#layout .bylabelta {
width: 45%;
}
#layout .bylabelua {
width: 45%;
}
#layout .sectionf {
min-height: auto;
padding: 0;
}
#layout .sectione {
min-height: auto;
}
#layout .menuwrapper {
width: 90%;
}
#layout .menu-container {
width: 100%;
float: left;
}
#layout .latesto {
margin-right: 10%;
}
#layout #slider {
width: 90%;
}
.sectionall .widget-content, .mainswap .widget-content {
color: white;
}
a:active {
outline: none;
}
a {
color: $(all.link.color);
text-decoration: none;
}
a:focus {
outline: 0;
}
a img {
border: 0;
}
html {
background: #ffffff;
}
body {
font-family: Catamaran;
padding: 0px;
}
.tabso {
min-height: 200px;
}
.sectionb, .sectione, #slider {
min-height: 200px;
}
.sectionf {
min-height: 320px;
}
.sticky-wrapper {
float: left;
}
.rsidebar .sicon {
background: #dcdcdc;
margin-bottom: 10px;
padding: 10px 20px;
box-sizing: border-box;
width: 100%;
border-radius: 1px;
}
.rsidebar .sicon .fa {
background: white;
border-radius: 5px;
color: inherit;
font-size: 16px;
line-height: 16px;
margin-right: 10px;
padding: 3px;
text-align: center;
width: 16px;
}
.rsidebar .sicon span {
color: white;
font-family: catamaran;
font-weight: 600;
}
.rsidebar .sicon.fa {
background: #3B5998;
}
.rsidebar .sicon.fa .fa {
color: #3B5998;
}
.rsidebar .sicon.tw {
background: #00ACED;
}
.rsidebar .sicon.tw .fa {
color: #00ACED;
}
.rsidebar .sicon.yo {
background: #C50C0C;
}
.rsidebar .sicon.yo .fa {
color: #C50C0C;
}
.rsidebar .sicon.rs {
background: #FF9123;
}
.rsidebar .sicon.rs .fa {
color: #FF9123;
}
.rsidebar .sicon.vi {
background: #17B3E8;
}
.rsidebar .sicon.vi .fa {
color: #17B3E8;
}
.rsidebar .sicon.dr {
background: #EA4C89;
}
.rsidebar .sicon.dr .fa {
color: #EA4C89;
}
.spreview #slider, .spreview .sectiona, .spreview .sectionb, .spreview .sectionc, .spreview .sectiond,
.spreview .sectione, .spreview .sectionf, .spreview .secimg, .spreview .secsp, .spreview .secop, .spreview .secvp {
display: none;
}
body.spreview .post-title {
width: auto !important;
}
.spreview .blog-posts {
display: block;
}
#sidebars .widget-content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 13px;
}
#sidebars .widget {
border: 1px solid #ededed;
}
#sidebars .widget.sblank {
border: none;
margin-top: 0px;
}
#sidebars .widget.sblank h2 {
display: none;
}
#sidebars .widget.sblank .widget-content {
padding: 0px;
margin-top: 0px;
}
#sidebars .Profile .widget-content {
margin-top: 28px;
}
.rsidebar .widget.noblank {
display: inline-block;
margin-top: 10px;
width: 100%;
}
.main .blog-posts .status-msg-wrap {
margin: 0 auto 20px;
position: relative;
width: 100%;
}
.main .blog-posts .status-msg-body {
background: white;
border: medium none;
font-family: catamaran;
font-size: 17px;
letter-spacing: 0.6px;
padding: 0;
position: absolute;
text-align: left;
width: 100%;
z-index: 4;
color: #252525;
}
.main .blog-posts .status-msg-border {
background: white;
border: medium none;
opacity: 0;
position: relative;
width: 100%;
}
.main .status-msg-wrap .status-msg-body > a:last-child {
display: none;
}
.main .blog-posts .status-msg-body b {
color: #eb1912;
font-family: catamaran;
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
}
.archivedate .post-count {
color: #4e4e4e;
font-family: catamaran;
}
.rsidebar .Label .widget-content a, .rsidebar .Label ul li span {
border: 1px solid gainsboro;
}
.menu-container {
background: #e9e9e9 none repeat scroll 0 0;
margin: 0 auto;
width: 1166px;
}
.mstick {
width: 100%;
z-index: 9999;
}
.mstick .menutrend {
display: none;
}
.menu-container .menuxy .widget-content > ul {
box-sizing: border-box;
list-style: outside none none;
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
}
.menu-container .menuxy .widget-content > ul {
background: #f7f7f7;
box-sizing: border-box;
display: none;
left: 0;
list-style: outside none none;
margin: 0;
padding: 18px 40px 18px;
position: absolute;
width: 100%;
z-index: 99;
}
.menu-container .menuxy .widget-content > ul > li {
background: rgba(0, 0, 0, 0);
float: left;
list-style: none;
padding-bottom: 0px;
width: 16.5%;
}
.menu-container .menuxy .widget-content > ul > li a {
color: #d50d0d;
display: block;
font-family: Poppins;
font-weight: 600;
font-size: 14px;
padding: 2px 0;
text-transform: uppercase;
width: 96%;
}
.menu-container .menuxy .widget-content ul > li > ul > li > a {
color: #303030;
font-weight: 400;
text-transform: none;
}
.menuy .w2bmenu .navbtn {
cursor: pointer;
margin-right: 20px;
position: absolute;
left: 0px;
}
.menux #menusearch ul.w2bmenu {
padding-left: 54px;
}
.menu-container .menuxy .widget-content > ul > li > ul {
box-sizing: border-box;
display: block;
list-style: outside none none;
margin: 5px 0;
padding: 0;
}
.menuxy.section {
margin: 0px;
}
.menutwo .trnds {
text-transform: uppercase;
font-family: Poppins;
color: $(trends.text.color);
margin-left: 32px;
font-weight: 600;
}
#sidebar .sociala ul {
margin-top: 14px;
overflow: auto;
padding: 0px;
}
.rsidebar .sociala {
margin-top: 0px;
}
.sociala ul li {
float: left;
list-style-type: none;
}
.sociala .jj {
background: #ffe35b;
color: #292929;
display: inline-block;
font-family: catamaran;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.5px;
line-height: 22px;
padding: 2px 8px 0 8px;
text-transform: uppercase;
word-spacing: 1px;
}
.sociala {
background: #fbfbfb;
border: 1px solid #f2f2f2;
border-radius: 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: -10px;
padding: 18px 21px 24px;
}
.sociala ul li:last-child .fa {
margin-right: 0px;
}
.sociala ul li a i {
background: #dd1111;
border-radius: 1px;
color: #fff;
font-size: 18px;
height: 28px;
line-height: 28px;
margin-right: 11px;
padding: 4px;
text-align: center;
transition: all 0.2s ease-in-out 0s;
width: 33px;
}
.sociala ul .fa-facebook {
background: #3b5998;
}
.sociala ul .fa-twitter {
background: #00aced;
}
.sociala ul .fa-google-plus {
background: #DD1111;
}
.sociala ul .fa-rss {
background: rgb(255, 131, 0);
}
.sociala ul .fa-reddit-alien {
background: #cc4444;
}
#sidebars .sociala .emailtext {
background: #e6e6e6;
color: #828282;
font-size: 12px;
text-transform: capitalize;
width: 140px;
}
#sidebars .sociala .emailsub {
padding: 11px 12px 7px;
background: #fcde23;
color: #000000;
border: none;
cursor: pointer;
float: right;
font-family: catamaran;
font-size: 14px;
font-weight: 600;
line-height: 14px;
}
/*---------------------------------
----------- Header -------------
----------------------------------*/
.post-header .connect .share-button {
background: #f6f6f6 !important;
border: none !important;
height: 34px;
width: 34px;
}
.connect .sb-twitter:before {
background: #5ca2c8;
color: white;
content: "\f099";
font-family: FontAwesome;
font-size: 19px;
line-height: 34px;
padding: 9px;
}
.connect .share-button {
position: relative;
}
.connect .sb-facebook:before {
background: #435eac;
color: white;
content: "\f09a";
font-family: FontAwesome;
font-size: 19px;
line-height: 35px;
padding: 12px;
}
.connect .sb-pinterest:before {
background: #e0333c;
color: white;
content: "\f231";
font-family: FontAwesome;
font-size: 19px;
line-height: 36px;
padding: 11px;
}
.connect .sb-email:before {
background: #606060;
color: white;
content: "\f0e0";
font-family: FontAwesome;
font-size: 19px;
line-height: 32px;
padding: 8px;
}
.archivedate .toggle .zippy {
color: #8453cb;
font-size: 12px;
}
.allcolumn, .footer, .widget .widget-item-control a img {
display: none !important;
}
.sectionc .timeago, .sectionc .post-category {
display: none;
}
.sectiond .widget time {
display: none;
}
.secsp time {
display: none;
}
.recentby .latestp.clear, .recentby .widget {
margin: 0px;
}
.bylabela {
float: left;
width: 700px;
}
.bylabelb {
float: right;
width: 456px;
margin: 0 10px;
}
.bylabelb h2 {
margin-left: 0px;
}
.mli1 .bwrap, .mli3e .bwrap {
bottom: 20px;
color: white;
padding: 0 20px;
position: absolute;
}
.ml1 .heading {
color: white;
font-family: catamaran;
font-size: 27px;
font-weight: 800;
line-height: 28px;
}
.sectiond .widget {
margin: 0 10px;
width: 274px;
float: left;
position: relative;
}
.xlp {
height: 167px;
}
.sectiond .widget .post-category {
text-transform: capitalize;
top: 152px;
}
.sectiond .widget .bwrap, .sectiond .widget .xle {
background: #f8f8f8;
}
.xle .bwrap {
padding: 11px 19px;
}
.sectiond .widget .heading {
font-weight: 800;
}
.sectiond .widget .xle .heading {
color: #000000;
font-size: 13px;
font-weight: 600;
font-family: Poppins;
line-height: 19px;
}
.sectiond .xli .bwrap {
background: none;
bottom: 12px;
padding: 23px 19px 11px;
position: absolute;
}
.xl1 .heading {
color: white;
font-size: 15px;
font-family: Poppins;
line-height: 20px;
}
.xl2 .bwrap {
padding-top: 29px;
}
.sectionall .secd .widget h2 {
top: 155px;
line-height: 16px;
}
.sectionall .secd .widget h2 a {
color: white;
}
.xl3 .bwrap {
padding-bottom: 21px;
padding-top: 2px;
}
.xl1 {
position: relative;
}
.secop .widget-content {
margin-top: 45px;
position: relative;
}
.secop .widget-content .opp {
height: 167px;
position: relative;
}
.secop .widget-content .opall {
float: left;
width: 265px;
margin-bottom: 15px;
padding-right: 15px;
position: relative;
}
.secop .widget-content .opall.opx3 {
padding-right: 0px;
}
.secop .widget-content .opall .bwrap .post-category:nth-of-type(2) {
background: #C21812;
}
.secop .widget-content .opall .post-category {
background: #da2713;
border-radius: 0;
padding: 3px 8px;
position: absolute;
top: -33px;
}
.secop .bwrap {
background: white;
margin: 0 20px;
padding: 13px 20px 0px;
position: relative;
top: -27px;
}
.secop .widget-content .op1 .post-category {
background: #32b47b;
}
.secop .widget-content .op2 .post-category {
background: #aa35d6;
}
.secop .widget-content .op3 .post-category {
background: #cb4242;
}
.secop .widget-content .op4 .post-category {
background: #1888b4;
}
.secop .widget-content .op5 .post-category {
background: #b76100;
}
.secop .widget-content .op6 .post-category {
background: #7d6aed;
}
.sectionall .secb .widget h2.title, .secb .widget .dmore, .sectionall .recentby .widget h2.title {
display: none;
}
.secop .widget-content .heading {
color: #151515;
font-family: Poppins;
font-size: 14px;
font-weight: 800;
line-height: 18px;
margin-bottom: 2px;
}
.secop .widget-content .opi time {
color: #6c6c6c;
font-family: catamaran;
font-size: 16px;
line-height: 21px;
margin-top: 2px;
display: none;
}
.secop .widget-content .opi .contento {
display: none;
}
.plear {
clear: both;
}
.secvp .widget-content .fft.fft4 {
margin-right: 0;
}
.secvp .widget-content .fft {
float: left;
list-style-type: none;
margin-right: 15px;
width: 195px;
}
.secvp .widget-content .fft .mluy {
height: 122px;
}
.opilist li {
list-style-type: none;
padding: 15px 12px 0;
position: relative;
}
.opyn1, .opyn2, .nl2 {
overflow: hidden;
}
.secop .opall > a, .fft > a, .nl2 > a {
overflow: hidden;
display: block;
}
.shots, .limage, .nla, .xlp, .mlu, .zapo, .nlb, .secop .opp, .mluy {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.xhid:hover .shots, .llist1:hover .limage, .nl1:hover .nla, .xl1:hover .xlp, .mlu1:hover .mlu, .mlu2:hover .mlu, .opymi:hover .zapo, .opyn1:hover .zapo, .opyn2:hover .zapo, .nl2:hover .nlb,
.secop .opall:hover .opp, .fft:hover .mluy {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.swapl:hover .shots, .swapr1 .xhid:hover .shots {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
transform: scale(1.07);
}
.xhid {
overflow: hidden;
position: relative;
}
.opilist .timeago {
color: #cccccc;
display: block;
font-family: catamaran;
font-size: 15px;
}
.opiauthor {
color: #bbbbbb;
font-family: catamaran;
font-size: 15px;
}
.opilist .opititle {
color: #212121;
font-size: 16px;
font-weight: 800;
line-height: 20px;
position: relative;
}
.opilist {
background: #f4f4f4;
margin: 0;
padding-bottom: 10px;
padding-left: 0;
}
.secsp .widget {
margin-top: 35px;
}
.byopinion {
float: right;
overflow: hidden;
width: 265px;
}
.opimg {
float: left;
width: 95px;
}
.byopinion .opimg img {
height: 62px;
width: 95px;
}
.opymi {
position: relative;
}
.secsp .widget-content .opymi {
float: left;
padding-right: 15px;
width: 550px;
}
.secsp .widget-content .opyni {
float: right;
margin-top: 0;
width: 260px;
}
.hhyu {
float: right;
width: 127px;
}
.opiauthorpic {
border-radius: 50px;
left: 20px;
position: absolute;
top: 28px;
width: 42px;
}
.opilist .timeago {
display: none;
}
.bylabelvp {
margin-top: 45px;
}
.bylabelvp .opivist {
list-style: outside none none;
padding-left: 0px;
margin-top: 0px;
}
.bylabelvp .opivist li {
float: left;
list-style-type: none;
margin-right: 15px;
width: 195px;
}
.w2bmenu .fa-navicon, .w2bmenu .fa-close {
margin-left: 10px;
color: $(menu.navicon.color);
font-size: 23px;
margin-top: 4px;
}
.opvimg img {
height: 137px;
width: 195px;
}
.bylabelvp .opivist li.opivn3 {
margin-right: 0px;
}
.secvp .widget-content .fft .heading {
color: #151515;
display: block;
font-family: Poppins;
font-size: 14px;
font-weight: 800;
line-height: 18px;
margin-top: 5px;
}
.secvp .post-category, .secvp time {
display: none;
}
.secvp .fft .mlpost-title {
display: block;
margin-top: 10px;
}
.loadera {
left: 15px;
position: relative;
text-align: center;
top: 0;
width: 52px;
}
.loadera .fa.fa-circle-o-notch {
color: #c92020;
font-size: 19px;
}
.oppy, .opay, .opy {
height: 445px;
width: 826px;
overflow: hidden;
}
.secua .widget-content .mlu:before, .sectiond .widget .xlp:before {
height: 90px;
}
.secimg .widget .tprev {
border-radius: 0 66px 66px 0;
left: 0px;
padding: 16px 16px 16px 1px;
}
.secimg .widget .tprev, .secimg .widget .tnext {
background: #ffffff;
color: black;
margin-top: -28px;
opacity: 0.3;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 9999;
}
.secimg .widget .tnext {
border-radius: 66px 0 0 66px;
padding: 16px 1px 16px 16px;
right: 0px;
}
.secimg .widget .fa.fa-chevron-left {
font-size: 26px;
padding-left: 3px;
}
.secimg .widget .fa.fa-chevron-right {
font-size: 26px;
padding-right: 3px;
}
.sectiona {
margin-bottom: 50px;
}
#header-inner img {
margin-left: -10px;
}
#header-wrapper {
height: 168px;
width: 100%;
}
.headersection {
margin: 0 auto !important;
max-width: 1156px;
}
#header {
float: left;
margin-left: 5px;
margin-top: 63px;
}
#header-wrapper #HeaderAd .widget-content {
float: left;
margin-left: 55px;
height: 90px;
margin-top: 10px;
width: 728px;
overflow: hidden;
}
.Header h1 {
color: $(blog.title.color);
font: $(blog.title.font);
letter-spacing: -1.5px;
margin-bottom: 0;
margin-top: -9px;
text-transform: uppercase;
}
.Header h1 a {
color: $(blog.title.color);
}
.descriptionwrapper {
color: $(blog.description.color);
display: block;
font: $(blog.description.font);
margin-top: -7px;
text-transform: uppercase;
}
#HeaderAd #HTML2 {
margin: 30px 0px 35px 0px !important;
}
#header-inner img {
max-height: 95px;
}
#HeaderAd {
float: left;
}
#HeaderAd .widget-content img {
height: 100%;
width: 100%;
}
ul.w2bmenu li a:first-child {
padding-left: 0px;
}
/*------------------------------------
------------ Post Body --------------
-------------------------------------*/
.clearfit:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.iauthor,.itag,.icomments {
display: none;
}
.swapl, .swapr1, .swapr2 {
padding: 0px 4px;
}
.swapl, .swapr1, .swapr2, .poo, .coo {
box-sizing: border-box;
position: relative;
}
.swapl {
float: left;
height: 500px;
width: 50%;
}
.ab {
height: 500px;
}
.swapr {
float: right;
height: 500px;
width: 50%;
}
.swapr1 {
height: 250px;
}
.bc {
height: 250px;
}
.swapr2 {
height: 250px;
width: 100%;
}
.poo {
padding: 8px 4px 0 0;
float: left;
height: 250px;
width: 50%;
}
.cd {
height: 242px;
}
.coo {
padding: 8px 0 0 4px;
float: right;
width: 50%;
}
.ef {
height: 242px;
}
.ab, .bc, .cd, .ef {
position: relative;
}
.mainswap .bwrap {
bottom: 18px;
position: absolute;
}
.mainswap .heading {
color: white;
font-family: Poppins;
font-size: 20px;
font-weight: 800;
line-height: 24px;
padding: 0 20px;
word-spacing: 1px;
}
.mainswap .widget {
line-height: 19px;
}
.mainswap .swapl .heading {
font-size: 26px;
line-height: 29px;
}
#slider .mainswap {
margin: 8px 5px 0px;
}
.mainswap .bwrap, .nl1 .bwrap, .opymi .bwrap {
pointer-events: none;
}
.mainswap .bwrap a, .nl1 .bwrap a, .opymi .bwrap a {
pointer-events: auto;
}
.lauthor, #slider .timeago {
color: #f8f8f8;
display: inline-block;
font-family: Poppins;
font-size: 12px;
font-weight: 500;
margin-top: 1px;
}
.lauthor {
margin-left: 23px;
margin-right: 10px;
}
.crc {
background: #b8b8b8;
border-radius: 100%;
display: inline-block;
height: 5px;
margin-right: 10px;
position: relative;
top: -1px;
width: 5px;
}
.ab:before, .bc:before, .cd:before, .ef:before {
/* background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center top , rgba(68, 68, 68, 0.27) 0%, rgba(0, 0, 0, 0.53) 100%) repeat scroll 0 0;*/
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, #111111 100%) repeat scroll 0 0;
content: "";
height: 200px;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.mainswap .post-category {
border-radius: 2px;
color: white;
display: inline-block;
font-family: Catamaran;
font-size: 11px;
letter-spacing: 0.3px;
line-height: 16px;
height: 15px;
margin-bottom: 7px;
margin-left: 20px;
padding: 3px 7px;
text-transform: uppercase;
}
.swapl .bwrap .post-category {
background: #e12235;
}
.swapr1 .post-category {
background: #32b47b;
}
.poo .post-category {
background: #aa35d6;
}
.coo .post-category {
background: #f58021;
}
.latesto {
margin: 54px auto 0;
}
.sectionall .section {
margin: 0px;
}
.sectionf .byvideo.section {
margin: 0 auto;
max-width: 1176px;
}
.sectionall {
margin: 0px auto 53px;
max-width: 1176px;
}
.byvideo {
margin: 0px auto;
max-width: 1176px;
}
.sectionall .widget h2.title, .sectiona h2, h2.poon {
color: $(category.text.color);
font: $(category.text.font);
display: inline-block;
letter-spacing: -1.5px;
line-height: 25px;
margin-bottom: 18px;
padding-bottom: 3px;
position: relative;
text-transform: uppercase;
}
.sectionall h2.title span {
display: inline-block;
font-family: catamaran;
font-size: 16px;
font-weight: 600;
position: absolute;
right: 0;
text-transform: lowercase;
top: -1px;
}
.sectionall h2.title span:after {
content: "\f105";
font-family: fontawesome;
font-size: 15px;
left: -1px;
padding-left: 1px;
padding-right: 7px;
position: relative;
top: 1px;
}
.mtabs .dmore:after, .widget .dmore:after {
content: "\f105";
font-family: fontawesome;
font-size: 15px;
left: -1px;
padding-left: 1px;
position: relative;
top: 1px;
}
.mtabs .dmore, .widget .dmore {
background: $(dmore.background.color);
color: $(dmore.text.color);
display: block;
font-family: Poppins;
font-size: 13px;
font-weight: 600;
line-height: 21px;
padding-left: 6px;
padding-right: 4px;
position: absolute;
right: 0px;
text-transform: lowercase;
top: 3px;
width: auto;
}
.secb .widget .dmore {
margin-right: 10px;
}
.sectionall h2.title span a {
color: #ea0303;
}
.sectiona h2, .sectionb h2, .sectionc h2 {
margin-left: 10px;
}
.latestp li {
float: left;
height: auto;
list-style: none;
margin: 0 10px;
overflow: hidden;
padding: 0 0 3px;
position: relative;
width: 274px;
}
.recentby .ltitle {
box-shadow: 0 1px 3px rgba(57, 57, 57, 0.10);
background: #f8f8f8;
padding: 22px 19px 13px;
position: relative;
z-index: 9;
}
.recentby time, .sectionall .secd h2 {
background: #ec1a2e;
border-radius: 1px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
color: white;
display: inline-block;
font-family: catamaran;
font-size: 12px;
font-weight: 400;
left: 16px;
line-height: 15px;
padding: 5px 10px;
position: absolute;
text-align: center;
border-radius: 1px;
text-transform: uppercase;
top: 142px;
z-index: 99;
}
.recentby .widget ul {
padding: 0px;
}
.lttitle {
color: #151515;
font-family: Catamaran;
font-size: 16px;
font-weight: 800;
line-height: 21px;
}
.latestp {
padding-left: 0;
}
.recentby .limage {
display: block;
height: 155px;
overflow: hidden;
position: relative;
}
.secd .xli {
overflow: hidden;
}
.nli1 {
height: 455px;
position: relative;
width: 568px;
overflow: hidden;
}
.nli1, .nli2, .nli3 {
float: left;
margin: 0 10px;
}
.nli2, .nli3 {
width: 274px;
}
.nli3 {
background: #f8f8f8;
box-shadow: 1px 0 3px rgba(57, 57, 57, 0.12);
padding: 10px 0 0;
}
.nl5, .nl6, .nl7, .nl8, .nl9 {
padding: 0 10px;
}
.secb .nla {
height: 455px;
}
.nl1 .post-category, .secua .post-category, .secop .widget-content .post-category {
background: #f58021;
border-radius: 2px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
color: white;
height: 15px;
line-height: 16px;
display: inline-block !important;
font-family: Catamaran;
letter-spacing: 0.3px;
font-size: 11px;
margin-bottom: 9px;
padding: 4px 7px;
border-radius: 1px !important;
text-transform: uppercase;
}
.secb .nli1 .nl1 .post-category {
border-radius: 2px !important;
padding: 3px 8px;
}
.secua .bwrap .post-category {
margin-bottom: 7px;
padding: 3px 7px;
display: none !important;
}
.sectionb .widget .nl1 .heading {
color: white;
font-family: Poppins;
font-size: 25px;
font-weight: 800;
line-height: 29px;
}
.secb .nli21 {
position: relative;
}
.secb .nli21 .post-category {
background: #eb5343;
border-radius: 0;
box-shadow: none;
color: white;
font-family: catamaran;
font-size: 12px;
font-weight: 600;
padding: 4px 9px;
position: absolute;
text-transform: uppercase;
top: 187px;
display: none;
}
.nlb {
height: 211px;
position: relative;
z-index: -9;
}
.nlc, .nld {
float: left;
height: 75px;
width: 111px;
}
.nle, .nlf, .nlg, .nlh, .nli {
float: left;
height: 72px;
width: 108px;
}
.sectionb .widget .heading {
font-family: Poppins;
color: #000000;
}
.nli22 .heading, .nli3 .heading {
font-size: 13px;
font-weight: 600;
line-height: 18px;
}
.nli3 .heading {
padding-left: 10px;
}
.nli22 .heading {
padding-left: 14px;
}
.nli22 > div, .nlii3 > div{
margin-bottom: 20px;
}
.nli3 .bwrap, .nli22 .bwrap {
float: right;
width: 163px;
}
.sectionb .widget .nli3 .bwrap {
width: 143px;
}
.nli3 .nl9 {
margin-bottom: 10px;
}
.mli1, .mli2 {
float: left;
margin: 0 10px;
position: relative;
}
.ml4 {
position: relative;
}
.ml4 .heading {
color: white;
font-family: catamaran;
font-size: 23px;
line-height: 25px;
font-weight: 800;
}
.mli3f .heading {
color: #262626;
font-size: 17px;
font-weight: 800;
line-height: 20px;
margin-top: 6px;
}
.mli1 {
width: 380px;
}
.mli2 {
background: #f4f4f4;
padding: 15px 20px;
width: 240px;
}
.mli2 .heading {
color: #292929;
font-weight: 800;
margin-bottom: 5px;
}
.mli2 .ml2, .mli2 .ml3 {
margin-bottom: 20px;
}
.mli2 .contento {
color: #454545;
font-family: georgia;
}
.mli3 {
width: 456px;
}
.mli3e {
margin-bottom: 20px;
}
.mla {
height: 393px;
}
.mle {
height: 197px;
}
.mlb, .mlc {
height: 160px;
}
.mlf, .mlg {
height: 130px;
}
.ml5 {
margin-right: 10px;
}
.ml5, .ml6 {
float: left;
width: 218px;
}
.ml6 {
margin-left: 10px;
}
.sectionf {
background: #0D0D0D;
padding: 42px 0px;
margin-bottom: 53px;
}
.vli1 {
float: left;
width: 42%;
}
.vl1 {
margin: 10px 0px 0px;
padding: 0px 10px;
position: relative;
}
.vli2 {
float: left;
width: 58%;
}
.vl1 .vl {
height: 327px;
}
.vc {
box-sizing: border-box;
float: left;
margin: 10px 0px;
padding: 0px 10px;
position: relative;
width: 33.3%;
}
.vl {
height: 153px;
}
.vli1 .bwrap, .vli2 .bwrap {
bottom: 20px;
font-size: 14px;
line-height: 21px;
padding: 0 15px;
position: absolute;
}
.vli1 .vl1 .bwrap {
font-size: 29px;
line-height: 33px;
padding: 0px 30px 0px 20px;
}
.vli1 .bwrap a, .vli2 .bwrap a {
color: #FFFFFF;
}
.byvideo .vli2 .heading {
font-family: Poppins;
font-weight: 600;
font-size: 14px;
line-height: 17px;
}
.byvideo .vli1 .heading {
font-family: Poppins;
font-size: 25px;
font-weight: 800;
line-height: 29px;
}
.vl:before {
background: linear-gradient(to bottom, transparent 0px, #000 100%);
bottom: 0;
content: "";
height: 100px;
left: 0;
position: absolute;
right: 0;
margin: 0px 10px;
width: auto;
}
.vl1 .vl:before {
height: 140px;
}
.vl:after {
background: #ED1515;
border-radius: 100%;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
color: white;
content: "\f04b";
display: block;
font-family: FontAwesome;
left: 22px;
line-height: 22px;
padding: 8px 12px 8px 14px;
position: absolute;
top: 12px;
}
.vl1 .vl:after {
font-size: 25px;
line-height: 22px;
padding: 18px 19px 18px 24px;
}
.byvideo .post-category, .byvideo .timeago, .latesto .byvideo h2 {
display: none;
}
.nli21 .heading {
font-size: 17px;
font-weight: 800;
letter-spacing: -0.3px;
line-height: 22px;
margin-bottom: 20px;
padding-top: 10px;
color: #151515 !important;
}
.nl1 {
position: relative;
}
.nli1 .bwrap {
bottom: 20px;
color: white;
padding: 0 20px;
position: absolute;
}
.nla:before, .mla:before, .oppy:before, .secsp .widget-content .oppmi:before {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, #000 100%);
bottom: 0;
content: "";
height: 200px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.secimg .widget .oppy:before {
height: 200px;
}
.opi .opp:before {
content: "";
height: 90px;
}
.mle:before, .xlp:before, .mlu:before, .opp:before, .oppois:before {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, #000 100%);
bottom: 0;
content: "";
height: 110px;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
.bylabelta {
float: left;
margin: 0 10px;
width: 568px;
}
.secta .widget-content .oppmi {
float: right;
height: 250px;
width: 332px;
}
.secta .widget-content .opymi .bwrap {
float: left;
margin: 0px 10px 0px 0px;
width: 218px;
}
.secta .dropdown {
padding: 0px;
}
.opymi .heading {
color: #151515;
font-family: poppins;
font-size: 21px;
font-weight: 800;
line-height: 24px;
margin-bottom: 9px;
margin-top: 8px;
}
.bylabelta .opymi .oay-title .heading {
margin-top: 0px;
}
.secsp .widget-content .opymi .heading {
color: white;
display: block;
font-size: 21px;
line-height: 25px;
padding-top: 2px;
margin-bottom: 0px;
position: relative;
}
.secsp .widget-content .opyni .heading {
color: #ffffff;
font-size: 15px;
font-weight: 800;
line-height: 19px;
}
.opymi .contento {
color: #282828;
font-family: Poppins;
font-size: 13px;
line-height: 20px;
margin-bottom: 14px;
}
.secsp .opymi .contento {
margin-bottom: 8px;
}
.opymi .post-category {
background: #ebea40;
color: #e81111;
font-family: catamaran;
font-size: 12px;
font-weight: 600;
border-radius: 2px;
margin-right: 13px;
padding: 2px 9px;
text-transform: uppercase;
}
.secsp .widget-content .opymi .post-category {
background: #f58021;
border-radius: 2px;
color: white;
font-family: lucida console;
font-size: 12px;
margin-right: 10px;
padding: 4px 8px;
font-weight: normal;
text-transform: uppercase;
}
.secsp .widget-content .oppmi {
float: left;
height: 336px;
margin-right: 20px;
position: relative;
width: 100%;
}
.secsp .widget-content .opymi .bwrap {
bottom: 15px;
color: white;
padding: 0px 20px;
position: absolute;
}
.secsp .widget-content .opyn1, .secsp .widget-content .opyn2 {
width: 260px;
position: relative;
}
.secsp .widget-content .opyn1 {
float: none;
margin-bottom: 15px;
margin-right: 0px;
}
.secsp .widget-content .opyni .bwraps {
bottom: 15px;
padding: 0 15px;
position: absolute;
}
.secsp .widget-content .opyni .bwrap {
width: 150px;
}
.opymi time {
color: #484848;
font-family: poppins;
font-size: 12px;
letter-spacing: 0.3px;
}
.bylabelua {
float: right;
margin: 0 10px;
width: 568px;
position: relative;
}
.secimg .widget ul li {
list-style: none;
position: relative;
padding: 0px;
}
.secimg .widget time, .secimg .widget .contento, .secimg .widget .post-category {
display: none;
}
.secimg .widget .heading {
background: rgba(30, 30, 30, 0.7);
color: white;
display: inline-block;
font-family: catamaran;
font-size: 27px;
font-weight: 800;
line-height: 33px;
padding: 10px;
}
.secimg .widget .heading {
background: rgba(0, 0, 0, 0.65);
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.65), -5px 0 0 rgba(0, 0, 0, 0.65);
-moz-box-shadow: 5px 0 0 rgba(0, 0, 0, 0.65), -5px 0 0 rgba(0, 0, 0, 0.65);
box-shadow: 5px 0 0 rgba(0, 0, 0, 0.65), -5px 0 0 rgba(0, 0, 0, 0.65);
color: white;
display: inline;
font-family: catamaran;
font-size: 30px;
font-weight: 800;
line-height: 59px;
padding: 3px 10px;
}
.secimg .widget-content .contento {
color: white;
font-family: lora;
font-size: 17px;
line-height: 23px;
margin-bottom: 5px;
}
.secimg .widget ul {
padding-left: 0;
}
.secimg .widget .bwrap {
bottom: 10px;
left: 12px;
padding: 20px;
position: absolute;
right: 0;
}
.secimg .widget {
position: relative;
}
.post-body h3, .post-body h4 {
font-family: catamaran;
}
.post-body h2 {
background: #fffe80;
color: #353535;
display: inline-block;
font-family: catamaran;
font-size: 22px;
padding: 3px 8px;
}
.mtabs ul{
padding: 0px;
list-style: none;
margin-bottom: 0px;
position: relative;
}
.sectionall .secop h2.poon span {
position: absolute;
right: 0;
top: 4px;
}
.mtabs ul .dmore a, .widget .dmore a {
color: inherit;
display: inline;
padding: 0;
text-transform: none;
}
.mtabs ul .dmore a:hover, .widget .dmore a:hover {
background: none;
color: inherit;
}
.mtabs ul li {
display: inline-block;
line-height: 21px;
padding: 0px;
position: relative;
text-align: left;
}
.mtabs ul li a{
display: block;
padding: 8px 25px;
color: #333;
text-transform: capitalize;
text-decoration: none;
}
.mtabs ul li a:hover{
color: #cf2222;
}
.mtabs ul.dropdown-menu {
background: #fbc801;
display: none;
left: 0;
position: absolute;
margin-top: -12px;
z-index: 999;
}
.sidebarxe ul.dropdown-menu {
margin-top: 0px;
margin-left: 15px;
}
.mtabs ul.dropdown-menu li{
display: block;
}
.mtabs .dropdown-menu a {
color: #252525;
font-family: catamaran;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.4px;
line-height: 19px;
cursor: pointer;
padding: 5px 17px;
text-transform: uppercase;
}
#sidebars .mtabs .dropdown-menu a {
color: #252525;
}
.mtabs ul.dropdown-menu li:first-child a {
margin-top: 6px;
}
.mtabs ul.dropdown-menu li:last-child a {
margin-bottom: 3px;
}
.mtabs .title:after {
bottom: -2px;
content: "\f107";
font-family: FontAwesome;
padding-left: 5px;
font-size: 20px;
position: relative;
}
.sidebarxe h2.title:after {
border-bottom: 10px solid white;
bottom: 0;
color: #cdcdcd;
content: "\f107";
font-family: FontAwesome;
font-size: 15px;
top: -1px;
padding-left: 5px;
padding-right: 5px;
line-height: 0px;
position: relative;
}
.mtabs .title, .mtabs .title {
cursor: pointer;
}
.secimg.section .widget .xtitle {
background: rgba(244, 243, 72, 0.95);
color: #e62121;
display: inline-block;
font-family: catamaran;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.4px;
line-height: 24px;
padding: 4px 11px 4px;
position: absolute;
text-transform: uppercase;
word-spacing: 2px;
z-index: 999;
}
.secimg.section .widget .xtitle a {
color: #e62121;
}
.secimg .widget .prev {
position: absolute;
right: 61px;
top: 4px;
z-index: 99;
}
.footerslider .next, .footerslider .prev {
cursor: pointer;
border: none;
}
.footerslider .sliderinner {
overflow: hidden;
width: 1156px;
}
.secimg .widget .next {
position: absolute;
right: 25px;
top: 4px;
z-index: 99;
}
.mlu1 {
float: left;
margin-right: 10px;
width: 274px;
}
.mlu2 {
float: right;
margin-left: 10px;
width: 274px;
}
.secua .mlue .mlu1 .post-category {
background: #aa35d6;
}
.secua .mlue .mlu2 .post-category {
background: #1888B4;
}
.secua .mlui .mlu1 .post-category {
background: #32b47b;
}
.secua .mlui .mlu2 .post-category {
background: #cb4242;
}
.secua .widget-content .mlu {
height: 160px;
}
.d1, .d2, .d3 {
position: relative;
}
.soverlay {
background: rgba(254, 254, 254, 0.8);
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0px;
width: 100%;
z-index: 99;
}
.mlu1, .mlu2 {
position: relative;
overflow: hidden;
}
.secua .widget-content .bwrap {
bottom: 15px;
padding: 0 15px;
position: absolute;
}
.secua .widget-content .heading {
color: white;
font-family: Poppins;
font-size: 15px;
font-weight: 800;
line-height: 20px;
}
.secua .widget-content .mlue {
margin-bottom: 20px;
}
.opyni .post-category, .opyni time, .opyni .contento {
display: none;
}
.opyni {
margin-top: 20px;
}
.opyn1 {
float: left;
margin-right: 10px;
width: 274px;
}
.opyn2 {
float: right;
margin-left: 10px;
width: 274px;
}
.oppoi {
float: left;
height: 68px;
width: 100px;
}
.secsp .widget-content .oppois {
height: 160px;
width: 100%;
}
.opyni .bwrap {
float: right;
width: 164px;
}
.opyni .heading {
color: #000;
font-family: poppins;
font-size: 13px;
font-weight: 600;
line-height: 18px;
}
.rsidebar {
float: left;
width: 300px;
padding-right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sidebars .widget-content {
overflow: hidden;
}
.lcontent {
float: left;
width: 826px;
margin: 0 30px 0 10px;
}
.sectionall .lcontent .widget-content {
margin: 0px;
}
.sectiong .lcontent .widget {
margin: 0px 0px 45px;
}
.sectiong .lcontent .secsp .widget {
margin: -25px 0px 45px;
}
.foota {
background: #1B1E1E;
height: 60px;
}
.footb {
background: #0a0a0a;
}
.footc {
background: #0a0a0a;
border-top: 1px solid #1F1F1F;
}
.footca {
max-width: 1156px;
margin: 0 auto;
}
.footb .widget-content {
color: #b1b1b1;
font-size: 15px;
}
.footb a {
color: #EB4E4E;
}
.footcopy {
color: #767676;
font-family: catamaran;
font-size: 16px;
letter-spacing: 0.5px;
padding: 8px 0;
float: left;
}
.footdesign {
color: #767676;
float: right;
font-family: catamaran;
font-size: 16px;
letter-spacing: 0.5px;
padding: 8px 0;
}
.footc .fa.fa-heart {
color: #cd1919;
font-size: 15px;
padding: 0 2px;
position: relative;
top: 1px;
}
.footercolm {
margin: 0 auto;
max-width: 1176px;
padding: 53px 0px 33px;
}
.footerall {
float: left;
margin: 0 10px 20px 10px;
width: 274px;
color: #c4c4c4;
}
.footera.footerall {
margin-left: 10px;
}
.footerd.footerall {
margin-right: 10px;
}
.footerall .section {
margin: 0px;
}
.footerall h2 {
color: #bfbfbf;
font-family: Poppins;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.3px;
margin-bottom: 10px;
padding-bottom: 4px;
text-transform: uppercase;
}
.footax {
margin: 0 auto;
max-width: 1156px;
}
.footax .footaa {
margin: 19px 0px 0px;
}
.footax .footab {
margin: 0px;
}
.footax .widget {
margin: 0px;
}
.footaa {
float: left;
margin-top: 22px;
}
.footab {
float: right;
}
.footaa a {
color: #d9d9d9;
font-family: catamaran;
font-size: 16px;
margin-right: 36px;
}
.footb #label_with_thumbs .postthumb {
float: left;
width: 30%;
}
.footb #label_with_thumbs .allsum {
float: right;
padding-left: 5%;
width: 65%;
}
.footb #label_with_thumbs {
padding: 0px 10px 0px 0px;
}
.footb .latestpost {
display: inline-block;
list-style: outside none none;
margin-bottom: 10px;
padding: 0;
}
.footb .label_thumb {
height: 65px;
object-fit: cover;
width: 100%;
}
.footb .posttitle a {
color: #9d9d9d;
font-family: catamaran;
font-size: 16px;
line-height: 19px;
}
/*--------Popular First Large ------- */
.rsidebar #sidebars .PopularPosts ul li:first-child .item-thumbnail {
float: none;
position: relative;
margin: 0px;
}
.secvp .widget:last-child {
margin-bottom: 0px;
}
#sidebars .PopularPosts ul li:first-child .item-title a {
bottom: 17px;
color: white !important;
font-family: Poppins;
font-size: 21px;
font-weight: 800;
line-height: 22px;
padding: 0 14px;
position: absolute;
}
.PopularPosts .widget-content ul li:last-child .item-thumbnail {
margin-bottom: 0 !important;
}
.opin .opall:nth-last-of-type(1) .opp {
margin-bottom: 0;
}
.PopularPosts ul li:first-child .item-thumbnail img {
width: 100%;
}
.PopularPosts .widget-content ul li {
border-bottom: 1px solid #ededed;
}
.PopularPosts .widget-content ul li:first-child {
border-bottom: none;
padding-top: 5px !important;
}
.PopularPosts ul li:first-child .item-thumbnail:before {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, rgba(13, 13, 13, 0.93) 100%) repeat scroll 0 0;
bottom: 0;
content: "";
display: block;
height: 100px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 9;
}
.PopularPosts .item-title {
position: relative;
z-index: 9;
}
/*--------- Popular End ----- */
body {
min-width: 320px;
margin: 0 auto;
}
.post-body {
color: #252525;
font: $(body.text.font);
line-height: 27px;
}
.post-body img {
max-width: 95%;
}
.post-header .connect {
background: #f6f6f6;
margin: -29px 0 12px 4px;
padding: 18px 15px 4px;
position: absolute;
}
.post-header .connect a {
display: block;
margin-bottom: 13px;
border-radius: 1px;
}
.post-header .connect img {
border-radius: 1px;
}
.connect.sticka {
margin-top: 10px !important;
position: fixed;
top: 0;
z-index: 9;
}
.connect.stickb {
position: absolute;
}
.post-header .connect {
display: none;
}
.post-title a:hover {
text-decoration: none;
}
.post-body a {
color: #CB2909;
}
.post-title {
color: #000000;
font-family: Catamaran;
font-size: 48px;
font-weight: 800;
line-height: 50px;
letter-spacing: -1px;
word-spacing: 1.5px;
margin-bottom: 6px;
margin-top: 2px;
padding-top: 3px;
}
.postdesc {
color: #111111;
font-family: Poppins;
font-size: 16px;
line-height: 27px;
margin: 0px 1px;
padding-bottom: 0px;
}
.post-body .posts-thumb {
height: 205px;
left: 0;
position: absolute;
top: 0;
width: 355px;
}
#sumlabel {
color: #454545;
float: right;
font-size: 14px;
line-height: 26px;
margin-left: 25px;
position: relative;
width: 446px;
}
.post-body iframe {
max-width: 100%;
}
.post-labels a {
background: #f5f5f5;
border: 1px solid #ededed;
border-radius: 3px;
color: #515151;
display: inline-block;
font-family: poppins;
font-size: 12px;
font-weight: 400;
line-height: 21px;
margin: 0 8px 10px 2px;
padding: 4px 11px 3px;
}
.post-footer-line-2 {
margin: 15px 0px 0px 92px;
}
.belowbody {
margin: 15px 0px 15px 92px;
}
.belowtitle {
margin: 15px 0px -10px;
}
.post-labels span {
color: #2D2D2D;
margin-right: 8px;
}
.poston {
color: #343434;
font-family: georgia;
font-size: 14px;
letter-spacing: 0.4px;
padding-right: 2px;
}
.post-body blockquote {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG56a3wx5hmW5HRQGiTraxZ6qmse6XY-QeKDxbTCFXTRAq1Lly9MScFmij7ZVWxgbMLYDIC3PTaKVwuwCqf7wz6Mn5H2E7nFUUAmCORtXGXzKZo0sFm-7w037ozuU_7MrGHv-JGNge2o0/s1600/quotes.png") no-repeat scroll 4px -5px;
color: #444444;
display: block;
font-size: 15px;
line-height: 23px;
margin: 0 19px 0 0;
padding: 10px 36px 14px 68px;
}
.Attribution {
display: none;
}
.sectionall .sdate h2 span, .post-timestamp .published, .timeo {
color: #434343;
display: inline-block;
font-family: catamaran;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.4px;
position: relative;
text-decoration: none;
top: 0px;
}
.sectionall .sdate h2 span {
text-transform: capitalize;
}
.sectionall .post-outer .date-header {
border-bottom: medium none;
display: inline-block;
margin-bottom: 4px;
text-transform: none;
}
.post .post-timestamp {
margin-left: 2px;
}
.post-outer .sdate {
margin-left: 95px;
margin-top: 20px;
}
.abline {
color: #353535;
font-family: Tahoma;
font-size: 14px;
margin: 0px 6px;
}
.byname, .abauthor {
color: #454545;
font-family: catamaran;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
}
.sdate .abauthor a {
color: #e13030;
font-weight: 500;
margin-left: 3px;
}
#main.section {
margin: 0px !important;
}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#f2f2f2; border: 1px solid lightgray;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#b44444;text-decoration:none;color: #fff;}
.displaypageNum a:hover,.showpage a:hover {
border: 1px solid #b44444;
}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#666666; padding: 6px 13px;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
/*------------------------------------
------------ Sidebar ---------------
-------------------------------------*/
#sidebars {
height: 100%;
}
.sectionall #sidebars .widget h2 {
background: white;
border-bottom: 6px solid $(sidebar.title.border);
color: $(sidebar.title.color);
display: inline-block;
font-family: Poppins;
font-size: 23px;
font-weight: 800;
letter-spacing: -0.8px;
line-height: 21px;
margin-bottom: 9px;
margin-left: 15px;
padding: 0;
position: absolute;
text-align: left;
text-transform: none;
top: -12px;
word-spacing: 3px;
text-transform: uppercase;
}
.rsidebar .widget {
position: relative;
margin-bottom: 50px;
}
#sidebars .widget-content {
color: #353535;
font-size: 15px;
margin-top: 22px;
}
#sidebars .sidebarxe .widget-content {
padding-bottom: 2px;
margin-top: 0px;
}
.sidebarxe .opall .bwrap {
padding-left: 136px;
}
#sidebar.section {
margin: 0px;
}
#sidebars .sidebarxe .widget h2 {
position: relative;
margin-bottom: -3px;
}
.sidebarxe .loadera {
background: white;
left: 1px;
padding: 0 7px;
position: relative;
text-align: center;
top: -10px;
width: 52px;
}
.Label .widget-content a, .Label ul li span {
border: 1px solid #454444;
border-radius: 2px;
color: #9a9a9a;
float: left;
font-family: catamaran;
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
margin-right: 7px;
padding: 6px 13px;
text-transform: capitalize;
}
.labelname.title b {
background: #AB3E3E;
color: white;
display: inline-block;
font-size: 16px;
font-weight: lighter;
margin-bottom: 23px;
padding: 3px 15px 4px;
position: relative;
text-transform: capitalize;
}
.labelname.title b:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #AB3E3E; border-width: 9px; margin-left: -30px; }
.list-label-widget-content li {
margin-bottom: 2px;
}
.rsidebar .Label ul li span {
padding: 6px 8px;
}
.LinkList .widget-content ul {
list-style: none outside none;
padding-left: 3px;
}
.blog-pager .home-link {
display: none;
}
.post-outer #blog-pager {
margin: 10px 0 21px 88px;
}
#blog-pager-older-link {
border-radius: 2px;
text-align: left;
width: auto;
}
#blog-pager .nxtpost {
color: #eb1912;
font-family: Poppins;
font-size: 16px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
word-spacing: 3px;
}
.blog-feeds, .post-feeds {
display: none;
}
.nxtpost::after {
content: "\f105";
font-family: fontawesome;
padding-left: 6px;
position: relative;
top: 0;
}
.blog-pager-older-link, .blog-pager-newer-link {
color: #414141;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 23px;
margin-top: 2px;
padding-left: 7px;
text-transform: uppercase;
}
.label-size span {
background: #757575;
color: #FFFFFF;
float: left;
margin-bottom: 6px;
padding: 4px 7px;
text-transform: capitalize;
}
.list-label-widget-content ul li {
display: inline-block;
}
#sidebars .widget-content a {
color: $(all.link.color);
}
.sidebarxe .dropdown-menu li:hover a {
color: #cf2222 !important;
}
.list-label-widget-content ul li a {
margin-bottom: -2px !important;
}
.list-label-widget-content ul {
padding-left: 5px !important;
}
.emailtext {
background: #303030;
border: medium none;
color: #585858;
font-family: catamaran;
font-size: 15px;
height: 31px;
letter-spacing: 0.6px;
margin-top: 0 !important;
padding-left: 12px;
padding-right: 12px;
padding-top: 0 !important;
width: 195px;
}
.emailtop {
margin-top: 14px;
}
#sidebars .emailtop {
margin-top: 19px;
}
.emailsub {
background: #e11f1f;
border: none;
color: #fbfbfb;
cursor: pointer;
float: right;
font-family: catamaran;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.5px;
padding: 10px 12px 8px;
text-transform: uppercase;
line-height: 14px;
}
.opin .opp {
float: left;
height: 83px;
margin: 0 15px 0px 0px;
width: 121px;
}
.opin .opp:before {
content: "";
background: none;
}
.opin .opall:nth-last-of-type(1) {
border-bottom: none;
margin-bottom: 0;
}
.opin .opall {
border-bottom: 1px solid #ededed;
clear: both;
color: #666;
font-family: helvetica;
list-style-type: none;
margin: 0 auto 12px;
overflow: hidden;
padding: 4px 0px 15px;
}
.opin .opall .bwrap h3 {
color: #151515;
font-family: Poppins;
font-size: 13px;
font-weight: 800;
line-height: 17px;
}
.opin .opall time {
color: #ee2525;
display: block;
font-family: catamaran;
font-size: 12px;
font-weight: 600;
line-height: 20px;
margin-bottom: 2px;
}
.opin .post-category, .opin .contento {
display: none;
}
.widget ul.mbtlist {
padding-left: 0px;
}
.tabsn ul{
padding: 0px;
list-style: none;
}
.tabsn ul li{
display: inline-block;
position: relative;
line-height: 21px;
text-align: left;
}
.tabsn ul li a{
display: block;
padding: 8px 25px;
color: #333;
text-decoration: none;
}
#sidebars .tabsn ul li a:hover {
background: #dcdcdc;
text-decoration: none;
}
.tabsn ul li ul.dropdown-menun {
min-width: 100%; /* Set width of the dropdown */
background: #f2f2f2;
display: none;
position: absolute;
z-index: 999;
left: 0;
}
.tabsn ul li ul.dropdown-menun li{
display: block;
}
.tabsn .dropdownn h4 {
cursor: pointer;
}
.tabsn ul {
cursor: pointer;
position: absolute;
top: 6px;
}
.tabsn ul h4 {
height: 25px;
position: absolute;
top: -20px;
width: 200px;
}
/*------------------------------
----------- Footer --------------
------------------------------*/
.footer {
background: #4f4f4f;
display: block;
height: 36px;
width: 100%;
}
.post-footer {
margin-left: 95px;
}
.post-footer .author-profile {
border-bottom: 1px solid #f1f1f1;
border-radius: 2px;
border-top: 1px solid #f1f1f1;
margin: 20px 20px 0px 0px;
padding: 16px 25px 16px 2px;
}
.post-footer .author-profile div .g-profile span {
display: block;
font-family: Poppins;
font-size: 16px;
font-weight: 700;
margin-top: 3px;
color: #313131;
word-spacing: 2px;
}
.post-footer .author-profile span {
color: #2f2f2f;
display: block;
font-family: Poppins;
font-size: 14px;
line-height: 22px;
margin-top: 3px;
}
.post-footer .author-profile img {
border-radius: 50px;
float: left;
margin-right: 15px;
width: 75px;
}
.post-footer .author-profile span a {
color: #cb2121;
}
.copy {
color: #a9a9a9;
float: left;
font-family: georgia;
font-size: 14px;
font-weight: 400;
margin-top: 9px;
padding-left: 33px;
}
.copy a {
color: #A0A0A0;
text-decoration: underline;
}
.implinks {
float: right;
margin-top: 8px;
padding-right: 20px;
}
.implinks a {
color: #a9a9a9;
font-family: Lora;
font-size: 14px;
letter-spacing: 0.5px;
margin-right: 38px;
}
.footerx {
max-width: 1370px;
margin: 0 auto;
}
.footer {
clear: both;
}
/*----------------------------------------
--------------- Post Comments ----------------
----------------------------------------*/
.comments .comment-replybox-thread {
margin-left: 90px;
margin-top: 5px;
}
.comment-content {
color: #373737;
font-family: catamaran;
font-size: 15px;
letter-spacing: 0.2px;
line-height: 22px;
margin: 3px 0 7px !important;
}
.comment-actions a {
background: #dedede;
border-radius: 3px;
color: #343434;
font-family: Poppins;
font-size: 9px;
margin-right: 12px !important;
padding: 3px 9px 2px !important;
text-transform: uppercase;
}
#comment-post-message {
display: none;
}
.comheader, .post-outer .comments > h4 {
border-radius: 2px;
display: inline-block;
font-family: Poppins;
font-size: 19px;
color: #f42a2a;
font-weight: 800;
margin-left: 95px;
padding: 5px 3px;
position: relative;
text-transform: uppercase;
}
.comheader a {
color: #f42a2a;
}
.showhide {
color: #c9c9c9;
display: inline-block;
cursor: pointer;
font-family: catamaran;
font-size: 14px;
letter-spacing: 0.5px;
margin-left: 6px;
text-transform: uppercase;
}
.comment-header {
margin: 0px 0px 4px !important;
}
.continue {
display: none;
}
.thread-count a {
border-radius: 3px;
color: #353535;
font-family: catamaran;
font-size: 10px;
margin-bottom: 4px;
padding: 3px 0px 2px;
text-transform: uppercase;
}
.comment-form {
margin-left: 95px;
}
.comments .thread-toggle .thread-arrow {
left: 1px;
position: relative;
paddin-right: 3px;
top: 3px;
}
.user a {
color: #212121;
font-family: catamaran;
font-weight: 600;
font-size: 16px;
padding-bottom: 2px;
}
.comments .comments-content .comment-content {
text-align: left;
}
.comments .comments-content .comment {
margin-bottom: 0px !important;
}
.comments .avatar-image-container img {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
.comments .comments-content .comment-thread ol {
background: #fbfbfb;
border: 1px solid #f2f2f2;
list-style-type: none;
margin-left: 95px;
padding: 15px 30px 15px 25px;
text-align: left;
margin-top: 5px;
}
.comments .comments-content .comment-thread ol li ol {
margin-left: 0px;
padding-top: 0px;
}
.comments .comments-content .icon.blog-author {
display: none;
}
.datetime.secondary-text a {
color: #6a6a6a;
font-family: Tahoma;
font-size: 13px;
}
.comments .comments-content .datetime {
margin-left: 11px !important;
}
/*------------------------------
------- Search Box ------------
------------------------------*/
#search-box input[type="text"] {
background-color: #f9f9f9;
border: 1px solid #e4e4e4;
color: #a4a4a4;
float: left;
font-family: catamaran;
font-size: 14px;
height: 24px;
letter-spacing: 0.5px;
outline: medium none;
padding: 2px 6px 0 12px;
width: 140px;
}
#search-button {
background: $(search.background.color);
border: medium none;
color: $(search.text.color);
cursor: pointer;
height: 27px;
position: static;
text-align: center;
top: 0;
width: 40px;
}
#search-form {
height: 26px;
margin-top: 1px;
overflow: hidden;
float: right;
}
#search-box {
display: inline-block;
float: right;
margin: 8px 0 0;
max-width: 207px;
position: relative;
width: 100%;
}
#search-button span {
position: relative;
top: -1px;
}
#search-text {
border-width: 0;
}
/*------------------------------
------- Bottom Slider ------------
------------------------------*/
.recentslider #label_with_thumbs li {
border-bottom: medium none;
display: block;
margin-right: 15px;
padding: 0px;
position: relative;
}
.recentslider .allsum {
bottom: 3px;
color: white;
display: block;
font-family: catamaran;
font-size: 16px;
font-weight: 600;
line-height: 18px;
overflow: hidden;
padding: 0 12px;
margin-bottom: 9px;
position: absolute;
z-index: 999;
}
.recentslider .allsum a {
color: #f4f4f4;
}
.recentslider .latestpost::after {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, #000 100%);
bottom: 0;
content: "";
height: 85px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99;
}
.recentslider img.label_thumb {
height: 120px;
width: 179px;
}
.recentslider .postthumb {
display: inline-block;
line-height: 0px;
}
#sliderlite {
margin: 0 auto;
width: 1156px;
position: relative;
}
.footerslider {
background: #efefef;
box-shadow: 7px 0 3px 0 rgba(86, 86, 86, 0.09);
padding: 20px 0px 35px;
overflow: hidden;
margin-top: 70px;
}
.dontmiss {
color: #eb0e0e;
font-family: Poppins;
font-size: 20px;
font-weight: 800;
letter-spacing: -0.3px;
text-transform: uppercase;
}
.recentslider {
float:left;
position:relative;
visibility:hidden;
width: 1166px;
overflow: hidden;
margin-top: 8px;
}
.recentslider ul li {
padding:0 20px;
}
.prev img, .next img {
height: 11px;
width: 11px;
}
#sliderlite .label_thumb {
box-shadow: none;
}
.slidertop .next, .slidertop .prev {
color: #cccccc;
background: none;
outline: none;
}
.slidertop .prev {
left: -45px;
position: absolute;
top: 76px;
}
.slidertop .next {
position: absolute;
right: -45px;
top: 76px;
}
/*------------------------------
--------- Related Posts ---------
-------------------------------*/
.related-posts-container {
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
margin: 47px 22px 25px 0px;
padding-bottom: 4px;
padding-top: 25px;
position: relative;
}
.related-posts-container h4 {
background: #ffffff;
color: #eb1912;
font-family: Poppins;
font-size: 21px;
font-weight: 800;
margin-bottom: 11px;
padding-right: 11px;
position: absolute;
text-transform: uppercase;
top: -16px;
word-spacing: 1px;
}
.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0; overflow: hidden;}
.related-posts-container h4 span {
position: relative;
}
.related-snippets{margin-top:5px;font:italic 12px 'Open Sans', sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}
li.related-post-item {
float: left;
list-style: outside none none;
margin: 0 22px 22px 0 !important;
position: relative;
width: 221px;
}
li.related-post-item:last-child {
margin:0px 0px 22px !important;
}
.related-thumb-large {
width:100%;
height:auto;
border:none;
padding:0 !important;
}
.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}
.related-posts-7 li.related-post-item{margin:0 !important;width:25% !important;}
.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.related-posts-container .related-post-item::before {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, #000 100%) repeat scroll 0 0;
bottom: 0;
content: "";
height: 82px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 99;
}
.related-posts-container .related-title {
bottom: 12px;
color: white;
font-family: Poppins;
font-size: 14px;
font-weight: 800;
line-height: 18px;
padding: 0 13px;
position: absolute;
z-index: 999999;
}
.related-posts-container .related-date {
background: #f4f348;
border-radius: 1px;
color: #e62121;
font-family: catamaran;
font-size: 11px;
font-weight: 600;
left: 12px;
margin-top: 5px;
padding: 4px 7px;
position: absolute;
text-transform: uppercase;
top: 6px;
z-index: 9999;
}
.related-posts-container .related-date {
display: none;
}
/*-----------------------------------------
---------- Responsive Menu Mobile ----------
-----------------------------------------*/
.slicknav_btn{ position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 17px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; border-bottom: 1px solid $(mobile.border.color); margin: 6px 14px; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_parent .slicknav_item a, .slicknav_collapsed .slicknav_item a {
background: none !important;
color: white !important;
}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
/*
User Default Style
Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
font-size:16px;
}
/* Button */
.slicknav_btn {
margin: 5px 5px 6px 0px;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: $(mobile.navicon.background);
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
background-color: $(mobile.navicon.color);
}
.slicknav_menu {
padding: 2px 0px;
}
.slicknav_parent.slicknav_collapsed {
border-bottom: 1px solid $(mobile.border.color);
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
}
.slicknav_nav {
font-size: 16px;
padding-bottom: 0;
padding-top: 3px;
}
.slicknav_nav > li:last-child {
border-bottom: none;
}
.slicknav_arrow:after {
content: "\f105";
font-family: fontawesome;
font-size: 17px;
padding-left: 2px;
position: relative;
top: 1px;
}
.slicknav_open .slicknav_arrow:after {
content: "\f107";
font-family: fontawesome;
top: 2px;
}
.slicknav_parent:hover .slicknav_arrow {
color: #d9d80c;
}
.slicknav_nav, .slicknav_nav ul {
background: $(mobile.background.color);
list-style: none;
overflow: hidden;
}
.slicknav_nav ul {
padding:0px;
margin:0px;
border-bottom: none;
}
.slicknav_open li:last-child {
border-bottom: none;
}
.slicknav_nav .slicknav_item {
padding:5px 10px;
margin:2px 5px;
}
.ptrend {
float: left;
margin-left: 60px;
position: relative;
}
.ptrend .slicknav_menu .slicknav_menutxt {
color: $(mobile.text.color);
font-family: Poppins;
font-weight: 600;
text-transform: uppercase;
}
.ptrend .slicknav_btn {
background: none;
margin-bottom: 0;
padding-bottom: 0;
}
.ptrend .slicknav_menu .slicknav_icon-bar {
display: none;
}
.ptrend .slicknav_menu .slicknav_icon:after {
content: "\f107";
font-family: fontawesome;
font-size: 18px;
left: -1px;
position: relative;
top: -2px;
color: $(mobile.text.color);
}
.ptrend ul li:first-child {
display: none;
}
.ptrend .slicknav_nav a {
font-size: 14px;
margin: 4px 5px;
text-transform: none;
}
.slicknav_nav a {
color: $(mobile.text2.color);
font-family: catamaran;
font-size: 14px;
font-weight: 600;
margin: 6px 5px;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
}
.slicknav_nav .slicknav_item a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_item:hover {
background:transparent;
color: $(mobile.hover.color);
}
.slicknav_nav a:hover {
background: $(mobile.hover.background);
color: $(mobile.hover.color);
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}
.slicknav_nav .subdown {
display: none;
}
.slicknav_menu {
display: none;
}
/*-------------------------------------
------------ Popular Posts -------------
--------------------------------------*/
.popular1 .item-title a {
color: #333333;
font-size: 18px;
letter-spacing: 0.4px;
margin-top: 8px !important;
display: block;
}
.popular-posts ul {
counter-reset: popularcount;
padding: 0px;
}
.popular1 .section {
margin: 0 !important;
}
.PopularPosts .widget-content ul li:first-child:before {
content: counter(popularcount);
font-size: 60px;
padding: 10px 12px;
}
.PopularPosts .widget-content ul li:before {
border-radius: 2px;
color: rgba(255, 255, 255, 0.52);
content: counter(popularcount);
font-family: catamaran;
font-size: 41px;
font-weight: 600;
line-height: 5px;
padding: 12px;
position: absolute;
top: 28px;
z-index: 9;
}
.popular1 .widget-content ul {
list-style: none;
padding: 7px 0px 4px 4px !important;
border-bottom: 2px solid #D3D3D3;
border-left: 2px solid #D3D3D3;
border-right: 2px solid #D3D3D3;
background: #E8E8E8;
}
.popular1 ul li {
padding: 9px 15px 4px 20px !important;
}
.PopularPosts .item-title {
margin: 0 auto;
padding-top: 7px 4px 3px 4px;
}
.rsidebar .PopularPosts .item-thumbnail {
margin: 0px 15px 5px 0px;
}
.PopularPosts .item-thumbnail img {
padding-right: 0px !important;
height: auto;
width: 121px;
}
.rsidebar .widget.PopularPosts {
border: 2px solid #e8231c;
}
.PopularPosts .item-snippet {
color: #4b4b4b;
font-size: 14px;
line-height: 20px;
margin: 4px 0 6px;
}
.PopularPosts .widget-content ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px !important;
}
.popular1 {
margin-bottom: 50px;
}
.PopularPosts .widget-content ul li {
padding: 14px 0px 6px !important;
counter-increment: popularcount;
position: relative;
}
.popular-posts ul li:hover a:after {
border-left-color: #5A77A0;
}
.popular-posts a:hover {
text-decoration: underline;
}
.rsidebar #sidebars .popular-posts ul li a {
color: #151515;
font-family: Poppins;
font-size: 13px;
font-weight: 800;
line-height: 17px;
display: block;
position: relative;
text-decoration: none;
}
.popular-posts ul > li {
list-style: none;
}
.postslist {
border-bottom: 3px double #7BBF6A;
color: #708090;
font-family: shadows into light two;
font-size: 34px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
float:left;
}
.postslist {
width: 220px;
}
.postslist h5 {
color: #b7b7b7;
font-family: catamaran;
font-size: 15px;
letter-spacing: 1px;
padding-top: 52px;
vertical-align: middle;
padding-top: 25px;
}
#back-to-top {
background: #252525;
border: 0 none;
border-radius: 2px;
bottom: 30px;
color: white;
cursor: pointer;
font-size: 15px;
height: 36px;
line-height: 36px;
opacity: 0;
position: fixed;
right: 30px;
text-align: center;
text-decoration: none;
transition: opacity 0.2s ease-out 0s;
width: 39px;
z-index: 9999;
}
#back-to-top:hover {
background: #dc1010;
}
#back-to-top.show {
opacity: 1;
}
/*-------------------------------------
---------- Mega Menu -------------------
--------------------------------------*/
.allmenu {
background: $(menu.background.color);
}
#menusearch {
background: $(menu.background.color);
display: block;
height: 46px;
margin: 0 auto;
max-width: 1176px;
padding-top: 1px;
width: 100%;
z-index: 9999;
}
#menusearch .widget {
margin: 0px;
}
#HeaderAd h2.title, .menuing h2.title {
display: none;
}
.w2bmenu * {
margin: 0;
padding: 0;
}
ul.w2bmenu {
list-style: none;
overflow: visible !important;
}
ul.w2bmenu:after {
margin: 0;
padding: 0;
content: ' ';
display: block;
height: 0px;
clear: both;
}
ul.w2bmenu li {
list-style: none;
float: left;
padding: 0 !important;
}
ul.w2bmenu li.nomega {
position: relative;
}
ul.w2bajaxmenu .nomega .submenu .verticlemenu {
padding-bottom: 14px !important;
position: relative;
}
ul.w2bmenu li a {
border: medium none !important;
color: $(menu.text.color) !important;
display: block !important;
font-family: Catamaran;
position: relative;
font-size: 16px;
font-weight: 700;
margin-left: 3px;
margin-right: 37px;
padding: 8px 3px 12px;
text-decoration: none;
text-transform: uppercase;
}
ul.w2bmenu li.nochild a {
margin-right: 24px;
}
ul.w2bmenu ul {
position: absolute;
display: none;
top: 100%;
border:1px solid #ccc;
}
ul.w2bmenu li:hover > ul {
display: block;
}
ul.w2bmenu ul li {
background:#f5f5f5;
text-shadow: none;
float:none;
}
ul.w2bmenu ul li a {
padding: 16px 14px 8px !important;
margin-right: 0px !important;
}
.verticlemenu ul.w2bmenu ul li a {
border-bottom: 1px solid #d1d1d1 !important;
}
.postslist li a:hover {
text-decoration: underline !important;
}
ul.w2bmenu ul ul {
display: none;
left: 100%;
top: 0;
}
.menuing {
display: inline-block;
float: left;
margin: 0;
}
.menut {
margin: 0 auto;
overflow: auto;
max-width: 1156px;
}
.menutwo {
float: left;
}
.menutwo ul {
margin: 0px;
padding: 14px 0px 4px;
line-height: 1;
}
.menutrend .widget {
margin: 0px;
}
.menutwo.section {
margin: 0px;
}
.menutwo ul li {
display: inline-block;
list-style: none;
margin-right: 19px;
position: relative;
}
.menutwo ul li a {
color: $(trending.text.color);
font-family: Poppins;
font-size: 14px;
}
.menutwo .fa-flash {
background: $(trending.icon.background);
border-radius: 67px;
color: $(trending.icon.color);
line-height: 25px;
padding: 0 5px;
position: absolute;
text-align: center;
top: -1px;
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
width: 15px;
}
.msocial {
float: right;
margin: 15px 0 6px;
}
.msocial a:last-child {
margin-right: 0px;
}
.msocial a {
margin-right: 14px;
}
.msocial a .fa {
color: #454545;
font-size: 18px;
}
/* AJAX Menu Stylings */
ul.w2bajaxmenu li div.submenu {
display: none;
position: absolute;
width: 1161px;
z-index: 90;
left: 10px;
top: 100%;
overflow: hidden;
min-height: 150px;
background: #EEEEEE;
}
ul.w2bajaxmenu li ul.verticlemenu li {
position: relative !important;
}
ul.w2bajaxmenu li:hover div.submenu {
display: block;
}
ul.w2bajaxmenu ul {
display: block !important;
border: 0 none !important;
margin: 0 !important;
padding:0 !important;
}
ul.w2bajaxmenu ul li {
background: none !important;
text-align: left;
padding-left: 11px !important;
padding-right: 30px !important;
}
ul.w2bajaxmenu ul.verticlemenu {
position: absolute;
width: 240px;
left:0;
top:0;
bottom: 0;
padding-top: 5px !important;
background: $(menu.background2.color);
}
.verticlemenu li a {
font-size: 15px !important;
}
body ul.w2bajaxmenu li.nomega .submenu ul.postslist {
display: none;
}
ul.w2bajaxmenu li.nomega div.submenu {
min-height: 0;
width: 160px;
left: 0px;
}
ul.w2bmenu li.nomega ul li a {
position: relative;
z-index: 999999;
}
ul.w2bajaxmenu li.nomega .menuArrow, ul.w2bajaxmenu li.nomega .loader {
display: none;
}
ul.w2bajaxmenu ul.postslist {
position: relative;
display: block;
width: 895px;
float: right;
margin: 8px 17px !important;
background: none;
}
ul.w2bajaxmenu ul.postslist li {
display: block;
float:left;
overflow: hidden;
border-bottom: 1px #eee solid;
position: relative;
min-height: 60px;
padding: 14px 8px 18px 12px !important;
width: 145px;
}
ul.w2bajaxmenu ul.postslist li:last-child {
border-bottom: none 0;
}
ul.w2bajaxmenu ul.postslist li .imgCont {
left: 0;
top:8px;
width: 145px;
height: 90px;
overflow: hidden;
border:1px solid #dcdcdc;
font-size: 0;
line-height: 0;
}
ul.w2bajaxmenu ul.postslist li .imgCont img {
height: 98px;
object-fit: cover;
background-color: #e6e6e6;
padding: 0;
position: relative;
width: 145px;
}
ul.w2bajaxmenu ul.postslist li a {
color: #000000 !important;
display: block;
font-family: catamaran;
font-size: 14px !important;
font-weight: 600;
line-height: 17px;
margin: 0 !important;
padding: 0 !important;
text-decoration: none;
text-transform: inherit;
}
ul.w2bajaxmenu .loader {
background:url('https://cdn.pbrd.co/images/27NiCUv8.gif') no-repeat scroll 0 0 transparent;
width:22px;
height:22px;
position: absolute;
top:50%;
margin-top: -3px;
right:5px;
}
ul.w2bajaxmenu .menuArrow {
border-bottom: 5px solid transparent;
border-left: 5px solid #e8e8e8;
border-top: 5px solid transparent;
display: block;
height: 0;
position: absolute;
right: 17px;
top: 50%;
width: 0;
}
.w2bmenu {
display: inline-block;
float: left;
margin-bottom: 42px;
margin-top: 0;
z-index: 9999;
margin-top: 7px !important;
}
.submenu ul li a {
color: $(submenu.text.color) !important;
font-family: catamaran;
font-size: 16px !important;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.submenu .postslist li a {
text-align: left;
}
.subdown {
border-color: $(menu.text.color) transparent transparent;
border-style: solid;
border-width: 4px;
display: block;
height: 0;
position: absolute;
right: -10px;
top: 17px;
width: 0;
}
.allmenu, .allcolumn, .menuy, .menuxy, .headersection, .allcolumn {
clear: both;
}
.menuing .widget ul {
padding: 0px;
}
/*---------------------------------------
----------------- Responsive -------------
---------------------------------------*/
@media all and (min-width: 900px) and (max-width: 1200px) {
.sectiong .sidewrap {
margin-left: -310px;
}
.sectiong .cinner {
clear: both;
margin-right: 340px;
}
.lcontent {
width: 100%;
margin: 0px;
}
.sectiong .sidewrap {
margin-left: -310px;
width: 310px;
position: static;
float: left;
}
.main .post-body {
width: auto;
}
.sectionall.sectiong {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: none;
padding: 0 10px;
width: 100%;
}
}
@media all and (max-width: 1400px) {
.nli3 {
background: none;
box-shadow: none;
}
.nlii3 {
background: #f4f4f4;
box-shadow: 1px 0 3px rgba(57, 57, 57, 0.16);
padding: 10px 0 1px;
}
.nle, .nlf, .nlg, .nlh, .nli {
height: 71px;
}
#header-wrapper #HeaderAd .widget-content {
height: 60px;
margin-top: 22px;
width: 468px;
}
#header-wrapper {
height: 160px;
overflow: hidden;
}
.recentby .latestp li, .secb .nli1, .secb .nli2, .secb .nli3, .sectiond .widget, .bylabelta, .bylabelua {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 10px;
margin: 0px;
}
.recentby .latestp li, .secb .nli2, .secb .nli3, .sectiond .widget {
width: 25%;
}
.recentby time {
left: 26px;
}
.sectionall .secd h2 {
left: 28px;
}
.secb .nli1, .bylabelta, .bylabelua {
width: 50%
}
.sectionb .widget .nli3 .bwrap, .nli3 .bwrap, .nli22 .bwrap {
width: 60%;
}
.nle, .nlf, .nlg, .nlh, .nli, .nlc, .nld {
width: 40%;
}
.secua .widget-content .mlu {
position: relative;
}
.mlu1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
margin-right: 0px;
width: 50%;
}
.mlu2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
margin-left: 0px;
width: 50%;
}
.oppy, .opay, .opy {
width: 100%;
}
.secta .widget-content .opymi .bwrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 0;
margin: 0px;
width: 45%;
}
.secta .widget-content .oppmi {
width: 55%;
}
.opyn1 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0px;
padding-right: 10px;
width: 50%;
}
.opyn2 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0px;
padding-left: 10px;
width: 50%;
}
.recentby .llist1 > a, .secb .nl1 > a, .mlu1 > a, .mlu2 > a {
display: block;
overflow: hidden;
}
.opyni .heading {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
}
.secsp .opyni .heading {
padding-left: 0px;
}
.oppoi {
width: 35%;
}
.opyni .bwrap {
width: 65%;
}
.menutrend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
#header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
}
.recentby .limage {
height: 140px;
}
.recentby time {
top: 126px;
}
.xlp {
height: 154px;
}
.sectionall .secd .widget h2 {
top: 141px;
}
.secua .widget-content .mlu {
height: 150px;
}
.secta .widget-content .oppmi {
height: 232px;
}
.vl1 .vl {
height: 301px;
}
.secop .bwrap {
margin: 0px 15px;
padding: 12px 15px 0px;
}
.vl {
height: 140px;
}
.oppy, .opay, .opy {
height: 395px;
}
.secop .widget-content .opp {
height: 152px;
}
.secsp .widget-content .oppmi {
height: 303px;
}
.secsp .widget-content .oppois {
height: 144px;
}
.secvp .widget-content .fft .mluy {
height: 108px;
}
.secop .widget-content .opall {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 33.3%;
padding-left: 7px;
padding-right: 8px;
}
.secop .widget-content .opall.op1, .secop .widget-content .opall.op4 {
padding-left: 0;
}
.secsp .widget-content .opymi {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px;
width: 66.66%;
}
.secsp .widget-content .opyni {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 33.33%;
}
.secsp .widget-content .opyn1, .secsp .widget-content .opyn2 {
width: 100%;
padding: 0px;
}
.secvp .widget-content .fft {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 8px;
padding-left: 7px;
margin-right: 0px;
width: 25%;
}
.secvp .widget-content .fft.fft4 {
padding-right: 0;
}
.secvp .widget-content .fft1 {
padding-left: 0;
}
.footax, .footc {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.slidertop .next, .slidertop .prev {
position: relative;
right: 0;
top: 0;
left: 0;
}
.footerslider .fa-4x {
color: #7d7d7d;
font-size: 1.6em;
}
#sliderlite {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
width: 1176px;
}
.footb .label_thumb {
height: 61px;
}
.mtabs .dmore, .widget .dmore {
font-size: 12px;
line-height: 19px;
}
.mtabs .dmore:after, .widget .dmore:after {
font-size: 13px;
}
.nli21 .heading {
font-size: 16px;
line-height: 21px;
}
.sectionb .widget .nl1 .heading {
font-size: 24px;
line-height: 28px;
}
.menutwo .fa-flash {
padding: 0px 4px;
line-height: 23px;
}
.lttitle {
font-size: 15px;
line-height: 20px;
}
.ab, .swapl, .swapr {
height: 420px;
}
.bc, .swapr1 {
height: 210px;
}
.cd, .ef, .poo, .swapr2 {
height: 202px;
}
.recentby time, .sectionall .secd h2 {
padding: 5px 10px;
}
.xl1 .heading, .secua .widget-content .heading, .secsp .widget-content .opyni .heading {
font-size: 14px;
}
#sidebars .PopularPosts ul li:first-child .item-title a {
font-size: 19px;
}
.footb .posttitle a {
font-size: 15px;
}
.byvideo .vli1 .heading {
font-size: 24px;
line-height: 27px;
}
.secb .nla {
height: 453px;
}
.opymi .contento {
font-size: 14px;
line-height: 20px;
}
.opymi .heading {
font-size: 21px;
line-height: 23px;
}
.secimg .widget .heading {
font-size: 28px;
}
.secsp .widget-content .opymi .heading {
font-size: 20px;
line-height: 24px;
}
.submenu ul li a {
font-size: 15px !important;
}
.secvp .widget-content .fft .heading {
font-size: 13px;
}
.byvideo .vli2 .heading {
font-size: 13px;
line-height: 18px;
}
.opyni .heading {
line-height: 17px;
}
.mainswap .heading {
font-size: 18px;
line-height: 21px;
font-weight: 600;
}
.mainswap .post-category {
font-size: 11px;
}
.mainswap .swapl .heading {
font-size: 22px;
line-height: 24px;
}
.lauthor, #slider .timeago {
color: #ffffff;
font-size: 11px;
}
.sectionall .widget h2.title {
font-size: 24px;
}
}
@media all and (min-width: 1320px) and (max-width: 1380px) {
#menusearch, .headersection, .sectionall, .sectionf .byvideo.section, .footax, .footercolm, .footax {
max-width: 1080px;
}
.menut, .footca {
max-width: 1060px;
}
.lcontent {
width: 730px;
}
.footerall {
width: 240px;
float: left;
}
#sliderlite {
width: 1080px;
}
.recentslider {
width: 1090px;
}
.footerslider .sliderinner {
width: 1060px;
}
.recentslider img.label_thumb {
width: 165px;
height: 112px;
}
.menu-container {
width: 1076px;
}
li.related-post-item {
width: 188px;
}
ul.w2bajaxmenu li div.submenu {
width: 1067px;
}
ul.w2bajaxmenu ul.postslist {
width: 795px;
}
.menu-container {
width: 1076px;
}
body .post-body {
width: 620px;
}
ul.w2bajaxmenu ul.postslist li .imgCont img {
height: 87px;
width: 126px;
}
ul.w2bajaxmenu ul.postslist li {
width: 130px;
}
}
@media all and (max-width: 1200px) {
.footercolm {
padding: 53px 50px 53px;
}
.footb .footerall {
margin: 0px 0px 20px;
padding: 0px 10px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media all and (max-width: 1170px) {
.menu-container {
margin: auto;
width: 100%;
}
.secb .nli3 {
padding: 0px;
}
.nlii3 {
background: none;
box-shadow: none;
padding: 0px;
}
}
@media all and (max-width: 1000px) {
.w2bmenu {
display: none;
}
.slicknav_menu {
display: block;
}
#menuscroll, .ptrend {
float: none;
position: absolute;
z-index: 999;
}
#menusearch {
position: relative !important;
box-shadow: none;
}
#menusearch {
float: right;
width: 250px;
margin-bottom: 0px !important;
}
#menuscroll {
float: left;
text-align: left;
}
.menux {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.menux .navbtn {
display: none;
}
.allmenu {
margin-bottom: 10px;
}
.menutrend {
display: none;
}
.foota {
height: auto;
padding: 20px 0px;
}
.footax {
max-width: none;
}
.footax .footaa {
float: none;
text-align: center;
margin-top: 0px;
}
.footab {
text-align: center;
width: 100%;
}
.emailsub {
float: none;
}
.emailtext {
width: 160px;
}
.footaa a {
margin-right: 20px;
}
.post-header .connect {
background: none;
margin: 0;
padding: 0;
position: relative;
}
.post-outer #blog-pager {
margin: 10px 0px 21px;
}
.post-header .connect a {
display: inline-block;
margin-right: 5px;
}
.post-outer .sdate, .main .post-body, .post-footer-line-2, .post-footer, .comheader, .post-outer .comments > h4, .comment-form, .comments .comments-content .comment-thread ol, .comments .comment-replybox-thread, body .belowbody {
margin-left: 0px;
width: auto;
}
#blog-pager-older-link {
width: auto;
}
.post-outer .sdate {
margin: 5px 0 10px;
}
}
@media all and (max-width: 900px) {
.swapl {
float: none;
height: auto;
margin-bottom: 8px;
width: 100%;
}
.swapr {
float: none;
height: auto;
width: 100%;
}
.swapl, .swapr1, .swapr2 {
padding: 0;
}
.postdesc {
line-height: 24px;
}
.ab {
height: 410px;
}
.post-title, .postdesc {
max-width: 100%;
}
.lcontent {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 10px;
margin: 0px;
width: 100%;
}
.sectiong .rsidebar {
position: relative !important;
margin-top: 60px;
}
.sectiong .sidewrap {
float: none !important;
height: auto !important;
width: auto !important;
}
.sectiong .rsidebar {
margin-right: 0;
width: 100%;
}
.sectiong .rsidebar {
margin-top: 0px !important;
}
.sectiong .rsidebar .widget {
float: left;
margin-left: 10px;
margin-right: 10px;
width: 300px;
}
.sectiong .rsidebar .widget:nth-child(2n+1) {
clear: both;
}
.sectionall {
max-width: 650px;
}
.recentby .latestp li, .secb .nli2, .secb .nli3, .sectiond .widget {
margin-bottom: 30px;
width: 50%;
}
.secb .nla {
height: 404px;
}
.nlb {
height: 157px;
}
.nl5, .nl6, .nl7, .nl8, .nl9 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 10px;
width: 50%;
}
.secb .nli3 {
width: 100%;
margin-top: -15px;
}
.secb .nli21 .post-category {
top: 132px;
}
.nl5, .nl6, .nl7, .nl8, .nl9 {
padding: 0px 10px 0px 0px;
}
.sectionf .byvideo.section {
max-width: 650px;
}
.vli1, .vli2 {
float: none;
width: 100%;
}
.vli1 {
margin-bottom: 10px;
}
.secb .nli1 {
width: 60%;
}
.secb .nli2 {
width: 40%;
}
.secta .widget-content .oppmi {
float: none;
width: 100%;
}
.secta .widget-content .opymi .bwrap {
margin: 12px 0 10px;
width: 100%;
}
.opyn1 {
float: none;
padding-right: 0;
width: 100%;
}
.opyn2 {
margin-top: 15px;
padding-left: 0;
width: 100%;
}
.mlu1 {
float: none;
margin-bottom: 15px;
padding-right: 0;
width: 100%;
}
.secua .widget-content .mlue {
margin-bottom: 15px;
}
.mlu2 {
float: none;
padding-left: 0;
width: 100%;
}
.secsp .widget-content .opyn1 {
margin-bottom: 0px;
}
.sectiong .is_stuck {
position: relative !important;
bottom: auto !important;
}
body .sectiong .sidewrap {
height: 100% !important;
}
}
@media all and (max-width: 680px) {
.sectionall, .sectionf .byvideo.section {
max-width: 550px;
}
.secb .nli1 {
width: 100%;
}
.secb .nli2 {
width: 100%;
margin-top: -15px;
}
.latesto {
margin: 34px auto 0;
}
.post-title {
font-size: 40px;
line-height: 42px;
margin-bottom: 10px;
}
.nli22 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding-left: 15px;
width: 50%;
}
.secb .nli21 {
float: left;
position: relative;
width: 50%;
}
.postdesc {
font-family: catamaran;
font-size: 17px;
line-height: 22px;
}
.mainswap .swapl .heading {
font-size: 20px;
line-height: 23px;
}
.mainswap .swapr2 .heading {
font-size: 14px;
line-height: 18px;
}
.mainswap .swapr1 .heading {
font-size: 16px;
line-height: 19px;
}
.mainswap .post-category {
padding: 2px 6px;
}
.ab {
height: 330px;
}
.secb .nla {
height: 285px;
}
.secb .nli1 {
height: 285px;
margin-bottom: 35px;
}
.sectionb .widget .nl1 .heading {
font-size: 20px;
line-height: 23px;
}
.nli21 .heading {
font-size: 15px;
line-height: 18px;
}
.opymi .heading {
font-size: 20px;
line-height: 22px;
}
.secimg .widget .heading {
font-size: 25px;
}
.ins {
display: none;
}
.menux #menusearch, #search-box input[type="text"] {
width: auto;
}
#search-box {
max-width: none;
width: auto;
}
.secb .nli21 {
width: 100%;
margin-bottom: 10px;
}
.nli22 {
width: 100%;
padding-left: 0px;
}
.secb .nli2 {
margin-bottom: 15px;
}
.nlb {
height: 237px;
}
.secb .nli21 .post-category {
top: 212px;
}
.nl3, .nl4 {
float: left;
width: 50%;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footb .footerall {
width: 100%;
}
}
@media all and (max-width: 600px) {
.footercolm {
padding: 53px 20px 53px;
}
.post-footer .author-profile {
padding-right: 10px;
margin-right: 0px;
}
}
@media all and (max-width: 500px) {
.bylabelta, .bylabelua {
width: 100%;
}
.comments .comments-content .comment-replies {
margin-left: 0px;
}
.comments .comments-content .comment-thread ol {
padding: 15px 10px;
}
.bylabelta {
margin-bottom: 40px;
}
.post-title {
font-size: 36px;
line-height: 36px;
}
.oppoi {
width: 25%;
}
.opyni .bwrap {
width: 75%;
}
.secta .widget-content .oppmi {
height: 256px;
}
.mlu1 {
float: left;
padding-right: 15px;
width: 50%;
}
.mlu2 {
float: left;
width: 50%;
}
.secop .widget-content .opall:nth-child(3n) {
clear: both;
}
.secvp .widget-content .fft {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
width: 50%;
}
.nli3 > div:nth-child(2n+1) {
clear: both;
}
.secvp .widget-content .fft:nth-child(2n+1) {
padding-left: 0;
clear: both;
}
.secvp .widget-content .fft:nth-child(2n) {
padding-right: 0;
}
.secvp .widget-content .fft3 {
clear: both;
}
.vc {
width: 50%;
}
.secop .widget-content .opall {
width: 50%;
}
.secop .widget-content .opall.opx3 {
padding-right: 15px;
}
.plear {
clear: none;
}
.secop .widget-content .op2, .secop .widget-content .op4, .sectionall .secop .widget-content .op6 {
padding-left: 7px;
padding-right: 0;
}
.secop .widget-content .op1, .sectionall .secop .widget-content .op3, .secop .widget-content .op5 {
padding-right: 7px;
}
.nl2 .bwrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
padding: 0 15px;
width: 60%;
}
.nl2 .nlb {
float: left;
height: 100px;
width: 40%;
}
.secb .nli21 .post-category {
display: none;
}
.secb .nli21 {
margin-bottom: 20px;
}
.nl2 > a {
display: inline;
}
.nli21 .heading {
padding-top: 0;
}
.nl3, .nl4, .nl5, .nl6, .nl7, .nl8, .nl9 {
width: 100%;
float: none;
padding-right: 0px;
}
.nle, .nlf, .nlg, .nlh, .nli, .nlc, .nld {
height: 100px;
}
.nli21 .heading {
font-size: 16px;
font-weight: 800;
line-height: 19px;
}
.secsp .widget-content .opymi {
padding-right: 0;
width: 100%;
}
.secsp .widget-content .opyni {
width: 100%;
}
.secsp .widget-content .opyn1, .secsp .widget-content .opyn2 {
float: left;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.opyn1 {
margin-top: 15px;
}
.secsp .widget-content .opyn1 {
padding-right: 7px;
}
.secsp .widget-content .opyn2 {
padding-left: 7px;
}
.secsp .widget-content .oppois {
position: relative;
}
}
@media all and (max-width: 400px) {
.ab {
height: 280px;
}
.mlu1, .mlu2 {
padding-right: 0;
width: 100%;
}
.secop .widget-content .opall {
padding: 0px;
width: 100%;
}
.recentby .latestp li, .secb .nli2, .secb .nli3, .sectiond .widget {
width: 100%;
}
.secvp .widget-content .fft, .secsp .widget-content .opyn1, .secsp .widget-content .opyn2 {
padding: 0 !important;
width: 100%;
}
.vc {
width: 100%;
}
.xlp {
height: 174px;
}
.sectionall .secd .widget h2 {
top: 162px;
padding: 4px 8px;
}
.secta .widget-content .oppmi {
height: 222px;
}
.secua .widget-content .mlu, .vl, .secop .widget-content .opp {
height: 180px;
}
.vl1 .vl {
height: 260px;
}
.byvideo .vli1 .heading {
font-size: 21px;
line-height: 24px;
}
.oppy, .opay, .opy {
height: 336px;
}
#slider .swapr2 .lauthor, #slider .swapr2 .crc {
display: none;
}
#slider .swapr2 .timeago {
margin-left: 20px;
}
.recentby time, .sectionall .secd h2 {
padding: 4px 9px;
font-size: 11px;
}
.recentby .ltitle {
padding: 20px 19px 18px;
height: auto !important;
}
.secsp .widget-content .oppmi {
height: 250px;
}
.secsp .widget-content .opymi .heading {
font-size: 16px;
line-height: 19px;
}
.secsp .widget-content .oppois {
height: 180px;
}
.secvp .widget-content .fft .mluy {
height: 160px;
}
.secimg .widget .heading {
font-size: 22px;
line-height: 48px;
}
}
@media all and (max-width: 1050px) {
#header-wrapper #HeaderAd .widget-content {
margin-left: 30px;
}
}
@media all and (max-width: 960px) {
#header-wrapper #HeaderAd .widget-content {
height: 50px;
margin-top: 22px;
width: 320px;
}
}
@media all and (max-width: 920px) {
#header-wrapper {
height: auto;
}
#header {
float: none;
}
#header-wrapper #HeaderAd .widget-content {
float: none;
margin-top: 10px;
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
#HeaderAd {
float: none;
margin: 0 auto;
}
.Header h1 {
padding-left: 0px;
text-align: center;
margin: 0 auto;
}
#header-inner img {
margin: 0 auto;
width: auto;
}
.descriptionwrapper {
text-align: center;
}
#menusearch {
background: transparent;
border: medium none;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
width: 280px;
}
}
@media all and (max-width: 530px) {
#header-wrapper #HeaderAd .widget-content {
width: 320px;
height: 50px;
}
}
@media all and (max-width: 400px) {
#header-wrapper #HeaderAd .widget-content {
height: 60px;
width: 234px;
}
#header {
margin-left: 5px;
}
}
]]></b:skin>
<!-- Stylesheet Specific To Index Pages -->
<b:if cond='data:blog.pageType == "index"'>
<style>
.post-title {
color: #282828;
font-family: catamaran;
font-size: 25px;
font-weight: 800;
line-height: 30px;
margin-bottom: 7px;
margin-left: 380px;
}
.post-outer {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 30px;
min-height: 205px;
padding-bottom: 30px;
}
.post-title a {
color: #282828;
}
.comment-link {
display: none;
}
.post-outer .sdate {
margin-left: 380px;
margin-top: 8px;
}
.sectionall .post-outer .date-header {
padding: 0px;
margin: 0px;
line-height: 0px;
text-transform: none;
}
.post-footer {
display: none !important;
}
.post-body {
margin-top: 12px;
padding-bottom: 30px;
}
@media all and (min-width: 1320px) and (max-width: 1380px) {
body #sumlabel {
width: 347px;
}
body .post-body {
width: auto;
}
}
@media all and (max-width: 1200px) {
#main {
float: none;
width: 100%;
}
#sumlabel {
margin-left: 382px;
width: auto;
}
}
@media all and (max-width: 1000px) {
#sumlabel {
float: none;
margin-left: 0;
width: auto;
}
.post-body .posts-thumb {
position: relative;
width: auto;
display: block;
margin-bottom: 10px;
}
.post-outer .post-title{
margin-left: 0px;
width: 100%;
}
.post-outer .sdate {
margin-left: 0;
}
}
@media all and (max-width: 760px) {
.timeo {
position: static !important;
}
/* New Wire */
.post-title {
margin-left: 0;
width: 100%;
}
#main {
max-width: 550px;
margin: 0 auto;
}
}
@media all and (max-width: 620px) {
.post {
padding-bottom: 20px !important;
}
.blog-posts {
padding: 12px 22px 18px;
}
.post-title {
width: 100%;
}
}
</style>
</b:if>
<!-- Stylesheet Specific To HomePage Only -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
.sidebarxe, .hidsidebar {
display: none;
}
.rsidebar #sidebar .widget:last-child {
margin-bottom: 0;
}
.blog-posts, .blog-pager {
display: none;
}
#layout .blog-posts {
display: block;
}
#main .post-outer {
border-bottom: 1px solid #f4f4f4;
}
#main .post-body {
margin-top: 7px;
}
</style>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
.menutrend {
background: #f7f7f7;
border-bottom: 2px solid #ededed;
}
.sectionall .recentby h2.title {
display: none !important;
}
.menutwo ul {
padding: 14px 0px 9px;
}
#blog-pager .pagecurrent {
display: none !important;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
.firstletter {
display: block;
float: left;
font-size: 56px;
margin: 16px 10px 0px 1px;
font-family: catamaran;
font-weight: 700;
}
.post-outer .post-header .connect {
display: block;
}
.main #blog-pager-newer-link {
display: none;
}
.main #blog-pager-older-link {
float: left;
}
.main .blog-pager-older-link {
text-transform: initial;
}
.post-body {
margin-left: 95px;
width: 721px;
}
.rsidebar {
margin-top: 230px;
}
.post-title {
width: 1156px;
}
.postdesc {
width: 1056px;
}
@media all and (max-width: 900px) {
.sectiona.sectionall {
display: none;
}
}
</style>
</b:if>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Catamaran:500,600,800|Poppins:400,600,700' rel='stylesheet'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js' type='text/javascript'/>
<script>
//<![CDATA[
$(document).ready(function() {
$('.rsidebar .widget').filter(function () {
var sblank = $(this).children('h2').length;
if(sblank == false) {
$(this).addClass('sblank');
}
else {
$(this).addClass('noblank');
}
});
});
//]]>
</script>
<script>
//<![CDATA[
// Posts By Labels
function labelthumbs(w){document.write('<ul id="label_with_thumbs">');for(var v=0;v<numposts;v++){var f=w.feed.entry[v];var g=f.title.$t;var z;if(v==w.feed.entry.length){break}for(var r=0;r<f.link.length;r++){if(f.link[r].rel=="replies"&&f.link[r].type=="text/html"){var n=f.link[r].title;var o=f.link[r].href}if(f.link[r].rel=="alternate"){z=f.link[r].href;break}}var j;try{j=f.media$thumbnail.url}catch(q){s=f.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){j=d}else{j="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiff6fuLTflUFSP2yoD0YpyKFC5m5WxDxJPL5yQDTHxUbjZ9ib6zxBo_kLnxbkvfY-Q5vGYhki3J65CjQit6SpWBSzhTDfMUy2CAX8iv6rbEkyPqeei6ZupwcuZdJb43HmCSb-JO9aGRiY/s1600/picture_not_available.png"}}var x=f.published.$t;var m=x.substring(0,19);var h=new Array();h[1]="01";h[2]="02";h[3]="03";h[4]="04";h[5]="05";h[6]="06";h[7]="07";h[8]="08";h[9]="09";h[10]="10";h[11]="11";h[12]="12";document.write('<li class="latestpost">');if(showpostthumbnails==true){document.write('<a class="postthumb" href="'+z+'" target ="_top"><img class="label_thumb" src="'+j+'"/></a>')}document.write('<div class="allsum"><div class="posttitle"><a href="'+z+'" target ="_top">'+g+'</a></div><div class="postsummary">');if("content" in f){var y=f.content.$t}else{if("summary" in f){var y=f.summary.$t}else{var y=""}}var p=/<\S[^>]*>/g;y=y.replace(p,"");var A="";var u=0;if(showpostdate==true){A=A+m;u=1}document.write(A);document.write("</div></li>");}document.write("</ul>")};
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
//<![CDATA[
// Thumbs And Summary On Pages
posts_no_thumb_sum = 140;
posts_thumb_sum = 140;
img_thumb_height = 205;
img_thumb_width = 355;
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=posts_no_thumb_sum;if(b.length>=1){a='<span class="posts-thumb" style="background: url('+ b[0].src +') no-repeat center;background-size: cover"></span>';e=posts_thumb_sum}var c=a+'<div id="sumlabel">'+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</head>
<body>
<div id='header-wrapper'>
<div class='headersection'>
<b:section class='header' id='header' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Trends (Header)' type='Header'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5hJkwNfD-vesIdb7Phft7c3Ta8UxSCF3RLGCvBNM_UBDWmQEZWnmy906olYEzRkuhX1ZRU4EVpSzuXmIIAyb8Ri8q-jPT8wNlDG6SAccv_WHX46VjtVoaSKp2YfuNmHeuxto6WApo1y7g/s1600/trends-logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>40</b:widget-setting>
<b:widget-setting name='sectionWidth'>600</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'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>179</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:widget-settings>
<b:widget-setting name='copyright'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d880743016644582713\x26blogName\x3dTrends\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://trendsdemo.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttps://trendsdemo.blogspot.com/\x26vt\x3d4550374636474821841',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<b:section class='ads' id='HeaderAd' showaddelement='no'>
<b:widget id='HTML2' locked='false' title='Responsive Ad Slot' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<img src="http://pagead2.googlesyndication.com/simgad/13897490450130911592" />]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</div>
<!-- Menu -->
<div class='stickyd'/>
<div class='menuwrapper'>
<div class='allmenu'>
<div class='menux'>
<div id='menuscroll'/>
<div class='ptrend'/>
<div id='menusearch'>
<div class='menuy'>
<b:section class='menuing' id='Main_Menu' showaddelement='no'>
<b:widget id='HTML14' locked='false' title='Mega Menu' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='w2bmenu' id='menu'>
<li class='navbtn'><i class="fa fa-navicon"></i>
</li>
<li> <a href='/'>Home</a> </li>
<li> <a href='#'>Africa<span class='subdown'/></span></a><ul>
<li><a href='http://trendsdemo.blogspot.com/search/label/Brexit'>Brexit</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/Politics'>Politics</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/Sport'>Sports</a></li>
</ul></li>
<li> <a href='#'>Politics<span class='subdown'/></span></a> <ul>
<li><a href='http://trendsdemo.blogspot.com/search/label/Politics'>Politics</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/America'>America</a></li>
</ul> </li>
<li> <a href='#'>Fashion<span class='subdown'/></span></a> <ul>
<li><a href='http://trendsdemo.blogspot.com/search/label/Fashion'>Fashion</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/Brexit'>Brexit</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/games'>Games</a></li>
</ul> </li>
<li class='nomega'> <a href='#'>Sports<span class='subdown'/></span></a> <ul>
<li><a href='http://trendsdemo.blogspot.com/search/label/America'>America</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/Fashion'>Fashion</a></li>
<li><a href='http://trendsdemo.blogspot.com/search/label/Politics'>Politics</a></li>
</ul> </li>
<li> <a href='#'>Movies</a> </li>
<li> <a href='#'>Reviews</a> </li>
</ul></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input class='ins' id='search-text#menusearch' name='q' placeholder='Search ...' type='text'/>
<button class='bns' id='search-button' type='submit'><span><i class='fa fa-search'/></span></button>
</form>
</div>
</div>
</div>
<div class='clear'/>
</div>
</div>
<div class='menu-container'>
<b:section class='menuxy' id='Hidden_Menu' showaddelement='no'>
<b:widget id='HTML42' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul>
<li><a href="#">Politics</a>
<ul>
<li><a href="#">Leadership</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Locations</a></li>
</ul>
</li>
<li><a href="#">India</a>
<ul>
<li><a href="#">Undergraduate</a></li>
<li><a href="#">Masters</a></li>
<li><a href="#">International</a></li>
</ul>
</li>
<li><a href="#">sports</a>
<ul>
<li><a href="#">Undergraduate</a></li>
<li><a href="#">Masters</a></li>
<li><a href="#">Footballers</a></li>
</ul>
</li>
<li><a href="#">France</a>
<ul>
<li><a href="#">Social Media</a></li>
<li><a href="#">Masters</a></li>
<li><a href="#">International</a></li>
</ul>
</li>
<li><a href="#">Europe</a>
<ul>
<li><a href="#">Brexit Law</a></li>
<li><a href="#">Masters</a></li>
<li><a href="#">Historians</a></li>
</ul>
</li>
<li><a href="#">Britian</a>
<ul>
<li><a href="#">Postgraduate</a></li>
<li><a href="#">Masters</a></li>
</ul>
<a href="#">Opinions</a>
</li>
</ul></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='menutrend'>
<div class='menut'>
<b:section class='menutwo' id='Trending_Menu' showaddelement='no'>
<b:widget id='HTML40' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul>
<li><a href='#'><i class='fa fa-flash'></i><span class='trnds'>Trending</span></a></li>
<li><a href='#'>England</a></li>
<li><a href='#'>Brexit</a></li>
<li><a href='#'>Turkey</a></li>
<li><a href='#'>Gossip</a></li>
<li><a href='#'>Podcast</a></li>
<li><a href='#'>GoodNews</a></li>
<li><a href='#'>Hackers</a></li>
<li><a href='#'>Yahoo</a></li>
<li><a href='#'>Spain</a></li>
</ul></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:section class='msocial' id='Menu_Social_Icons' showaddelement='no'>
<b:widget id='HTML41' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><a href='#'><i class='fa fa-twitter'/></i></a>
<a href='#'><i class='fa fa-facebook'/></i></a>
<a href='#'><i class='fa fa-instagram'/></i></a>
<a href='#'><i class='fa fa-pinterest'/></i></a>
<a href='#'><i class='fa fa-youtube'/></i></a></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</div>
<div class='menuoverlay'/>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider'>
<b:section class='mainswap' id='Featured_Posts' showaddelement='no'>
<b:widget id='HTML18' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>featured</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</b:if>
<div class='latesto'>
<div class='sectiona sectionall'>
<b:if cond='data:blog.url == data:blog.homepageUrl or data:blog.pageType == "item"'>
<b:section class='recentby clearfit' id='Latest_Posts' showaddelement='no'>
<b:widget id='HTML7' locked='false' title='Latest' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>latest</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</b:if>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='sectionb sectionall'>
<b:section class='secb' id='SectionA' showaddelement='no'>
<b:widget id='HTML27' locked='false' title='Brexit' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>Brexit</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='sectiond sectionall'>
<b:section class='secd' id='SectionB' showaddelement='yes'>
<b:widget id='HTML28' locked='false' title='Football' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>Football</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML29' locked='false' title='America' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>America</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML30' locked='false' title='Tech' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>tech</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML31' locked='false' title='Games' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>games</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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='clear'/>
</div>
<div class='sectione sectionall'>
<div class='bylabelta mtabs'>
<b:section class='secta' id='SectionC' showaddelement='no'>
<b:widget id='HTML32' locked='false' title='Sports' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>sports</a></li>
<li><a class='b'>Football</a></li>
<li><a class='c'>America</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='bylabelua mtabs'>
<b:section class='secua' id='SectionD' showaddelement='no'>
<b:widget id='HTML33' locked='false' title='Trends' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>Trends</a></li>
<li><a class='b'>America</a></li>
<li><a class='c'>Politics</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='clear'/>
</div>
<div class='sectionf'>
<b:section class='byvideo' id='Video_Posts' showaddelement='no'>
<b:widget id='HTML21' locked='false' title='VIDEO' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>Videos</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</b:if>
<div class='sectiong sectionall'>
<div class='lcontent'>
<div class='theiaStickySidebar'>
<div class='cinner'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='secimg' id='Image_Slider' showaddelement='no'>
<b:widget id='HTML34' locked='false' title='News By Picture' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'>pictures</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:section class='secop mtabs' id='SectionE' showaddelement='no'>
<b:widget id='HTML35' locked='false' title='Politics' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>Politics</a></li>
<li><a class='b'>America</a></li>
<li><a class='c'>techs</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:section class='secsp mtabs' id='SectionF' showaddelement='no'>
<b:widget id='HTML36' locked='false' title='Travel' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>travel</a></li>
<li><a class='b'>America</a></li>
<li><a class='c'>techs</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:section class='secvp mtabs' id='SectionG' showaddelement='no'>
<b:widget id='HTML37' locked='false' title='Tech' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>techs</a></li>
<li><a class='b'>Brexit</a></li>
<li><a class='c'>games</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
</b:if>
<div class='mainhomec'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#bbbbbb</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#cd1919</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#333333</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</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 == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.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'> </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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + 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='//www.blogger.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 class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' 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'>
<h4><data:post.commentLabelFull/></h4>
<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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img 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>
 
<data:post.commentRangeText/>
 
<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:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</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 + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<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 class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<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'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<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>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
→ <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
← <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
</b:if>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<span class='post-comment-link spk-title-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription != ""'>
<div class='postdesc'>
<data:blog.metaDescription/>
</div>
</b:if>
<div class='belowtitle'>
<!-- Below Post Title Ad Start -->
<!-- Below Post Title Ad End -->
</div>
</b:if>
<div class='sdate'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
</b:if>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published timee' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<span class='abline'>/</span>
<span class='byname'>by</span>
<span class='abauthor'><a expr:href='data:post.authorProfileUrl'> <data:post.author/></a></span>
</b:if>
</b:if>
</div>
<div class='post-header'>
<div class='post-header-line-1'>
<div class='connect'>
<b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if>
<b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if>
<b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>
</div>
</div>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<!-- Label Thumbnails and Summary -->
<b:if cond='data:blog.url != data:post.url'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<!-- Label Thumbnails and Summary End -->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='belowbody'>
<!-- Below Post Body Ad Start -->
<!-- Below Post Body Ad End -->
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
</span>
</div>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'><span class='nxtpost'>Next Story</span>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
</b:if>
<div class='post-footer'>
<!-- Related Posts with Thumbnails Code Start-->
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' 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' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='related-posts-container' id='related-posts-widget'/>
<div style='clear: both;'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];
var relatedSettings = {
blogURL:"<data:blog.homepageUrl/>",
relatedHeading:"<h4><span>Related Posts</span></h4>",
relatedPosts:3,
relatedStyle:4,
thumbnailSize:"w300-h200-p-nu",
defaultThumb:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY67AM3-eH5FTntlyI1iinYbwRv4uEodhn5VcES9gbWu-dH0YUOhyphenhyphenh-lGnHIrQ4K7pU3kIo4Ony-nPcdUmELIPxsGs88CPhiJ4PATWHYp3YOIR8dcWbJtetKlHnsRppRoE6e6QbSigzmUQ/w300-c-h200/no-thumb.png",
roundThumbs:false,
titleLength:"auto",
snippetLength:45,
centerText:false,
openNewTab:false
};</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,startRelated;!function(a,b,c){var d={callBack:function(){}};for(var e in relatedSettings)d[e]="undefined"==relatedSettings[e]?d[e]:relatedSettings[e];var f=function(a){var d=b.createElement("script");d.type="text/javascript",d.src=a,c.appendChild(d)},g=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},h=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},i="object"==typeof labelArray&&labelArray.length>0?"/-/"+h(labelArray)[0]:"",j=function(a){var b=a.feed.openSearch$totalResults.$t-d.relatedPosts,c=g(1,b>0?b:1);f(d.blogURL.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+c+"&max-results="+d.relatedPosts+"&callback=startRelated")},k=function(a){var l,m,n,o,p,q,b=document.getElementById("related-posts-widget"),c=h(a.feed.entry),e=d.relatedStyle,f=d.relatedHeading+'<ul class="related-posts-'+e+'">',g=d.openNewTab?' target="_blank"':"",i=d.centerText?"text-align:center;":"",j=d.roundThumbs?"-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;":"",k='<span style="display:block;clear:both;"></span>';if(b){for(var r=0;r<d.relatedPosts&&r!=c.length;r++){n=c[r].title.$t,o="auto"!==d.titleLength&&d.titleLength<n.length?n.substring(0,d.titleLength)+"…":n,p="media$thumbnail"in c[r]&&d.thumbnailSize!==!1?c[r].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/"+d.thumbnailSize):d.defaultThumb,l=h(c[r].published.$t);var DateOldas=h(c[r].published.$t.substring(0,19));for(var s=[1,2,3,4,5,6,7,8,9,10,11,12],t=["January","February","March","April","May","June","July","August","September","October","November","December"],u=l.split("-")[2].substring(0,2),v=l.split("-")[1],w=l.split("-")[0],x=0;x<s.length;x++)if(parseInt(v)==s[x]){v=t[x];break}postdate=v+" "+u+" "+w,q="summary"in c[r]&&d.snippetLength>0?c[r].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.snippetLength)+"…":"";for(var y=0,z=c[r].link.length;y<z;y++)m="alternate"==c[r].link[y].rel?c[r].link[y].href:"#";1==e?f+='<li><a href="'+m+'" '+g+">"+o+"</a></li>":2==e?f+='<li><a href="'+m+'" '+g+'><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":3==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":4==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><time class="timeago related-date" datetime="'+DateOldas+'">'+postdate+"</time></li>":5==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+"</div></a></li>":6==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-wrapper" style="'+j+'"><div class="related-wrapper-inner"><div class="related-title">'+o+"</div></div></div></a></li>":7==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"></a></li>':8==e?f+='<li class="related-post-item"><a class="related-post-item-wrapper" href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><time class="timeago related-date" datetime="'+DateOldas+'">'+postdate+"</time></li>":9==e&&(f+='<li><a href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>")}b.innerHTML=f+="</ul>"+k,d.callBack()}};randomRelatedIndex=j,startRelated=k,f(d.blogURL.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</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' frameborder='0' height='410' 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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
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='commentshead'>
<div class='comheader'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/> Comments</a>
</b:if>
</div>
<div class='showhide' data-text-swap=' ( Show )'> ( Hide )</div>
</div>
<div class='comments' id='comments'>
<a name='comments'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<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 + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</div>
</div>
<div class='rsidebar sidewrap'>
<div class='theiaStickySidebar'>
<img id='imgdn' src='https://tpc.googlesyndication.com/simgad/10804516547173521144' style='display:none'/>
<b:if cond='data:blog.pageType == "item"'>
<script>
function fsidebar() {
var windowSize = $(window).width();
if (windowSize >= 1200) {
$(".post-title").css('width', '1156');
$(".postdesc").css('width', '1056');
}
else {
$(".post-title").css('width', windowSize - 20);
$(".postdesc").css('width', windowSize - 50);
}
var offseto = $(".post-body").offset().top - $(".post-outer").offset().top + 3;
$(".rsidebar").css('margin-top', offseto+'px');
};
fsidebar();
$(window).resize(fsidebar);
</script>
</b:if>
<div id='sidebars'>
<b:section id='sidebar' showaddelement='yes'>
<b:widget id='HTML44' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZchWUHuk7LZJ715_NwoP_HSBcwBRBv0Le4XtMxmWf0aQMc8ezIePwPAo5Io67DtOwIUhCqpONJHrdZZseAcY6-7PzhJumwnhIBtyK48OfjFJIGuzOjrpt2aQkSYlGaIhkQHfSezdtyK0-/s1600/ads.jpg'/>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><div class='sicon fa'><i class='fa fa-facebook'></i><span>127 Likes</span></div>
<div class='sicon tw'><i class='fa fa-twitter'></i><span>3,240 Followers</span></div>
<div class='sicon yo'><i class='fa fa-youtube'></i><span>12.7k Subscribers</span></div>
<div class='sicon dr'><i class='fa fa-dribbble'></i><span>136 Followers</span></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML43' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><div class='sociala'>
<div class='jj'>Get In Touch</div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailtop" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howtokickblogger', 'popupwindow', 'scrollbars=yes');return true" target="popupwindow"><input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your email address&quot;;}" onfocus="if (this.value == &quot;Your email address&quot;) {this.value = &quot;&quot;;}" value="Your email address" type="text" /><input name="uri" value="howtokickblogger" type="hidden" /><input name="loc" value="en_US" type="hidden" /><input class="emailsub" value="Sign Up" type="submit" /></form>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='POPULAR' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>4</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 != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebarxe mtabs' id='Multi_Tab_PostPages' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='Politics' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><ul class='dropdown-menu'>
<li><a class='a'>Politics</a></li>
<li><a class='b'>America</a></li>
<li><a class='c'>Sport</a></li>
</ul>
<div class='a1'></div>
<div class='b1'></div>
<div class='c1'></div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='hidsidebar' id='PostPages_Sidebar' showaddelement='yes'/>
</div>
</div>
</div>
<div class='clear'/>
</div>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div class='footerslider'>
<div id='sliderlite'>
<div class='slidertop'>
<span class='dontmiss'>Don't Miss</span>
<button class='prev'><i class='fa fa-angle-left fa-4x'/></button>
<button class='next'><i class='fa fa-angle-right fa-4x'/></button>
</div>
<div class='recentslider'>
<div class='sliderinner'>
<script type='text/javascript'>var numposts = 9;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Brexit?published&alt=json-in-script&callback=labelthumbs"></script>
<!-- Footer Slider -->
</div>
</div>
<!-- Sliderbottom -->
</div>
</div>
<script type='text/javascript'>
function resizeThumb(size) {
var popularPost = document.getElementById('sliderlite');
var image = popularPost.getElementsByTagName('img');
for (var i = 0; i < image.length; i++) {
image[i].src = image[i].src.replace(/\/s72\-c/g, '\/s' + size);
}
}
resizeThumb(288);
</script>
</b:if>
<div class='sectionfoot'>
<div class='foota'>
<div class='footax'>
<b:section class='footaa' id='Footer_Menu' showaddelement='no'>
<b:widget id='HTML38' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><a href="#">Home</a>
<a href="#">About Us</a>
<a href="#">App Store</a>
<a href="#">Reach Out</a>
<a href="#">Terms</a>
<a href="#">Blog</a>
<a href="#">Contact</a></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<b:section class='footab' id='Email_Sign_Up' showaddelement='no'>
<b:widget id='HTML39' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<form action='http://feedburner.google.com/fb/a/mailverify' class='emailtop' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=howtokickblogger', 'popupwindow', 'scrollbars=yes');return true' target='popupwindow'><input class='emailtext' name='email' onblur='if (this.value == "") {this.value = "Your email address";}' onfocus='if (this.value == "Your email address") {this.value = "";}' type='text' value='Your email address'/><input name='uri' type='hidden' value='howtokickblogger'/><input name='loc' type='hidden' value='en_US'/><input class='emailsub' type='submit' value='Sign Up'/></form>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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='clear'/>
</div>
</div>
<div class='footb'>
<div class='footercolm'>
<div class='footera footerall'>
<b:section class='footerone' id='Footer_Column_One' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5hJkwNfD-vesIdb7Phft7c3Ta8UxSCF3RLGCvBNM_UBDWmQEZWnmy906olYEzRkuhX1ZRU4EVpSzuXmIIAyb8Ri8q-jPT8wNlDG6SAccv_WHX46VjtVoaSKp2YfuNmHeuxto6WApo1y7g/s1600/trends-logo.png" style=" margin-bottom: 9px; display: block;" />
Trends is an amazing magazine Blogger theme that is easy to customize and change to fit your needs.</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='footerb footerall'>
<b:section class='footertwo' id='Footer_Column_Two' showaddelement='yes'>
<b:widget id='HTML26' locked='false' title='Latest' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><div class='recentbylabels'>
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var showpostdate = false;</script>
<script type="text/javascript" src="/feeds/posts/default/-/sports?published&alt=json-in-script&callback=labelthumbs"></script>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='footerc footerall'>
<b:section class='footerthre' id='Footer_Column_Thre' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Tags' type='Label'>
<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'>Brexit,Europe,Fashion,Politics,Videos,games,sports,techs,travel</b:widget-setting>
<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<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'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + 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'><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>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='footerd footerall'>
<b:section class='footerfour' id='Footer_Column_Four' showaddelement='yes'>
<b:widget id='HTML25' locked='false' title='Like Us' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmoz&tabs&width=274&height=210&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1720839371465580" width="274" height="210" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
<div class='clear'>
</div>
</div>
</div>
<div class='footc'>
<div class='footca'>
<div class='footcopy'>
© all rights reserved
</div>
<div class='footdesign'>
made with <i class='fa fa-heart'/> by templateszoo
</div>
<div class='clear'/>
</div>
</div>
</div>
</div>
<div class='backtop'>
<a href='#' id='back-to-top' title='Back to top'><i class='fa fa-angle-up'/></a>
</div>
<script>
//<![CDATA[
/**
* Timeago is a jQuery plugin that makes it easy to support automatically
* updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
*
* @name timeago
* @version 1.5.3
* @requires jQuery v1.2.3+
* @author Ryan McGeary
* @license MIT License - http://www.opensource.org/licenses/mit-license.php
*
* For usage and examples, visit:
* http://timeago.yarp.com/
*
* Copyright (c) 2008-2015, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
*/
!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):t("object"==typeof module&&"object"==typeof module.exports?require("jquery"):jQuery)}(function(t){function e(){var e=r.settings;if(e.autoDispose&&!t.contains(document.documentElement,this))return t(this).timeago("dispose"),this;var o=i(this);return isNaN(o.datetime)||(0===e.cutoff||Math.abs(n(o.datetime))<e.cutoff?t(this).text(a(o.datetime)):t(this).attr("title").length>0&&t(this).text(t(this).attr("title"))),this}function i(e){if(e=t(e),!e.data("timeago")){e.data("timeago",{datetime:r.datetime(e)});var i=t.trim(e.text());r.settings.localeTitle?e.attr("title",e.data("timeago").datetime.toLocaleString()):!(i.length>0)||r.isTime(e)&&e.attr("title")||e.attr("title",i)}return e.data("timeago")}function a(t){return r.inWords(n(t))}function n(t){return(new Date).getTime()-t.getTime()}t.timeago=function(e){return a(e instanceof Date?e:"string"==typeof e?t.timeago.parse(e):"number"==typeof e?new Date(e):t.timeago.datetime(e))};var r=t.timeago;t.extend(t.timeago,{settings:{refreshMillis:6e4,allowPast:!0,allowFuture:!1,localeTitle:!1,cutoff:0,autoDispose:!0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"any moment now",seconds:"less than a minute",minute:"a minute",minutes:"%d minutes",hour:"an hour",hours:"%d hours",day:"a day",days:"%d days",month:"a month",months:"%d months",year:"a year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(e){function i(i,n){var r=t.isFunction(i)?i(n,e):i,o=a.numbers&&a.numbers[n]||n;return r.replace(/%d/i,o)}if(!this.settings.allowPast&&!this.settings.allowFuture)throw"timeago allowPast and allowFuture settings can not both be set to false.";var a=this.settings.strings,n=a.prefixAgo,r=a.suffixAgo;if(this.settings.allowFuture&&0>e&&(n=a.prefixFromNow,r=a.suffixFromNow),!this.settings.allowPast&&e>=0)return this.settings.strings.inPast;var o=Math.abs(e)/1e3,s=o/60,u=s/60,m=u/24,l=m/365,d=45>o&&i(a.seconds,Math.round(o))||90>o&&i(a.minute,1)||45>s&&i(a.minutes,Math.round(s))||90>s&&i(a.hour,1)||24>u&&i(a.hours,Math.round(u))||42>u&&i(a.day,1)||30>m&&i(a.days,Math.round(m))||45>m&&i(a.month,1)||365>m&&i(a.months,Math.round(m/30))||1.5>l&&i(a.year,1)||i(a.years,Math.round(l)),h=a.wordSeparator||"";return void 0===a.wordSeparator&&(h=" "),t.trim([n,d,r].join(h))},parse:function(e){var i=t.trim(e);return i=i.replace(/\.\d+/,""),i=i.replace(/-/,"/").replace(/-/,"/"),i=i.replace(/T/," ").replace(/Z/," UTC"),i=i.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"),i=i.replace(/([\+\-]\d\d)$/," $100"),new Date(i)},datetime:function(e){var i=r.isTime(e)?t(e).attr("datetime"):t(e).attr("title");return r.parse(i)},isTime:function(e){return"time"===t(e).get(0).tagName.toLowerCase()}});var o={init:function(){var i=t.proxy(e,this);i();var a=r.settings;a.refreshMillis>0&&(this._timeagoInterval=setInterval(i,a.refreshMillis))},update:function(i){var a=i instanceof Date?i:r.parse(i);t(this).data("timeago",{datetime:a}),r.settings.localeTitle&&t(this).attr("title",a.toLocaleString()),e.apply(this)},updateFromDOM:function(){t(this).data("timeago",{datetime:r.parse(r.isTime(this)?t(this).attr("datetime"):t(this).attr("title"))}),e.apply(this)},dispose:function(){this._timeagoInterval&&(window.clearInterval(this._timeagoInterval),this._timeagoInterval=null)}};t.fn.timeago=function(t,e){var i=t?o[t]:o.init;if(!i)throw new Error("Unknown function name '"+t+"' for timeago");return this.each(function(){i.call(this,e)}),this},document.createElement("abbr"),document.createElement("time")});
//]]>
</script>
<script>
//<,b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr("src",c.attr("data-"+j.data_attribute))}}),0!==j.event.indexOf("scroll")&&c.bind(j.event,function(){b.loaded||c.trigger("appear")})}),e.bind("resize",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind("pageshow",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger("appear")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[":"],{"below-the-fold":function(b){return a.belowthefold(b,{threshold:0})},"above-the-top":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-screen":function(b){return a.rightoffold(b,{threshold:0})},"left-of-screen":function(b){return!a.rightoffold(b,{threshold:0})},"in-viewport":function(b){return a.inviewport(b,{threshold:0})},"above-the-fold":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-fold":function(b){return a.rightoffold(b,{threshold:0})},"left-of-fold":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document);
//]]>
</script>
<script>
//<![CDATA[
// Show hide popover
$(".mtabs h2").click(function(){
$(this).closest('.widget').find(".dropdown-menu").slideToggle("fast");
});
//]]>
</script>
<script>
//<![CDATA[
var numOfSliderPosts = 4;
var slider = $('#slider .widget-content');
var sliderContent = slider.text().trim();
var featurd = "/-/" + sliderContent;
if (sliderContent.toUpperCase() == 'LATEST') {
featurd = "";
}
var sqqe1 = ""; var sqqe2 = ""; var sqqe3 = ""; var sqqe4 = "";
$.ajax({
url: "/feeds/posts/default" + featurd + "?alt=json-in-script&max-results="+ numOfSliderPosts +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 5; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
var listauthor= entry.author[0].name.$t.split(" ");
var listauthor=listauthor.slice(0, 1).join(" ");
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s0/');
var zmb = img[i].replace('s1600/','s600/');
if(i===0) {
sqqe1 = '<div class="xhid"><a href='+ posturl +'><div class="ab shots" style="background: #444444 url('+ tmb +') no-repeat center;background-size: cover"></div></a>' + '<div class="bwrap">' + category +'<a href="'+ posturl +'" class="slider-post-title"><h3 class="heading">'+ posttitle +'</h3></a><div class="lauthor"><span>by '+'</span>'+ listauthor +'</div><div class="crc">'+'</div><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time></div></div>';
}
if(i===1) {
sqqe2 = '<div class="xhid"><a href='+ posturl +'><div class="bc shots" style="background: #444444 url('+ tmb +') no-repeat center;background-size: cover"></div></a>' + '<div class="bwrap">' + category +'<a href="'+ posturl +'" class="slider-post-title"><h3 class="heading">'+ posttitle +'</h3></a><div class="lauthor"><span>by '+'</span>'+ listauthor +'</div><div class="crc">'+'</div><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time></div></div>';
}
if(i===2) {
sqqe3 = '<div class="poo"><div class="xhid"><a href='+ posturl +'><div class="cd shots" style="background: #444444 url('+ zmb +') no-repeat center;background-size: cover"></div></a>' + '<div class="bwrap">' + category +'<a href="'+ posturl +'" class="slider-post-title"><h3 class="heading">'+ posttitle +'</h3></a><div class="lauthor"><span>by '+'</span>'+ listauthor +'</div><div class="crc">'+'</div><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time></div></div></div>';
}
if(i===3) {
sqqe4 = '<div class="coo"><div class="xhid"><a href='+ posturl +'><div class="ef shots" style="background: #444444 url('+ zmb +') no-repeat center;background-size: cover"></div></a>' + '<div class="bwrap">' + category +'<a href="'+ posturl +'" class="slider-post-title"><h3 class="heading">'+ posttitle +'</h3></a><div class="lauthor"><span>by '+'</span>'+ listauthor +'</div><div class="crc">'+'</div><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time></div></div></div>';
}
slider.html("<div class='swapl'>" + sqqe1 + "</div>" + "<div class='swapr'>" + "<div class='swapr1'>" + sqqe2 + "</div>" + "<div class='swapr2'>" + sqqe3 + sqqe4 + "<div class='clear'/>" + "</div>" +"</div>" + "<div class='clear'/>");
$('.mainswap .widget-content').show();
}
}
});
//]]>
</script>
<script>
//<![CDATA[
// Latest Section Latest
var numOfpostse = 4;
var vwrape = $('.recentby .widget-content');
var vcontente = vwrape.text().trim();
var doopssme = "/-/" + vcontente;
if (vcontente.toUpperCase() == 'LATEST') {
doopssme = "";
}
var taad0 = ""; var taad1 = ""; var taad2 = ""; var taad3 = ""; var taad4 = "";
$.ajax({
url: "/feeds/posts/default" + doopssme + "?alt=json-in-script&max-results="+ numOfpostse +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var tmb;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
if (entry.content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null)
{
var youtube_id = entry.content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
if (youtube_id.length == 11) {
tmb = "'//img.youtube.com/vi/"+youtube_id+"/hqdefault.jpg'";
}
}
else if (entry.media$thumbnail)
{
var thumbUrl = entry.media$thumbnail.url;
var sk= thumbUrl.replace("/s72-c/","/s400/");
tmb = "'" + sk.replace("?imgmax=800","") + "'";
}
else if (entry.content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null)
{
// Support For 3rd Party Images
tmb = entry.content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];
}
else
{
tmb = "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTAdgZs8-8K4lb94hKOkNvRz_8hvgQGKRmnqytpSLV_Ux7ccG7JipZfJIilYjaaXH4I4X4Qcpvtv1nojzuxn8qbNX0ijc3ijXRyetbRznZuFTEfQOayKxQSIfhZAyrDvZ9ML4Qm352qc/s200/Icon.png'";
}
if(i===0) {
taad1 = '<li class="llist1"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href='+ posturl +'><div class="limage" style="background: #f2e2e2 url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="ltitle"><a href="'+ posturl +'" class="lttitle">'+ posttitle +'</a></div></li>';
}
if(i===1) {
taad2 = '<li class="llist1"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href='+ posturl +'><div class="limage" style="background: #f2e2e2 url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="ltitle"><a href="'+ posturl +'" class="lttitle">'+ posttitle +'</a></div></li>';
}
if(i===2) {
taad3 = '<li class="llist1"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href='+ posturl +'><div class="limage" style="background: #f2e2e2 url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="ltitle"><a href="'+ posturl +'" class="lttitle">'+ posttitle +'</a></div></li>';
}
if(i===3) {
taad4 = '<li class="llist1"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href='+ posturl +'><div class="limage" style="background: #f2e2e2 url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="ltitle"><a href="'+ posturl +'" class="lttitle">'+ posttitle +'</a></div></li>';
}
vwrape.html("<ul class='latestp clear'>" + taad1 + taad2 + taad3 + taad4 + "</ul>");
$('.recentby .title').css("display", "block");
}
}
});
//]]>
</script>
<script>
//<![CDATA[
// SectionB
var numOfLatestPosts = 9;
var latestor = $('.sectionb .widget-content');
var latestcwn = latestor.text().trim();
var titleo = $('.sectionb .title');
titleo.after('<span class="dmore"> <a href=\"/search/label/'+ latestcwn +'\">more</a> </span>');
var doop = "/-/" + latestcwn;
if (latestcwn.toUpperCase() == 'LATEST') {
doop = "";
$('.sectionb .dmore').remove();
titleo.after('<span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
var secba1=""; var secba2=""; var secba3=""; var secba4=""; var secba5=""; var secba6=""; var secba7=""; var secba8=""; var secba9="";
$.ajax({
url: "/feeds/posts/default" + doop + "?alt=json-in-script&max-results="+ numOfLatestPosts +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var pmb = img[i].replace('s1600/','s800/');
var tmb = img[i].replace('s1600/','s400/');
var fmb = img[i].replace('s1600/','s200/');
if(i===0) {
secba1 = '<div class="nl1"><a href='+ posturl +'><div class="nla" style="background: #444444 url('+ pmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===1) {
secba2 = '<div class="nl2"><a href='+ posturl +'><div class="nlb" style="background: #ededed url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===2) {
secba3 = '<div class="nl3"><a href='+ posturl +'><div class="nlc" style="background: #ededed url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===3) {
secba4 = '<div class="nl4"><a href='+ posturl +'><div class="nld" style="background: #ededed url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===4) {
secba5 = '<div class="nl5"><a href='+ posturl +'><div class="nle" style="background: #e8e8e8 url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===5) {
secba6 = '<div class="nl6"><a href='+ posturl +'><div class="nlf" style="background: #e8e8e8 url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===6) {
secba7 = '<div class="nl7"><a href='+ posturl +'><div class="nlg" style="background: #e8e8e8 url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===7) {
secba8 = '<div class="nl8"><a href='+ posturl +'><div class="nlh" style="background: #e8e8e8 url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===8) {
secba9 = '<div class="nl9"><a href='+ posturl +'><div class="nli" style="background: #e8e8e8 url('+ fmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
latestor.html("<div class='nli1'>" + secba1 + "</div>" + "<div class='nli2'><div class='nli21'>" + secba2 + "</div>" + "<div class='nli22'>" + secba3 + secba4 + "</div></div>" + "<div class='nli3'><div class='nlii3'>" + secba5 + secba6 + secba7 + secba8 + secba9 + "</div></div></div><div class='clear'/>");
$(".secb .title, .secb .dmore").css("display", "block");
}
}
});
//]]>
</script>
<script>
//<![CDATA[
// Four Column SectionD
$('.secd .widget-content').each(function() {
var numOfPoo = 3;
var latestrpoo = $(this);
var latestcon = latestrpoo.text().trim();
var teeo = $(this).closest('.widget').children('h2');
var reeo = teeo.text().trim();
teeo.replaceWith("<h2> <a href='/search/label/"+ latestcon + "'>" + reeo + "</a></h2>");
var secda1=""; var secda2=""; var secda3="";
$.ajax({
url: "/feeds/posts/default/-/" + latestcon + "?alt=json-in-script&max-results="+ numOfPoo +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s400/');
if(i===0) {
secda1 = '<div class="xl1"><a href='+ posturl +'><div class="lazy xlp" data-original='+ tmb +' style="background: #434343 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===1) {
secda2 = '<div class="xl2"><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===2) {
secda3 = '<div class="xl3"><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
latestrpoo.html("<div class='xli'>" + secda1 + "</div>" + "<div class='xle'>" + secda2 + secda3 + "</div>");
$(".lazy.xlp").lazyload();
}
}
});
});
//]]>
</script>
<script>
//<![CDATA[
// Two Column SectionE1
function todoo(seed, deed) {
var numOfOPym = 3;
var ChrmCount = 78;
var latestrym = $(seed);
var latestww = $(deed).text().trim();
var titlews = $('.secta h2');
$('.secta .dmore, .secta .loadera').remove();
titlews.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/'+ latestww +'\">more</a> </span>');
var doopws = "/-/" + latestww;
if (latestww.toUpperCase() == 'LATEST') {
doopws = "";
$('.secta .dmore, .secta .loadera').remove();
titlews.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
$('.secta .loadera').show();
var ddn1=""; var ddn2=""; var ddn3="";
$.ajax({
url: "/feeds/posts/default" + doopws + "?alt=json-in-script&max-results="+ numOfOPym +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s400/');
var kmb = img[i].replace('s1600/','s200/');
var conten = entry.content.$t;
var mycontent= conten.replace(/(<([^>]+)>)/ig,"").substring(0, ChrmCount);
mycontent = mycontent.substr(0, Math.min(mycontent.length, mycontent.lastIndexOf(" ")))
if(i===0) {
ddn1 = '<a href='+ posturl +'><div class="lazy yos oppmi" data-original='+ tmb +' style="background: #EDEDED url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div>' + category + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time></div><div class="clear"/>';
}
if(i===1) {
ddn2 = '<div class="opyn1"><a href='+ posturl +'><div class="lazy yos oppoi" data-original='+ kmb +' style="background: #EDEDED url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
if(i===2) {
ddn3 = '<div class="opyn2"><a href='+ posturl +'><div class="lazy yos oppoi" data-original='+ kmb +' style="background: #EDEDED url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/></div>';
}
latestrym.html("<div class='opymi'>" + ddn1 + "</div><div class='opyni'>" + ddn2 + ddn3 + "<div class='clear'/></div>" );
$(".timeago").timeago();
$('.secta .loadera').hide();
$('.secta .widget-content > div').hide();
$(seed).show();
$(".lazy.yos").lazyload();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
todoo('.secta .a1', '.secta .a');
$(".secta .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piiso = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piiso);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcoxo = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var ppuxo = (".secta ."+pcoxo);
var xcoxo = $(this).closest('.mtabs').find(".secta ."+pcoxo+"1");
todoo(xcoxo, ppuxo);
});
//]]>
</script>
<script>
//<![CDATA[
// Two Column SectionE2
function secetwo(dise, sise) {
var numOfPou = 4;
var latestrpou = $(dise);
var latestcwno = $(sise).text().trim();
var titleos = $('.secua h2');
$('.secua .dmore, .secua .loadera').remove();
titleos.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/'+ latestcwno +'\">more</a> </span>');
var doops = "/-/" + latestcwno;
if (latestcwno.toUpperCase == 'LATEST') {
doops = "";
$('.secua .dmore, .secua .loadera').remove();
titleos.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
$('.secua .loadera').show();
var duff1=""; var duff2=""; var duff3=""; var duff4="";
$.ajax({
url: "/feeds/posts/default" + doops + "?alt=json-in-script&max-results="+ numOfPou +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s300/');
if(i===0) {
duff1 = '<div class="mlu1"><a href='+ posturl +'><div class="lazy mlu" data-original='+ tmb +' style="background: #434343 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===1) {
duff2 = '<div class="mlu2"><a href='+ posturl +'><div class="lazy mlu" data-original='+ tmb +' style="background: #434343 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===2) {
duff3 = '<div class="mlu1"><a href='+ posturl +'><div class="lazy mlu" data-original='+ tmb +' style="background: #434343 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===3) {
duff4 = '<div class="mlu2"><a href='+ posturl +'><div class="lazy mlu" data-original='+ tmb +' style="background: #434343 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
latestrpou.html("<div class='mlue'>" + duff1 + duff2 + "<div class='clear'/></div>" + "<div class='mlui'>" + duff3 + duff4 + "<div class='clear'/></div>");
$('.secua .loadera').hide();
$('.secua .widget-content > div').hide();
$(dise).show();
$(".lazy.mlu").lazyload();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
secetwo('.secua .a1', '.secua .a');
$(".secua .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piis = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piis);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcoxl = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var dffl = (".secua ."+pcoxl);
var xcoxl = $(this).closest('.mtabs').find(".secua ."+pcoxl+"1");
secetwo(xcoxl, dffl);
});
//]]>
</script>
<script>
//<![CDATA[
// Video Section Video
var numOfposts = 7;
var vwrap = $('.byvideo .widget-content');
var vcontent = vwrap.text().trim();
var voor1=""; var voor2=""; var voor3=""; var voor4=""; var voor5=""; var voor6=""; var voor7=""; var voor8=""; var voor9="";
$.ajax({
url: "/feeds/posts/default/-/" + vcontent + "?alt=json-in-script&max-results="+ numOfposts +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var tmb; var mmb;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
if (entry.content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/) != null)
{
var youtube_id = entry.content.$t.match(/youtube\.com.*(\?v=|\/embed\/)(.{11})/).pop();
if (youtube_id.length == 11) {
tmb = "'//img.youtube.com/vi/"+youtube_id+"/mqdefault.jpg'";
mmb = "'//img.youtube.com/vi/"+youtube_id+"/0.jpg'";
}
}
else if (entry.media$thumbnail)
{
var thumbUrl = entry.media$thumbnail.url;
var sk= thumbUrl.replace("/s72-c/","/s400/");
tmb = "'" + sk.replace("?imgmax=800","") + "'";
mmb = "'" + sk.replace("?imgmax=800","") + "'";
}
else if (entry.content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/) != null)
{
// Support For 3rd Party Images
tmb = entry.content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];
mmb = entry.content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];
}
else
{
tmb = "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTAdgZs8-8K4lb94hKOkNvRz_8hvgQGKRmnqytpSLV_Ux7ccG7JipZfJIilYjaaXH4I4X4Qcpvtv1nojzuxn8qbNX0ijc3ijXRyetbRznZuFTEfQOayKxQSIfhZAyrDvZ9ML4Qm352qc/s200/Icon.png'";
mmb = "'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTAdgZs8-8K4lb94hKOkNvRz_8hvgQGKRmnqytpSLV_Ux7ccG7JipZfJIilYjaaXH4I4X4Qcpvtv1nojzuxn8qbNX0ijc3ijXRyetbRznZuFTEfQOayKxQSIfhZAyrDvZ9ML4Qm352qc/s200/Icon.png'";
}
if(i===0) {
voor1 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ mmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
}
if(i===1) {
voor2 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div>';
}
if(i===2) {
voor3 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/>';
}
if(i===3) {
voor4 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/>';
}
if(i===4) {
voor5 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/>';
}
if(i===5) {
voor6 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/>';
}
if(i===6) {
voor7 = '<a href='+ posturl +'><div class="lazy vl" data-original='+ tmb +' style="background: #282828 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="nlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div><div class="clear"/>';
}
vwrap.html("<div class='vli1'><div class='vl1'>" + voor1 + "</div></div>" + "<div class='vli2'><div class='vc'>" + voor2 + "</div>" + "<div class='vc'>" + voor3 + "</div>" + "<div class='vc'>" + voor4 + "</div>" + "<div class='vc'>" + voor5 + "</div>" + "<div class='vc'>" + voor6 + "</div>" + "<div class='vc'>" + voor7 + "</div></div>" + "<div class='clear'/>");
$('.byvideo').show();
$(".lazy.vl").lazyload();
}
}
});
//]]>
</script>
<script>
//<![CDATA[
// Image Slider SectionIMG
var numOfOPy = 5;
var ChryCount = 180;
var latestry = $('.secimg .widget-content');
var latestcwxo = latestry.text().trim();
var titleosx = $('.secimg .title');
var titleosxx = $('.secimg .title').text();
var trtd0 = ""; var trtd1 = ""; var trtd2 = ""; var trtd3 = "";
titleosx.replaceWith('<h2 class="xtitle"> <a href=\"/search/label/'+ latestcwxo +'\">'+titleosxx+'</a> </h2>');
$('.secimg .widget-content').before("<div class='tprev'><i class='fa fa-chevron-left'></i></div>" +
"<div class='tnext'><i class='fa fa-chevron-right'></i></div>");
var doopsx = "/-/" + latestcwxo;
if (latestcwxo.toUpperCase == 'LATEST') {
doopsx = "";
$('.secimg .dmore').remove();
titleosx.append('<span> <a href=\"/search/label/\">more</a> </span>');
}
$.ajax({
url: "/feeds/posts/default" + doopsx + "?alt=json-in-script&max-results="+ numOfOPy +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = "";
for (var k = 0; k < entry.category.length; k++) {
category += '<a class="post-category" href="/search/label/'+entry.category[k].term+'?max-results=7">'+entry.category[k].term+'</a>';
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s900/');
var conten = entry.content.$t;
var mycontent= conten.replace(/(<([^>]+)>)/ig,"").substring(0, ChryCount);
mycontent = mycontent.substr(0, Math.min(mycontent.length, mycontent.lastIndexOf(" ")))
if(i===0) {
trtd0 = '<li class="opy1 opay"><a href='+ posturl +'><div class="lazy oppy" data-original='+ tmb +' style="background: #323232 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time>' + category +'<a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div></li>';
}
if(i===1) {
trtd1 = '<li class="opy2 opay"><a href='+ posturl +'><div class="lazy oppy" data-original='+ tmb +' style="background: #323232 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time>' + category +'<a href="'+ posturl +'" class="oby-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div></li>';
}
if(i===2) {
trtd2 = '<li class="opy3 opay"><a href='+ posturl +'><div class="lazy oppy" data-original='+ tmb +' style="background: #323232 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time>' + category +'<a href="'+ posturl +'" class="ocy-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div></li>';
}
if(i===3) {
trtd3 = '<li class="opy4 opay"><a href='+ posturl +'><div class="lazy oppy" data-original='+ tmb +' style="background: #323232 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time>' + category +'<a href="'+ posturl +'" class="ody-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div></li>';
}
latestry.html("<div class='opy'><ul>" + trtd0 + trtd1 + trtd2 + trtd3 + "</ul></div>");
$(".lazy.oppy").lazyload();
$(".secimg .opy").jCarouselLite({
btnNext: ".tnext",
btnPrev: ".tprev",
visible: 1,
speed: 500,
autoWidth: true,
circular: false,
responsive: true
});
}
}
});
//]]>
</script>
<script>
//<![CDATA[
// Section G Multi Tabs
function loadTab(soop, coop) {
var numOfOP = 6;
var ChroCount = 92;
var slidert = $(coop).text().trim();
var latestrop = $(soop);
var titlevv = $('.secop h2');
$('.secop .dmore, .secop .loadera').remove();
titlevv.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/'+ slidert +'\">more</a> </span>');
var doopss = "/-/" + slidert;
if (slidert.toUpperCase() == 'LATEST') {
doopss = "";
$('.secop .dmore, .secop .loadera').remove();
titlevv.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
var tood0 = ""; var tood1 = ""; var tood2 = ""; var tood3 = ""; var tood4 = ""; var tood5 = "";
$('.secop .loadera').show();
$.ajax({
url: '/feeds/posts/default' + doopss + '?alt=json-in-script&max-results='+ numOfOP +'',
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = "";
category += '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s300/');
var conten = entry.content.$t;
var mycontent= conten.replace(/(<([^>]+)>)/ig,"").substring(0, ChroCount);
mycontent = mycontent.substr(0, Math.min(mycontent.length, mycontent.lastIndexOf(" ")))
if(i===0) {
tood0 = '<a href='+ posturl +'><div class="lazy opp" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="oapost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
if(i===1) {
tood1 = '<a href='+ posturl +'><div class="lazy opp" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="obpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
if(i===2) {
tood2 = '<a href='+ posturl +'><div class="lazy opp oppo" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="ocpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
if(i===3) {
tood3 = '<a href='+ posturl +'><div class="lazy opp" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
if(i===4) {
tood4 = '<a href='+ posturl +'><div class="lazy opp" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
if(i===5) {
tood5 = '<a href='+ posturl +'><div class="lazy opp oppo" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><div class="contento">' + mycontent + '</div></div>';
}
latestrop.html("<div class='opi'><div class='op1 opall'>" + tood0 + "<div class='clear'/></div><div class='op2 opall'>" + tood1 + "<div class='clear'/></div><div class='op3 opx3 opall'>" + tood2 + "<div class='clear'/></div>" + "<div class='plear'/><div class='op4 opall'>" + tood3 + "<div class='clear'/></div><div class='op5 opall'>" + tood4 + "<div class='clear'/></div><div class='op6 opx3 opall'>" + tood5 + "<div class='clear'/></div><div class='plear'/></div>");
$('.secop .loadera').hide();
$('.secop .widget-content > div').hide();
$(soop).show();
$(".lazy.opp").lazyload();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
loadTab('.secop .a1', '.secop .a');
$(".secop .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piis = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piis);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcox = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var ppux = (".secop ."+pcox);
var xcox = $(this).closest('.secop').find("."+pcox+"1");
loadTab(xcox, ppux);
});
//]]>
</script>
<script>
//<![CDATA[
// Section After Multi Tab in SectionG
function bypass(fst, snd) {
var numOfOPymn = 5;
var ChrmCountn = 92;
var latestrymn = $(fst);
var puuyi = $(snd).text().trim();
var titleoo = $('.secsp h2');
$('.secsp .dmore, .secsp .loadera').remove();
titleoo.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/'+ puuyi +'\">more</a> </span>');
var doopsi = "/-/" + puuyi;
if (puuyi.toUpperCase == 'LATEST') {
doopsi = "";
$('.secsp .dmore, .secsp .loadera').remove();
titleoo.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
$('.secsp .loadera').show();
var txxd1 = ""; var txxd2 = ""; var txxd3 = "";
$.ajax({
url: "/feeds/posts/default" + doopsi + "?alt=json-in-script&max-results="+ numOfOPymn +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s600/');
var lmb = img[i].replace('s1600/','s300/');
if(i===0) {
txxd1 = '<a href='+ posturl +'><div class="lazy zapo oppmi" data-original='+ tmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category + '<a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '</div><div class="clear"/>';
}
if(i===1) {
txxd2 = '<a href='+ posturl +'><div class="lazy zapo oppois" data-original='+ lmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwraps"><a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '</div><div class="clear"/>';
}
if(i===2) {
txxd3 = '<a href='+ posturl +'><div class="lazy zapo oppois" data-original='+ lmb +' style="background: #444444 url() no-repeat center;background-size: cover">' + '</div></a><div class="bwraps"><a href="'+ posturl +'" class="oay-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '</div><div class="clear"/>';
}
latestrymn.html("<div class='nopymi'><div class='opymi'><div class='xhid'>" + txxd1 + "</div></div><div class='opyni'><div class='opyn1'>" + txxd2 + "</div><div class='opyn2'>" + txxd3 + "</div></div><div class='clear'/></div>" );
$('.secsp .loadera').hide();
$('.secsp .widget-content > div').hide();
$(fst).show();
$(".lazy.zapo").lazyload();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
bypass('.secsp .a1', '.secsp .a');
$(".secsp .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piise = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piise);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcoxe = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var ppuxe = (".secsp ."+pcoxe);
var xcoxe = $(this).closest('.secsp').find("."+pcoxe+"1");
bypass(xcoxe, ppuxe);
});
//]]>
</script>
<script>
//<![CDATA[
// Last SectionG
function seclast(secaa, secbb) {
var numOfPouk = 4;
var latestrpouk = $(secaa);
var latestcwnok = $(secbb).text().trim();
var titleosk = $('.secvp h2');
$('.secvp .dmore, .secvp .loadera').remove();
titleosk.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/'+ latestcwnok +'\">more</a> </span>');
var doopsk = "/-/" + latestcwnok;
if (latestcwnok.toUpperCase == 'LATEST') {
doopsk = "";
$('.secvp .dmore, .secvp .loadera').remove();
titleosk.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span><span class="dmore"> <a href=\"/search/label/\">more</a> </span>');
}
$('.secvp .loadera').show();
var pxcc1=""; var pxcc2=""; var pxcc3=""; var pxcc4="";
$.ajax({
url: "/feeds/posts/default" + doopsk + "?alt=json-in-script&max-results="+ numOfPouk +"",
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s300/');
if(i===0) {
pxcc1 = '<div class="fft1 fft"><a href='+ posturl +'><div class="lazy mluy" data-original='+tmb+' style="background: #ededed url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===1) {
pxcc2 = '<div class="fft2 fft"><a href='+ posturl +'><div class="lazy mluy" data-original='+ tmb +' style="background: #ededed url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===2) {
pxcc3 = '<div class="fft3 fft"><a href='+ posturl +'><div class="lazy mluy" data-original='+ tmb +' style="background: #ededed url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
if(i===3) {
pxcc4 = '<div class="fft4 fft"><a href='+ posturl +'><div class="lazy mluy" data-original='+ tmb +' style="background: #ededed url() no-repeat center;background-size: cover">' + '</div></a><div class="bwrap"><a href="'+ posturl +'" class="mlpost-title"><h3 class="heading">'+ posttitle +'</h3></a></div></div>';
}
latestrpouk.html("<div class='mlfe'>" + pxcc1 + pxcc2 + pxcc3 + pxcc4 + "<div class='clear'/></div>");
$('.secvp .loadera').hide();
$('.secvp .widget-content > div').hide();
$(secaa).show();
$(".lazy.mluy").lazyload();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
seclast('.secvp .a1', '.secvp .a');
$(".secvp .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piiso = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piiso);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcoxo = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var ppuxo = (".secvp ."+pcoxo);
var xcoxo = $(this).closest('.secvp').find("."+pcoxo+"1");
seclast(xcoxo, ppuxo);
});
//]]>
</script>
<script>
//<![CDATA[
function loadnTab(soonp, coonp) {
var numOfOPw = 5;
var ChroCountw = 92;
var slidertw = $(coonp).text().trim();
var latestrop = $(soonp);
var rostee = $('.sidebarxe h2');
$('.sidebarxe .loadera').remove();
rostee.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span>');
var doopssw = "/-/" + slidertw;
if (slidertw.toUpperCase() == 'LATEST') {
doopssw = "";
$('.sidebarxe .loadera').remove();
rostee.after('<span class="loadera"><i class="fa fa-circle-o-notch fa-spin"></i></span>');
}
$('.sidebarxe .loadera').show();
var trtd0 = ""; var trtd1 = ""; var trtd2 = ""; var trtd3 = ""; var trtd4 = ""; var trtd5 = "";
$.ajax({
url: '/feeds/posts/default' + doopssw + '?alt=json-in-script&max-results='+ numOfOPw +'',
type: "get",
dataType: "jsonp",
success: function (e) {
var img = new Array();
for (var i = 0; i < 10; i++) {
var entry = e.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
var category = "";
category += '<a class="post-category" href="/search/label/'+entry.category[0].term+'?max-results=7">'+entry.category[0].term+'</a>';
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
var ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var ListDate= entry.published.$t.substring(0,10);
var Y = ListDate.substring(0, 4);
var m = ListDate.substring(5, 7);
var D = ListDate.substring(8, 10);
var M = ListMonth[parseInt(m - 1)];
var ListDateOld= entry.published.$t.substring(0,19);
if ("content" in entry) {
var postcontent = entry.content.$t;
}
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var tmb = img[i].replace('s1600/','s500-c/');
var conten = entry.content.$t;
var mycontent= conten.replace(/(<([^>]+)>)/ig,"").substring(0, ChroCountw);
mycontent = mycontent.substr(0, Math.min(mycontent.length, mycontent.lastIndexOf(" ")))
if(i===0) {
trtd0 = '<div class="op1 opall"><a href='+ posturl +'><div class="opp" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="oapost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
if(i===1) {
trtd1 = '<div class="op2 opall"><a href='+ posturl +'><div class="opp" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="obpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
if(i===2) {
trtd2 = '<div class="op3 opall"><a href='+ posturl +'><div class="opp oppo" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="ocpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
if(i===3) {
trtd3 = '<div class="op4 opall"><a href='+ posturl +'><div class="opp" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
if(i===4) {
trtd4 = '<div class="op5 opall"><a href='+ posturl +'><div class="opp" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
if(i===5) {
trtd5 = '<div class="op6 opall"><a href='+ posturl +'><div class="opp oppo" style="background: url('+ tmb +') no-repeat center;background-size: cover">' + '</div></a><div class="bwrap">' + category +'<time class="timeago" datetime='+ListDateOld+'>' + M + ' ' + D + ', ' + Y + '</time><a href="'+ posturl +'" class="odpost-title"><h3 class="heading">'+ posttitle +'</h3></a>' + '<div class="contento">' + mycontent + '</div></div><div class="clear"/></div>';
}
latestrop.html("<div class='opin'>" + trtd0 + trtd1 + trtd2 + trtd3 + trtd4 + trtd5 + "</div>");
$(".timeago").timeago();
$('.sidebarxe .loadera').hide();
$('.sidebarxe .widget-content > div').hide();
$(soonp).show();
}
}
})
}
//]]>
</script>
<script>
//<![CDATA[
loadnTab('.sidebarxe .a1', '.sidebarxe .a');
$(".sidebarxe .dropdown-menu li").on('click', function(event){
event.stopPropagation();
var piisw = $(this).text().trim();
$(this).closest('.widget').find('h2').text(piisw);
$(this).closest('.dropdown-menu').slideUp("fast");
var pcoxw = $(this).children('a').attr('class');
$(this).closest('.dropdown-menu').hide();
var ppuxw = (".sidebarxe ."+pcoxw);
var xcoxw = $(this).closest('.sidebarxe').find("."+pcoxw+"1");
loadnTab(xcoxw, ppuxw);
});
//]]>
</script>
<script>
//<![CDATA[
equalheight=function(e){var t=0,n=0,r=new Array,i,s=0;$(e).each(function(){i=$(this);$(i).height("auto");topPostion=i.position().top;if(n!=topPostion){for(currentDiv=0;currentDiv<r.length;currentDiv++){r[currentDiv].height(t)}r.length=0;n=topPostion;t=i.height();r.push(i)}else{r.push(i);t=t<i.height()?i.height():t}for(currentDiv=0;currentDiv<r.length;currentDiv++){r[currentDiv].height(t)}})};$(document).ready(function(){equalheight(".latestp .ltitle")});$(window).resize(function(){equalheight(".latestp .ltitle")})
$(document).ready(function(){equalheight(".sectiond .xle")});$(window).resize(function(){equalheight(".sectiond .xle")})
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
/*!
SlickNav Responsive Mobile Menu
(c) 2014 Josh Cope
licensed under MIT
*/
!function(e,t){function n(t,n){this.element=t,this.settings=e.extend({},a,n),this.settings.duplicate||n.hasOwnProperty("removeIds")||(this.settings.removeIds=!1),this._defaults=a,this._name=i,this.init()}var a={label:"MENU",duplicate:!0,duration:200,easingOpen:"swing",easingClose:"swing",closedSymbol:"►",openedSymbol:"▼",prependTo:"body",appendTo:"",parentTag:"a",closeOnClick:!1,allowParentLinks:!1,nestedParentLinks:!0,showChildren:!1,removeIds:!0,removeClasses:!1,removeStyles:!1,brand:"",animations:"jquery",init:function(){},beforeOpen:function(){},beforeClose:function(){},afterOpen:function(){},afterClose:function(){}},i="slicknav",s="slicknav",o={DOWN:40,ENTER:13,ESCAPE:27,LEFT:37,RIGHT:39,SPACE:32,TAB:9,UP:38};n.prototype.init=function(){var n,a,i=this,l=e(this.element),r=this.settings;if(r.duplicate?i.mobileNav=l.clone():i.mobileNav=l,r.removeIds&&(i.mobileNav.removeAttr("id"),i.mobileNav.find("*").each(function(t,n){e(n).removeAttr("id")})),r.removeClasses&&(i.mobileNav.removeAttr("class"),i.mobileNav.find("*").each(function(t,n){e(n).removeAttr("class")})),r.removeStyles&&(i.mobileNav.removeAttr("style"),i.mobileNav.find("*").each(function(t,n){e(n).removeAttr("style")})),n=s+"_icon",""===r.label&&(n+=" "+s+"_no-text"),"a"==r.parentTag&&(r.parentTag='a href="#"'),i.mobileNav.attr("class",s+"_nav"),a=e('<div class="'+s+'_menu"></div>'),""!==r.brand){var c=e('<div class="'+s+'_brand">'+r.brand+"</div>");e(a).append(c)}i.btn=e(["<"+r.parentTag+' aria-haspopup="true" role="button" tabindex="0" class="'+s+"_btn "+s+'_collapsed">','<span class="'+s+'_menutxt">'+r.label+"</span>",'<span class="'+n+'">','<span class="'+s+'_icon-bar"></span>','<span class="'+s+'_icon-bar"></span>','<span class="'+s+'_icon-bar"></span>',"</span>","</"+r.parentTag+">"].join("")),e(a).append(i.btn),""!==r.appendTo?e(r.appendTo).append(a):e(r.prependTo).prepend(a),a.append(i.mobileNav);var p=i.mobileNav.find("li");e(p).each(function(){var t=e(this),n={};if(n.children=t.children("ul").attr("role","menu"),t.data("menu",n),n.children.length>0){var a=t.contents(),o=!1,l=[];e(a).each(function(){return e(this).is("ul")?!1:(l.push(this),void(e(this).is("a")&&(o=!0)))});var c=e("<"+r.parentTag+' role="menuitem" aria-haspopup="true" tabindex="-1" class="'+s+'_item"/>');if(r.allowParentLinks&&!r.nestedParentLinks&&o)e(l).wrapAll('<span class="'+s+"_parent-link "+s+'_row"/>').parent();else{var p=e(l).wrapAll(c).parent();p.addClass(s+"_row")}r.showChildren?t.addClass(s+"_open"):t.addClass(s+"_collapsed"),t.addClass(s+"_parent");var d=e('<span class="'+s+'_arrow">'+(r.showChildren?r.openedSymbol:r.closedSymbol)+"</span>");r.allowParentLinks&&!r.nestedParentLinks&&o&&(d=d.wrap(c).parent()),e(l).last().after(d)}else 0===t.children().length&&t.addClass(s+"_txtnode");t.children("a").attr("role","menuitem").click(function(t){r.closeOnClick&&!e(t.target).parent().closest("li").hasClass(s+"_parent")&&e(i.btn).click()}),r.closeOnClick&&r.allowParentLinks&&(t.children("a").children("a").click(function(){e(i.btn).click()}),t.find("."+s+"_parent-link a:not(."+s+"_item)").click(function(){e(i.btn).click()}))}),e(p).each(function(){var t=e(this).data("menu");r.showChildren||i._visibilityToggle(t.children,null,!1,null,!0)}),i._visibilityToggle(i.mobileNav,null,!1,"init",!0),i.mobileNav.attr("role","menu"),e(t).mousedown(function(){i._outlines(!1)}),e(t).keyup(function(){i._outlines(!0)}),e(i.btn).click(function(e){e.preventDefault(),i._menuToggle()}),i.mobileNav.on("click","."+s+"_item",function(t){t.preventDefault(),i._itemClick(e(this))}),e(i.btn).keydown(function(t){var n=t||event;switch(n.keyCode){case o.ENTER:case o.SPACE:case o.DOWN:t.preventDefault(),n.keyCode===o.DOWN&&e(i.btn).hasClass(s+"_open")||i._menuToggle(),e(i.btn).next().find('[role="menuitem"]').first().focus()}}),i.mobileNav.on("keydown","."+s+"_item",function(t){var n=t||event;switch(n.keyCode){case o.ENTER:t.preventDefault(),i._itemClick(e(t.target));break;case o.RIGHT:t.preventDefault(),e(t.target).parent().hasClass(s+"_collapsed")&&i._itemClick(e(t.target)),e(t.target).next().find('[role="menuitem"]').first().focus()}}),i.mobileNav.on("keydown",'[role="menuitem"]',function(t){var n=t||event;switch(n.keyCode){case o.DOWN:t.preventDefault();var a=e(t.target).parent().parent().children().children('[role="menuitem"]:visible'),l=a.index(t.target),r=l+1;a.length<=r&&(r=0);var c=a.eq(r);c.focus();break;case o.UP:t.preventDefault();var a=e(t.target).parent().parent().children().children('[role="menuitem"]:visible'),l=a.index(t.target),c=a.eq(l-1);c.focus();break;case o.LEFT:if(t.preventDefault(),e(t.target).parent().parent().parent().hasClass(s+"_open")){var p=e(t.target).parent().parent().prev();p.focus(),i._itemClick(p)}else e(t.target).parent().parent().hasClass(s+"_nav")&&(i._menuToggle(),e(i.btn).focus());break;case o.ESCAPE:t.preventDefault(),i._menuToggle(),e(i.btn).focus()}}),r.allowParentLinks&&r.nestedParentLinks&&e("."+s+"_item a").click(function(e){e.stopImmediatePropagation()})},n.prototype._menuToggle=function(){var e=this,t=e.btn,n=e.mobileNav;t.hasClass(s+"_collapsed")?(t.removeClass(s+"_collapsed"),t.addClass(s+"_open")):(t.removeClass(s+"_open"),t.addClass(s+"_collapsed")),t.addClass(s+"_animating"),e._visibilityToggle(n,t.parent(),!0,t)},n.prototype._itemClick=function(e){var t=this,n=t.settings,a=e.data("menu");a||(a={},a.arrow=e.children("."+s+"_arrow"),a.ul=e.next("ul"),a.parent=e.parent(),a.parent.hasClass(s+"_parent-link")&&(a.parent=e.parent().parent(),a.ul=e.parent().next("ul")),e.data("menu",a)),a.parent.hasClass(s+"_collapsed")?(a.arrow.html(n.openedSymbol),a.parent.removeClass(s+"_collapsed"),a.parent.addClass(s+"_open"),a.parent.addClass(s+"_animating"),t._visibilityToggle(a.ul,a.parent,!0,e)):(a.arrow.html(n.closedSymbol),a.parent.addClass(s+"_collapsed"),a.parent.removeClass(s+"_open"),a.parent.addClass(s+"_animating"),t._visibilityToggle(a.ul,a.parent,!0,e))},n.prototype._visibilityToggle=function(t,n,a,i,o){function l(t,n){e(t).removeClass(s+"_animating"),e(n).removeClass(s+"_animating"),o||p.afterOpen(t)}function r(n,a){t.attr("aria-hidden","true"),d.attr("tabindex","-1"),c._setVisAttr(t,!0),t.hide(),e(n).removeClass(s+"_animating"),e(a).removeClass(s+"_animating"),o?"init"==n&&p.init():p.afterClose(n)}var c=this,p=c.settings,d=c._getActionItems(t),u=0;a&&(u=p.duration),t.hasClass(s+"_hidden")?(t.removeClass(s+"_hidden"),o||p.beforeOpen(i),"jquery"===p.animations?t.stop(!0,!0).slideDown(u,p.easingOpen,function(){l(i,n)}):"velocity"===p.animations&&t.velocity("finish").velocity("slideDown",{duration:u,easing:p.easingOpen,complete:function(){l(i,n)}}),t.attr("aria-hidden","false"),d.attr("tabindex","0"),c._setVisAttr(t,!1)):(t.addClass(s+"_hidden"),o||p.beforeClose(i),"jquery"===p.animations?t.stop(!0,!0).slideUp(u,this.settings.easingClose,function(){r(i,n)}):"velocity"===p.animations&&t.velocity("finish").velocity("slideUp",{duration:u,easing:p.easingClose,complete:function(){r(i,n)}}))},n.prototype._setVisAttr=function(t,n){var a=this,i=t.children("li").children("ul").not("."+s+"_hidden");n?i.each(function(){var t=e(this);t.attr("aria-hidden","true");var i=a._getActionItems(t);i.attr("tabindex","-1"),a._setVisAttr(t,n)}):i.each(function(){var t=e(this);t.attr("aria-hidden","false");var i=a._getActionItems(t);i.attr("tabindex","0"),a._setVisAttr(t,n)})},n.prototype._getActionItems=function(e){var t=e.data("menu");if(!t){t={};var n=e.children("li"),a=n.find("a");t.links=a.add(n.find("."+s+"_item")),e.data("menu",t)}return t.links},n.prototype._outlines=function(t){t?e("."+s+"_item, ."+s+"_btn").css("outline",""):e("."+s+"_item, ."+s+"_btn").css("outline","none")},n.prototype.toggle=function(){var e=this;e._menuToggle()},n.prototype.open=function(){var e=this;e.btn.hasClass(s+"_collapsed")&&e._menuToggle()},n.prototype.close=function(){var e=this;e.btn.hasClass(s+"_open")&&e._menuToggle()},e.fn[i]=function(t){var a=arguments;if(void 0===t||"object"==typeof t)return this.each(function(){e.data(this,"plugin_"+i)||e.data(this,"plugin_"+i,new n(this,t))});if("string"==typeof t&&"_"!==t[0]&&"init"!==t){var s;return this.each(function(){var o=e.data(this,"plugin_"+i);o instanceof n&&"function"==typeof o[t]&&(s=o[t].apply(o,Array.prototype.slice.call(a,1)))}),void 0!==s?s:this}}}(jQuery,document,window);
//]]>
</script>
<script>
$('#menu').slicknav({
label: '',
duration: 200,
prependTo:'#menuscroll',
openedSymbol: "",
closedSymbol: ""
});
$('.menutwo ul').slicknav({
label: 'Trending',
duration: 200,
prependTo:'.ptrend',
openedSymbol: "",
closedSymbol: ""
});
</script>
<script type='text/javascript'>
/**
* AJAX Menu for Blogger
*
* Version 1.0
* by ASSEM DMC
* https://dmc98.blogspot.com/
* Copyright 2012 ASSEM DMC (https://dmc98.blogspot.com/)
* Dual licensed under the MIT and GPL v2 licenses
*/
//<![CDATA[
(function(b){var a=function(d,c){this.elem=d;this.settings=c;this.addAjaxHtml();this.ajaxcall=null;this.lielem=this.elem.find("li:not('.nomega') .submenu .verticlemenu li a");this.menuHelper(this.elem);this.addEvents()};a.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(http://[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(http://[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(http://[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var c=this;this.lielem.hover(function(){if(b(this).data("menuloaded")!=="true"){c.li=b(this);c.url=c.li.attr("href");c.container=c.li.closest("ul").siblings("ul");c.hoverOver()}},function(){c.hoverOut()})},hoverOver:function(){var c=this;this.getAJAXUrl();if(!this.ajaxUrl){return}this.ajaxcall=b.ajax({type:"GET",url:c.ajaxUrl,dataType:"jsonp",data:c.ajaxData,beforeSend:function(){c.showLoader()},success:function(d){c.hideLoader();c.addArrow();c.showPosts(d)},error:function(d){c.showError(d)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var c=this;this.ajaxData={alt:"json","max-results":this.settings.numPosts};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(e,g,f,d){c.ajaxData.q=d;return[g,"/feeds/posts/default/-/",f,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(d,f,e){delete c.ajaxData.q;return[f,"/feeds/posts/default/-/",e,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(d,f,e){c.ajaxData.q=e;return[f,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else{this.ajaxUrl=!1}},showLoader:function(){b("<span></span>",{"class":"loader"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loader").remove()},showPosts:function(d){var h=this,f=[],c,e,g;d.feed.openSearch$totalResults.$t>0?b.each(d.feed.entry,function(j,i){c=i.title.$t;b.each(i.link,function(l,k){k.rel==="alternate"?e=k.href:e="#"});g=i.media$thumbnail?i.media$thumbnail.url.replace(/\/s72\-c\//,"/s200-c/"):h.settings.defaultImg;f.push('<li><span class="imgCont"><img alt="',c,'" src="',g,'"/></span><a rel="nofollow" title="',c,'" href="',e,'">',c,"</a></li>")}):f.push("<h5>","No Post","</h5>");this.container.html(f.join(""));this.lielem.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(c){if(c.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Unable to fetch the Blog Posts</h5>")}},addArrow:function(){this.lielem.closest("li").find("span").remove();this.lielem.removeClass("hoverover");this.li.addClass("hoverover");b("<span></span>",{"class":"menuArrow"}).appendTo(this.li.closest("li"))},menuHelper:function(c){var d=this;c.find(">li").hover(function(){var e=b(this);e.find("a:first").addClass("hoverover");var f=b(this).find("ul.verticlemenu li").height()*b(this).find("ul.verticlemenu li").length;e.find("ul.postslist").css({"min-height":f+"px"});d.requestFirstAjax(e)},function(){b(this).find("a:first").removeClass("hoverover")})},addAjaxHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("w2bajaxmenu").find(">li").find("ul:first").addClass("verticlemenu").wrap(b("<div></div>",{"class":this.settings.divClass}));
b("ul.verticlemenu").after(b("<ul></ul>",{"class":"postslist"}))},requestFirstAjax:function(c){c=c.find(".verticlemenu li:first-child a");this.url=c.attr("href");this.container=c.closest("ul").siblings("ul");this.li=c;this.hoverOver()}};b.fn.ajaxBloggerMenu=function(e){var d={numPosts:4,divClass:"submenu",postsClass:"postslist",defaultImg:"/default.png"},c=b.extend({},d,e);return this.each(function(){var f=new a(b(this),c)})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$('#menu').ajaxBloggerMenu({
numPosts : 5, // Number of Posts to show
defaultImg : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRHUbgFLOaFOaK1fcA7M_Oi8e6L098WMWTZ0lDBw0fLLnAkudyEZV89uxrHH2qJliqhkxwsOeuPPXQ0mP1pLg-BLq_fbjmq5eLCo8s1wpq4_swmJHkGURFGt0uvb5raUTw1bhSG2WO98c/s1600/no+image.jpg' // Default thumbnail Image
});
$('.nomega').find('.postslist').remove();
$(".w2bmenu li").each(function() {
var nochild = $(this).find("ul").length;
if(nochild == false) {
$(this).addClass("nochild");
}
});
});
</script>
<script>
//<![CDATA[
/*!
* jCarousel Lite - v1.9.3 - 2015-02-16
* http://kswedberg.github.com/jquery-carousel-lite/
* Copyright (c) 2015 Karl Swedberg
* based on the original by Ganeshji Marwaha (gmarwaha.com)
* Licensed MIT (http://kswedberg.github.com/jquery-carousel-lite/blob/master/LICENSE-MIT)
*/
!function(a){function b(a,b){return b.autoStop&&(b.circular?b.autoStop:Math.min(a,b.autoStop))}function c(a){this.id&&(this.id+=a)}a.jCarouselLite={version:"1.9.3",curr:0},a.fn.anim="undefined"!=typeof a.fn.velocity?a.fn.velocity:a.fn.animate,a.fn.jCarouselLite=function(d){var e=a.extend(!0,{},a.fn.jCarouselLite.defaults,d),f=Math.ceil,g=Math.abs;return this.each(function(){function d(){return n.slice(p).slice(0,G)}function h(b,c){if(v)return!1;c=c||{};var f=p,g=b>p,h="undefined"!=typeof c.speed?c.speed:e.speed,i=c.offset||0;return e.beforeStart&&e.beforeStart.call(B,d(),g,c),e.circular?(b>p&&b>o-G?(b-=p,p%=E,b=p+b,C.css(w,-p*u.liSize-i)):p>b&&0>b&&(p+=E,b+=E,C.css(w,-p*u.liSize-i)),p=b+b%1):(0>b?b=0:b>o-H&&(b=o-H),p=b,0===p&&e.first&&e.first.call(this,d(),g),p===o-H&&e.last&&e.last.call(this,d(),g),e.btnPrev&&e.$btnPrev.toggleClass(e.btnDisabledClass,0===p),e.btnNext&&e.$btnNext.toggleClass(e.btnDisabledClass,p===o-H)),S(p,L),a.jCarouselLite.curr=p,f!==p||c.force?(v=!0,x[w]=-(p*u.liSize),C.anim(x,h,e.easing,function(){e.afterEnd&&e.afterEnd.call(B,d(),g,c),v=!1}),p):(e.afterEnd&&e.afterEnd.call(B,d(),g,c),p)}var i,j,k,l,m,n,o,p,q,r,s,t="ontouchend"in document,u={div:{},ul:{},li:{}},v=!1,w=e.vertical?"top":"left",x={},y=e.vertical?"height":"width",z=e.vertical?"outerHeight":"outerWidth",A=this,B=a(this),C=B.find(e.containerSelector).eq(0),D=C.children(e.itemSelector),E=D.length,F=e.visible,G=f(F),H=Math.floor(F),I=Math.min(e.start,E-1),J=1,K=0,L={},M={},N={},O=e.vertical?"y":"x",P=e.vertical?"x":"y",Q=e.init.call(this,e,D);if(Q!==!1){var R=function(){i&&i.length&&(i.remove(),j.remove()),D=C.children(e.liSelector),E=D.length,i=D.slice(E-G).clone(!0).each(c),j=D.slice(0,G).clone(!0).each(c),C.prepend(i).append(j),n=C.children(e.liSelector),o=n.length};B.data("dirjc",J),B.data(w+"jc",B.css(w)),e.circular?(R(),I+=G,K=G):(n=C.children(e.liSelector),o=n.length),e.btnGo&&e.btnGo.length&&(s=a(a.isArray(e.btnGo)&&"string"==typeof e.btnGo[0]?e.btnGo.join():e.btnGo),s.each(function(b){a(this).bind("click.jc",function(a){a.preventDefault();var c={btnGo:this,btnGoIndex:b};return h(e.circular?F+b:b,c)})}),L.go=1);var S=function(a,b){a=f(a),n.filter("."+e.activeClass).removeClass(e.activeClass),n.eq(a).addClass(e.activeClass);var c=(a-K)%E,d=c+H;return b.go&&(s.removeClass(e.activeClass).removeClass(e.visibleClass),s.eq(c).addClass(e.activeClass),s.slice(c,c+H).addClass(e.visibleClass),d>s.length&&s.slice(0,d-s.length).addClass(e.visibleClass)),b.pager&&(k.removeClass(e.activeClass),k.eq(f(c/F)).addClass(e.activeClass)),c};p=I,a.jCarouselLite.curr=p;var T=function(a){var b,c,d;return a?(u.div[y]="",u.li={width:"",height:""},u):(b=n[z](!0),c=b*o,d=b*F,u.div[y]=d+"px",u.ul[y]=c+"px",u.ul[w]=-(p*b)+"px",u.li={width:n.width(),height:n.height()},u.liSize=b,u)},U=function(b){var c,d,f={div:{visibility:"visible",position:"relative",zIndex:2,left:"0"},ul:{margin:"0",padding:"0",position:"relative",listStyleType:"none",zIndex:1},li:{overflow:e.vertical?"hidden":"visible","float":e.vertical?"none":"left"}};b&&(c=T(!0),B.css(c.div),C.css(c.ul),n.css(c.li)),c=T(),e.autoCSS&&a.extend(!0,c,f),e.autoWidth&&(d=parseInt(B.css(y),10),u.liSize=d/e.visible,c.li[y]=u.liSize-(n[z](!0)-parseInt(n.css(y),10)),c.ul[y]=u.liSize*o+"px",c.ul[w]=-(p*u.liSize)+"px",c.div[y]=d),e.autoCSS&&(n.css(c.li),C.css(c.ul),B.css(c.div))};U();var V=0,W=b(E,e),X="number"==typeof e.auto?e.auto:e.scroll,Y=function(){A.setAutoAdvance=setTimeout(function(){(!W||W>V)&&(J=B.data("dirjc"),h(p+J*X,{auto:!0}),V++,Y())},e.timeout)};if(a.each(["btnPrev","btnNext"],function(b,c){e[c]&&(e["$"+c]=a.isFunction(e[c])?e[c].call(B[0]):a(e[c]),e["$"+c].bind("click.jc",function(a){a.preventDefault();var c=0===b?p-e.scroll:p+e.scroll;return e.directional&&B.data("dirjc",b?1:-1),h(c)}))}),e.circular||(e.btnPrev&&0===I&&e.$btnPrev.addClass(e.btnDisabledClass),e.btnNext&&I+H>=o&&e.$btnNext.addClass(e.btnDisabledClass)),e.autoPager){l=f(E/F),k=[];for(var Z=0;l>Z;Z++)k.push('<li><a href="#">'+(Z+1)+"</a></li>");k.length>1&&(k=a("<ul>"+k.join("")+"</ul>").appendTo(e.autoPager).find("li"),k.find("a").each(function(b){a(this).bind("click.jc",function(a){a.preventDefault();var c=b*F;return e.circular&&(c+=F),h(c)})}),L.pager=1)}S(I,L),e.mouseWheel&&B.mousewheel&&B.bind("mousewheel.jc",function(a,b){return h(b>0?p-e.scroll:p+e.scroll)}),e.pause&&e.auto&&!t&&B.bind("mouseenter.jc",function(){B.trigger("pauseCarousel.jc")}).bind("mouseleave.jc",function(){B.trigger("resumeCarousel.jc")}),e.auto&&Y(),a.jCarouselLite.vis=d,B.bind("go.jc",function(a,b,c){"undefined"==typeof b&&(b="+=1");var d="string"==typeof b&&/(\+=|-=)(\d+)/.exec(b);d?b="-="===d[1]?p-1*d[2]:p+1*d[2]:b+=I,h(b,c)}).bind("startCarousel.jc",function(){clearTimeout(A.setAutoAdvance),A.setAutoAdvance=void 0,B.trigger("go","+="+e.scroll),Y(),B.removeData("pausedjc").removeData("stoppedjc")}).bind("resumeCarousel.jc",function(a,b){if(!A.setAutoAdvance){clearTimeout(A.setAutoAdvance),A.setAutoAdvance=void 0;var c=B.data("stoppedjc");(b||!c)&&(Y(),B.removeData("pausedjc"),c&&B.removeData("stoppedjc"))}}).bind("pauseCarousel.jc",function(){clearTimeout(A.setAutoAdvance),A.setAutoAdvance=void 0,B.data("pausedjc",!0)}).bind("stopCarousel.jc",function(){clearTimeout(A.setAutoAdvance),A.setAutoAdvance=void 0,B.data("stoppedjc",!0)}).bind("refreshCarousel.jc",function(a,b){b&&e.circular&&R(),U(e.autoCSS)}).bind("endCarousel.jc",function(){A.setAutoAdvance&&(clearTimeout(A.setAutoAdvance),A.setAutoAdvance=void 0),e.btnPrev&&e.$btnPrev.addClass(e.btnDisabledClass).unbind(".jc"),e.btnNext&&e.$btnNext.addClass(e.btnDisabledClass).unbind(".jc"),e.btnGo&&a.each(e.btnGo,function(b,c){a(c).unbind(".jc")}),e.circular&&(n.slice(0,G).remove(),n.slice(-G).remove()),a.each([w+"jc","pausedjc","stoppedjc","dirjc"],function(a,b){B.removeData(b)}),B.unbind(".jc")}),r={touchstart:function(a){N.x=0,N.y=0,M.x=a.targetTouches[0].pageX,M.y=a.targetTouches[0].pageY,M[w]=parseFloat(C.css(w)),M.time=+new Date},touchmove:function(a){var b=a.targetTouches.length;1===b?(N.x=a.targetTouches[0].pageX,N.y=a.targetTouches[0].pageY,x[w]=M[w]+(N[O]-M[O]),C.css(x),e.preventTouchWindowScroll&&a.preventDefault()):(N.x=M.x,N.y=M.y)},touchend:function(){if(N.x){var a=M[O]-N[O],b=g(a),c=b>e.swipeThresholds[O],d=g(M[P]-N[P])<e.swipeThresholds[P],f=+new Date-M.time,h=f<e.swipeThresholds.time,i=a>0?"+=":"-=",j=i+e.scroll,k={force:!0};h&&c&&d?k.speed=e.speed/2:!h&&b<u.liSize/2||!c||h&&!d?j="+=0":!h&&b>u.liSize/2&&(j=Math.round(b/u.liSize),j=i+(j>e.visible?e.visible:j),k.offset=a),B.trigger("go.jc",[j,k]),N={}}},handle:function(a){a=a.originalEvent,r[a.type](a)}},t&&e.swipe&&B.bind("touchstart.jc touchmove.jc touchend.jc",r.handle),e.responsive&&(q=e.autoCSS,a(window).bind("resize",function(){q&&(C.width(2*C.width()),q=!1),clearTimeout(m),m=setTimeout(function(){B.trigger("refreshCarousel.jc",[!0]),q=e.autoCSS},100)}))}}),this},a.fn.jCarouselLite.defaults={containerSelector:"ul",itemSelector:"li",btnPrev:null,btnNext:null,btnGo:null,autoPager:null,btnDisabledClass:"disabled",activeClass:"active",visibleClass:"vis",mouseWheel:!1,speed:200,easing:null,timeout:4e3,auto:!1,directional:!1,autoStop:!1,pause:!0,vertical:!1,circular:!0,visible:3,start:0,scroll:1,autoCSS:!0,responsive:!1,autoWidth:!1,swipe:!0,swipeThresholds:{x:80,y:40,time:150},preventTouchWindowScroll:!0,init:function(){},first:null,last:null,beforeStart:null,afterEnd:null}}(jQuery);
//]]>
</script>
<script>
//<![CDATA[
$(function() {
$(".recentslider").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 6,
autoWidth: true,
speed: 600
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function cut(n) {
return function textCutter(i, text) {
var short = text.substr(0, n);
if (/^\S/.test(text.substr(n)))
return short.replace(/\s+\S*$/, "...");
return short;
};
}
$('.recentslider .posttitle a').text(cut(38));
//]]>
</script>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
(function(){
$('.timee').timeago();
})();
//]]>
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$(".item-thumbnail").find("img").each(function(b,a){a=$(a);a.attr({src:a.attr("src").replace(/s72-c/,"s300").replace(/default/,0)});a.attr("width",300);a.attr("height",190)})});
//]]>
</script>
<script>
//<![CDATA[
function srelocate() {
var wtop = $(window).scrollTop();
var ctop = $('.sdate').offset().top;
var cbottom = $('.post-footer').offset().top - 50;
if (wtop > ctop) {
$('.connect').addClass('sticka');
if (wtop > cbottom) {
$('.connect').addClass('stickb');
}
else {
$('.connect').removeClass('stickb');
}
}
else {
$('.connect').removeClass('sticka');
}
}
$(function() {
$(window).scroll(srelocate);
srelocate();
});
//]]>
</script>
<script>
//<![CDATA[
$(document).ready(function(){
$('.showhide').on('click', function(event) {
var el = $(this);
if (el.text() == el.data("text-swap")) {
el.text(el.data("text-original"));
} else {
el.data("text-original", el.text());
el.text(el.data("text-swap"));
}
$('#comments').toggle('show');
});
});
//]]>
</script>
<script>
//<![CDATA[
$(document).ready(function() {
$('#menu-v li:has(ul)').children('a').addClass('arrow');
$("#menu-v li").hover(function() {
$(this).children('ul').slideDown(400);
}, function() {
$(this).children('ul').slideUp(400);
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(){
$('.timeago').timeago();
})();
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
});
//]]>
</script>
</b:if>
<script>
//<![CDATA[
/*global $ */
$('.navbtn').on('click', function() {
$('.menuxy .widget-content > ul').slideToggle();
$(this).find('.fa').toggleClass('fa-navicon fa-close');
});
//]]>
</script>
<script>
//<![CDATA[
$('.bns').on('click', function (event) {
if ($(window).width() < 680) {
var value=$.trim($(".ins").val());
if(value.length==0)
{
event.preventDefault();
$( ".ins" ).toggle("linear");
}
else {
}
$('html').click(function(e) {
var a = e.target;
var value=$.trim($(".ins").val());
if (($(a).parents('form').length === 0) && (value.length==0)){
$('.ins').hide();
}
});
}
});
//]]>
</script>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script>
//<![CDATA[
/*!
* Theia Sticky Sidebar v1.6.0
* https://github.com/WeCodePixels/theia-sticky-sidebar
*
* Glues your website's sidebars, making them permanently visible while scrolling.
*
* Copyright 2013-2016 WeCodePixels and other contributors
* Released under the MIT license
*/
!function(i){i.fn.theiaStickySidebar=function(t){function o(t,o){var a=e(t,o);a||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).scroll(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)),i(window).resize(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)))}function e(t,o){return t.initialized===!0?!0:i("body").width()<t.minWidth?!1:(a(t,o),!0)}function a(t,o){t.initialized=!0,i("head").append(i('<style>.theiaStickySidebar:after {content: ""; display: inline-block; clear: both;}</style>')),o.each(function(){function o(){a.fixedScrollTop=0,a.sidebar.css({"min-height":"1px"}),a.stickySidebar.css({position:"static",width:"",transform:"none"})}function e(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}var a={};if(a.sidebar=i(this),a.options=t||{},a.container=i(a.options.containerSelector),0==a.container.length&&(a.container=a.sidebar.parent()),a.sidebar.parents().css("-webkit-transform","none"),a.sidebar.css({position:"relative",overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),a.stickySidebar=a.sidebar.find(".theiaStickySidebar"),0==a.stickySidebar.length){var r=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;a.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(r)}).remove(),a.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(a.sidebar.children()),a.sidebar.append(a.stickySidebar)}a.marginBottom=parseInt(a.sidebar.css("margin-bottom")),a.paddingTop=parseInt(a.sidebar.css("padding-top")),a.paddingBottom=parseInt(a.sidebar.css("padding-bottom"));var d=a.stickySidebar.offset().top,s=a.stickySidebar.outerHeight();a.stickySidebar.css("padding-top",1),a.stickySidebar.css("padding-bottom",1),d-=a.stickySidebar.offset().top,s=a.stickySidebar.outerHeight()-s-d,0==d?(a.stickySidebar.css("padding-top",0),a.stickySidebarPaddingTop=0):a.stickySidebarPaddingTop=1,0==s?(a.stickySidebar.css("padding-bottom",0),a.stickySidebarPaddingBottom=0):a.stickySidebarPaddingBottom=1,a.previousScrollTop=null,a.fixedScrollTop=0,o(),a.onScroll=function(a){if(a.stickySidebar.is(":visible")){if(i("body").width()<a.options.minWidth)return void o();if(a.options.disableOnResponsiveLayouts){var r=a.sidebar.outerWidth("none"==a.sidebar.css("float"));if(r+50>a.container.width())return void o()}var d=i(document).scrollTop(),s="static";if(d>=a.sidebar.offset().top+(a.paddingTop-a.options.additionalMarginTop)){var c,p=a.paddingTop+t.additionalMarginTop,b=a.paddingBottom+a.marginBottom+t.additionalMarginBottom,l=a.sidebar.offset().top,f=a.sidebar.offset().top+e(a.container),h=0+t.additionalMarginTop,g=a.stickySidebar.outerHeight()+p+b<i(window).height();c=g?h+a.stickySidebar.outerHeight():i(window).height()-a.marginBottom-a.paddingBottom-t.additionalMarginBottom;var u=l-d+a.paddingTop,S=f-d-a.paddingBottom-a.marginBottom,y=a.stickySidebar.offset().top-d,m=a.previousScrollTop-d;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(y+=m),"stick-to-top"==a.options.sidebarBehavior&&(y=t.additionalMarginTop),"stick-to-bottom"==a.options.sidebarBehavior&&(y=c-a.stickySidebar.outerHeight()),y=m>0?Math.min(y,h):Math.max(y,c-a.stickySidebar.outerHeight()),y=Math.max(y,u),y=Math.min(y,S-a.stickySidebar.outerHeight());var k=a.container.height()==a.stickySidebar.outerHeight();s=(k||y!=h)&&(k||y!=c-a.stickySidebar.outerHeight())?d+y-a.sidebar.offset().top-a.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==s){var v=i(document).scrollLeft();a.stickySidebar.css({position:"fixed",width:n(a.stickySidebar)+"px",transform:"translateY("+y+"px)",left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))-v+"px",top:"0px"})}else if("absolute"==s){var x={};"absolute"!=a.stickySidebar.css("position")&&(x.position="absolute",x.transform="translateY("+(d+y-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom)+"px)",x.top="0px"),x.width=n(a.stickySidebar)+"px",x.left="",a.stickySidebar.css(x)}else"static"==s&&o();"static"!=s&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom}),a.previousScrollTop=d}},a.onScroll(a),i(document).scroll(function(i){return function(){i.onScroll(i)}}(a)),i(window).resize(function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(a)),"undefined"!=typeof ResizeSensor&&new ResizeSensor(a.stickySidebar[0],function(i){return function(){i.onScroll(i)}}(a))})}function n(i){var t;try{t=i[0].getBoundingClientRect().width}catch(o){}return"undefined"==typeof t&&(t=i.width()),t}var r={containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern"};t=i.extend(r,t),t.additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,o(t,this)}}(jQuery);
//]]>
</script>
</b:if>
<script>
//<![CDATA[
jQuery(document).ready(function() {
jQuery('.lcontent, .rsidebar').theiaStickySidebar({
// Settings
additionalMarginTop: 0
});
});
//]]>
</script>
<script>
//<![CDATA[
if ($('#back-to-top').length) {
var scrollTrigger = 700, // px
backToTop = function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > scrollTrigger) {
$('#back-to-top').addClass('show');
} else {
$('#back-to-top').removeClass('show');
}
};
backToTop();
$(window).on('scroll', function () {
backToTop();
});
$('#back-to-top').on('click', function (e) {
e.preventDefault();
$('html,body').animate({
scrollTop: 0
}, 700);
});
}
//]]>
</script>
</body>
</html>
Dukung editor dan penulis situsweb ini via Bank Rakyat Indonesia (BRI) No Rek: 109801026985507 - Kontak: 082113030454
0 Response to "TRENDS TEMPLATE"
Posting Komentar