Memento Creative Blogger Template

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

<!DOCTYPE html>

<head>

<!--[if lt IE 9]>

<![endif]-->

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

<b:if cond='data:blog.homepageUrl == data:blog.url'>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.searchLabel'>

</b:if>

<b:if cond='data:blog.pageType == "archive"'>

</b:if>

<b:if cond='data:blog.isMobile'>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<title>

<data:blog.title/>

</title>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<title>

<data:blog.pageName/>

<data:blog.title/>

</title>

</b:if>

<b:if cond='data:blog.pageType == "archive"'>

<title>

Archive for

<data:blog.pageName/>

</title>

</b:if>

<b:if cond='data:blog.pageType == "static_page"'>

<title>

<data:blog.pageName/>

</title>

</b:if>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.searchLabel'>

<title>

<data:blog.title/>

<data:blog.pageName/>

</title>

</b:if>

<b:if cond='data:blog.pageType == "error_page"'>

<title>

Page Not Found

</title>

</b:if>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<title>

<data:blog.pageTitle/>

- All Post

</title>

</b:if>

<b:skin><![CDATA[

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

Blogger Template Style

Name: Memento Creative Responsive Blogger Template

Designer: Deepak Kumar

URL: http://www.bthemez.com

Version: Full Version

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

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;}

/* HTML5 display-role reset for older browsers */

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{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

/* FRAMEWORK */

body#layout #mywrapper {

width: 60%;

}

body#layout #post-wrapper {

width: 60%;

float: left;

}

body#layout div#main {

width: 100%;

}

body#layout #sidebar-wrapper {

overflow: visible;

float: left;

margin-left: -300px;

margin-top: -8px;

}

body#layout .headtitle{

display:none;

}

body#layout .content ul,body#layout .social-links ul,body#layout .identify-icon ul,body#layout .social ul {

list-style: none;

}

body#layout .top-menu{

position:relative;

left:223px;

}

.top-pages {

display: inline-block;

float: left;

}

#PageList1 h2 {

display: none;

}

#PageList1 ul{

display: inline-block;

font-size: 0;

text-align: center;

position: relative;

z-index: 9999;

background: inherit;

}

#PageList1 ul li {

position: relative;

float: left;

margin: 0;

padding: 0;

position: relative;

display: inline-block;

font-size: 16px;

}

#PageList1 ul li a{

display: block;

/* padding: 19px 15px; */

font-weight: bold;

padding: 20px;

/* line-height: 16px; */

color: #fff;

font-size: 0.9em;

}

.PopularPosts a:hover{

color:$(linkcolor);

}

body#layout div#PageList1 {

width: 50%;

}

.navbar,.post-feeds,.feed-links{display:none;

}

.section,.widget{margin:0 0 0 0;padding:0 0 0 0;

}

strong,b{font-weight:bold;

}

cite,em,i{font-style:italic;

}

a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;

}

a:visited{color:#333333;text-decoration:none;

}

a:hover{text-decoration:none;

}

a img{border:none;border-width:0;outline:none;

}

abbr,acronym{cursor:help;

}

sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;

}

sub{top:.4em;}small{font-size:86%;

}

kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;

}

mark{background-color:#ffce00;color:black;

}

p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;

}

hr{height:1px;border:none;background-color:#666;

}

/* heading */

h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;

}

h1{font-size:200%

}

h2{font-size:180%

}

h3{font-size:160%

}

h4{font-size:140%

}

h5{font-size:120%

}

h6{font-size:100%

}

/* list */

ol,ul,dl{margin:.5em 0em .5em 3em

}

ol{list-style:decimal outside

}

ul{list-style:disc outside

}

li{margin:.5em 0

}

dt{font-weight:bold

}

dd{margin:0 0 .5em 2em

}

/* form */

input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;

}

textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;

}

/* code blockquote */

pre,code{font-family:'Raleway', sans-serif;color:inherit;

}

pre{white-space:pre;word-wrap:normal;overflow:auto;

}

.post-body blockquote {

background: url(https://lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll left 18px transparent;

font-family: Monaco,Georgia,"

font-size: 100%;

font-style: italic;

line-height: 22px;

margin: 20px 0 30px 20px;

min-height: 60px;

padding: 0 0 0 60px;

}

/* table */

.post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;

}

.post-body table.tr-caption-container {border:1px solid #e5e5e5;

}

.post-body th{font-weight:bold;

}

.post-body table[border="1"] caption{border:none;font-style:italic;

}

.post-body table{

}

.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;

}

.post-body th{background:#f0f0f0;

}

.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:97%;height:auto;

}

.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;

}

img {

max-width:100%;

height:auto;

border:0;

}

table {

max-width:100%;

}

body#layout #outer-wrapper, body#layout .post-container, body#layout .sidebar-container {

padding:0 0 0 0;

}

body#layout #header-wrapper {

margin-top:60px;

}

body#layout .panel {

float:left;

width:79px;

}

.clear:before,

.clear:after {

content: " "; /* 1 */

display: table; /* 2 */

}

.clear:after {

clear: both;

}

/**

* For IE 6/7 only

* Include this rule to trigger hasLayout and contain floats.

.clear {

*zoom: 1;

}

html{

display: block;

background-size: auto;}

.post-entry p{

font-size: 16px;

word-spacing: 2px;

line-height: 30px;

color: #525252;

margin-bottom: 25px;

word-break: word-break;

margin-top: 0;

letter-spacing: 0.5px;

}

body {

background-position: center center;

background-repeat: repeat;

background-attachment: fixed;

font-family: 'Source Sans Pro', sans-serif;

font-size: 16px;

position: relative;

z-index: 1;

margin:0 0 0 0;

padding:0 0 0 0;

color: #898989;

overflow-x: hidden;

-webkit-tap-highlight-color: rgba(0,0,0,0);

-webkit-text-size-adjust: 100%;

-webkit-overflow-scrolling: touch;

}

#instafeed{

cursor: -webkit-grab;

padding: 0;

margin: 0;

}

section {

position: relative;

z-index: 1; /* needed for setting pseudo-element z-index */

overflow: hidden;

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

}

#instafeed a {

display: block;

padding: 0 !important;

margin: 0 !important;

max-width: 100% !important;

}

#instafeed li {

width: 14.28%;

display: inline-block;

vertical-align: top;

zoom: 1;

padding: inherit !important;

margin: 0 !important;

text-decoration: none;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

line-height: 0!important;

box-sizing: border-box;

}

/* outer-wrapper */

#outer-wrapper {

max-width: 100%;

margin: 0px auto;

box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1);

overflow: hidden;

position:relative;

}

.big-text{

padding: 80px 0;width: 100%;

background: #fff;

display: block;

background: #fff;

max-width: 1200px;

margin: 0 auto;

}

.main-content-wrapper, {

background: #fff;

max-width: 1200px;

margin: 0 auto;

}

/* NAVIGATION MENU */

.top-menu {

font: normal normal 12px Arial, sans-serif;

margin: 0 auto;

/* height: 65px; */

overflow: hidden;

/* padding: 0 28px; */

background: url("http://2.bp.blogspot.com/-TnrWMh-lg_A/VI2RPNyXcfI/AAAAAAAABE0/LmXEFTuLrjE/s1600/header_pattern.jpg") repeat scroll 0 0 transparent;

}

.menubar {

list-style-type:none;

margin:0 0 0 0;

padding:0 0 0 0;

position:relative;

z-index:3000;

}

.menubar li {

display:block;

float:left;

line-height:38px;

margin:0 0 0 0;

padding:0 0 0 0;

}

.menubar li a {

color: #E0E0E0;

display: block;

padding: 0 12px;

color: #fff;

font-size: 15px;

line-height: 1.7em;

font-family:'Raleway', sans-serif;

font-weight: 400;

transition: .5s;

-webkit-transition: .5s;

-moz-transition: .5s;

margin: 20px 35px 27px 0;

border: none;

text-shadow: none;

position: relative;

padding: 0;

}

.menubar li a:hover {

color:#0088C2;

}

ul.socialbar {

height:38px;

margin:0 0 0 0;

padding:0 0;

float:right;

}

ul.socialbar li {

display:inline-block;

list-style-type:none;

float:right;

margin:0 0;

padding:0 0;

border-right:none;

}

/* HEADER WRAPPER */

#header-wrapper {

margin:0 auto;

overflow:hidden;

padding: 0 28px;

background:$(maincolor);

z-index:300;

display:none;

position:relative;

}

.header img {

display: block;

}

.header-right {

float:right;

padding:0;

overflow:hidden;

margin:55px 0;

width:41.8%;

max-width:468px;

}

.header-right img {

display:block;

}

#nav {

font: normal 12px Arial, sans-serif;

height: 85px;

line-height: 85px;

padding: 0 28px;

background:#646464;

}

.menubar2 {

list-style: none;

margin:0 0 0 0;

*zoom: 1;

float:left;

}

.menubar2:before,

.menubar2:after {

content: " ";

display: table;

}

.menubar2:after {

clear: both;

}

.menubar2 ul {

list-style: none;

margin:0 0 0 0;

width:12em;

}

.menubar2 a {

display:block;

padding:0 40px 0 0;

}

.menubar2 li {

position: relative;

margin:0 0;

padding: 0 1px 0 0;

}

.menubar2 > li {

float: left;

}

.menubar2 > li > a {

display: block;

height: 84px;

line-height: 84px;

font-size: 15px;

text-decoration: none;

color: #ffffff;

font-family: 'Roboto Slab', serif;

}

.menubar2 li ul {

background: #444444 url(http://2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/s1600/menu-bg2.png) repeat;

border-bottom: 4px solid #0088c2;

display:block;

position:absolute;

left:0;

z-index:10;

visibility:hidden;

opacity:0;

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

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

-ms-transition:all .25s ease-out;

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

transition:all .25s ease-out;

}

.menubar2 li li ul {

left:100%;

top:-1px;

}

.menubar2 > li.hover > ul {

visibility:visible;

opacity:10;

}

.menubar2 li li.hover ul {

visibility:visible;

opacity:10;

}

.menubar2 li li a {

display: block;

color: #e0dfdf;

font-family: 'Droid Sans', sans-serif;

text-shadow: 0 1px 1px #4B4B4B;

position: relative;

z-index:100;

line-height:32px;

border-bottom: 1px solid #212223;

margin-left: 10px;

}

.menubar2 li li a:hover {

color:#fff;

}

.menubar2 li li li a {

color: #e0dfdf;

font-family: 'Droid Sans', sans-serif;

text-shadow: 0 1px 1px #4B4B4B;

z-index:20;

}

i.fa.fa-home {

color:#646464;

}

/* CONTENT WRAPPER */

#content-wrapper {

margin: 0 auto;

word-wrap:break-word;

width: 1170px;

z-index:300;

position:relative;

}

.largebanner {

background:#fff;

border-right:1px solid #e5e5e5;

border-bottom:1px solid #e5e5e5;

border-left:1px solid #e5e5e5;

}

.largebanner .widget {

padding:15px 14px;

overflow:hidden;

}

.largebanner img, .largebanner iframe{

display:block;

max-width:100%;

border:none;

overflow:hidden;

}

/* POST WRAPPER */

#post-wrapper {

position:relative;

z-index:300;

padding-top:20px;

}

.post-container {

padding:15px 0px 0 0;

}

.breadcrumbs {border-bottom: 1px solid #DDDDDD;border-radius: 2px 2px 2px 2px;border-top: 1px solid #DDDDDD;font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;display: none;}

.breadcrumbs > span {background: url("http://1.bp.blogspot.com/-VaJX0ShxH6c/TeUGQ0IGOWI/AAAAAAAAJGo/Qw7sIjc5MrQ/s200/bc_separator.png") no-repeat scroll right center transparent;padding: 10px 25px 10px 10px;}

.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #333333;}

.breadcrumbs a {color: #333333;}

.post {

background:#ffffff;

padding:12px 0;

padding: 0px 40px 50px;

border: 1px solid #eee;

}

.post-body {

color: #777777;

font-family: 'Source sans pro', serif;

font-size: 15px;

line-height: 1.86em;

font-weight: 400;

}

h2.post-title, h1.post-title {

transition: .5s;

-webkit-transition: .5s;

-moz-transition: .5s;

font-size: 55px;

line-height: 1.52em;

color:$(maincolor);

font-weight: 400;

text-decoration: none;

margin-top: -8px;

}

h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {

color:$(maincolor);

}

h2.post-title a:hover, h1.post-title a:hover {

color:#0099FF;

}

.img-thumbnail {

background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;

position:relative;

float:left;

width:375px;

height:210px;

margin:0 20px 0 0;

}

.img-thumbnail img {

width:375px;

height:210px;

border-radius: 4px;

webkit-transition: all .35s ease-in-out;

-moz-transition: all .35s ease-in-out;

transition: all .35s ease-in-out;

-webkit-backface-visibility: hidden;

}

.img-thumbnail img:hover{

opacity: 0.7;

filter: alpha(opacity=70);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

-webkit-transform: scale(1.05);

-moz-transform: scale(1.05);

-ms-transform: scale(1.05);

transform: scale(1.05);

}

span.rollover {

}

span.rollover:before {

content:"";

position: absolute;

width:24px;

height:24px;

margin:-12px;

top:50%;

left:50%;

}

span.rollover:hover {

opacity: .7;

-o-transition:all 1s;

-moz-transition:all 1s;

-webkit-transition:all 1s;

}

.post-info {

background: transparent;

margin: 0 0 12px;

color: #666666;

font-size: 14px;

padding: 0px 0;

}

.post-info a {

display:inline-block;

color:#666666;

}

.time-info, .comment-info, .label-info, .review-info {

margin-right:12px;

display:inline;

}

/* Page Navigation */

.pagenavi {

clear:both;

margin:-5px 0 10px;

text-align:center;

font-size:11px;

font-weight:bold;

text-transform:uppercase;

}

.pagenavi span,.pagenavi a {

margin-right: 3px;

display: inline-block;

color: $(readmore.color);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

box-shadow: 0 1px 3px rgba(0,0,0,0.3);

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

border-radius: 4px;

font-size:15px;

padding: 11px 14px;

margin: 15px 3px 50px 0;

}

.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {

background:$(maincolor);

color: #fff;

}

.pagenavi .pages {

display:none;

}

/* SIDEBAR WRAPPER */

#sidebar-wrapper {

/* background-image: url(http://3.bp.blogspot.com/-wOfr_xApSik/VFzpIVyO5-I/AAAAAAAAAv4/eoI_JSCrKC4/s1600/bg_pattrn.png); */

float: right;

width: 32%;

/* background-color: #fff; */

max-width: 373px;

margin: 0 auto;

}

.sidebar-container {

margin: 0 auto;

}

.sidebar-container {

padding: 44px 0;

}

.sidebar h2, .panel h2 {

font-family: 'Raleway', sans-serif;

font-weight: 400;

text-align: center;

text-transform: uppercase;

color: #252525;

line-height: 1;

font-size: 18px;

position: relative;

margin-top: 10px;

margin-bottom: 26px;

padding-bottom: 30px;

z-index: 1;

background: #fff;

position: relative;

width: 100%;

}

.sidebar h2:hover .sidebar h2:before{

width: 100%;

margin-left: -50%;

background: #d8b18e;

}

.sidebar h2:before{

content: '';

position: absolute;

width: 20%;

margin-left: -10%;

height: 2px;

left: 50%;

bottom: 10px;

background: $(linkcolor);

-webkit-transition: all 0.6s;

-moz-transition: all 0.6s;

-ms-transition: all 0.6s;

-o-transition: all 0.6s;

transition: all 0.6s;

}

#sidebar h2 span, #bottombar h2 span,#sidebar-narrow h2 span {

background: #0088C2;

padding: 6px;

color: #fff;

z-index:300;

position:relative;

}

.sidebar .widget {

margin: 0 0 15px;

background: #fff;

text-align: center;

}

.sidebar ul, .sidebar ol {

list-style-type:none;

margin:0 0 0 0;

padding:0 0 0 0;

}

.sidebar li {

margin:5px 0;

padding:0 0 0 0;

}

/* Recent Post */

.recent-post-title {

background: url(http://2.bp.blogspot.com/-gzRaJ5AFrCo/U6V7dFE88nI/AAAAAAAAAi0/_DclnNHIuHY/s1600/dot.png);

margin:0 0 15px;

padding:0;

position:relative;

}

div.recent-post-title:after {

content: no-close-quote;

position: absolute;

width: 0px;

height: 0px;

bottom: -6px;

left: 22px;

border-left: 6px solid rgba(0, 0, 0, 0);

border-right: 6px solid rgba(0, 0, 0, 0);

border-top: 6px solid #0088C2;

}

.recent-post-title h2 {

font:normal bold 14px Arial, sans-serif;

height:26px;

line-height:26px;

margin:0 0;

padding:0 10px;

background:#0088C2;

color:#ffffff;

display:inline-block;

}

.recent-post-title h2 a {

color:#ffffff;

}

.stylebox {

float:left;

width:50%;

margin:0 0;

}

.stylebox .widget {

padding:0 15px 15px 0;

}

.stylebox .widget-content {

background:#ffffff;

}

.stylebox ul {

list-style-type:none;

margin:0 0 0 0;

padding:0 0 0 0;

}

.stylebox1 {

float:left;

width:98%;

margin:0 0;

}

.stylebox1 .widget {

padding:0 0px 15px 0;

}

.stylebox1 .widget-content {

background:#ffffff;

}

.stylebox1 ul {

list-style-type:none;

margin:0 0 0 0;

padding:0 0 0 0;

}

/* Recent Post */

/* Author */

.author-wrapper{

background: #ffffff;

margin-bottom: 30px;

overflow: hidden;

position: relative;

margin-top:24px;

z-index: 0;

}

article.author-wrapper {

-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03);

box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.03);

