/*
Theme Name: Magazine Style
Theme URI: http://www.wrock.org/magazine-style-wordpress-theme/
Description: Magazine Style Theme is best WordPress theme design for personal and business With full features and SEO Optimize. Magazine WordPress Theme easily adapts on your mobile and desktop or any other device. Theme with lots of customization and connect social media like Facebook, Google+, twitter, pinterest, rss, Skype, vimeo, dribble, flickr, LinkedIn, YouTube and Adsense ready, WooCommerce supported It supports all the awesome WordPress features completely free theme works also for blogging. For demo http://demo.baztro.com/magazine-style/
Version: 1.6.1
Author: Sandy
Author URI: http://www.insertcart.com
Tags: black, blue, white, orange, editor-style, light, custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, theme-options, threaded-comments, sticky-post, featured-images, responsive-layout 
Text Domain: magazine
License: GNU General Public License v2
License URI: license.txt
Copyright (C) 2015 BazTro, This program is distributed free, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.You should have received a copy of the GNU General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.

Magazine Style WordPress theme, Copyright (C) 2015 Insertcart.com
Magazine Style WordPress theme is licensed under the GPL.

*/
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
/*===================== reset ===================== */

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width:100%;
	
	
	
	
}
.clearfix:after { 
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*
Monda-Regular: Copyright (c) 2012, vernon adams (vern@newtypography.co.uk), with Reserved Font Names 'Monda'
Styled by: https://plus.google.com/107807505287232434305/about
License: SIL Open Font License, 1.1
*/

@font-face {
	font-family: 'Monda';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/monda-regular-webfont.eot');
}

@font-face {
	font-family: 'Monda';
	src: local('Monda Regular'), local('Monda-Regular'), url('fonts/monda-regular-webfont.eot') format('embedded-opentype'), url('fonts/monda-regular-webfont.woff') format('woff');
	local('Monda Regular'), local('Monda-Regular'), url('fonts/monda-regular-webfont.svg#Monda') format('svg');
	local('Monda Regular'), local('Monda-Regular'), url('fonts/monda-regular-webfont.ttf') format('truetype');
	url('fonts/monda-regular.ttf') format('truetype');
}
@font-face {
    font-family: hirogino;
    src: url('fonts/hiragino-kaku-gothic-pro-w3.otf') format("opentype");
	font-style: normal;
	
}
/* ===================== general ===================== */









header-tag-right ul {
	padding:0;
	list-style: none;
}



.social-icon {
	color: #fff;
	
	
}

ul.social-icons {	
    
width:110px;
}

.social-icons li {
	
	display: inline;
}

.social-icons a {
	color:#DFDFDF; 
	text-decoration: none;
	font-size:24px;
}


.fa-facebook-square {
padding:5px;
	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition: .5s;
  
	
}

.fa-facebook-square:hover {
	background-color: #3d5b99;
}

.fa-twitter {
padding:5px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition: .5s;
  	
}

.fa-twitter:hover {
	background-color: #00aced;
}
.fa-instagram {
	padding:5px;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition: .5s;
  
}

.fa-instagram:hover {
	background-color: #00aced;
}






body {

	/*font: 100 13px/23px "Hiragino Kaku Gothic Pro","hirogino","ヒラギノ角ゴ Pro W3","メイリオ","Osaka","MS";*/
	/* font: 100 13px/23px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; */
	color: #555;
	text-align: left;
	word-wrap: break-word;
	margin: auto !important;
	/* background:#c6c6c6; */
}
a {
	color: #3498db;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F39C12;
}
h2 a {
	color: #555;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0; 
	margin: 0; 
	font-weight: normal;
	letter-spacing: -1px;
	font-family: 'Hirogino', sans-serif;
}
h1 {
	font-size: 28px;
	line-height: 28px;
}
h2 {
	font-size: 22px;
	line-height: 22px;
}
h3 {
	font-size: 18px;
	line-height: 18px;
	}
h4 {
	font-size: 14px;
	line-height: 14px;
	}
h5 {
	font-size: 12px;
	line-height: 12px;
}
h6 {
	font-size: 12px;
	line-height: 12px;
}
input, textarea { 
}
hr {
	display: none;
}
p {
	padding: 0px 0;
}
code {
	color: #5886a3;
}small {
	font-size: 11px;
	line-height: 10px;
}
blockquote {
	display: block;
margin: 35px 0;
padding: 15px 0 15px 25px;
clear: both;
font-size: 14px;
font-family: meiryo;
border-left: 5px solid #F39C12;
background: #eef7f8;
color: #000;
}

blockquote.pullquote, blockquote.pullquoteleft {
	font-size: 2em;
	line-height: 1em;
	font-style: italic;
	width: 200px;
	color: #a1a1a1;
	background-image: none;
}
blockquote.pullquote {
	margin: 0 0 0 30px;
	border-left: 5px solid #eee;
	padding: 10px 0 10px 30px;
}
blockquote.pullquoteleft {
	margin: 0 30px 0 0;
	border-right: 5px solid #eee;
	padding: 10px 30px 10px 0;
	text-align: right;
}
table {
	margin: 0;
}
.list_inline li {
	display: inline;
	margin: 0 5px 0 0;
	list-style: none;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.dropcap {
	font-size: 270%;
	line-height: 100%;
	font-weight: bold;
	float: left;
	padding-top: 0;
	padding-right: 5px;
}
.highlight {
background: #ffff66;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
}
div.gap {
	clear: both;
	display: block;
	height: 10px;
	margin-bottom: -22px;
}
.transparent_class {
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*==========Author Information==========*/
#author-bio {
	border: 1px solid;
	min-height: 120px;
	margin-top: 30px;
	padding: 5px;
}
#author-bio img {
	float: left;
	width: 75px;
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 5px 15px 0 0;
}
#author-bio h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
#author-bio h4 {
	font-size: 12px;
	margin: 0 0 3px 0;
}
.avatar {
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-o-border-radius: 45px;
	-ms-border-radius: 45px;
-khtml-border-radius: 45px;
}
div .plusone, .twitter, .fb-like {
	font-size: 1px;
	display: inline-block;
}
div .fb_reset {
	display: inline;
}
/* ===================== shortcodes/framework fluid width ===================== */
.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 4%;
}
.first {
	margin-left: 0; /* the first left column */
}
.last {
	margin-right: 0;
	clear: right; /* the last right column */
}
/* ===================== images ===================== */
img, img a {
	border: none;
	width: auto;
	height: auto;
	max-width: 98%;
	vertical-align: middle;
}
.alignleft {
	float: left;
	margin: 0 15px 5px 0;
	display: inline;
}
.alignright {
	float: right;
	margin: 0 0 5px 15px;
	display: inline;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption, .imgthumb, .entry img {
	max-width: 98%;
	background: none;
	text-align: center;
       border-radius:10px;
}
.wp-caption img {
	background: #f9f9f9;
	width: auto;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.post_image {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 12px;
	text-align: center; 
	border: 1px solid #dedede;
	padding: 20px;
	padding-bottom: 15px;
}
.post_image img {
	border: 1px solid #888;
	margin: auto;
}
.post_image .wp-caption {
	overflow: hidden;
}
.post_image .wp-caption img {
	background: none; float: left;
}
.post_image p.wp-caption-text {
	clear: left;
	border-top: none;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	color: #555;
}
.special img, .special img a {
	border: 5px solid #ccc;
	vertical-align: bottom;
}

#share {
	width: auto;
	float: right;
	display: inline;
	margin-top: 3%;
}

/************Top Navigation Menu************/

#navigation {
	margin: 0;
	
	font-size: 14px;
	min-height: 38px;
	position: relative;
	margin: 0 auto;
	/* margin-top:-10px; */
	width: 100%;
	max-width: 1380px;
	background: #3498db;
	z-index: 500;
}
#navigation-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1380px;
	position: relative;
	
	
}
#navigation .secondary{
	/* background: #333; */
	border-top-right-radius: 2px;
	margin-bottom: 5px;
	border-top-left-radius: 2px;
}
#navigation  ul {
	margin: 0 auto;
	/* padding-left: 20px; */
	list-style: none;
	line-height: 1;
	border-bottom: 0;
	text-align: center;
	
	
}
#navigation  ul a {
	position: relative;
	display: block;
	padding: 0 15px;
	height: 38px;
	line-height: 48px;
	color: #fff;
	text-transform:uppercase;
	-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;
	

}
#navigation .secondary ul a{

	height: 50px;
	color:#D7D7D7;
	/*font-size: 100%; dwik edit*/
	font-size: 16px;
}

