A Web Blog about SEO, Blogging Tips IT Technology Internet Tech Reviews

<data:blog.pageTitle/>

<data:blog.pageName/> - <data:blog.title/>

Page Not Found - <data:blog.title/>

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;display:block}
*{margin:0;padding:0}
html{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{background:transparent}
table{border-collapse:collapse;border-spacing:0}
.navbar,.post-feeds,.feed-links{display:none}
.section,.widget{margin:0;padding:0}
strong,b{font-weight:bold}
strong,b:hover{left:-.1em;content:'[';-webkit-transform:translateX(-100%);transform:translateX(-100%)}
cite,em,i{font-style:italic}

a:link{text-decoration:none;outline:none;transition:all .25s;color:$(link.color);}
a:visited{color:$(link.visited.color);text-decoration:none}
a:link:hover{text-decoration:none;color:$(link.hover.color)}
a:visited:hover{color:#2D3E52;text-decoration:none}

a img{border:none;border-width:0;outline:none}
img{max-width:100%;vertical-align:middle;border:0}
abbr,acronym{cursor:help}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
sub{top:.4em}
small{font-size:86%}
mark{background-color:#ffce00;color:#182025}
p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0}
hr{height:1px;border:none;background-color:#444}
#layout ul{display:none}
.top-wrapper{overflow:hidden;position:relative}

h1, h2, h3, h4, h5, h6 { text-align: left;text-transform: capitalize;font-weight:700;line-height:normal;margin:0 0 0}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}
textarea{display:block;box-sizing:border-box}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
blockquote{font-style:italic;position:relative;font-size:14px;padding:0;padding-left:60px;margin:40px 0;border:0;font-weight:400}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
blockquote{background-color:#f9f9f9;border-left:8px solid #bfcada;padding:10px;margin:10px}
:focus{outline:0!important}
ul,dl{margin:.5em 0 .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
div.clear{clear:both}
.clear{clear:both}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
.post ul li span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out}
ol{counter-reset:li;list-style:none;font-size:14px;padding:0;}
ol ol{margin:0 0 0 2em}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:rgba(232, 232, 232, 0.48);color:#666;text-decoration:none;transition:all .3s ease-out;padding-bottom: 5px; margin-bottom: 5px;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:$(main.color);font-weight: 600;}
.post-body ul li {list-style:none;position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.2em;background:rgba(232, 232, 232, 0.48);color:#666;text-decoration:none;transition:all .3s ease-out;padding-bottom: 5px!important; margin-bottom: 5px!important; font-size: 15px;}
.post-body ul li:before {content:"\f00c";font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:$(main.color);font-size:13px;}
.sharepost ul li:before {content:initial;font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:initial;font-size:13px;}
.sharepost ul li {list-style:none;position: initial; display: initial; padding: initial; background: initial; color: #666; text-decoration: none; transition: all .3s ease-out; margin: 0; margin-right: 5px;}
.widget .post-body ul {padding:0}

blockquote { background: #f9f9f9; border-left: 10px solid $(main.color); margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { color: $(main.color); content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
blockquote p {display: inline;}

.post-body table th,.post-body table td,.post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top}
.post-body table.tr-caption-container{border:1px solid #eee}
.post-body th{font-weight:700}
.post-body table caption{border:none;font-style:italic}
.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee}
.post-body th{background:#fafafa}
.post-body table.tr-caption-container td{border:none;padding:8px}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}
.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important}
.post-body h2 {margin: 20px 0 10px; background: $(main.color); color: #fff; padding: 8px; border: 1px solid #fff; border-style: dashed;}
.post-body h3, h4, h5, h6 {margin: 20px 0 10px; border-bottom: 3px solid #286ab1; padding-bottom: 5px;}

img{max-width:100%;height:auto;border:none}
table{max-width:100%;width:100%;margin:1.5em auto}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul{padding:0}
.quickedit{display:none;visibility:hidden}

body{background:$(body.background.color);color:$(body.text.color);font:$(post.body.font);line-height:27px;margin:0}

body#layout #mainbwrap{width:95%;}
body#layout #sidebar-wrapper{width:33%;left:0;padding:0;float:right}
body#layout .sidebar-area{width:100%;margin:0;padding:0}
body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0}
body#layout #menu-wrapper {height:initial;}
body#layout .top-header {padding:0}
body#layout .top-navigation-left, body#layout .top-navigation-right {float:initial;}

body#layout #footer-widgetfix .footer-widget {margin-left:0}
hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0}

img{height:auto;max-width:100%}
a{color:#f45145;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:visited{color:#f45145}
a:hover,a:focus,a:active{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100}
.site-header img{display:block;margin:0 auto;max-height:200px}
.bwrapsite-content{max-width: 1000px; margin: 0 auto; padding: 0; overflow: hidden; }
.content-area{float:left;margin:0 -25% 0 0;width:67%}
.widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0}

#footer-wrapper{text-align:left;overflow:hidden}
.footer{padding-bottom:.2em}
.footer-bottom {width: 1000px; margin: 0 auto;}
#footx1,#footx2,#footx3{margin:0 .2%}
#footer-widgetfix .footer-widget{width:30%;float:left;margin-right:30px}
#footer-widgetfix{max-width:1100px;overflow:hidden;margin:0 auto}
#footer-wrapper .widget-content{text-align:left}
#footer-wrapper .widget-content li{margin-left:-14px}
#footer-wrapper .widget li{margin:5px 0 0;}
#layout #footer-wrapper .add_widget{background-color:#f56954;border:none}
#layout #footer-wrapper .add_widget a{color:#fff}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
.site-footer{background:#242d36;clear:both;color:#f0f1f3;font-size:14px;font-weight:600;line-height:1.8em;padding:10px;text-align:center}
.site-footer a{color:#f0f1f3;text-decoration:none}
#footer-wrapper .widget-content a {color:#fff}
#footer-wrapper .label-size a {color:#555}
#footer-wrapper .PopularPosts ul li img, #footer-wrapper .PopularPosts .item-snippet {display:none;}
#footer-wrapper .PopularPosts ul li {border-bottom: 1px solid rgb(31, 38, 49);}
#footer-wrapper .cloud-label-widget-content .label-size a {background:#fff;}
#footer-wrapper h2 { color: #fff; line-height: 28px; padding: 8px; margin: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; background: $(main.color); border: 1px solid white; border-style: dashed; }

.sidebar-area{float:right;overflow:hidden;width:31.6%}
#sidebar .widget h2{color:$(widget.title.text.color);font: $(widget.title.font);margin: 0 auto; font-size: 12px;background:$(main.color); padding: 12px; text-align: center; position: relative; text-transform: uppercase;letter-spacing: 1px;}
#sidebar .widget h2:before{background: #fff url(https://4.bp.blogspot.com/-F1TjHfM859Y/V3AdhkmcKMI/AAAAAAAACME/E3mGPDKVvGoFueVXRvzMelQ32zDVvEu_gCLcB/s1600/bgdot.png);width: 100%; position: relative; overflow: hidden;}
#sidebar .widget{background:#fff;margin-bottom:15px;border-top: 2px solid $(main.color);}
#sidebar .widget a:hover, .PopularPosts ul li a:hover {$(link.hover.color);}
#sidebar .widget-content {padding:8px;border: 1px solid $(main.color); border-top: 0; box-shadow: 0 0 2px $(main.color);}
.site-footer{background:#242d36;clear:both;color:#f0f1f3;font-size:14px;font-weight:600;line-height:1.8em;padding:10px;text-align:center}
.site-footer a{color:#f0f1f3;text-decoration:none}
#adpost2 {background: #fff; padding: 14px; border: 1px solid rgb(230, 230, 230); margin-bottom:10px;}
.authorboxwrap{background:#fff;margin-top:15px;padding:20px;overflow:hidden;border: 1px solid $(main.color); box-shadow: 0 0 2px $(main.color); border-top: 6px solid $(main.color);}
.avatar-container {float:right;margin-right:20px;border: 1px solid #ECECEC;padding:3px;}
.avatar-container img{width:100px;height:auto;max-width:100%!important}
.author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px;border:0}
.author_description_container h4 a{color:#333}
.author_description_container p{margin:0;color:#333;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400;}
.social-links li {list-style:none !important;float: left;}
.social-links a {border-bottom: none;}
.social-links a:after, .social-links a:before{content: none!important;}
.social-links i {background: #f0f0f0; color: #787878; font-size: 17px; text-align: center; display: inline-block; padding: 7px 25px; margin: 0px 3px; }
.social-links i:hover {background:$(main.color); color: #fff; transition: all ease .3s; }
.author-box .avatar{margin-left: 2.4rem; float: right !important; border: 2px solid #F0F0F0; padding: 2px; }

#breakingnews {margin-right:10px;height:35px;line-height:35px;overflow:hidden;width:34.4%;float:left;border-right: 1px solid #ECECEC;}
#adbreakingnews li a {color:#666;transition:all 0.5s ease-in-out;}
#adbreakingnews {float:left;margin-left:110px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0;line-height:35px;border-right:none;}
#breakingnews .breakhead {position: absolute; display: block; float: left; font-size: 14px; font-weight:600; background:$(main.color); color: white; padding:0 10px;}

.avatar-image-container img{height:70px;width:70px;overflow:hidden;float:left;margin-right:20px;max-width:100%!important;border:2px solid $(main.color);border-radius:100px; padding: 5px}
#comments{padding:0!important;margin-top:15px;border: 1px solid $(main.color); box-shadow: 0 0 2px $(main.color); }
#comments a {font-size:13px;font-weight:400;}
.comments .avatar-image-container{max-height:100%!important;width:70px!important;margin-right:10px;border-radius:3px;overflow:initial;margin-right:20px;}
.comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative}
.comment-header a{font-size:15px;font-style:normal;display:inline-block;margin-bottom:5px;color:#34495E;}
.comments .comments-content .datetime a{font-size:11px;font-weight:600;}
.comments .comments-content .datetime,.comments .comment .comment-actions a{float:right}
.comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none}
.comment-actions a{color:$(main.color);background: #fff; border: 1px solid $(main.color); padding: 5px 20px!important; margin-left: 10px;}
.comments .comments-content .comment-header{background:#fff;padding:5px;margin-bottom:0;border:1px solid #ddd;}
.comments .comment .comment-actions a{padding:0;}
.comments .comment .comment-actions a:hover{text-decoration:none}
.comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px}
.comments .continue a{display:block;color:#333;font-size:11px;font-weight:normal;padding:0}
.comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0 0 -4px 12px;font-weight:700;color:#FFFFFF;font-size:11px;background:$(main.color);padding:3px;border-radius:3px}
.comments .comments-content .icon.blog-author:after{content:"Admin"}
.comments .comments-content .comment-content{text-align:left;padding:20px;background:rgb(235,235,235);color:#232323;border:1px solid #DEDEDE;border-top:0;font-weight: 600;}
.comments .comments-content {padding: 15px; padding-top: 0;}
#comments{padding:15px;margin-bottom:20px;background:#fff;border-top:2px solid $(main.color);}
#comments h4{color:$(widget.title.text.color);font: $(widget.title.font);margin: 0 auto; font-size: 12px;background:$(main.color);padding: 10px; text-align: center; position: relative; text-transform: uppercase;letter-spacing: 1px;}
.deleted-comment{font-style:italic;color:gray}

.FollowByEmail .follow-by-email-inner .follow-by-email-address{height: 40px!important; border: none; padding: 5px; margin-bottom: 5px; background: #ddd; text-align: center; font-size: 13px; font-family: rubik;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{font-family: rubik; height: 50px!important; width: 100%; margin-left: 0; background: $(main.color); font-weight: 700; text-transform: uppercase; padding: 10px 40px}
.follow-by-email-inner p {font-size:13px;font-weight:500;text-align:center;margin: 0; margin-bottom: 10px;}
.FollowByEmail h2 {font-size: 14px; font-weight: 500;}
.followbytext{font-size:15px;color:white;text-align:center;font-family:'Merriweather',serif;font-weight:700}
h2.date-header{margin:10px 0;display:none}

#header-wrapper{overflow:hidden;position: relative; max-width: 1000px; margin: 0 auto; }
#header{float:left;width:100%;max-width:230px;color:#222;margin:0}

#header h1,#header h2,#header p { font: $(header.font); color: $(header.text.color);margin:0}
#header a:hover{color:$(link.hover.color)}
#header .description{ font-size: $(description.text.size); color: $(description.text.color); }
.header img{display:block}
.header-right{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px;}
.header-right img{display:block;float:right}

.post {background:$(content.background.color); padding:18px; display: inline-block; border: 1px solid $(main.color); border-top: 0; box-shadow: 0 0 2px $(main.color); margin-bottom: 10px;}
.post-info .fa, .post-info2 .fa {color: #333;}
.author-info, .comment-info, .time-info {display:inline;margin-right:5px;}
.post-image {margin:0;z-index:1;padding:0;float:left;margin-right:20px;overflow:hidden;background: #2f3238;}
.post-image img {width:260px;height:200px;transition: 0.9s;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.post-image:hover img{ opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }

.post-outer { border-top: 6px solid $(main.color); }
.label-info a:nth-child(n+5){display:none;}

.post-body {line-height:1.6em;text-overflow:ellipsis;width: auto;margin-bottom: 15px;}
h2.post-title, h1.post-title {font: $(post.title.font);border: 0 none; color: #000;letter-spacing: normal; line-height: 1.3em; margin-bottom:5px; padding: 0; text-transform: capitalize;}
h2.post-title:hover, h1.post-title:hover {}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {;z-index:0;margin-top:-10px;line-height: 1.3;}
.post-info {text-transform: capitalize; overflow: hidden; color: #999999;margin: 0 0 10px;padding:5px;font: $(post.info.font); line-height:1.8;}
.post-info2 {text-transform:uppercase; line-height: 250%; overflow: hidden; color: #999999;padding:5px 0;font: $(post.info.font);margin-bottom:20px;font-size:11px;font-family: Montserrat;}
.post-info a {display:inline;background:transparent;color:$(main.color);padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
.post-info2 a {display: inline; background:$(main.color); color: #ffffff; padding: 5px 10px; transition: all .3s ease-out;}
#outer-wrapper{}
#banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-align:center;padding:10px;margin:15px}

#search-form {margin:0 auto;background:#fff url(http://4.bp.blogspot.com/-tNR4-OGVxss/U8mnN-TwEbI/AAAAAAAAEeU/LhDqJKDl2ZQ/s1600/search.png;) 96% 50% no-repeat;border:0 none;height:35px;line-height:13px;font-size:12px;font-weight:400;color:#737373;padding:0 10px;opacity:0.9;transition:all 0.5s ease 0s;font: $(post.info.font);border-right: 1px solid #ECECEC;float:left;}
#search-form .search-button,#search-form .search-button:hover{transition:all 0.5s ease 0s;height:36px;width:36px;line-height:13px;background:#fff;border:0 none;float:right;cursor:pointer;outline:none;}
#search-form:hover{background:#fff url(http://2.bp.blogspot.com/-rRYRHBpaPKo/U8aAIU6MgdI/AAAAAAAAEZQ/8xL3jXykKQU/s1600/search.png;) 90% 50% no-repeat;color:#888;}
#search-form:focus{background:#fff;text-shadow:none!important;outline:none;color:#666;}
#box {display:none}
.search-text {font-size:13px;float:right;cursor:pointer;}
.search-text:hover {color:#fff}

.post-summary p {margin: 0 auto; text-align: center; position: relative; overflow: hidden; top: -40px; font-size: 15px;}
.post-summary h3 {background:$(main.color); padding: 8px; font-size:0}
.post-summary h3 a {color:#fff;}
.favtitle {background: #fff; position: relative; top: -60px; text-align: center; padding: 10px 20px; margin:0 auto; width: 70%;border-top:3px solid $(main.color);}
.favtitle a {font: $(post.title.font);line-height: 1.2;}
.post-summary {margin-bottom:20px;border:3px solid $(main.color)}
#FeaturedPost1 h2 {margin: 0 auto;color: #fff; background: $(main.color); padding: 10px; text-align: center; position: relative; bottom:30px; text-transform: uppercase; font:$(widget.title.font); display: table; letter-spacing: 1px;}
#FeaturedPost1 h2:before { content: "\f08a"; font-family: FontAwesome; display: inline-block; margin-right: 6px; }

.cloud-label-widget-content{display:inline-block;text-align:left;margin-top:10px}
.cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:10px;line-height:normal;margin:0 5px 5px 0;opacity:1}
.cloud-label-widget-content .label-size a{background:$(main.color); color: #fff; float: left;line-height: 100%; margin: 0; padding: 10px 8px; height:10px; transition: all .6s;}
.cloud-label-widget-content .label-size a:hover {background:$(link.hover.color);color:#fff;border-radius:0;}
.cloud-label-widget-content .label-size .label-count{background:#555; color: #fff; white-space: nowrap; display: inline-block; padding: 10px 12px;height:10px; margin-left: -3px; line-height: normal; font-size: 10px;}
.Label li{position:relative;padding:10px 20px 10px 30px !important;list-style:disc;display:block;font-size:13px;background:rgba(0, 0, 0, 0.06);}
.Label li:nth-child(even) { background-color: #fff; }
.Label li:before{content:"\f111";font-family:fontAwesome;color:#ccc;font-size:8px;margin-left:15px;position:absolute;top:15px;left:0;padding:0;text-decoration:none;margin-top:1px}
.Label li a{color: #2D2D2D;}
.Label li:hover:before{color:$(link.hover.color);transition:all .6s}
.Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;right:15px;top:10px;font-size:11px; font-weight: 700;background:$(main.color);color:#fff}
.Label li:hover span{background:$(link.hover.color);transition:all .6s}
.sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-size:15px;transition:all .3s;font-family:'}
.post-body a.img, .post-body .separator a { margin-left: 0!important; margin-right: 0!important; }

.showpagePoint{background:$(main.color)!important; color: #fff; font-weight: 500;}
.showpage a, .showpageNum a, .showpagePoint, .showpageOf {border:1px solid $(main.color);}
span.showpageNum:last-child {float:right;}
#error404,.followby,.modalDialog{background:$(main.color)}
.pager-left, .pager-right {border: 1px solid $(main.color); box-shadow: 0 0 2px $(main.color); border-top: 6px solid $(main.color);}

#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager a{color:#333;font-size:13px;font-weight:500;line-height:1.3}
#blog-pager{text-align:center;margin-top:10px;}

.menu-item .fa-facebook {color:#3b5998;transition: all .1s ease-in-out;}
.menu-item .fa-twitter {color:#55acee;transition: all .1s ease-in-out;}
.menu-item .fa-google-plus {color:#dd4b39;transition: all .1s ease-in-out;}
.menu-item .fa-youtube-play {color:#bb0000;transition: all .1s ease-in-out;}
.menu-item .fa:hover {color:#555;transition: all .1s ease-in-out;}

.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:0;margin-left:3px;position:relative;}
.hasSub ul a:after{content:'';line-height:0}
#nav{display:block;margin-bottom:10px;background:$(menu.background.color);}
.menu{display:block;width:1000px;margin:0 auto!important;}
.menu li{display:inline-block;position:relative;z-index:100;padding:0;margin:0}
.menu li:first-child{margin-left:0;background: $(main.color)}
.menu li a{font-weight: 400; font-size: 13px; text-decoration: none; padding:15px; display: block; color: #fff; text-transform: uppercase; }
.menu li a:hover,.menu li:hover>a{color:#fff;background:rgba(0,0,0,0.42)}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:150px;position:absolute;left:0;background:$(main.color);z-index:99;transform:translate(0,20px);transition:all .2s ease-out}
.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0}
.menu ul li a{font-size:12px;font-weight:400;display:block;color:#fff;background:$(main.color)}
.menu ul li a:hover,.menu ul li:hover>a{background:rgba(0,0,0,0.42);color:#fff}
.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0,0)}
.menu ul ul{left:149px;top:0;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all .2s ease-out}
.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:6px;margin-top:-6px}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0)}
.responsive-menu{display:none;padding:20px 15px;background:$(main.color);color:#fff!important;text-transform:uppercase;font-weight:600}
.responsive-menu:hover{background:#374147;color:#fff;text-decoration:none}

.related-postbwrap{width:100%;float:left;background:#fff;border: 1px solid $(main.color); box-shadow: 0 0 2px $(main.color); }
.related-postbwrap h4{color:$(widget.title.text.color);font: $(widget.title.font);margin: 0 auto; font-size: 12px;background:$(main.color); padding: 12px; text-align: center; position: relative; text-transform: uppercase;letter-spacing: 1px;}
.related-post,.related-post li{list-style:none;margin:0}
.related-post li:nth-child(3), .related-post li:nth-child(6) {margin-right:0;}
.related-post li{overflow: hidden; line-height: .9; width: 32.2%; float: left; margin-right: 10px;padding:0;}
.related-post .related-post-item-thumbnail{width: 100%; height: 160px; float: left;}
.related-post .related-post-item-title{font-size: 13px;line-height: 1.4; background: #fff; padding: 10px; display: -webkit-box; display: -moz-deck;border-top:2px solid $(main.color);}
.related-post .related-post-item-summary{display:none;font-size:12px;font-weight:600;margin-top:5px;line-height:1.3}
.related-post-item-more, .related-post-item-summary-text {display:none}
.related-postbwrap ul {padding:10px;overflow: hidden;}

.top-header{background:$(header.background.color); position: relative; z-index: 999; padding: 20px 0;}
.fixed_widget{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)}

h1.post-title a:hover, h2.post-title a:hover { text-decoration:none; }

.readmore2 a:hover, .facebook_share a:hover, .twitter_share a:hover, .google_share a:hover { background: linear-gradient(to bottom, #c5c0c0 0%, #E5E5E5 100%);}
.readmore2 a, .facebook_share a, .twitter_share a, .google_share a {background: #EEE; background: -moz-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%); background: -webkit-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%); background: linear-gradient(to bottom, #FBFBFB 0%, #E5E5E5 100%); display: inline-block; float: right; padding: 6px 10px; color: #555!important; border: 1px solid #CCC; border-radius: 4px; text-decoration: none !important; font-size: 13px; font-weight: 400;}

.share-post ul {padding:0;margin:0;float:left;line-height: 1.4;}
.share-post li{list-style:none;display:inline-block;}
.share-post li a{display:block;text-align:center;}

.smoothscroll-top { position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background:$(main.color); color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:2px; transition:all 0.5s ease-in-out; transition-delay:0.2s; }
.smoothscroll-top:hover { background-color:#fff; color:$(main.color); transition:all 0.2s ease-in-out; transition-delay:0s; }
.smoothscroll-top.show { visibility:visible; cursor:pointer; opacity:1; bottom:25px; }
.smoothscroll-top i.fa { line-height:inherit; }

.top-navigation-wrapper{ color: #545454; }
.top-navigation-wrapper a, .top-navigation-wrapper a:hover{ color: #545454; }
.top-navigation-wrapper{border-color: #e4e4e4; border-bottom: 1px solid #eee; overflow: hidden;}
.container{ max-width: 1000px;margin:auto; }
.top-navigation-left{ float: left; }
.top-navigation-left-text li {font-size: 10px; list-style: none; display: -webkit-inline-box; font-weight: 500; padding:13px; text-transform: uppercase; border-right: 1px solid #eee;display: -moz-box;transition: all 0.3s ease-out 0s;}
.top-navigation-left-text li:hover {background:$(main.color);transition: all 0.3s ease-out 0s;}
.top-navigation-left-text li:hover a {color:#fff;}
.top-navigation-right{ float: right; }
.top-social-wrapper{ padding-top: 8px; padding-bottom: 8px; } /* height = 33px */
#social-icon, #footer-social-icon {margin:0}
#social-icon li {display:inline-block;position:relative}
#footer-social-icon li {display:inline-block;position:relative}
#social-icon .widget ul, #footer-social-icon .widget ul {padding:0}
#social-icon .social a {display: block; font-size: 16px; color: #F1C40F; text-align: center; position: relative; z-index: 5; transition: .4s; border: 1px solid $(main.color); padding: 0 8px;}
#footer-social-icon a {display:block;font-size:16px;color:#fff;text-align:center;position:relative;z-index:5;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.social li a:hover{transition:.4s;}
#social-icon .social a:hover {color:#444;opacity:1}
#footer-social-icon a:hover{transform: scale(1.2); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
#social-icon .social a:before {display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}
#footer-social-icon a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px}

#top-nav, #top-nav1{height:35px;background:;font-size:12px;font-weight:400;}
#top-nav ul, #top-nav1 ul{line-height:35px;margin:0}
#top-nav li, #top-nav1 li{position:relative;float:left;display:block;margin:0;border-right:1px solid #ECECEC;padding:0 10px;}
#top-nav a, #top-nav1 a{display:block;height:35px;color:#3E454C;}

.blog-date {float: left; line-height: 35px; margin: 0;border-right: 1px solid #ECECEC; padding: 0 10px;}
.blog-date li {padding-left:0!important;}
.wrapper{width:1000px;margin:0 auto}
.share2 {font-size: 13px; color:$(main.color); border: 1px solid; padding:4px; float: left; margin-right: 5px; padding-right: 7px; padding-left: 7px;font-weight: 800; letter-spacing: 0.6px;margin-top: 10px;}
.addthis_sharing_toolbox {clear:initial!important;margin-top: 10px;}
#searchsubmit, .breadcrumbs {background:$(main.color)}
#footer-wrapper {background-color:$(footer.background.color);border-top:1px solid #eee;text-align: center;margin-top:30px;}
.footer-logo{width: 1000px; margin: 20px auto; height: 130px;}
#footerfix {overflow:hidden;background-color:rgb(66, 66, 66)}
.copyleft {text-align: center; font-weight: 500;margin:10px;color:#fff;font-size:12px;padding:10px;}
#copyright {float:right;color:#fff;font-size:12px;margin-right:30px}
.copyleft a,#copyright a {color:#fff;text-decoration:none;}
.copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;}

]]>

body#layout div.section {background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative}
body#layout .top-tab-widget-menu ul,body#layout ul,#layout ul,body#layout div.section h4,#layout div.section h4 {display:none;}
body#layout .draggable-widget .widget-wrap2 {background: #FEC606 url(https://www.blogger.com/img/widgets/draggable.png) no-repeat 4px 50%;}
body#layout .add_widget {background-color:rgb(254, 198, 6);border: 1px dashed #3a3a3a!important;}
body#layout .add_widget a {color: white}
body#layout .editlink {color: #fff !important; background-color: #fec606; padding: 0px 20px; border-radius: 50px;}

body#layout #header {width:30%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout #header:before {content: "Header"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}
body#layout #header-right {width:63.5%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;float:right;}
body#layout #header-right:before {content: "Header ad slot (728x90 px )";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #top-menu {width:46%;float:left;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout #top-menu:before {content: "Top Menu Bar"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #social-icon {width:46%;float:right;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout #social-icon:before {content: "Top Social Icons";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #nav {margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout #nav:before {content: "Main Menu";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #FeaturedPost1 {margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout #FeaturedPost1:before {content: "Featured Post";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #Blog1 {margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;width: 100%;}
body#layout #Blog1:before {content: "Main Blog";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout .sidebar-area {width:88.5%;margin:4px;float: left; background-color: #fff; padding:10px!important; border: 1px solid #fec606; margin-bottom: 10px;}
body#layout .sidebar-area:before {content: "Sidebar";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #FollowByEmail1 {width:50%;margin:4px;float:right;margin-bottom: 10px;}
body#layout #footer-wrapper {width:97.5%;margin:4px;float:right;background-color: #fff; padding:10px!important; border: 1px solid #fe6d46; margin-bottom: 10px;}
body#layout #footer-wrapper:before {content: "Footer Wrapper"; font-size: 18px; color: #484848; display: inline-block; font-family: serif; font-weight: 700;margin-bottom: 10px;}
body#layout #footer-Link {width:97.5%;margin:4px;float:right; background-color: #EBFFFB; padding:5px!important; border: 1px solid #D8D6D6; margin-bottom: 10px;}
body#layout #footer-Link:before {content: "Footer Menu Link"; font-size: 18px; color: #484848; display: inline-block; font-family: serif; font-weight: 700;margin-bottom: 10px;}
body#layout #footer .widget {width:90%;left: 20px; top: 10px;}
body#layout #footer:before {content: "Template by msdesignbd.com"; font-size: 18px; color: #FFFFFF; display: inline-block; font-weight: 700; background: #FE7549; width: 100%; }