Download This Templates

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:view.isHomepage'>

</b:if>

<b:if cond='!data:view.isLayoutMode'>

<b:skin version='1.0.0'><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Swipy

License: Free Version

Version: 1.0

Author: SoraTemplates

Author Url: https://www.bestprogrammings.com/

----------------------------------------------- */

</Group>

</Group>

/*-- Font CSS --*/

/* devanagari */

@font-face {

font-family: 'Kadwa';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/kadwa/v10/rnCm-x5V0g7ipiTBT8YGsw.woff2) format('woff2');

unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* latin */

@font-face {

font-family: 'Kadwa';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/kadwa/v10/rnCm-x5V0g7ipiTAT8Y.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* devanagari */

@font-face {

font-family: 'Kadwa';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/kadwa/v10/rnCr-x5V0g7ipix7atM4knj-SA.woff2) format('woff2');

unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* latin */

@font-face {

font-family: 'Kadwa';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/kadwa/v10/rnCr-x5V0g7ipix7atM5kng.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');

unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');

unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');

unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');

unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');

unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 400;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* cyrillic-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');

unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

/* cyrillic */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* greek-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');

unicode-range: U+1F00-1FFF;

}

/* greek */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');

unicode-range: U+0370-03FF;

}

/* vietnamese */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');

unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;

}

/* latin-ext */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');

unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

font-family: 'Roboto';

font-style: normal;

font-weight: 700;

font-display: swap;

src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/*-- Reset CSS --*/

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{

padding:0;

border:0;

outline:0;

vertical-align:baseline;

background:0 0;

text-decoration:none

}

#google_translate_element { clear: both; }.thread-expanded .thread-count a { display: none; }.comments .continue { display: none!important; }

form,textarea,input,button{

-webkit-appearance:none;

-moz-appearance:none;

appearance:none;

border-radius:0

}

dl,ul{

list-style-position:inside;

font-weight:400;

list-style:none

}

ul li{

list-style:none

}

caption,th{

text-align:center

}

img{

border:none;

position:relative

}

a,a:visited{

text-decoration:none

}

.clearfix{

clear:both

}

.section,.widget,.widget ul{

margin:0;

padding:0

}

color:$(body.link.color)

}

a img{

border:0

}

abbr{

text-decoration:none

}

.CSS_LIGHTBOX{

z-index:999999!important

}

.separator a{

clear:none!important;

float:none!important;

margin-left:0!important;

margin-right:0!important

}

#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{

display:none!important

}

.center{

display:table;

margin:0 auto;

position:relative

}

.widget > h2,.widget > h3{

display:none

}

h1, h2, h3, h4, h5, h6 {

font-family: 'Kadwa', serif;

}

/*-- Body Content CSS --*/

body{

background:$(body.background);

background-color:$(body.background.color);

font-family: "Roboto", sans-serif;

font-size:14px;

font-weight:400;

color:$(body.text.color);

word-wrap:break-word;

margin:0;

padding:0

}

#outer-wrapper{

max-width:1260px;

margin:0 auto;

background-color:#fff;

box-shadow:0 0 5px rgba(0,0,0,.1)

}

.row{

width:1200px

}

#content-wrapper{

margin:30px auto 0;

}

#content-wrapper > .container{

margin:0 -15px

}

.index #content-wrapper > .container {

}

#main-wrapper{

float:left;

overflow:hidden;

width:66.66666667%;

box-sizing:border-box;

word-wrap:break-word;

padding:0 15px;

margin:0

}

#sidebar-wrapper{

float:right;

overflow:hidden;

width:33.33333333%;

box-sizing:border-box;

word-wrap:break-word;

padding:0 15px

}

.post-image-wrap{

position:relative;

display:block

}

.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{

background-color:rgba(155,155,155,0.05);

color:transparent!important

}

.post-thumb{

display:block;

position:relative;

width:100%;

height:100%;

object-fit:cover;

object-position: top;

z-index:1;

opacity: 0;

transition:opacity .35s ease,transform .35s ease

}

.post-thumb.lazy-yard {

opacity: 1;

}

.post-title a{

display:block

}

#top-bar{

width:100%;

height:34px;

background-color:$(top.bg);

overflow:hidden;

margin:0;

position:relative;

}

#top-bar .container{

margin:0 auto;

display: flex;

flex-wrap: wrap;

justify-content: center;

position: relative;

}

.top-bar-nav{

position:relative;

display: flex;

z-index:1;

}

.top-bar-nav .widget > .widget-title{

display:none

}

.top-bar-nav ul li{

float:left

}

.top-bar-nav ul li > a{

height:34px;

display:block;

color:$(top.color);

font-size:12px;

font-weight:400;

line-height:34px;

margin:0 10px 0 0;

padding:0 5px;

transition:color .17s

}

.top-bar-nav ul li:first-child > a{

padding:0 5px 0 0

}

.top-bar-nav ul > li:hover > a{

color:$(main.dark.color)

}

.top-bar-social{

position:relative;

display: flex;

}

.top-bar-social .widget > .widget-title{

display:none

}

.top-bar-social ul > li{

float:left;

display:inline-block

}

.top-bar-social ul > li > a{

width: 25px;

display: block;

color: $(top.color);

text-decoration: none;

font-size: 14px;

text-align: center;

line-height: 25px;

padding: 0;

border-radius: 25px;

margin: 4px 0 0 10px;

transition: color .17s;

}

.top-bar-social ul > li:last-child > a{

}

.top-bar-social ul > li:hover > a{

color:$(main.dark.color)

}

.social a:before{

display:inline-block;

font-family:FontAwesome;

font-style:normal;

font-weight:400

}

.social .facebook a:before{

content:"\f09a"

}

.social .twitter a:before{

content:"\f099"

}

.social .gplus a:before{

content:"\f0d5"

}

.social .rss a:before{

content:"\f09e"

}

.social .youtube a:before{

content:"\f16a"

}

.social .skype a:before{

content:"\f17e"

}

.social .stumbleupon a:before{

content:"\f1a4"

}

.social .tumblr a:before{

content:"\f173"

}

.social .vk a:before{

content:"\f189"

}

.social .stack-overflow a:before{

content:"\f16c"

}

.social .github a:before{

content:"\f09b"

}

.social .linkedin a:before{

content:"\f0e1"

}

.social .dribbble a:before{

content:"\f17d"

}

.social .soundcloud a:before{

content:"\f1be"

}

.social .behance a:before{

content:"\f1b4"

}

.social .digg a:before{

content:"\f1a6"

}

.social .instagram a:before{

content:"\f16d"

}

.social .pinterest a:before{

content:"\f0d2"

}

.social .twitch a:before{

content:"\f1e8"

}

.social .delicious a:before{

content:"\f1a5"

}

.social .codepen a:before{

content:"\f1cb"

}

.social .reddit a:before{

content:"\f1a1"

}

.social .whatsapp a:before{

content:"\f232"

}

.social .snapchat a:before{

content:"\f2ac"

}

.social .email a:before{

content:"\f0e0"

}

.social .external-link a:before{

content:"\f35d"

}

.social-color .facebook a{

background-color:#3b5999

}

.social-color .twitter a{

background-color:#00acee

}

.social-color .gplus a{

background-color:#db4a39

}

.social-color .youtube a{

background-color:#db4a39

}

.social-color .instagram a{

background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)

}

.social-color .pinterest a{

background-color:#ca2127

}

.social-color .dribbble a{

background-color:#ea4c89

}

.social-color .linkedin a{

background-color:#0077b5

}

.social-color .tumblr a{

background-color:#365069

}

.social-color .twitch a{

background-color:#6441a5

}

.social-color .rss a{

background-color:#ffc200

}

.social-color .skype a{

background-color:#00aff0

}

.social-color .stumbleupon a{

background-color:#eb4823

}

.social-color .vk a{

background-color:#4a76a8

}

.social-color .stack-overflow a{

background-color:#f48024

}

.social-color .github a{

background-color:#24292e

}

.social-color .soundcloud a{

background:linear-gradient(#ff7400,#ff3400)

}

.social-color .behance a{

background-color:#191919

}

.social-color .digg a{

background-color:#1b1a19

}

.social-color .delicious a{

background-color:#0076e8

}

.social-color .codepen a{

background-color:#000

}

.social-color .reddit a{

background-color:#ff4500

}

.social-color .whatsapp a{

background-color:#3fbb50

}

.social-color .snapchat a{

background-color:#ffe700

}

.social-color .email a{

background-color:#888

}

.social-color .external-link a{

background-color:$(main.dark.color)

}

.social-text .facebook a:after{

content:"Facebook"

}

.social-text .twitter a:after{

content:"Twitter"

}

.social-text .gplus a:after{

content:"Google Plus"

}

.social-text .rss a:after{

content:"Rss"

}

.social-text .youtube a:after{

content:"YouTube"

}

.social-text .skype a:after{

content:"Skype"

}

.social-text .stumbleupon a:after{

content:"StumbleUpon"

}

.social-text .tumblr a:after{

content:"Tumblr"

}

.social-text .vk a:after{

content:"VKontakte"

}

.social-text .stack-overflow a:after{

content:"Stack Overflow"

}

.social-text .github a:after{

content:"Github"

}

.social-text .linkedin a:after{

content:"LinkedIn"

}

.social-text .dribbble a:after{

content:"Dribbble"

}

.social-text .soundcloud a:after{

content:"SoundCloud"

}

.social-text .behance a:after{

content:"Behance"

}

.social-text .digg a:after{

content:"Digg"

}

.social-text .instagram a:after{

content:"Instagram"

}

.social-text .pinterest a:after{

content:"Pinterest"

}

.social-text .twitch a:after{

content:"Twitch"

}

.social-text .delicious a:after{

content:"Delicious"

}

.social-text .codepen a:after{

content:"CodePen"

}

.social-text .flipboard a:after{

content:"Flipboard"

}

.social-text .reddit a:after{

content:"Reddit"

}

.social-text .whatsapp a:after{

content:"Whatsapp"

}

.social-text .messenger a:after{

content:"Messenger"

}

.social-text .snapchat a:after{

content:"Snapchat"

}

.social-text .email a:after{

content:"Email"

}

.social-text .external-link a:after{

content:"WebSite"

}

#header-wrap{

position:relative;

margin:0

}

.header-header{

background-color:$(head.bg);

width:100%;

height:90px;

position:relative;

text-align: center;

overflow:hidden;

padding:30px 0

}

.header-header .container{

position:relative;

margin:0 auto;

padding:0

}

.header-logo{

position:relative;

width: auto;

text-align: center;

display: inline-block;

max-width:260px;

max-height:60px;

margin:0;

padding:15px 0

}

.header-logo .header-image-wrapper{

display:block

}

.header-logo img{

max-width:100%;

max-height:60px;

margin:0

}

.header-logo h1{

color:$(head.color);

font-size:36px;

line-height:60px;

margin:0

}

.header-logo p{

font-size:12px;

margin:5px 0 0

}

.header-menu{

position:relative;

width:100%;

height:48px;

z-index:10;

font-size:13px;

margin:0;

background: $(main.menu.one);

background: -moz-linear-gradient(-45deg, $(main.menu.one) 52%, $(main.menu.two) 100%);

background: -webkit-linear-gradient(-45deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

background: linear-gradient(135deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$(main.menu.one)', endColorstr='$(main.menu.two)',GradientType=1 );

}

.header-menu .container{

position:relative;

margin:0 auto;

padding:0;

}

.header-menu.scrolled-header {

background: $(main.menu.one);

background: -moz-linear-gradient(-45deg, $(main.menu.one) 52%, $(main.menu.two) 100%);

background: -webkit-linear-gradient(-45deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

background: linear-gradient(135deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$(main.menu.one)', endColorstr='$(main.menu.two)',GradientType=1 );

}

.header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search, .mobile-header.scrolled-header .show-search, .mobile-header.scrolled-header .hide-search {

border-radius: 0;

}

.header-menu.scrolled-header, .header-menu.scrolled-header #main-menu, .header-menu.scrolled-header #nav-search .search-input, .header-menu.scrolled-header #nav-search, .header-menu.scrolled-header #nav-search .search-form, .header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search {

height:46px;

}

.header-menu.scrolled-header #main-menu ul > li > a {

height:26px;

}

.header-menu.scrolled-header #main-menu ul > li > ul > li a {

height:36px;

}

.header-menu.scrolled-header #nav-search .search-form, .header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search {

line-height:46px;

}

.header-menu.scrolled-header #main-menu ul > li > a {

line-height:26px;

}

.header-menu.scrolled-header #main-menu ul > li > ul > li a {

line-height:36px;

}

.header-menu.scrolled-header #nav-search .search-input {

padding-right:46px;

}

.header-menu.scrolled-header .show-search, .header-menu.scrolled-header .hide-search {

width: 46px;

height: 46px;

}

.header-menu.scrolled-header #main-menu ul > li > ul {

top:46px;

}

.header-menu.scrolled-header #main-menu ul > li > ul > li > ul {

top:0;

}

.header-menu.scrolled-header #main-menu, .header-menu.scrolled-header .container {

background: transparent;

box-shadow: none;

}

#main-menu .widget,#main-menu .widget > .widget-title{

display:none

}

#main-menu .show-menu{

display:block

}

#main-menu{

position:relative;

height:48px;

z-index:15;

}

#main-menu ul > li{

float: left;

position: relative;

margin: 0;

padding: 10px 8px;

transition: background .17s;

box-sizing: border-box;

}

#main-menu ul > li.li-home > a, #main-menu ul > li.li-home-icon > a{

width:48px;

height:28px;

text-align:center;

font-size:18px;

line-height:28px;

font-weight:400;

padding:0;

background: #fff;

color:$(main.color);

}

#main-menu ul#main-menu-nav > li.li-home > a {

width:auto;

font-size:13px;

padding: 0 8px;

box-sizing: border-box;

}

#main-menu #main-menu-nav > li:hover > a{

background-color:rgba(255,255,255,.2)

}

#main-menu ul > li.li-home:hover > a, #main-menu ul > li.li-home-icon:hover > a {

color:#ffffff;

}

#main-menu ul > li > a{

position:relative;

color:#ffffff;

font-size:13px;

font-weight:400;

line-height:28px;

display:inline-block;

margin:0;

padding:0 8px;

border-radius: 3px;

transition:color .17s ease

}

#main-menu #main-menu-nav > li > a{

text-transform:uppercase;

font-weight:700;

}

#main-menu ul > li:hover > a{

}

#main-menu ul > li > ul{

position:absolute;

float:left;

left:0;

top:48px;

width:180px;

background-color:$(main.dark.color);

z-index:99999;

margin-top:0;

padding:0;

border-top:2px solid $(main.color);

visibility:hidden;

opacity:0

}

#main-menu ul > li > ul > li > ul{

position:absolute;

float:left;

top:0;

left:100%;

margin:-2px 0 0

}

#main-menu ul > li > ul > li{

display:block;

float:none;

padding: 0;

position:relative

}

#main-menu ul > li > ul > li:hover{

background-color:$(main.color)

}

#main-menu ul > li > ul > li a{

display:block;

height:36px;

font-size:13px;

color:#fff;

line-height:36px;

box-sizing:border-box;

margin:0;

padding:0 15px;

border:0;

border-bottom:1px solid rgba(255,255,255,0.05);

border-radius: 0;

transition:all .17s ease

}

#main-menu ul > li > ul > li:hover > a{

color:#fff

}

#main-menu ul > li.has-sub > a:after{

content:'\f107';

float:right;

font-family:FontAwesome;

font-size:12px;

font-weight:400;

margin:0 0 0 5px

}

#main-menu ul > li > ul > li.has-sub > a:after{

content:'\f105';

float:right;

margin:0

}

#main-menu .mega-menu{

position:static!important

}

#main-menu .mega-menu > ul{

width:100%;

box-sizing:border-box;

padding:20px 10px

}

#main-menu .mega-menu > ul.mega-menu-inner{

overflow:hidden

}

#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{

visibility:visible;

opacity:1

}

#main-menu ul ul{

transition:all .25s ease

}

.mega-menu-inner .mega-item{

float:left;

width:20%;

box-sizing:border-box;

padding:0 10px

}

.mega-menu-inner .mega-content{

position:relative;

width:100%;

overflow:hidden;

padding:0

}

.mega-content .post-image-wrap{

width:100%;

height:120px

}

.mega-content .post-image-link{

width:100%;

height:100%;

z-index:1;

display:block;

position:relative;

overflow:hidden;

padding:0

}

.mega-content .post-title{

position:relative;

font-size:13px;

font-weight:700;

line-height:1.5em;

margin:7px 0 5px;

padding:0

}

.mega-content .post-title a{

display:block;

color:#fff;

transition:color .17s

}

.mega-content .post-title a:hover{

color:$(title.hover)

}

.mega-content .post-meta{

font-size:11px

}

.no-posts{

float:left;

width:100%;

height:100px;

line-height:100px;

text-align:center

}

.mega-menu .no-posts{

line-height:60px;

color:#ffffff;

}

.show-search,.hide-search{

position:absolute;

right:0;

top:0;

display:block;

width:48px;

height:48px;

line-height:48px;

z-index:20;

color:#fff;

font-size:15px;

text-align:center;

cursor:pointer;

padding:0;

transition:background .17s ease

}

.show-search:before{

content:"\f002";

font-family:FontAwesome;

font-weight:400

}

.hide-search:before{

content:"\f00d";

font-family:FontAwesome;

font-weight:400

}

#nav-search{

display:none;

position:absolute;

left:0;

top:0;

width:100%;

height:48px;

z-index:99;

background-color:$(main.dark.color);

box-sizing:border-box;

padding:0

}

#nav-search .search-form{

width:100%;

height:48px;

background-color:rgba(0,0,0,0);

line-height:48px;

overflow:hidden;

padding:0

}

#nav-search .search-input{

width:100%;

height:48px;

font-family:inherit;

color:#fff;

margin:0;

padding:0 48px 0 15px;

background-color:rgba(0,0,0,0);

font-size:13px;

font-weight:400;

outline:none;

box-sizing:border-box;

border:0

}

#mobile-logo .widget > .widget-title > h3{

display:none

}

.mobile-header{

display:none;

position:relative;

float:left;

width:100%;

height:50px;

background-color:$(main.color);

z-index:1010

}

.mobile-header .logo-content{

position:relative;

float:left;

display:block;

width:100%;

height:50px;

text-align:center;

z-index:2

}

.mobile-header .logo-content > a{

height:30px;

display:inline-block;

padding:10px 0

}

.mobile-header .logo-content > a > img{

height:30px

}

.mobile-header .logo-content > h3{

font-size:20px;

height:30px;

line-height:30px;

margin:10px 0 0

}

.mobile-header .logo-content > h3 > a{

color:#fff

}

.mobile-search-form{

position:absolute;

display:none;

z-index:4;

background-color:$(main.dark.color);

width:100%;

height:50px;

left:0;

top:0

}

.mobile-search-form .mobile-search-input{

background-color:$(main.dark.color);

display:block;

width:calc(100% - 50px);

height:50px;

font-family:inherit;

font-size:13px;

font-weight:400;

color:#fff;

box-sizing:border-box;

padding:0 20px;

border:0

}

.mobile-search-form{

position:absolute;

display:none;

z-index:4;

background-color:$(main.dark.color);

width:100%;

height:50px;

left:0;

top:0

}

