/* zocial by ari susanto*/
/* 
[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}
 */
/*****************************************
reset.css
******************************************/
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 { 
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block; 
}
body { 
    line-height:1; 
}
ol,ul { 
    list-style:none; 
}
blockquote, q { 
    quotes:none; 
}
blockquote:before, blockquote:after, q:before,q:after { 
    content:none; 
}
table { 
    border-collapse:collapse; 
    border-spacing:0; 
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; 
} 
.clearfix { 
    display: inline-block; 
} /* Hide from IE Mac \*/ 
.clearfix { 
    display: block; 
} /* End hide from IE Mac */ 
.none { 
    display: none; 
} /* End Clearfix */
::selection {  
    background: #2EB0EC;  
    color: #fff;  
}
::-moz-selection {  
    background: #333;  
    color: #fff;  
}
a img{	
    border: none;
}
ol, ul { 
    padding: 10px 0 20px;  
    margin: 0 0 0 35px;  
    text-align: left; 
}
ol li { 
    list-style-type: decimal;  
    padding:0 0 5px;  
}
ul li { 
    list-style-type: square;  
    padding: 0 0 5px;  
}
ul ul, ol ol { 
    padding: 0; 
}
h1, h2, h3, h4, h5, h6 { 
    color: #272727; 
    font-weight:normal;
    font-family:kotta one,georgia; 
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
    color: #878787; 
}
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 18px; line-height: 32px; }
h3 { font-size: 16px; line-height: 28px; }
h4 { font-size: 14px; line-height: 26px; }
h5 { font-size: 10px; line-height: 20px; }
h6 { font-size: 8px; line-height: 20px; }
.post-body h1 { margin: 55px 0 25px 0; }
.post-body h2 { margin: 35px 0 15px 0; }
.post-body h3, .post-body h4,
.post-body h5, .post-body h6 { margin: 15px 0; }
.post-body h1 { margin: 40px 0 20px; }
.post-body h2 { margin: 30px 0 15px; }
.post-body h3 { margin: 30px 0 10px; }
.post-body h4 { margin: 25px 0 8px; }
.post-body h5 { margin: 20px 0 5px; }
.post-body h6 { margin: 20px 0 5px; }
.post-body a {
    color: #272727;
}
.post-body a:hover {
    color: #999;
    text-decoration: none;
    /*border-color: #999;*/
}
.content ul,
.content ol {
    list-style-position: outside;
    padding-left: 32px;
}
.post-body ul { list-style-type: disc; }
.post-body ol { list-style-type: decimal; }
/*****************************************
Global Links CSS
******************************************/
a{
    color:#333;
    text-decoration:none;
    font-weight:normal
}
a:hover{color:#272727}
img{vertical-align:bottom;max-width:100%}

body{
    background:url("https://cdn.mbokyamreborn.com/image/backgroud.webp") #E3E3E3;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: 100% 100%;
    color:#757575;
    font-size:16px;
    font-family:georgia,times new roman;
    line-height:1.5em;
    overflow-x:hidden;
    margin:0;
    padding:0
}
.clr{
    clear:both;
    float:none
}
.ct-wrapper:before,.ct-wrapper:after{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden;
}
.ct-wrapper:after{
    clear:both;
}
.ct-wrapper{
    position:relative;
    max-width:100%;
    margin:0 auto;
    padding:0;
}
.outer-wrapper{
    background:transparent;
    position:relative;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.header-wrapper{
    background:rgba(0,0,0,0);
    display:inline-block;
    float:none;
    position:relative;
    width:auto;
    padding:0
}
.main-wrapper{
    position:relative;
    margin: 90px 10px 0px 255px;
    padding: 0px 0px 0px 0px;
}
#content{
    position:relative;
    padding: 0px 0px 10px 60px;
}
#Blog1{
    overflow:hidden;
    padding: 0px 20px 0px 10px;
}
.isotope{
    overflow:visible!important;
}
.masonry{
    -webkit-transition-property:height, width;
    -moz-transition-property:height, width;
    -ms-transition-property:height, width;
    -o-transition-property:height, width;
    transition-property:height, width
}
/* demo.themes1.com/media=all */
.masonry,.masonry .masonry-brick{
    -webkit-transition-duration:.7s;
    -moz-transition-duration:.7s;
    -ms-transition-duration:.7s;
    -o-transition-duration:.7s;
    transition-duration:.7s
}
body#layout .header-wrapper{
    margin-top:10px;
}
body#layout .header-inner-wrap{
    width:50%;
    float:auto\9;
    height:auto\9;
    margin:3em 0 0;
}
body#layout #content{
    width:100%;
    float:right;
    position:relative;
    padding:0;
}
body#layout .sidebar-wrapper{
    float:left;
    width:20%;
    min-width:255px;
    max-width:255px;
    position:static;
}
body#layout #header{
    width:95%;
    clear:both;
    position:relative;
    margin:0;
    padding:0;
}
body#layout #Header1{
    width:100%;
}
body#layout #sidebar{
    clear:both;
    top:1em;
    display:block;
    position:relative;
}
body#layout .header-right.section{
    max-width:50%;
    float:none;
    margin:0;
    padding:0;
}
body#layout .outer-wrapper,body#layout .sidebar-wrapper,body#layout .ct-wrapper{
    margin:0;
    padding:0;
}
body#layout div.footer{
    font-family:sans-serif;
    display:inline-table;
    position:relative;
    float:left;
    max-width:25%;
    margin:0 auto 2px;
    padding:0 0 10px
}
body#layout .outer-wrapper{margin-top:2em}
body#layout .widget-content{border:1px solid #CCC;color:#666;height:3.3em;line-height:1em;overflow:hidden;position:relative;text-align:center;width:auto;padding:5px}
body#layout #footer{width:100%;position:relative;top:6em;z-index:10}
body#layout .footer-wrapper{width:100%;padding:0}
body#layout .top-container{
    /* position:absolute; */
    overflow: hidden;
    background-color: #333;
    position: absolute; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    clear:both;
    display:inline-block
}
#header{width:auto;min-height:100px;padding:10px}
.header-inner-wrap{height:75px;float:left;position:relative;bottom:-11px;margin:0;padding:0}
#header h1{position:relative;line-height:normal;font-size:2.5rem;font-weight:700;height:0;text-align:center;font-family:brush script std;margin:12% 0 0;padding:0}
#header h1 a,#header h1 a:hover{color:#2d2d2d}
#header p.description{
    color:#333;
    font-size:20px;
    font-family:monospace;
    text-align:center;
    text-transform:capitalize;
    margin:2em auto 0;
    padding:0
}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
.header-right{float:right}
.header-right .widget-content{margin-top:40px}
.top-container{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index:11;			
}
#top-header{
    width:100%;
    z-index:11;
    position:relative;
    background:#F13638;
    height:auto;
    display:inline-block;
    box-shadow:0 10px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 10px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:0 10px 8px rgba(0,0,0,0.3);
    border-top:1px dotted #f0f0f0;padding:0
}
#site-navigation li{list-style:none}
#site-navigation.default{
    position:relative;
    font-size:14px;
    float:left;
    width:auto;
    margin:0
}
#site-navigation.default > div > ul > li{
    float:left;
    position:relative;
    margin:0;
    padding:0;
}
#site-navigation.default ul li:hover > a{position:relative;color:#FFF;z-index:2}
#site-navigation.default ul li ul li a:hover{color:initial}
#site-navigation.default ul li ul li a{
    border-top:1px solid #E1E1E1;
    color:#434343;
    font-size:85%;
    padding:7px 12px
}
#site-navigation.default ul{position:relative;margin:0 0 0 20px;padding:0}
#site-navigation.default ul:after{content:"";clear:both;display:block}
#site-navigation.default > div > ul > li > a:hover{background:rgba(0,0,0,0.1)}
#site-navigation.default > div > ul > li > a{
    color:#FFF;
    border-right:solid 1px rgba(255,255,255,0.3);
    margin:0;
    padding:10px 20px
}
#site-navigation.default ul li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:190px;
    background:#FFF;
    border-top:1px solid #222;
    z-index:100;
    border:solid 1px #DDD!important;
    border-bottom:solid 1px #CCC!important;
    box-shadow:4px 5px 6px rgba(0,0,0,0.1);
    margin:0
}
#site-navigation.default ul li ul li{position:relative;padding:0}
#site-navigation.default ul li ul li ul{position:absolute;top:0;left:190px;z-index:100;padding:2px}
#site-navigation.default ul li.right ul li ul{left:-185px}
#site-navigation.mobile{display:none;clear:both;background:#f1f1f1;border-top:1px solid #e1e1e1}
#site-navigation.mobile ul li,#site-navigation.mobile ul li ul.sub-menu li{border-top:1px solid #e5e5e5}
#site-navigation.mobile ul li a{
    display:block;
    font-size:15px;
    font-weight:500;
    color:#999;
    padding:10px 20px
}
#site-navigation.mobile ul li a:hover{color:#414141;background:#e5e5e5}
#site-navigation.mobile ul li ul li a{padding-left:35px}
#site-navigation.mobile ul li ul li ul li a{padding-left:50px}
#site-navigation.default ul li a,#site-navigation.default ul li:hover > ul{display:block}
.social-profiles{float:left;border-right:1px solid rgba(255,255,255,0.3)}
.social-profiles a{
    display:inline-block;
    float:none;
    text-align:left;
    font-size:12px;
    color:rgba(255,255,255,0.75);
    font-weight:100;
    padding:10px
}
.toggle a{color:#FFF;display:block;font-size:24px;text-align:center;padding:10px}
.toggle{
    display:block;
    position:relative;
    float:right;
    height:44px;
    width:44px;
    border-left:solid 1px rgba(255,255,255,0.4);
    border-right:solid 1px rgba(255,255,255,0.4);
    margin-right:2%
}
.toggle:after{
    content:"";
    position:absolute;
    border-color:#F13638 rgba(0,0,0,0) rgba(0,0,0,0);
    border-style:solid;
    border-width:10px 22px 10px 24px
}
.post{
    width:auto;
    margin:0;
    padding:0;
}
.post.hentry {
    position: relative;
    padding: 2% 8% 2% 2%;
    background: #fff;
}
h2.entry-title{
    position:relative;
    line-height:normal;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:700;
    margin:0 15px;
    padding:0
}
.post-title{
    line-height:1.5em;
    text-decoration:none;
    text-align:left;
    position:relative;
    margin: 0% 0% 0% 0%;
    padding: 60px 5px 5px 15px;
}
.post-title a{color:$(post.title.text.color)}
.post-title a:hover{color:$(post.title.text.hover.color)}
.entry-container{padding:15px 11px 0!important}
.post-body.entry-content{
    border-bottom:0;
    font-size:16px;
    font-weight:400;
    line-height:1.6em;
    word-wrap:break-word;
    position:relative;
    margin:0;
    padding:0
}
.body-post{font-size:16px;font-weight:400;margin:0;padding:9px 9px 5%}
.body-post p{display:none;font-size:14px;line-height:1.5em}
.post-header{
    margin-right:-5.6%;
    margin-bottom:3em;
    position:relative;
    border:solid 1px #CCC;border-right:none;
    line-height:37px;color:#AAA;
    font-style:italic;
    font-family:georgia;
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    padding:0 15px
}
.post-header .post-timestamp{
    background:url(http://2.bp.blogspot.com/-k5LwLhlsKEk/UsrrMCcKOpI/AAAAAAAAEcY/n5hc3sLqrbA/s1600/icon-tags.png) no-repeat 5px 12px
}
.post-header .post-comment-link{
    background:url(http://3.bp.blogspot.com/-HEd2kpQfGVk/UsrrL_7_A3I/AAAAAAAAEcc/hEN3VvEDl8o/s1600/icon-heart.png) no-repeat 5px 12px
}
.post-header .post-author.vcard{
    background:url(http://2.bp.blogspot.com/-LTCUE5vx8UA/UsrrL45__FI/AAAAAAAAEcU/x2n6QhPj1tA/s1600/icon-author.png) no-repeat 5px 12px
}
.post-header .post-timestamp,.post-header .post-author.vcard,.post-header .post-comment-link{
    border-right:1px solid #CCC;
    display:inline-block;
    padding:2px 10px 2px 25px
}
.post-label a{
    color:#FFF;
    font-family:georgia;
    font-style:italic;
    font-size: 12px;
}
.post-label {
    display: inline-block;
    background: #65CCE3;
    position: absolute;
    left: -10px;
    top: 20px;
    z-index: 10;
    padding: 0px 10px 0px 10px;
}
.portfolio-item {
    max-width: 100%;
    margin-right: 50px;
    background: #fff;
    box-shadow: 8px 6px 10px rgba(0, 0, 0, 0.1);
    border: solid 1px #D1D1D1;
    margin-bottom: 35px;
}
.portfolio-item:nth-child(even) .post-label{background:#FFA53D}
.post-label:before{
    position:absolute;
    display:block;
    bottom:-8px;
    content:'';
    left:0;
    border-color:#3D3E3F rgba(0,0,0,0) rgba(0,0,0,0);
    border-style:solid;
    border-width:8px 0 0 8px
}
.item.metadata{
    border-top:solid 1px #DDD;
    font-size:11px;
    line-height:40px;
    font-weight:400;
    width:100%
}
.item.metadata > div > a,.item.metadata > div> span > a{color:#999}
.item.metadata > div{
    border-right:solid 1px #DDD;
    display:inline-block;
    height:40px;
    line-height:40px;
    font-family:arial,helvetica;
    padding:0 20px 0 35px
}
.post-timestamp{
    background:url(http://2.bp.blogspot.com/-k5LwLhlsKEk/UsrrMCcKOpI/AAAAAAAAEcY/n5hc3sLqrbA/s1600/icon-tags.png) no-repeat 15px 12px
}
.post-author.vcard{
    background:url(http://2.bp.blogspot.com/-LTCUE5vx8UA/UsrrL45__FI/AAAAAAAAEcU/x2n6QhPj1tA/s1600/icon-author.png) no-repeat 15px 12px
}
.post-comment-link{
    background:url(http://3.bp.blogspot.com/-HEd2kpQfGVk/UsrrL_7_A3I/AAAAAAAAEcc/hEN3VvEDl8o/s1600/icon-heart.png) no-repeat 15px 12px
}
.entry-image.no-image{height:40px}
.entry-image.no-image:before,.entry-image.no-image:after{display:none}
.entry-image{position:relative;overflow:hidden}
.entry-image:hover:after{left:0;position:absolute}
.entry-image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:-100%;
    background:url(http://1.bp.blogspot.com/-QZAe69-F3l4/Usr4Or3TizI/AAAAAAAAEc0/-AP-usKFiTA/s1600/curtain_magnifier.png) no-repeat center;
    background-color:rgba(0,0,0,0);
    transition:left .25s
}
.entry-image:before{
    content:"";
    background:#FFA53D;
    opacity:.5;
    position:absolute;
    width:100%;
    height:100%;
    top:-100%;
    left:0;
    bottom:0;
    right:0;
    transition:top .25s
}
.portfolio-item:nth-child(odd) .entry-image:before{
    content:"";
    background:#65CCE3;
    opacity:.5;
    position:absolute;
    width:100%;
    height:100%;
    top:-100%;
    left:0;
    bottom:0;
    right:0
}
.entry-image:hover:before{top:0}
.portfolio-item:nth-child(odd) .entry-image:hover:before{
    content:"";
    opacity:.5;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    transition:top .4s
}
.post-header a:hover{color:#303030}
.rmlink{float:right;line-height:normal;z-index:1000;position:absolute;right:0;bottom:10px}
#blog-pager-newer-link a,#blog-pager-older-link a {
    color: white;
    text-transform: uppercase;
    font-family: arial;
    font-size: 14px;
}
#blog-pager-older-link{
    display:inline;
    float:right;
    text-align:right;
    font-weight:700;
    padding:10px;
    position: relative;
    background: #F13638;
}
#blog-pager-newer-link{
    display:inline;
    float:left;
    text-align:left;
    font-weight:700;
    padding:10px;
    position: relative;
    background: #F13638;
}
#blog-pager {
    clear: both;
    font-size: 12px;
    line-height: normal;
    width: 100%;
    margin: 10px 10px 10px 10px;
    padding: 10px 50px 10px 50px;
}
#blog-pager-older-link:before {
    content: "";
    position: absolute;
    border-color: transparent transparent transparent #F13638;
    border-style: solid;
    border-width: 15px;
    right: -30px;
    top: 4px;
}
#blog-pager-newer-link:before {
    content: "";
    position: absolute;
    border-color: transparent #F13638 transparent transparent ;
    border-style: solid;
    border-width: 15px;
    left: -30px;
    top: 4px;
}
.sidebar #Label1{margin:0}
#Label1 ul{text-align:center}
.sidebar #Label1 li{
    text-align:center;
    border-bottom:1px dotted #ACACAC;
    font-family:georgia;
    font-size:16px;
    font-style:italic;
    margin:0;
    padding:7px 0
}
.sidebar #Label1 li:hover{background:#EBEBEB}
.sidebar #Label1 li span{
    float:right;
    right:15px;
    position:relative;
    background:#ACACAC;
    font-size:12px;
    border-radius:4px;
    color:#FFF;
    padding:0 2px
}
blockquote{
    background:url(http://3.bp.blogspot.com/-wkm2RmV1TH4/Ud0G27MPsiI/AAAAAAAACfI/xaL0uFOJUI8/s1600/quote.png) no-repeat 5.4% center;
    color:#888;
    font-style:italic;
    margin:10px 0 20px -3%;
    padding:1.5em 38px 10px 114px
}
body#layout #page-header,.post-label a:nth-child(n+2),.home-link,.showpageOf,#Label1 h2{display:none}
#header-inner,h2.post-title{margin:0;padding:0}
.status-msg-wrap{display:none}
.comments{
    clear:both;
    margin-top:10px;
    margin-bottom:0;
    padding:5% 5% 5% 5%;
}
.comment p {
    font: 1em sans-serif;
    font:normal normal 14px oswald
}
.comment a {
    font: 1em sans-serif;
    font:normal normal 14px oswald
}
.comments h4{
    font: 1em sans-serif;
    font:normal normal 18px oswald
}
.comments ol{list-style:none;counter-reset:trackit}
.comments li.comment{list-style:none;position:relative;counter-increment:trackit}
.comments .comment-block:before{
    content:counters(trackit,".");
    position:relative;
    float:left;
    z-index:10000;
    left:-2.3em;
    top:-.2em;
    background:#A9C5CC;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    font-size:25px;
    color:#F7FCFF;
    text-align:center;
    padding:8px 16px 8px 14px
}
.comments .comment-replies .comment-block:before{
    content:counters(trackit,".");
    position:relative;
    float:left;
    z-index:10000;
    left:-2.7em;
    top:.5em;
    background:#A9C5CC;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    font-size:18px;
    color:#F7FCFF;
    text-align:center;
    padding:6px 7px
}
.comment-header{background:#DCE4EB}
.comments .comments-content .comment-header,.comments .comments-content .comment-content{
    margin:5px 5px 10px;
    padding:0 10px 0 75px
}
.comments .comment-thread.inline-thread .comment:after{
    content:"";
    position:absolute;
    top:4em;
    left:-68px;
    border-top:1px solid rgba(162,177,185,0.59);
    width:20px;
    height:0
}
.comments .comment-thread.inline-thread{
    border-left:1px solid rgba(162,177,185,0.59);
    background:rgba(0,0,0,0);
    padding:0 0 0 2em
}
.comments .comment-block{
    position:relative;
    border:1px solid #E7F5FF;
    min-height:100px;
    background:#F7FCFF;
    margin:0;
    padding:0 0 2em
}
.comment-actions{position:absolute;left:4.5em;bottom:.5em;font-size:18px;padding:0}
.comments .comment .comment-actions a{padding-right:5px;padding-top:5px;margin:0}
.comments .comments-content .user a{color:#8B969E}
.comments .comments-content .user{
    font-style:italic;
    font-weight:400;
    color:#FFF;
    font-size:18px;
    text-shadow:1px 1px 1px #FFF
}
.comments .comments-content .datetime,.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{
    margin-left:6px;
    float:right;
    text-transform:uppercase;
    font-size:12px;
    font-family:arial;
    font-weight:700;
    color:#237DAC
}
.comments .avatar-image-container{
    background:#FFF;
    margin-left:-11px;
    max-height:70px;
    max-width:70px;
    overflow:hidden;
    width:70px;
    height:70px;
    position:absolute;
    left:-25px;
    margin-top:25px;
    z-index:10;
    border:1px solid #DDD;padding:3px
}
.comments .avatar-image-container img{max-width:70px;max-height:70px;min-height:70px;min-width:70px}
.comments .thread-toggle{display:none}
.searchform{border-top:1px dotted #ACACAC;padding:0 10px 0 15px}
.searchform #s{
    border:0;
    width:70%;
    outline:0;
    color:#AAA;
    font-family:georgia;
    font-size:16px;
    padding:5px 10px
}
.searchform .submit{
    background:url(http://2.bp.blogspot.com/-kI_Vl69kcE0/UsvhKIMKogI/AAAAAAAAEdE/-R2UCgCBywQ/s1600/search.png) no-repeat center;
    border:none;
    cursor:pointer;
    float:right;
    width:34px;
    outline:0;
    height:30px;
    margin:0;
    padding:0
}
.sidebar #PopularPosts1 .item-snippet{display:none}
.sidebar #PopularPosts1{padding:0 10px}
.sidebar .PopularPosts img{width:70px;height:55px;border:1px solid #CCC;padding:3px}
.sidebar .PopularPosts .item-title{padding-bottom:.2em;font-size:12px}
.PopularPosts .widget-content ul li{padding:0}
.sidebar-wrapper{
    float:left;
    width:20%;
    min-width:255px;
    max-width:255px;
    background:#FFF;
    height:100%;
    overflow:auto;
    position:fixed;
    top:46px;
    left:0;
    z-index:9;
    margin:0;
    padding:0 0 0 0;
}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-thumb{border-radius:0;background:#aaa}
::-webkit-scrollbar-track{border-radius:0}
#sidebar{clear:both}
.sidebar ul{margin:0;padding:0}
.sidebar li{list-style:none;margin:0 0 10px;padding:0}
.sidebar .widget h2{font-size:16px;line-height:1.5em;margin:0 0 10px}
.sidebar .widget{border-bottom:1px dotted #ACACAC;margin:1em 0 0;padding:0 10px}
#footer{
    width:100%;
    color:#fff;
    background:#F13638;
    position:relative;
    z-index:1000;
    font-family:helvetica
}
.footer-wrapper{max-width:100%;display:inline-block;margin:0 auto;padding:30px 50px 20px}
#footer a{color:#f0f0f0}
#footer a:hover{border-bottom:1px dotted #FFF}
.footer h2{
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin-bottom:12px;
    text-transform:none;
    font-family:georgia;
    border-bottom:1px dotted #FFF
}
.footer.section{float:left;width:33%}
.footer .widget{clear:both;font-size:14px;line-height:26px;margin:0 35px 25px}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{text-transform:capitalize;margin:0 0 0 15px;padding:0 0 5px}
.notice{width:70%;font-size:18px;margin:0;padding:0 50px!important}
.notice a{color:#232323}
.notice a:hover{border-bottom:1.5px dotted #444}
.footer .searchform2{position:relative}
.footer .field{outline:0;border:0;width:90%;position:relative;padding:8px 12px}
.footer .submitsearch{
    background:url(http://2.bp.blogspot.com/-kI_Vl69kcE0/UsvhKIMKogI/AAAAAAAAEdE/-R2UCgCBywQ/s1600/search.png) no-repeat center;
    border:none;
    cursor:pointer;
    float:right;
    width:34px;
    outline:0;
    height:30px;
    position:absolute;
    right:4px;
    top:3px;
    z-index:100;
    margin:0;
    padding:0
}
h2.date-header,span.blog-admin{display:none!important}
div.secondary-footer > p {text-align: center;}
div.secondary-footer {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 125px;
    display: block;
    font-size:12px
}
@media screen and (min-width:768px){
   .mobile-title h1 {
        display:none;
        margin-top: 5%;
    }    
}
@media screen and (max-width:1400px) {
    .portfolio-item {
        max-width: 100%;
        margin: 10px 10px 10px 10px;
        background: #fff;
        box-shadow: 8px 6px 10px rgba(0, 0, 0, 0.1);
        border: solid 1px #D1D1D1;
    }
    .post.hentry {
        position: relative;
        padding: 2px 2px 20px 2px;
        border : none;
    }
    .sidebar-wrapper {
            min-width:200px;
            max-width:250px;
    }
    .main-wrapper {
            margin: 70px 40px 0px 250px;
    }
    #content{
        position: relative;
        padding: 60px 0px 10px 60px;
    }
}
@media screen and (max-width:1200px) {
    #content {
        position: relative;
        padding: 0px 20px 0px 20px;
    }
    .post.hentry
    {
        position: relative;
        padding: 2px 2px 20px 2px;
        border : none;
    }
    .sidebar-wrapper{
            min-width:200px;
            max-width:250px;
    }
    .ct-wrapper {
        position: relative;
        max-width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    .main-wrapper {
            margin: 80px 0px 0px 250px;
    }
}
@media screen and (max-width:992px) {
    .post.hentry {
        position: relative;
        padding: 2px 2px 10px 2px;
        border : none;
    }
    .main-wrapper{
        margin: 0px 0px 0px 220px;
    }
    #blog-pager{
        width:100%;
    }
    .outer-wrapper{
        padding-bottom:0;
    }
    .mobile-title{
        display:block;
        margin-top:50px;
        margin-left: 225px;
        text-align:center;
        z-index:10
    }
    .mobile-title h1{
        font-size:18px
    }
    .mobile-title h1 a {
        color:#333;font-weight:700
    }
    .secondary-footer {
        display:block;
        text-align:center;
        width:100%;
        margin:0 0 2em
    }
    h1 {
        font-size: 18px;
        line-height: 32px;
    }
    h2 {
        font-size: 10px;
    }
    .post-title {
        margin: 0% 0 0% 0%;
        padding: 60px 5px 5px 15px;
    }
    .thumbnail {
        width: 50px;
        height: 50px;
        object-fit: cover;
        margin: 0px 2px 0px 2px;
        cursor: pointer;
        opacity: 0.6;
        transition: opacity 0.3s ease;
    }
    div.secondary-footer {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        display: block;
        font-size: 12px;
    }
}
@media screen and (max-width:768px) {
    .ct-wrapper{
        position:relative;
        max-width:100%;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    /* #social-top {display:none} */
    .sidebar-wrapper,#footer,.toggle,.notice {display:none}
    .portfolio-item{
        width:100%;
        max-width:100%;
        margin-right:0
    }
    .main-wrapper{margin:0 0 0 0}
    .mobile-title{
        display:block;
        margin-top:50px;
        margin-left: 0px;
        text-align:center;
        z-index:10
    }
    #content{
        margin-top:4%
    }
    #site-navigation.default{font-size: 10px;}
    #site-navigation.default > div > ul > li > a{
        padding:10px;
        font-size: 10px;
    }
    .post-title {
            line-height: 1.0em;
            text-decoration: none;
            text-align: left;
            position: relative;
            margin: 0 0 0 5px;
            padding: 40px 5px 5px 15px;
    }
    h1 {
        font-size: 16px;
        line-height: 38px;
    }
    h2 {
        font-size: 10px;
        /* line-height: 32px; */
    }
    .post-label {
        display: inline-block;
        font-size:10px;
        background: #65CCE3;
        position: absolute;
        left: -2%;
        top: 5px;
        /* z-index: 10000; */
        z-index: 9;
        padding: 3px 8px;
    }
}
@media screen and (max-width:576px) {
    .ct-wrapper{
        position:relative;
        max-width:100%;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    #social-top,.sidebar-wrapper,#footer,.toggle,.notice{display:none}
    .portfolio-item{
        width:100%;
        max-width:100%;
        margin-right:0
    }
    .main-wrapper{
        margin:0px 0px 0px 0px;
    }
    #content{
        margin-top:0%;
        position: relative;
        padding: 0px 10px 0px 0px;
    }
    #site-navigation.default{font-size: 10px;}
    #site-navigation.default > div > ul > li > a{
        padding:10px;
        font-size: 10px;
    }
    .post-title {
            line-height: 1.0em;
            text-decoration: none;
            text-align: left;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding: 40px 5px 5px 15px;
    }
    h1 {
        font-size: 16px;
        line-height: 38px;
    }
    h2 {
        font-size: 10px;
        /* line-height: 32px; */
    }
    .post-label {
        display: inline-block;
        font-size:10px;
        background: #65CCE3;
        position: absolute;
        left: -2%;
        top: 5px;
        /* z-index: 10000; */
        z-index: 9;
        padding: 3px 8px;
    }
    #blog-pager-newer-link
    {
        display: inline;
        float: left;
        text-align: left;
        font-weight: 700;
        padding: 10px;
        position: relative;
        background: #F13638;
    }
    #blog-pager-older-link
    {
        display: inline;
        float: right;
        text-align: right;
        font-weight: 700;
        padding: 10px;
        position: relative;
        background: #F13638;
    }
    #blog-pager-newer-link a, #blog-pager-older-link a
    {
        color: white;
        text-transform: uppercase;
        font-family: arial;
        font-size: 10px;
    }
    #blog-pager
    {
        width: 100%;
    }
    div.secondary-footer {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        display: block;
        font-size: 12px;
    }
}