/* dwik edit */
@media (max-width: 1233px) {
   #navigation .secondary ul a{
   font-size: 14px;
}
}


@media (max-width: 1178px) {
   #navigation .secondary ul a{
   font-size: 100%;
}
}
	 
#navigation  ul li{
float: left;
position: relative;
width: auto;
 transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-webkit-transition: all .3s;
}
#navigation  > .sub-menu{margin-left:0;}
#navigation  ul li:first-child  
#maganav ul  a{border-right:none;}
#navigation  ul li.current-menu-item  a{color:#FFFFFF;}
ul.catnav li a{padding:5px 10px;}	
#navigation  ul li.current-menu-item  ,#navigation  ul li a:hover {  }
#navigation li:hover > a{background:#F39C12;}
 #navigation .secondary >ul >li a:hover {background:#3b8dbd; color:#FFFFFF; opacity: 1; }
#navigation  ul li.dropme a{background: #F39C12;} 
#navigation  ul ul {position: absolute;left: -999em;width: 212px;z-index:99999;border:0;background: none;border-bottom: none;}
#navigation  ul ul a {
width: 198px;
background-color: #278df4;
height: 15px;
line-height: 15px;
padding: 15px 0px 10px 15px;
overflow: hidden;
text-align: left;
border-right: none;} 
#navigation .secondary ul ul a{height: auto;}
#navigation  ul ul a:hover {opacity: 1;}
#navigation  ul ul ul {border-top:0;margin: -50px 0 0 212px;}
#navigation  ul li li  { margin:0;border:0;}
#navigation  ul li:hover { opacity: 1;position:static;}
#navigation  ul li:hover ul ul, #navigation  ul li:hover ul ul ul, #navigation  ul li:hover ul ul ul ul { left:-999em; }
#navigation  ul li:hover ul, #navigation  ul li li:hover ul,#navigation  ul li li li:hover ul,#navigation  ul li li li li:hover ul { left:auto; }
.nav li > a:after {
/*
    content: ' \25BC';
*/
}