.mobile-search-form .mobile-search-input{

background-color:$(main.dark.color);

display:block;

width:calc(100% - 50px);

height:50px;

font-size:13px;

font-weight:400;

color:#fff;

box-sizing:border-box;

padding:0 20px;

border:0

}

.overlay{

display:none;

position:fixed;

top:0;

left:0;

right:0;

bottom:0;

z-index:990;

background:rgba(255,255,255,0.8)

}

.slide-menu-toggle,.show-mobile-search,.hide-mobile-search{

position:absolute;

line-height:50px;

height:50px;

width:50px;

top:0;

left:0;

font-family:FontAwesome;

color:#fff;

font-size:18px;

font-weight:400;

text-align:center;

cursor:pointer;

z-index:4;

padding:0

}

.slide-menu-toggle{

border-right:1px solid rgba(255,255,255,0.08)

}

.show-mobile-search,.hide-mobile-search{

border-left:1px solid rgba(255,255,255,0.08);

left:auto;

right:0

}

.slide-menu-toggle:before{

content:"\f0c9"

}

.nav-active .slide-menu-toggle:before{

content:"\f00d"

}

.show-mobile-search:before{

content:"\f002"

}

.hide-mobile-search:before{

content:"\f00d"

}

.mobile-menu{

position:relative;

float:left;

width:100%;

background-color:$(main.dark.color);

box-sizing:border-box;

padding:20px;

border-top:1px solid rgba(255,255,255,0.08);

visibility:hidden;

opacity:0;

transform-origin:0 0;

transform:scaleY(0);

transition:all .17s ease

}

.nav-active .mobile-menu{

visibility:visible;

opacity:1;

transform:scaleY(1)

}

.mobile-menu > ul{

margin:0

}

.mobile-menu .m-sub{

display:none;

padding:0

}

.mobile-menu ul li{

position:relative;

display:block;

overflow:hidden;

float:left;

width:100%;

font-size:14px;

line-height:38px;

margin:0;

padding:0;

border-top:1px solid rgba(255,255,255,0.01)

}

.mobile-menu > ul > li{

font-weight:400

}

.mobile-menu > ul li ul{

overflow:hidden

}

.mobile-menu > ul > li:first-child{

border-top:0

}

.mobile-menu ul li a{

color:#fff;

padding:0;

display:block;

transition:all .17s ease

}

.mobile-menu #main-menu-nav > li > a{

text-transform:uppercase;

font-weight:700;

font-size:13px

}

.mobile-menu ul li.has-sub .submenu-toggle{

position:absolute;

top:0;

right:0;

color:#fff;

cursor:pointer

}

.mobile-menu ul li.has-sub .submenu-toggle:after{

content:'\f105';

font-family:FontAwesome;

font-weight:400;

float:right;

width:34px;

font-size:16px;

text-align:center;

transition:all .17s ease

}

.mobile-menu ul li.has-sub.show > .submenu-toggle:after{

transform:rotate(90deg)

}

.mobile-menu > ul > li > ul > li a{

font-size:13px

}

.mobile-menu > ul > li > ul > li > a{

color:#fff;

opacity:.7;

padding:0 0 0 15px

}

.mobile-menu > ul > li > ul > li > ul > li > a{

color:#fff;

opacity:.7;

padding:0 0 0 30px

}

.mobile-menu ul > li > .submenu-toggle:hover{

color:$(main.color)

}

.post-meta{

display:block;

overflow:hidden;

color:#aaa;

font-size:12px;

font-weight:400;

padding:0 1px

}

.post-meta .post-author,.post-meta .post-date{

float:left;

margin:0 10px 0 0

}

.post-meta .post-date{

text-transform:capitalize

}

.post-meta a{

color:#aaa;

transition:color .17s

}

.post-meta a:hover{

color:$(title.hover)

}

.post-meta span:before{

font-family:FontAwesome;

font-weight:400;

margin:0 3px 0 0

}

.post-meta .post-author:before{

content:'\f2c0'

}

.post-meta .post-date:before{

content:'\f017'

}

#home-ad-top1 .widget > .widget-title, #home-ad-top2 .widget > .widget-title,#home-ad-top .widget > .widget-title{

display:none

}

#home-ad-top2 .widget, #home-ad-top1 .widget, #home-ad-top .widget{

position:relative;

}

#home-ad-top .widget-content{

position:relative;

width:728px;

max-width:100%;

max-height:90px;

line-height:1;

margin:40px auto 0

}

#ad-wrapper {

margin:0 auto;

}

#home-ad-top1 .widget-content, #home-ad-top2 .widget-content {

position:relative;

max-width:100%;

max-height:90px;

line-height:1;

margin:30px auto 0

}

.owl-carousel{

display:none;

width:100%;

-webkit-tap-highlight-color:transparent;

position:relative;

z-index:1

}

.owl-carousel .owl-stage{

position:relative;

-ms-touch-action:pan-Y

}

.owl-carousel .owl-stage:after{

content:".";

display:block;

clear:both;

visibility:hidden;

line-height:0;

height:0

}

.owl-carousel .owl-stage-outer{

position:relative;

overflow:hidden;

-webkit-transform:translate3d(0px,0px,0px)

}

.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{

cursor:pointer;

cursor:hand;

-webkit-user-select:none;

-khtml-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

user-select:none

}

#slider-wrapper .PopularPosts .main-slider, #slider-wrapper .PopularPosts .main-slider .slider-item {

height: 500px;

overflow: hidden;

}

#slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded, #slider-wrapper .PopularPosts .main-slider.owl-carousel.owl-loaded .slider-item {

height: 500px;

}

.owl-carousel.owl-loaded{

display:block

}

.owl-carousel.owl-loading{

opacity:0;

display:block

}

.owl-carousel.owl-hidden{

opacity:0

}

.owl-carousel .owl-refresh .owl-item{

display:none

}

.owl-carousel .owl-item{

position:relative;

min-height:1px;

float:left;

-webkit-backface-visibility:visible;

-webkit-tap-highlight-color:transparent;

-webkit-touch-callout:none;

-webkit-user-select:none;

-moz-user-select:none;

-ms-user-select:none;

user-select:none

}

.owl-carousel .owl-item img{

display:block;

width:100%;

-webkit-transform-style:preserve-3d;

transform-style:preserve-3d

}

.owl-carousel.owl-text-select-on .owl-item{

-webkit-user-select:auto;

-moz-user-select:auto;

-ms-user-select:auto;

user-select:auto

}

.owl-carousel .owl-grab{

cursor:move;

cursor:-webkit-grab;

cursor:-o-grab;

cursor:-ms-grab;

cursor:grab

}

.owl-carousel.owl-rtl{

direction:rtl

}

.owl-carousel.owl-rtl .owl-item{

float:right

}

.no-js .owl-carousel{

display:block

}

.owl-carousel .animated{

-webkit-animation-duration:1000ms;

animation-duration:1000ms;

-webkit-animation-fill-mode:both;

animation-fill-mode:both

}

.owl-carousel .owl-animated-in{

z-index:1

}

.owl-carousel .owl-animated-out{

z-index:0

}

.owl-height{

-webkit-transition:height 500ms ease-in-out;

-moz-transition:height 500ms ease-in-out;

-ms-transition:height 500ms ease-in-out;

-o-transition:height 500ms ease-in-out;

transition:height 500ms ease-in-out

}

.owl-prev,.owl-next{

position:relative;

float:left;

width:25px;

height:30px;

background-color:#fff;

font-family: FontAwesome;

text-rendering: auto;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

font-size:11px;

line-height:30px;

font-weight:900;

color:$(main.dark.color);

text-align:center;

cursor:pointer;

border:1px solid rgba(0,0,0,0.08);

box-sizing:border-box;

transition:all .25s ease

}

.owl-prev:before{

content:"\f053"

}

.owl-next:before{

content:"\f054"

}

.owl-prev:hover,.owl-next:hover{

background-color:$(main.color);

color:#fff;

border-color:$(main.color)

}

@keyframes fadeInLeft {

from{

opacity:0;

transform:translate3d(-30px,0,0)

}

to{

opacity:1;

transform:none

}

@keyframes fadeOutLeft {

from{

opacity:1

}

to{

opacity:0;

transform:translate3d(-30px,0,0)

}

@keyframes fadeInRight {

from{

opacity:0;

transform:translate3d(30px,0,0)

}

to{

opacity:1;

transform:none

}

.fadeInRight{

animation-name:fadeInRight

}

@keyframes fadeOutRight {

from{

opacity:1

}

to{

opacity:0;

transform:translate3d(30px,0,0)

}

.fadeOutRight{

animation-name:fadeOutRight

}

.loader{

position:relative;

height:280px;

overflow:hidden;

display:block;

margin:0

}

.loader:after{

content:'';

position:absolute;

top:50%;

left:50%;

width:28px;

height:28px;

margin:-16px 0 0 -16px;

border:2px solid $(main.color);

border-right-color:rgba(155,155,155,0.2);

border-radius:100%;

animation:spinner 1.1s infinite linear;

transform-origin:center

}

@-webkit-keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

@keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

#slider-wrapper .show-slider, #slider-wrapper .PopularPosts{

display:block!important

}

#slider-wrapper .show-slider .widget-content, #slider-wrapper .PopularPosts .widget-content{

position:relative;

height: 500px;

overflow:hidden;

margin:0;

}

#slider-wrapper {

margin: 0 auto;

}

#slider-section .widget, #slider-section .widget > .widget-title {

display: none;

}

#slider-wrapper .PopularPosts .main-slider {

display: block;

}

#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded {

display: block;

}

.main-slider{

position:relative;

overflow:hidden;

height: 500px;

}

.main-slider .slider-item{

position:relative;

float:left;

width:100%;

height: 500px;

overflow:hidden;

box-sizing:border-box

}

#slider-wrapper .PopularPosts .main-slider .slider-item {

display: flex;

flex-direction: column;

overflow: hidden;

}

#slider-wrapper .PopularPosts ul.main-slider.owl-carousel.owl-loaded .slider-item {

display: block;

}

.slider-item-inner{

position:relative;

float:left;

width:100%;

height:100%;

overflow:hidden;

display:block;

}

.main-slider .post-image-link{

width:100%;

height:100%;

position:relative;

overflow:hidden;

display:block;

background-image:linear-gradient(-45deg,rgba(0,0,0,0.1),#ededed,rgba(0,0,0,0.1));background-size:150% 150%;animation:gradient 1s ease infinite

}

@keyframes gradient {

0%{background-position:100% 50%}

50%{background-position:50% 0}

100%{background-position:100% 50%}

}

.main-slider .slider-info-wrapper {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

margin: 0;

display: flex;

justify-content: center;

}

.main-slider .post-info-wrap {

display: flex;

align-items: flex-start;

position: relative;

transition: transform .5s ease;

}

.main-slider .post-info {

position: absolute;

left: 0;

bottom: 50%;

max-width: 60%;

background-color: rgba(0,0,0,0.3);

overflow: hidden;

display: flex;

flex-direction: column;

z-index: 5;

padding: 60px 30px;

box-sizing: border-box;

margin: 0;

transform: translate(0,50%);

}

.main-slider .post-info:after, .main-slider .post-info:before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

z-index: 5;

margin: 0;

border: 1px solid rgb(0 0 0 / 11%);

}

.main-slider .post-info:before {

margin: 12px;

border-color: rgba(255,255,255,0.3);

}

.main-slider .post-title{

font-size:42px;

font-weight:700;

z-index:10;

display:block;

letter-spacing: -0.02em;

line-height:1.1em;

margin:0 0 5px

}

.main-slider .post-title a{

color:#ffffff;

display:block;

text-shadow: 2px 2px #000;

}

.main-slider .post-title a:hover{

text-decoration:underline

}

.main-slider .post-snippet {

color:$(posts.text.color);

}

.show-slider .no-posts{

position:absolute;

top:calc(50% - 50px);

left:0;

width:100%;

text-align:center;

}

.main-slider .post-info .post-tag{

display: flex;

color: $(main.color);

font-size: 12px;

letter-spacing: 2px;

font-weight: 200;

text-transform:uppercase;

margin-bottom:15px;

}

.main-slider .post-info .post-tag:hover{

color:#cccccc;

}

.main-slider .post-meta {

color: #cccccc;

font-size: 12px;

font-weight: 400;

line-height: 18px;

padding: 0 1px;

}

.main-slider .post-date {

font-size: 11px;

color: #cccccc;

margin: 0;

display: inline-block;

float:none;

}

.main-slider .owl-nav{

position:absolute;

top:0;

left:0;

right:0;

height:0

}

.main-slider .owl-prev,.main-slider .owl-next{

height:40px;

line-height:40px;

z-index:10;

border:0

}

.main-slider .owl-prev{

float:left;

left:-25px;

}

.main-slider:hover .owl-prev{

left:0

}

.main-slider .owl-next{

float:right;

right:-25px;

}

.main-slider:hover .owl-next{

right:0

}

#hot-wrapper, #featured-wrapper {

margin:0 auto

}

#featured-wrapper {

overflow:hidden;

}

#featured-wrapper .section {

float: left;

width: 100%;

margin-bottom: 30px;

}

#hot-section .widget,#hot-section .widget > .widget-title{

display:none

}

#hot-section .show-hot{

display:block!important

}

#hot-section .show-hot .widget-content{

position:relative;

overflow:hidden;

margin:30px 0 0;

min-height: 100px;

}

.hot-loader{

position:relative;

height: 290px;

overflow:hidden;

display:block

}

.hot-loader:after{

content:'';

position:absolute;

top:50%;

left:50%;

width:26px;

height:26px;

margin:-16px 0 0 -16px;

border:3px solid #eaeaea;

border-left-color:$(main.color);

border-right-color:$(main.color);

border-radius:100%;

animation:spinner .8s infinite linear;

transform-origin:center

}

@-webkit-keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

@keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

ul.hot-posts{

position:relative;

overflow:hidden;

margin:0 -5px

}

.hot-posts .hot-item{

position:relative;

float:left;

width:33.33333%;

height:220px;

overflow:hidden;

box-sizing:border-box;

padding:0 10px;

margin: 0 0 20px;

}

.hot-posts .item-0{

width:66.66667%;

height:460px;

}

.hot-posts .item-3, .hot-posts .item-4, .hot-posts .item-5{

margin: 0;

}

.hot-item-inner{

position:relative;

float:left;

width:100%;

height:100%;

overflow:hidden;

display:block;

border-radius: 5px;

}

.hot-posts .post-image-link{

width:100%;

height:100%;

position:relative;

overflow:hidden;

display:block

}

.hot-posts .post-info{

position:absolute;

bottom:0;

left:0;

width:100%;

background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));

overflow:hidden;

z-index:5;

box-sizing:border-box;

padding:30px 20px 20px

}

.hot-posts .post-tag{

position:relative;

display:inline-block;

top:0;

left:0

}

.hot-posts .post-title{

font-size:18px;

font-weight:700;

display:block;

line-height:1.3;

margin:8px 0 7px

}

.hot-posts .item-0 .post-title{

font-size:36px

}

.hot-posts .post-title a{

color:#fff;

display:block

}

.hot-posts .post-meta{

font-size:11px;

color:#f0f0f0

}

.show-hot .no-posts{

position:absolute;

top:calc(50% - 50px);

left:0;

width:100%

}

#feat-wrapper {

margin: 0 auto;

}

#feat-wrapper .widget {

margin: 0 auto 30px;

}

.queryMessage{

overflow:hidden;

background-color:#f2f2f2;

color:$(title.color);

font-size:13px;

font-weight:400;

padding:8px 10px;

margin:0 0 25px

}

.queryMessage .query-info{

margin:0 5px

}

.queryMessage .search-query,.queryMessage .search-label{

font-weight:700;

text-transform:uppercase

}

.queryMessage .search-query:before,.queryMessage .search-label:before{

content:"\201c"

}

.queryMessage .search-query:after,.queryMessage .search-label:after{

content:"\201d"

}

.queryMessage a.show-more{

float:right;

color:$(title.hover);

text-decoration:underline;

transition:opacity .17s

}

.queryMessage a.show-more:hover{

opacity:.8

}

.queryEmpty{

font-size:13px;

font-weight:400;

padding:10px 0;

margin:0 0 25px;

text-align:center

}

.title-wrap,.featured-posts .widget-title{

position:relative;

float:left;

width:100%;

background:$(main.dark.color);

border-left:3px solid $(main.color);

height:38px;

display:block;

margin:0 0 20px;

}

.title-wrap > h3,.featured-posts .widget-title > h3{

position:relative;

float:left;

height:38px;

font-size:20px;

color:#ffffff;

text-transform:capitalize;

line-height:38px;

padding:0 0 0 15px;

margin:0

}

a.view-all{

position:relative;

float: right;

height: 38px;

font-size: 11px;

line-height: 38px;

margin-right: 5px;

padding: 0 10px;

font-weight: bold;

text-transform: uppercase;

transition: all .17s ease;

color:$(main.color);

}

a.view-all:hover{

color:#cccccc;

}

a.view-all:after{

content:'\f178';

float:right;

font-weight:400;

font-family:FontAwesome;

margin:0 0 0 3px;

-webkit-transition: all .3s cubic-bezier(.32,.74,.57,1);

-moz-transition: all .3s cubic-bezier(.32,.74,.57,1);

-ms-transition: all .3s cubic-bezier(.32,.74,.57,1);

-o-transition: all .3s cubic-bezier(.32,.74,.57,1);

transition: all .3s cubic-bezier(.32,.74,.57,1);

-webkit-transform: translateX(0);

-moz-transform: translateX(0);

-ms-transform: translateX(0);

-o-transform: translateX(0);

transform: translateX(0);

}

a.view-all:hover:after {

-webkit-transform: translateX(4px);

-moz-transform: translateX(4px);

-ms-transform: translateX(4px);

-o-transform: translateX(4px);

transform: translateX(4px);

}

.featured-posts > .widget{

display:none;

position:relative;

float:left;

width:100%;

margin:0

}

.featured-posts > .show-widget{

display:block

}

.feat-big li{

position:relative;

float:left;

width: calc(100% / 2);

overflow:hidden;

margin:30px 0 0

}

.feat-big .item-0{

float:left;

width: 100%;

margin:0

}

.feat-big .feat-inner{

position:relative;

float:left;

width:100%;

overflow:hidden

}

.feat-big .post-image-link{

position:relative;

float:left;

width:128px;

height:104px;

display:block;

overflow:hidden;

margin:0 12px 0 0

}

.feat-big .feat-inner .post-image-link{

width:100%;

height:415px;

margin:0 0 13px

}

.feat-big .post-title{

overflow:hidden;

font-size:18px;

font-weight:700;

line-height:1.3;

margin:12px 0

}

.feat-big .item-big .post-info{

float:left;

overflow:hidden

}

.feat-big .item-small .post-info{

overflow:hidden;

padding-right: 10px;

box-sizing: border-box;

}

.feat-big .item-big .post-tag, .feat-col .item-big .feat-inner .post-tag, .grid-big li.item-big .post-tag {

display: inline-flex;

background:$(main.color);

color:#ffffff;

border-radius: 14px;

position: static;

font-size: 12px;

font-weight: 700;

letter-spacing: 1px;

height: 28px;

line-height: 28px;

top: 0;

left: 0;

padding: 0 12px;

}

.feat-big .item-small .post-tag, .feat-col .item-small .post-tag {

position:static;

background:none;

color:$(main.color);

font-size: 9px;

font-weight: 700;

letter-spacing: 1px;

padding: 0;

height: auto;

line-height: .8;

}