-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.author-wrapper .title h3 {

font-size: 28px;

margin: 0;

text-transform: uppercase;

position: relative;

padding: 0 0 10px 0;

font-weight: normal;

line-height: 145% !important;

color: #212121;

}

article .media {

margin: 25px 0;

}

.media {

overflow: hidden;

zoom: 1;

}

.about_img img {

border-radius: 200px 200px 200px 200px;

-moz-border-radius: 200px 200px 200px 200px;

-webkit-border-radius: 200px 200px 200px 200px;

position: relative;

width: 140px;

height: 140px;

margin-bottom: 20px;

margin-right: 20px;

float:left;

}

.media p {

margin: 0 0 10px;

}

.post-footer {

position: relative;

display: block;

overflow: hidden;

margin: 30px 0 0;

padding: 15px 0;

border-bottom: 1px dashed #eee;

}

.social span a:hover {

color: #646464;

border: 1px solid #646464;

}

.social span a {

list-style: none;

text-align: center;

display: inline-block;

margin: 0 0 0 5px;

width: 35px;

color: #A7A5A5;

height: 35px;

line-height: 35px !important;

border-radius: 200px 200px 200px 200px;

-moz-border-radius: 200px 200px 200px 200px;

-webkit-border-radius: 200px 200px 200px 200px;

border: 1px solid #A7A5A5;

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

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

-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

/* BOTTOMBAR */

#bottombar {

background:#646464;

overflow:hidden;

margin:0 auto;

padding:10px 28px;

color:#dddddd;

}

#bottombar .left {

float:left;

width:34%;

}

#bottombar .center {

float:left;

width:34%;

}

#bottombar .right {

float:right;

width:32%;

}

#bottombar .left .widget, #bottombar .center .widget {

margin:0 15px 15px 0;

}

#bottombar .right .widget {

margin:0 0 15px 0;

}

#bottombar h2 {

font:normal bold 13px Arial, sans-serif;

margin:0 0 10px 0;

padding:6px 0;

text-transform:uppercase;

position:relative;

background: url(http://1.bp.blogspot.com/-MlMosFqnzNQ/U6V71fpyrHI/AAAAAAAAAi8/DroNXqPjOw0/s1600/dot-footer.png);

color:#eeeeee;

}

#bottombar ul, #bottombar ol {

list-style-type:none;

margin:0 0 0 0;

padding:0 0 0 0;

}

#bottombar li {

margin:5px 0;

padding:0 0 0 0;

}

#bottombar ul li:before {

color:#eeeeee !important;

}

#bottombar a {

color:#dddddd;

}

#bottombar a:hover {

color:#ffffff;

}

/* FOOTER */

body#layout #footer div.column {

width: 25%;

margin-right: 0 !important;

float:left;

}

body#layout #footer .column .widget {

float: left;

margin-bottom: 15px;

overflow: hidden;

width: 176px;

}

/* label

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

background:#E73037;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#333333;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#333333;

color:#fff !important;

}

.label-size {

line-height:1.2

}*/

/* Set color and level */

.PopularPosts ul li {margin-right:1% !important}

.PopularPosts .item-thumbnail {

margin:0 0 0 0;

}

.PopularPosts .item-snippet {

font-size: 14px;

line-height: 1.5em;

}

.profile-img{

display:inline;

opaciry:10;

margin:0 6px 3px 0;

}

/* back to top */

#back-to-top {

background:#353738;

color:#ffffff;

padding:8px 10px;

font-size:24px;

}

.back-to-top {

position:fixed !important;

position:absolute;

bottom:20px;

right:20px;

z-index:999;

}

/* ==== Related Post Widget Start ==== */

#related-posts{

padding-top: 20px;

}

.large-12 {

width: 100%;

}

.related_title {

font-size: 18px;

margin-top: 10px;

margin-bottom: 5px;

}

.related_title:hover{

font-size: 18px;

color:#222;

margin-top: 10px;

margin-bottom: 5px;

}

.fwstyle {

color: #fff;

background: $(maincolor);

display: inline-block;

padding: 0 10px;

line-height:1.5;

margin-right:5px;

}

.related-item{

overflow:hidden;

}

#related-posts .related_img {

padding: 0px;

width: 250px;

height: 140px;

object-fit:cover;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease;

}

/* share buttons */

.share-buttons-box {

height: 67px;

background: url(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/s1600/share.png) no-repeat 330px 10px;

margin:20px 0 15px;

overflow:hidden;

}

.share-buttons {

margin:0 0;

height:67px;

float:left;

}

.share-buttons .share {

float:left;

margin-right:10px;

display:inline-block;

}

/* error and search */

.status-msg-wrap {

font-size:120%;

font-weight:bold;

width:100%;

margin:20px auto;

}

.status-msg-body {

padding:20px 2%;

width:96%;

}

.status-msg-border {

border:1px solid #e5e5e5;

opacity:10;

width:auto;

}

.status-msg-bg {

background-color:#ffffff;

}

.status-msg-hidden {

padding:20px 2%;

}

ul.soc-icons-header {

list-style: none;

}

#ArchiveList ul li:before {

content:"" !important;

padding-right:0px !important;

}

/* facebook comments */

.fb-comments{width: 100% !important;}

.fb-comments iframe[style]{width: 100% !important;}

.fb-like-box{width: 100% !important;}

.fb-like-box iframe[style]{width: 100% !important;}

.fb-comments span{width: 100% !important;}

.fb-comments iframe span[style]{width: 100% !important;}

.fb-like-box span{width: 100% !important;}

.fb-like-box iframe span[style]{width: 100% !important;

}

.rich-snippet {

padding:10px;

margin:15px 0 0;

border:3px solid #eee;

font-size:12px;

}

/*-------sidebar----------------*/

div#mywrapper {

width:66%;

float:left;

}

#sidebartab {

margin-bottom: 15px;

margin-top: -15px;

}

.tab-widget-menu {

height: 46px;

margin: 0;

}

#sidebartab .widget {

margin-bottom: 0;

padding-bottom: 0;

background: #fff;

margin-bottom: 20px;

padding: 20px;

border: 1px solid #eee;

}

#sidebartab .h2title {

display: none;

}

#sidebartab .h2titlesmall {

display: none;

}

#sidebartab .widget-content {

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

border: 0;

}

.tab-widget-menu ul, .tab-widget-menu li {

list-style: none;

padding: 0;

margin: 0;

}

.tab-widget-menu li {

bottom: -2px;

color:$(maincolor);

cursor: pointer;

float: left;

height: 38px;

line-height: 38px;

margin: -12px 6px 0 0px;

padding: 7px 0px 2px;

position: relative;

text-align: center;

width: 17.3%;

z-index: 2;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

border-radius: 4px;

}

.author-profile img{

border-radius:50%;

float:none!important;

}

.tab-widget-menu li.selected {

border-width: 1px 1px 3px;

color:#777777;

margin: -12px 6px 0 0px;

padding: 7px 0px 2px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

border-radius: 4px;

}

li .fa {

font-size: 15px;

color: #fff;

}

.selected .fa {

color: #fff;

}

div#tab1 ,div#tab2 ,div#tab3{

background: #fff;

padding: 14px 21px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

border-radius: 4px;

}

div#tab3{

background:none;

padding:0px;

}

#sidebartab .popular-posts li {

background: none repeat scroll 0 0 transparent;

border-bottom: 1px solid #E9E9E9;

overflow: hidden;

padding: 10px 0;

}

#sidebarlab .sidebar li a:hover {

color: #fff;

background: #222;

}

.PopularPosts .item-title{

padding-bottom: 1.2em;

display: inline-block;

margin-top: 10px;

color:$(maincolor);

font-family: 'Libre Baskerville', serif;

/* font-family: 'Open Sans', sans-serif; */

font-size: 19px;

font-weight: 400;

line-height: 28px;}

.PopularPosts a {font-weight:bold;}

.tagcloud a {

background: #e4e4e4;

color: #888;

display: block;

float: left;

font-size: 14px!important;

line-height: 12px;

margin: 0 2px 2px 0;

padding: 12px 17px;

}

.tagcloud a:link {

color: #888;

}

.tagcloud a:hover {

background: #0088C2;

color: #fff;

}

.tagcloud1 a {

background: #555555;

color: #888;

display: block;

float: left;

font-size: 14px!important;

line-height: 12px;

margin: 0 2px 2px 0;

padding: 12px 17px;

}

.tagcloud1 a:link {

color: #888;

}

.tagcloud1 a:hover {

background: #0088C2;

color: #fff;

}

.showpageArea a {

clear:both;

margin:-5px 0 10px;

text-align:center;

font-size:11px;

font-weight:bold;

text-transform:uppercase;

}

.showpageNum a {

padding:6px 10px;

margin-right:3px;

display:inline-block;

color:#333333;

background-color:#ffffff;

border: 1px solid #dddddd;

}

.showpageNum a:hover {

border: 1px solid #aaaaaa;

}

.showpagePoint {

padding:6px 10px;

margin-right:3px;

display:inline-block;

color:#333333;

background-color:#ffffff;

border: 1px solid #aaaaaa;

}

.showpageOf {

display:none;

}

.showpage a {

padding:6px 10px;

margin-right:3px;

display:inline-block;

color:#333333;

background-color:#ffffff;

border: 1px solid #dddddd;

}

.showpage a:hover {

border: 1px solid #aaaaaa;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#666;

}

.button {

text-align: center;

width: 100%;

margin: 10px 0;

padding: 0;

font-size: 14px;

font-family: 'Tahoma', Geneva, Sans-serif;

color: #fff;

margin-left: 0em !important;

}

.button ul {

margin: 0;

padding: 0;

}

.button li {

display: inline-block;

margin: 10px 0;

padding: 0;

}

.demo {

border-radius: 3px;

padding: 8px 12px;

background: #e74c3c;

color: #fff !important;

transition: background-color 1s 0s ease-out;

}

.download {

border-radius: 3px;

padding: 8px 12px;

background: #3498db;

color: #fff !important;

transition: background-color 1s 0s ease-out;

}

.buton a {

color: #fff;

}

.demo:hover {

background: #c0392b;

color: #fff;

}

.download:hover {

background: #2980b9;

color: #fff;

}

.download:before {

content: "\f019";

font-family: FontAwesome;

font-weight: normal;

padding: 8px;

background: #2980b9;

margin-left: -12px;

margin-right: 6px;

border-radius: 3px 0 0 3px;

font-size: 16px;

}

.demo:before {

content: "\f06e";

font-family: FontAwesome;

font-weight: normal;

padding: 8px;

background: #c0392b;

margin-left: -12px;

margin-right: 6px;

border-radius: 3px 0 0 3px;

font-size: 16px;

}

#Attribution1 {

height:0px;

visibility:hidden;

display:none

}

.author-avatar img{float:left;margin:0 10px 5px 0;border:50%;}

#author-box h3 {

padding-bottom: 5px;

border-bottom: 4px solid #333;

font-size: 18px;

font-family: Oswald,arial,Georgia,serif;

}

.share-post {

font-size: 13px;

margin-top: 15px;

}

.share-post li {

float: left;

}

.share-post a {

display: block;

margin-right: 10px;

text-indent: -9999px;

margin-left: 12px;

background: url(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;

-webkit-transition: opacity .2s;

-moz-transition: opacity .2s;

-o-transition: opacity .2s;

transition: opacity .2s;

}

.share-post a:hover {

opacity: .7;

}

.share-post

.facebook a {

width: 7px;

}

.share-post

.twitter a {

width: 18px;

background-position: -47px 0;

}

.share-post

.google a {

width: 14px;

background-position: -105px 0;

}

.share-post

.pinterest a {

width: 11px;

background-position: -159px 1px;

}

/*** Share Post Styling ***/

#share-post {

width: 100%;

overflow: hidden;

margin-top: 20px;

}

#share-post a {

display: block;

height: 32px;

line-height: 43px;

color: #fff;

float: left;

padding-right: 10px;

margin-right: 10px;

margin-bottom: 25px;

text-decoration: none;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

border-radius: 4px;

overflow: hidden;

margin: 0 10px 10px 0;

transition: .5s;

-webkit-transition: .5s;

-moz-transition: .5s;

width: 125px;

height: 45px;

float: left;

padding: 0;

overflow: hidden;

text-align: center;

font-weight: 600;

}

#share-post

.facebook {

background-color: #6788CE;

}

#share-post

.twitter {

background-color: #29C5F6;

}

#share-post

.google {

background-color: #E75C3C;

}

#share-post

span {

display: block;

width: 32px;

height: 32px;

float: left;

padding: 6px;

background: url(http://4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;

background-position-y: 6px;

background-position-x: 7px;

}

#share-post

.facebook span {

background-color: #3967C6;

}

#share-post

.twitter span {

background-color: #26B5F2;

background-position: -65px;

}

#share-post

.google span {

background-color: #E94D36;

background-position: -137px;

}

/* Search Box

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

#searchformfix

{

float:right;

overflow:hidden;

position:relative;

}

#searchform

{

margin:25px 0 0;

padding:0;

}

#searchform fieldset

{

padding:0;

border:none;

margin:0;

}

#searchform input[type="text"]{

background: #646464;

border: none;

float: left;

padding: 4px 10px 0px 15px;

margin: 0px;

width: 106px;

height: 34px;

line-height: 34px;

transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;

-moz-transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;

-webkit-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;

-o-transition: all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;

color: #F5F3F3;}

#searchform input[type=text]:hover,#searchform input[type=text]:focus

{

width:200px;

}

#searchform input[type=submit]

{

background:url(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 9px no-repeat;

cursor:pointer;

margin:0;

padding:0;

width:37px;

height:34px;

line-height:34px;

background-color:#646464;

}

input[type=submit]

{

padding:4px 17px;

color:#ffffcolor:#585858;

text-transform:uppercase;

border:none;

font-size:20px;

background:url(gradient.png) bottom repeat-x;

cursor:pointer;

margin-top:10px;

float:left;

overflow:visible;

transition:all .3s linear;

-moz-transition:all .3s linear;

-o-transition:all .3s linear;

-webkit-transition:all .3s linear;

}

.selectnav {

display:none;

}

/*---Flicker Image Gallery-----*/

.flickr_plugin {

width: 100%;

}

.flickr_badge_image {

float: left;

height: 80px;

margin: 10px 5px 0px 5px;

width: 80px;

}

.flickr_badge_image a {

display: block;

}

.flickr_badge_image a img {

display: block;

width: 100%;

height: auto;

-webkit-transition: opacity 100ms linear;

-moz-transition: opacity 100ms linear;

-ms-transition: opacity 100ms linear;

-o-transition: opacity 100ms linear;

transition: opacity 100ms linear;

}

.flickr_badge_image a img:hover {

opacity: .5;

}

div#act {

display: none;

}

#container{

width: 1170px;

margin:0 auto;

}

.vcard span {

color: #646464;

}

a.timestamp-link {

color: #646464;

}

span.comment-info a {

color: #aaaaaa;

}

span.comment-info l,span.time-info l {

background: url("http://3.bp.blogspot.com/-D6V8VgPZ9Is/VAii5y80N9I/AAAAAAAABjo/Out2-0og5Do/s1600/list-style.png") no-repeat center left;

padding-left: 8px;

margin-right: 6px;

margin-left: -5px;

}

/*--- SOC. IKONS ---*/

.soc-icon {

width: auto;

display: inline-block;

margin: 25px 0 0;

}

.soc-icon ul {

margin: 0;

}

.soc-icon li {

margin: 0 0 0 8px;

padding: 0;

display: inline-block;

}

.soc-icon li a {

transition: .5s;

-webkit-transition: .5s;

-moz-transition: .5s;

float: left;

width: 26px;

height: 24px;

overflow: hidden;

}

.soc-icon li a img {

transition: .5s;

-webkit-transition: .5s;

-moz-transition: .5s;

position: relative;

top: 0;

float: left;

width: 26px;

height: 49px;

}

.soc-icon li a:hover img {

top: -24px;

}

#nav.fixed-nav{

position: fixed;

top: 0;

left: 0;

width: 100% !important;

z-index: 999;

padding: 0;

}

.scroll-top.cl-effect-5 {

float: right;

margin-right: 36px;}

p#back-top {

background: #fff;

padding: 10px 11px 11px;

color: #222;

border-radius: 3px;

}

p#back-top .fa {

color: #222;

}

/*----------//// AUTHORS ARCHIVE \\\\-------------*/

div#top-comment {

background: #fff;

padding-left: 20px;

padding-right: 20px;

}

.top-comment {

float: left;

font-size: 14px;

list-style: none outside none;

text-transform: uppercase;

width: 43%;

margin: 1px;

padding: 10px 20px !important;

font-weight: normal;

color: #646464;

cursor: pointer;

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

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

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

-ms-transition: all .2s ease-in-out;

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

}

#relpost_img_sum .news-text {

display: none;

}

.top-comment.selected {

cursor: pointer;

padding: 11px 20px !important;

margin: 0px 0 0 -16px;

color: #FFF;

background: #646464;

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

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

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

-ms-transition: all .2s ease-in-out;

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

}

.top-comment.blogico:before {

content: "\f0d5";

font-family: fontawesome;

margin-right: 15px;

}

.top-comment.faceico:before {

content: "\f09a";

font-family: fontawesome;

margin-right: 15px;

}

h1, h2, h3 {

font-family: 'Open Sans', sans-serif;

}

h2.white {

color: #fff;

}

span.lines {

border-top: 1px solid #aeaeae;

border-bottom: 1px solid #aeaeae;

}