.nav li > a:hover:after {
/*
    content: ' \25BC';
*/
}

.nav li > a:only-child:after {
    content: '';
}


/* ===================== layout ===================== */

#top-menu-inner #myslidemenu {
	width: 75%;
	height: auto;
	padding-left: 0;
	float: left;
	display: inline;
	font-size: 115%;
	max-width: 75%;
}
#navigation .current_page_item {
color:#FFFFFF;
	
}
.current-menu-item {
	
}
.current-post-parent{
	
}
#header {
	height: auto;
	overflow:hidden;
	position: relative;
	z-index: 100;
	margin: 0 auto;
	width: 100%;
	
	height:88px;
	
	
	
}
#header-inner {
	width: 100%;
	background: #bcd400;
	margin: 0 auto;
	height:88px;
	max-width: 1380px;
}
#header #logo {
	
	display: inline;
	margin: 0;
	
	max-width: 470px;
}
#header #banner-top {
	height: 50px; 
	float: right;
	display: inline;
	margin-top: 17px;
}
#header #banner-top img{
	height: 50px;
	width: 460px;
	float: right;
	display: inline;
	margin-top: 17px;
}
#header-tag-left{

width:101%;

height:59px;
max-width: 1380px;
background:#FFFFFF;






}
#header-tag-right{
border-bottom:1px solid #CCCCCC;
width:100%;
background:#3498db;
height:62px;





}



#single-nav  {
cursor:pointer;
}
#single-nav  a {
color:#666;
font-size:15px;
}
#single-nav  #single-nav-left i {
left:20px;
position:absolute;
font-size:16px;
color:#CCCCCC;
}
#single-nav  #single-nav-left:hover i {
color:#0099FF;
}
#single-nav  #single-nav-right:hover i {
color:#0099FF;
}
#single-nav  #single-nav-right i {
right:26%;
position:absolute;
font-size:16px;
color:#CCCCCC;
}
#single-nav  :hover {
color:#333;
}
#single-nav  #single-nav-left {
	float:left;
	padding-top: 17px;
	width: 49.8%;
	border:1px solid #CCCCCC;
	border-left:none;
	border-right:none;
	text-align:center;
	height:77px;
}
#single-nav  #single-nav-right {
	padding-top: 17px;
	float:left;
	width: 49.7%;
	height:77px;
	border:1px solid #CCCCCC;
	text-align:center;
	border-right:none;
}
#page {

	margin-top: -1px;
	position: relative;
	z-index: 1;
	
	
}
#page-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1380px;
	position: relative;
	background:#FFFFFF;
	border-top:1px solid #D7D7D7;
	
	
	
}
#page-inner #banner-top{
	margin: 0px 0px 0px 0px;
	position: relative;
}
.woocommerce-page span.postmeta_box{
	display:none;
}
#pagecont.woo {
    padding: 10px;
    width: 63%;
}
#pagecont {

	width: 72%;
	float: left;
	
	
	background: #fff;
	padding-bottom: 1%;
	padding-left:35px;

}
.pagepost {
float: left;
width: 99%;


}
#content {
	width: 74.7%;
	float: left;
	margin-right:0%;
	min-width: 30%;
	background: #FFF;
	padding-bottom: 1%;
	
	
	
	
}
#content-single-post img{
border-radius:10px;

}


/* ===================== post-slider ===================== */
.post-slider {
	color: #ddd;
	font-size: 90%;
	padding: 10px 20px;
	top: 332px;
	position: absolute;
	height: 80px;
	text-shadow: #000 0 1px;
	font-style: italic;
}
.nivo-caption p {
	background: url(images/bg.jpg);
	text-transform: uppercase; 
	text-shadow: #000 0 1px;
}


/* ===================== searchform ===================== */
#search {
	width: auto;
	height: 30px;
	float: right;
	display: inline;
}
#s {
	background: #fff;
	border: 1px solid #ddd;
	color: #555;
	font-size: 100%;
	top: 0;
	height: 35px;
}
#searchform {
	margin-top: 20px;
	border:2px solid #DFDFDF;
	height:36px;
}
#searchform, #searchform div {
	position: relative;
}
#searchsubmit {
	cursor: pointer;
	background:url(images/698627-icon-111-search-128.png) no-repeat;
	background-position:center;
	background-size:20px 20px;
	height: 36px;
	width: 10%;
	border: none;
	font-weight: bold;
	color: #FFF;

}

form#searchform input#s {
	padding: 0px 0px 0px 0px;
	width: 90%;
	float: right;
	border:none;
	outline:none;