.feat-big .item-0 .post-title{

font-size:36px;

margin:10px 0;

font-weight: 700;

line-height: 1.3;

}

.feat-big .post-title a {

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

color:$(title.color);

transition:color .17s ease

}

.feat-big .post-title a:hover{

color:$(title.hover)

}

.feat-big .item-small .post-meta{

font-size:11px

}

.loader{

position:relative;

height:100%;

overflow:hidden;

display:block;

margin:0

}

.loader:after{

content:'';

position:absolute;

top:50%;

left:50%;

width:28px;

height:28px;

margin:-16px 0 0 -16px;

border:2px solid $(main.color);

border-right-color:rgba(155,155,155,0.2);

border-radius:100%;

animation:spinner 1.1s infinite linear;

transform-origin:center

}

@-webkit-keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

@keyframes spinner {

0%{

-webkit-transform:rotate(0deg);

transform:rotate(0deg)

}

to{

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

.featured-posts > .col-width{

width:calc(50% - 15px)

}

.featured-posts > .col-right{

float:right

}

.feat-col li{

position:relative;

float:left;

width:100%;

overflow:hidden;

margin:20px 0 0

}

.feat-col .item-0{

margin:0

}

.feat-col .feat-inner{

position:relative;

float:left;

width:100%;

overflow:hidden

}

.feat-col .post-image-link{

position:relative;

float:left;

width:125px;

height:105px;

display:block;

overflow:hidden;

margin:0 12px 0 0

}

.feat-col .feat-inner .post-image-link{

width:100%;

height:335px;

margin:0 0 13px

}

.feat-col .post-title{

overflow:hidden;

font-size:18px;

font-weight:700;

line-height:1.3;

margin:10px 0

}

.feat-col .item-big .post-info{

float:left;

width:100%

}

.feat-col .item-small .post-info{

overflow:hidden

}

.feat-col .item-0 .post-title{

font-size:25px;

margin:10px 0 10px

}

.feat-col .post-title a{

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

color:$(title.color);

transition:color .17s ease

}

.feat-col .post-title a:hover{

color:$(title.hover)

}

.feat-col .item-small .post-meta{

font-size:11px

}

ul.grid-big{

float:left;

display:flex;

flex-wrap:wrap;

margin:0 -15px

}

.grid-big li{

position:relative;

float:left;

width:50%;

overflow:hidden;

box-sizing:border-box;

padding:0 15px;

margin:30px 0 0

}

.grid-big li.item-0,.grid-big li.item-1{

margin:0

}

#featured-wrapper .grid-big li {

width: calc(100% / 2);

}

#featured-wrapper .grid-big li.item-big {

width: calc(100% / 2);

}

#featured-wrapper .grid-big li .post-snippet {

display: none;

}

.grid-big .feat-inner{

position:relative;

float:left;

width:100%;

overflow:hidden

}

.grid-big .post-image-link{

position: relative;

float: left;

width: 125px;

height: 105px;

display: block;

overflow: hidden;

margin: 0 12px 0 0;

}

.grid-big li.item-big .post-image-link {

width: 100%;

height:300px;

margin:0 0 13px

}

.grid-big .post-title{

overflow:hidden;

font-size:18px;

font-weight:700;

line-height:1.3;

margin:10px 0

}

.grid-big .item-big .post-title {

font-size: 24px;

}

.grid-big .post-info{

overflow:hidden;

}

.grid-big .item-big .post-info{

float:left;

width:100%

}

.grid-big .post-title a{

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

color:$(title.color);

transition:color .17s ease

}

.grid-big .post-title a:hover{

color:$(title.hover)

}

.custom-widget li{

overflow:hidden;

margin:20px 0 0

}

.custom-widget li:first-child{

margin:0

}

.custom-widget .post-image-link{

position:relative;

width:80px;

height:65px;

float:left;

overflow:hidden;

display:block;

vertical-align:middle;

margin:0 12px 0 0

}

.custom-widget .post-title{

overflow:hidden;

font-size:14px;

letter-spacing: 0.5px;

font-weight:700;

line-height:1.5em;

margin:0 0 5px;

padding:0

}

.custom-widget .post-title a{

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

color:$(title.color);

transition:color .17s

}

.custom-widget .post-title a:hover{

color:$(title.hover)

}

.custom-widget .post-meta{

font-size:11px

}

.blog-post{

display:block;

overflow:hidden;

word-wrap:break-word

}

.index-post-wrap {

display: grid;

grid-template-columns: repeat(2,1fr);

grid-gap: 35px;

}

.index-post{

display: flex;

flex-direction: column;

gap: 15px;

padding:0;

margin:0

}

.index-post .post-image-wrap{

float:left;

width: 100%;

height: 250px;

overflow: hidden;

}

.index-post .post-image-wrap .post-image-link{

width:100%;

height:100%;

position:relative;

display:block;

z-index:1;

overflow:hidden

}

.post-tag{

position: static;

background: none;

color: $(main.color);

font-size: 12px;

font-weight: 700;

letter-spacing: 1px;

padding: 0;

height: auto;

line-height: .8;

font-weight:700;

text-transform:uppercase;

}

.hot-item .post-tag {

color:#ffffff;

height: 28px;

line-height: 28px;

padding: 0 12px;

font-size: 12px;

font-weight: 700;

border-radius: 14px;

}

.hot-posts .item-0 .post-tag {

background-color: #ff1e56;

}

.hot-posts .item-1 .post-tag {

background-color: #39b209;

}

.hot-posts .item-2 .post-tag {

background-color: #ff01a3;

}

.hot-posts .item-3 .post-tag {

background-color: #fc5d00;

}

.hot-posts .item-4 .post-tag {

background-color: #f7a205;

}

.hot-posts .item-5 .post-tag {

background-color: #fc5d00;

}

.index-post .post-info{

overflow: hidden;

padding: 0;

box-sizing: border-box;

}

.index-post .post-info > h2{

font-size:24px;

font-weight:700;

line-height:1.4em;

text-decoration:none;

margin:10px 0

}

.index-post .post-info > h2 > a{

display:block;

color:$(title.color);

transition:color .17s

}

.index-post .post-info > h2 > a:hover{

color:$(title.hover)

}

.widget iframe,.widget img{

max-width:100%

}

.date-header{

display:block;

overflow:hidden;

font-weight:400;

margin:0!important;

padding:0

}

.post-timestamp{

margin-left:0

}

.post-snippet{

position:relative;

display:block;

overflow:hidden;

font-size:12px;

line-height:1.6em;

font-weight:400;

margin:10px 0 0

}

a.read-more{

display:inline-block;

background-color:$(main.color);

color:#fff;

height:25px;

font-size:13px;

font-weight:600;

line-height:25px;

padding:0 10px;

margin:12px 0 0;

border-radius:3px;

transition:background .17s ease

}

a.read-more::after {

content: '\f178';

font-family: FontAwesome;

font-weight: 400;

margin: 0 0 0 5px;

}

a.read-more:hover{

background-color:$(main.dark.color)

}

.index-post .post-snippet {

font-size:15px;

line-height:1.5;

color:$(body.text.color);

text-align: left;

overflow: hidden;

}

#breadcrumb{

font-size:12px;

font-weight:400;

color:#aaa;

margin:0 0 10px

}

#breadcrumb a{

color:#aaa;

transition:color .17s

}

#breadcrumb a:hover{

color:$(title.hover)

}

#breadcrumb a,#breadcrumb em{

display:inline-block

}

#breadcrumb .delimiter:after{

content:'\f105';

font-family:FontAwesome;

font-style:normal;

margin:0 3px

}

.item-post h1.post-title{

color:$(title.color);

font-size:27px;

line-height:1.5em;

font-weight:700;

position:relative;

display:block;

margin:15px 0;

padding:0

}

.static_page .item-post h1.post-title{

padding:0 0 10px;

margin:0;

border-bottom:1px solid #eaeaea

}

.item-post .post-body{

width:100%;

line-height:1.5em;

overflow:hidden;

padding:20px 0 0

}

.static_page .item-post .post-body{

padding:20px 0

}

.item-post .post-outer{

padding:0

}

.item-post .post-body img{

max-width:100%;

transition: opacity .35s ease,transform .35s ease;

}

.item-post .post-body img.lazy-yard{

opacity: 1;

}

.item-post .post-meta{

padding:0 1px 10px;

border-bottom:1px solid #eaeaea

}

.main .widget{

margin:0

}

.main .Blog{

border-bottom-width:0

}

.post-footer{

position:relative;

float:left;

width:100%;

margin:20px 0 0

}

.inline-ad{

position:relative;

display:block;

max-height:60px;

margin:0 0 30px

}

.inline-ad > ins{

display:block!important;

margin:0 auto!important

}

.item .inline-ad{

float:left;

width:100%;

margin:20px 0 0

}

.item-post-wrap > .inline-ad{

margin:0 0 20px

}

.post-labels{

overflow:hidden;

height:auto;

position:relative;

padding:0;

margin:0 0 25px

}

.post-labels span,.post-labels a{

float:left;

color:#aaa;

font-size:12px;

font-weight:400;

margin:0 12px 0 0;

transition:all .17s ease

}

.post-labels span{

color:$(title.color)

}

.post-labels a:hover{

color:$(main.color)

}

.post-share{

position:relative;

overflow:hidden;

line-height:0;

margin:0 0 30px

}

ul.share-links{

position:relative

}

.share-links li{

width:32px;

float:left;

box-sizing:border-box;

margin:0 5px 0 0

}

.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{

width:20%

}

.share-links li a{

float:left;

display:inline-block;

cursor:pointer;

width:100%;

height:32px;

line-height:32px;

color:#fff;

font-weight:400;

font-size:13px;

text-align:center;

box-sizing:border-box;

opacity:1;

margin:0;

padding:0;

transition:all .17s ease

}

.share-links li.whatsapp-mobile{

display:none

}

.is-mobile li.whatsapp-desktop{

display:none

}

.is-mobile li.whatsapp-mobile{

display:inline-block

}

.share-links li a:before{

float:left;

display:block;

width:32px;

background-color:rgba(255,255,255,0.07);

font-size:15px;

text-align:center;

line-height:32px

}

.share-links li a:hover{

opacity:.8

}

ul.post-nav{

position:relative;

overflow:hidden;

display:block;

margin:0 0 30px

}

.post-nav li{

display:inline-block;

width:50%

}

.post-nav .post-prev{

float:left;

text-align:left;

box-sizing:border-box;

padding:0 10px

}

.post-nav .post-next{

float:right;

text-align:right;

box-sizing:border-box;

padding:0 10px

}

.post-nav li a{

color:$(title.color);

line-height:1.4em;

display:block;

overflow:hidden;

transition:color .17s

}

.post-nav li:hover a{

color:$(title.hover)

}

.post-nav li span{

display:block;

font-size:11px;

color:#aaa;

font-weight:700;

text-transform:uppercase;

padding:0 0 2px

}

.post-nav .post-prev span:before{

content:"\f053";

float:left;

font-family:FontAwesome;

font-size:9px;

font-weight:400;

text-transform:none;

margin:0 2px 0 0

}

.post-nav .post-next span:after{

content:"\f054";

float:right;

font-family:FontAwesome;

font-size:9px;

font-weight:400;

text-transform:none;

margin:0 0 0 2px

}

.post-nav p{

font-size:12px;

font-weight:400;

line-height:1.4em;

margin:0

}

.post-nav .post-nav-active p{

color:#aaa

}

.about-author{

position:relative;

display:block;

overflow:hidden;

padding:20px;

margin:0 0 30px;

border:1px solid #eaeaea

}

.about-author .avatar-container{

position:relative;

float:left;

width:80px;

height:80px;

overflow:hidden;

margin:0 15px 0 0;

border-radius:100%

}

.about-author .author-avatar{

float:left;

width:100%;

height:100%;

border-radius:100%

opacity: 0;

transition: opacity .35s ease;

}

.about-author .author-avatar.lazy-yard{

opacity: 1;

}

.author-name{

overflow:hidden;

display:inline-block;

font-size:16px;

font-weight:700;

margin:7px 0 3px

}

.author-name span{

color:$(title.color)

}

.author-name a{

color:$(title.color);

transition:color .17s

}

.author-name a:hover{

color:$(main.color)

}

.author-description{

display:block;

overflow:hidden;

font-size:13px;

font-weight:400;

line-height:1.5em

}

.author-description a:hover{

text-decoration:underline

}

#related-wrap{

overflow:hidden;

margin:0 0 30px

}

#related-wrap .related-tag{

display:none

}

.related-ready{

float:left;

width:100%

}

.related-ready .loader{

height:178px

}

ul.related-posts{

position:relative;

overflow:hidden;

margin:0 -10px;

padding:0

}

.related-posts .related-item{

width:33.33333333%;

position:relative;

overflow:hidden;

float:left;

display:block;

box-sizing:border-box;

padding:0 10px;

margin:0

}

.related-posts .post-image-link{

width:100%;

height:120px;

margin: 0 0 13px;

position:relative;

overflow:hidden;

display:block

}

.related-posts .related-item .post-meta{

padding:0;

border:0

}

.related-posts .post-title{

font-size:14px;

font-weight:700;

line-height:1.5em;

display:block;

margin:7px 0 6px

}

.related-posts .post-title a{

color:$(title.color);

transition:color .17s

}

.related-posts .post-title a:hover{

color:$(title.hover)

}

#blog-pager{

overflow:hidden;

clear:both;

margin:30px 0

}

.blog-pager a,.blog-pager span{

float:left;

display:block;

min-width:30px;

height:30px;

background-color:$(main.dark.color);

color:#fff;

font-size:13px;

font-weight:700;

line-height:30px;

text-align:center;

box-sizing:border-box;

margin:0 5px 0 0;

border-radius:3px;

text-shadow: 1px 2px 0 rgba(0,0,0,0.15);

transition:all .17s ease

}

.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{

padding:0 15px

}

.blog-pager .blog-pager-newer-link{

float:left

}

.blog-pager .blog-pager-older-link{

float:right

}

.blog-pager span.page-dots{

min-width:20px;

background-color:#fff;

font-size:16px;

color:$(title.color);

line-height:30px;

font-weight:400;

letter-spacing:-1px;

border:0

}

.blog-pager .page-of{

display:none;

width:auto;

float:right;

border-color:rgba(0,0,0,0);

margin:0

}

.blog-pager .page-active,.blog-pager a:hover{

background-color:$(main.color);

color:#fff

}

.blog-pager .page-prev:before,.blog-pager .page-next:before{

font-family:FontAwesome;

font-size:16px;

font-weight:400

}

.blog-pager .page-prev:before{

content:'\f104'

}

.blog-pager .page-next:before{

content:'\f105'

}

.blog-pager .blog-pager-newer-link:after{

content:'\f104';

float:left;

font-family:FontAwesome;

font-weight:400;

margin:0 3px 0 0

}

.blog-pager .blog-pager-older-link:after{

content:'\f105';

float:right;

font-family:FontAwesome;

font-weight:400;

margin:0 0 0 3px

}

.archive #blog-pager{

display:none

}

.blog-post-comments{

display:none;

margin:0 0 30px

}

.blog-post-comments .comments-title{

margin:0 0 20px

}

.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{

margin:0

}

#comments{

margin:0

}

#gpluscomments{

float:left!important;

width:100%!important;

margin:0 0 25px!important

}

#gpluscomments iframe{

float:left!important;

width:100%

}

.comments{

display:block;

clear:both;

margin:0;

color:$(title.color)

}

.comments > h3{

font-size:13px;

font-weight:400;

font-style:italic;

padding-top:1px

}

.comments .comments-content .comment{

list-style:none;

margin:0;

padding:0 0 8px

}

.comments .comments-content .comment:first-child{

padding-top:0

}

.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{

width:100%!important

}

.comments .item-control{

position:static

}

.comments .avatar-image-container{

float:left;

overflow:hidden;

position:absolute

}

.comments .avatar-image-container,.comments .avatar-image-container img{

height:45px;

max-height:45px;

width:45px;

max-width:45px;

border-radius:0;

background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUoSZn5xjSNjn5p3ZGyMLVskDB9SdHz4qLst2WXdiBGcip1E0K-hiIv8jwKIlKHZwHMrjix2KsKa-CXTJGc44jXZrg6fEFhfAiFm8GPdVpvUncuyJ2cptpzKJw1w6vuDQH-8Q3DOwbSg/s45-c/nth.png);

}

.comments .comment-block{

overflow:hidden;

padding:0 0 10px

}

.comments .comment-block,.comments .comments-content .comment-replies{

margin:0 0 0 60px

}

.comments .comments-content .inline-thread{

padding:0

}

.comments .comment-actions{

float:left;

width:100%;

position:relative;

margin:0

}

.comments .comments-content .comment-header{

font-size:12px;

display:block;

overflow:hidden;

clear:both;

margin:0 0 3px;

padding:0 0 5px;

border-bottom:1px dashed #eaeaea

}

.comments .comments-content .comment-header a{

color:$(title.color);

transition:color .17s

}

.comments .comments-content .comment-header a:hover{

color:$(title.hover)

}

.comments .comments-content .user{

font-style:normal;

font-weight:700;

text-transform:uppercase;

display:block

}

.comments .comments-content .icon.blog-author{

display:none

}

.comments .comments-content .comment-content{

float:left;

font-size:13px;

color:#5E5E5E;

font-weight:400;

text-align:left;

line-height:1.4em;

margin:5px 0 9px

}

.comments .comment .comment-actions a{

margin-right:5px;

padding:2px 5px;

color:$(title.color);

font-weight:400;

border:1px solid #f5f5f5;

font-size:10px;

transition:all .17s ease

}

.comments .comment .comment-actions a:hover{

color:#fff;

background-color:$(main.color);

border-color:$(main.color);

text-decoration:none

}

.comments .comments-content .datetime{

float:left;

font-size:11px;

font-weight:400;

color:#aaa;

position:relative;

padding:0 1px;

margin:4px 0 0;

display:block

}

.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{

color:#aaa

}

.comments .comments-content .datetime:before{

content:'\f017';

font-family:FontAwesome;

font-size:11px;

font-weight:400;

font-style:normal;

margin:0 3px 0 0

}

.comments .thread-toggle{

margin-bottom:4px

}

.comments .thread-toggle .thread-arrow{

height:7px;

margin:0 3px 2px 0

}

.comments .thread-count a,.comments .continue a{

transition:opacity .17s

}

.comments .thread-count a:hover,.comments .continue a:hover{

opacity:.8

}

.comments .thread-expanded{

padding:5px 0 0

}

.comments .thread-chrome.thread-collapsed{

display:none

}

.thread-arrow:before{

content:'';

font-family:FontAwesome;

color:$(title.color);

font-weight:400;

margin:0 2px 0 0

}

.comments .thread-expanded .thread-arrow:before{

content:'\f0d7'

}

.comments .thread-collapsed .thread-arrow:before{

content:'\f0da'

}

.comments .comments-content .comment-thread{

margin:0

}

.comments .comments-content .comment-thread > ol{

padding:0

}

.comments .continue a{

padding:0 0 0 60px;

font-weight:400

}

.comments .comments-content .loadmore.loaded{

margin:0;

padding:0

}

.comments .comment-replybox-thread{

margin:0

}

.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{

display:none

}

#testimonial-wrap{

display:none;

float:left;

width:100%;

margin:0 0 20px

}

#testimonial-wrap .container{

position:relative;

margin:0 auto

}

#testimonial{