h3 {

font-size: 30px;

text-transform: uppercase;

font-weight: 600;

color: #434343;

}

h3.white {

color: #fff;

}

h4 {

font-family: 'Source Sans Pro', sans-serif;

font-size: 36px;

font-weight: 600;

color: #fff;

text-transform: uppercase;

}

h5 {

font-family: 'Source Sans Pro', sans-serif;

font-size: 24px;

font-weight: 600;

text-transform: uppercase;

color: #fff;

}

p {

font-family: 'Source Sans Pro', sans-serif;

font-size: 16px;

font-weight: 400;

line-height: 23px;

color: #515151;

}

p.white {

color: #f9f9f9;

}

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

margin: 0px 0px 12px;

background-image: url(http://wordpress.novarostudio.com/sastro/wp-content/themes/sastro/images/newsletter.gif);

background-repeat: no-repeat;

background-position: center left;

padding-left: 48px;

font-size:15px;

width:75%;

margin-top:10px;

}

.follow-by-email-inner:before {

color: #f5f5f5;

content: "Join with Thousands Of Subscribers ! Get Our Latest Articles Delivered to Your email Inbox";

font-family: nunito;

font-size: 12px;

font-weight: normal;

text-transform: uppercase;

margin-bottom: 1px;

}

.FollowByEmail td {

display: inline;

}

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

width: 80px;

margin: 0;

border: 0;

border-radius: 2px;

-moz-border-radius: 2px;

background: #646464;

color: #fff;

cursor: pointer;

font-size: 13px;

height: 37px;

z-index: 0;

}

#footer1{line-height:30px;padding:25px

0 70px 0;background-color:#898989;

position:relative;

z-index:300;

}#footer1

p{font-size:12px;float:left;line-height:30px;text-align:justify;}#footer1 .go-top{float:right;margin-left:20px;padding-left:20px;border-left:1px solid rgba(0,0,0,0.1)}#footer1 .go-top

a{display:block;width:30px;height:30px;color:#fff;font-size:14px;text-align:center;border-radius:2px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}#footer1 .go-top a:hover{background-color:#444}#footer1 .go-top a

i{line-height:30px}#footer1 .social-icons{text-align:center;float:right}#footer1 .social-icons

a{display:inline-block;color:#ccc;font-size:14px;border-radius:2px;margin-left:15px}#footer1 .social-icons a:hover{color:#646464}.toggle-item{margin-bottom:15px}.toggle-item .panel-title{margin-bottom:10px}.toggle-item .panel-title

a{display:block;color:#888;height:42px;line-height:42px;position:relative;font-size:13px;padding:0

20px;border-radius:2px;overflow:hidden;background-color:#f8f8f8;letter-spacing:1px;text-transform:uppercase}.toggle-item .panel-title a:after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:#646464}.toggle-item .panel-title a.collapsed:after{background-color:#ddd}.toggle-item .panel-title a

i{position:absolute;right:0;top:0;color:#fff;width:42px;height:42px;font-size:14px;text-align:center;line-height:42px;background-color:#646464;transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out}

.thumbnail {

position: relative;

display: block;

padding: 0px;

line-height: 20px;

border: 0px solid #ddd;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055);

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

box-shadow: 0 0px 0px rgba(0, 0, 0, 0.055);

-webkit-transition: all 0.2s ease-in-out;

-moz-transition: all 0.2s ease-in-out;

-o-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

}

.featured-thumbnail a {

position: relative;

display: block;

}

a.image-wrap {

display: block;

width: 100%;

height: 100%;

text-align:center;

}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}

input,textarea,.uneditable-input{width:206px}

textarea{height:auto}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}

input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}

select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}

select{width:220px;border:1px solid #ccc;background-color:#fff}

select[multiple],select[size]{height:auto}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}

/* Post social share */

.post_social_share {

display:block;

padding: 25px 0 40px;

text-align: center;

margin-bottom:30px;

}

.mbt-pager { border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; margin-bottom: 10px; overflow:hidden; padding:0px;}

.mbt-pager li.next { float: right; padding:0px; background:none; margin:0px;}

.mbt-pager li.next a { padding-left: 24px; }

.mbt-pager li.previous { margin:0px -2px 0px 0px; float: left; border-right:1px solid #ddd; padding:0px; background:none;

}

.mbt-pager li.previous a { padding-right: 24px; }

.mbt-pager li.next:hover, .mbt-pager li.previous:hover {background:$(maincolor); }

.mbt-pager li { width: 50%; display: inline; float: left; text-align: center; }

.mbt-pager li a { position: relative; min-height: 77px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}

.mbt-pager li i { color: ##ff; font-size: 18px; }

.mbt-pager li a strong { display: block; font-size: 20px; color: #ccc; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;}

.mbt-pager li a span { font-size: 15px; color: #666; font-family:oswald,Helvetica, arial; margin:0px;}

.mbt-pager li a:hover span,

.mbt-pager li a:hover i { color: #ffffff; }

.mbt-pager li.previous i { float:left; margin-top:15%; margin-left:5%; }

.mbt-pager li.next i { float: right;

margin-top: 15%;

margin-right: 5%; }

.mbt-pager li.next i, .mbt-pager li.previous i ,

.mbt-pager li.next, .mbt-pager li.previous{

-webkit-transition-property: background color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out;

-moz-transition-property: background color; -moz-transition-duration: 0.4s; -moz-transition-timing-function: ease-out;

-o-transition-property: background color; -o-transition-duration: 0.4s; -o-transition-timing-function: ease-out;

transition-property: background color; transition-duration: 0.4s; transition-timing-function: ease-out; }

.fa-chevron-right {padding-right:0px;}

.post_social_share h3 {

display: block;

font-size: 14px;

line-height: 54px;

font-weight: 700;

margin-bottom: 0;

letter-spacing: 2px;

}

.post_social_share a {

width:53px;

font-size:20px;

padding:10px;

margin:0 10px;

display:inline-block

}

.post_social_share a:hover {

-webkit-transition:border-color .2s;

-moz-transition:border-color .2s;

transition:border-color .2s

}

.post_social_share a {

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

}

.post_social_share a:hover {

border-color:#646464;

color:#646464;

}

header.header {

width: 100%;

text-align: center;

color: #fff;

max-width:1200px;

margin:0 auto;

clear: both;

background:#fff;

padding-bottom:20px;

}

#logo {

display: block;

text-align: center;

padding: 35px 0;

float: left;

}

.headerleft, #logo {

overflow: hidden;

width: 100%;

text-align: center;

}

.headerleft {

/* margin-bottom: 0px; */

/* display: block; */

width: 1000px;

margin: 0 auto;

padding-top: 20px;

padding-bottom: 20px;

/* margin-left: auto; */

/* margin-right: auto; */

/* width: 400px; */

}

.tooltip {

display: inline;

position: relative;

z-index: 999;

}

/* Trigger text */

.tooltip-item {

color: $(maincolor);

cursor: pointer;

z-index: 100;

position: relative;

display: inline-block;

font-weight: 700;

-webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;

transition: background-color 0.3s, color 0.3s, transform 0.3s;

}

.tooltip:hover .tooltip-item {

color: $(maincolor);

-webkit-transform: translate3d(0,-0.5em,0);

transform: translate3d(0,-0.5em,0);

}

#loading-area {

position: fixed;

width: 100%;

height: 100%;

background: #fff !important;

z-index: 999999999999 !important;

overflow: hidden;

}

.loading1 {

position: absolute;

top: 45%;

left: 50%;

margin-left: -30px;

}

.loading1 img {

-webkit-animation: spin 1s linear infinite;

animation: spin 1s linear infinite;

}

@-webkit-keyframes spin {

0% { -webkit-transform: rotate(0deg); }

100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

0% { transform: rotate(0deg); }

100% { transform: rotate(360deg); }

}

/* Tooltip */

.tooltip-content {

position: absolute;

z-index: 99;

width: 360px;

box-shadow: 0 1px 3px rgba(0,0,0,0.3);

left: 50%;

margin-left: -180px;

bottom: -5px;

text-align: left;

background: $(maincolor);

opacity: 0;

font-size: 0.75em;

line-height: 1.5;

padding: 1.5em;

color: #fff;

border-bottom: 65px solid #fff;

cursor: default;

pointer-events: none;

border-radius: 5px;

font-family: 'Indie Flower', cursive;

-webkit-transform: translate3d(0,-0.5em,0);

transform: translate3d(0,-0.5em,0);

-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

transition: opacity 0.3s, transform 0.3s;

}

.tooltip-content a {

color: #32434f;

}

.tooltip-text {

opacity: 0;

-webkit-transform: translate3d(0,1.5em,0);

transform: translate3d(0,1.5em,0);

-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

transition: opacity 0.3s, transform 0.3s;

}

.tooltip:hover .tooltip-content,

.tooltip:hover .tooltip-text {

pointer-events: auto;

opacity: 1;

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

transform: translate3d(0,0,0);

}

.footer {

background: #1e1f20;

color: #b9b9b9;

}

.footer a {

color: #b9b9b9

}

.footer a:hover {

color: #57a4a4

}

.sub-footer {

background: #353535;

padding-top: 35px;

padding-bottom: 35px;

}

.sub-footer p {

padding: 0 !important;

margin: 0 !important;

}

.footer h1,

.footer h2,

.footer h3,

.footer h4,

.footer h5,

.footer h6 {

color: #eaeaea

}

.contact-info {

margin: 0;

padding: 0;

list-style: none;

}

.contact-info span {

margin: 0 4px

}

.contact-info span:before {

display: inline-block;

content: "/";

padding-right: 7px;

}

.contact-info span:first-child:before {

display: none

}

.contact-info i {

margin-right: 3px;

font-size: 14px;

}

.thin {

width: 85%;

margin: 0 auto;

}

footer .thin {

width: 60%

}

.text-center {

text-align: center;

}

.dark-wrapper {

background: rgba(0,0,0,0.03)

}

.black-wrapper {

background: #1e1f20;

color: #b9b9b9;

}

.black-wrapper h1,

.black-wrapper h2,

.black-wrapper h3,

.black-wrapper h4,

.black-wrapper h5,

.black-wrapper h6 {

font-weight: 500;

position: relative;

-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;

-moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;

-o-transition: background-color 0.25s ease-out, color 0.25s ease-out;

transition: background-color 0.25s ease-out, color 0.25s ease-out;

background-color: rgba(89,171,227,0);

text-decoration: none;

color: #222;

margin-top: 5px;

padding: 7px;

color: #eaeaea;

}

.black-wrapper .lead {

color: #b9b9b9

}

.black-wrapper a {

color: #FFF

}

.color-wrapper {

background: #57a4a4

}

.color-wrapper p {

color: #FFF

}

.inner {

padding-top: 40px;

padding-bottom: 40px;

}

.divide20 {

width: 100%;

height: 20px;

}

.social {

padding: 0;

margin: 0 0 -5px 0;

font-size: 0;

line-height: 1;

}

.social li {

display: inline-block;

font-family: 'fontello-social';

margin-right: 5px;

margin-bottom: 5px;

}

.owl-carousel .social {

margin-bottom: 0

}

.text-center .social li {

margin: 0 3px

}

.social.pull-right li {

margin: 0 0 0 5px

}

.social li a {

display: table

}

.social li a i {

text-align: center;

display: table-cell;

vertical-align: middle;

color: #f3f3f3;

background: none;

border: 2px solid #aaa;

width: 34px;

height: 34px !important;

line-height: 30px;

font-size: 13px;

-webkit-transition: all 200ms ease-in;

-o-transition: all 200ms ease-in;

-moz-transition: all 200ms ease-in;

}

.social a:hover a:hover i {

background-color: #FFF

}

.social a:hover i {

color: #FFF

}

.divide40 {

width: 100%;

height: 40px;

}

.contact-info span {

margin: 0 4px;

}

.post-image{

overflow: hidden;

}

.post-image img{

width: 100%;

height: auto;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease;

}

.post-share {

display: inline-block !important;

font-size: 25px;

font-weight: normal;

float:right;

line-height: 63px;

margin: 0 2px;

text-align: center;

}

.post-share > a {

color: #222222;

display: block;

font-weight: normal;

}

.ImageWrapper .StyleTi span:nth-of-type(1) {

bottom: 0;

top: 22%;

right: 0;

margin: -20px -68px 0 0;

visibility: hidden;

opacity: 0;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

}

.ImageWrapper:hover .StyleTi span:nth-of-type(1) {

right: 13%;

visibility: visible;

opacity: 1;

}

.post-share li {

display: block;

width: 40px;

margin-right:5px;

float:left;

border:1px solid #eee;

background: #fff;

/* padding: 6px; */

padding-top: 5px;

/* color: #fff; */

border-radius: 4px;

margin-top: 4px;

}

.post-share li .fa{

color:#000!important;

}

.share-wrapper {

font: 14px, 'FontAwesome';

position: relative;

text-align: center;

}

.share-container {

margin-left: 0px;

margin-top: 0px;

overflow: hidden;

transition: all 0.3s cubic-bezier(.05,.93,.61,1.6);

box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);

width: 0px;

height: 0px;

background: #fff;

}

.share-action:hover ~ .share-container,

.share-container:hover {

width: 100px;

height: 100px;

overflow: visible;

}

.share-container:after,

.share-container:before {

position: absolute;

background: linear-gradient(rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%);

z-index:4;

margin: 0;

transition: all 0.5s ease-in-out;

content: '';

}

.share-container:before {

background: linear-gradient(left, rgba(136, 221, 255, 0.5) 0%, rgba(34, 153, 221, 0.5) 50%, rgba(136, 221, 255, 0.5) 100%);

height: 1px;

margin: 50% 50%;

width: 0%;

}

.share-action:hover ~ .share-container:before,

.share-container:hover:before {

width: 85%;

left: 0px;

margin: 50% 7%;

}

.share-container:after {

left: -1px;

height: 0%;

width: 1px;

margin: 50% 50%;

}

.share-action:hover ~ .share-container:after,

.share-container:hover:after {

height: 85%;

margin: 7% 50%;

}

.share-action {

display: inline-block;

vertical-align: middle;

z-index: 5;

position: relative;

line-height: 33px;

color: #222;

}

.share-btn {

display:inline-block;

width: 49%;

height: 49%;

position: absolute;

z-indez:1;

border-color: #92888f;

border-style: solid;

border-width: 0;

font-size: 0px;

color: #777777;

overflow: hidden;

}

.share-action:hover ~ .share-container .share-btn ,

.share-container:hover .share-btn {

overflow: visible;

font-size: 25px;

}

.share-btn:hover {

background:linear-gradient(#8df 0%, #29d 100%);

color: #ffffff;

text-shadow: 0 -1px #4298e0;

}

.share-btn.tl {

right: 50%;

bottom: 50%;

}

.share-btn.tr {

left: 50%;

bottom: 50%;

}

.share-btn.br {

left: 50%;

top: 50%;

}

.share-btn.bl {

right: 50%;

top: 50%;

}

.share-btn {

line-height: 50px;

}

.rc10 {

border-radius: 10%;

}

.rc10 .share-btn.tl {

border-top-left-radius: 20%;

}

.rc10 .share-btn.tr {

border-top-right-radius: 20%;

}

.rc10 .share-btn.br {

border-bottom-right-radius: 20%;

}

.rc10 .share-btn.bl {

border-bottom-left-radius: 20%;

}

.below .share-container {

position: absolute;

top: 50%;

left: 50%;

}

.bottom .share-container,

.top .share-container {

position: absolute;

top: 0%;

left: 0%;

}

.left .share-container,

.right .share-container {

position: absolute;

top: 0%;

right: 50%;

}

.bottom .share-action:hover ~ .share-container .share-btn:nth-child(1):after,

.bottom .share-container:hover .share-btn:nth-child(1):after {

content: '';

border: 11px solid transparent;

border-bottom-color: #fff;

border-top: none;

width: 0;

height: 0;

position: absolute;

left: 100%;

margin-left: -11px;

margin-top: -11px;

}

.top .share-action:hover ~ .share-container .share-btn:nth-child(4):after,

.top .share-container:hover .share-btn:nth-child(4):after {

content: '';

border: 11px solid transparent;

border-top-color: #fff;

border-bottom: none;

width: 0;

height: 0;

position: absolute;

left: 100%;

top: 100%;

margin-left: -11px;

}

.left .share-action:hover ~ .share-container .share-btn:nth-child(2):after,

.left .share-container:hover .share-btn:nth-child(2):after {

content: '';

border: 11px solid transparent;

border-left-color: #fff;

border-right: none;

width: 0;

height: 0;

position: absolute;

left: 100%;

top: 100%;

margin-top: -11px;

}

.right .share-action:hover ~ .share-container .share-btn:nth-child(1):after,

.right .share-container:hover .share-btn:nth-child(1):after {

content: '';

border: 11px solid transparent;

border-right-color: #fff;

border-left: none;

width: 0;

height: 0;

position: absolute;

right: 100%;

top: 100%;

margin-top: -11px;

}

.top .share-action:hover:after {

position: absolute;

content: '';

z-index: 1;

}

.top .share-action:hover:after {

width: 200%;

height: 20px;

left: -50%;

top: 100%;

}

.top .share-action:hover:after {

top: auto;

bottom: 100%;

left: -50%;

}

.top .share-container {

top : 0%;

left: 50%;

}

.top .share-action:hover ~ .share-container,

.top .share-container:hover {

margin-left: 0px;

left: -28%;

top: -120px;

}

.post-share ul {

display: block;

padding: 0;

margin: 0;

list-style: none;

}

#Label1 .widget-content{

background:#fff;

padding:5px;

}

.dark-wrapper{

background:#fff;

margin:0 auto;

}