border-shadow:none;
 -webkit-appearance: none; 
    -moz-appearance: none;
	border-style:none;
	outline-style:none; 
	   font-family: inherit;
    font-size: 0.875rem;
	outline:none;
	box-shadow:none;
    height: 32px;
	
}
form#searchform input[type='submit'] {
   padding: 0;
}
#searchform label {
	position:absolute;
	top:-1500px;
    left:-1500px;
}




/*======================subscribe email=================*/
.formsubs{
width:80%;

}
.submitsubs{
border-radius:5px;
width:33%;
height:30px;
color:#333;
background:#f5f5f5;
margin:5px;
cursor:pointer;
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
border: #a9a9a9 1px solid;
}

/* ===================== crumbs  ===================== */
#crumbs {

	font-size: 18px;
	font-weight: bold;
	color: #777;
	margin: 3px 0px 10px 25px;
	padding: 5px;
	padding-top:20px;
	padding-left:10px;
	
	
}

/* ===================== content  ===================== */
#big-article{

width:100%;

margin-left:35px;
height:462px;
margin-bottom:10px;


}
.article_box{padding-left:35px;width: 45%;float:left;}
.article_box_homepage{


width:31%;
padding:5px 0px 5px 0;
float:left;
margin-left:20px;


}
.article_box_homepage .post .thumbnail img{

width:100%;
height:300px;
border-radius:0;


}
.post {
	width: 99%;
	float: left;
	
	
	
	
	
}
.post .thumbnail {
	float: left;
	padding-top:5px;
	transition: all 0.5s ease;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.post .thumbnail img {
	background: #fff;
	text-align:center;
	padding: 0;
	margin-bottom:10px;
	width: 100%;
	border-radius:10px;
	/* height: 223px; */
}
.post .big-thumbnail img {
	background: #fff;
	text-align:center;
	padding: 0;
	margin-bottom:10px;
	width: 96.1%;
	border-radius:10px;
	
	height: 462px;
}
.post .big-thumbnail{
transition: all 0.5s ease;
}

.post h1 {
	color: #000;
	margin-bottom: 10px;
	font-style: normal;
	
}
.kon{padding: 5px;border-bottom: 1px solid #DBDBDB;
border-top: 1px solid #DBDBDB;}

.archive-article{

width:46%;
padding:5px;
float:left;
padding-left:35px;



}
/*============Post Table===============*/
#pagecont table th {
padding: 9px 15px 9px 25px;
background: #F39C12;
font-size: 20px;
color: #FFF;
text-shadow: none;
text-align: left;
}

#pagecont table , #content table {
width: 95%;
color: #666;
border-collapse: collapse;
font-size: 12px;
text-shadow: 1px 1px 0px #FFF;
margin: 0px;
border: none;
}
#pagecont table tr , #content table tr {
text-align: left;
padding-left: 20px;
}
#content table th {
padding: 2px;
background: #F39C12;
color: #FFF;
text-shadow: none;
text-align: left;
}
#pagecont table tr td , #content table tr td {
text-align: left;
padding: 2px;
vertical-align: top;
border:none;
}
#pagecont table tr.even, #content table tr:nth-of-type(2n){
background: #F9F9F9;}

table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 10px;
}
caption, th, td { 
	text-align: left;
	font-weight: normal;
}
tbody{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}

.entry-sm {
text-align:justify;
	padding: 8px 0 10px 0;
	height:35px;
	font-size:16px;
	overflow:hidden;
	color:#999999;
        margin: 10px 0 10px 0;
}




.entry {
text-align:justify;
	padding: 10px 0 10px 0;
	/*font-size:18px; dwik edit */
font-size:18px;
	line-height:150%;
	
	
	overflow:hidden;
}
.entry a {
	text-decoration: underline;
}
.entry a:hover {
	text-decoration: none;
}
.entry ul, .entry ol {
	padding: 9px 40px;
}