float:left;

display: flex;

flex-wrap: wrap;

margin: 0 -15px;

}

#testimonial .widget{

width: calc(100% / 4);

float: left;

padding: 15px;

box-sizing: border-box;

border-radius: 12px;

text-align:center;

}

#testimonial .widget:first-child, #testimonial .widget:nth-child(2), #testimonial .widget:nth-child(3), #testimonial .widget:nth-child(4) {

}

.testi-avatar{

display:block;

width:100%;

height:100px;

overflow:hidden;

margin:0;

border-radius: 5px;

position:relative;

}

.testi-avatar img{

display:block;

width:100%;

height:100%;

object-fit:cover;

color:transparent;

margin:0

}

.testi-info{

box-shadow: 0 0px 16px 0 rgb(0 0 0 / 10%);

-o-box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 0 0px 16px 0 rgb(0 0 0 / 10%);

-moz-box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);

transition: 300ms;

-o-transition: 300ms;

-webkit-transition: 300ms;

-moz-transition: 300ms;

-ms-transition: 300ms;

color: #000000;

background: #fff;

display: inline-block;

position: relative;

z-index: 9;

letter-spacing: 0.8px;

font-weight: 700;

margin-bottom: 20px;

position: absolute;

top: 50%;

left: 50%;

margin-bottom: 0;

transform: translate(-50%,-50%);

-o-transform: translate(-50%,-50%);

-moz-transform: translate(-50%,-50%);

-ms-transform: translate(-50%,-50%);

-webkit-transform: translate(-50%,-50%);

padding: 2px 8px;

border-radius: 3px;

text-transform: uppercase;

}

.testi-title{

font-size:16px;

color:$(title.color);

font-weight:700;

margin:0

}

.testi-meta{

display:none;

font-size:12px;

color:$(body.text.color)

}

.widget .post-body ul,.widget .post-body ol{

line-height:1.5;

font-weight:400

}

.widget .post-body li{

margin:5px 0;

padding:0;

line-height:1.5

}

.post-body ul{

padding:0 0 0 20px

}

.post-body ul li:before{

content:"\f105";

font-family:FontAwesome;

font-size:13px;

font-weight:400;

margin:0 5px 0 0

}

.post-body u{

text-decoration:underline

}

.post-body a{

transition:color .17s ease

}

.post-body strike{

text-decoration:line-through

}

.contact-form{

overflow:hidden

}

.contact-form .widget-title{

display:none

}

.contact-form .contact-form-name{

width:calc(50% - 5px)

}

.contact-form .contact-form-email{

width:calc(50% - 5px);

float:right

}

.sidebar .widget{

position:relative;

overflow:hidden;

background-color:#fff;

box-sizing:border-box;

padding:0;

margin:0 0 30px

}

.sidebar .widget-title{

position:relative;

float:left;

width:100%;

height:32px;

background-color: #CCC;

border-left:3px solid $(main.color);

display:block;

margin:0 0 20px

}

.sidebar .widget-title > h3{

position:relative;

float:left;

width:100%;

height:32px;

font-size:15px;

color: $(title.color);

text-transform:capitalize;

line-height:32px;

padding:0 10px;

margin:0

}

.sidebar .widget-content{

float:left;

width:100%;

margin:0

}

.social-counter li{

float:left;

width:calc(50% - 5px);

margin:10px 0 0

}

.social-counter li:nth-child(1),.social-counter li:nth-child(2){

margin-top:0

}

.social-counter li:nth-child(even){

float:right

}

.social-counter li a{

display:block;

height:34px;

font-size:13px;

color:#fff;

line-height:34px;

font-weight:700;

border-radius: 2px;

-webkit-transition: all .2s ease-out;

-o-transition: all .2s ease-out;

-moz-transition: all .2s ease-out;

transition:opacity .17s

}

.social-counter li a:hover{

opacity:.8

}

.social-counter li a:before{

float:left;

width:34px;

height:34px;

background-color:rgba(255,255,255,0.1);

font-size:16px;

text-align:center;

margin:0 10px 0 0

}

.list-label li{

position:relative;

display:block;

padding:8px 0;

border-top:1px dotted #eaeaea

}

.list-label li:first-child{

padding:0 0 8px;

border-top:0

}

.list-label li:last-child{

padding-bottom:0;

border-bottom:0

}

.list-label li a{

border-radius: 2px;

background-color:$(main.color);

display:block;

color:#ffffff;

font-size:13px;

text-transform: uppercase;

font-weight: 700;

padding: 10px;

box-sizing: border-box;

transition:color .17s

}

.list-label li a:before{

content:"\f07c";

font-family: FontAwesome;

font-weight: 400;

float:left;

margin:2px 5px 0 0;

display: inline-block;

position: relative;

flex-shrink: 0;

transition:color .17s

}

.list-label li a:hover{

color:$(title.color)

}

.list-label .label-count{

position:relative;

float:right;

width: auto;

height: 18px;

padding: 0 8px;

background-color:#ffffff;

-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);

-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);

box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);

color:$(main.dark.color);

font-size:11px;

font-weight:700;

letter-spacing:0.8px;

text-align:center;

line-height:18px;

text-shadow:none;

border-radius: 2px;

}

.list-label .label-count:after {

content: "Posts";

margin-left:3px;

}

.cloud-label li{

position:relative;

float:left;

margin:0 5px 5px 0

}

.cloud-label li a{

display:block;

height:28px;

background-color:#f2f2f2;

color:$(title.color);

font-size:12px;

line-height:28px;

border-radius: 14px;

font-weight:700;

text-transform: uppercase;

letter-spacing: 1px;

padding:0 12px;

transition:all .17s ease

}

.cloud-label li a:hover{

color:#fff;

background-color:$(main.color)

}

.cloud-label .label-count{

display:none

}

.sidebar .FollowByEmail > .widget-title > h3{

margin:0

}

.FollowByEmail .widget-content{

position:relative;

overflow:hidden;

font-weight:400;

text-align:center;

box-sizing:border-box;

padding:20px;

border:1px solid #eaeaea

}

.FollowByEmail .widget-content > h3{

font-size:18px;

color:$(title.color);

font-weight:700;

margin:0 0 13px

}

.FollowByEmail .before-text{

font-size:13px;

color:#888;

line-height:1.4em;

margin:0 0 15px;

display:block;

padding:0 15px;

overflow:hidden

}

.FollowByEmail .follow-by-email-inner{

position:relative

}

.FollowByEmail .follow-by-email-inner .follow-by-email-address{

width:100%;

height:34px;

color:#888;

font-size:11px;

font-family:inherit;

text-align:center;

padding:0 10px;

margin:0 0 10px;

box-sizing:border-box;

border:1px solid #eaeaea;

transition:ease .17s

}

.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{

border-color:rgba(0,0,0,0.1)

}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit{

width:100%;

height:34px;

font-family:inherit;

font-size:11px;

color:#fff;

background-color:$(main.color);

text-transform:uppercase;

text-align:center;

font-weight:700;

cursor:pointer;

margin:0;

border:0;

transition:background .17s

}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{

background-color:$(main.dark.color)

}

#ArchiveList ul.flat li{

color:$(title.color);

font-size:13px;

font-weight:400;

padding:8px 0;

border-bottom:1px dotted #eaeaea

}

#ArchiveList ul.flat li:first-child{

padding-top:0

}

#ArchiveList ul.flat li:last-child{

padding-bottom:0;

border-bottom:0

}

#ArchiveList .flat li > a{

display:block;

color:$(title.color);

transition:color .17s

}

#ArchiveList .flat li > a:hover{

color:$(title.hover)

}

#ArchiveList .flat li > a:before{

content:"\f105";

float:left;

color:$(title.color);

font-weight:400;

font-family:FontAwesome;

margin:2px 3px 0 0;

display:inline-block;

transition:color .17s

}

#ArchiveList .flat li > a > span{

position:relative;

float:right;

width:16px;

height:16px;

background-color:$(main.color);

color:#fff;

font-size:11px;

font-weight:400;

text-align:center;

line-height:16px

}

.common-widget .PopularPosts .post{

overflow:hidden;

margin:20px 0 0

}

.common-widget .PopularPosts .post:first-child{

margin:0

}

.common-widget .PopularPosts .post-image-link{

position:relative;

width:80px;

height:65px;

float:left;

overflow:hidden;

display:block;

vertical-align:middle;

margin:0 12px 0 0

}

.common-widget .PopularPosts .post-info{

overflow:hidden

}

.common-widget .PopularPosts .post-title{

font-size:14px;

font-weight:700;

line-height:1.5em;

letter-spacing: 0.5px;

margin:0 0 5px

}

.common-widget .PopularPosts .post-title a{

display:block;

color:$(title.color);

transition:color .17s

}

.common-widget .PopularPosts .post-title a:hover{

color:$(title.hover)

}

.common-widget .PopularPosts .post-meta{

font-size:11px

}

.common-widget .PopularPosts .post-date:before{

font-size:10px

}

.FeaturedPost .post-image-link{

display:block;

position:relative;

overflow:hidden;

width:100%;

height:180px;

margin:0 0 13px

}

.FeaturedPost .post-title{

font-size:18px;

overflow:hidden;

font-weight:700;

line-height:1.5em;

margin:0 0 10px

}

.FeaturedPost .post-title a{

color:$(title.color);

display:block;

transition:color .17s ease

}

.FeaturedPost .post-title a:hover{

color:$(title.hover)

}

.Text{

font-size:13px

}

.contact-form-widget form{

font-weight:400

}

.contact-form-name{

float:left;

width:100%;

height:30px;

font-family:inherit;

font-size:13px;

line-height:30px;

box-sizing:border-box;

padding:5px 10px;

margin:0 0 10px;

border:1px solid #eaeaea

}

.contact-form-email{

float:left;

width:100%;

height:30px;

font-family:inherit;

font-size:13px;

line-height:30px;

box-sizing:border-box;

padding:5px 10px;

margin:0 0 10px;

border:1px solid #eaeaea

}

.contact-form-email-message{

float:left;

width:100%;

font-family:inherit;

font-size:13px;

box-sizing:border-box;

padding:5px 10px;

margin:0 0 10px;

border:1px solid #eaeaea

}

.contact-form-button-submit{

float:left;

width:100%;

height:30px;

background-color:$(main.color);

font-size:13px;

color:#fff;

line-height:30px;

cursor:pointer;

box-sizing:border-box;

padding:0 10px;

margin:0;

border:0;

transition:background .17s ease

}

.contact-form-button-submit:hover{

background-color:$(main.dark.color)

}

.contact-form-error-message-with-border{

float:left;

width:100%;

background-color:#fbe5e5;

font-size:11px;

text-align:center;

line-height:11px;

padding:3px 0;

margin:10px 0;

box-sizing:border-box;

border:1px solid #fc6262

}

.contact-form-success-message-with-border{

float:left;

width:100%;

background-color:#eaf6ff;

font-size:11px;

text-align:center;

line-height:11px;

padding:3px 0;

margin:10px 0;

box-sizing:border-box;

border:1px solid #5ab6f9

}

.contact-form-cross{

margin:0 0 0 3px

}

.contact-form-error-message,.contact-form-success-message{

margin:0

}

.BlogSearch .search-input{

float:left;

width:75%;

height:30px;

background-color:#fff;

font-weight:400;

font-size:13px;

line-height:30px;

box-sizing:border-box;

padding:5px 10px;

border:1px solid #eaeaea;

border-right-width:0

}

.BlogSearch .search-action{

float:right;

width:25%;

height:30px;

font-family:inherit;

font-size:13px;

line-height:30px;

cursor:pointer;

box-sizing:border-box;

background-color:$(main.color);

color:#fff;

padding:0 5px;

border:0;

transition:background .17s ease

}

.BlogSearch .search-action:hover{

background-color:$(main.dark.color)

}

.Profile .profile-img{

float:left;

width:80px;

height:80px;

margin:0 15px 0 0;

transition:all .17s ease

}

.Profile .profile-datablock{

margin:0

}

.Profile .profile-data .g-profile{

display:block;

font-size:14px;

color:$(title.color);

margin:0 0 5px;

transition:color .17s ease

}

.Profile .profile-data .g-profile:hover{

color:$(title.hover)

}

.Profile .profile-info > .profile-link{

color:$(title.color);

font-size:11px;

margin:5px 0 0;

transition:color .17s ease

}

.Profile .profile-info > .profile-link:hover{

color:$(title.hover)

}

.Profile .profile-datablock .profile-textblock{

display:none

}

.common-widget .LinkList ul li,.common-widget .PageList ul li{

width:calc(50% - 5px);

padding:7px 0 0

}

.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){

float:left

}

.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){

float:right

}

.common-widget .LinkList ul li a,.common-widget .PageList ul li a{

display:block;

color:$(title.color);

font-size:13px;

font-weight:400;

transition:color .17s ease

}

.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{

color:$(title.hover)

}

.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){

padding:0

}

#footer-wrapper{

background-color:#162238

}

#footer-wrapper .container{

position:relative;

overflow:hidden;

margin:0 auto;

padding:25px 0

}

.footer-widgets-wrap{

position:relative;

display:flex;

margin:0 -15px

}

#footer-wrapper .footer{

display:inline-block;

float:left;

width:33.33333333%;

box-sizing:border-box;

padding:0 15px

}

#footer-wrapper .footer .widget{

float:left;

width:100%;

padding:0;

margin:25px 0 0

}

#footer-wrapper .footer .Text{

margin:10px 0 0

}

#footer-wrapper .footer .widget:first-child{

margin:0

}

#footer-wrapper .footer .widget-content{

float:left;

width:100%

}

.footer .widget-title{

position:relative;

float:left;

width:100%;

height:32px;

display:block;

margin:0 0 20px

}

.footer .widget-title > h3{

position:relative;

float:left;

height:32px;

font-size:18px;

color: #fff;

text-transform:uppercase;

line-height:32px;

padding:0;

margin:0

}

.footer .widget-title > h3:before,.footer .widget-title > h3:after {

content: "";

height: 2px;

background: #ffffff;

position: absolute;

bottom: -8px;

}

.footer .widget-title > h3:before {

width: 32px;

left: 0;

}

.footer .widget-title > h3:after {

width: 4px;

left: 36px;

}

.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{

border-color:rgba(255,255,255,0.05)

}

.footer .post-image-link{

background-color:rgba(255,255,255,0.05)

}

.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{

color:$(footer.color)

}

.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{

color:$(title.hover)

}

.footer .no-posts{

color:$(footer.color)

}

.footer .FollowByEmail .widget-content > h3{

color:$(footer.color)

}

.footer .FollowByEmail .widget-content{

background-color:rgba(255,255,255,0.05);

border-color:rgba(255,255,255,0.05)

}

.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{

color:#aaa

}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{

background:$(main.dark.color)

}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{

background-color:rgba(255,255,255,0.05);

color:$(footer.color);

border-color:rgba(255,255,255,0.05)

}

.footer #ArchiveList .flat li > a{

color:$(footer.color)

}

.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{

border-color:rgba(255,255,255,0.05)

}

.footer .list-label li:first-child{

padding-top:0

}

.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{

color:$(footer.color)

}

.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{

color:$(title.hover)

}

.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{

background-color:rgba(255,255,255,0.05);

color:$(footer.color)

}

.footer .cloud-label li a{

background-color:rgba(255,255,255,0.05);

color:$(footer.color)

}

.footer .cloud-label li a:hover{

background-color:$(main.color);

color:#fff

}

.footer .BlogSearch .search-input{

background-color:rgba(255,255,255,0.05);

color:$(footer.color);

border-color:rgba(255,255,255,0.05)

}

.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{

background-color:rgba(255,255,255,0.05);

color:$(footer.color);

border-color:rgba(255,255,255,0.05)

}

.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{

background-color:rgba(0,0,0,0.3)

}

#sub-footer-wrapper{

background:#CCC;

display:block;

width:100%;

overflow:hidden;

color:$(main.dark.color);

padding:0

}

#sub-footer-wrapper .container{

overflow:hidden;

margin:0 auto;

padding:10px 0

}

#menu-footer{

float:right;

position:relative;

display:block

}

#menu-footer .widget > .widget-title{

display:none

}

#menu-footer ul li{

float:left;

display:inline-block;

height:34px;

padding:0;

margin:0

}

#menu-footer ul li a{

font-size:12px;

font-weight:400;

display:block;

color:$(title.color);

line-height:34px;

padding:0 5px;

margin:0 0 0 10px;

transition:color .17s ease

}

#menu-footer ul li:last-child a{

padding:0 0 0 5px

}

#menu-footer ul li a:hover{

color:$(title.hover)

}

#sub-footer-wrapper .copyright-area{

font-size:12px;

float:left;

height:34px;

line-height:34px;

font-weight:400

}

#sub-footer-wrapper .copyright-area a{

color:$(main.color);

transition:color .17s

}

#sub-footer-wrapper .copyright-area a:hover{

color:$(main.dark.color)

}

.hidden-widgets{

display:none;

visibility:hidden

}

.back-top{

display:none;

z-index:1010;

width:34px;

height:34px;

position:fixed;

bottom:25px;

right:25px;

cursor:pointer;

overflow:hidden;

font-size:20px;

color:#fff;

text-align:center;

line-height:34px

}

.back-top:before{

content:'';

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background-color:$(main.color);

opacity:.5;

transition:opacity .17s ease

}

.back-top:after{

content:'\f106';

position:relative;

font-family:FontAwesome;

font-weight:400;

opacity:.8;

transition:opacity .17s ease

}

.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{

opacity:1

}

.error404 #main-wrapper{

width:100%!important;

margin:0!important

}

.error404 #sidebar-wrapper{

display:none

}

.errorWrap{

color:$(title.color);

text-align:center;

padding:80px 0 100px

}

.errorWrap h3{

font-size:160px;

line-height:1;

margin:0 0 30px

}

.errorWrap h4{

font-size:25px;

margin:0 0 20px

}

.errorWrap p{

margin:0 0 10px

}

.errorWrap a{

display:block;

color:$(main.color);

padding:10px 0 0

}

.errorWrap a i{

font-size:20px

}

.errorWrap a:hover{

text-decoration:underline

}

@media screen and (max-width: 1100px) {

#outer-wrapper{

max-width:100%

}

.row{

width:100%

}

#top-bar .container,.header-header .container,.header-menu .container, #hot-wrapper, #ad-wrapper, #testimonial-wrap{

box-sizing:border-box;

padding:0 20px

}

.header-menu{

background: $(main.menu.one);

background: -moz-linear-gradient(-45deg, $(main.menu.one) 52%, $(main.menu.two) 100%);

background: -webkit-linear-gradient(-45deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

background: linear-gradient(135deg, $(main.menu.one) 52%,$(main.menu.two) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$(main.menu.one)', endColorstr='$(main.menu.two)',GradientType=1 );

}

#main-menu {

background: transparent;

box-shadow: none;

}

#header-wrap{

height:auto

}

.header-logo{

max-width:30%

}

.show-search,.hide-search{

right:20px

}

#nav-search .search-input{

padding:0 48px 0 20px

}

#content-wrapper{

position:relative;

box-sizing:border-box;

padding:0 20px;

margin:30px 0 0

}

#footer-wrapper .container{

box-sizing:border-box;

padding:25px 20px

}

#sub-footer-wrapper .container{

box-sizing:border-box;

padding:10px 20px

}

@media screen and (max-width: 980px) {

#content-wrapper > .container{

margin:0

}

#top-bar,.header-logo,.header-menu{