.inner {

padding-top: 70px;

padding-bottom: 70px;

}

.section-title {

text-align:center;

}

.section-title:before {

content: "-";

display: inline-block;

padding-right: 5px;

color: #57a4a4;

}

.section-title.text-center:after {

content: "-";

display: inline-block;

padding-left: 5px;

color: #57a4a4;

}

.section-title img {

width: 200px;

}

.link-out {

color: #5e5e5e;

font-size: 13px;

font-weight: 700;

text-transform: uppercase;

}

.link-out:after {

display: inline-block;

content: "→";

padding-left: 5px;

}

#instafeed {

cursor: -webkit-grab;

}

div#back-top {

z-index: 301;

position: fixed;

/* text-indent: -99999px; */

right: 20px;

bottom: 20px;

width: 50px;

height: 50px;

cursor: pointer;

color: #fff;

text-align: center;

}

.bz-hex {

position: relative;

width: 51px;

/* height: 30px; */

padding: 16px;

border-radius: 4px;

color: white;

background: $(maincolor);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-o-border-radius: 4px;

box-shadow: 0 1px 3px rgba(0,0,0,0.3);

-ms-border-radius: 4px;

-khtml-border-radius: 4px;

}

.bz-hex:hover{

background:#fff;

}

.bz-hex:hover > a{

color:$(maincolor);

}

.bz-hex a i{

font-size:24px;

}

#copyright{

color:#fff;

text-align:center;

font-family: 'Source sans pro', serif;

}

#copyright a {

color: $(linkcolor);

}

.slicknav_btn{

background-color: $(maincolor);

}

.slicknav_menu .slicknav_menutxt{

text-shadow: 0 1px 3px $(maincolor);

}

.slicknav_nav ul{

background:$(maincolor);

}

.slicknav_nav .slicknav_row:hover{

color:$(maincolor);

}

.slicknav_nav .slicknav_row:hover > a{

color:$(maincolor);

}

.slicknav_nav a:hover{

color:$(maincolor);

background:#fff;

}

.entry-title {

font-family: 'Libre Baskerville', serif;

font-weight: normal;

line-height: 35px;

text-align: center;

text-transform: capitalize;

color: #252525;

font-size: 30px;

position: relative;

margin-top: 23px;

z-index: 1;

background: #fff;

position: relative;

width: 100%;

}

header.post-header {

padding-bottom: 25px;

padding-top: 20px;

background: #fff;

text-align: center;

margin-top: 5px;

}

.post-header, .post-footer {

line-height: 1.6;

text-align:center;

}

.post-details {

font-size: 14px;

display: inline-block;

text-transform: uppercase;

position: relative;

line-height: 1;

}

.post-details span {

margin-right: 24px;

margin-bottom: 10px;

display: inline-block;

}

.auth a, .post-da a, .post-com a {

color: $(maincolor);

}

.entry-title a {

position: relative;

-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;

-moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;

-o-transition: background-color 0.25s ease-out, color 0.25s ease-out;

transition: background-color 0.25s ease-out, color 0.25s ease-out;

background-color: rgba(89,171,227,0);

text-decoration: none;

color: #222;

}

.post-details span {margin-right:24px;margin-bottom:10px;display:inline-block;}

.entry-content {position:relative;padding-left:5px;padding-right:5px;padding-top:30px;}

.intro-text {

font-size: 16px;

word-spacing: 2px;

line-height: 30px;

color: #000;

margin-bottom: 25px;

word-break: word-break;

margin-top: 0;

letter-spacing: 0.5px;

font-family: 'Source sans pro', serif;

}

#primary_nav_wrap ul a{

color: $(maincolor);

}

#primary_nav_wrap ul li.current-menu-item a{

background: $(maincolor);

}

#primary_nav_wrap ul a:hover{

background: $(maincolor);

}

#primary_nav_wrap ul ul{

background:$(maincolor);

}

#primary_nav_wrap ul ul li:hover > a{

color:$(maincolor);

}

.typed-cursor{

opacity: 1;

-webkit-animation: blink 0.7s infinite;

-moz-animation: blink 0.7s infinite;

animation: blink 0.7s infinite;

}

@keyframes blink{

0% { opacity:1; }

50% { opacity:0; }

100% { opacity:1; }

}

@-webkit-keyframes blink{

0% { opacity:1; }

50% { opacity:0; }

100% { opacity:1; }

}

@-moz-keyframes blink{

0% { opacity:1; }

50% { opacity:0; }

100% { opacity:1; }

}

h1.bt-title-big {

letter-spacing: 0px;

font-size: 150px;

word-spacing: 1px;

text-align: center;

display: block;

display: -moz-inline-box;

/* display: inline-block; */

color: #404040;

font-family: 'Open Sans Condensed', sans-serif;

font-weight: 700;

white-space: nowrap;

}

.bt-title {

word-spacing: 0px;

letter-spacing: 0px;

display: inline-block;

text-align: center;

white-space: normal;

font-size: 2em;

font-weight: 600;

-webkit-transition: all 0.7s ease-in-out;

-moz-transition: all 0.7s ease-in-out;

-o-transition: all 0.7s ease-in-out;

-ms-transition: all 0.7s ease-in-out;

transition: all 0.7s ease-in-out;

}

.title-loop {

/* height: 67px; */

min-height: 70px;

text-align:center;

}

.menu-new{

padding-bottom: 10px;

/* background-color: #fff; */

text-align: center;

width: 100%;

display: inline-block;

margin-bottom: -5px;

position: absolute;

z-index: 400;

}

.wrapper {

/* background-color: #000; */

position: absolute;

/* margin: 30px auto; */

width: 100%;

height: 645px;

/* border: 1px solid #000; */

z-index: 10;

}

.logo{

display: block;

margin: 0 auto;

width: 100%;

text-align: center;

/* max-width: 52.30769rem; */

padding-bottom: 10px;

}

.day {

position: relative;

color: $(maincolor);

display: inline-block;

margin: 1em 0;

text-align: center;

font-size: 1em;

font-weight: 700;

margin-right: 20px;

/* letter-spacing: -0.05em; */

}

sup {

top: -0.9em;

}

sub, sup {

font-size: 50%;

line-height: 0;

position: relative;

vertical-align: baseline;

}

span.month {

margin-right: 6px;

}

.top-social{

float:right;

vertical-align: bottom;

}

.top-social li{

float:left;

margin-right:3px;}

.top-social ul{

display: inline-block;

padding-left: 0;

margin: 0;

list-style: none;

}

.top-social ul li a{

color:#888;

background: #262626;

background: rgba(255, 255, 255, 0.15);

height: 50px;

width: 50px;

text-align: center;

display: table;

}

.top-social ul li a i{

vertical-align: middle;

display: table-cell;

color: #fff;

-webkit-transition: .5s;

-moz-transition: .5s;

-o-transition: .5s;

-ms-transition: .5s;

transition: .5s;

opacity: 1;

filter: alpha(opacity=100);

}

bt-holder{ display:block; }

.bt_readmore_btn_holder { padding-left:10px; padding:0px 10px; display:block; margin-top:20px; font-size:17px;}

.bt_readmore_btn { color:$(maincolor); text-decoration:none; display:inline-block; position:relative}

.bt_readmore_btn:hover { color:$(linkcolor); text-decoration:none;}

.bt_blog_post_cat a:before, .bt_readmore_btn:before {

content: '';

display: inline-block;

position: absolute;

left: 0;

bottom: 0;

height: 1px;

width: 0;

transition: width 0s ease, background .2s ease;

}

.bt_blog_post_cat a:after, .bt_readmore_btn:after {

content: '';

display: inline-block;

position: absolute;

right: 0;

bottom: 0;

height: 1px;

width: 0;

background: $(linkcolor);

transition: width .2s ease;

}

.bt_blog_post_cat a:hover:before, .bt_readmore_btn:hover:before {

width: 100%;

background: $(linkcolor);

transition: width .5s ease;

}

.bt_blog_post_cat a:hover:after, .bt_readmore_btn:hover:after {

width: 100%;

background: transparent;

transition: all 0s ease;

}

.menu-container {

background: #fff;

}

.bt-comment {

padding: 30px 66px 1px;

background:#fff;

}

.footer-widgets{

padding: 60px 0;

}

.row-footer{

margin-left: -15px;

margin-right: -15px;

}

/* FOOTER */

body#layout #footer div.column {

width: 25%;

margin-right: 0 !important;

float:left;

}

body#layout #footer .column .widget {

float: left;

margin-bottom: 15px;

overflow: hidden;

width: 176px;

}

#footer-wrapper {

background: url("http://2.bp.blogspot.com/-TnrWMh-lg_A/VI2RPNyXcfI/AAAAAAAABE0/LmXEFTuLrjE/s1600/header_pattern.jpg") repeat scroll 0 0 transparent;

border-top: 1px solid #DDDDDD;

color: #444444;

font: 11px Verdana,Geneva,sans-serif;

margin: 0 auto;

overflow: hidden;

padding: 30px;

position:relative;

z-index:300;

display:none;

}

#footer3 li a:hover {

background: #646464;

}

#footer3 li{

margin: 5px 0;

padding: 0 0 0 0;

list-style:none;}

#footer3 li a {

/* background: #555555; */

color: #fff;

display: inline-block;

float: left;

font-size: 11px!important;

line-height: 12px;

margin: 0 2px 2px 0;

padding: 12px 18px;

border: 1px solid #222;

}

*::-moz-selection {

background: none repeat scroll 0 0 #CD2122;

color: #FFFFFF;

text-shadow: none;

}

.flickr_badge_image {

float: left;

height: 55px;

margin: 5px;

width: 55px;

}

.flickr_badge_image a {

display: block;

}

.flickr_badge_image a img {

display: block;

width: 100%;

height: auto;

-webkit-transition: opacity 100ms linear;

-moz-transition: opacity 100ms linear;

-ms-transition: opacity 100ms linear;

-o-transition: opacity 100ms linear;

transition: opacity 100ms linear;

}

#footer-wrapper .widget h2 {

background-position: 0 50%;

background-repeat: repeat-x;

border-bottom: 2px solid #FFFFFF;

font: 600 20px 'Open Sans',serif,sans-serif;

margin: 0 0 3px;

overflow: hidden;

padding: 5px 0;

text-transform: uppercase;

}

#footer-wrapper .widget h2 span {

border-bottom: 2px solid #646464;

color: #FAFBFB;

font-family: sans-serif;

font-weight: bold;

padding-bottom: 5px;

position: absolute;

}

#footer .widget-area {

padding: 0 0 15px;

margin: 0 0 15px;

}

#footer div.column {

display: inline;

float: left;

width: 24%;

padding:2px;

}

#instagram-widget h2{

display:none;

}

#footer p{

color:#f5f5f5;

margin:4px 0;

}

#footer .column .widget {

width: 97%;

padding: 5px;

float: left;

line-height: 1.7;

overflow: hidden;

}

#footer .widget-area h2 {

color: #AAAAAA;

/* font-family: sans-serif; */

font-size: 15px;

font-weight: bold;

padding-bottom: 20px;

text-align: left;

text-transform: uppercase;

font-family: 'Open Sans', sans-serif;

}

#footer .widget-content {

color: #fff;

text-align: left;

margin-top:20px;

}

.widget-item-control {

float: right;

height: 20px;

margin-top: -20px;

position: relative;

z-index: 10;

}

.header-menu h2,.bt-slider h2 {

display: none;

}

#primary_nav_wrap{margin-top:15px;display:block;height:auto;margin-bottom:10px;position:relative;}

#primary_nav_wrap ul{display:inline-block;font-size:0;text-align:center;position:relative;z-index:9999;background:inherit}

#primary_nav_wrap ul a{display: block;

/* padding: 19px 15px; */

font-weight: bold;

padding: 20px;

/* line-height: 16px; */

color: $(maincolor);

font-size: 0.9em;

transform: translateY(0px);

-webkit-transform: translateY(0px);

font-family: 'Merriweather', serif;

transition: all 150ms ease-in-out;

-webkit-transition: all 150ms ease-in-out;}

#primary_nav_wrap ul li{position:relative;float:left;margin:0;padding:0;position:relative;display:inline-block;font-size:16px}

#primary_nav_wrap ul li.current-menu-item a{color:#fff}

#primary_nav_wrap ul a:hover{color:#fff;filter: alpha(opacity=100);

transform: translateY(0px);

-webkit-transform: translateY(0px);}

#primary_nav_wrap ul ul{display:none;position:absolute;top:100%;left:0;box-shadow:0 1px 3px rgba(0,0,0,0.3);padding:0;transform: translateY(-10px);

-webkit-transform: translateY(-10px);

transition: transform 250ms, opacity 200ms;

-webkit-transition: -webkit-transform 250ms, opacity 200ms;}

#primary_nav_wrap ul ul li{float:none;width:200px}

#primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px;color:#fff}

#primary_nav_wrap ul ul ul{top:0;left:100%}

#primary_nav_wrap ul li:hover > ul{display:block;filter: alpha(opacity=100);

transform: translateY(0px);

-webkit-transform: translateY(0px);}

#primary_nav_wrap ul ul li:hover > a{background:#fff}

.loading .columns

{

overflow:visible;

}

.sidebar .list-label-widget-content {

background: #fff;

border: 1px solid #ECECEC;

border-top: 2px solid #1D1E20;

padding: 2px;

}

.list-label-widget-content li a {

color: #525252;

border: 1px solid #E2E2E2;

border-radius: 3px;

float: left;

padding: 7px;

margin-bottom: 5px;

line-height: 16px;

width: 83%;

box-sizing: border-box;

font-size: 13px;

}

.list-label-widget-content li span {

color: #525252;

border-radius: 3px;

float: right;

padding: 5px;

margin-bottom: 5px;

text-align: center;

border: 1px solid #E2E2E2;

box-sizing: border-box;

width: 15%;

line-height: 16px;

padding: 5px;

font-size: 13px;

}

.cloud-label-widget-content .label-size {

font-size: 100%;

float: left;

}

.cloud-label-widget-content .label-size a {

color: #fff;

float: left;

font-size: 12px;

margin: 0 5px 5px 0;

padding: 5px;

text-decoration: none;

border: 1px solid #E2E2E2;

border-radius: 3px;

}

.cloud-label-widget-content .label-size span {

color: #fff;

float: left;

font-size: 12px;

margin: 0 5px 5px 0;

padding: 5px;

text-decoration: none;

border: 1px solid #E2E2E2;

border-radius: 3px;

}

.label-size {

line-height: 1.2;

}

#footer .popular-posts ul,#footer .popular-posts ul li {

padding: 0 !important;

margin: 0;

list-style: none outside none;

}

#footer .popular-posts ul,#footer .popular-posts ul li {

padding: 0 !important;

margin: 0;

list-style: none outside none;

}

#footer .popular-posts .item-content {

width: 100%;

border-bottom: 1px solid #F1F1F1;

padding: 0 0 8px;

margin: 0 0 10px;

}

.item-content:before{

content: " ";

display: block;

overflow: hidden;

visibility: hidden;

width: 0px;

height: 0px;

}

#footer .popular-posts .item-content:after{

clear: both;

}

#footer .PopularPosts .item-thumbnail {

float: left;

margin: 0 5px 5px 0;

}

#footer .PopularPosts .item-title {

padding-bottom: .2em;

display: inline-block;

margin-top: 0px;

font-family: 'Open Sans', sans-serif;

font-size: 16px;

font-weight: 400;

}

#footer .PopularPosts .item-title a{

color:#fff;

}

#footer .popular-posts .item-snippet{

font-size: 12px;

line-height: 20px;

}