.entry-title-home{/*font-size:18px; dwik edit */font-size:22px;font-weight:400;color:#000000;line-height: 30px;}

.entry-title{/*font-size:18px; dwik edit */font-size:16px;font-weight:400;color:#000000;line-height: 18px;height:295px;}
.entry-title a, .entry-title-home a{color:#383838;}
.entry-title a:hover, .entry-title-home a:hover{
 color:#0099FF;
}
.thumbnail:hover {
 
 opacity:0.8;
 

}
.big-thumbnail:hover {
 
 opacity:0.8;
 

}
#nav-below {
	margin: 0 0 20px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* ===================== content / postinfo ===================== */
.postinfo {
}
.postmeta_box {
    height: auto;
    /*font-size: 14px;*/
    font-size: 12px;
    margin: 3px 0 3px 0;
    float:left;
    width: 98%;
    padding-right:8px;
    padding-top: 5px;
    padding-bottom: 7px;
    display:inline;
}
.postmeta li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: #abcf73;
	color: #fff;
	padding: 1px 3px;
}
.postmeta li a {
	text-decoration: none;
	color: #fff;
}
.postmeta li a:hover {
	text-decoration: underline;
}
span.comp > a::before{
    content: "\f27b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}
.post-edit-link::before{
	content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}

span.tags > a{
background:#f2f2f2;
padding:3px;
color:#999;
border-radius:2px;
}
span.tags > a:hover{
background:#3498db;
color:#ffffff;
border-radius:2px;
}
span.timestamp{
   color:#999999;
}
span.timestamp.updated::before{
   
    /*font: normal normal normal 14px/1 FontAwesome;*/
    font: normal normal normal 12px/1 FontAwesome;
    padding: 3px;
}
span.author.vcard::before{
	content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}
span.postcateg > a::before{
   
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}
.home-icon > a > i{
    font-size: 1.4rem;
    position: relative;
    margin-top: 13px;
	}
.postmeta_bottom li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: transparent;
	color: #777;
}
.postmeta_bottom li a {
	text-decoration: none;
	color: #777;
}
.postmeta_bottom li a:hover {
	text-decoration: underline;
}
.postmeta-top-single {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 40px;
}
.readmore {
	
    cursor: pointer;
	padding: 8px;
	float: left;
	color:#0000FF;
} 
.readmore:hover {
	opacity: 0.9;
}
.postmeta-fullsize {
	float: right;
	display: inline;
	color: #888;
	font-size: 90%;
	font-style: italic;
}


/*
Name: Social
Author: Paul Crowe
URL: http://www.spiceupyourblog.com/2015/07/mini-social-icons-with-css-and-image.html
*/
ul.spicesocialwidget {float:right; margin-top: 4%;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('images/social.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('images/social.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a{ background-position:-32px -32px}
ul.spicesocialwidget li.dribbble a{ background-position:-64px -32px}
ul.spicesocialwidget li.googleplus a{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a{ background-position:-128px -32px}
ul.spicesocialwidget li.pinterest a{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a{ background-position:-224px -32px}
ul.spicesocialwidget li.twitter a{ background-position:-256px -32px}
ul.spicesocialwidget li.vimeo a{ background-position:-288px -32px}
ul.spicesocialwidget li.youtube a{ background-position:-320px -32px}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -64px; opacity: 1 !important;}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -64px; opacity: 1 !important;}
/* ===================== sidebar ===================== */
#sidebar {
    width:25%;
	float: right;
	display: inline;
	min-width: 15%;
	padding-left:0px;
	overflow: hidden;
	
	
	
	
}
#sidebarbutton{
display:none;
float: right;
background:#278df4;

}
#sidebar .box {
	padding: 0;
	padding-right:30px;
	margin: 0 0 20px;
}
#sidebar .home-icon{display:none;}
#sidebar .boxinside {
	padding: 0px 0px 10px 10px;
clear: both;

background-color: #FFF;
margin-left:25px;


}



select {
max-width: 95%;
}

#sidebar #social {
	margin: 10px;
}
#sidebar #share {
	margin-bottom: 14px;
}
#sidebar #share img {
	margin-top: 8px;
	border: none;
	-webkit-transform: perspective(200px) rotateY(45deg);
	-moz-transform: perspective(200px) rotateY(45deg);
}
#sidebar #share img:hover {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-transform: perspective(200px) rotateY(0deg);
	-moz-transform: perspective(200px) rotateY(0deg);
}
#sidebar ul {
	/* padding: 0 0 0px 18px; */
	margin: 0;
	overflow: hidden;
}
#sidebar ul li {
}
#sidebar ul li :hover {
}
#sidebar ul li li {
	border-bottom: none;
	}

#sidebar h4, #sidebar h4 a {
	margin: 30px 0 0px 0px;
	text-transform: capitalize;
	color:#333333;
	font-size: 15px;
	
	padding: 0%;
}
}
#sidebar h4 a:hover {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
	text-decoration: none;
}

#twitter h4, #twitter h4 a {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	font-weight: normal;
}
#ltpost {
	padding: 10px 0px 0px 0px;
	clear: both;
	width:90%;
	
	margin-left:25px;
	
	margin-bottom: 10px;
	background: #FFF;
}
#ads {
	padding: 5px 0 0 13px;
	width: 270px;
}
#ads ul {
	list-style: none;
	overflow: hidden;
}
#ads ul li {
	float: left;
}
#ads ul li a {
	float: left;
	display: block;
	height: 135px;
	width: 135px;
}
#ads ul li a img {
	margin: 0 7px 10px 0;
}
#ads ul li.wide a {
	width: 260px;
	height: 130px;
	margin-right: 0;
}
#ads ul li {
	border-bottom: 0;
}
#ads ul li li {
	border-bottom: 0;
}
.latest-post {
	margin-bottom: 2px;
	list-style: none;
	text-align:justify;
width:90%;

	
}
.latest-post a {
	float: none;
	color:#555;
	font-size:14px;
	padding-left:0px;
	text-align:justify;
}
.latest-post img {
	float: left;
	padding: 2px;
	border-radius:15px;
	height: 45px;
	width: 45px;
	margin: 2px 12px 4px 0;
}
.latest-post .clear {
	clear: both;
}
/* -------------------- sidebar tabs -------------------- */
#sidebartop {
	background: #359BED;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
	background-origin: padding-box;
	}