display:none

}

.mobile-header{

display:block

}

#header-wrap{

padding:0

}

.header-header{

height:auto;

padding:0

}

.header-header .container.row{

width:100%

}

#header-inner a{

display:inline-block!important

}

.main-slider .post-info {

left: 50%;

transform: translate(-50%,50%);

width: 100%;

max-width: 95%;

text-align: center;

}

.main-slider .post-info .post-tag {

flex-wrap: wrap;

text-align: center;

align-items: center;

justify-content: center;

}

.main-slider .post-author {

float: none;

display: inline-block;

}

.main-slider .post-title {

font-size: 32px;

line-height: 1.3em;

}

.hot-posts .hot-item {

width: 50%;

}

.hot-posts .item-0 {

width: 100%;

}

#main-wrapper,#sidebar-wrapper{

width:100%;

padding:0

}

#featured-wrapper .grid-big li {

width: calc(100% / 2);

}

#featured-wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {

margin: 30px 0 0;

}

#footer-about-area {

width: 100%;

text-align: center;

padding: 0;

}

#footer-about-area .widget {

width: 100%;

}

#footer-about-area .footer-logo {

float: none;

display: inline-block;

max-width: unset;

padding: 0;

}

#footer-about-area .Image .image-caption {

line-height: inherit;

margin: 10px 0 0;

}

.foot-bar-social {

width: 100%;

padding: 25px 0 0;

text-align: center;

}

.foot-bar-social ul > li {

float: none;

display: inline-block;

margin: 0 5px;

}

@media screen and (max-width: 880px) {

#hot-section .show-hot .widget-content,#hot-section .hot-posts{

height:auto

}

#hot-section .loader{

height:200px

}

.hot-posts .item-0 .post-title {

font-size: 18px;

}

.feat-big li {

width: 50%;

float: left;

}

.feat-big .item-1 {

margin: 30px 0 0;

}

.hot-posts .item-3 {

margin:0 0 20px;

}

.feat-big .item-0 {

width:100%;

}

.feat-big .item-small .post-info {

padding-right: 10px;

box-sizing: border-box;

}

.footer-widgets-wrap{

display:block

}

#footer-wrapper .footer{

width:100%;

margin-right:0

}

#footer-sec2,#footer-sec3{

margin-top:25px

}

@media screen and (max-width: 680px) {

#hot-section .show-hot .widget-content,#hot-section .hot-posts{

height:auto

}

#hot-section .loader{

height:200px

}

.hot-posts .hot-item{

width:100%;

height:180px;

margin:2px 0 0

}

.hot-posts .item-0{

margin:0;

}

.featured-posts > .col-width,.grid-big li{

width:100%

}

.featured-posts > .col-right {

margin-top: 30px;

}

.feat-big li,.feat-big .item-0{

width:100%

}

.feat-big .item-1{

margin:20px 0 0

}

.grid-big li.item-big{

}

.grid-big li.item-0{

margin:0

}

.index-post .post-image-wrap,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{

width:100%;

height:250px;

margin:0 0 10px

}

.feat-big .feat-inner .post-image-link {

height: 250px;

}

.index-post .post-info,.feat-big .item-big .post-info,.feat-list .post-info{

float:left;

width:100%

}

#testimonial .widget {

width: calc(100% / 2);

}

.post-snippet{

margin:8px 0 0

}

#menu-footer,#sub-footer-wrapper .copyright-area{

width:100%;

height:auto;

line-height:inherit;

text-align:center

}

#menu-footer{

margin:10px 0 0

}

#sub-footer-wrapper .copyright-area{

margin:10px 0

}

#menu-footer ul li{

float:none;

height:auto

}

#menu-footer ul li a{

line-height:inherit;

margin:0 3px 5px

}

@media screen and (max-width: 540px) {

#slider-wrapper .show-slider .widget-content, #slider-wrapper .PopularPosts .widget-content, .main-slider, .main-slider .slider-item {

height: 300px;

}

.main-slider .post-info {

padding: 20px;

height: 100%;

width: 100%;

max-width: 100%;

justify-content: flex-end;

}

.main-slider .post-title {

font-size: 18px;

font-weight: 400;

}

.main-slider .post-info:after, .main-slider .post-info:before {

display:none;

}

.hot-posts .hot-item,.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{

height:160px

}

.hot-posts .hot-item.item-3, .hot-posts .hot-item.item-4 {

margin: 2px 0 0;

}

#featured-wrapper .grid-big li {

width: 100%;

}

#featured-wrapper .grid-big li, #featured-wrapper .grid-big li.item-1, #featured-wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {

margin:15px 0 0;

}

#featured-wrapper .grid-big li.item-0 {

margin:0;

}

.index-post-wrap {

grid-template-columns: 1fr;

}

.share-links li a span{

display:none

}

.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{

width:30px

}

.feat-big .item-0 .post-title {

font-size: 28px;

}

.feat-big .post-title {

font-size: 14px;

margin: 6px 0;

}

.feat-col .post-title {

font-size: 14px;

margin: 6px 0;

}

ul.related-posts{

margin:0

}

.related-posts .related-item,.grid-small li,.feat-big .item-small{

width:100%;

padding:0;

margin:20px 0 0

}

.feat-big .item-0{

margin:0

}

.feat-big .item-small .post-info,.grid-small .post-info{

float:none;

overflow:hidden

}

.grid-small li:nth-child(3n+1){

margin:20px 0 0

}

.grid-small li.item-1,.grid-small li.item-2{

margin:20px 0 0

}

.related-posts .item-0,.grid-small li.item-0{

padding:0;

margin:0;

border:0

}

.related-posts .related-item:first-child{

padding:0

}

.related-posts .post-image-link,.feat-big .item-small .post-image-link,.grid-small .post-image-link{

width:80px;

height:65px;

float:left;

margin:0 12px 0 0

}

.grid-small .post-tag,.related-posts .post-tag{

display:none

}

.related-posts .post-title,.grid-small .post-title{

font-size:13px;

overflow:hidden;

margin:0 0 5px

}

.inline-ad,.inline-ad > ins{

height:auto;

min-height:1px;

max-height:250px

}

.item-post h1.post-title{

font-size:25px

}

#featured-wrapper .grid-big li.item-big {

width: 100%;

}

.grid-big li.item-big .post-image-link {

height: 180px;

}

.grid-big .item-big .post-title {

font-size: 18px;

}

#testimonial .widget {

width: 100%;

}

@media screen and (max-width: 440px) {

.hot-posts .post-title,.hot-posts .item-0 .post-title{

font-size:15px

}

.queryMessage{

text-align:center

}

.queryMessage a.show-more{

width:100%;

margin:10px 0 0

}

.item-post h1.post-title{

font-size:21px

}

blockquote{

padding:10px 15px

}

.about-author{

text-align:center

}

.about-author .avatar-container{

float:none;

display:table;

margin:0 auto 10px

}

#comments ol{

padding:0

}

.errorWrap{

padding:70px 0 100px

}

.errorWrap h3{

font-size:130px

}

@media screen and (max-width: 360px) {

.about-author .avatar-container{

width:60px;

height:60px

}

]]></b:skin>

<style>

.firstcharacter{

float:left;

color:#27ae60;

font-size:75px;

line-height:60px;

padding-right:8px;

}

.post-body p{

margin-bottom:25px

}

.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{

color:#000;

line-height:1.3em;

margin:0 0 20px

}

.post-body img{

height:auto!important

}

blockquote{

position:relative;

background-color:rgba(155,155,155,0.05);

color:#000000;

font-style:normal;

padding:20px 25px;

margin:0;

border-radius:3px

}

blockquote:before{

position:absolute;

left:10px;

top:10px;

content:'\f10e';

font-family:FontAwesome;

font-size:33px;

font-style:normal;

font-weight:900;

color:#000;

line-height:1;

opacity:.05;

margin:0

}

.post-body .responsive-video-wrap{

position:relative;

width:100%;

padding:0;

padding-top:56%

}

.post-body .responsive-video-wrap iframe{

position:absolute;

top:0;

left:0;

width:100%;

height:100%

}

.post-body ul{

padding:0 0 0 15px;

margin:10px 0

}

.post-body li{

margin:5px 0;

padding:0

}

.post-body ul li,.post-body ol ul li{

list-style:none

}

.post-body ul li:before{

display:inline-block;

content:'\2022';

margin:0 5px 0 0

}

.post-body ol{

counter-reset:ify;

padding:0 0 0 15px;

margin:10px 0

}

.post-body ol > li{

counter-increment:ify;

list-style:none

}

.post-body ol > li:before{

display:inline-block;

content:counters(ify,'.')'.';

margin:0 5px 0 0

}

.post-body u{

text-decoration:underline

}

.post-body strike{

text-decoration:line-through

}

.post-body sup{

vertical-align:super

}

.post-body a{

}

.post-body a:hover{

}

.post-body a.button{

display:inline-block;

height:34px;

background-color:#2c3e50;

font-size:14px;

color:#ffffff;

font-weight:400;

line-height:34px;

text-align:center;

text-decoration:none;

cursor:pointer;

padding:0 20px;

margin:0 6px 8px 0

}

.post-body a.colored-button{

color:#fff

}

.post-body a.button:hover{

background-color:#f47500;

color:#fff

}

.post-body a.colored-button:hover{

background-color:#f47500!important;

color:#fff!important

}

.button:before{

float:left;

font-family:FontAwesome;

font-weight:900;

display:inline-block;

margin:0 8px 0 0

}

.button.preview:before{

content:'\f06e'

}

.button.download:before{

content:'\f019'

}

.button.link:before{

content:'\f0c1'

}

.button.cart:before{

content:'\f07a'

}

.button.info:before{

content:'\f06a'

}

.button.share:before{

content:'\f1e0'

}

.button.contact:before{

content:'\f0e0';

font-weight:400

}

.alert-message{

position:relative;

display:block;

padding:15px;

border:1px solid rgba(155,155,155,0.1);

border-radius:3px

}

.alert-message.alert-success{

background-color:rgba(34,245,121,0.03);

border:1px solid rgba(34,245,121,0.5)

}

.alert-message.alert-info{

background-color:rgba(55,153,220,0.03);

border:1px solid rgba(55,153,220,0.5)

}

.alert-message.alert-warning{

background-color:rgba(185,139,61,0.03);

border:1px solid rgba(185,139,61,0.5)

}

.alert-message.alert-error{

background-color:rgba(231,76,60,0.03);

border:1px solid rgba(231,76,60,0.5)

}

.alert-message:before{

font-family:FontAwesome;

font-size:16px;

font-weight:900;

display:inline-block;

margin:0 5px 0 0

}

.alert-message.alert-success:before{

content:'\f058';

color:rgba(34,245,121,1)

}

.alert-message.alert-info:before{

content:'\f05a';

color:rgba(55,153,220,1)

}

.alert-message.alert-warning:before{

content:'\f06a';

color:rgba(185,139,61,1)

}

.alert-message.alert-error:before{

content:'\f057';

color:rgba(231,76,60,1)

}

.post-body table{

width:100%;

overflow-x:auto;

text-align:left;

margin:0;

border-collapse:collapse;

border:1px solid #161619

}

.post-body table td,.post-body table th{

padding:7px 15px;

border:1px solid #161619

}

.post-body table thead th{

color:#000;

font-weight:700;

text-align:left;

vertical-align:bottom

}

table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{

line-height:1;

padding:0;

border:0

}

table.tr-caption-container td.tr-caption{

font-size:13px;

color:#666666;

padding:6px 0 0

}

.tocify-wrap{

display:flex;

width:100%;

clear:both;

margin:0

}

.tocify-inner{

position:relative;

max-width:100%;

background-color:rgba(155,155,155,0.05);

display:flex;

flex-direction:column;

overflow:hidden;

font-size:14px;

color:#000000;

line-height:1.6em;

border:1px solid rgba(155,155,155,0.1);

border-radius:3px

}

a.tocify-title{

position:relative;

height:38px;

font-size:16px;

color:#000000;

font-weight:700;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 15px;

margin:0

}

.tocify-title-text{

display:flex

}

.tocify-title-text:before{

content:'\f0cb';

font-family:FontAwesome;

font-size:14px;

font-weight:900;

margin:0 6px 0 0

}

.tocify-title:after{

content:'\f078';

font-family:FontAwesome;

font-size:12px;

font-weight:900;

margin:0 0 0 25px

}

.tocify-title.is-expanded:after{

content:'\f077'

}

a.tocify-title:hover{

text-decoration:none

}

#tocify{

display:none;

padding:0 15px 10px;

margin:0

}

#tocify ol{

padding:0 0 0 15px

}

.rtl #tocify ol{

padding:0 15px 0 0

}

#tocify li{

font-size:14px;

margin:8px 0

}

#tocify li a{

color:#f47500

}

#tocify li a:hover{

color:#f47500;

text-decoration:underline

}

.post-body .contact-form{

display:table;

}

.contact-form .widget-title{

display:none

}

.contact-form .contact-form-name{

width:calc(50% - 5px)

}

.contact-form .contact-form-email{

float:right;

width:calc(50% - 5px)

}

.post-body pre,pre.code-box{

position:relative;

display:block;

background-color:rgba(155,155,155,0.05);

font-family:Monospace;

font-size:13px;

color:#47474a;

white-space:pre-wrap;

line-height:1.4em;

padding:15px;

margin:0;

border:1px solid rgba(155,155,155,0.1);

border-radius:3px

}

.post-body .google-auto-placed{

margin:25px 0

}

#hidden-widgets-wrap,.hidden-widgets{

display:none;

visibility:hidden

}

@media only screen and (max-width: 680px) {

.post-body table {

display: block;

}

</style>

</b:if>

<b:if cond='data:view.isLayoutMode'>

<b:template-skin>

<![CDATA[

/*------Layout (No Edit)----------*/

body#layout #outer-wrapper,body#layout .row{

width:auto;

padding:0

}

body#layout{

width:800px;

position:relative;

padding:95px 5px 0;

margin:0

}

body#layout div.section{

margin:0 5px 10px!important;

padding:16px 16px 18px!important

}

body#layout .section h4{

font-size:14px;

margin:0

}

body#layout .layout-widget-description{

display:none

}

body#layout .theme-options,body#layout #main-menu .widget{

display:block!important

}

body#layout div.sora-panel{

background-color:#d7d7d7!important;

overflow:hidden!important;

border-color:#bcbcbc

}

body#layout .sora-panel .widget{

float:left;

width:49%;

margin-right:2%

}

body#layout .sora-panel #LinkList71{

margin-right:0

}

body#layout #top-bar{

height:auto;

float: left;

}

body#layout #top-bar .container{

display:flex

}

body#layout .primary-footer .container {

display: flex;

}

body#layout .footer-about-area, body#layout .foot-bar-social {

width: 100%;

float: left;

display: block;

}

body#layout div.top-bar-nav,body#layout div.top-bar-social{

width:100%

}

body#layout #header-wrap{

height:auto

}

body#layout .header-header{

float:left;

width:100%;

height:auto;

padding:0

}

body#layout .header-header .container{

display:block

}

body#layout div.header-logo{

width:auto;

height:auto;

max-width:none;

max-height:none

}

body#layout .mobile-header{

display: block;

float: right;

width: 37.574%;

height: auto;

}

body#layout #break-wrapper .widget {

display: block;

}

body#layout .mobile-menu{

display:none

}

body#layout .header-menu{

float:left;

width:100%;

height:auto

}

body#layout #main-menu{

height:auto

}

body#layout #hot-wrapper .widget{

display:block

}

body#layout #content-wrapper{

margin:0

}

body#layout #content-wrapper > .container{

display:flex;

margin:0

}

body#layout #main-wrapper{

width:66.66%;

padding:0

}

body#layout #sidebar-wrapper{

width:33.33%;

padding:0

}

body#layout .sidebar .widget,body#layout .sidebar .widget-content{

float:none;

overflow:visible

}

body#layout .footer-widgets-wrap{

display:flex

}

body#layout .footer-widgets-wrap div.footer{

width:100%

}

/*------Layout (end)----------*/

]]></b:template-skin>

</b:if>

//<![CDATA[

// Global variables with content. "Available for Edit"

var monthFormat = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],

noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyUoSZn5xjSNjn5p3ZGyMLVskDB9SdHz4qLst2WXdiBGcip1E0K-hiIv8jwKIlKHZwHMrjix2KsKa-CXTJGc44jXZrg6fEFhfAiFm8GPdVpvUncuyJ2cptpzKJw1w6vuDQH-8Q3DOwbSg/w680/nth.png",

postPerPage = 7,

fixedSidebar = true,

fixedMenu = true,

commentsSystem = "blogger",

disqusShortname = "templatesyard",

colors = ['#994db1', '#5b4cce', '#0d30c3', '#6caf00', '#ed7e4f', '#e91e63' , '#009688', '#f44336', '#ffc107'];

//]]>

</script>

<b:defaultmarkups>

<b:defaultmarkup type='Common'>

<b:includable id='widget-title'>

<b:if cond='data:defaultTitle or data:title'>

<data:title/>

</h3>

</div>

</b:if>

</b:includable>

<b:includable id='contact-form-content'>

</form>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PopularPosts'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:tag class='main-slider' cond='data:widget.sectionId == "slider-section"' name='ul'>

<b:loop index='i' values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</b:tag>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<b:if cond='data:widget.sectionId == "slider-section"'>

<b:include data='post' name='slider-section'/>

<b:else/>

<b:include data='post' name='default'/>

</b:if>

</b:includable>

<b:includable id='slider-section' var='post'>

<b:if cond='data:i lt 10'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

</h2>

</div>

</div></div>

</div>

</li>

</b:if>

</b:includable>

<b:includable id='default' var='post'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Header'>

<b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='image'>

</a>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FeaturedPost'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Label'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FollowByEmail'>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:if cond='data:defaultTitle or data:title'>

<data:title/>

</h3>

</b:if>

</form>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogSearch'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

</form>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogArchive'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<b:loop values='data:data' var='i'>

<data:i.name/><span class='post-count'><data:i.post-count/></span>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

</b:defaultmarkups>

<b:include data='blog' name='google-analytics'/>

</head>

<b:class cond='data:view.isHomepage' name='home'/>

<b:class cond='data:view.isPage' name='item'/>

<b:class cond='data:view.isArchive' name='index'/>

<b:class cond='data:view.isError' name='error404'/>

<b:section class='sora-panel' id='sora-panel' maxwidgets='1' name='Theme Options' showaddelement='no'>

<b:widget id='LinkList70' locked='true' title='Css Options' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>recentPostsHeadline</b:widget-setting>

<b:widget-setting name='link-1'>true</b:widget-setting>

<b:widget-setting name='text-0'>fullWidth</b:widget-setting>

<b:widget-setting name='link-2'>false</b:widget-setting>

<b:widget-setting name='link-0'>true</b:widget-setting>

<b:widget-setting name='text-2'>readMoreText</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

<b:if cond='data:link.name == "fullWidth"'>

<b:if cond='data:link.target == "true"'>

#outer-wrapper{max-width:none}

</b:if>

<b:if cond='data:link.name == "recentPostsHeadline"'>

<b:if cond='data:link.target == "false"'>

.home-posts-headline{display:none}

</b:if>

<b:if cond='data:link.name == "readMoreText"'>

<b:if cond='data:link.target == "false"'>

a.read-more{display:none}

</b:if>

</b:loop>

</style>

</b:includable>

</b:widget>