*, *:after, *:before {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

body {

margin: 0px;

}

[class*='col-'] {

float: left;

padding-right: 20px; /* column-space */

}

.grid {

width: 100%;

max-width: 1170px;

min-width: 755px;

margin: 0 auto;

overflow: hidden;

}

.grid:after {

content: "";

display: table;

clear: both;

}

.grid-pad {

padding-top: 20px;

padding-left: 20px; /* grid-space to left */

padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */

}

.push-right {

float: right;

}

/* Content Columns */

.col-1-1 {

width: 100%;

}

.col-2-3, .col-8-12 {

width: 66.66%;

}

.col-1-2, .col-6-12 {

width: 50%;

}

.col-1-3, .col-4-12 {

width: 33.33%;

}

.col-1-4, .col-3-12 {

width: 25%;

}

.col-1-5 {

width: 20%;

}

.col-1-6, .col-2-12 {

width: 16.667%;

}

.col-1-7 {

width: 14.28%;

}

.col-1-8 {

width: 12.5%;

}

.col-1-9 {

width: 11.1%;

}

.col-1-10 {

width: 10%;

}

.col-1-11 {

width: 9.09%;

}

.col-1-12 {

width: 8.33%

}

/* Layout Columns */

.col-11-12 {

width: 91.66%

}

.col-10-12 {

width: 83.333%;

}

.col-9-12 {

width: 75%;

}

.col-5-12 {

width: 41.66%;

}

.col-7-12 {

width: 58.33%

}

/* Pushing blocks */

.push-2-3, .push-8-12 {

margin-left: 66.66%;

}

.push-1-2, .push-6-12 {

margin-left: 50%;

}

.push-1-3, .push-4-12 {

margin-left: 33.33%;

}

.push-1-4, .push-3-12 {

margin-left: 25%;

}

.push-1-5 {

margin-left: 20%;

}

.push-1-6, .push-2-12 {

margin-left: 16.667%;

}

.push-1-7 {

margin-left: 14.28%;

}

.push-1-8 {

margin-left: 12.5%;

}

.push-1-9 {

margin-left: 11.1%;

}

.push-1-10 {

margin-left: 10%;

}

.push-1-11 {

margin-left: 9.09%;

}

.push-1-12 {

margin-left: 8.33%

}

@media handheld, only screen and (max-width: 767px) {

.grid {

width: 100%;

min-width: 0;

margin-left: 0px;

margin-right: 0px;

padding-left: 20px; /* grid-space to left */

padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */

}

[class*='col-'] {

width: auto;

float: none;

margin-left: 0px;

margin-right: 0px;

margin-top: 10px;

margin-bottom: 10px;

padding-left: 0px;

padding-right: 10px; /* column-space */

}

/* Mobile Layout */

[class*='mobile-col-'] {

float: left;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px;

margin-bottom: 10px;

padding-left: 0px;

padding-right: 10px; /* column-space */

padding-bottom: 0px;

}

.mobile-col-1-1 {

width: 100%;

}

.mobile-col-2-3, .mobile-col-8-12 {

width: 66.66%;

}

.mobile-col-1-2, .mobile-col-6-12 {

width: 50%;

}

.mobile-col-1-3, .mobile-col-4-12 {

width: 33.33%;

}

.mobile-col-1-4, .mobile-col-3-12 {

width: 25%;

}

.mobile-col-1-5 {

width: 20%;

}

.mobile-col-1-6, .mobile-col-2-12 {

width: 16.667%;

}

.mobile-col-1-7 {

width: 14.28%;

}

.mobile-col-1-8 {

width: 12.5%;

}

.mobile-col-1-9 {

width: 11.1%;

}

.mobile-col-1-10 {

width: 10%;

}

.mobile-col-1-11 {

width: 9.09%;

}

.mobile-col-1-12 {

width: 8.33%

}

/* Layout Columns */

.mobile-col-11-12 {

width: 91.66%

}

.mobile-col-10-12 {

width: 83.333%;

}

.mobile-col-9-12 {

width: 75%;

}

.mobile-col-5-12 {

width: 41.66%;

}

.mobile-col-7-12 {

width: 58.33%

}

.hide-on-mobile {

display: none !important;

width: 0;

height: 0;

}

#slider-home{

background-position: center 0%;

background-size: cover;

background-repeat: no-repeat;

width: 100%;

height: 100%;

min-height: 100%;

overflow-x: hidden;

overflow-y: hidden;

vertical-align: middle;

z-index: 5;

padding: 65px 0px 80px;

text-align:center;

z-index: 301;

}

.author-home {

padding-top: 100px;

}

.main-content-wrapper {

padding-top: 40px;

background:#fff;

}

.identify{

text-align:right;

padding-right:45px;

width:50%;

float:left;

}

.identify p{

font-size:24px;

font-family:'Montserrat', sans-serif;

font-weight:400;

color:#fff;

line-height:28px;

margin-bottom:0px;

}

.identify h1{

font-size:40px;

font-family:'Montserrat', sans-serif;

font-weight:400;

color:#fff;

line-height:48px;

margin-top:10px;

margin-bottom:50px;

}

.identify-icon ul{

list-style: none;

padding-left: 0px;

margin: 0;

}

.identify-icon ul li{

display:inline-block;

margin: 0;

}

.identify-icon ul li a{

font-size:14px;

border:1px solid #fff;

padding:7px 9px;

border-radius:50px;

color:#fff;

}

.admin-detail{

text-align:left;

padding-left:45px;

width:50%;

float:left;

}

.admin-detail p{

font-size:16px;

font-family:'Montserrat', sans-serif;

font-weight:400;

color:#fff;

line-height:28px;

margin-bottom:0px;

}

.icon-left{

padding-right:12px;

}

.identify-icon ul li:nth-child(2){

margin-right:10px;

}

.m-auto{margin: auto;}

.admin-p-imp{max-width: 230px;}

/* Home @ identify social*/

.identify-icon-1 ul{

list-style:none;

padding-left:0px;

}

.identify-icon-1 ul li{

display:inline-block;

}

.identify-icon-1 ul li a{

font-size:14px;

border:1px solid #9c9e9f;

padding:7px 9px;

border-radius:50px;

color:#fff;

}

.icon-left{

padding-right:12px;

}

.identify-icon-1 ul li:nth-child(3){

margin-right:90px;

}

.one a{

padding:7px 11px!important;

}

.h-65 {

margin-top: 65px;

}

.visible {

overflow: visible;

}

.cd-title {

position: relative;

height: 160px;

line-height: 230px;

text-align: center;

}

.cd-title h1 {

font-size: 2.4rem;

font-weight: 700;

}

@media only screen and (min-width: 768px) {

.cd-title {

line-height: 250px;

}

@media only screen and (min-width: 1170px) {

.cd-title {

height: 200px;

line-height: 300px;

}

.cd-title h1 {

font-size: 3rem;

}

.cd-intro {

width: 90%;

max-width: 768px;

text-align: center;

}

.cd-intro {

margin: 10px auto;

}

@media only screen and (min-width: 768px) {

.cd-intro {

margin: 20px auto;

}

@media only screen and (min-width: 1170px) {

.cd-intro {

margin: 30px auto;

}

.cd-headline {

font-size: 20px;

color:#fff;

line-height: 1.2;

}

@media only screen and (min-width: 768px) {

.cd-headline {

font-size: 25px;

color:#fff;

line-height:25px;

}

@media only screen and (min-width: 1170px) {

.cd-headline {

font-size: 32px;

color:#fff;

line-height:30px;

}

.cd-words-wrapper {

display: inline-block;

position: relative;

text-align: left;

}

.cd-words-wrapper b {

display: inline-block;

position: absolute;

white-space: nowrap;

left: 0;

top: 0;

}

.cd-words-wrapper b.is-visible {

position: relative;

}

.cd-words-wrapper b {

opacity: 0;

}

.cd-words-wrapper b.is-visible {

opacity: 1;

}

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

xrotate-1

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

.cd-headline.rotate-1 .cd-words-wrapper {

-webkit-perspective: 300px;

-moz-perspective: 300px;

perspective: 300px;

}

.cd-headline.rotate-1 b {

opacity: 0;

-webkit-transform-origin: 50% 100%;

-moz-transform-origin: 50% 100%;

-ms-transform-origin: 50% 100%;

-o-transform-origin: 50% 100%;

transform-origin: 50% 100%;

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg);

-ms-transform: rotateX(180deg);

-o-transform: rotateX(180deg);

transform: rotateX(180deg);

}

.cd-headline.rotate-1 b.is-visible {

opacity: 1;

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

-o-transform: rotateX(0deg);

transform: rotateX(0deg);

-webkit-animation: cd-rotate-1-in 1.2s;

-moz-animation: cd-rotate-1-in 1.2s;

animation: cd-rotate-1-in 1.2s;

}

.cd-headline.rotate-1 b.is-hidden {

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg);

-ms-transform: rotateX(180deg);

-o-transform: rotateX(180deg);

transform: rotateX(180deg);

-webkit-animation: cd-rotate-1-out 1.2s;

-moz-animation: cd-rotate-1-out 1.2s;

animation: cd-rotate-1-out 1.2s;

}

@-webkit-keyframes cd-rotate-1-in {

0% {

-webkit-transform: rotateX(180deg);

opacity: 0;

}

35% {

-webkit-transform: rotateX(120deg);

opacity: 0;

}

65% {

opacity: 0;

}

100% {

-webkit-transform: rotateX(360deg);

opacity: 1;

}

@-moz-keyframes cd-rotate-1-in {

0% {

-moz-transform: rotateX(180deg);

opacity: 0;

}

35% {

-moz-transform: rotateX(120deg);

opacity: 0;

}

65% {

opacity: 0;

}

100% {

-moz-transform: rotateX(360deg);

opacity: 1;

}

@keyframes cd-rotate-1-in {

0% {

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg);

-ms-transform: rotateX(180deg);

-o-transform: rotateX(180deg);

transform: rotateX(180deg);

opacity: 0;

}

35% {

-webkit-transform: rotateX(120deg);

-moz-transform: rotateX(120deg);

-ms-transform: rotateX(120deg);

-o-transform: rotateX(120deg);

transform: rotateX(120deg);

opacity: 0;

}

65% {

opacity: 0;

}

100% {

-webkit-transform: rotateX(360deg);

-moz-transform: rotateX(360deg);

-ms-transform: rotateX(360deg);

-o-transform: rotateX(360deg);

transform: rotateX(360deg);

opacity: 1;

}

@-webkit-keyframes cd-rotate-1-out {

0% {

-webkit-transform: rotateX(0deg);

opacity: 1;

}

35% {

-webkit-transform: rotateX(-40deg);

opacity: 1;

}

65% {

opacity: 0;

}

100% {

-webkit-transform: rotateX(180deg);

opacity: 0;

}

@-moz-keyframes cd-rotate-1-out {

0% {

-moz-transform: rotateX(0deg);

opacity: 1;

}

35% {

-moz-transform: rotateX(-40deg);

opacity: 1;

}

65% {

opacity: 0;

}

100% {

-moz-transform: rotateX(180deg);

opacity: 0;

}

@keyframes cd-rotate-1-out {

0% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

-o-transform: rotateX(0deg);

transform: rotateX(0deg);

opacity: 1;

}

35% {

-webkit-transform: rotateX(-40deg);

-moz-transform: rotateX(-40deg);

-ms-transform: rotateX(-40deg);

-o-transform: rotateX(-40deg);

transform: rotateX(-40deg);

opacity: 1;

}

65% {

opacity: 0;

}

100% {

-webkit-transform: rotateX(180deg);

-moz-transform: rotateX(180deg);

-ms-transform: rotateX(180deg);

-o-transform: rotateX(180deg);

transform: rotateX(180deg);

opacity: 0;

}

section.animated-title {

width: 1180px;

/* margin: 0 auto; */

/* margin-top: 26px; */

/* margin-bottom: 20px; */

margin: 25px auto;

}

.animation {

visibility: hidden;

-webkit-animation-duration: 1s;

animation-duration: 1s;

-webkit-animation-fill-mode: both;

animation-fill-mode: both;

}

@-webkit-keyframes fadeInUp {

0% {

opacity: 0;

-webkit-transform: translateY(30px);

}

100% {

opacity: 1;

-webkit-transform: translateY(0);

}

@keyframes fadeInUp {

0% {

opacity: 0;

transform: translateY(30px);

}

100% {

opacity: 1;

transform: translateY(0);

}

.fadeInUp {

-webkit-animation-name: fadeInUp;

animation-name: fadeInUp;

}

@keyframes fadeInRight {

0% {

opacity: 0;

transform: translate3d(100%, 0, 0);

}

100% {

opacity: 1;

transform: none;

}

.fadeInRight {

-webkit-animation-name: bounceInDown;

animation-name: bounceInDown;

}

@keyframes bounceInDown {

0%, 60%, 75%, 90%, 100% {

-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

0% {

opacity: 0;

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

transform: translate3d(0, -3000px, 0);

}

60% {

opacity: 1;

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

transform: translate3d(0, 25px, 0);

}

75% {

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

transform: translate3d(0, -10px, 0);

}

90% {

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

transform: translate3d(0, 5px, 0);

}

100% {

-webkit-transform: none;

transform: none;

}

.bounceInDown {

-webkit-animation-name: bounceInDown;

animation-name: bounceInDown;

}

/* 03. NAVIGATION ================================================== */

.content {

position: relative;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

}

.navToggle {

z-index: 999;

width: 50px;

height: 50px;

float: right;

margin-right: 60px;

cursor: pointer;

background: #FFF;

position: fixed;

top: 50px;

right: 0px;

}

.navToggle .icon {

-webkit-transition: all 0.25s;

-moz-transition: all 0.25s;

transition: all 0.25s;

position: absolute;

top: 24px;

left: 0;

right: 0;

margin: 0 auto;

width: 18px;

height: 2px;

background-color: #212427;

}

.navToggle .icon:before,

.navToggle .icon:after {

-webkit-transition: all 0.25s;

-moz-transition: all 0.25s;

transition: all 0.25s;

position: absolute;

width: 18px;

height: 2px;

background-color: #212427;

content: '';

}

.navToggle .icon:before {

top: -6px;

left: 0;

}

.navToggle .icon:after {

top: 6px;

left: 0;

}

.navToggle:hover .icon {

background-color: #999;

}

.navToggle:hover .icon:before {

top: -8px;

background-color: #999;

}

.navToggle:hover .icon:after {

top: 8px;

background-color: #999;

}

.navToggle.open {

}

.navToggle.open .icon {

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s; background-color: transparent;

-webkit-transform: rotate(180deg);

-moz-transform: rotate(180deg);

transform: rotate(180deg);

}

.navToggle.open .icon:before {

top: 0;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

transform: rotate(45deg);

background: rgba(32,35,38,0.7);

}

.navToggle.open .icon:after {

top: 0;

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

transform: rotate(-45deg);

background: rgba(32,35,38,0.7);

}

#menu {

width: 100%;

height:100%;

position: fixed;

right: 0;

top:0;

z-index: -9;

opacity: 0;

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s;

}

#menu.active {

opacity: 1;

z-index: 500;

}

#menu h3 {

text-align: center;

letter-spacing: 8px;

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

font-size:14px;

font-weight: 900;

top:45px;

left: 0;

right: 0;

color: #FFF;

position: absolute;

}

#menu .logo {

max-width: 100px;

margin-top:-8px;

}

#menu ul {

position: relative;

display: block;

margin-right: 0px;

z-index: 99999;

list-style:none;

}

#menu ul li {

font-size:38px;

line-height: 70px;

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

font-weight: 600;

opacity: 0;

text-align: center;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

transition: all 0.2s;

-webkit-transform: translateY(-20%);

-ms-transform: translateY(-20%);

transform: translateY(-20%);

}

#menu ul li.active{

opacity: 1;

-webkit-transform: translateX(0%);

-ms-transform: translateX(0%);

transform: translateX(0%);

}

#menu ul li a {

color: #FFF;

cursor: pointer;

padding-bottom: 0px;

position: relative;

}

#menu ul li a:hover {

color: $(linkcolor);

}

/* SOCIAL ICO */

.social-links {

padding: 0px 0px;

position: fixed;

bottom: 25px;

margin: auto;

text-align: center;

left: 0; right: 0;

z-index: 999999;

}

.social-links.active {

display: block;

}

.social-links li {

display: inline-block;

margin: 0 0px;

padding: 0 20px;

}

.social-links li a {

font-size:18px;

}

/* If menu open state */

section.ifmenu {

filter: blur(2px);

-webkit-filter:blur(2px);

-moz-filter: blur(2px);

-o-filter: blur(2px) ;

-ms-filter: blur(2px);

}

/* Background Opacity */

.bgblack {

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.84);

position: fixed;

z-index: -1;

cursor: pointer;

opacity: 0;

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

.bgblack.active {

opacity: 1;

display: block;

z-index: 450;

cursor: pointer;}

/* MAKE A CONTENT CENTERED VERTICALY AND HORIZONTALY */

.content {

top:40%;

position: relative;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

}

/* RIGHT SIDE */

.right-side {

background: #FFF;

width: 45%;

position: absolute;

z-index: 90;

right: 0;

top:0;

bottom: 0;

height: 100%;

padding: 110px;

-webkit-transition: all 0.6s;

-moz-transition: all 0.6s;

transition: all 0.6s;

}

.right-side h3:after{

content: '';

width: 7%;

height: 1px;

position: relative;

display: block;

background: #e4ca79;

margin-top: 20px;

left:0;

right:0;

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s;}

.right-side a {

color: #333;

border-bottom:1px solid #e4ca79;

}

.right-side a:hover {

color: #333;

border-bottom:1px solid #333;

}

/* LEFT SIDE */

.left-side {

width: 55%;

position: relative;

left: 0;

height: 100%;

min-height: 100%;

top:0;

}

.left-side h3:after{

content: '';

width: 6%;

height: 1px;

position: absolute;

display: block;

background: rgba(51,51,51,0.2);

margin-top: 20px;

left:0;

right:0;

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s;}

.left-side .row {

max-width: 100%;

height: auto;

position: relative;

}

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

/* MENU */

.navToggle, .closex {

top:0;

right: 0;

margin-right: 0;

}

#menu .content {

top:50%;

position: relative;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

}

#menu ul li {

line-height: 30px;

}

#menu ul li a {

font-size:20px;

line-height: 25px;

}

#menu .social-links ul li a {

font-size:20px;

}

.bgblack {

background: rgba(17,17,17,0.87);

}

.wrapper:before {

content: '';

position: absolute;

/* background: url(http://pixelosaur.com/preview/ultimate-html/images/overlay.gif) repeat; */

opacity: 0.5;

background: #000;

height: 100%;

width: 100%;

/* z-index: 9999999999999999; */

}

footer#colophone {

font-family: Lato;

font-weight: 400;

font-style: normal;

color: #6e787f;

font-size: 14px;

opacity: 1;

visibility: visible;

-webkit-transition: opacity 0.24s ease-in-out;

-moz-transition: opacity 0.24s ease-in-out;

transition: opacity 0.24s ease-in-out;

}

footer#colophone {

background-color: #232323;

}

#colophone {

float: left;

clear: both;

width: 100%;

text-align: center;

margin-top: -1px;

padding: 70px 0 50px 0;

background: #ddd;

font-family: "Lato";

font-size: 14px;

position: relative;

}

footer#colophone #backtotop {

background-color: #fff;

color: #000;

}

#backtotop {

display: block;

width: 60px;

height: 60px;

background: #fff;

border-radius: 50%;

padding: 10px;

font-size: 18px;

line-height: 40px;

position: absolute;

top: 0;

left: 50%;

margin-left: -30px;

margin-top: -30px;