#sidebartabs {
	width: auto;
	margin: 0;
}
#sidebartabs li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebartabs ul li {
	padding: 5px;
	margin: 0;
}
#sidebartabs ul li h4{
	background: #fff;
	padding: 5px;
	margin: 0;
}
#sidebartabs ul li :hover{
}
#sidebartabs ul li.active{
	background: #fff;
}
#sidebartabs ul ul li {
	padding: 0;
}
#sidebartabs ul ul ul li {
	padding: 0;
	background: #359BED;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	background: #359BED;
	width: 83px;
	height: 22px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	background:#359BED;
}
ul.tabs li a {
	background: #359BED;
	text-decoration: none;
	display: block;
	padding: 0 0 1px;
	outline: none;
	text-align: center;
}
#sidebartabs h4, #sidebartabs h4 a {
	margin: 0 0 10px;
	padding: 0;
	color: #359BED;
	background: none;
	border: none;
}
html ul.tabs li  {
	background: #359BED;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {  
}
.tab_container {
	clear: both;
	float: left;
	width: 100%; background: #fff;
}
.tab_content {
	padding: 0;
	margin: 0;
}
.tab_container ul :hover{
	margin: 0;
	text-decoration: none;
    font-weight: bold;
	text-decoration: none;
	background: #f5f5f5;
}
/* ===================== bottom-menu ===================== */
 #footerads{
	padding:30px;
}
#bottom-menu {
	z-index: 1;
list-style-type: none;
margin: 0 auto;
padding-bottom: 10px;
width: 100%;
max-width: 1380px;
overflow: hidden;
padding-top: 15px;
background:#FFFFFF;
}
#bottom-menu-inner {
	margin: auto;
	width: auto;
	position: relative;
}
#bottom-menu a {
	text-decoration: none;
}
#bottom-menu a:hover {
	text-decoration: none;
	
}
#bottom-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#bottom-menu ul li a {
}
#bottom-menu ul li li {
	padding-left: 10px;
	border-bottom: none;
}
#bottom-menu h4 {
margin: 0 0 10px;
line-height: 22px;
padding: 10px 11px;
font-weight: bold;
color: #FFF;
margin-bottom: 15px;
background: #696969;
border-radius: 8px;
}
#bottom-menu-1 {
width: 23.5%;
margin-right: 2%;
	float: left;
	display: inline;
	overflow: hidden;
}
#bottom-menu-2 {
width: 23.5%;
margin-right: 2%;
	float: left;
	display: inline;
	overflow: hidden;
}
#bottom-menu-3 {
width: 23.5%;
margin-right: 2%;
	float: left;
	overflow: hidden;
	display: inline;
}
#bottom-menu-4 {
width: 23.5%;
	float: left;
	display: inline;
	overflow: hidden;
}
/* ===================== footer ===================== */
#footer {
	margin: 0 auto;
	z-index: 1;
	list-style-type: none;
	min-height:290px;
	background: #bcd400;
	color: #FFF;
	max-width:1380px;
}
#footer-inner {
	margin: auto;
	width: auto;
	position: relative;
	padding: 10px;
text-align: center;
}
.footerMenu { background:#FFFFFF; display: block;  width:100%; max-width:1380px; margin:0 auto; border-top:2px solid #DFDFDF; overflow:hidden; }
.footerMenu:after { 
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.footerMenu ul { 
 padding: 0;
    margin: 0 auto;
    /*width: 85%; dwik edit */
    width: 90%;
    height: 40px;
	
	
	
	
	}
.footerMenu li {  
 display: inline;
 overflow:hidden;
    float: left;
	-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;}
.footerMenu li a {
	color:#666666;
	line-height:40px;
	height:50px;
	padding:15px 15px;
	text-decoration:none;
	/*font-size:auto; dwik edit */
        font-size:15px;
	-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;
	
}

@media (max-width: 1280px) {
.footerMenu ul {
  width: 100%;
}
}

@media (max-width: 1178px) {
 .footerMenu li a {
font-size:auto;
}
}

.footerMenu li:hover { color:#000000; background:#F4F4F4; }
.footerMenu li:hover ul { 
visibility:visible; 
 display: block;
  opacity:1;
   }

.footerMenu a#pull {
        display: none;
		
    }
	
	.footerMenu ul li ul { 
	 position: absolute;
     visibility:hidden;
	-webkit-transiton: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -transition: all 0.5s;
	z-index:1000000;
	
	max-width:140px;
	background:#FFFFFF;
	
	}
	.footerMenu ul li ul li { 
	background:#FFFFFF;
	display: block; 
	width:100%;
	
	}

/* ===================== pagenavi ===================== */
#pagenavi {
	text-align:center;
	height:0px;
	font-weight:bold;
	line-height:24px;
	padding-top: 25px;
	padding-bottom: 20px;
	
	width:30%;
	margin:0 auto;
}
#pagenavi a {
	padding: 5px 14px 5px 14px;
	margin: 2px;
    text-decoration: none;
	color: #fff;
    line-height:24px;
	background-color: #bcd400;
}
#pagenavi span {
	padding: 5px 14px 5px 14px;
    margin-right: 10px;
	text-decoration: none;
	color: #ffffff;
	line-height:24px;
	background-color: #bcd400;
}
#pagenavi a:hover {
	color:#fff;
	text-decoration: none;
	background:#333;
}
#pagenavi span.current {
	padding: 5px 14px 5px 14px;
	margin: 2px;
	line-height:25px;
	font-weight: bold;
	color: #fff;
	background-color: #333;
}
/* ===================== Scroll to top ===================== */
.backtop {
background: #F5F5F5;
color: #333;
width: 30px;
text-align: center;
height: 26px;
padding-top: 4px;
display: inline-block;
zoom: 1;
border-radius: 10em;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.backtop:hover{
	text-decoration:none;
	opacity: 0.5;
}
/* ===================== calendar ===================== */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px;background: #f5f5f5;padding: 10px;font-weight: bold; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { margin-bottom: 8px;background: #f5f5f5;border-right: 1px solid #fff;padding: 10px;color: #333; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: #f5f5f5; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tbody td#today{background: none repeat scroll 0% 0% #F39C12;color: #fff;}
/* ===================== comments ===================== */
.large-6{
    width: 50%;}
.row.collapse > .column, .row.collapse > .columns{
    padding-left: 0;
    padding-right: 0;
	float: left;
	position: relative;
}
.small-3{
	    width: 25%;
}
.small-9{
	    width: 75%;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child{
float:right;
}
.prefix, .postfix{
border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 99%;
    z-index: 2;
	}
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}	
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="tel"], input[type="time"], input[type="url"], textarea{       border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.4rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%; 
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
	}