<b:widget id='LinkList71' locked='true' title='Default Variables' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>true</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-4'>5</b:widget-setting>

<b:widget-setting name='text-1'>commentsSystem</b:widget-setting>

<b:widget-setting name='link-1'>blogger</b:widget-setting>

<b:widget-setting name='text-0'>disqusShortname</b:widget-setting>

<b:widget-setting name='link-2'>true</b:widget-setting>

<b:widget-setting name='text-3'>fixedMenu</b:widget-setting>

<b:widget-setting name='link-0'>templatesyard</b:widget-setting>

<b:widget-setting name='text-2'>fixedSidebar</b:widget-setting>

<b:widget-setting name='text-4'>postPerPage</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

//<![CDATA[

<b:loop values='data:links' var='link'>

<b:if cond='data:link.name == "postPerPage"'>

var postPerPage = <data:link.target/>;

</b:if>

<b:if cond='data:link.name == "fixedSidebar"'>

var fixedSidebar = <data:link.target/>;

</b:if>

<b:if cond='data:link.name == "fixedMenu"'>

var fixedMenu = <data:link.target/>;

</b:if>

<b:if cond='data:link.name == "commentsSystem"'>

var commentsSystem = "<data:link.target/>";

</b:if>

<b:if cond='data:link.name == "disqusShortname"'>

var disqusShortname = "<data:link.target/>";

</b:if>

</b:loop>

//]]>

</script>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='header-logo' id='header-logo' maxwidgets='1' name='Header Logo' showaddelement='yes'>

<b:widget id='Header1' locked='true' title='Computer Programming Language (Header)' type='Header' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEiy65yP0_Ce9vrp15ov-DS5I3_ffir4F7fClh8YABWBTznpmKUbaZpBipVUuMdJU1fc2-WYtA4Jew8l5pNOreBBq83FVcZxJhSR0JMlPVC9qsixvtV3b5o149U8GiLZ9SbMLYE-5lipEntHmGEMphc6sKcT_T6EUvAPoIS6VciuDVSDT5Z0rAKl0k4z2D4=s428</b:widget-setting>

<b:widget-setting name='displayHeight'>91</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</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'>428</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='behindImageStyle'>

<b:if cond='data:sourceUrl'>

<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>

.header-widget {

background-position: <data:blog.locale.languageAlignment/>;

background-repeat: no-repeat;

}

</style>

</b:if>

</b:includable>

<b:includable id='description'>

<p>

<data:this.description/>

</p>

</b:includable>

<b:includable id='image'>

</a>

</b:includable>

<b:includable id='title'>

<h1>

<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>

<data:title/>

</b:tag>

</h1>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='top-bar-nav' id='top-bar-nav' maxwidgets='1' name='Top Navigation' showaddelement='yes'>

<b:widget id='LinkList72' locked='true' title='Link List' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>About</b:widget-setting>

<b:widget-setting name='link-1'>#</b:widget-setting>

<b:widget-setting name='text-0'>Home</b:widget-setting>

<b:widget-setting name='link-2'>https://www.bestprogrammings.com/p/contact-us.html</b:widget-setting>

<b:widget-setting name='link-0'>https://www.bestprogrammings.com/</b:widget-setting>

<b:widget-setting name='text-2'>Contact</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='top-bar-social social' id='top-bar-social' maxwidgets='1' name='Social Top' showaddelement='yes'>

<b:widget id='LinkList73' locked='true' title='Top Social Widget' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>twitter</b:widget-setting>

<b:widget-setting name='link-1'>#</b:widget-setting>

<b:widget-setting name='text-0'>facebook</b:widget-setting>

<b:widget-setting name='link-2'>https://www.instagram.com/bprogrammings/</b:widget-setting>

<b:widget-setting name='link-0'>https://www.facebook.com/profile.php?id=61556669317706</b:widget-setting>

<b:widget-setting name='text-2'>instagram</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='mobile-logo' id='mobile-logo' maxwidgets='1' name='Mobile Logo' showaddelement='yes'>

<b:widget id='Image70' locked='true' title='Mobile Logo Settings' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayHeight'>91</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>428</b:widget-setting>

<b:widget-setting name='link'>My Title</b:widget-setting>

<b:widget-setting name='caption'>image</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:if cond='data:caption == "image"'>

<b:elseif cond='data:caption == "custom"'/>

<b:if cond='data:link'>

</b:if>

<b:else/>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</form>

</div>

<b:section class='main-menu' id='main-menu' maxwidgets='1' name='Main Menu / Dropdown / Multi Dropdown / Megamenu' showaddelement='yes'>

<b:widget id='LinkList74' locked='true' title='Link List' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='text-10'>_Processing Speed</b:widget-setting>

<b:widget-setting name='link-17'>https://www.bestprogrammings.com/2024/03/best-programming-languages.html?m=1</b:widget-setting>

<b:widget-setting name='link-16'>https://www.bestprogrammings.com/2024/03/introduction-to-program-algorithm-and-flowchart.html?m=1</b:widget-setting>

<b:widget-setting name='link-19'>https://www.bestprogrammings.com/2024/03/basic-structure-of-c-program.html?m=1</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-18'>https://www.bestprogrammings.com/2024/03/object-oriented-programming-OOP.html?m=1</b:widget-setting>