cursor: pointer;

z-index: 350;

}

#colophone .social ul li {

display: inline-block;

}

footer#colophone .social ul li a {

color: #bfbfbf;

font-size: 24px;

color: #000;

margin-right: 10px;

}

.slide-container {

position: relative;

display: table;

height: 100%;

z-index:300;

text-align:center;

}

.slide-content {

display: table-cell;

vertical-align: middle;

}

.slide-content .text-slide-title, .agni-slides .slide-content .text-slide-additional-title {

color: #fff;

margin-bottom: 25px;

}

.slide-content p {

font-size: 60px;

color: #fff;

line-height: 1.4;

letter-spacing: 0;

margin-bottom: 0;

}

.slide-content .text-slide-title {

font-size: 50px;

}

.primary-typo.strong {

font-weight: 700;

}

.primary-typo {

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

letter-spacing: 0.15em;

text-transform: uppercase;

font-weight: 400;

}

.slide-content a {

margin-top: 20px;

}

.btn.primary-typo {

letter-spacing: 0.075em;

color:#fff;

}

.btn {

display: inline-block;

margin-bottom: 0;

font-weight: normal;

text-align: center;

vertical-align: middle;

-ms-touch-action: manipulation;

touch-action: manipulation;

cursor: pointer;

background-image: none;

border: 2px solid transparent;

white-space: nowrap;

padding: 12px 40px;

font-size: 14px;

line-height: 1.6;

border-radius: 0px;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

.btn-default {

color: #ffffff;

background-color: #333333;

border-color: #fff;

}

.btn-alt, .btn-alt:hover, .btn-alt:focus {

background-color: transparent;

}

.slide-content .text-slide-additional-title {

font-size: 20px;

}

.slide-content .text-slide-additional-title {

color: #fff;

margin-bottom: 10px;

}

.slide-content p {

font-size: 60px;

color: #f0f0f0;

line-height: 1.4;

letter-spacing: 0;

margin: 0 0 30px;

}

.bt-slider {

position: relative;

height: 643px;

}

.identify-icon {

position: relative;

z-index: 300;

margin-top: 40px;

}

h2.entry-title a:hover {

color: $(linkcolor);

}

h3.entry-title.related-main {

font-size: 24px;

}

.scroll-down {

position: absolute;

width: 100%;

height: 40px;

z-index: 600;

bottom: 25px;

}

.scroll-down img {

width: 22px;

height: 32px;

display: block;

text-align: center;

margin-left: auto;

margin-right: auto;

cursor: pointer;

-webkit-transition: all 0.3s ease-in;

-moz-transition: all 0.3s ease-in;

-o-transition: all 0.3s ease-in;

-ms-transition: all 0.3s ease-in;

transition: all 0.3s ease-in;

}

.text-rotator {

margin-top: 30px;

}

.site-loader {

position: fixed;

width: 100%;

height: 100%;

top: 0;

left: 0;

background-color: #fff;

z-index: 99999999999999;

}

.spinner {

width: 50px;

height: 50px;

position: absolute;

top: 50%;

margin-top: -35px;

left: 50%;

margin-left: -35px;

text-align: center;

-webkit-animation: rotate 2.0s infinite linear;

animation: rotate 2.0s infinite linear;

}

.author-first{

max-height: 230px;

border: 10px solid #fff;

}

.dot1, .dot2 {

width: 60%;

height: 60%;

display: inline-block;

position: absolute;

top: 0;

background-color: $(linkcolor);

border-radius: 100%;

-webkit-animation: bounce 2.0s infinite ease-in-out;

animation: bounce 2.0s infinite ease-in-out;

}

.dot2 {

top: auto;

bottom: 0px;

-webkit-animation-delay: -1.0s;

animation-delay: -1.0s;

}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}

@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {

0%, 100% { -webkit-transform: scale(0.0) }

50% { -webkit-transform: scale(1.0) }

}

@keyframes bounce {

0%, 100% {

transform: scale(0.0);

-webkit-transform: scale(0.0);

} 50% {

transform: scale(1.0);

-webkit-transform: scale(1.0);

}

#header h1.title {

color: #fff;

/* font-family: 'Libre Baskerville', serif; */

font-weight: normal;

}

#navi h2.title {

display: none;

}

*/]]></b:skin>

<style>

/* Magnific Popup CSS */

.mfp-bg {

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 1042;

overflow: hidden;

position: fixed;

background: #0b0b0b;

opacity: 0.8;

filter: alpha(opacity=80); }

.mfp-wrap {

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 1043;

position: fixed;

outline: none !important;

-webkit-backface-visibility: hidden; }

.mfp-container {

text-align: center;

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

padding: 0 8px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box; }

.mfp-container:before {

content: '';

display: inline-block;

height: 100%;

vertical-align: middle; }

.mfp-align-top .mfp-container:before {

display: none; }

.mfp-content {

position: relative;

display: inline-block;

vertical-align: middle;

margin: 0 auto;

text-align: left;

z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

width: 100%;

cursor: auto; }

.mfp-ajax-cur {

cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

cursor: -moz-zoom-out;

cursor: -webkit-zoom-out;

cursor: zoom-out; }