.row{
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
	}
#commentform i.fa {
    padding: 5px;
}	
.column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}
.row:before, .row:after {
    content: " ";
    display: table;
}	
#commentform > p.comment-form-comment > label:before {
 content: "\f0e5";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 5px;
	color: #9B9B9B;
	font-size: 1rem;   
}
#commentform > p.comment-form-comment > label {
    display: block;
    margin-bottom: 0.88889rem;
    padding: 0.33333rem 0.5rem 0.5rem;
    position: relative;
    bottom: -14px;
    clear: both;
    background: #f2f2f2;
    border: 1px solid;
    color: #333333;
    border-color: #cccccc;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0;
	}
	
.comments {
	margin: 10px 0;
}
.comments h3 {
	margin:84px 0 30px 0;
	font-size:24px;
	font-weight: bold;
	text-transform: capitalize;
}
ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}
ol.commentlist li.comment {
	border: 1px solid #ddd;
	padding:1em;
	margin-bottom: 10px;
}
ol.commentlist li div.vcard {
	font-size:18px;
}
ol.commentlist li div.vcard cite.fn {
	font-style:normal;
	padding: 9px;
}
ol.commentlist li div.vcard img.avatar {
	border:2px solid #ccc;
	float:left;
	margin:0 1em 1em 0;
}
ol.commentlist li div.comment-meta {
	font-size:9px;
	margin-bottom: 10px;
}
ol.commentlist li div.comment-meta a {
	color: #aaa;
}
ol.commentlist li p {
	margin: 0;
}
ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em 2em;
}
.commentlist .bypostauthor {
}
ol.commentlist li div.reply {
	font-size:11px;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	font-family: sans-serif;
	display: inline-block;
	line-height: 2.1em!important;
	cursor: pointer;
	padding: .25em .5em;
	margin: -3px 1.6em 7px;
	background:#418cd1;
}
ol.commentlist li div.reply a {
	font-weight:bold;
	color: #FFF;
}
ol.commentlist li ul.children {
	list-style:none;
	margin:1em 0 0;
	text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-3 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em .25em;
}
ol.commentlist li.even {
	background:#fff;
}
ol.commentlist li.odd {
	background:#f5f5f5;
}
ol.commentlist li.pingback {
	border-bottom:1px dotted #676767;
	padding:1em;
}


ol.commentlist li ol {
	list-style: decimal;
	margin: 0 0 1em 2em;
}
#commentform #email:focus, #commentform #url:focus, #commentform #comment:focus {
	border: 1px solid #aaa;
}
textarea {
     height: auto;
}
#commentform small {
	line-height: 26px;
}
#commentform #submit{
	background: #418cd1;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	border: none;
	padding: 12px 16px;
	color: white;
	margin: 20px;
	
}
#commentform #submit:hover {
	text-decoration: none;
	opacity: 0.4;
	color:white;
}
#form-allowed-tags {
display:none;
}
/* ===================== css3/buttons ===================== */
.entry-attachment .attachment {
	overflow: hidden;
}
.entry-attachment .attachment p {
	text-align: center;
}
.entry-attachment .attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}

.entry-meta {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}