<b:widget-setting name='link-1'><![CDATA[https://www.bestprogrammings.com/search/label/Computer?&max-results=5]]></b:widget-setting>

<b:widget-setting name='link-13'>https://www.bestprogrammings.com/2024/03/sell-computer-processing-power.html?m=1</b:widget-setting>

<b:widget-setting name='link-2'>https://www.bestprogrammings.com/2024/02/computer.html?m=1</b:widget-setting>

<b:widget-setting name='link-12'>https://www.bestprogrammings.com/2024/03/types-of-computer-processor--hp-computer-desktop.html?m=1</b:widget-setting>

<b:widget-setting name='link-15'><![CDATA[https://www.bestprogrammings.com/search/label/Introduction%20Program?&max-results=5]]></b:widget-setting>

<b:widget-setting name='link-0'>https://www.bestprogrammings.com/</b:widget-setting>

<b:widget-setting name='link-14'>https://www.bestprogrammings.com/2024/03/increasing-computer-speed.html?m=1</b:widget-setting>

<b:widget-setting name='text-22'>_Install Dev C++</b:widget-setting>

<b:widget-setting name='link-11'>https://www.bestprogrammings.com/2024/03/how-does-computer-chip-work--computer-sales-professional.html?m=1</b:widget-setting>

<b:widget-setting name='link-10'>https://www.bestprogrammings.com/2024/03/processing-speed-busses-memory.html?m=1</b:widget-setting>

<b:widget-setting name='text-9'>__CPU and Memory</b:widget-setting>

<b:widget-setting name='link-9'>https://www.bestprogrammings.com/2024/02/computer-data-processing-system--what-is-memory-and-its-types.html?m=1</b:widget-setting>

<b:widget-setting name='text-8'>__Data Process</b:widget-setting>

<b:widget-setting name='link-7'>https://www.bestprogrammings.com/2024/02/printer-history.html?m=1</b:widget-setting>

<b:widget-setting name='text-20'>__Turbo C++</b:widget-setting>

<b:widget-setting name='link-8'>https://www.bestprogrammings.com/2024/02/data-process-automation.html?m=1</b:widget-setting>

<b:widget-setting name='text-21'>_Types of Errors</b:widget-setting>

<b:widget-setting name='link-5'>https://www.bestprogrammings.com/2024/02/keyboard-and-mouse.html?m=1</b:widget-setting>

<b:widget-setting name='link-6'>https://www.bestprogrammings.com/2024/02/video-and-sound-monitors.html?m=1</b:widget-setting>

<b:widget-setting name='link-3'>https://www.bestprogrammings.com/2024/02/whats-inside-computer-system.html?m=1</b:widget-setting>

<b:widget-setting name='link-4'>https://www.bestprogrammings.com/2024/02/computer-inputting-data-in-other-ways.html?m=1</b:widget-setting>

<b:widget-setting name='text-1'>Computer</b:widget-setting>

<b:widget-setting name='text-0'>Home-text</b:widget-setting>

<b:widget-setting name='text-3'>__Inside Part</b:widget-setting>

<b:widget-setting name='text-2'>_Introduction</b:widget-setting>

<b:widget-setting name='text-5'>__Keyboard and Mouse</b:widget-setting>

<b:widget-setting name='text-4'>__Inputting Data</b:widget-setting>

<b:widget-setting name='text-7'>__Printer</b:widget-setting>

<b:widget-setting name='text-6'>_Video and Sound</b:widget-setting>

<b:widget-setting name='text-19'>__Structure C++</b:widget-setting>

<b:widget-setting name='text-15'>C++</b:widget-setting>

<b:widget-setting name='text-16'>_Introduction Program</b:widget-setting>

<b:widget-setting name='text-17'>__C++ Language</b:widget-setting>

<b:widget-setting name='text-18'>__OOP</b:widget-setting>

<b:widget-setting name='text-11'>__Computer Clip</b:widget-setting>

<b:widget-setting name='link-20'>https://www.bestprogrammings.com/2024/03/Install-turbo-cpp-and-c.html?m=1</b:widget-setting>

<b:widget-setting name='text-12'>__Processor Types</b:widget-setting>

<b:widget-setting name='text-13'>__Processing Power</b:widget-setting>

<b:widget-setting name='link-22'>#</b:widget-setting>

<b:widget-setting name='text-14'>__Increase Speed</b:widget-setting>

<b:widget-setting name='link-21'>https://www.bestprogrammings.com/2024/03/types-of-errors-in-best-programming.html?m=1</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</form>

</div>

</div>

</div>

<b:section id='home-ad-top1' maxwidgets='1' name='Home Ads Top' showaddelement='yes'/>

</div>

<b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='commentLabel'>Comments</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>Posted by:</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showAuthor'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#ffffff</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='timestampLabel'/>

<b:widget-setting name='reactionsLabel'/>

<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'>false</b:widget-setting>

<b:widget-setting name='postLabelsLabel'>Tags:</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='this'>

<b:include name='homePostsHeadline'/>

<b:include name='searchMessage'/>

<b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>

<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>

<b:loop index='i' values='data:posts' var='post'>

<b:include data='post' name='postCommentsAndAd'/>

</b:loop>

</div>

<b:include cond='data:view.isMultipleItems' name='indexBlogPager'/>

<b:include name='feedLinks'/>

<b:include name='messagesJs'/>

</b:includable>

<b:includable id='aboutPostAuthor' var='post'>

<b:if cond='data:post.author.authorPhoto.image'>

<b:else/>

</b:if>

</div>

</h3>

</div>

</b:includable>

<b:includable id='addComments'>

<b:message name='messages.postAComment'/>

</a>

</b:includable>

<b:includable id='backLinks' var='post'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='blogThisShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='bylineByName' var='byline'>

<b:switch var='data:byline.name'>

<b:case value='share'/>

<b:include cond='data:post.shareUrl' name='postShareButtons'/>

<b:case value='comments'/>

<b:include cond='data:post.allowComments' name='postCommentsLink'/>

<b:case value='location'/>

<b:include cond='data:post.location' name='postLocation'/>

<b:case value='timestamp'/>

<b:include cond='not data:view.isPage' name='postTimestamp'/>

<b:case value='author'/>

<b:include name='postAuthor'/>

<b:case value='labels'/>

<b:include cond='data:post.labels' name='postLabels'/>

<b:case value='icons'/>

<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>

<b:case value='reactions'/>

<b:include cond='data:post.reactionsUrl' name='postReactions'/>

</b:switch>

</b:includable>

<b:includable id='bylineRegion' var='regionItems'>

<b:loop values='data:regionItems' var='byline'>

<b:include data='byline' name='bylineByName'/>

</b:loop>

</b:includable>

<b:includable id='commentAuthorAvatar'>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='commentForm' var='post'>

<b:if cond='data:this.messages.blogComment != ""'>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentFormIframeSrc' var='post'>

</b:includable>

<b:includable id='commentItem' var='comment'>

<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<b:if cond='data:comment.authorUrl'>

<b:message name='messages.authorSaidWithLink'>

<b:param expr:value='data:comment.author' name='authorName'/>

<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>

</b:message>

<b:else/>

<b:message name='messages.authorSaid'>

<b:param expr:value='data:comment.author' name='authorName'/>

</b:message>

</b:if>

</div>

<data:comment.body/>

</div>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</div>

</b:includable>

<b:includable id='commentList' var='comments'>

<b:loop values='data:comments' var='comment'>

<b:include data='comment' name='commentItem'/>

</b:loop>

</div>

</b:includable>

<b:includable id='commentPicker' var='post'>

<b:if cond='data:post.allowComments'>

</div>

</b:if>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframeComments'/>

<b:elseif cond='data:post.showThreadedComments'/>

<b:include data='post' name='threadedComments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<b:include name='commentsTitle'/>

<b:include cond='data:post.comments' data='post.comments' name='commentList'/>

</div>

<b:if cond='data:post.commentPagingRequired'>

<b:if cond='data:post.hasOlderLinks'>

<data:messages.oldest/>

</a>

<data:messages.older/>

</a>

</b:if>

<data:post.commentRangeText/>

</span>

<b:if cond='data:post.hasNewerLinks'>

<data:messages.newer/>

</a>

<data:messages.newest/>

</a>

</b:if>

</div>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='commentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='addComments'/>

</b:if>

</div>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

<b:else/>

<data:messages.postAComment/>

</b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='commentsTitle'>

</b:includable>

<b:includable id='defaultAdUnit'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</b:includable>

<b:includable id='emailPostIcon'>

<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>

</a>

</span>

</b:includable>

<b:includable id='facebookShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='feedLinks'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='footerBylines' var='post'>

<b:include data='post' name='postLabels'/>

<b:include data='post' name='postShareButtons'/>

</b:includable>

<b:includable id='googlePlusShare'>

<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>

</div>

</b:includable>

<b:includable id='headerByline' var='post'>

<b:include data='post' name='postAuthor'/>

<b:include data='post' name='postTimestamp'/>

</div>

</b:includable>

<b:includable id='homePageLink'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='homePostsHeadline'>

<b:if cond='data:view.isHomepage'>

</div>

</b:if>

</b:includable>

<b:includable id='iframeComments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='!data:post.embedCommentForm'>

<b:include data='post' name='commentsLink'/>

</b:if>

</b:includable>

<b:includable id='indexBlogPager'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='indexPost' var='post'>

<b:include data='post' name='postFeaturedImage'/>

<b:include data='post' name='postCategory'/>

<b:include data='post' name='postHeader'/>

<b:include data='post' name='postSummary'/>

<b:include data='post' name='postJumpLink'/>

</div>

</b:includable>

<b:includable id='inlineAd' var='post'>

<b:if cond='!data:view.isPreview'>

<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>

<b:if cond='data:this.adCode != ""'>

<data:this.adCode/>

<b:else/>

<b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>

</b:if>

</div>

</b:if>

<b:else/>

</div>

</b:if>

</b:includable>

<b:includable id='itemPost' var='post'>

<b:include data='post' name='postMeta'/>

<b:include data='post' name='postHeader'/>

<b:include cond='data:view.isPost and data:post.includeAd' data='post' name='inlineAd'/>

<b:include data='post' name='postBody'/>

<b:include cond='data:view.isPost and data:post.includeAd' data='post' name='inlineAd'/>

<b:include cond='data:view.isPost' data='post' name='postFooter'/>

</b:includable>

<b:includable id='linkShare'>

<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='messagesJs'>

var messages = {

viewAll: "<data:messages.viewAll/>"

}

</script>

</b:includable>

<b:includable id='nextPageLink'>

<data:messages.olderPosts/>

</a>

</b:includable>

<b:includable id='otherSharingButton'>

<b:with value='{key: "sharingOther"}' var='platform'>

<b:include name='sharingPlatformIcon'/>

</b:with>

</span>

</b:includable>

<b:includable id='platformShare'>

<data:platform.shareMessage/>

</span>

</a>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:view.isMultipleItems'>

<b:include data='post' name='indexPost'/>

</b:if>

<b:if cond='data:view.isSingleItem'>

<b:include data='post' name='itemPost'/>

</b:if>

</b:includable>

<b:includable id='postAuthor' var='post'>

<b:if cond='data:allBylineItems.author'>

</b:if>

</b:includable>

<b:includable id='postBody' var='post'>

<data:post.body/>

</div>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:include data='post' name='postBody'/>

</b:includable>

<b:includable id='postBreadcrumbs' var='post'>

{

"@context": "http://schema.org",

"@type": "BreadcrumbList",

"@id": "#Breadcrumb",

"itemListElement": [{

"@type": "ListItem",

"position": 1,

"item": {

"name": "<data:messages.home/>",

"@id": "<data:blog.homepageUrl.jsonEscaped/>"

}

},{

"@type": "ListItem",

"position": 2,

"item": {

"name": "<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>",

"@id": "<data:post.labels.last.url.jsonEscaped/>"

}

},{

"@type": "ListItem",

"position": 3,

"item": {

"name": "<data:post.title/>",

"@id": "<data:post.url.jsonEscaped/>"

}

}]

}

</script>

</b:includable>

<b:includable id='postCategory' var='post'>

<b:if cond='data:view.isMultipleItems and data:post.labels'>

<data:post.labels.last.name/>

</span>

</b:if>

</b:includable>

<b:includable id='postCommentsAndAd' var='post'>

<b:class cond='data:view.isMultipleItems' name='index-post'/>

<b:class cond='data:view.isSingleItem' name='item-post'/>

<b:include data='post' name='post'/>

</div>

<b:if cond='data:view.isSingleItem'>

<b:include data='post' name='threadedCommentsDisqus'/>

<b:include data='post' name='commentPicker'/>

</div>

</b:if>

<b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>

</b:includable>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFeaturedImage' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</div>

</b:includable>

<b:includable id='postFooter' var='post'>

<b:include data='post' name='footerBylines'/>

<b:include data='post' name='postNavigation'/>

<b:include data='post' name='aboutPostAuthor'/>

<b:include data='post' name='postRelated'/>

</div>

</b:includable>

<b:includable id='postFooterAuthorProfile' var='post'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='postHeader' var='post'>

<b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>

<b:include cond='data:view.isPost' data='post' name='postCategory'/>

<b:include data='post' name='postTitle'/>

<b:include cond='!data:view.isPage' data='post' name='headerByline'/>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:if cond='data:blog.jumpLinkMessage != "hide"'>

</b:if>

</b:includable>

<b:includable id='postLabels' var='post'>

<b:if cond='data:allBylineItems.labels'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='postLocation'>

<data:byline.label/>

</span>

</b:includable>

<b:includable id='postMeta' var='post'>

<b:include data='post' name='postMetadataJSON'/>

</b:includable>

<b:includable id='postMetadataJSONImage'>

"image": {

"@type": "ImageObject",

<b:if cond='data:post.featuredImage.isResizable'>

"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",

"height": 630,

"width": 1200

<b:else/>

"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",

"height": 348,

"width": 1200

</b:if>

</b:includable>

<b:includable id='postMetadataJSONPublisher'>

"publisher": {

"@type": "Organization",

"name": "Blogger",

"logo": {

"@type": "ImageObject",

"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",

"width": 206,

"height": 60

}

</b:includable>

<b:includable id='postNavigation' var='post'>

<b:if cond='data:newerPageUrl'>

</a>

<b:else/>

</b:if>

</li>

<b:if cond='data:olderPageUrl'>

</a>

<b:else/>

</b:if>

</li>

</ul>

</b:includable>

<b:includable id='postPagination'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='postReactions'>

<data:byline.label/>

</span>

</span>

</b:includable>

<b:includable id='postRelated' var='post'>

</div>

<b:if cond='data:post.labels'>

<b:else/>

</b:if>

</div>

</b:includable>

<b:includable id='postShareButtons' var='post'>

<b:if cond='data:allBylineItems.share'>

<b:class cond='data:blog.isMobileRequest' name='is-mobile'/>

<li class='facebook'><a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Facebook</span></a></li>

<li class='twitter'><a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url + "&text=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><span>Twitter</span></a></li>

</ul>

</div>

</b:if>

</b:includable>

<b:includable id='postShortMeta'>

<b:comment>Disabled</b:comment>

</b:includable>

<b:includable id='postSummary' var='post'>

</b:includable>

<b:includable id='postTimestamp' var='post'>

<b:if cond='data:allBylineItems.timestamp'>

</b:if>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:view.isMultipleItems'>

</h2>

</b:if>

<b:if cond='data:view.isSingleItem'>

<data:post.title/>

</h1>

</b:if>

</b:includable>

<b:includable id='previousPageLink'>

<data:messages.newerPosts/>

</a>

</b:includable>

<b:includable id='searchMessage'>

<b:if cond='data:view.search.query'>

<b:if cond='data:posts.empty'>

<b:else/>

</b:if>

</div>

</b:if>

<b:if cond='data:view.search.label'>

<b:if cond='data:posts.empty'>

<b:else/>

</b:if>

</div>

</b:if>

<b:if cond='data:view.isArchive'>

<b:if cond='data:posts.empty'>

<b:else/>

</b:if>

</div>

</b:if>

<b:if cond='data:view.isError'>

</div>

</b:if>

<b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><ul class='no-posts'>Error: No Posts Found <i class='fa fa-frown-o'/></ul></div></b:if>

</b:includable>

<b:includable id='sharingButton'>

<b:include name='sharingPlatformIcon'/>

</span>

</b:includable>

<b:includable id='sharingButtonContent'>

<b:include name='shareIcon'/>

</div>

</b:includable>

<b:includable id='sharingButtons'>

<b:include name='sharingButtonContent'/>

</button>

<b:include name='sharingButtonsMenu'/>

</div>

</b:includable>

<b:includable id='sharingButtonsMenu'>

<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>

<li>

<b:include name='sharingButton'/>

</li>

</b:loop>

<b:include name='otherSharingButton'/>

</li>

</ul>

</div>

</b:includable>

<b:includable id='sharingPlatformIcon'>

<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>

</b:includable>

<b:includable id='threadedCommentForm' var='post'>

<b:if cond='data:this.messages.blogComment != ""'>

</b:if>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threadedCommentJs' var='post'>

<b:template-script inline='true' name='threaded_comments'/>

blogger.widgets.blog.initThreadedComments(

<data:post.commentJso/>,

<data:post.commentMsgs/>,

<data:post.commentConfig/>);

</script>

</b:includable>

<b:includable id='threadedComments' var='post'>

<b:include name='commentsTitle'/>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threadedCommentJs'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threadedCommentForm'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

</section>

</b:includable>

<b:includable id='threadedCommentsDisqus' var='post'>

var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";

if (!disqus_blogger_current_url.length) {

disqus_blogger_current_url = "<data:blog.url/>";

}

var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";

var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";

</script>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar common-widget' id='sidebar1' name='Sidebar Right (A)' showaddelement='yes'/>

<b:section class='sidebar' id='social-widget' maxwidgets='1' name='Social Widget' showaddelement='yes'>

<b:widget id='LinkList75' locked='true' title='Social Plugin' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>https://vk.com/id854410094</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>twitter</b:widget-setting>

<b:widget-setting name='link-1'>#</b:widget-setting>

<b:widget-setting name='text-0'>facebook</b:widget-setting>

<b:widget-setting name='link-2'>https://www.instagram.com/bprogrammings/</b:widget-setting>

<b:widget-setting name='text-3'>vk</b:widget-setting>

<b:widget-setting name='link-0'>https://www.facebook.com/profile.php?id=61556669317706</b:widget-setting>

<b:widget-setting name='text-2'>instagram</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='sidebar common-widget' id='sidebar2' name='Sidebar Right (B)' showaddelement='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>

<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'>true</b:widget-setting>

<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='blogThisShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='bylineByName' var='byline'>

<b:switch var='data:byline.name'>

<b:case value='share'/>

<b:include cond='data:post.shareUrl' name='postShareButtons'/>

<b:case value='comments'/>

<b:include cond='data:post.allowComments' name='postCommentsLink'/>

<b:case value='location'/>

<b:include cond='data:post.location' name='postLocation'/>

<b:case value='timestamp'/>

<b:include cond='not data:view.isPage' name='postTimestamp'/>

<b:case value='author'/>

<b:include name='postAuthor'/>

<b:case value='labels'/>

<b:include cond='data:post.labels' name='postLabels'/>

<b:case value='icons'/>

<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>

<b:case value='reactions'/>

<b:include cond='data:post.reactionsUrl' name='postReactions'/>

</b:switch>

</b:includable>

<b:includable id='bylineRegion' var='regionItems'>

<b:loop values='data:regionItems' var='byline'>

<b:include data='byline' name='bylineByName'/>

</b:loop>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

<b:else/>

<data:messages.postAComment/>

</b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='default' var='post'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</b:includable>

<b:includable id='emailPostIcon'>

<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>

</a>

</span>

</b:includable>

<b:includable id='facebookShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='footerBylines'>

<b:if cond='data:widgets.Blog.first.footerBylines'>

<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>

<b:if cond='not data:region.items.empty'>

<b:with value='"footer-" + (data:i + 1)' var='regionName'>

<b:include data='region.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:loop>

</b:if>

</b:includable>

<b:includable id='googlePlusShare'>

<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>

</div>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:widgets.Blog.first.headerByline'>

<b:with value='"header-1"' var='regionName'>

<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:includable>

<b:includable id='linkShare'>

<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='otherSharingButton'>

<b:with value='{key: "sharingOther"}' var='platform'>

<b:include name='sharingPlatformIcon'/>

</b:with>

</span>

</b:includable>

<b:includable id='platformShare'>

<data:platform.shareMessage/>

</span>

</a>

</b:includable>

<b:includable id='postAuthor'>

<data:byline.label/>

</span>

<b:if cond='data:post.author.profileUrl'>

</a>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='postCommentsLink'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

</span>

</b:includable>

<b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:eval expr='data:blog.jumpLinkMessage'/>

</a>

</div>

</b:includable>

<b:includable id='postLabels'>

<b:loop index='i' values='data:post.labels' var='label'>

<data:label.name/>

</a>

</b:loop>

</span>

</b:includable>

<b:includable id='postLocation'>

<data:byline.label/>

</span>

</b:includable>

<b:includable id='postReactions'>

<data:byline.label/>

</span>

</span>

</b:includable>

<b:includable id='postShareButtons'>

<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>

<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>

</b:with>

</div>

</b:includable>

<b:includable id='postTimestamp'>

<data:byline.label/>

<b:if cond='data:post.url'>

<data:post.date/>

</time>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='sharingButton'>

<b:include name='sharingPlatformIcon'/>

</span>

</b:includable>

<b:includable id='sharingButtonContent'>

<b:include name='shareIcon'/>

</div>

</b:includable>

<b:includable id='sharingButtons'>

<b:include name='sharingButtonContent'/>

</button>

<b:include name='sharingButtonsMenu'/>

</div>

</b:includable>

<b:includable id='sharingButtonsMenu'>

<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>

<li>

<b:include name='sharingButton'/>

</li>

</b:loop>

<b:include name='otherSharingButton'/>

</li>

</ul>

</div>

</b:includable>

<b:includable id='sharingPlatformIcon'>

<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>

</b:includable>

<b:includable id='slider-section' var='post'>

<b:if cond='data:i lt 10'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

</h2>

</div></div>

</li>

</b:if>

</b:includable>

<b:includable id='snippetedPostByline'>

<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>

<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>

</b:with>

<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>

</b:with>

</div>

</b:with>

</b:includable>

<b:includable id='snippetedPostContent'>

<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>

<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>

<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>

<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>

</div>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>

</a>

</div>

</b:includable>

<b:includable id='snippetedPostTitle'>

<b:if cond='data:post.title != ""'>

</b:if>

</b:includable>

<b:includable id='snippetedPosts'>

<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>

<b:include name='snippetedPostContent'/>

</article>

</b:loop>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>

<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'>C++,Computer,Introduction,Introduction Program,Videos and Sound,processing speed</b:widget-setting>

<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:if cond='data:view.isHomepage'>

<h3 class='title'>Popular Tags</h3>

</div>

<b:section id='testimonial' maxwidgets='8' name='My Hobbies' showaddelement='no'>

<b:widget id='Image6' locked='true' title='Computer' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEiJJLTpW0ogs72kLZubS7mEZglD-EpKL3xJ3pfn6GV0IRfuepNZ4YV4Sc_UBXsUFLtB150r23C9ZLuX9aov9PAYtfM30poGSPganwK0RK_pe_UUR6awzoKjRt88tOFh2NBMHSd2qFyIq1QvJHLc2CpKROXMHxUsPYIeZDge-2p8f3jFfo_-3DkYtEFckKjT=s639</b:widget-setting>

<b:widget-setting name='displayHeight'>639</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>631</b:widget-setting>

<b:widget-setting name='link'>#</b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image7' locked='true' title='Introduction' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEj7hKuzHTWRww3qJQfoXAfFBOSXCVNQ6muDW5rqRizflp7lvkGvtMF8bqSYaD4ZogGm6_b8xwh5RWmWuu5i5xHHZxWpX4wmLhtidre8qPiLw4ieQKuEWYQjql1N3AYv6O8om6FOSs7E2OWYwqGh18d3Bt1xssLxiPRLjZk67WPO8jLv2pa0DfKOk2o8E0yA=s654</b:widget-setting>

<b:widget-setting name='displayHeight'>450</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>654</b:widget-setting>

<b:widget-setting name='link'><![CDATA[https://www.bestprogrammings.com/search/label/Introduction?&max-results=5]]></b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image8' locked='true' title='Processing' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEi0Tlix0Ei7S9I-WivZboWhbulnZFIzoCCDtXQ41dXoZfCigTa6k0ThskO_W98mlrj7ZqYvqkf5hl4HPIIlpLVTFuxBOI2jb8Ckk-Ni_zzSSuhgWOMfoWndcv-FU2upgWbgFbzZdILYyTxJWDktDm-2dErcuK-WZJESg0DpwhKswbAp97uO4cxSMSxu54nf=s736</b:widget-setting>

<b:widget-setting name='displayHeight'>646</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>736</b:widget-setting>

<b:widget-setting name='link'><![CDATA[https://www.bestprogrammings.com/search/label/processing%20speed?&max-results=5]]></b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image9' locked='true' title='C++' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-6_YGl74eIxA/YDPFTNtOqmI/AAAAAAAAKB4/qHteNbZPr9gTwoEOniiMCqtNyxisHFzDQCK4BGAYYCw/s1000/d19%2B%25281%2529.jpg</b:widget-setting>

<b:widget-setting name='displayHeight'>667</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>1000</b:widget-setting>

<b:widget-setting name='link'><![CDATA[https://www.bestprogrammings.com/search/label/Introduction%20Program?&max-results=5]]></b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image10' locked='true' title='C' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-gAKQ7r-sYzA/YDPFWwRwwhI/AAAAAAAAKCA/IcbDHD4J4o4v8XG6CiaUy9h_VmrQYOZvwCK4BGAYYCw/s1000/d20%2B%25281%2529.jpg</b:widget-setting>

<b:widget-setting name='displayHeight'>722</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>1000</b:widget-setting>

<b:widget-setting name='link'>#</b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image11' locked='true' title='Java' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEgXXzq6evG4vEJ-pISQpBgjBU8fJeQ2Mv5YIC3xPsZPjASZHh37BGBL_vIV7g1lUjtTgl1rc1-UKWi309Gj5152ZJw60dl2zj6QaoAxZ8AJBPaXGiGeidaYt_2fjele4tGcH3j1gwjM59cC8ry-tPZjG1P-otPh-iWKSQ_Xe9MpGeOfthP2YFvMMbxqm3vk=s736</b:widget-setting>

<b:widget-setting name='displayHeight'>629</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>736</b:widget-setting>

<b:widget-setting name='link'>#</b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image12' locked='true' title='Nature' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEjX0DItXBcR4j54xmVDLhcwrBlXTDX1yd8BR48T17qq0FQNre_-AHiYfsl2s6RVOAy-_JH_p23gWik0RUjLjr1UBWhnJ3BBr5XbLUr0w1St3TuD-OUN3kXWWaBKvsLXd-Uu9t82B4-ngV_D-Ej63is0ynTLHtGV38H8Wp1jh1T7JCVHajjwL1aOIiNemwrw=s758</b:widget-setting>

<b:widget-setting name='displayHeight'>758</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>736</b:widget-setting>

<b:widget-setting name='link'>search/label/Nature</b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

<b:widget id='Image13' locked='true' title='Sports' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEhog9CkR-voBB4nG1I1gCilIw1aKI5ZA-8pJ-8x20mMU59y2Feel0wY3NV2-IrHrXEWYOthTJ2ssU4f_6JyMsKh9T9bXHfk_Dy952ldYfKYUbMTH8jWXiqAUTZXLXqiXDb5GnH9PRnJunyyDPKKeHwb1e6p7wEXCi_4rj2kQrFU-4II0wBTj4prlIHVX9Mi=s736</b:widget-setting>

<b:widget-setting name='displayHeight'>643</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>736</b:widget-setting>

<b:widget-setting name='link'>search/label/Sports</b:widget-setting>

<b:widget-setting name='caption'>none</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

#testimonial-wrap{display:block}

</style>

</div></div>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

<b:section class='footer common-widget' id='footer-sec1' maxwidgets='3' name='Section (Left)' showaddelement='yes'>

<b:widget id='Label3' locked='false' title='Categories' type='Label' visible='true'>

<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'>C++,Computer,Introduction,Videos and Sound,keyboard and Mouse,processing speed</b:widget-setting>

<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='Label2' locked='false' title='Tags' type='Label' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>CLOUD</b:widget-setting>

<b:widget-setting name='selectedLabelsList'>Computer,Introduction Program</b:widget-setting>

<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

<b:section class='footer common-widget' id='footer-sec2' maxwidgets='3' name='Section (Center)' showaddelement='yes'>

<b:widget id='FeaturedPost1' locked='false' title='Featured post' type='FeaturedPost' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='showSnippet'>true</b:widget-setting>

<b:widget-setting name='showPostTitle'>true</b:widget-setting>

<b:widget-setting name='postId'>4518207896091953692</b:widget-setting>

<b:widget-setting name='showFirstImage'>true</b:widget-setting>

<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='blogThisShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='bylineByName' var='byline'>

<b:switch var='data:byline.name'>

<b:case value='share'/>

<b:include cond='data:post.shareUrl' name='postShareButtons'/>

<b:case value='comments'/>

<b:include cond='data:post.allowComments' name='postCommentsLink'/>

<b:case value='location'/>

<b:include cond='data:post.location' name='postLocation'/>

<b:case value='timestamp'/>

<b:include cond='not data:view.isPage' name='postTimestamp'/>

<b:case value='author'/>

<b:include name='postAuthor'/>

<b:case value='labels'/>

<b:include cond='data:post.labels' name='postLabels'/>

<b:case value='icons'/>

<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>

</b:switch>

</b:includable>

<b:includable id='bylineRegion' var='regionItems'>

<b:loop values='data:regionItems' var='byline'>

<b:include data='byline' name='bylineByName'/>

</b:loop>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

<b:else/>

<data:messages.postAComment/>

</b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='emailPostIcon'>

<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>

</a>

</span>

</b:includable>

<b:includable id='facebookShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='footerBylines'>

<b:if cond='data:widgets.Blog.first.footerBylines'>

<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>

<b:if cond='not data:region.items.empty'>

<b:with value='"footer-" + (data:i + 1)' var='regionName'>

<b:include data='region.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:loop>

</b:if>

</b:includable>

<b:includable id='googlePlusShare'>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:widgets.Blog.first.headerByline'>

<b:with value='"header-1"' var='regionName'>

<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:includable>

<b:includable id='linkShare'>

<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='otherSharingButton'>

<b:with value='{key: "sharingOther"}' var='platform'>

<b:include name='sharingPlatformIcon'/>

</b:with>

</span>

</b:includable>

<b:includable id='platformShare'>

<data:platform.shareMessage/>

</span>

</a>

</b:includable>

<b:includable id='postAuthor'>

<data:byline.label/>

</span>

<b:if cond='data:post.author.profileUrl'>

</a>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='postCommentsLink'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

</span>

</b:includable>

<b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</div>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:eval expr='data:blog.jumpLinkMessage'/>

</a>

</div>

</b:includable>

<b:includable id='postLabels'>

<b:loop index='i' values='data:post.labels' var='label'>

<data:label.name/>

</a>

</b:loop>

</span>

</b:includable>

<b:includable id='postLocation'>

<data:byline.label/>

</span>

</b:includable>

<b:includable id='postReactions'>

</b:includable>

<b:includable id='postShareButtons'>

<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>

<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>

</b:with>

</div>

</b:includable>

<b:includable id='postTimestamp'>

<data:byline.label/>

<b:if cond='data:post.url'>

<data:post.date/>

</time>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='sharingButton'>

<b:include name='sharingPlatformIcon'/>

</span>

</b:includable>

<b:includable id='sharingButtonContent'>

<b:include name='shareIcon'/>

</div>

</b:includable>

<b:includable id='sharingButtons'>

<b:include name='sharingButtonContent'/>

</button>

<b:include name='sharingButtonsMenu'/>

</div>

</b:includable>

<b:includable id='sharingButtonsMenu'>

<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>

<li>

<b:include name='sharingButton'/>

</li>

</b:loop>

<b:include name='otherSharingButton'/>

</li>

</ul>

</div>

</b:includable>

<b:includable id='sharingPlatformIcon'>

<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>

</b:includable>

<b:includable id='snippetedPostByline'>

<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>

<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>

</b:with>

<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>

</b:with>

</div>

</b:with>

</b:includable>

<b:includable id='snippetedPostContent'>

<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>

<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>

<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>

<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>

</div>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>

</a>

</div>

</b:includable>

<b:includable id='snippetedPostTitle'>

<b:if cond='data:post.title != ""'>

</b:if>

</b:includable>

<b:includable id='snippetedPosts'>

<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>

<b:include name='snippetedPostContent'/>

</article>

</b:loop>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='footer common-widget' id='footer-sec3' maxwidgets='3' name='Section (Right)' showaddelement='yes'>

<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>5</b:widget-setting>

<b:widget-setting name='showThumbnails'>true</b:widget-setting>

<b:widget-setting name='showSnippets'>true</b:widget-setting>

<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='postContent'/>

</b:loop>

</div>

</b:includable>

<b:includable id='blogThisShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='bylineByName' var='byline'>

<b:switch var='data:byline.name'>

<b:case value='share'/>

<b:include cond='data:post.shareUrl' name='postShareButtons'/>

<b:case value='comments'/>

<b:include cond='data:post.allowComments' name='postCommentsLink'/>

<b:case value='location'/>

<b:include cond='data:post.location' name='postLocation'/>

<b:case value='timestamp'/>

<b:include cond='not data:view.isPage' name='postTimestamp'/>

<b:case value='author'/>

<b:include name='postAuthor'/>

<b:case value='labels'/>

<b:include cond='data:post.labels' name='postLabels'/>

<b:case value='icons'/>

<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>

<b:case value='reactions'/>

<b:include cond='data:post.reactionsUrl' name='postReactions'/>

</b:switch>

</b:includable>

<b:includable id='bylineRegion' var='regionItems'>

<b:loop values='data:regionItems' var='byline'>

<b:include data='byline' name='bylineByName'/>

</b:loop>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

<b:else/>

<data:messages.postAComment/>

</b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='default' var='post'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</b:includable>

<b:includable id='emailPostIcon'>

<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>

</a>

</span>

</b:includable>

<b:includable id='facebookShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='footerBylines'>

<b:if cond='data:widgets.Blog.first.footerBylines'>

<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>

<b:if cond='not data:region.items.empty'>

<b:with value='"footer-" + (data:i + 1)' var='regionName'>

<b:include data='region.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:loop>

</b:if>

</b:includable>

<b:includable id='googlePlusShare'>

<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>

</div>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:widgets.Blog.first.headerByline'>

<b:with value='"header-1"' var='regionName'>

<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:includable>

<b:includable id='linkShare'>

<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='otherSharingButton'>

<b:with value='{key: "sharingOther"}' var='platform'>

<b:include name='sharingPlatformIcon'/>

</b:with>

</span>

</b:includable>

<b:includable id='platformShare'>

<data:platform.shareMessage/>

</span>

</a>

</b:includable>

<b:includable id='postAuthor'>

<data:byline.label/>

</span>

<b:if cond='data:post.author.profileUrl'>

</a>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='postCommentsLink'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

</span>

</b:includable>

<b:includable id='postContent' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

</h2>

</div>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:eval expr='data:blog.jumpLinkMessage'/>

</a>

</div>

</b:includable>

<b:includable id='postLabels'>

<b:loop index='i' values='data:post.labels' var='label'>

<data:label.name/>

</a>

</b:loop>

</span>

</b:includable>

<b:includable id='postLocation'>

<data:byline.label/>

</span>

</b:includable>

<b:includable id='postReactions'>

<data:byline.label/>

</span>

</span>

</b:includable>

<b:includable id='postShareButtons'>

<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>

<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>

</b:with>

</div>

</b:includable>

<b:includable id='postTimestamp'>

<data:byline.label/>

<b:if cond='data:post.url'>

<data:post.date/>

</time>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='sharingButton'>

<b:include name='sharingPlatformIcon'/>

</span>

</b:includable>

<b:includable id='sharingButtonContent'>

<b:include name='shareIcon'/>

</div>

</b:includable>

<b:includable id='sharingButtons'>

<b:include name='sharingButtonContent'/>

</button>

<b:include name='sharingButtonsMenu'/>

</div>

</b:includable>

<b:includable id='sharingButtonsMenu'>

<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>

<li>

<b:include name='sharingButton'/>

</li>

</b:loop>

<b:include name='otherSharingButton'/>

</li>

</ul>

</div>

</b:includable>

<b:includable id='sharingPlatformIcon'>

<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>

</b:includable>

<b:includable id='slider-section' var='post'>

<b:if cond='data:i lt 10'>

<b:class expr:name='"item-"+data:i'/>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

</h2>

</div></div>

</li>

</b:if>

</b:includable>

<b:includable id='snippetedPostByline'>

<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>

<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>

</b:with>

<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>

<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>

</b:with>

</div>

</b:with>

</b:includable>

<b:includable id='snippetedPostContent'>

<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>

<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>

<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>

<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>

</div>

</b:includable>

<b:includable id='snippetedPostThumbnail'>

<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>

</a>

</div>

</b:includable>

<b:includable id='snippetedPostTitle'>

<b:if cond='data:post.title != ""'>

</b:if>

</b:includable>

<b:includable id='snippetedPosts'>

<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>

<b:include name='snippetedPostContent'/>

</article>

</b:loop>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='menu-footer' id='menu-footer' maxwidgets='1' name='Menu Footer' showaddelement='yes'>

<b:widget id='LinkList76' locked='true' title='Menu Footer Widget' type='LinkList' visible='true'>

<b:widget-settings>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>About</b:widget-setting>

<b:widget-setting name='link-1'>#</b:widget-setting>

<b:widget-setting name='text-0'>Home</b:widget-setting>

<b:widget-setting name='link-2'>https://www.bestprogrammings.com/p/contact-us.html</b:widget-setting>

<b:widget-setting name='link-0'>https://www.bestprogrammings.com/</b:widget-setting>

<b:widget-setting name='text-2'>Contact Us</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<ul>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<div class='copyright-area'>Best Programming <a href='https://www.bestprogrammings.com/' rel='dofollow' style='color:#ff00ba;' target='_blank' title='Blogger Themes'>Language</a>

<div style='font-size:1px; opacity=0'>Created By <a href='http://soratemplates.com/' id='mycontent' rel='dofollow' title='SoraTemplates'>Blogging</a> |

</div>

<b:if cond='data:view.isSingleItem'>

<b:section class='hidden-widgets' deleted='true' id='hidden-widgets' maxwidgets='1' showaddelement='no'>

<b:widget id='ContactForm1' locked='false' title='Contact form' type='ContactForm' version='2' visible='true'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include name='contact-form-content'/>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

//<![CDATA[

/*! Owl carousel by Bartosz Wojciechowski/David Deutsch | v2.0.0 - http://owlcarousel2.github.io/OwlCarousel2 */

},this),"play.owl.autoplay":a.proxy(function(a,b,c){this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(){this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this.core.settings.autoplayHoverPause&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this.core.settings.autoplayHoverPause&&this.autoplay()},this)},this.core.$element.on(this.handlers)};d.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},d.prototype.autoplay=function(){this.core.settings.autoplay&&!this.core.state.videoPlay?(b.clearInterval(this.interval),this.interval=b.setInterval(a.proxy(function(){this.play()},this),this.core.settings.autoplayTimeout)):b.clearInterval(this.interval)},d.prototype.play=function(){return c.hidden===!0||this.core.state.isTouch||this.core.state.isScrolling||this.core.state.isSwiping||this.core.state.inMotion?void 0:this.core.settings.autoplay===!1?void b.clearInterval(this.interval):void this.core.next(this.core.settings.autoplaySpeed)},d.prototype.stop=function(){b.clearInterval(this.interval)},d.prototype.pause=function(){b.clearInterval(this.interval)},d.prototype.destroy=function(){var a,c;b.clearInterval(this.interval);for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=d}(window.Zepto||window.jQuery,window,document),function(a){"use strict";var b=function(c){this._core=c,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){this._core.settings.dotsData&&this._templates.push(a(b.content).find("[data-dot]").andSelf("[data-dot]").attr("data-dot"))},this),"add.owl.carousel":a.proxy(function(b){this._core.settings.dotsData&&this._templates.splice(b.position,0,a(b.content).find("[data-dot]").andSelf("[data-dot]").attr("data-dot"))},this),"remove.owl.carousel prepared.owl.carousel":a.proxy(function(a){this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"change.owl.carousel":a.proxy(function(a){if("position"==a.property.name&&!this._core.state.revert&&!this._core.settings.loop&&this._core.settings.navRewind){var b=this._core.current(),c=this._core.maximum(),d=this._core.minimum();a.data=a.property.value>c?b>=c?d:c:a.property.value<d?c:a.property.value}},this),"changed.owl.carousel":a.proxy(function(a){"position"==a.property.name&&this.draw()},this),"refreshed.owl.carousel":a.proxy(function(){this._initialized||(this.initialize(),this._initialized=!0),this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation")},this)},this._core.options=a.extend({},b.Defaults,this._core.options),this.$element.on(this._handlers)};b.Defaults={nav:!1,navRewind:!0,navText:["prev","next"],navSpeed:!1,navElement:"div",navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotData:!1,dotsSpeed:!1,dotsContainer:!1,controlsClass:"owl-controls"},b.prototype.initialize=function(){var b,c,d=this._core.settings;d.dotsData||(this._templates=[a("<div>").addClass(d.dotClass).append(a("<span>")).prop("outerHTML")]),d.navContainer&&d.dotsContainer||(this._controls.$container=a("<div>").addClass(d.controlsClass).appendTo(this.$element)),this._controls.$indicators=d.dotsContainer?a(d.dotsContainer):a("<div>").hide().addClass(d.dotsClass).appendTo(this._controls.$container),this._controls.$indicators.on("click","div",a.proxy(function(b){var c=a(b.target).parent().is(this._controls.$indicators)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(c,d.dotsSpeed)},this)),b=d.navContainer?a(d.navContainer):a("<div>").addClass(d.navContainerClass).prependTo(this._controls.$container),this._controls.$next=a("<"+d.navElement+">"),this._controls.$previous=this._controls.$next.clone(),this._controls.$previous.addClass(d.navClass[0]).html(d.navText[0]).hide().prependTo(b).on("click",a.proxy(function(){this.prev(d.navSpeed)},this)),this._controls.$next.addClass(d.navClass[1]).html(d.navText[1]).hide().appendTo(b).on("click",a.proxy(function(){this.next(d.navSpeed)},this));for(c in this._overrides)this._core[c]=a.proxy(this[c],this)},b.prototype.destroy=function(){var a,b,c,d;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},b.prototype.update=function(){var a,b,c,d=this._core.settings,e=this._core.clones().length/2,f=e+this._core.items().length,g=d.center||d.autoWidth||d.dotData?1:d.dotsEach||d.items;if("page"!==d.slideBy&&(d.slideBy=Math.min(d.slideBy,d.items)),d.dots||"page"==d.slideBy)for(this._pages=[],a=e,b=0,c=0;f>a;a++)(b>=g||0===b)&&(this._pages.push({start:a-e,end:a-e+g-1}),b=0,++c),b+=this._core.mergers(this._core.relative(a))},b.prototype.draw=function(){var b,c,d="",e=this._core.settings,f=(this._core.$stage.children(),this._core.relative(this._core.current()));if(!e.nav||e.loop||e.navRewind||(this._controls.$previous.toggleClass("disabled",0>=f),this._controls.$next.toggleClass("disabled",f>=this._core.maximum())),this._controls.$previous.toggle(e.nav),this._controls.$next.toggle(e.nav),e.dots){if(b=this._pages.length-this._controls.$indicators.children().length,e.dotData&&0!==b){for(c=0;c<this._controls.$indicators.children().length;c++)d+=this._templates[this._core.relative(c)];this._controls.$indicators.html(d)}else b>0?(d=new Array(b+1).join(this._templates[0]),this._controls.$indicators.append(d)):0>b&&this._controls.$indicators.children().slice(b).remove();this._controls.$indicators.find(".active").removeClass("active"),this._controls.$indicators.children().eq(a.inArray(this.current(),this._pages)).addClass("active")}this._controls.$indicators.toggle(e.dots)},b.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotData?1:c.dotsEach||c.items)}},b.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,function(a){return a.start<=b&&a.end>=b}).pop()},b.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},b.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},b.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},b.prototype.to=function(b,c,d){var e;d?a.proxy(this._overrides.to,this._core)(b,c):(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c))},a.fn.owlCarousel.Constructor.Plugins.Navigation=b}(window.Zepto||window.jQuery,window,document),function(a,b){"use strict";var c=function(d){this._core=d,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(){"URLHash"==this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){var c=a(b.content).find("[data-hash]").andSelf("[data-hash]").attr("data-hash");this._hashes[c]=b.content},this)},this._core.options=a.extend({},c.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(){var a=b.location.hash.substring(1),c=this._core.$stage.children(),d=this._hashes[a]&&c.index(this._hashes[a])||0;return a?void this._core.to(d,!1,!0):!1},this))};c.Defaults={URLhashListener:!1},c.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=c}(window.Zepto||window.jQuery,window,document);

/*! Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */

/*! Table of Contents | v0.4.0 - https://github.com/ndabas/toc */

//]]>

</script>

//<![CDATA[

//]]>

</script>

<style>

.header-menu, .mobile-header {

transition: 0.5s ease all;

}

.header-menu.scrolled-header, .mobile-header.scrolled-header {

position: fixed;

top: 0;

left: 0;

right: 0;

-webkit-animation: slide-down 0.2s;

-moz-animation: slide-down 0.2s;

animation: slide-down 0.2s;

}

@-webkit-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}

@-moz-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}

@keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}

</style>

<b:if cond='data:view.isMultipleItems'>

//<![CDATA[

var postResults=postPerPage;

var numOfPages=2;

var pageOf=["Page", "of"];

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 K;5 m;5 l;5 w;5 s=1p.9;5 y="/";1d();G 1b(a){5 b=\'\';J=M(W/2);4(J==W-J){W=J*2+1}D=l-J;4(D<1)D=1;j=M(a/n)+1;4(j-1==a/n)j=j-1;E=D+W-1;4(E>j)E=j;b+=\'<C 6="3-1u">\'+17[0]+\' \'+l+\' \'+17[1]+\' \'+j+\'</C>\';5 c=M(l)-1;4(l>1){4(l==2){4(m==\'3\'){b+=\'<a 6="3-7 3-U" 9="\'+y+\'"></a>\'}h{b+=\'<a 6="3-7 3-U" 9="/v/u/\'+w+\'?&i-o=\'+n+\'"></a>\'}}h{4(m==\'3\'){b+=\'<a 6="3-7 3-U" 9="#" z="L(\'+c+\');B x"></a>\'}h{b+=\'<a 6="3-7 3-U" 9="#" z="I(\'+c+\');B x"></a>\'}}}4(D>1){4(m=="3"){b+=\'<a 6="3-7" 9="\'+y+\'">1</a>\'}h{b+=\'<a 6="3-7" 9="/v/u/\'+w+\'?&i-o=\'+n+\'">1</a>\'}}4(D>2){b+=\'<C 6="3-7 3-16">...</C>\'}1a(5 d=D;d<=E;d++){4(l==d){b+=\'<C 6="3-7 3-1v">\'+d+\'</C>\'}h 4(d==1){4(m==\'3\'){b+=\'<a 6="3-7" 9="\'+y+\'">1</a>\'}h{b+=\'<a 6="3-7" 9="/v/u/\'+w+\'?&i-o=\'+n+\'">1</a>\'}}h{4(m==\'3\'){b+=\'<a 6="3-7" 9="#" z="L(\'+d+\');B x">\'+d+\'</a>\'}h{b+=\'<a 6="3-7" 9="#" z="I(\'+d+\');B x">\'+d+\'</a>\'}}}4(E<j-1){b+=\'<C 6="3-7 3-16">...</C>\'}4(E<j){4(m=="3"){b+=\'<a 6="3-7" 9="#" z="L(\'+j+\');B x">\'+j+\'</a>\'}h{b+=\'<a 6="3-7" 9="#" z="I(\'+j+\');B x">\'+j+\'</a>\'}}5 e=M(l)+1;4(l<j){4(m==\'3\'){b+=\'<a 6="3-7 3-15" 9="#" z="L(\'+e+\');B x"></a>\'}h{b+=\'<a 6="3-7 3-15" 9="#" z="I(\'+e+\');B x"></a>\'}}b+=\'\';5 f=A.1s(\'1t\');5 g=A.1r(\'1A-1D\');1a(5 p=0;p<f.O;p++){f[p].1c=b}4(f&&f.O>0){b=\'\'}4(g){g.1c=b}}G 12(a){5 b=a.1f;5 c=M(b.1E$1B.$t,10);1b(c)}G 1d(){5 a=s;4(a.k(\'/v/u/\')!=-1){4(a.k(\'?T-i\')!=-1){w=a.H(a.k(\'/v/u/\')+14,a.k(\'?T-i\'))}h{w=a.H(a.k(\'/v/u/\')+14,a.k(\'?&i\'))}}4(a.k(\'?q=\')==-1&&a.k(\'.1C\')==-1){4(a.k(\'/v/u/\')==-1){m=\'3\';4(s.k(\'#F=\')!=-1){l=s.H(s.k(\'#F=\')+8,s.O)}h{l=1}A.18(\'<r Q=\\\'\'+y+\'P/R/N?i-o=1&X=Y-S-r&V=12\\\'><\\/r>\')}h{m=\'u\';4(a.k(\'&i-o=\')==-1){n=1F}4(s.k(\'#F=\')!=-1){l=s.H(s.k(\'#F=\')+8,s.O)}h{l=1}A.18(\'<r Q="\'+y+\'P/R/N/-/\'+w+\'?X=Y-S-r&V=12&i-o=1" ><\\/r>\')}}}G L(a){Z=(a-1)*n;K=a;5 b=A.1h(\'1q\')[0];5 c=A.1o(\'r\');c.1e=\'1m/1n\';c.1i(\'Q\',y+\'P/R/N?1j-1k=\'+Z+\'&i-o=1&X=Y-S-r&V=13\');b.1l(c)}G I(a){Z=(a-1)*n;K=a;5 b=A.1h(\'1q\')[0];5 c=A.1o(\'r\');c.1e=\'1m/1n\';c.1i(\'Q\',y+\'P/R/N/-/\'+w+\'?1j-1k=\'+Z+\'&i-o=1&X=Y-S-r&V=13\');b.1l(c)}G 13(a){11=a.1f.1x[0];5 b=11.1g.$t.H(0,19)+11.1g.$t.H(1z,1w);5 c=1y(b);4(m==\'3\'){5 d=\'/v?T-i=\'+c+\'&i-o=\'+n+\'#F=\'+K}h{5 d=\'/v/u/\'+w+\'?T-i=\'+c+\'&i-o=\'+n+\'#F=\'+K}1p.9=d}',62,104,'|||page|if|var|class|num||href||||||||else|max|lastPageNo|indexOf|currentPageNo|currentPage|postResults|results|||script|locationUrl||label|search|postLabel|false|home_page|onclick|document|return|span|pageStart|pageEnd|PageNo|function|substring|getLabelPage|pageNumber|noPage|getPage|parseInt|summary|length|feeds|src|posts|in|updated|prev|callback|numOfPages|alt|json|jsonstart||post|dataFeed|findPostDate||next|dots|pageOf|write||for|startPagination|innerHTML|pageCurrentBlogger|type|feed|published|getElementsByTagName|setAttribute|start|index|appendChild|text|javascript|createElement|location|head|getElementById|getElementsByName|pageArea|of|active|29|entry|encodeURIComponent|23|blog|totalResults|html|pager|openSearch|20'.split('|'),0,{}))

//]]>

</script>

</b:if>

//<![CDATA[

(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

//]]>

</script>

</body>

</html>

Download This Templates

Post a Comment

0 Comments

Translate

Popular Posts

Defined Compound Condition || Logical Operators || The switch Statement with example

How Does Computer Chip Work | Computer Sales Professional

How Does A Computer Program Process Input From A Keyboard And Mouse?

What's Inside A Computer Program System

Categories

Tags

Featured post

Importance Program Of Computer In Today Era

Popular Posts

Defined Compound Condition || Logical Operators || The switch Statement with example

How Does Computer Chip Work | Computer Sales Professional

How Does A Computer Program Process Input From A Keyboard And Mouse?

What's Inside A Computer Program System

Sell Computer Processing Power

Menu Footer Widget

Contact form