.mfp-zoom {

cursor: pointer;

cursor: -webkit-zoom-in;

cursor: -moz-zoom-in;

cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {

cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

-webkit-user-select: none;

-moz-user-select: none;

user-select: none; }

.mfp-loading.mfp-figure {

display: none; }

.mfp-hide {

display: none !important; }

.mfp-preloader {

color: #cccccc;

position: absolute;

top: 50%;

width: auto;

text-align: center;

margin-top: -0.8em;

left: 8px;

right: 8px;

z-index: 1044; }

.mfp-preloader a {

color: #cccccc; }

.mfp-preloader a:hover {

color: white; }

.mfp-s-ready .mfp-preloader {

display: none; }

.mfp-s-error .mfp-content {

display: none; }

button.mfp-close, button.mfp-arrow {

overflow: visible;

cursor: pointer;

background: transparent;

border: 0;

-webkit-appearance: none;

display: block;

outline: none;

padding: 0;

z-index: 1046;

-webkit-box-shadow: none;

box-shadow: none; }

button::-moz-focus-inner {

padding: 0;

border: 0; }

.mfp-close {

width: 44px;

height: 44px;

line-height: 44px;

position: absolute;

right: 0;

top: 0;

text-decoration: none;

text-align: center;

opacity: 0.65;

filter: alpha(opacity=65);

padding: 0 0 18px 10px;

color: white;

font-style: normal;

font-size: 28px;

font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {

opacity: 1;

filter: alpha(opacity=100); }

.mfp-close:active {

top: 1px; }

.mfp-close-btn-in .mfp-close {

color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

color: white;

right: -6px;

text-align: right;

padding-right: 6px;

width: 100%; }

.mfp-counter {

position: absolute;

top: 0;

right: 0;

color: #cccccc;

font-size: 12px;

line-height: 18px; }

.mfp-arrow {

position: absolute;

opacity: 0.65;

filter: alpha(opacity=65);

margin: 0;

top: 50%;

margin-top: -55px;

padding: 0;

width: 90px;

height: 110px;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {

margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {

opacity: 1;

filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

content: '';

display: block;

width: 0;

height: 0;

position: absolute;

left: 0;

top: 0;

margin-top: 35px;

margin-left: 35px;

border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {

border-top-width: 13px;

border-bottom-width: 13px;

top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {

border-top-width: 21px;

border-bottom-width: 21px;

opacity: 0.7; }

.mfp-arrow-left {

left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

border-right: 17px solid white;

margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

margin-left: 25px;

border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {

right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

border-left: 17px solid white;

margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {

padding-top: 40px;

padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {

line-height: 0;

width: 100%;

max-width: 900px; }

.mfp-iframe-holder .mfp-close {

top: -40px; }

.mfp-iframe-scaler {

width: 100%;

height: 0;

overflow: hidden;

padding-top: 56.25%; }

.mfp-iframe-scaler iframe {

position: absolute;

display: block;

top: 0;

left: 0;

width: 100%;

height: 100%;

box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

background: black; }

/* Main image in popup */

img.mfp-img {

width: auto;

max-width: 100%;

height: auto;

display: block;

line-height: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding: 40px 0 40px;

margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {

line-height: 0; }

.mfp-figure:after {

content: '';

position: absolute;

left: 0;

top: 40px;

bottom: 40px;

display: block;

right: 0;

width: auto;

height: auto;

z-index: -1;

box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

background: #444444; }

.mfp-figure small {

color: #bdbdbd;

display: block;

font-size: 12px;

line-height: 14px; }

.mfp-figure figure {

margin: 0; }

.mfp-bottom-bar {

margin-top: -36px;

position: absolute;

top: 100%;

left: 0;

width: 100%;

cursor: auto; }

.mfp-title {

text-align: left;

line-height: 18px;

color: #f3f3f3;

word-wrap: break-word;

padding-right: 36px; }

.mfp-image-holder .mfp-content {

max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {

cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

/**

* Remove all paddings around the image on small screen

.mfp-img-mobile .mfp-image-holder {

padding-left: 0;

padding-right: 0; }

.mfp-img-mobile img.mfp-img {

padding: 0; }

.mfp-img-mobile .mfp-figure:after {

top: 0;

bottom: 0; }

.mfp-img-mobile .mfp-figure small {

display: inline;

margin-left: 5px; }

.mfp-img-mobile .mfp-bottom-bar {

background: rgba(0, 0, 0, 0.6);

bottom: 0;

margin: 0;

top: auto;

padding: 3px 5px;

position: fixed;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box; }

.mfp-img-mobile .mfp-bottom-bar:empty {

padding: 0; }

.mfp-img-mobile .mfp-counter {

right: 5px;

top: 3px; }

.mfp-img-mobile .mfp-close {

top: 0;

right: 0;

width: 35px;

height: 35px;

line-height: 35px;

background: rgba(0, 0, 0, 0.6);

position: fixed;

text-align: center;

padding: 0; } }

@media all and (max-width: 900px) {

.mfp-arrow {

-webkit-transform: scale(0.75);

transform: scale(0.75); }

.mfp-arrow-left {

-webkit-transform-origin: 0;

transform-origin: 0; }

.mfp-arrow-right {

-webkit-transform-origin: 100%;

transform-origin: 100%; }

.mfp-container {

padding-left: 6px;

padding-right: 6px; } }

.mfp-ie7 .mfp-img {

padding: 0; }

.mfp-ie7 .mfp-bottom-bar {

width: 600px;

left: 50%;

margin-left: -300px;

margin-top: 5px;

padding-bottom: 5px; }

.mfp-ie7 .mfp-container {

padding: 0; }

.mfp-ie7 .mfp-content {

padding-top: 44px; }

.mfp-ie7 .mfp-close {

top: 0;

right: 0;

padding-top: 0; }

.post-outer {

-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

margin-bottom: 1.6rem;

}

.pull-right{

padding-right:5px;

}

.errow_simple ,.continue-read a{

color: #59ABE3;

font-weight: 700;

font-size: 19px;

}

</style>

<style>

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

width: 940px;

}

.container:before, .container:after {

display: table;

content: "";

line-height: 0;

}

@media (min-width: 1200px)

{

.container{

width: 1117px;

}

.container {

margin-right: auto;

margin-left: auto;

}

@media (max-width: 979px) and (min-width: 768px){

.container{

width: 724px;

}

@media (max-width: 979px) and (min-width: 768px){

.container {

width: auto;

}

.slide-content.page-scroll img {

max-height: 175px;

}

.slide-content .text-slide-title{

font-size:25px;

}

.bt-slider {

height: 545px;

}

.wrapper img{

object-fit: cover;

}

#footer div.column {

width: 48%;

margin-right: 2px;

}

@media (max-width: 767px)

{

.container {

width: auto;

}

#footer div.column {

width: 100%;

}

</style>

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

#outer-wrapper {width: 100%;}

#container {width: 924px;}

#content-wrapper{width:1020px}

div#mywrapper {

width: 65%;

}

.bt-slider{

height:600px;

}

#sidebar-wrapper{max-width: 370px;

width: 33%;}

.post{

margin-left:5px;

padding: 30px 30px 50px;

}

h2.post-title, h1.post-title{

font-size:55px;

}

@media only screen and (max-width:985px) and (min-width: 768px) {

#outer-wrapper {width: 100%;}

#searchformfix,.soc-icon{display:none}

#container {width: 700px;}

#content-wrapper{width:710px}

#post-wrapper,div#mywrapper {width: 710px;}

#sidebar-wrapper{width: 100%;max-width: 100%;}

.sidebar-container { width: 95%;}

div#main {width: 710px;}

#post-wrapper{margin-top:44px;}

nav{top:45px;}

#instafeed li{

width:25%;}

#instafeed .likes{

width:204px;

height:204px;}

.header img{

margin:0 auto

}

/* Phone : 480px */

@media only screen and (max-width: 767px) and (min-width: 480px){

#outer-wrapper {width: 100%;}

#searchformfix,.soc-icon{display:none}

.header-right {width: 100%;max-width: 432px;float:none}

#container {width: 100%;}

#content-wrapper{width:100%;}

#post-wrapper,div#mywrapper {width: 100%;}

#sidebar-wrapper{width: 100%;max-width: 100%;}

.sidebar-container { width: 95%;}

div#main {width: 100%;}

#menu-main{display:none;}

.header {width: 64.7%;max-width: 257px;margin: 0px 0 50px 115px;}

.img-thumbnail img {width: 430px;height: 230px;}

.img-thumbnail {width: 430px;height: 240px;}

.top-comment-widget-menu{height: 58px;}

.top-comment{width:41%}

#mywrapper{margin-top:22px;}

nav{top:70px;}

.menubar{display:none;}

.header img{

margin:0 auto

}

.mbt-pager li.previous a{

padding-right:0px;

}

.related-item{

width:33%!important;

float:left;

}

#related-posts .related_img{

object-fit:cover;

}

#menu .content{

top:35%!important;

}

div#header {

max-width: 100%;

width: 100%;

margin:0;

}

#instafeed li{

width:33%;}

#instafeed .likes{

width:168px;

height:168px;}

.container{

width:450px;

}

.black-wrapper h2{

font-size: 25px;

text-align: center;

}

.mbt-pager li a{

padding:0px;

}

.col-md-3{

width:100%;

float:none;

}

#copyright {

color: #fff;

text-align: center;

font-size: 13px;

}

.footer-widgets{

padding: 40px 0;

text-align: center;

}

.footer-widgets .thumbnail{

width:330px;

margin:0 auto;

}

.top-pages,.top-social{

display:block !important;

text-align:center !important;

float:none;

}

.post{

padding: 30px 20px 30px;

}

.top-social ul li a{

width:45px;

height:45px;

}

.slide-content.page-scroll img {

max-height: 125px;

}

.slide-content .text-slide-title {

font-size: 20px;

}

.bt-slider,.wrapper {

height: 514px;

}

.wrapper img {

object-fit: cover;

}

#back-top{

display:none !important;

}

.ImageWrapper .StyleTi span:nth-of-type(1){

top: 26%;

}

.ImageWrapper:hover .StyleTi span:nth-of-type(1){

right: 19%;

}

/* Phone : 320px */

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

#outer-wrapper {width: 100%;}

#searchformfix,.soc-icon{display:none}

.header-right {display:none}

#container {width: 100%;}

#content-wrapper{width:95%;padding: 0px;}

.post{

padding:2px;

}

#post-wrapper,div#mywrapper {width: 100%;}

#sidebar-wrapper{width: 100%;max-width: 100%;}

.sidebar-container {width: 100%;}

div#main {width: 100%;}

#menu-main{display:none;}

.img-thumbnail img {width: 280px;height: 180px;}

.img-thumbnail {width: 280px;height: 190px;}

.top-comment-widget-menu{height: 58px;}

.top-comment{width:37%}

.entry-title,h3.entry-title.related-main{

font-size:22px;

}

.related_title{

text-align:center;

}

.header img{

margin:0 auto

}

#related-posts .related_img{

width:100%;

height:auto;

}

.mbt-pager li.next{

float:none;

width:100%;

}

.slide-content .text-slide-title {

font-size: 20px;

}

.bt-slider,.wrapper {

height: 500px;

}

.slide-content.page-scroll img {

max-height: 125px;

}

.mbt-pager li.previous{

float:none;

width:100%;

}

.container {

width: 300px;

}

.post-image img:hover{

transform: scale(1.1);

-webkit-transform: none;

-moz-transform: scale(1.1);

-o-transform: scale(1.1);

-ms-transform: scale(1.1);

transition-timing-function: ease-in;

}

.wrapper img {

object-fit: cover;

}

.text-rotator{

min-height:40px;

}

#back-top,.post-share{

display:none !important;

}

#instafeed li{

width:25%;

}

.bt-comment{

padding:6px;}

.intro-text {

font-size: 1.2em;

font-size: 14px;

line-height: 23px;

}

.post {

/* padding: 5px; */

padding-left: 7px;

padding-right: 7px;

padding-top: 10px;

padding-bottom: 10px;

}

.post-details{

font-size:12px;

}

.black-wrapper h2{

font-size: 25px;

text-align: center;

}

.mbt-pager li a{

padding:0px;

}

.col-md-3{

width:100%;

float:none;

}

#copyright {

color: #fff;

text-align: center;

font-size: 13px;

}

.footer-widgets{

padding: 40px 0;

text-align: center;

}

.footer-widgets .thumbnail{

width:330px;

margin:0 auto;

}

.top-pages,.top-social{

display:block !important;

text-align:center !important;

float:none;

}

.top-social ul li a{

width:45px;

height:45px;

}

.post-entry {

padding-left: 10px;

padding-right: 10px;

}

h1.post-title {

padding-left: 5px;

text-align: center;

padding-top: 14px;

font-size: 20px;

}

.footer-widgets .thumbnail{

width:275px;

margin:0 auto;

}

.post-info {

/* padding-left: 1px; */

text-align: center;

}

.large-12.column {

text-align: center;

}

</style>

<b:if cond='data:blog.pageType == "item"'>

h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {

color:#383838;

font-size:30px;

font-weight:500;

padding-left: 20px;

}

.slide-container{

display:none;

}

.bt-slider{

height:170px;

}

.menu-new.clear:before {

content: '';

position: absolute;

/* background: url(http://pixelosaur.com/preview/ultimate-html/images/overlay.gif) repeat; */

opacity: 0.5;

background: #000;

height: 100%;

width: 100%;

/* z-index: 9999999999999999; */

}

.post-info {

padding-left: 20px;

margin: 0 0 20px;

}

.large-12.column {

text-align: left!important;

}

</style>

</b:if>

<b:if cond='data:blog.pageType == "static_page"'>

<style>

.post-share{

display:none!important;

}

</style>

</b:if>

<b:if cond='data:blog.pageType != "index"'>

/* COMMENT */

.comment-form{overflow:hidden}.comments h3{line-height:normal;text-transform:uppercase;color:#333;font-weight:700;margin:0 0 20px;font-size:14px;padding:0}h4#comment-post-message{display:none;margin:0}.comments{clear:both;margin-top:0;margin-bottom:0}.comments .comments-content{font-size:13px;margin-bottom:8px}.comments .comments-content .comment-thread ol{text-align:left;margin:13px 0;padding:0}.comments .avatar-image-container{background:#fff;overflow:visible;padding:6px}.comments .comment-block{position:relative;background:#fff;padding:15px;margin-left:60px;border-left:3px solid #ddd;border-top:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD}.comments .comment-block:before{content:"width:0;height:0;position:absolute;right:100%;top:14px;border-width:10px;border-style:solid;border-color:transparent #DDD transparent transparent;display:block}.comments .comments-content .comment-replies{margin:8px 0;margin-left:60px}.comments .comments-content .comment-thread:empty{display:none}.comments .comment-replybox-single{background:#f0f0f0;padding:0;margin:8px 0;margin-left:60px}.comments .comment-replybox-thread{background:#f0f0f0;margin:8px 0 0;padding:0}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:first-child{padding:0;margin:0}.comments .comments-content .comment:last-child{padding:0;margin:0}.comments .comment-thread.inline-thread .comment,.comments .comment-thread.inline-thread .comment:last-child{margin:0 0 5px 30%}.comment .comment-thread.inline-thread .comment:nth-child(6){margin:0 0 5px 25%}.comment .comment-thread.inline-thread .comment:nth-child(5){margin:0 0 5px 20%}.comment .comment-thread.inline-thread .comment:nth-child(4){margin:0 0 5px 15%}.comment .comment-thread.inline-thread .comment:nth-child(3){margin:0 0 5px 10%}.comment .comment-thread.inline-thread .comment:nth-child(2){margin:0 0 5px 5%}.comment .comment-thread.inline-thread .comment:nth-child(1){margin:0 0 5px}.comments .comments-content .comment-thread{margin:0;padding:0}.comments .comments-content .inline-thread{background:#fff;border:1px solid #DDD;padding:15px;margin:0}.comments .comments-content .icon.blog-author{display:inline}.comments .comments-content .icon.blog-author:after{content:"background:#0088C2;color:#fff;font-size:11px;padding:2px 5px}.comment-header{text-transform:uppercase;font-size:12px}.comments .comments-content .datetime{margin-left:6px}.comments .comments-content .datetime a{color:#888}.comments .comment .comment-actions a{display:inline-block;color:#333;font-weight:700;font-size:10px;line-height:15px;margin:4px 8px 0 0}.comments .continue a{color:#333;display:inline-block;font-size:10px}.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:underline}.pesan-komentar p{line-height:normal;margin:0}.fb-comments{width:100%!important}.fb-comments iframe[style]{width:100%!important}.fb-like-box{width:100%!important}.fb-like-box iframe[style]{width:100%!important}.fb-comments span{width:100%!important}.fb-comments iframe span[style]{width:100%!important}.fb-like-box span{width:100%!important}.fb-like-box iframe span[style]{width:100%!important}.fotleft{float:left}.fotright{float:right;text-align:right}.header{float:none;margin:0 auto}.top-menu{position:relative;}

.author-home,.bt-comment,.wrapper{

display:none;

}

.menu-new{

height:175px;

background:url(http://2.bp.blogspot.com/-3LUn6O5pDrE/VQkx9AjZEQI/AAAAAAAABm8/EeC_EIsk118/s800/tumblr_nhopqqRw201u7twe4o1_1280.jpg);

}

h2.post-title, h1.post-title{

margin-top:40px;

}

@media only screen and (max-width: 985px) and (min-width: 768px){

nav{top:0px;}

#post-wrapper {

margin-top: 10px;

}

h1{margin-bottom:0px;}

.post-body{padding:5px;}

}

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

.main-content-wrapper{margin-top:0px;}

nav{top:1px;}

h2.post-title a, h1.post-title a, h2.post-title, h1.post-title{

padding-left:0px;

}

.post-info{padding-left:0px;}

}

@media only screen and (max-width: 767px) and (min-width: 480px){

#mywrapper{margin-top:0px;}

nav{top:1px;}

}

</style>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<style>

#singlepage {

display:none;

visibility:hidden;

}

</style>

</b:if>

<b:if cond='data:blog.searchLabel'>

<style>

.header{

float:none;

margin:0 auto;

}

</style>

</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

//<![CDATA[

var classicMode = false;

var summary = 20;

var indent = 3;

imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";

showRandomImg = true;

aBold = true;

summaryPost = 170;

summaryTitle = 25;

numposts1 = 6;

numposts2 = 8;

numposts3=3;

var classicMode = false;

var summary = 50;

var indent = 3;

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

var thumburl = new Array();

//]]>

</script>

</b:if>

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

var thumburl = new Array();

function related_results_labels_thumbs(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

try {

thumburl[relatedTitlesNum] = entry.gform_foot.url

} catch (error) {

s = entry.content.$t;

a = s.indexOf("<img");

b = s.indexOf("src=\"", a);

c = s.indexOf("\"", b + 5);

d = s.substr(b + 5, c - b - 5);

if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {

thumburl[relatedTitlesNum] = d

} else thumburl[relatedTitlesNum] = 'http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png'

}

if (relatedTitles[relatedTitlesNum].length > 35) relatedTitles[relatedTitlesNum] = relatedTitles[relatedTitlesNum].substring(0, 35) + "...";

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++

}

function removeRelatedDuplicates_thumbs() {

var tmp = new Array(0);

var tmp2 = new Array(0);

var tmp3 = new Array(0);

for (var i = 0; i < relatedUrls.length; i++) {

if (!contains_thumbs(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp3.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

tmp3[tmp3.length - 1] = thumburl[i]

}

relatedTitles = tmp2;

relatedUrls = tmp;

thumburl = tmp3

}

function contains_thumbs(a, e) {

for (var j = 0; j < a.length; j++) if (a[j] == e) return true;

return false

}

function printRelatedLabels_thumbs() {

for (var i = 0; i < relatedUrls.length; i++) {

if ((relatedUrls[i] == currentposturl) || (!(relatedTitles[i]))) {

relatedUrls.splice(i, 1);

relatedTitles.splice(i, 1);

thumburl.splice(i, 1);

i--

}

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

if (relatedTitles.length >= 1)

document.write('<div class="large-12 column"><h3 class="entry-title related-main">Related Articles</h3></div>');

document.write('<div class="clear">');

while (i < relatedTitles.length && i < 20 && i < maxresults) {

document.write('<div class="related-item col-1-3"><a style="text-decoration:none;margin:0 7px 0px 0;');

if (i != 0) document.write('"');

else document.write('"');

document.write(' href="' + relatedUrls[r] + '"><img class="related_img" src="' + thumburl[r] + '"/><br/><div class="related_title">' + relatedTitles[r] + '</div></a></div>');

if (r < relatedTitles.length - 1) {

r++

} else {

r = 0

}

i++

}

document.write('</div>');

relatedUrls.splice(0, relatedUrls.length);

thumburl.splice(0, thumburl.length);

relatedTitles.splice(0, relatedTitles.length)

}

//]]>

</script>

</head>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

<b:includable id='main'><script type="text/javascript">

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener('load',

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

</script>

gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {

if (gapi.iframes && gapi.iframes.getContext) {

gapi.iframes.getContext().openChild({

url: 'https://www.blogger.com/navbar.g?targetBlogID\0757556451885767925601\46blogName\75Memento+Creative+Blogger+Template\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://memento-creative.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://memento-creative.blogspot.com/\46blogFollowUrl\75https://plus.google.com/118193951086580905075\46vt\0755665878348781438681',

where: document.getElementById("navbar-iframe-container"),

id: "navbar-iframe"

});

}

});

</script><script type="text/javascript">

(function() {

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';

var head = document.getElementsByTagName('head')[0];

if (head) {

head.appendChild(script);

}})();

</script>

</b:includable>

</b:widget>

</b:section>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</div>

</b:if>

</div>

<b:section class='Navigation Menu' id='navi' showaddelement='yes'>

<b:widget id='HTML3' locked='false' title='Navigation' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='header section' id='header' showaddelement='no'>

<b:widget id='Header1' locked='false' title='Memento Creative Blogger Template (Header)' type='Header'>

<b:includable id='main'>

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

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

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

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

<span>

<data:description/>

</span>

</p>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

<data:title/>

</a>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<!-- This is slideshow Configure your images here just replace the image url with yours

================================================== -->

<!-- Configure here your own images

================================================== -->

</div>

<!-- Add your Author Image here

================================================== -->

<div class='text-rotator'><p class='rotate text-slide-title primary-typo strong'>HELLO I'M JOHN DOE|WELCOME TO MY PERSONAL BLOG|I LOVE TO DO CREATIVE THINGS|I'M PROFESSIONAL WEB DEVELOPER</p></div>

<ul>

</ul>

</div>

</div>

<b:section class='main' id='main' showaddelement='no'>

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

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

<b:include data='posts' name='breadcrumb'/>

<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

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

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

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

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

</b:if>

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

</b:if>

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

<b:if cond='data:blog.pageType == "static_page"'>

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

</b:if>

<b:if cond='data:blog.pageType == "item"'>

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

</b:if>

</div>

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

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

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:if cond='data:blog.pageType == "index"'>

<b:include name='page-navi'/>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<b:include name='page-navi'/>

<b:else/>

<b:include name='nextprev'/>

</b:if>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='authorblog'>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

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

<h4>

<data:post.backlinksLabel/>

</h4>

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

<b:loop values='data:post.backlinks' var='backlink'>

</span>

<data:backlink.title/>

</a>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

<data:post.authorLabel/>

<data:backlink.author/>

</span>

<data:post.timestampLabel/>

<data:backlink.timestamp/>

</span>

</dd>

</div>

</b:loop>

</dl>

</b:if>

<data:post.createLinkLabel/>

</a>

</p>

</b:includable>

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<span>

Home

</a>

</span>

<span>

<data:blog.pageName/>

</span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

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

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

Home

</span>

</a>

</span>

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

<data:label.name/>

</span>

</a>

</span>

<b:if cond='data:label.isLast != "true"'>

</b:if>

</b:loop>

<span>

<data:post.title/>

</span>

</div>

<b:else/>

<span>

Home

</a>

</span>

<span>

Uncategories

</span>

<span>

<data:post.title/>

</span>

</div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == "archive"'>

<span>

Home

</a>

</span>

<span>

Archive for

<data:blog.pageName/>

</span>

</div>

<b:else/>

<b:if cond='data:blog.searchQuery'>

<span>

Home

</a>

</span>

<span>

<data:blog.pageName/>

</span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.pageName == ""'>

<span>

Home

</a>

</span>

<span>

All post

</span>

<b:else/>

<span>

Home

</a>

</span>

<span>

<data:blog.pageName/>

</span>

</b:if>

</div>

</b:if>

</b:includable>

<b:includable id='comment-form' var='post'>

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

<data:postCommentMsg/>

</a>

</h4>

<p>

<data:blogCommentMessage/>

</p>

</div>

<data:blogTeamBlogMessage/>

<b:else/>

<data:postCommentMsg/>

</h4>

<p>

<data:blogCommentMessage/>

</p>

</div>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

</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='comment_count_picker' var='post'>

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

</span>

<b:else/>

<data:post.commentLabelFull/>

</a>

</b:if>

</b:includable>

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

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

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

<b:else/>

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

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

<b:else/>

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

</b:if>

</b:includable>

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

<h2 class='fword entry-title'> CONVERSATION</h2>

</div>

</div>

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

<h4>

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

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

</div>

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

<data:post.commentRangeText/>

</span>

</b:if>

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

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

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

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

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

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

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

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

</span>

</dd>

</b:loop>

</dl>

</div>

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

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

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

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

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

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

</b:if>

</p>

</b:if>

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

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

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

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

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

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

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

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

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

<data:feedLinksMsg/>

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

<data:f.name/>

(

<data:f.feedType/>

)

</a>

</b:loop>

</div>

</b:includable>

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

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

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

<data:postCommentMsg/>

</a>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

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

</div>

<b:else/>

</div>

</b:if>

<data:post.title/>

</h3>

</a>

<b:if cond='data:top.showAuthor'>

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

<data:post.author/>

</span>

</a>

</span>

<b:else/>

<data:post.author/>

</span>

</b:if>

<b:if cond='data:top.showTimestamp'>

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

<l/>

<data:post.timestamp/>

</abbr>

</a>

</span>

</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

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

<l/>

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

Add Comment

</b:if>

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

1 Comment

</b:if>

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

<data:post.numComments/>

Comments

</b:if>

</a>

</span>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

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

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

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

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

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

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

&lsaquo;

</a>

</div>

</b:if>

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

&rsaquo;

</a>

</div>

</b:if>

<data:homeMsg/>

</a>

</div>

<data:desktopLinkMsg/>

</a>

</div>

</b:includable>

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

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

</b:if>

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

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

<data:post.title/>

</a>

<b:else/>

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

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

<data:post.title/>

</a>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<b:if cond='data:top.showAuthor'>

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

<data:post.author/>

</span>

</a>

</span>

<b:else/>

<data:post.author/>

</span>

</b:if>

<b:if cond='data:top.showTimestamp'>

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

<l/>

<data:post.timestamp/>

</abbr>

</a>

</span>

</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

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

<l/>

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

Add Comment

</b:if>

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

1 Comment

</b:if>

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

<data:post.numComments/>

Comments

</b:if>

</a>

</span>

</b:if>

</div>

<data:post.body/>

<p>

</p>

Facebook

</a>

Google+

</a>

Twitter

</a>

</div>

<h3>

</h3>

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

<b:if cond='data:label.isLast != "true"'/>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

</b:loop>

removeRelatedDuplicates(); printRelatedLabels(); </script>

</div>

<b:if cond='data:blog.pageType == "static_page"'>

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

</b:if>

<b:if cond='data:blog.pageType == "item"'>

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

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

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

<data:newerPageTitle/>

</a>

</span>

</b:if>

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

<data:olderPageTitle/>

</a>

</span>

</b:if>

<data:homeMsg/>

</a>

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

<data:mobileLinkMsg/>

</a>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='page-navi'>

var pageNaviConf = {

perPage: 5,

numPages: 9,

firstText: "First",

lastText: "Last",

nextText: "Next",

prevText: "Prev"

}

</script>

//<![CDATA[

//]]>

</script>

</div>

</b:includable>

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

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

</b:if>

<b:if cond='data:blog.metaDescription'>

<b:else/>

</b:if>

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

</b:loop>

<b:if cond='data:blog.pageType == "item"'>

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

</b:if>

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

<data:post.title/>

</a>

<b:else/>

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

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

<data:post.title/>

</a>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h1>

<b:if cond='data:top.showAuthor'>

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

<data:post.author/>

</span>

</a>

</span>

<b:else/>

<data:post.author/>

</span>

</b:if>

<b:if cond='data:top.showTimestamp'>

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

<l/>

<data:post.timestamp/>

</abbr>

</a>

</span>

</b:if>

<b:if cond='data:blog.pageType != "static_page"'>

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

<l/>

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

Add Comment

</b:if>

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

1 Comment

</b:if>

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

<data:post.numComments/>

Comments

</b:if>

</a>

</span>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

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

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

<data:label.name/>

</a>

<b:if cond='data:label.isLast != "true"'>

</b:if>

</b:loop>

</span>

</b:if>

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

</div>

</div>

<h3>Share this:</h3>

</div>

<b:include name='authorblog'/>

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

<b:if cond='data:label.isLast != "true"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

</b:if>

</b:loop>

var currentposturl="<data:post.url/>";

var maxresults=3;

var relatedpoststitle="<b/>";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div>

</article>

<b:else/>

<b:if cond='data:blog.pageType == "static_page"'>

<h2>

<data:post.title/>

</h2>

</div>

</div>

</div>

</article>

<b:else/>

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

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

<b:else/>

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

<b:else/><data:post.title/>

</b:if>

</h3>

</b:if>

<data:post.body/>

</div>

createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.timestamp/>","<data:post.numComments/>","<data:post.author/>","<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> ,</b:if></b:loop>","<data:post.authorProfileUrl/>");</script>

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

<b:if cond='data:label.isLast != "true"'>

</b:if>

</b:loop>

var currentposturl="<data:post.url/>";

var maxresults=3;

var relatedpoststitle="<b/>";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div>

</article>

</b:if>

</b:includable>

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

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

Edit

</b>

</a>

</span>

</b:if>

</b:includable>

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

<b:if cond='data:top.showEmailButton'>

<data:top.emailThisMsg/>

</span>

</a>

</b:if>

<b:if cond='data:top.showBlogThisButton'>

<data:top.blogThisMsg/>

</span>

</a>

</b:if>

<b:if cond='data:top.showTwitterButton'>

<data:top.shareToTwitterMsg/>

</span>

</a>

</b:if>

<b:if cond='data:top.showFacebookButton'>

<data:top.shareToFacebookMsg/>

</span>

</a>

</b:if>

<b:if cond='data:top.showOrkutButton'>

<data:top.shareToOrkutMsg/>

</span>

</a>

</b:if>

<b:if cond='data:top.showDummy'>

<data:post.dummyTag/>

</div>

</b:if>

</b:includable>

<b:includable id='status-message'>

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

<data:navMessage/>

</div>

<data:navMessage/>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

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

<p>

<data:blogCommentMessage/>

</p>

</div>

<data:blogTeamBlogMessage/>

<b:else/>

<p>

<data:blogCommentMessage/>

</p>

</div>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

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

</script>

</div>

</b:includable>

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

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox.parentNode, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

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

<h2 class='fword entry-title'> CONVERSATION</h2>

</div>

<h4>

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

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

</div>

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

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

</b:if>

<data:post.commentHtml/>

</div>

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

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

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

</iframe>

</div>

</b:if>

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

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:section class='sidebar' id='tab2-author' maxwidgets='1' showaddelement='yes'>

<b:widget id='HTML2' locked='false' title='About me' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'>

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

<b:includable id='main'>

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

<h2>

<data:title/>

</h2>

</b:if>

<ul>

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

<li>

<b:if cond='data:showThumbnails == "false"'>

<b:if cond='data:showSnippets == "false"'>

<b>

<data:post.title/>

</b>

</a>

<b:else/>

<b>

<data:post.title/>

</b>

</a>

</div>

<data:post.snippet/>

</div>

</b:if>

<b:else/>

<b:if cond='data:showSnippets == "false"'>

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

</a>

</div>

</b:if>

<b>

<data:post.title/>

</b>

</a>

</div>

<b:else/>

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

</a>

</div>

</b:if>

<b>

<data:post.title/>

</b>

</a>

</div>

<data:post.snippet/>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section></div>

<b:widget id='HTML5' locked='false' title='Like us' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section></div>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

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

<h2>

<data:title/>

</h2>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

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

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

</span>

<b:else/>

<data:label.name/>

</a>

</b:if>

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

(

<data:label.count/>

)

</span>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

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

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

</span>

<b:else/>

<data:label.name/>

</a>

</b:if>

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

(

<data:label.count/>

)

</span>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section></div>

</div>

<b:section class='sidebar section' id='sidebar' preferred='yes'>

<b:widget id='HTML1' locked='false' title='Sponsor' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</aside>

</div>

</div>

//<![CDATA[

// Generated by CoffeeScript 1.3.3

//]]>

</script>

<b:if cond='data:blog.pageType == "index"'>

<b:section class='column' id='instagram-widget' maxwidgets='1' showaddelement='yes'>

<b:widget id='HTML25' locked='false' title='Instagram' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</b:if>

</div>

<ul>

</ul>

</div><br/>

Designed and Developed By <a href='http://www.Bthemez.com' id='mycontent' rel='follow'>Bthemez</a>

</div>

</footer>

</div>

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

jQuery(document).ready(function(){

// Back to top

$('#backtotop').each(function(){

$(this).click(function(){

$('html,body').animate({ scrollTop: 0 }, 'slow');

return false;

});

//]]>

</script>

$(document).ready(function() {

// change the dimension variable below to be the pixel size you want

var dimension = 300;

// this identifies the PopularPosts1 div element, finds each image in it, and resizes it

$('#PopularPosts1').find('img').each(function(n, image){

var image = $(image);

image.attr({src : image.attr('src').replace('/s72-c/','/w'+350+'-h'+230+'-c/')});

image.attr('width',350);

image.attr('height',230);

});

//]]></script>

//<![CDATA[

/*! Magnific Popup - v0.9.9 - 2014-09-06

* http://dimsemenov.com/plugins/magnific-popup/

//]]>

</script>

<script>//<![CDATA[

$(document).ready(function(){

$('#loading-area').fadeOut().remove();

$('.group1').magnificPopup({type:'image'});

});

//]]>

</script>

(function( $ ){

'use strict';

$.fn.fitVids = function( options ) {

var settings = {

customSelector: null,

ignore: null

};

if(!document.getElementById('fit-vids-style')) {

// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js

var head = document.head || document.getElementsByTagName('head')[0];

var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';

var div = document.createElement("div");

div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';

head.appendChild(div.childNodes[1]);

}

if ( options ) {

$.extend( settings, options );

}

return this.each(function(){

var selectors = [

'iframe[src*="player.vimeo.com"]',

'iframe[src*="youtube.com"]',

'iframe[src*="youtube-nocookie.com"]',

'iframe[src*="kickstarter.com"][src*="video.html"]',

'object',

'embed'

];

if (settings.customSelector) {

selectors.push(settings.customSelector);

}

var ignoreList = '.fitvidsignore';

if(settings.ignore) {

ignoreList = ignoreList + ', ' + settings.ignore;

}

var $allVideos = $(this).find(selectors.join(','));

$allVideos = $allVideos.not('object object'); // SwfObj conflict patch

$allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.

$allVideos.each(function(){

var $this = $(this);

if($this.parents(ignoreList).length > 0) {

return; // Disable FitVids on this video.

}

if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }

if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))

{

$this.attr('height', 9);

$this.attr('width', 16);

}

var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),

width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),

aspectRatio = height / width;

if(!$this.attr('id')){

var videoID = 'fitvid' + Math.floor(Math.random()*999999);

$this.attr('id', videoID);

}

$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');

$this.removeAttr('height').removeAttr('width');

});

};

// Works with either jQuery or Zepto

})( window.jQuery || window.Zepto );

//]]>

</script>

$(document).ready(function(){

// Target your .container, .wrapper, .post, etc.

$(".post-image").fitVids();

});

</script>

// SmoothScroll for websites v1.2.1

// Licensed under the terms of the MIT license.

// People involved

// - Balazs Galambosi (maintainer)

// - Michael Herf (Pulse Algorithm)

/**

* Slideshowify is a super easy-to-use jQuery plugin for generating image slideshows

* with a Ken Burns Effect, where images which don't fit the screen exactly

* (generally the case) are cropped and either panned across the screen or

* zoomed in a randomly determined direction.

* Author: Aleksandar Kolundzija

* version 0.9.3

* @requires jquery

* @requires jquery.transit (http://ricostacruz.com/jquery.transit/) as of version 0.9

* (The MIT License)

* Permission is hereby granted, free of charge, to any person obtaining

* a copy of this software and associated documentation files (the

* 'Software'), to deal in the Software without restriction, including

* without limitation the rights to use, copy, modify, merge, publish,

* distribute, sublicense, and/or sell copies of the Software, and to

* permit persons to whom the Software is furnished to do so, subject to

* the following conditions:

* The above copyright notice and this permission notice shall be

* included in all copies or substantial portions of the Software.

* THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,

* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF

* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

* IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY

* CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,

* TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE

* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

(function($){

$.fn.slideshowify = function(/* config */){

var _self = this,

_imgs = [],

_imgIndex = -1,

_imgIndexNext = 0, // for preloading next

_transition = true, // use CSS3 transitions (default might be changed during init)

_easing = 'in-out',

_viewEl = document, // filled by slideshow (used for determining dimensions)

_containerId = "slideshowify-" + new Date().getTime(),

_containerCSS = {

"position" : "absolute",

"overflow" : "hidden",

"z-index" : "-2",

"left" : "0",

"top" : "0",

"width" : "100%",

"height" : "100%"

_cfg = {

parentEl : "body", // slideshow-container is injected into this

blend : "into", // "into" || "toBg"

randomize : false,

fadeInSpeed : 1500,

fadeOutSpeed : 1500,

aniSpeedMin : 9000,

aniSpeedMax : 15000

_$viewEl,

_$parentEl;

if (arguments[0]){

$.extend(_cfg, arguments[0]); // reconfigure

if (_cfg.parentEl != "body") {

_viewEl = _cfg.parentEl;

}

// local refs

_$viewEl = $(_viewEl);

_$parentEl = $(_cfg.parentEl);

/**

* Fill viewEl with image (most likely cropped based on its dimensions and view size).

* @TODO Add support for target divs whose dimensions were set with %s (get px value from parents).

* @TODO Add a window resize handler (adjust photo dims/margins).

function _revealImg(curImg){

var $img = $(this),

viewW = _$viewEl.width(),

viewH = _$viewEl.height(),

viewRatio = viewW/viewH,

imgRatio = $img.width()/$img.height(),

marginThreshold = Math.floor(Math.max(viewW, viewH)/10), // for zoom transitions

direction = Math.round(Math.random()),

transAttr = {},

transProps,

marginPixels,

modDims; // will hold values to set and animate

if (imgRatio > viewRatio){

modDims = _transition ?

direction ? {dim:'left', attr:'x', sign:'-'} : {dim:'right', attr:'x', sign:''}

direction ? {dim:'left', attr:'left', sign:'-'} : {dim:'right', attr:'right', sign:'-'};

$img.height(viewH + 'px').width(curImg.w * (viewH/curImg.h) + 'px');

marginPixels = $img.width() - viewW;

}

else {

modDims = _transition ?

direction ? {dim:'top', attr:'y', sign:'-'} : {dim:'bottom', attr:'y', sign:''}

direction ? {dim:'top', attr:'top', sign:'-'} : {dim:'bottom', attr:'bottom', sign:'-'};

$img.width(viewW+'px').height(curImg.h * (viewW/curImg.w) + 'px');

marginPixels = $img.height() - viewH;

}

$img.css(modDims.dim, '0');

transAttr[modDims.attr] = modDims.sign + marginPixels + 'px';

// if marginThreshold is small, zoom a little instead of panning

if (_transition && marginPixels < marginThreshold){

if (direction){ // zoom out

$img.css('scale','1.2');

transAttr = {'scale':'1'};

}

else { // zoom in

transAttr = {'scale':'1.2'};

}

transProps = {

duration : Math.min(Math.max(marginPixels * 10, _cfg.aniSpeedMin), _cfg.aniSpeedMax),

easing : _easing,

queue : false,

complete : function(){

_$parentEl.trigger('beforeFadeOut', _imgs[_imgIndex])

$img.fadeOut(_cfg.fadeOutSpeed, function(){

_$parentEl.trigger('afterFadeOut', _imgs[_imgIndex]);

$img.remove();

});

_loadImg();

}

};

_$parentEl.trigger('beforeFadeIn', _imgs[_imgIndex]);

$img.fadeIn(_cfg.fadeInSpeed, function(){

$img.css('z-index', -1);

_$parentEl.trigger('afterFadeIn', _imgs[_imgIndex])

});

// use animate if css3 transitions aren't supported

_transition ?

$img.transition($.extend(transAttr, transProps)) :

$img.animate(transAttr, transProps);

} // end of _revealImg()

/**

* Loads image and starts display flow

function _loadImg(){

var img = new Image(),

nextImg = new Image(), // for preloading

len = _imgs.length;

_imgIndex = (_imgIndex < len-1) ? _imgIndex+1 : 0;

$(img)

// assign handlers

.load(function(){

if (_cfg.blend==='into'){

$(this).css({'position':'absolute', 'z-index':'-2'});

$('#'+_containerId).append(this);

}

else { // @TODO verify that this works

$('#'+_containerId).empty().append(this);

}

_revealImg.call(this, _imgs[_imgIndex]);

})

.error(function(){

throw new Error("Oops, can't load the image.");

})

.hide()

.attr("src", _imgs[_imgIndex].src); // load

if (_imgIndexNext == len) return; // nothing left to preload

// preload next image

_imgIndexNext = _imgIndex + 1;

if (_imgIndexNext < len-1){

nextImg.src = _imgs[_imgIndexNext].src;

}

} // end of _loadImg()

// INITIALIZE

if (!$.support.transition) {

_transition = false;

_easing = 'swing';

}

if (!_cfg.imgs){ // images were passed as selector

// load images into private array

$(this).each(function(i, img){

$(img).hide();

_imgs.push({

src : $(img).attr('src'),

w : $(img).width(),

h : $(img).height()

});

}

else {

_imgs = _cfg.imgs;

}

if (_cfg.randomize){

_imgs.sort(function(){ return 0.5 - Math.random(); });

}

// create container div

$("<div id='"+_containerId+"'></div>")

.css(_containerCSS)

.appendTo(_cfg.parentEl);

// start

_loadImg();

return this;

};

/**

* Expose slideshowify() to jQuery for use without DOM selector.

$.slideshowify = function(cfg){

var _self = this,

_cfg = {

dataUrl : "",

dataType : "json",

async : true,

filterFn : function(data){ return data; } // default filter. does nothing

};

$.extend(_cfg, cfg);

$.ajax({

url : _cfg.dataUrl,

dataType : _cfg.dataType,

async : _cfg.async,

success : function(imgs){

_cfg.imgs = _cfg.filterFn(imgs);

$({}).slideshowify(_cfg);

}

});

};

}(jQuery));

//]]>

</script>

<script>//<![CDATA[

$(function() {

$('#slideshow img').slideshowify({

randomize : true,

fadeInSpeed : 1500,

fadeOutSpeed : 1500,

aniSpeedMin : 13000,

parentEl : ".wrapper",

aniSpeedMax : 17000

});

/* Simple text rotator */

//]]>

</script>

<script>//<![CDATA[

if(!(b=e)){var g={height:i.innerHeight,width:i.innerWidth};if(!g.height&&((b=h.compatMode)||!d.support.boxModel))b="CSS1Compat"===b?f:h.body,g={height:b.clientHeight,width:b.clientWidth};b=g}e=b;for(a=a||{top:i.pageYOffset||f.scrollTop||h.body.scrollTop,left:i.pageXOffset||f.scrollLeft||h.body.scrollLeft};n<j;n++)if(d.contains(f,k[n])){b=d(k[n]);var l=b.height(),m=b.width(),c=b.offset(),g=b.data("inview");if(!a||!e)break;c.top+l>a.top&&c.top<a.top+e.height&&c.left+m>a.left&&c.left<a.left+e.width?

(m=a.left>c.left?"right":a.left+e.width<c.left+m?"left":"both",l=a.top>c.top?"bottom":a.top+e.height<c.top+l?"top":"both",c=m+"-"+l,(!g||g!==c)&&b.data("inview",c).trigger("inview",[!0,m,l])):g&&b.data("inview",!1).trigger("inview",[!1])}}},250)})(jQuery);

jQuery(document).ready(function( $ ) {

"use strict";

/* animation */

if(!( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )) {

$(".animation").each( function() {

var $this = jQuery(this);

var animation = $this.attr("data-animate");

$this.bind("inview", function(event, isInView, visiblePartX, visiblePartY) {

if (isInView) {

$this.css("visibility","visible");

$this.addClass(animation);

if(animation.indexOf("fade") === -1) {

$this.css("opacity", "1");

}

});

}else {

$('.animation').removeClass("animation");

}

var opened = false;

$(".navToggle, #menu ul li a").click(function(){

if(opened){

$('.navToggle').toggleClass("open");

$('section').toggleClass("ifmenu");

setTimeout( "$('#menu').toggleClass('active');",1400 );

setTimeout(

function()

{

$('#menu ul li').each(function(i){

var t = $(this);

setTimeout(function(){ t.toggleClass('active'); }, (i+1) * 100);

});

}, 400);

setTimeout( "$('.bgblack').toggleClass('active');",1500);

}else{

$(this).toggleClass("open");

$(".bgblack").toggleClass("active");

$('section').toggleClass("ifmenu");

setTimeout( "$('#menu').toggleClass('active');",200 );

setTimeout(

function()

{

$('#menu ul li').each(function(i){

var t = $(this);

setTimeout(function(){ t.toggleClass('active'); }, (i+1) * 100);

});

}, 400);

}

opened = !opened;

});

$('.scroll-down img').on('click',function(){

$('html,body').animate({scrollTop:$(window).height()+8},{

duration:'1000'

});

return false;

});

$('.text-rotator').each(function() {

$(this).find('.rotate').textrotator({

separator: "|",

speed: 4000

});

$(".site-loader").delay(1000).fadeOut('slow');

});

var _0xd9b1=["\x6F\x6E\x6C\x6F\x61\x64","\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x74\x68\x65\x6D\x65\x7A\x2E\x63\x6F\x6D","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x62\x74\x68\x65\x6D\x65\x7A\x2E\x63\x6F\x6D\x2F","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x42\x74\x68\x65\x6D\x65\x7A"];window[_0xd9b1[0]]=function(){var _0x2141x1=document[_0xd9b1[2]](_0xd9b1[1]);if(_0x2141x1==null){window[_0xd9b1[4]][_0xd9b1[3]]=_0xd9b1[5]};_0x2141x1[_0xd9b1[7]](_0xd9b1[3],_0xd9b1[6]);_0x2141x1[_0xd9b1[8]]=_0xd9b1[9];};

//]]>

</script>

</body>

</html>

TRY BLOG

বুধবার, ২৬ মার্চ, ২০২৫

Memento Creative Blogger Template

0 মন্তব্য(গুলি):

একটি মন্তব্য পোস্ট করুন

Contact

Get in touch with me

Adress/Street

Phone number

Website