.sticky {
	padding: 1%;
	width: 97%;
	border: 1px solid #ddd;
	background: #F5F5F5;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
ol.commentlist li div.reply :hover{
	font-size:11px;
	color: #333;
opacity: 1;
}
.form-allowed-tags{
display:none;}
pre {
	white-space: pre-wrap;
	line-height: 1em;
	margin: 15px -2px;
	overflow: auto;
	color: #000;
	padding: 6px;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 3;
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	position: relative;
	border-top: 1px solid #000 !important;
	line-height: 20px;
	border-bottom: 1px solid #000 !important;
}
.page-links{
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	float: left;
}

.alignnone {
    margin: 5px 0px 15px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.botline{height: auto;font-size: 14px;margin: 11px 0;/* margin-left:-20px; */margin-top:30px;float:left;width: 100%;/* padding-left: 15px; */padding-top: 5px;padding-bottom: 5px;display:inline;border-top:1px solid #D7D7D7;}

#ltpost-ad{
width:95%;



}


.latest-post-ad{
float:left;
padding:3px;
-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition: .5s;
width:19.3%;
text-align:left;

}
.latest-post-ad:hover{

opacity:0.8;
}
.latest-post-ad img{
margin-bottom:8px;
width:100%;
height:180px;
border-radius:8px;

}
.latest-post-ad p{
margin:0;
padding:0;
color:#CCCCCC;
}
#content-single-post{

padding-left:25px; 
width:73%;
float: left;
	margin-right:0%;
	min-width: 30%;
	background: #FFF;
	padding-bottom: 1%;
}



@media screen and (max-width:768px){
.entry-title{
height:auto;
}
#big-article{
margin-top:25px;



}
html,body{
overflow-x: hidden;
}
.latest-post-ad{
float:left;
padding:3px;
-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition: .5s;
width:99%;
text-align:center;

}
.post .big-thumbnail img {
margin-left:20px;
height:auto;
}
	#big-article{

width:95%;

margin-left:0px;
height:auto;
margin-bottom:10px;
}
#big-article .postmeta_box,#big-article .entry,#big-article .entry-title-home {
margin-left:20px;
}
#content {
	width: 96%;
	float: left;
	padding-left:0px;
	min-width: 30%;
	background: #FFF;
	padding-bottom: 1%;
	
}
.post {
	width: 100%;
	float: left;
	margin:0px;
}
.post .thumbnail img {/* height:147px; */}
.article_box{width:95%;float:left;margin:0px;padding:5px 14px;}
#header-tag-left{

width:100%;

}
#header-tag-right{
width:100%;


}
#sidebar {
	width: 100%;
	float: left;
	padding-left:0px;
	display:block;
	
	
	min-width: 15%;
	overflow: hidden;
}

#pagecont {
	width: 90%;
	float: left;
	padding-left:10px;
	background: #fff;
	padding-bottom: 1%;

}

.footerMenu {
        border-bottom: 0;
		
    }
    .footerMenu ul {
        display: none;
        height: auto;
		
		width:100%;
    }
    .footerMenu a#pull {
	
        display: block;
        background-color: #278df4;
        width: 100%;
        position: relative;
		height:40px;
		color:#FFFFFF;
		padding-left:5px;
		padding-top:5px;
		
    }
    .footerMenu a#pull:after {
        content:"";
        background: url('images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 8px;
    }
	.footerMenu li {
        display: block;
        float: none;
        width: 100%;
		
    }
    .footerMenu li a {
        width:100%;
		
    }

.article_box_homepage{


width:90%;
padding:5px;
float:left;


}
.article_box_homepage .post .thumbnail img{


height:auto;



}

ul.social-icons{
text-align:center;


}
.postmeta_box {
    /* width: 95%; */
    text-align: left;
}
#pagenavi {

	
	width:100%;
	
}
.archive-article{

width:100%;
padding:5px;
float:left;
padding-left:10px;



}
#content-single-post{
width:85%;
padding-left:25px;
padding-right:10px;

}
#single-nav  {
cursor:pointer;
border-bottom:2px solid #cccccc;
}
#single-nav  #single-nav-left,#single-nav  #single-nav-right {
width:100%;
border:none;
}
#single-nav  #single-nav-right i {
right:15px;
}
}
@media screen and (min-width:769px) and (max-width:992px){

#sidebar{
display:none;
position:absolute;
width:40%;
background:#FFFFFF;
right:0;
top:60px;
border-left:2px solid #CCCCCC;
height:95%;


}
#content {
	width: 94%;
	
	
}

#sidebarbutton{
display:block;
width:5%;
float: right;
background:#278df4;
padding-top:22px;
height:40px;
text-align:center;
color:#FFFFFF;
cursor:pointer;
font-size:18px;
}
.article_box{width: 45%;float:left;}



}


/* dwik edit */
.textwidget a img.alignnone{
  margin-bottom: -12px;
}

/* Putu PW Add */
.youtube-player {
	width: 90% !important;
}
#footer-widget-area {
	margin: 0 auto;
	padding: 0 20px;
	clear: both;
	overflow: auto;
}
.footer-widget-1 {
	width: 20%;
	float: left;
	margin: 20px 20px 0 20px;
}
.footer-widget-2 {
	width: 30%;
	float: left;
	margin: 20px 20px 0 20px;
}
.ins-widget {
	text-align: left;
	margin-bottom: 20px;
	line-height: 16px;
	/* color: #555; */
}
branchtitle .ins-widget{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid orange;
}
@media screen and (max-width: 769px) {
	.footer-widget-1 {
	width: inherit;
	float: left;
	margin: 20px 20px 0 20px;
	}
	.footer-widget-2 {
	width: inherit;
	}
}