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;font-family:'Raleway', sans-serif;}
/* 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 */
.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{color:#e84c4c;text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{
}
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,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.3em;
}
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{list-style:decimal outside
}
ul{list-style:disc outside
}
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:" 'Merriweather Sans', sans-serif;;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
.post-body blockquote {
background: url(../lh6.googleusercontent.com/-6UyQr7E0nTU/UVRWwhvPScI/AAAAAAAAFUU/15cIvW74xwg/s50/quote.png) no-repeat scroll left 18px transparent; font-family: GT-Walsheim;;
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:100%;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%;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background: #ffffff none repeat scroll top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
font: normal normal 14px GT-Walsheim;
text-align: left;
}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:1190px;
margin:0px auto 0;
overflow:hidden;
}
/* NAVIGATION MENU */
div#top-nav {
font: normal normal 12px GT-Walsheim;
margin: 0 auto;
height: 43px;
background: #222222;
overflow: hidden;
padding: 0 28px;
}
.top-menu1 {
font:normal normal 12px GT-Walsheim;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 0x 0px 0;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li {
display:block;
float:left;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:14px;
}
.menubar li a {
color: #2653a1;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
background:#e84c4c;
}
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 30px;
/*min-height: 150px;
*//*background-color: #313131;*/
}
.header {
float:left;
width:25.7%;
max-width:257px;
}
.header h1.title,.header p.title {
font:normal bold 60px Fjalla One, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
color:#fff;
}
.header .description {
color:#555555;
}
.header a {
color:#fff;
}
.header a:hover {
color:#999;
}
.header img {
display:block;
/*padding: 9px 0 39px;*/
}
.header-right {
float: right;
padding: 0;
overflow: hidden;
margin: 31px 0px 0 0;
width: 70%;
max-width: 728px;
max-height: 90px;
}
.header-right img {
display:block;
}
.separator a {
margin-left: 0!important;
}
----navi-----
/** WIDGET ITEMS **/
.widget ul.side-newsfeed li {
list-style-type:none;
margin-bottom:17px;
padding-bottom:13px;
margin-left:0;
}
.widget ul.side-newsfeed li:last-child {
margin-bottom:0;
padding-bottom:0;
}
.widget ul.side-newsfeed li .side-item {
overflow:hidden;
position: relative;
}
.widget ul.side-newsfeed li .side-item .side-image {
}
.widget ul.side-newsfeed li .side-item .side-image img {
width: 270px;
height: 190px;
object-fit: cover;
}
.widget ul.side-newsfeed li .side-item .side-item-text {
overflow: hidden;
position: absolute;
bottom: 3px;
color: #fff;
padding: 10px 15px;
background: url('../2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
margin-bottom: 1px;
color: #fff;
display: block;
font-size: 23px;
font: normal normal 17px 'Istok Web', sans-serif;
font-weight: bold;
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size:10px;
letter-spacing:1px;
color:#fff;
font-family: 'Istok Web', sans-serif;
}
ul.side-newsfeed h4 {
font-family: Roboto Slab;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 25px 0px 0;
word-wrap:break-word;
margin-top: 1px;
}
.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 {
background:transparent;
float:left;
width:585px;
max-width:585px;
margin:0 0 10px;
}
.post-container {
padding:15px 0px 0 0;
}
.breadcrumbs {font-size: 90%;
height: 16px;
margin-bottom: 10px;
margin-top: 1px;
overflow: hidden;
padding: 5px;
margin-left: -15px;
border-bottom: 1px solid #ECECEC;}
.breadcrumbs > span {padding: 10px 5px 10px 10px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
margin:0 0 15px;
padding:15px 0;
padding: 8px 0;
}
.post-body {
line-height:1.6em;
}
h2.post-title, h1.post-title {
font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:#e84c4c;
}
.img-thumbnail {
background:#fbfbfb url(../3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
position:relative;
float:left;
width:250px;
height:165px;
margin:0 15px 0 0;
}
.img-thumbnail img {
width:250px;
height:155px;
object-fit: cover;
}
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 2px;
color: #666666;
font-size: 11px;
padding: 5px 0;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:12px;
display:inline;
}
a.readmore {
display: inline-block;
margin: 15px 0 0;
border: 1px solid #FDFDFD;
padding: 0px 10px;
line-height: 26px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background: #e84c4c;
}
a.readmore:hover {
border:1px solid #fff;
}
.img-thumbnail:after {
content: "";
width: 6px;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
display: block;
z-index: 2;
background: #e84c4c;
-webkit-transition: width 0.35s;
transition: width 0.35s;
}
.img-thumbnail:hover:after {
width: 100%;
}
/* Page Navigation */
.pagenavi {
clear: both;
margin: 0px 0 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background-color: #F5F5F5;
padding: 10px;
}
.pagenavi span,.pagenavi a {
padding:6px 10px;
margin-right:3px;
display:inline-block;
border: 1px solid #d0d0d0;
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:right;
width:33%;
max-width:270px;
margin:0 auto;
padding-left: 30px;
}
.sidebar-container {
padding:0px 0;
}
.sidebar h2, .panel h2 {
font:normal bold 12px 'Istok Web', sans-serif;;
color:#333333;
margin:0 0 10px 0;
padding:5px 0;
text-transform:uppercase;
position:relative;
border-bottom: 2px solid #500424;
}
#sidebar1 h2 span,#sidebar h2 span{
border-bottom: 2px solid #e84c4c;
bottom: -2px;
padding: 5px 10px;
color: #FFFFFF;
background: #e84c4c;
}
#sidebar-narrow h2 span,#sidebar-narrow h2 span{
border-bottom: 2px solid #500424;
bottom: -2px;
padding: 5px 10px;
color: #FFFFFF;
background: #500424;
}
div#Footer-Ad {
text-align: center;
margin: 0 auto;
padding: 30px 0 25px;
background-color: #F5F5F5;
}
div#Footer-Ad h2 {
display: none;
}
#bottombar h2 span {
border-bottom: 2px solid #e84c4c;
bottom: -2px;
padding: 6px;
color: #fff;
}
#sidebar1 h2 span:after,#related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span: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 #e84c4c;
}
.sidebar h2:after, .panel h2:after {
content: " ";
width:90px;
height: 0px;
position: absolute;
left: 0;
bottom: -2px;
}
.sidebar .widget {
margin:0 0 20px;
}
.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 {
margin: 0 0 15px;
padding: 0;
position: relative;
border-bottom: 2px solid #e84c4c;
background: url('../2.bp.blogspot.com/-5feHh8DpM_k/U88bANmcxnI/AAAAAAAAB40/69FQdxpYqb0/s1600/title_pat.png') repeat scroll 0% 0% transparent;
}
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 #e84c4c;
}
.recent-post-title h2 {
font: normal bold 14px Arial, sans-serif;
height: 22px;
line-height: 22px;
margin: 0 0;
padding: 0 10px;
background: #e84c4c;
color: #474747;
display: inline-block;
}
.recent-post-title h2 a {
color:#fff;
}
.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:100%;
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 */
ul.xpose_thumbs {
margin:0 0 0 0;
}
ul.xpose_thumbs li {
font-size:12px;
min-height:68px;
padding-bottom: 5px;
}
ul.xpose_thumbs .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:50px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs1 {
margin:0 0 0 0;
width:48%;
float:left;
}
ul.xpose_thumbs1 li {
font-size:12px;
min-height:68px;
}
ul.xpose_thumbs1 .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:0px 0 10px 0;
width:100%;
overflow:hidden;
}
ul.xpose_thumbs1 .xpose_thumb img {
height:320px;
width:100%;
}
ul.xpose_thumbs2 {
font-size:13px;
}
ul.xpose_thumbs2 li {
padding:0 0;
min-height:66px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs2 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 8px 0 0;
height:70px;
width:70px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:17px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f133";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {
color:#e84c4c;
}
ul.xpose_thumbs22 {
font-size:13px;
width:50%;
float:right;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:66px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs22 .xpose_thumb2 {
background:#fbfbfb;
float:left;
margin:3px 8px 0 0;
height:70px;
width:70px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:17px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
div#author-box {
border: 1px solid #eee;
padding: 20px;
background: #f9f9f9;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {
display:inline-block;
margin-right:8px;
}
span.xpose_meta_date:before {
content: "\f133";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_comment:before {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right:4px;
}
ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {
color:#e84c4c;
}
/* BOTTOMBAR */
#bottombar {
background:#313131;
overflow:hidden;
margin:0 auto;
padding:15px 28px;
color:#dddddd;
border-top: 4px solid #e84c4c;
}
#bottombar .left {
float:left;
width:25%;
}
#bottombar .center {
float:left;
width:25%;
}
#bottombar .center1 {
float:left;
width:25%;
}
#bottombar .right {
float:right;
width:25%;
}
#bottombar .left .widget, #bottombar .center .widget ,#bottombar .center1 .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;
border-bottom: 2px solid #696969;
color:#eeeeee;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:12px 0!important;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff;
}
#bottombar a:hover {
color:#ffffff;
}
/* FOOTER */
#footer-wrapper {
background:#fff;
padding:0px 20px;
overflow:hidden;
color:#2653a1;
border-top:2px solid #f90;
}
.footer-left {
float:left;
margin: 22px 0px 0px 76px;
}
.footer-right {
float:right;
margin:10px;
color: #949494;
pading:10px 0px 0px 0px;
}
#footer-wrapper a {
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Arial, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 3px 0 0;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}
/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:65px;
height:65px;
float:left;
}
.PopularPosts ul li {
margin:0 10% .4em 0 !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#3a3a3a !important;
text-decoration:none;
}
#sidebar-narrow .PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:270px;
height:190px;
float:left;
}
#sidebar-narrow .PopularPosts .item-title {
padding-bottom: .2em;
display: block;
background: rgba(0, 0, 0, 0.49);
color: #ffffff;
font-weight: bold;
font-size: 17px;
line-height: 23px;
margin: 0;
padding: 14px 19px 14px;
bottom: 9px;
position: absolute;
}
#sidebar-narrow .PopularPosts .item-title a{color:#fff!important}
#bottombar .popular-posts li {
}
#bottombar .PopularPosts ul li a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff!important;
}
/* Set color and level */
.PopularPosts ul li {margin-right:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11.5px;
color: #5C5C5C;
}
#bottombar .PopularPosts .item-snippet {
color: #5C5C5C;
font-size: 12px;
line-height: 32px;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
/* back to top */
#back-to-top {
background:#34495e;
color:#ffffff;
padding:8px 10px;
font-size:24px;
border: 1px solid #4b4b4b;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
right:15px;
z-index:999;
}
/* ==== Related Post Widget Start ==== */
#related-posts h2 > span{
border-bottom: 2px solid #e84c4c;
bottom: -2px;
padding: 4px 10px;
background: #e84c4c;
}
#related-posts{
float:left;
width:100%;
margin-bottom:40px;
}
#related-posts h2{
padding: 4px 0;
font: normal normal 18px Oswald;
text-transform: uppercase;
font: normal bold 12px Arial, sans-serif;
text-align: left;
color: #fff;
margin-bottom: 5px;
border-bottom: 2px solid #e84c4c;
}
#related-posts .related_img {
padding:0px;
width:285px;
height:200px;
}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(../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 {
float: left;
height: 67px;
margin:8px;
}
.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%;
}
#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----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:right;
}
div#main {
/*width: 585px;*/
width:800px;
}
div#mywrapper {
float: left;
width: 890px;
}
#sidebartab {
margin-bottom: 15px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 0px 0 0 2px;
}
#sidebartab .widget {
margin-bottom: 0;
padding-bottom: 0;
}
#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 {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: left;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
}
.tab-widget-menu li.selected {
background: #e84c4c;
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 75px;
height: 75px;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover, #sidebartab .widget-content img:hover {
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.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: #e84c4c;
color: #fff;
}
.tagcloud1 .Label a{
background: #3e3e3e;
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: #e84c4c;
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;
}
.item-img {
width: 50%;
float: left;
}
.button ul {
margin: 0;
padding: 0;
}
.button li {
display: inline-block;
margin: 10px 0;
padding: 0;
}
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 1px solid #D7D7D7;
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(../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: 32px;
color: #fff;
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
background: url(../4.bp.blogspot.com/-M_utSb-nN04/U6V8Gut9dJI/AAAAAAAAAjE/6g1X58pjjcg/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
overflow:hidden;
position:relative;
margin-right: 0px;
margin-top: 6px;
}
#searchform
{
margin:7px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background:#C0C0C0;
border:none;
float:left;
padding:0px 10px 0px 15px;
margin:0px;
width:150px;
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:#585858}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(../img/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color:rgb(77, 11, 30);
}
#searchform input[type=submit]:hover
{
background-color:#333;
}
.selectnav {
display:none;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 70px;
margin: 8px 5px 0px 5px;
width: 70px;
}
.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;
}
#sidebar-narrow .list-label-widget-content li {
display: block;
padding: 0 0 8px 0;
position: relative;
}
#sidebar-narrow .list-label-widget-content li a {
color: #555555;
font-size: 13px;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li span:last-child {
color: #949494;
font-size: 12px;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
text-decoration: underline;
}
/***** Social link*****/
ul.socialbar li,ul.socialbar li{
float: left;
margin-right: 0px;
margin-bottom:0px;
padding: 0px;
display:block;
width: auto;
background:#222;
}
ul.socialbar li a {
font-size: 19px;
color: #FFFFFF;
margin-top: 12px;
margin-left: 16px;
padding: 4px;
line-height: 43px;
}
#nav.fixed-nav{
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 999;
background: #fff;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
padding: 0;
}
div.conty {
width: 1050px;
margin: 0 auto;
}
#beakingnews {
background:#222222;
float: left;
height: 42px;
line-height: 42px;
overflow: hidden;
width: 60.2%;
}
#recentpostbreaking li a {
color:#949494;
font-family: sans-serif;
font-weight: bold;
}
#recentpostbreaking li a:hover {
color:#e84c4c;
}
#beakingnews .tulisbreaking {
background:#e84c4c;
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
span.tulisbreaking:after{
content: close-quote;
position: absolute;
width: 0px;
top: 15px;
right: -12px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid #e84c4c;
border-top: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
}
#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: left;
font-family: sans-serif;
font-weight: bold;
padding: 0 10px;
position: absolute;
border-bottom: 1px solid #e84c4c;
}
#recentpostbreaking {
float: left;
margin-left: 74px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
/*-------sidebar----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:right;margin-left: 30px;
}
#sidebar-narrow .list-label-widget-content li {
display: block;
padding: 5px 10px;
position: relative;
border: 1px solid #E4E4E4;
float: left;
margin: 3px;
}
#sidebar-narrow .list-label-widget-content li a {
color: #555555;
font-size: 13px;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li:hover {
border-color: #e84c4c;
}
#sidebar-narrow .list-label-widget-content li span:last-child {
color: #949494;
font-size: 12px;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
text-decoration: underline;
}
.large-thumb .xpose_title a {
color: #fff;
font-size: 20px;
}
.large-thumb {
position: absolute;
bottom: 15px;
z-index: 99;
padding: 20px;
color: #fff;
background: url('../2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
span.rp_summary {
display: none;
}
.large-thumb span.xpose_meta {
background: transparent;
display: block;
font-size: 12px;
color: #dadada;
}
.large-thumb span.xpose_meta a {
color: #Dadada !important;
display: inline-block;
}
.large-thumb .xpose_meta_comment {
float: right;
}
ul.xpose_thumbs1 {
position: relative;
}
ul.xpose_thumbs {
position: relative;
}
span.more_meta .fa {
margin-right: 5px;
}
span.s_category .fa {
margin-right: 5px;
}
.featured_thumb h3 {
font: normal normal 18px Fjalla One, Helvetica, Arial, sans-serif;
display: block;
margin: 0 0 5px;
line-height: 1.4em;
}
/* TIPSY
-----------------------------------------------*/
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000;
}
.tipsy-inner {
padding: 1px 10px 0;
background-color: #303030;
color: white;
max-width: 300px;
text-align: center;
}
.tipsy-inner {
border-radius: 2px;
}
.tipsy-arrow {
position: absolute;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy .tipsy-arrow:before {
content: no-close-quote;
position: absolute;
width: 0;
height: 0;
}
.tipsy-n .tipsy-arrow:before {
bottom: -1px;
left: -2px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #303030;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-s .tipsy-arrow:before {
bottom: -1px;
left: -2px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #303030;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
}
.tipsy-e .tipsy-arrow:before {
bottom: -6px;
right: 0;
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #303030;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.tipsy-w .tipsy-arrow:before {
bottom: 6px;
left: -1px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid #303030;
}
.more_posts:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.more_posts .item_small {
width: 100%;
padding: 0 0 10px;
margin: 0 0 18px;
position: relative;
}
.more_posts .item_small:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.more_posts .item_small .featured_thumb {
float: left;
width: 100%;
height: 190px;
margin: 0 15px 0 0;
}
.more_posts .item_small .featured_thumb img {
width: 270px;
height: 190px;
object-fit: cover;
margin-top:7px;
}
.more_posts .item_small .item-details h3 {
font-size: 13px;
line-height: 20px;
margin: 0 0 8px;
}
#sidebar-wrapper .item-details {
overflow: hidden;
position: absolute;
bottom: 1px;
color: #fff;
padding: 10px 15px;
background: url('../img/gradient.png') repeat-x scroll 0% 0% transparent;
width:240px
}
#sidebar-wrapper .item-details h3 a {
margin-bottom: 1px;
color: #fff;
display: block;
font-size: 23px;
font: normal normal 17px Arial, sans-serif;
font-weight: bold;
}
#sidebar-wrapper .item-details a {
color: #fff;
font-size:11px;
}
.more_posts .post_meta {
font-size: 12px;
line-height: 20px;
}
#bottombar .post_meta a {
color: #969696;
}
.more_posts .post_meta i {
font-size: 13px;
}
.more_posts .item_small:last-child {
border-width: 0;
}
.post_meta .fa {
margin-right: 5px;
}
.more_posts {
margin-top: 14px;
}
#bottombar .popular-posts li:last-child {
border-width: 0;
}
#bottombar .more_posts:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottombar .more_posts .item_small {
width: 100%;
padding: 0 0 0px;
margin: 0 0 10px;
}
#bottombar .more_posts .item_small:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottombar .more_posts .item_small .featured_thumb {
float: left;
width: 65px;
height: 65px;
margin: 0 10px 0 0;
}
#bottombar .more_posts .item_small .featured_thumb img {
width: 65px;
height: 65px;
}
#bottombar .more_posts .item_small .item-details h3 {
font-size: 13px;
line-height: 20px;
margin: 0 0 8px;
}
#bottombar .more_posts .post_meta {
font-size: 12px;
line-height: 20px;
}
#bottombar .post_meta a {
color: #969696;
}
#bottombar.more_posts .post_meta i {
font-size: 13px;
}
#bottombar .more_posts .item_small:last-child {
border-width: 0;
}
.social.with_color a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.social a {
float: left;
text-align: center;
margin: 4px 0 4px 4px;
width: 34px;
height: 34px;
font-size: 16px;
color: #9E9E9E;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.social a i {
background: #F7F7F7;
border-radius: 2px;
border: 1px solid #EBEBEB;
padding: 8px 0;
display: block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter {
background: #00abdc;
}
.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook {
background: #325c94;
}
.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble {
background: #fa4086;
}
.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss {
background: #f1862f;
}
.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github {
background: #333;
}
.social a:hover .fa-instagram, .with_color a .fa-instagram {
background: #964b00;
}
.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin {
background: #0073b2;
}
.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest {
background: #d9031f;
}
.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus {
background: #d9031f;
}
.social a:hover .fa-foursquare, .with_color a .fa-foursquare {
background: #0cbadf;
}
.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype {
background: #00b9e5;
}
.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud {
background: #ff7700;
}
.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube {
background: #d9031f;
}
.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr {
background: #325c94;
}
.social a:hover .fa-star, .with_color a .fa-star {
background: #F8AC24;
}
.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr {
background: #fa4086;
}
.social a:hover .fa-random, .with_color a .fa-random, .social a:hover .fa-envelope-o, .with_color a .fa-envelope-o, .social a:hover .fa-home, .with_color a .fa-home {
background: #1D1E20;
}
.social a:hover i, .with_color i {
color: #fff;
}
.with_color a i {
border: none !important;
}
#sidebartab ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
#sidebartab .helploggercomments li {background: none !important;margin: 10px 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
#sidebartab .helploggercomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
#sidebartab .avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#sidebartab .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
#sidebartab .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
#bottombar ul.helploggercomments{list-style: none;margin: 0;padding: 0;margin-top: 14px;}
#bottombar .helploggercomments li {background: none !important;display: block;
clear: both;
overflow: hidden;
list-style: none;
word-break: break-all;
padding: 0 0 0px;
margin: 0 0 12px;
}
#bottombar .helploggercomments li .avatarImage {float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
#bottombar .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
#bottombar .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
#bottombar .helploggercomments li:last-child {
border-width: 0;
}
/* LABELED POSTS
-----------------------------------------------*/
.def_wgr {
min-width: 248px;
width: 46%;
box-sizing: border-box;
float: left;
position: relative;
}
.equal-posts img {
width: 248px;
height: 273px;
}
.gallery-posts .def_wgr:first-child {
margin: 0 10px 0 0;
}
.gallery-posts .def_wgr:first-child img {
width: 288px;
height: 245px;
}
.gallery-posts .def_wgr img {
width: 75px;
height: 75px;
}
.block-posts .item_small:first-child img {
width: 250px;
height: 326px;
}
.block-posts .item_small .featured_thumb a.first_A, .block-posts .item_small:first-child .featured_thumb {
width: 250px;
height: 326px;
overflow: hidden;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon {
width: 250px;
}
.block-posts .item_small:first-child .featured_thumb {
clear: both;
margin: 0;
}
.block-posts .item_small img {
width: 65px;
height: 65px;
}
.block-posts .item_small .featured_thumb a, .block-posts .item_small .featured_thumb {
display: block;
width: 65px;
height: 65px;
overflow: hidden;
}
.block-posts .item_small .featured_thumb .thumb-icon {
width: 65px;
}
.block-posts .item_small .featured_thumb {
float: left;
margin: 0 15px 0 0;
}
.gallery-posts .def_wgr:first-child {
min-width: 240px;
width: 288px;
height: 245px;
}
.gallery-posts .def_wgr {
min-width: 75px;
width: 75px;
margin: 0 0 10px 10px;
overflow: hidden;
}
.gallery-posts .def_wgr:first-child h3, .gallery-posts .def_wgr:first-child .details, .block-posts .item_small:first-child .featured_thumb a h3, .block-posts .item_small .details h3, .block-posts .item_small:first-child .details .s_category {
display: block;
}
.gallery-posts .def_wgr h3, .gallery-posts .def_wgr .details, .block-posts .item_small .featured_thumb a h3, .block-posts .item_small:first-child .details h3, .block-posts .item_small .details .s_category {
display: none;
}
.gallery-posts .def_wgr:first-child a.first_A {
height: 245px;
}
.gallery-posts .def_wgr a.first_A {
display: block;
height: 75px;
}
.block-posts .item_small {
float: left;
width: 49%;
box-sizing: border-box;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid #F1F1F1;
}
.block-posts .item_small:first-child {
width: 51%;
margin-right: 15px;
padding: 0;
margin: 0;
border-width: 0;
}
.block-posts .item_small:last-child {
padding: 0;
margin: 0;
border-width: 0;
}
.block-posts .item_small:first-child .featured_thumb a h3 {
font-size: 17px;
position: absolute;
bottom: 40px;
left: 0;
padding: 0 20px;
margin: 0 0 10px !important;
color: #FFF;
z-index: 98;
}
.block-posts .item_small:first-child .details {
color: #B4B4B4;
position: absolute;
bottom: 40px;
left: 21px;
width: 250px;
z-index: 98;
}
.block-posts .item_small:first-child .post_meta {
padding: 0 20px 0 20px;
font-size: 11px;
}
.block-posts .item_small:first-child .post_meta a {
color: #B4B4B4;
}
.block-posts .item_small:first-child .post_meta a:hover {
color: #fff !important;
}
.block-posts .item_small:first-child .post_meta a:nth-child(2) {
font-size: 13px;
float: right;
}
.gallery-posts .def_wgr:first-child a.first_A:after {
width: 100%;
height: 151px;
background: url(%27http_/2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.html) repeat-x scroll 0% 0% transparent;
}
.gallery-posts .def_wgr a.first_A:after {
background: none repeat scroll 0% 0% transparent;
height: 80px;
width: 80px;
}
.gallery-posts .def_wgr:first-child .featured_thumb .thumb-icon i {
top: -36px;
left: 20px;
font-size: 30px;
}
.gallery-posts .featured_thumb .thumb-icon i {
top: 20px;
left: 29px;
font-size: 18px;
}
.gallery-posts .def_wgr:first-child .featured_thumb:hover .thumb-icon i {
top: 20px;
}
.gallery-posts .featured_thumb:hover .thumb-icon i {
top: 30px;
}
.block-posts .item_small a.first_A:after, .def_wgr a.first_A:after {
content: no-close-quote;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 151px;
background: url(%27http_/2.bp.blogspot.com/-uE-edZMYsrg/U8_-rkIg4uI/AAAAAAAAB5E/b1uFdb4pAdY/s1600/gradient.html) repeat-x scroll 0% 0% transparent;
}
.equal-posts .def_wgr:first-child, .equal-posts .def_wgr:nth-child(3), .equal-posts .def_wgr:nth-child(5), .equal-posts .def_wgr:nth-child(7), .equal-posts .def_wgr:nth-child(9), .equal-posts .def_wgr:nth-child(11), .equal-posts .def_wgr:nth-child(13), .equal-posts .def_wgr:nth-child(15), .equal-posts .def_wgr:nth-child(17) {
margin: 0 20px 0 0;
}
.def_wgr h3 {
position: absolute;
bottom: 40px;
left: 0;
padding: 0 20px;
margin: 0 0 10px !important;
color: #FFF;
z-index: 98;
font-size: 17px;
}
.def_wgr .details {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
color: #FFF;
z-index: 98;
}
.def_wgr .s_category {
padding: 0 0 0 20px;
font-size: 11px;
}
.def_wgr .s_category a {
margin: 0 12px 0 0;
}
.def_wgr .details a, .def_wgr .details {
color: #B4B4B4;
}
.def_wgr .more_meta a {
margin: 0 20px 0 10px;
font-size: 13px;
float: right;
}
.wgr .details a:hover, .def_wgr .details a:hover {
color: #FFF;
}
.block-posts .item_small .details h3 {
font-size: 14px;
line-height: 20px;
margin: 0 0 8px;
}
.block-posts .item_small .details .post_meta a {
color: #C2C2C2;
margin: 0 12px 0 0;
transition: all 0.2s ease 0s;
font-size: 12px;
line-height: 20px;
}
.block-posts .item_small:first-child .details .post_meta a:nth-child(2) {
display: block;
}
.block-posts .item_small .details .post_meta a:nth-child(2) {
display: none;
}
.block-posts .item_small .featured_thumb .thumb-icon i {
font-size: 18px;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon i {
font-size: 30px;
}
#block_carousel {
margin: 0 -5px;
width: 102%;
}
#block_carousel .item {
margin: 0 6px;
}
#block_carousel .featured_thumb img {
height: 116px;
width: 165px;
}
#block_carousel .featured_thumb a {
display: block;
height: 116px;
}
#block_carousel h3 {
font-size: 15px !important;
line-height: 20px;
margin: 14px 0 2px;
font-weight: 700;
}
#block_carousel a.date_c {
display: block;
font-size: 11px;
color: #C2C2C2;
transition: all 0.2s ease 0s;
}
#block_carousel a.date_c:hover, .block-posts .item_small .details .post_meta a:hover {
color: #55B2F3;
}
#block_carousel .owl-controls, #block_carouselo .owl-controls {
bottom: auto;
top: -54px;
right: -16px;
background: none repeat scroll 0% 0% #FFF;
display: block;
z-index: 9;
padding: 0 0 0 7px;
}
#block_carouselo .owl-controls {
right: -20px;
}
#block_carousel .owl-controls .owl-page span, #block_carouselo .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 3px 4px;
background: #7F8081;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer_carousel .owl-controls {
top: -45px;
right: -2px;
background: none repeat scroll 0% 0% #1D1E20;
display: block;
z-index: 9;
padding: 0 0 0 6px;
bottom: auto;
}
#footer_carousel .owl-controls .owl-buttons div {
margin: 0 !important;
padding: 0 6px !important;
background: none repeat scroll 0% 0% transparent !important;
color: #CECECE !important;
}
#footer_carousel img {
width: 269px !important;
height: 295px !important;
}
#block_carouselo .item {
margin: 0px 6px;
}
#block_carouselo .featured_thumb img {
height: 140px;
width: 198px;
}
#block_carouselo .featured_thumb .thumb-icon {
height: 140px;
width: 198px;
}
#block_carouselo h3 {
font-size: 15px !important;
line-height: 20px;
margin: 14px 0px 2px;
font-weight: 700;
}
#block_carouselo .featured_thumb a {
display: block;
height: 140px;
width: 198px;
}
ul.menubar li:last-child {
border: none;
}
.container,.main-menu {
width: 1190px;
margin: 0 auto;
}
.top-comment-widget-menu {
float: left;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(../2.bp.blogspot.com/-YxxeRcqP6UI/U6V7A_pfmnI/AAAAAAAAAik/NyzEC4z7POQ/s1600/menu-bg2.png) repeat;
}
.header h1.title:first-letter {
color: #e84c4c;
}
.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: #fff;
cursor: pointer;
}
.top-comment.selected {
cursor: pointer;
padding: 12px 20px !important;
margin: 0px 0 0 -16px;
color: #FFF;
background:#e84c4c;
-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;
}
.post-readmore {
background-color: #e84c4c;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 14px;
font-weight: 400;
min-height: 36px;
line-height: 36px;
display: inline-block;
padding: 0px 24px 0px;
vertical-align: middle;
letter-spacing: normal;
text-align: center;
bottom: 28px;
left: 20px;
transition: all 0.2s linear 0s;
}
/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide ul {list-style:none;margin:0;padding:0;}
.slide .widget {margin:0}
/* Lofslidernews */
#slider{background:url(../1.bp.blogspot.com/-qJET1HGpUDc/URJ3PJ91EtI/AAAAAAAAB9k/6-zUQ4CKbmg/s1600/slider-holder.png);margin-left:0px;position:relative;overflow:hidden;width: 648px;
height: 375px;}
.slider-main-outer{position:relative;height:100%;width:610px;z-index:3;overflow:hidden}
ul.slider-main-wapper li h3{z-index: 10;
position: absolute;
bottom: 0;
width: 66%;
padding: 15px;
margin: 10px 0 0 0px;
background: rgba(28,28,28,0);
background: -moz-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(28,28,28,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(254,251,252,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(28,28,28,0)), color-stop(38%, rgba(0,0,0,0.45)), color-stop(85%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);
background: -o-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);
background: -ms-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);
background: linear-gradient(to bottom, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000', GradientType=0 );}
ul.slider-main-wapper li h3 p{color:#fff;font-size:12px;padding:5px 10px;margin:15px 0 5px;background:$(maincolor);width:155px}
ul.slider-main-wapper li h3 a{color:#fff;font-size:25px;margin:0;text-shadow: 1px 1px 0 #000;}
ul.slider-main-wapper li h3 .title{color:#eee;font:12px Arial;margin:0;padding-top:5px;display: none;}
ul.slider-main-wapper li .imgauto{width:590px;height:375px;overflow:hidden;margin:0;padding:0;}
ul.slider-main-wapper{height:375px;width:610px;position:absolute;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:610px;float:left;margin:0;padding:0}
.slider-opacity li{position:absolute;top:0;left:0;float:inherit}
ul.slider-main-wapper li img{list-style:none;width:auto;height:375px;padding:0;}
ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}
ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0}
.slider-navigator-outer{background:#303030;position:absolute;right:10px;top:0px;z-index:10;height:450px;width:35%;overflow:hidden;color:#333;}
.slider-navigator li h5{color:#ccc;font:bold 12px Arial;margin:0;font-family: 'Droid Sans',sans-serif;
line-height: 18px;
font-weight: 300;
color: #eee;
text-decoration: none;
margin: 0;
position: relative;
height: 34.4px;
font-size: 13px;
display: block;
padding: 22px 7px 18px 15px;}
.slider-navigator li .title{color:#eee;font:11px Tahoma;margin:0;padding-top:5px}
.slider-navigator li div{height:74px;position:relative;margin:0;padding:0 0px;border-bottom:1px dashed #222}
.slider-navigator li.active div,.slider-navigator li:hover div{color:#999;}
.slider-navigator li img{border:#444 solid 2px;height:70px;width:90px;float:left;margin:5px 10px 5px 0}
.slider-navigator li.active img{border:#ccc solid 2px}
.slider-navigator li.active h5,.slider-navigator li h5:hover{color: $(maincolor);
position: relative;
background: #222;
border-left: 4px solid $(maincolor);}
ul.slider-navigator .title {
display: none;
}
#my-slider{position: relative;
min-width: 585px;
width: 100%;
margin-top: -12px;}
#my-slider .widget h2,.tabs-wrap .widget h2{display:none}
.my_slider{margin-bottom:2px;position:relative;margin-bottom:30px;overflow:hidden;} .my_slider_wrap{position:relative;height:430px;overflow:hidden;margin-bottom:3px;padding:0}
.my_slider_item{max-width:585px;height:430px;overflow:hidden;width:100%}
.my_slider .slides img{width:100%;height:430px;
object-fit: cover;}
.my_slider .slider_caption{margin-top:10px;margin-bottom:15px}
.my_slider .slider_caption:after{content:"";height:3px;width:100%;overflow:hidden;display:block;left:0;position:absolute;bottom:-4px}
.my_slider_wrap .my_slider_item{display:none;position:relative}
.flex-direction-nav {*height: 0;}
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.my_slider .slider_caption h3{margin-bottom:0;font-size:20px} .my_slider .slider_caption h3 a{color: #fff;
font-size: 20px;
line-height: 1em;
font-weight: 600;
margin: 5px 0 0 0;
font-family: "Museo500", arial, Georgia, serif;}
.my_slider p.caption{position: absolute;
padding: 7px 0px;
bottom: 55px;
width: 90%;
color: #fff;
font-size: 14px;
z-index: 99;
font-family: 'Open Sans',Tahoma;
font-weight: 400;
line-height: 1.5;}
.my_slider .post-meta{color: #EEE;
text-transform: uppercase;
font-size: 13px;
font-family: 'Open Sans',Tahoma;
}
.my_slider .post-meta span {
padding: 0 0px;
display: inline-block;
color: #FFF;
border-radius: 2px;
margin: 1px 2px;
background: none;
}
.my_slider .flex-direction-nav a{
position: absolute;
top: 25px;
cursor: pointer;
left: 22px;
z-index: 99;
display: block;
width: 34px;
height: 34px;
background-color: rgba(0,0,0,0.1);
text-align: center;
color: #fff;
border-radius: 4px;
line-height: 34px;
}
.my_slider .flex-direction-nav a:hover {
background-color: rgba(0,0,0,0.2)!important;
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all ease-in-out 0.18s;
}
.post-readmore:hover {
background: #2B2B2B;
}
.my_slider .flex-direction-nav .flex-next {background-position: 100% 0;
z-index: 99;
left: 59px;}
.my_slider .flex-direction-nav .flex-prev {margin-left:0px;z-index:99}
.my_slider .flex-direction-nav .flex-next:before {
content: "\f054";
font-family: FontAwesome;
/* more styling for the icon, including color, font-size, positioning, etc. */
}
.my_slider .flex-direction-nav .flex-prev:before {
content: "\f053";
font-family: FontAwesome;
/* more styling for the icon, including color, font-size, positioning, etc. */
}
a.btn-link {
color: #fff;
}
.post-caption-content {
position: absolute;
width: 100%;
bottom: 0;
z-index: 888;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
padding: 15px;
}
.my_slider .flex-control-nav.flex-control-paging a {
display: inline-block;
text-indent: -9999px;
margin: 0 5px;
width: 10px;
height: 10px;
background-color: #ececec;
cursor: pointer;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-nav.flex-control-paging{display:none}
.layout-2c .flex-viewport{max-width:960px;margin:0 auto}
.flex-viewport{max-width:1100px;margin:0 auto}
.flexslider .slides{zoom:1;overflow:hidden}
a.more-link{background:#222;color:#FFF;padding:3px 7px;display:block;float:left;margin-top:4px}
a.more-link:hover{background:#444!important}
li:first-child a.more-link, .ind-my li:first-child a.more-link {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
display: inline-block;
margin: 20px 0;
padding:auto 15px;
}
@media only screen and (max-width:1024px){
#selectnav1 {
background: none repeat scroll 0 0 #333;
border: 1px solid #232323;
color: #FFF;
width: 418px;
margin: 8px 0px;
float: left;
}
.selectnav {
display:block;
width:50%;
margin:0;
padding:7px;
}
}
@media only screen and (max-width:768px){
#selectnav1 {
background: none repeat scroll 0 0 #333;
border: 1px solid #232323;
color: #FFF;
width: 418px;
margin: 8px 0px;
float: left;
}
.selectnav {
display:block;
width:50%;
margin:0;
padding:7px;
}
}
@media only screen and (max-width:768px){
#selectnav1 {
width: 405px;
}
}
@media only screen and (max-width:480px){
#selectnav1 {
width:266px;
}
}
@media only screen and (max-width:320px){
#selectnav1 {
width:280px;
}
}
/* MEDIA QUERY */
@media only screen and (max-width:1066px){
.container, #outer-wrapper {
margin:0 auto;
width: 1000px;
}
#post-wrapper {
width: 700px;
max-width: 700px;
}
div#mywrapper {
float: left;
width: 700px;
}
div#main {
width: 700px;
}
#sidebar-wrapper {
max-width: 259px;
}
.my_slider_item {
max-width: 700px;}
#sidebar-narrow {
display: none;
}
.main-menu {
width: 940px;
margin: 0 auto;
}
}
@media only screen and (max-width:1024px){
#menu-main {
/*display: none;*/
}
.main-menu {
width: 680px;
margin: 0 auto;
}
#my-slider {
margin-left: 15px;
}
div#main {
width: auto;
}
#post-wrapper {
width: 680px;
max-width: 680px;
}
#sidebar-wrapper{
width:100%;
max-width:100%;
}
.main-menu {
padding: 5px 20px;
}
#searchformfix {
margin-top: 0px;
}
.container,#outer-wrapper {
width: 730px;
}
#slider {
overflow: hidden;
width: 100%;}
#bottombar .center,#bottombar .center1,#bottombar .right, #bottombar .left{width:50%}
}
@media only screen and (max-width:768px){
.top-comment-widget-menu {
height: 56px;}
.top-comment {
width: 40%;}
#beakingnews {
width: 94.2%;
}
.container, #outer-wrapper {
width: 440px;
}
#my-slider {
margin-left: -6px;
margin-top: 20px;
}
div.conty {
width: 400px;
margin: 0 auto;
}
.slider-navigator-outer {
display: none;
}
.my_slider .slides img {
width: 440px;
height: 430px;
object-fit: cover;
}
.post-caption-content {
width: 440px;}
div#mywrapper {
width: 440px;
}
#post-wrapper, #sidebar-wrapper {
float:none;
width:100%;
max-width:100%
clear: both;
}
.active {
display: block;
}
.post-body img {
max-width:90%;
}
.img-thumbnail {
margin:0 10px 0 0;
}
.stylebox .widget {
padding:0 0 10px 0;
}
#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {
padding:0 5px 10px 0;
}
#stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget ;stylebox-7 .widget{
padding:0 0 10px 5px;
}
.sidebar-container, .post-container {
padding:15px 0 0px;
}
}
@media only screen and (max-width:640px){
.slider-navigator-outer {
display: none;
}
#content-wrapper{padding:0 10px}
#sidebar-narrow{display:none}
div#mywrapper {
width: 440px;
}
#sidebar-wrapper {
border-left: none;
padding-left: 0;
clear: both;
}
.main-menu {
padding: 6px 17px;
width:440px;
}
#post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center,#bottombar .center1, #bottombar .right {
float:none;
width:100%;
max-width:100%
}
.header{width:100%}
.header-right {
display:none
}
.sidebar-container, .post-container{
padding:10px 0 0px;
}
.largebanner .widget, #bottombar {
padding:10px;
}
.post, .breadcrumbs {
margin:0 0 10px;
padding:10px;
}
.pagenavi {
margin: 6px 0 10px;
}
.stylebox .widget-content {
padding:10px;
}
#bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
margin:0 0 10px 0;
}
}
@media only screen and (max-width:480px){
.container,#outer-wrapper {
width: 300px;
}
.top-comment {
width: 38%;}
div.conty {
width: 254px;
margin: 0 auto;
}
#sidebar-wrapper {
clear: both;
}
.my_slider .slides img {
width: 300px;
height: 330px;
object-fit: cover;
}
.my_slider_item {
height: 330px;}
.post-caption-content {
width: 258px;}
ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}
#sidebar-narrow{display:none}
div#mywrapper {
width: 300px;
}
.header, .header-right, .stylebox,.stylebox1 {
float:none;
width:100%;
max-width:100%
}
.header img {
margin: 20px auto 0;
}
.largebanner .widget, #bottombar {
padding:8px;
}
.post, .breadcrumbs {
margin:0 0 8px;
padding:8px;
}
.stylebox .widget-content,.stylebox1 .widget-content {
padding:8px;
}
h2.post-title, h1.post-title {
font-size:16px;
}
.img-thumbnail, .img-thumbnail img {
width:100%;
height:200px;
}
.img-thumbnail {
margin:0 8px 12px 0;
}
#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget ,#stylebox-7 .widget{
padding:0 0 8px 0;
}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
.footer-left, .footer-right {
float:none;
text-align:center;
}
}
@media screen and (max-width:320px){
#outer-wrapper {
padding:0 6px;
}
#sidebar-narrow{display:none}
div#mywrapper {
float: center;
width: auto;
}
.post, .breadcrumbs {
padding:6px;
}
.stylebox .widget-content,.stylebox1 .widget-content {
padding:6px;
}
.img-thumbnail, .img-thumbnail img {
width:100px;
height:80px;
}
}
.top-comment-widget-menu.clear {
display: none;
}
.review
{
width:722px;
}
.reviewimg
{
width:720px
}
#reviewtitle
{color: #000;
font-family: openSansExtraBold;
font-size: 38px;
letter-spacing: -1px;
line-height: 44px;
padding: 0 5px 5px 0;
}