/*
Theme Name: CleanMag
Theme URI: http://themeratio.com
Author: Themeratio
Author URI: http://codiblog.com
Description: Designed by <a href="http://codiblog.com">Codiblog.com</a>
Version: 1.1
License: GNU General Public License
License URI: license.txt
*/


/*------------------------------------------------------------------
[Table of contents]

1. Reset css
	1.1 HTML5 for older browsers
2. Global css 	
3. Categories Label Background Design
4. Outer Wrapper
5. Content Wrapper
6. Header Navigation
	6.1 Sticky Nav
	6.2 Category Mega Menu
	6.3 Mobile Menu
7 Header Menu Right Search Box
8. Header Logo and Ads
9. Blog Design
10. Portofolio Design
	10.1 Portfolio 2 column full width
	10.2 Portfolio 3 column full width
	10.3 Portfolio 4 column full width
11. Gallery 3 and 4 column full width
12. Main Wrapper
	12.1 Post
	12.2 Category label Design
	12.3 Post Body
	12.4 Post Image
	12.5 Syntex Highlighter
	12.6 Social Buttons
	12.7 Author Box
	12.8 Related Posts
	12.9 Comments
		12.9.1 Comment Form
	12.9.2 Page Navigation
		12.9.2.1 Pagination 
13. Typography
	13.1 Buttons
	13.2 Post Alert Box
	13.3 Post_Column
	13.4 Toggle
	13.5 Tabs
	13.6 Accordion styles
	13.7 Blockquote
	13.8 Typography
	13.9 Review System
		13.9.1 Review Badge Design
14. Sidebar Wrapper
	14.1 Sidebar Featured Post
	14.2 Sidebar Label
	14.3 Sidebar Content
	14.4 Sidebar Multi Tabs
	14.5 Sidebar Categories
15. Footer
	15.1 Footer Widgets
	15.2 Tag Cloud Widget
	15.3 Footer Random Post Widget
	15.4 Footer Bottom Text
16. 404 Error Page
17. Back To Top
18. Sitemap Page
19. Other
20. Breadcrumbs
21. Contact Page
22. Feedburner
23. calendar widget

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


/*=1. Reset css
-------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*=1.1 HTML5 for older browsers
-------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

blockquote p:before {
	content: "\f10d";
	font-family: fontawesome;
	margin: 0 5px 0 0;
}

blockquote p:after {
	content: "\f10e";
	font-family: fontawesome;
	margin: 0 0 0 5px;
}

blockquote {
	font-size: 13px;
	margin: 0 0 0 10%;
}

blockquote p:before {
	
}

table {
	border-bottom: 1px solid #EDEDED;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
th, td {
	font-weight: normal;
	text-align: left;
}
th {
	font-weight: bold;
	text-transform: uppercase;
}
td {
	border-top: 1px solid #EDEDED;
	padding: 6px 10px 6px 0;
}

.fa-plus {
	color: #fff;
}

/*=2. Global css
-------------------------*/
body {
	background: #fff;
	color: #606569;
	font-size: 14px;
	font-family: 'Open Sans',arial,sans-serif;
	line-height: 22px;
	word-wrap: break-word;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	color: #555555;
	margin: 0.75em 0;
}

h1 {
	font-size: 40px;
}

h1.main-heading {
	font-size: 25px;
	margin: 0 0 25px;
	border-left: 4px solid #00aeef;
	padding: 10px 15px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 25px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 15px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

address {
	margin: 0 0 1.5em;
}

em {
	color: #000;
}

code,kbd,tt,var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,ins {
	background: #fff9c0;
	text-decoration: none;
}

dt,b,strong,th {
	font-weight: 700;
}

input, textarea, select {
	background: #F9F9F9;
	border: 1px solid #D9D9D9;
	color: #A6A6A6;
	font-size: 13px;
	max-width: 100%;
	outline: 0 none;
	padding: 7px 14px;
}

textarea {
	width: 96%;
	overflow: auto;
	display: block;
}

a:link, a:visited {
	color: #00AEEF;
	text-decoration: none;
	-webkit-transition: 0.6s ease-out !important;
	-moz-transition: 0.6s ease-out !important;
	transition: 0.6s ease-out !important;
}

a:hover {
	text-decoration: none;
}

a:active {
	outline: none;
}

a:visited {
	text-decoration: none;
}

:focus {
	outline: 0;
}

a img {
	border: 0;
}

p {
	margin-bottom: 1.5em;
}

.ssep {
	margin: 0 0 0 8px;
}

.fsep:before {
	content: "\f04d";
	font-family: fontawesome;
	font-size: 5px;
	margin: 0 0 0 4px;
	position: relative;
	top: -2px;
}

.top-ad-block {
	width: 100%;
	text-align: center;
	background: #f4f4f4;
	padding: 25px 0 19px;
}

.top-ads {
	text-align: center;
}

.top-ad-block .top-rad {
	width: 1153px;
	margin: 0 auto;
}

.wp-caption-text {
	font-style: italic;
	font-size: 12px;
	color: #444;
}
.wp-caption img {
	height: auto;
}
.wp-caption.alignnone, .textwidget img {
	max-width: 100%;
}
/*=3. Categories Label Background Design
-------------------------*/
.cat-2 a {
	background: #e4574c !important;
}

.cat-10 a {
	background: #46a28d !important;
}

.cat-7 a {
	background: #00C8FF !important;
}

.cat-3 a {
	background: #77D100 !important;
}

.cat-11 a {
	background: #dfdd19 !important;
}

.cat-36 a {
	background: #2a85d8 !important;
}

/*=4. Outer Wrapper
-------------------------*/
.outer-wrapper {
	padding: 0;
}
.outer-wrapper img:hover {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*=5. Content Wrapper
-------------------------*/
.content-wrapper {
	margin: 45px auto 41px;
	width: 1153px;
	overflow: hidden;
}
/*=6.1 Sticky Nav
----------------------------------*/
.sticky #header-navigation {
	position: fixed;
	z-index: 9999;
	padding: 0;
	background: rgba(255,255,255,0.9);
}
.no-sticky #header-navigation {
	position: relative;
} 
/*=6. Header Navigation
----------------------------------*/
#header-navigation {
	top: 0;
	min-height: 45px;
	width: 100%;
	position: relative;
	margin: 0;
	background: #fff;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
	border-top: 4px solid #f65261;
}

.header-first #header-navigation {
	padding: 0;
}

.nav-wrapper {
	width: 1153px;
	margin: 0 auto;
}

#header-nav {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
}

#header-nav ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#header-nav ul li {
	float: left;
	position: relative;
	margin: 0 0 0 0;
	color: #444;
}

#header-nav ul ul li {
	border-top: none;
}

#header-nav ul li:hover {
	color: #00aeef;
	background: #fff;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#header-nav ul ul li:hover {
	color: #666;
}

#header-nav ul li:hover a {
	color: #00AEEF;
}

#header-nav li.menu-item-has-children {
	cursor: pointer;
}

#header-nav li.menu-item-has-children:after {
	content: "\f107";
	font-family: fontawesome;
	font-size: 17px;
	margin: 2px 0 ;
	position: relative;
	top: 1px;
	right: 15px;
}

#header-nav ul li ul li.menu-item-has-children:after {
	content: "\f105";
	position: absolute;
	top: 15px;
	background: #ddd;
	color: #fff;
	line-height: 1em;
	padding: 0 6px 1px 7px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#header-nav ul ul li:hover {
	background-color: #efefef;
}

#header-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 250px;
 /* left offset of submenus need to match (see below) */;
	cursor: default;
}

#header-nav ul ul li {
	width: 100%;
}

#header-nav ul li:hover ul,
#header-nav ul li.sfHover ul {
	position: absolute;
	left: 0;
	margin: 0;
 /* Added to push sub-menu down */
	top: 100%;
 /* match top ul list item height */;
}

/*--------Hide 4 Lebels-----------------------*/

#header-nav ul li:hover li ul, #header-nav ul li.sfHover li ul, #header-nav ul li li:hover li ul, #header-nav ul li li.sfHover li ul, #header-nav ul li li li:hover li ul, #header-nav ul li li li.sfHover li ul {
	top: -9999em;
}

/*----------Display 4 Lebels-------------------------*/

#header-nav ul li li:hover ul, #header-nav ul li li.sfHover ul, #header-nav ul li li li:hover ul, #header-nav ul li li li.sfHover ul, #header-nav ul li li li li:hover ul, #header-nav ul li li li li.sfHover ul {
	left: 250px;
 /* match .nav ul width */
	top: 0;
}
	
/*--------Top Lebel-----------------------------------*/

#header-nav ul li a {
	color: #444;
	display: inline-block;
	padding: 0 15px;
	margin: 0 0 0 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 45px;
	text-decoration: none;
	text-transform: uppercase;
}

#header-nav ul li a i {
	color: #999;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

#header-nav ul li i:hover {
	color: #fff;
}

#header-nav ul li ul li a i {
	position: absolute;
	right: 30px;
	top: 18px;
}

#header-nav ul a:hover,
#header-nav ul li.sfHover > a:hover {
	color: #00AEEF;
	text-decoration: none;
}

#header-nav ul li.sfHover > a,
#header-nav ul li.current-cat > a,
#header-nav ul li.current_page_item > a,
#header-nav ul li.current-menu-item > a {
	text-decoration: none;
}

#header-nav ul li.current-cat > a:hover,
#header-nav ul li.current_page_item > a:hover,
#header-nav ul li.current-menu-item > a:hover {
	text-decoration: none;
}

/*-----------Second Lebel Design------------------------------------*/

#header-nav ul ul ul:before, #header-nav ul ul ul ul:before, #header-nav ul ul ul ul ul:before {
	display: none;
}

#header-nav ul ul {
	background: #f7f7f7;
	padding: 0;
	z-index: 9999;
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
}

#header-nav ul ul li {
	border-bottom: 1px solid #efefef;
	float: none;
	line-height: 22px;
	margin: 0;
	padding: 0; 
	color: #666;
}

#header-nav ul ul li a {
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 17px 15px;
	text-transform: Capitalize;
	font-weight: 500;
	color: #333 !important;
}

#header-nav ul li:hover ul li a, #header-nav ul ul li a, #header-nav ul li.current-menu-item li a, #header-nav ul li.current-menu-ancestor li a {
	color: #9BB2C0;
}

#header-nav ul ul li.current-menu-item a {	
	color: #00AEEF;
}

#header-nav ul ul li.current-cat > a, 
#header-nav ul ul li.current_page_item > a, 
#header-nav ul ul li.current-menu-item > a {
	border: none;
	color: #FFFFFF;
}

#header-nav ul ul li a:hover {
	border: none;
	color: #FFFFFF;
}

#header-nav ul li.sfHover ul a {
	border: none;
}

#header-nav ul li.menu-item-ancestor a {
	background-image: url(images/header-nav-arrow-2.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 14px;
}

#header-nav ul li.menu-item-ancestor a:hover {
	text-decoration: none;
}

#header-nav ul li.menu-item-ancestor ul a {
	background: none;
	padding-right: 24px;
}

#header-nav ul li.menu-item-ancestor ul a:hover {
	text-decoration: none;
}

#header-nav .sub-menu li.menu-item-ancestor a {
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 24px;
	margin: 0;
}

#header-nav .sub-menu li.menu-item-ancestor a:hover {
	text-decoration: none;
}

#header-nav .sub-menu li.menu-item-ancestor li a {
	background-image: none;
	padding-right: 15px;
	margin: 0;
}

/*------Third Label Design-----------------------------------*/

#header-nav ul ul ul {
	margin-top: 0;
}

/*------6.2 Category Mega Menu----------------------------------*/

a.cat-all {
	background: #ddd;
	color: #FFFFFF !important;
	display: inline !important;
	font-weight: 600 !important;
	left: -15px;
	padding: 2px 5px !important;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.cat-wrapper a:hover {
	text-decoration: underline !important;
}

#header-nav ul li ul.cat-wrapper {
	width: 340px;
	padding: 4px 10px 3px 0;
	border-bottom: 1px solid #eee;
}

#header-nav ul li ul.cat-wrapper li {
	clear: both;
	overflow: hidden;
	border: none;
	margin: 0 0 12px;
}

#header-nav ul li ul.cat-wrapper li:hover {
	background: none;
}

#header-nav ul li ul.cat-wrapper li .cat-img {
	float: left;
	margin: 0 10px 0 0;
}

#header-nav ul li ul.cat-wrapper li .cat-img img {
	display: block;
}

#header-nav ul li ul.cat-wrapper li a {
	padding: 0 0 0 16px;
}

#header-nav ul li ul.cat-wrapper li a:hover {
	text-decoration: underline;
}

#header-nav ul li ul.cat-wrapper li h2 {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	color: #333232;
}

/*--------6.3 Mobile Menu-----------------------------------*/
.mobile-nav {
	display: none;
}
.mobile-nav a {
	color: #fff;
}
.toggleMenu {
	display: block !important;
	background: #00aeef;
	color: #fff;
	padding: 0;
	min-height: 45px;
	line-height: 45px;
	width: 80px;
	text-align: center;
	overflow: hidden;
}
.nav {
	list-style: none;
	*zoom: 1;
	background: #212637;
	position: relative;
	display: none;
}
.nav:before,
.nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
        display: block;
        width: 100%;
	list-style: none;
    }
.nav a {
	padding: 10px 15px;
	color:#fff !important;
	*zoom: 1;
}
.nav a:hover {
	background: #262c38;
}
.nav > li {
	border-top: 1px solid #3B475A;
	z-index: 200;
}
.nav > li > a {
	display: block;
}
.nav li ul {
	position: absolute;
	left: -9999px;
	z-index: 100;
}
.nav li li a {
	display: block;
	background: #171B27;
	position: relative;
	z-index:100;
	border-top: 1px solid #212637;
}
.nav li li li a {
	background:#0e1017;
	z-index:200;
	border-top: 1px solid #212637;
}
.nav li {
	position: relative;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li li.hover ul {
	left: 100%;
 	top: 0;
}
.nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.nav li li .parent:after, .nav li .parent:after {
        content:"\f107";
	position: absolute;
	right: 15px;
	font-family: fontawesome;
	color: #fff;
    }
.nav ul.cat-wrapper .cat-img, .nav ul.cat-wrapper .meta-info, .nav ul.cat-wrapper .parent:after {
	display: none !important;
}
.nav ul.cat-wrapper li h2 {
	color: #AAAAAA;
	font-size: 13px;
}
.nav ul.cat-wrapper a.cat-all {
	background: rgba(0, 0, 0, 0.3);
	color: #AAAAAA;
}
.nav ul.cat-wrapper li a:hover {
	text-decoration: none !important;
}
.nav ul.cat-wrapper li a {
	padding: 1px 15px;
}

/* Header Menu Right-------------------*/

.header-menu-right {
	position: relative;
	float: right;
	margin: 0;
	line-height: 44px;
	top: 0;
}

.header-menu-right li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
}

/* 7 Header Menu Right Search Box-------------------*/

.sb-search {
	position: absolute;
	top: 10px;
	right: 0;
	width: 0%;
	min-width: 25px;
	height: 25px;
	line-height: 25px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	border: none;
	outline: none;
	width: 100%;
	height: 25px;
	margin: 0;
	z-index: 10;
	padding: 0 15px;
	font-family: inherit;
	font-size: 14px;
	color: #00AEEF;
	background: #f7f7f7;
}

.sb-search-input::-webkit-input-placeholder {
	color: #00AEEF;
}

.sb-search-input:-moz-placeholder {
	color: #00AEEF;
}

.sb-search-input::-moz-placeholder {
	color: #00AEEF;
}

.sb-search-input:-ms-input-placeholder {
	color: #00AEEF;
}

.sb-icon-search,
.sb-search-submit  {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 25px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	background: #fff;
	color: #00AEEF;
	z-index: 90;
	font-size: 14px;
	font-family: fontawesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
}

.sb-icon-search:before {
	content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 282px;
}

.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search, .sb-icon-search:hover {
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

.chrome .dd-find,.opera .dd-find,.safari .dd-find {
	width: 285px;
}

#search-2 .sb-search, #footer-widget3 .sb-search, #footer-widget2 .sb-search, #footer-widget1 .sb-search, .widget_search .sb-search {
	float: none;
	position: inherit;
	width: auto;
	height: auto;
}
#search-2 .sb-search-input, #footer-widget3 .sb-search-input, #footer-widget2 .sb-search-input, #footer-widget1 .sb-search-input, .widget_search .sb-search-input {
	padding: 10px;
	border: 1px solid;
	width: 250px;
}
#search-2 .sb-icon-search, #footer-widget3 .sb-icon-search, #footer-widget2 .sb-icon-search, #footer-widget1 .sb-icon-search, .widget_search .sb-icon-search {
	display: none ;
}

#findform {
	border: 1px solid #DFDFDF;
	display: block;
	overflow: hidden;
	padding: 0 5px;
	width: 285px;
	margin: 0 auto;
}

.dd-find #findform input[type=text] {
	background: none;
	border: none;
	color: #999;
	font-size: 14px;
	width: 257px;
	padding: 13px 0;
}

.dd-find #findform input[type=submit] {
	background: url(images/search-icon.png) no-repeat scroll center center transparent;
	border: none;
	box-shadow: none;
	cursor: pointer;
	display: block;
	float: right;
	height: 15px;
	width: 14px;
	margin: 13px 0 0;
}

.dd-find #findform input[type=submit]:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*= 8. Header Logo and Ads
-------------------------*/

.header-logo {
	min-width: 130px;
	margin: 0 25px 0 0;
	float: left;
	height: 45px;
	line-height: 45px;
}

.header-logo a, .tc-logo {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 41px;
	color: #555;
	font-weight: 700;
}

.header-logo a:hover {
	text-decoration: none !important;
}

.tc-logo {
	line-height: 1em;
}

.header-logo .tc, .tc-logo .tc {
	color: #00aeef;
}

.header-logo img {
	height: auto;
	max-width: 100%;
	margin: 0;
	width: 130px;
}

.header-logo img:hover {
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*= Feautred Post
-------------------------*/
.po_img {
	display: block;
	float: left;
	height: 200px;
	margin-right: 25px;
	width: 250px;
}

.po_img img {
	width: 100%;
}

.reftitle h2 {
	display: block;
	margin: 8px 0 8px 275px;
}

.fea_con h2,.fea_con h2 a {
	color: #333232;
	font-size: 30px;
	line-height: 1.1em;
}

.fea_con h2 a:hover {
	text-decoration: underline;
}

.banner {
	position: relative;
	overflow: auto;
}

.banner li {
	list-style: none;
}

.banner ul li {
	float: left;
}

/*= Gallery/Video Post Format
----------------------------------------------- */
.single-format-standard .titleh h1, .format-gallery h1, .format-video h1 {
	font-size: 20px;
	line-height: 1em;
	margin: 10px 0;
	border-left: 3px solid #00AEEF;
	padding: 0 0 0 10px;
}

.format-gallery img, .format-video img {
	max-width: 100%;
	max-height: 412px;
}

.post-thumbnail {
	position: relative;
}

.ga_con {
	margin: 10px 0 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.as_con {
	margin: 1px 0 1px;
	padding: 5px 0;
	color: #999999;
}

.atune {
	color: #999999;
	float: left;
	margin-right: 3px;
}

.stune {
	float: left;
	margin-right: 3px;
}

.ga_con, .ga_con a {
	font-size: 13px;
}

.ga_con a:hover {
	text-decoration: underline;
}

/*=9. Blog Design
----------------------------------------------- */
.blog-summary .f-img {
	position: relative;
}

.blog-summary .tune {
	position: absolute;
	left: 0;
}

.blog-summary .post {
	padding: 18px 0 25px;
}

.blog-summary .post h2 a, blog-summary .post h2 a:visited, .blog-summary .post h2 strong {
	font-size: 25px;
}

.blog-summary p {
	margin: 10px 0 0;
	color: #999999;
	font-family: 'PT Sans',sans-serif;
}

.blog-summary .date-header {
	margin: 15px 0 10px;
}

.blog-summary.blog-cat-style .retitle h2 {
	margin: 8px 0;
}

.blog-summary.blog-cat-style .post {
	padding: 25px 0;
}

/*=10. Portofolio Design
-------------------------*/
.po-pa {
	padding: 10px 0 0;
}

.po-pa p {
	margin: 0;
	font-family: 'PT Sans',sans-serif;
	color: #818181;
}

.portofolio-content {
	width: 103.5%;
	display: block;
	margin-bottom: 0;
}

.portofolio {
	display: inline-block;
	width: 46.8%;
	margin: 0 21px 25px 0;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.po_img {
	position: relative;
}
.po_img img {
	display: block;
}
.po_img .read-more:before {
	border-left: 25px solid transparent;
	border-right: 25px solid #FFFFFF;
	border-top: 23px solid transparent;
	bottom: 0;
	content: "";
	left: -50px;
	position: absolute;
}
.po_img .read-more {
	background: #FFFFFF;
	bottom: 0;
	padding: 0 5px;
	position: absolute;
	right: 0;
}
.po_img .read-more a {
	color: #333232;
	font-weight: 600;
}
.po_img .read-more a:hover {
	text-decoration: underline;
}


/*=10.1 Portfolio 2 column full width
-------------------------*/
.main-wrapper-full-width .main-wrapper .portofolio {
	width: 47.3%;
}

.main-wrapper-full-width .portofolio .post h2 a,.main-wrapper-full-width .portofolio .post h2 a:visited,.main-wrapper-full-width .portofolio .post h2 strong, .portofolio .fea_con h2 {
	font-size: 20px;
}

.portofolio .po_img, .col-2 .portofolio .po_img, .col-3 .portofolio .po_img, .col-4-full-width .portofolio .po_img,  .col-3-full-width .portofolio img,.main-wrapper-full-width .portofolio-content1 .po_img, .main-wrapper-full-width .portofolio-content1 .po_img img{
	height: auto;
}
.main-wrapper-full-width .portofolio-content1 .format-gallery img,.main-wrapper-full-width .portofolio-content1 .format-video img {
	height: 250px;
}

/*=10.2 Portfolio 3 column full width
--------------------------------------*/
.col-3-full-width .main-wrapper {
	float: none;
	margin-right: 0;
	width: 100%;
}

.col-3-full-width .portofolio {
	width: 30.8%;
}

/*=10.3 Portfolio 4 column full width
--------------------------------------*/
.col-4-full-width .main-wrapper {
	float: none;
	margin-right: 0;
	width: 100%;
}

.col-4-full-width .portofolio {
	width: 22.52%;
}

/* =11. Gallery 3 and 4 column full width
--------------------------------------*/
.gallery-col-3-full-width .main-wrapper,.gallery-col-4-full-width .main-wrapper {
	float: none;
	margin-right: 0;
	width: 100%;
}

.gallery-col-3-full-width .portofolio,.gallery-col-4-full-width .portofolio {
	width: 30.63%;
	position: relative;
	border: 8px solid #eee;
	margin: 0 0 4px;
	height: 251px;
}

.gallery-col-4-full-width .portofolio {
	width: 22.52%;
	height: 203px;
}

.gallery-col-3-full-width .post, .gallery-col-3-full-width .po-pa,.gallery-col-4-full-width .post, .gallery-col-4-full-width .po-pa {
	background: rgba(0,0,0,0.4);
	padding: 0;
	border: none;
}

.gallery-col-3-full-width .po_img .hover_effect {
	line-height: 275px !important;
}

.gallery-col-4-full-width .po_img .hover_effect, .gallery-col-3-full-width .po_img .hover_effect {
	position: absolute;
	left: 0;
	text-align: center;
	right: 0;
	line-height: 220px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.gallery-col-4-full-width .po_img:hover .hover_effect, .gallery-col-3-full-width .po_img:hover .hover_effect {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.gallery-col-3-full-width .po_img .hover_effect {
	line-height: 250px;
}
/* = Gallery 3 and 4 column full width end
--------------------------------------*/

.col-3.portofolio-content .portofolio {
	width: 30.2%;
}

.col-3.portofolio-content .po_img, .col-3.portofolio-content .po_img img {
	height: 150px;
}

.col-3.portofolio-content .portofolio .post h2 a, .col-3.portofolio-content .portofolio .post h2 a:visited, .portofolio .post h2 strong, .col-3.portofolio-content .portofolio .fea_con h2 {
	font-size: 17px;
	line-height: 1.4em;
}

.portofolio .post {
	padding: 0;
	border: none;
}

.portofolio .post h2 a, .portofolio .post h2 a:visited, .portofolio .post h2 strong, .portofolio .fea_con h2 {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 600;
}

.blog-summary .tune a, .portofolio .tune a {
	font-size: 13px !important;
	padding: 3px 8px !important;
}

.portofolio .po_img {
	float: none;
	width: 100%;
	margin: 0;
}

.portofolio .retitle h2 {
	margin: 0;
}

.portofolio .date-header {
	margin: 10px 0 6px;
}

/*= Title Text Design
-------------------------*/
.recent_title {
	border-bottom: 3px solid #EAEAEA;
	margin: 0 25px 0 0;
	position: relative;
	display: none;
}

.recent_title a:hover {
	text-decoration: underline;
}

.recent_title h2:after {
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-top: 6px solid #EAEAEA;
	bottom: -9px;
	content: close-quote;
	left: 22px;
	position: absolute;
}

.recent_title h2 {
	color: #555;
	font-size: 18px;
	font-weight: 600;
	margin: 25px 0 0;
	padding: 0 10px 5px 0;
	text-transform: uppercase;
}

.recent_title a h2 {
	display: inline-block;
}

.recent_title a h2:hover {
	text-decoration: underline;
}

/*=12. Main Wrapper
-------------------------*/
.blog-left .main-wrapper {
	float: right;
	margin: 0 0 0 25px;
}

.main-wrapper {
	float: left;
	margin-right: 25px;
	overflow: hidden;
	width: 778px;
	word-wrap: break-word;
	overflow: hidden;
}

.main-left-sidebar .main-wrapper {
	float: right;
	margin-right: 0;
	margin-left: 25px;
}

.full-content .main-wrapper {
	width: 100%;
}

.main-wrapper-full-width .main-wrapper {
	float: none;
	margin-right: 0;
	width: 100%;
}

.main-cont {
	background: #FFF;
}

.pagebg {
	padding: 0;
	overflow: hidden;
	font-size: 14px;
	line-height: 27px;
	margin: 0;
}

.pagebg ul, .pagebg ol {
	margin: 0 0 0 9%;
}
.pagebg ul {
	list-style: square;
}
.pagebg ol {
	list-style: decimal;
}

ul.psep li {
	list-style: square;
}

ol.psep li {
	list-style: decimal;
}

/*=12.1 Post
-------------------------*/
.cs .post {
	border-bottom: none;
}

.post {
	padding: 0 0 25px;
	border-bottom: 1px solid #EAEAEA;
	display: block;
	overflow: hidden;
	word-wrap: break-word;
}

.home .post img {
	max-height: 100%;
}

.blog-content .post {
	padding: 25px 0;
}

.retitle h2 {
	margin: 8px 0 8px 275px;
	display: block;
}

.titleh h1 {
	font-weight: 600;
	line-height: 1.1em;
	color: #333232;
	margin: 8px 0;
}

titleh h2 a:hover {
	text-decoration: underline;
}

.post h2 a,.post h2 a:visited,.post h2 strong {
	color: #222;
	font-size: 35px;
	font-weight: 600;
	line-height: 1.1em;
	text-decoration: none;
}

.post_author_date {
	color: #C4C4C4;
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
	margin: 0 0 25px;
	text-transform: uppercase;
}

.post_author {
	font-weight: 600;
	margin-right: 5px;
}

div.post_author_date a {
	text-decoration: none;
}

.post_comment a {
	bottom: 21px;
	color: #00AEEF;
	font-weight: 600;
	position: relative;
	right: 0;
}

.widget iframe,.widget img, iframe {
	max-width: 100%;
}

.dc_po {
	margin: 0 0 9px;
}

.post-body .date-header, .post-body .date header a {
	margin: 0 0 0 275px;
	font-size: 14px;
}

.date-header {
	color: #949494;
	font-size: 13px;
}

.date-header a {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 21px;
	margin: 0;
	padding: 0;
}

.date-header a:hover {
	text-decoration: underline;
}

.post-footer {
	color: #333;
	display: none;
	font: 86% Arial,sans-serif;
	margin: .75em 0;
}

.comment-link {
	margin: 0;
}

/*=12.2 Category label Design
-------------------------*/
.tlabel {
	float: left;
	margin-right: 5px;
}

.tune, .tlabel {
	color: #999;
	font-size: 14px;
	text-transform: capitalize;
}

.fea_con .tune a {
	background: #444;
	color: #fff;
	padding: 2px 7px 2px 5px;
	text-decoration: none !important;
	font-style: normal;
	font-family: 'Ubuntu',sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tune a:hover {
	text-decoration: underline !important;
}

/*=12.3 Post Body
-------------------------*/
.post-body, .pagebg {
	font-size: 13px;
	line-height: 27px;
	padding: 15px 0 0;
	word-wrap: break-word;
}

.pagebg {
	padding: 0;
}

.post-body .gallery-caption {
	font-style: italic;
	font-size: 0.923em;
}

.post-body img, .page img {
	height: auto;
}

.post-body ul {
	margin-left: 60px;
	margin-bottom: 1.2em;
}

.psep {
	margin: 10px 60px;
}

.post-body ol {
	margin-left: 65px;
	margin-bottom: 1.2em;
}

.post-body ul li {
	list-style: square;
}

.post-body ol li {
	list-style: decimal;
}

.post-body a {
	color: #00AEEF;
	text-decoration: none;
}

.post-body a:hover {
	text-decoration: underline;
}

.tags {
	text-align: left;
	margin-right: 3px;
	clear: both;
	overflow: hidden;
}

.tags h4 {
	float: left;
	color: #949494;
	margin: 2px 15px 0 0;
	font-size: 16px;
}

.tags a {
	background-color: #00AEEF;
	color: #fff !important;
	display: inline-block;
	font-size: .75em;
	padding: 0 5px;
	height: 25px;
	line-height: 25px;
	margin: 0 3px 3px 0;
	text-decoration: none !important;
	text-transform: uppercase;
	position: relative;
}

.tags a:hover {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-decoration: underline !important;
}

/*=12.4 Post Image
-------------------------*/
.post img, .page img {
	max-width: 100%;
}

.alignleft, .alignright, .aligncenter {
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}

.aligncenter {
	float: none;
	margin: auto;
	text-align: center;
}

.alignright {
	float: right;
	margin: 0 0 0 9px;
}

.alignleft img, .alignright img, .aligncenter img {
	height: auto;
	display: block;
	margin: 9px 0 0;
}

.aligncenter {
	text-align: center;
}

img.alignnone {
	text-align: center;	
}

/*= Profile Image
-------------------------*/
.profile-img {
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
}

.profile-data {
	color: #333;
	font: 86% Arial,sans-serif;
	margin: 0;
}

.profile-datablock {
	margin: .5em 0;
}

.profile-textblock {
	line-height: 1.6em;
	margin: .5em 0;
}

.profile-link {
	font: 86% Arial,sans-serif;
}

/*=12.5 Syntex Highlighter
-------------------------*/
pre {
	background: url(images/highlight.png) repeat scroll 0 0 #FBF2F2;
	color: #888;
	display: block;
	font: 12px/19px Consolas,'Andale Mono',Courier,'Courier New',monospace;
	margin: 10px 0;
	overflow: auto;
	padding: 19px 19px 17px;
}

pre .comment {
	color: #A57A4C;
}

pre .variable.global,pre .variable.class,pre .variable.instance {
	color: #DC3958;
}

pre .constant.numeric,pre .constant.language,pre .constant.hex-color,pre .keyword.unit {
	color: #F79A32;
}

pre .constant,pre .entity,pre .entity.class,pre .support {
	color: #F06431;
}

pre .constant.symbol,pre .string {
	color: #889B4A;
}

pre .entity.function,pre .support.css-property,pre .selector {
	color: #8AB1B0;
}

pre .keyword,pre .storage {
	color: #98676A;
}

/*=13.1 Buttons
-----------------------------------*/
.jr-button {
	border: none;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin: 10px 10px 10px 0;
	padding: 1em 1.5em .75em;
	text-decoration: none;
	text-transform: uppercase;
}

a.jr-button {
	color: #FFFFFF !important;
	font-weight: 700;
	text-decoration: none;
}

a.jr-button:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jr-button.blue {
	background-color: #93D0EA;
	box-shadow: 0 0 5px #8FCDE7 inset, 0 1px 1px #EEE;
}

.jr-button.green {
	background-color: #A5D16D;
	box-shadow: 0 0 5px #A4CF6C inset, 0 1px 1px #EEE;
}

.jr-button.red {
	background-color: #F4836A;
	box-shadow: 0 0 5px #EF7F65 inset, 0 1px 1px #EEE;
}

.jr-button.orange {
	background-color: #FF8B62;
	box-shadow: 0 0 5px #F68962 inset, 0 1px 1px #EEE;
}

a.jr-button.gray {
	background-color: #ECF0F1;
	box-shadow: 0 0 5px #ECEEF1 inset, 0 1px 1px #EEE;
	color: #333;
}

.jr-button.dark-blue {
	background-color: #483D8B;
	box-shadow: 0 0 5px #51459D inset, 0 1px 1px #EEE;
}

.jr-button.purple {
	background-color: #C221AE;
	box-shadow: 0 0 5px #DD39C9 inset, 0 1px 1px #EEE;
}

.jr-button.pink {
	background-color: #F05791;
	box-shadow: 0 0 5px #F26EA0 inset, 0 1px 1px #EEE;
}

.jr-button.yellow {
	background-color: #EADC8E;
	box-shadow: 0 0 5px #EEE3A4 inset, 0 1px 1px #EEE;
}

.jr-button.dark {
	background-color: #292929;
	box-shadow: 0 0 5px #363636 inset, 0 1px 1px #EEE;
}

.jr-button.small {
	font-size: 11px;
}

.jr-button.big {
	font-size: 18px;
	padding: 1.2em 2.5em 1em;
}

/*=13.2 Post Alert Box
-------------------------------------*/
.box:before {
	content: "\f071";
	font-family: FontAwesome;
	margin-right: 5px;
}

.box {
	display: block;
	line-height: 24px;
	margin: 10px 0;
	padding: 1em 2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box.white {
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	color: #6B6565;
}

.box.gray {
	background: #FAF7F7;
	border: 1px solid #F3E0E0;
	color: #A94949;
}

.box.green {
	background: #EDFDD3;
	border: 1px solid #C4DBA0;
	color: #657E3C;
}

.box.yellow {
	background: #FFF8C4;
	border: 1px solid #F2C779;
	color: #8C8C1C;
}

.box.blue {
	background: #E3F7FC;
	border: 1px solid #8ED9F6;
	color: #8BA1B3;
}

/*=13.3 Post_Column
------------------------------------*/
.two-column,.thrid-column,.four-column {
	float: left;
	margin: 0 4% 0 0;
}

.two-column {
	width: 48%;
}

.thrid-column {
	width: 30.66%;
}

.four-column {
	width: 22%;
}

.two-column.last,.thrid-column.last,.four-column.last {
	float: right;
	margin-right: 0 !important;
}

/*=13.4 Toggle
------------------------------------*/
#toggle-view {
	list-style: none;
	font-family: arial;
	margin: 10;
	padding: 5px 30px;
	border: 1px solid #EAEAEA;
	position: relative;
	cursor: pointer;
	margin: 5px 0;
}

#toggle-view h3 {
	margin: 0;
	font-size: 14px;
}

#toggle-view span .iminus:before {
	content: "\f146" !important;
}

#toggle-view span .iplus:before, #toggle-view span .iminus:before {
	content: "\f0fe";
	font-family: fontawesome;
	font-style: normal;
	margin: 0 5px;
	font-size: 14px;
}

#toggle-view span {
	color: #CCCCCC;
	font-size: 13px;
	left: 5px;
	position: absolute;
	top: 4px;
}

#toggle-view p {
	margin: 5px 0;
	display: none;
}

/*=13.5 Tabs
------------------------------------*/
ul.resp-tabs-list {
	margin: 0px;
	padding: 0px;
}

.resp-tabs-list li:first-child {
	border-left: 1px solid #EAEAEA;
}

.resp-tabs-list li {
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 13px;
	font-weight: 600;
	list-style: none outside none;
	margin: 0;
	padding: 13px 15px;
	border-top: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
	padding: 15px;
}

.resp-tab-active {
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
	border-bottom: none;
	background-color: #f4f4f4;
}

.resp-content-active, .resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid #dfdfdf;
}

h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #dfdfdf;
	border-top: 0px solid #dfdfdf;
	margin: 0px;
	padding: 10px 15px;
}

h2.resp-tab-active {
	border-bottom: 0px solid #dfdfdf !important;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #dfdfdf !important;
	background: blue;
}
/*-----------13.6 Accordion styles-----------*/
h2.resp-tab-active {
	background: #eeeeee !important;
	color: #555555;
}

.resp-easy-accordion  h2.resp-accordion {
	display: block;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #dfdfdf;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #dfdfdf !important;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #dfdfdf !important;
}

/*=12.6 Social Buttons
-------------------------*/
.total-shares {

	margin: 15px 0 0;
}
.social-total {
	width: 100%;
	background: #fff;
	line-height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-box-shadow: 0 0 8px #ccc;
	-moz-box-shadow: 0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
	display: none;
	-webkit-opacity: 0.96;
	-moz-opacity: 0.96;
	opacity: 0.96;
}
.social-share {
	width: 1153px;
	margin: 0 auto;
	clear: both;
}
.social-likes {
	margin: 0 0 0 10px !important;
}
.fa-share-alt:before {
	color: rgba(34, 59, 74, 0.3);
}
#footer .fa-share-alt:before {
	color: #909090;
}

.social-share .text {
	color: #949494;
	font-size: 16px;
	font-weight: 400;
	margin: 0 15px 0 0;
}

.social-link {
	position: relative;
}

.social-links span {
	position: absolute;
	text-indent: -9999px;
}

.social-links a {
	background: #fff;
	color: #00AEEF;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 50px;
	font-size: 20px;
	position: relative;
}

.social-links a[data-title]:hover:after {
	content: attr(title);
	position: absolute;
	left: 0;
	background: #222;
	top: -100%;
	white-space: nowrap;
	font-size: 14px;
	padding: 0 5px;
	color: #fff;
	z-index: 100;
	line-height: 2em;
}

.social-links a:hover {
	text-decoration: none;
	-webkit-opacity: 0.8;
	-moz--opacity: 0.8;
	opacity: 0.8;
}

/*=13.7 Blockquote
-------------------------*/
.quote.center, .quote.left, .quote.right {
	border-left: 3px solid #D9D9D9;
	background: #f2f2f2;
	color: #555555;
	padding: 20px;
	font-size: 13px;
	line-height: 24px;
	margin: 30px 60px;
}

.quote.left {
	float: left;
	margin: 9px 20px 15px 0;
	width: 33%;
}

.quote.right {
	float: right;
	margin: 9px 0 15px 20px;
	width: 33%;
}

/*=13.8 Typography
-------------------------*/
.letter {
	color: #FFF;
	float: left;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 40px;
	background: #00AEEF;
}

.letter.circle {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.letter.round {
	width: 40px;
	height: 40px;
}

/*=12.7 Author Box
-------------------------*/
.author-info {
	color: #666;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 25px 0 0;
	word-wrap: break-word;
}

.content-area .author-info {
	font-family: 'PT Sans',sans-serif;
	text-transform: capitalize;
	line-height: 1.5em;
	margin: 0 0 20px;
	padding: 0;
}

.content-area .widget-title a {
	color: #fff;
}

.content-area .author-info p {
	font-size: 14px;
}

.author-info img {
	float: left;
	height: 100px;
	margin: 5px 25px 0 0;
	width: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.author-info p {
	padding-left: 125px;
	margin-bottom: 0;
	font-size: 13px;
}

.author-info h5 {
	color: #666;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	margin: 0 0 0 122px;
	padding-bottom: 10px;
}

.author-info a {
	color: #666 !important;
}

.author-info a:hover {
	text-decoration: underline !important;
}

.author-info h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #666;
}

.author-info #social_menu {
	padding: 15px 0 0 125px;
	position: relative;
}

.author-info #social_menu ul {
	overflow: hidden;
}

.author-info #social_menu ul li {
	display: block;
	float: left;
	margin-right: 5px;
}

.author-info #social_menu ul li:hover {
	opacity: 0.9;
}

.author-info #social_menu ul li a {
	display: block;
	float: left;
	text-decoration: none;
}

.author-info #social_menu ul li a span {
	float: left;
	text-indent: -9999px;
}

.author-info #social_menu ul li a {
	background: #fff !important;
	min-width: 22px;
	text-align: center;
	height: 22px;
	font-size: 17px;
	line-height: 22px;
	color: #666;
}

.author-info #social_menu ul li a:hover {
	text-decoration: none !important;
}

.author-info #social_menu ul li.ss-website a:before {
	content: "\f015";
	font-family: fontawesome;
	margin: 0 0 0 10px;
}

.author-info #social_menu ul li.ss-twitter a:before {
	content: "\f099";
	font-family: fontawesome;
}

.author-info #social_menu ul li.ss-facebook a:before {
	content: "\f09a";
	font-family: fontawesome;
}

.author-info #social_menu ul li.ss-google-plus a:before {
	content: "\f0d5";
	font-family: fontawesome;
}

.author-info #social_menu ul li.ss-linkedin a:before {
	content: "\f0e1";
	font-family: fontawesome;
}

/*=12.8 Related Posts
-------------------------*/
.related-posts {
	background: #ffffff;
	display: block;
	margin: 0 0 41px;
}

.related-posts ul {
	padding: 0;
	overflow: hidden;
}

.related-posts h5.widget-title {
	margin: 41px 0 25px;
}

.related-posts li {
	width: 31.19%;
	margin: 0 0 0 25px;
	float: left;
}

.related-posts li:first-child {
	margin: 0;
}

.full-content .related-posts li {
	width: 31.88%;
}

.related-posts ul li img {
	width: 100%;
}

.full-content .related-posts ul li img, .related-posts ul li img {
	height: auto;
}

.related-posts li a {
	color: #222;
	font-size: 14px;
	line-height: 0.6em;
	font-weight: 600;
	font-style: normal;
}

.related-posts li h3 a:hover {
	text-decoration: underline;
}

.related-posts h3 {
	margin: 0 0 6px;
}

.related-posts .footer-comment:before {
	color: #555555;
}

/*=12.9 Comments
----------------------------------------------- */
#comments {
	clear: both;
	background: #ffffff;
	padding: 0;
	margin: 25px 0 0;
}

#commentform p:last-child {
	margin: 0;
}

#comments a:hover {
	text-decoration: underline;
}

.comments-title,#reply-title {
	font-size: 20px;
}

.commentlist li {
	list-style: none;
}

.commentlist,.children {
	list-style: none;
	margin: 0;
}

.children {
	margin: 0 0 0 9%;
}

.commentlist li.comment,.commentlist li.pingback {
	border-bottom: none;
}

.commentlist .children li,.commentlist li:last-of-type {
	border: none;
}

article.comment,li.pingback {
	overflow: hidden;
	position: relative;
	padding: 0 0 .7em;
}

.children article.comment,.children li.pingback {
	padding-top: 1em;
}

.comment .avatar {
	float: left;
	margin-right: 1.25em;
}

.comment-author {
	font-size: 1.4rem;
}

.comment-author .fn {
	margin: 0 0 0 2px;
}

.comment-author .fn a, .comments-list .bypostauthor .comment-author a {
	font-style: normal;
	font-size: 15px;
}

.comment-author span.says {
	color: #cccccc;
	font-size: 15px;
}

.comment-author span a {
	font-size: 15px;
	color: #999999;
}

.comment-meta {
	font-size: 1.2rem;
}

.comment-content {
	font-size: 0.9rem;
	margin: 1em 0 0 4.7em;
}

.comment-content p {
	margin: 0;
}

.comment .reply {
	font-size: 0.9rem;
	text-align: right;
	margin: 0 0 0.6em 4.7em;
	padding: 0 0 8px;
	border-bottom: 1px solid #EAEAEA;
}

.comment .reply a {
	color: #999999;
	padding-left: 5px;
	border-left: 1px solid #00AEEF;
}

.comment .reply a:hover {
	color: #00AEEF;
	text-decoration: none !important;
}

.comment .reply a:after {
	content: "\f105";
	font-family: fontawesome;
	margin: 0 0 0 5px;
}

li.pingback {
	font-weight: 700;
}

li.pingback a {
	font-weight: 400;
}

/*=12.9.1 Comment Form 
-------------------*/
.comment-notes,#commentform .form-allowed-tags,p.nocomments,p.logged-in-as,#commentform label {
	font-size: 1.3rem;
}

.required {
	color: #800;
}

#commentform label {
	font-weight: 700;
	padding: 1em 0;
}

#commentform input[type=text] {
	margin-left: 0;
}

#commentform #comment {
	margin-top: 0;
}

#commentform .form-allowed-tags,#commentform .form-allowed-tags code {
	font-size: 1.1rem;
}

p.nocomments {
	margin: 2.5em;
}

#comment-submit {
	cursor: pointer;
	background: #555;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-transition: all 0.4s ease-in-out 0s;
}

#comment-submit:hover {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*=12.9.2 Page Navigation
-------------------------*/
.nav-previous {
	color: #363231;
	float: left;
	width: 35%;
}

.nav-next {
	color: #363231;
	float: right;
	width: 35%;
	text-align: right;
}

#nav-below {
	clear: both;
	margin: 0;
	padding: 15px 0 0;
	line-height: 1.5em;
}

.site-navigation a,#nav-below a {
	color: #555 !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
}

.site-navigation a:hover,#nav-below a:hover {
	text-decoration: underline;
}

.site-navigation,#nav-below a:visited {
	color: #00AEEF;
}

.feed-links {
	clear: both;
	display: none;
	line-height: 2.5em;
}

/*=14. Sidebar Wrapper
-------------------------*/
.blog-left #sidebar-wrapper {
	float: left;
}

#sidebar-wrapper {
	float: right;
	width: 350px;
	word-wrap: break-word;
	overflow: hidden;
}

.res-ads {
	width:100%; 
	text-align: center;
}

.res-ads img {
	margin-bottom: -5px;
}

/*=14.1 Sidebar Featured Post
-----------------------------*/
.sidebar .footer-content:before {
	content: "";
	border-bottom: 20px solid #fff;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	position: absolute;
	top: -20px;
}
.sidebar .footer-content {
	padding: 15px;
	color: #818181;
	position: relative;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.sidebar .post-image img {
	height: auto;
	width: 100%;
	display: block;
}
.sidebar .footer-content h4 a {
	color: #333232;
	font-weight: 600;
	font-size: 15px;
}
.sidebar .footer-content .meta-info, .sidebar .footer-content .meta-info a {
	margin: 8px 0;
}
.sidebar .footer-content p {
	margin: 0;
	font-family: "PT Sans",sans-serif;
	font-size: 14px;
}

/*=14.2 Sidebar Label
-------------------------*/
.po_content {
	position: relative;
}

.sidebar .contents li {
	clear: both;
	overflow: hidden;
	margin: 0 0 16px;
}

.sidebar .contents li:last-child {
	margin: 0;
}

.sidebar .contents li:first-child {
	margin: 25px 0 16px;
}

.sidebar .po_content h3, .sidebar .po_content h3 a {
	font-size: 14px;
	color: #222;
	font-weight: 600;
	line-height: 1.5em;
	margin: 0 0 4px;
}

.sidebar .po_content h3 a:hover {
	text-decoration: underline;
}

.sidebar .po_img {
	display: block;
	float: left;
	height: 80px;
	margin-right: 15px;
	width: 100px;
}

.sidebar .tune, .blog-summary .tune {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	position: relative;
}

.blog-summary .tune a, .portofolio .tune a {
	background: #00C8FF;
	font-size: 10px;
	left: 0;
	line-height: 18px;
	padding: 2px 4px;
	position: absolute;
	top: 0;
	z-index: 1000;
	color: #FFF !important;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.blog-summary .tune a {
	font-size: 13px;
	padding: 3px 5px;
}

.sidebar .tune a:hover {
	text-decoration: underline;
}

/*=14.3 Sidebar Content
-------------------------*/
.sidebar {
	color: #666;
	line-height: 1.5em;
}

.sidebar .widget {
	padding: 4px 0 0;
	margin-bottom: 41px;
	overflow: hidden;
}

.sidebar .widget:first-child {
	padding: 0;
}

.sidebar .widget:last-child {
	padding: 0;
	margin: 0;
}

h5.widget-title, h3.widget-title, .label, h3.comment-reply-title, h1.widget-title {
	border-bottom: 2px solid #f65261;
	color: #fff;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
	position: relative;
	display: block;
}
h1.widget-title {
	color: #333232;
	padding: 0 0 10px;
}
h5.widget-title.search-page {
	margin: 0;
}
h5.widget-title.search-page i {
	position: relative;
 	top: 2px;
}
h5.widget-title span, h3.widget-title span, .label span span, h3.comment-reply-title span {
	background: #f65261;
	font-size: 20px;
	line-height: 1;
	padding: 6px 8px ;
	display: table-cell;
}

h5.widget-title span span {
	padding: 0;
}

.sidebar h5.widget-title a:hover {
    text-decoration: underline;
}

.sidebar h5.widget-title a:hover {
	text-decoration: underline;
}

.blog-con h5.widget-title, .blog-content h5.widget-title, .content-area h5.widget-title {
	margin: 0;
}

.sidebar ul {
	list-style: none;
}

.sidebar li {
	margin: 0;
	padding-bottom: .25em;
	padding-right: 0;
	padding-top: 0;
}

.sidebar .widget-content {
	margin: 0;
}

.main .widget {
	margin: 0;
}

.main .Blog {
	border-bottom-width: 0;
}

/*=12.9.2.1 Pagination
-------------------------*/
.pagination {
	clear: both;
	font-size: 12px;
	line-height: 13px;
	overflow: hidden;
	padding: 8px 25px;
	border-left: 3px solid #00aeef;
	margin: 25px 0 0;
}

.portofolio-content1 .pagination {
	margin: 0;
}

.pagination .showpageOf {
	color: #999;
}

.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
	padding: 7px 12px 6px;
	text-decoration: none;
	width: auto;
	color: #666;
	background: #efefef;
}

.pagination a:hover {
	color: #fff;
	background: #00AEEF;
}

.pagination .current {
	background: #00AEEF;
	color: #fff;
}

/*=14.4 Sidebar Multi Tabs
-------------------------*/
.tabscontent {
	display: none;
	padding: 4px 0 0;
	width: 100%;
}

ul.tabs {
	overflow: hidden;
}

ul.tabs li {
	width: 50%;
	cursor: pointer;
	display: block;
	float: left;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	list-style-type: none;
	margin-top: 0;
	padding: 10px 0;
	background: #222;
	text-align: center;
}

ul.tabs li a {
	color: #fff;
}

ul.tabs li.current {
	background: #f65261;
}

ul.tabs li.current a span {
	color: #fff !important;
}

.block-image {
	float: left;
	height: 200px;
	margin-right: 25px;
	width: 250px;
}

img.postimage {
	height: 200px;
	width: 250px;
}

/*=14.5 Sidebar Categories
-------------------------*/
.list-label-widget-content li:before {
	content: "\f105";
	font-family: fontawesome;
	margin: 0 10px 0 0;
	color: #222;
}

.list-label-widget-content li {
	display: block;
	padding: 0 0 13px 0;
	position: relative;
}

.list-label-widget-content li:last-child {
	padding: 0;
}

.list-label-widget-content span {
	background: #cacaca;
	min-width: 30px;
	text-align: center;
	color: #fff !important;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
}

.list-label-widget-content li a {
	color: #555;
	font-size: 13px;
	font-weight: 600;
}

.list-label-widget-content li a:first-child {
	text-transform: capitalize;
}

.list-label-widget-content li a:hover {
	text-decoration: underline;
}

.list-label-widget-content li span:last-child {
	color: #949494;
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
}

.list-label-widget-content li:hover span:last-child {
	text-decoration: underline;
}

/*=15.1 Footer Widgets
-------------------------*/
.footer-left .PopularPosts .widget-content ul li {
	padding: 0;
	position: relative;
	text-align: left;
	float: left;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}

#footer p {
	color: #666;
}

.footer-content h4, .footer-left .PopularPosts ul li a {
	color: #333232;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 4px;
}

.footerImageCropped img {
	height: auto;
	float: left;
	margin-right: 15px;
}

.footer-content {
	font-size: 13px;
	text-align: left;
}

.date-comment, .date-comment a, .date-header, .date-header a {
	font-size: 13px;
}

.footer-content h4 a, .footer-content span.date-comment {
	position: relative;
	top: 0px;
}

.footer-content h4 a:hover {
	text-decoration: underline;
}

.footer-comment:before {
	content: "\f0e6";
	font-family: fontawesome;
	margin-left: 10px;
	margin-right: 5px;
}

.footer-comment a:hover {
	color: #00AEEF;
}

.footer-content a:hover span {
	color: #00AEEF;
	text-decoration: none !important;
}

#footer-widget4 h5.widget-title {
	margin: 36px 0 25px;
}

/*=15.2 Tag Cloud Widget
-------------------------*/
.tagcloud {
	margin-top: 10px;
	overflow: hidden;
	clear: both;
}

.tagcloud a {
	font-size: 13px !important;
	color: #888888 !important;
	border: 1px solid #7E7E7E;
	padding: 2px 7px;
	float: left;
	display: block;
	margin: 0 5px 5px 0;
	text-transform: capitalize;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tagcloud a:hover {
	border: 1px solid #ffffff;
	color: #ffffff !important;
}

/*=15.3 Footer Random Post Widget
-------------------------*/
.footer-left #random-posts {
	text-align: left;
}

.footer-left #random-posts li {
	margin: 10px 0 0;
}

.footer-left #random-posts li a {
	color: #fff;
	font-size: 15px;
	line-height: 19px;
}

.footer-left #random-posts li a:hover {
	text-decoration: underline;
}

.footer-left #random-posts img {
	float: left;
	margin-right: 15px;
	width: 50px;
	height: 50px;
}

/*=15. Footer
-------------------------*/
#footer {
	display: block;
	overflow: hidden;
	width: 100%;
	background: #f9f9f9;
	-webkit-box-shadow: 0 3px 8px #EFEFEF inset;
	-moz-box-shadow: 0 3px 8px #EFEFEF inset;
	box-shadow: 0 3px 8px #EFEFEF inset;
}

.feedburner h3:before {
	content: "\f003";
	font-family: fontawesome;
	margin: 0 5px 0 0;
}

#footer p {
	margin: 15px 0;
	font-size: 13px;
}

.footer-sidebar {
	overflow: hidden;
	width: 1153px;
	margin: 20px auto 25px;
}

.footer-left {
	display: block;
	float: left;
	width: 367.5px;
	margin-right: 25px;
}

.footer-left span.review-badge {
	top: 0.8px;
}

.footer-left .rbdc {
	position: absolute;
	left: 65px;
}

.footer-left li {
	margin: 0 0 15px 0;
}

.footer-left.last {
	margin-right: 0;
}

.footer-left h5 {
	margin: 25px 0;
}

.copyr {
	color: #888;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

/*=15.4 Footer Bottom Text
-------------------------*/
#footer .social-likes__icon_single {
	color: #d0d0d0;
}
.footer_bottom {
	background: #222;
	color: #8D8E92;
	display: block;
	overflow: hidden;
	padding: 8px 0 7px;
	width: 100%;
}

.footer_bottom .footer-sidebar {
	margin: 0 auto;
	padding: 10px 0 5px;
	width: 1153px;
}

.footer_bottom .copyright {
	font-size: 13px;
}

.footer_bottom .copyright a {
	color: #B6B7B9;
}

.footer_bottom .copyright a:hover {
	text-decoration: underline;
}

.footer_bottom #social_menu {
    float: right;
}

.footer_bottom #social_menu ul li {
	display: block;
	float: left;
	margin-left: 4px;
}

.footer_bottom #social_menu ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #B6B7B9;
	font-size: 13px;
}

.footer_bottom #social_menu ul li a:hover {
	text-decoration: underline;
}

/*= Label Message Body
-----------------------------*/
.label {
	background: #fff;
	margin: 0;
	padding: 0 0 9px;
}

.label span span {
	padding: 0 0 7px;
}

.page-header h1 {
	margin: 0;
}

/*=16. 404 Error Page
-------------------------*/
.finderror {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 25px;
}

.finderror h1 {
	color: #494949;
	font-size: 30px;
	line-height: 28px;
	margin: 0 0 15px;
}

.finderror a {
	color: #00AEEF;
	font-weight: 700;
}

.finderror a:hover {
	text-decoration: underline;
}

.ap-first {
	float: left;
	margin-right: 2%;
	width: 49%;
}

.ap-last {
	float: right;
}

.ap-last h2, .ap-first h2 {
	color: #494949;
	font-size: 23px;
	line-height: 28px;
	margin: 25px 0 0;
	padding: 0 0 10px;
}

.ap-first li, .ap-last li {
	margin: 0 0 5px;
}

.ap-first li:before {
	content: "\f105";
	font-family: fontawesome;
	margin: 0 2px 0 0;
}

.ap-last li:before {
	content: "\f105";
	font-family: fontawesome;
	margin: 0 5px 0 0;
}

.ap-first li a, .ap-last li a {
	color: #666;
}

.ap-first li a:hover, .ap-last li a:hover {
	text-decoration: underline;
}

.search-query {
	background: url(lib/img/title-bg.png) repeat-x bottom;
	font-size: 28px;
	margin: 0 25px;
	padding: 25px 0 30px;
}

.search .post {
	clear: both;
}

/*=17. Back To Top
-------------------------*/
#BackToTop {
	background: url(images/arrows.png) no-repeat scroll center #00AEEF;
	bottom: 10%;
	display: none;
	height: 43px;
	overflow: hidden;
	position: fixed;
	right: 5px;
	text-indent: -800px;
	width: 43px;
	z-index: 9999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#BackToTop:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*=18. Sitemap Page
-------------------------*/
.sitemap-page {
	background: #FFFFFF;
	overflow: hidden;
	padding: 0;
}

.sitemap-page h1, .error-404 h1, .pt {
	font-size: 25px;
	border-left: 4px solid #00AEEF;
	padding: 10px 15px;
	margin: 8px 0 25px;
}

.error-404 h1 {
	margin: 0 0 20px;
}

.sitemap-page a {
	color: #333232 !important;
	font-size: 15px;
}

.sitemap-page li a:hover {
	text-decoration: underline;
}

.sitemap-page ul li {
	margin: 2px 0 0 17px;
	list-style: square;
	color: #999999;
}

/*=19. Other
-------------------------*/
.content-space {
	overflow: hidden;
	margin-bottom: 25px;
}

.blog-summary .post h2 a:hover {
	text-decoration: underline;
}

.twitter-tweet {
	max-width: 100% !important;
	margin: 0 auto !important;
	border-bottom: none !important;
}

.facebook_widget {
	border: 1px solid #dfdfdf;
	width: 300px;
	margin: 0 auto;
}

.recentpost_title {
	display: none;
	font-size: 20px;
	padding-bottom: 1.2em;
	padding-top: 1.5em;
}

.latest-post-title {
	background: url("lib/img/title-bg.png") repeat-x scroll center bottom #fff;
	font-size: 20px;
	margin: 0 0 25px 0;
	padding: 15px 25px 22px;
	text-transform: uppercase;
}

.clear {
	clear: both;
}

i {
	font-style: italic;
	font-size: 16px;
}

.fa-angle-double-right:before {
	font-size: 15px;
	position: relative;
	top: -2px;
}

.page-text {
	color: #999999;
}

.page-links {
	background: #eee;
	margin: 25px 0;
	font-size: 25px;
	border-left: 4px solid #00AEEF;
	padding: 20px;
	clear: both;
}

.gmap iframe {
	width: 100%;
	overflow: hidden;
	margin: 0 0 15px;
}

.index-search-engine {
	display: none;
}

.no-display {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.appear {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity:1;
}

.facebook-comment {
	background: #fff;
	padding: 0;
	margin: 25px 0 0;
}

.rm a {
	background: #d0d0d0;
	color: #fff;
	font-family: 'Open sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 0 5px;
}

.rm a:hover {
	text-decoration: underline;
}

li.categories {
	list-style: none !important;
}

li.categories h3 {
	margin-left: -19px;
}

li.categories ul li {
	margin: 0;
}

.post-sep {
	margin: 0;
}

article.tag-sticky-2, article.tag-sticky {
	background: #f9f9f9;
	padding: 25px !important;
	border: 1px solid #e7e7e7;
}

/*=20. Breadcrumbs
-------------------------*/
.bcrumbs {
	width: 1153px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.bcrumbs-content {
	width: 100%;
	background: #f9f9f9;
	overflow: hidden;
	padding: 10px 0;
}

.breadcrumbs {
	padding: 0;
	font-size: 13px;
	color: #999;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
}

.breadcrumbs a {
	color: #999 !important;
}

.breadcrumbs .crumbs-title:hover {
	text-decoration: underline;
}

/*=21. Contact Page
--------------------------*/
div.wpcf7 p {
	margin: 15px 0 0;
}

.wpcf7-submit {
	background: #555;
	border: none;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
}

.wpcf7-submit:hover {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*=13.9 Review System
------------------------*/
#review-box ul li .review-criteria-bar {
	background-color: #00AEEF;
}

#review-box {
	border: 1px solid #EAEAEA;
	margin: 0 0 0 0;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 25px 1px;
	margin: 0 0 30px;
	overflow: hidden;
	display: block;
	clear: both;
}

#review-box.left {
	margin: 0 30px 19px 0;
	width: 48.4375%;
}

#review-box.right {
	margin: 0 0 19px 30px;
	width: 48.4375%;
}

#review-box h5 {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #444444;
	text-transform: uppercase;
	border-bottom: 1px solid #EAEAEA;
	padding: 0 0 10px 0;
}

#review-box ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#review-box ul li {
	list-style-type: none;
}

#review-box ul li {
	margin-bottom: 10px;
}

#review-box ul li .review-criteria-score {
	margin-bottom: 10px;
}

#review-box ul li .review-criteria-score [class*="icon-"] {
	font-size: 14px;
	color: #FFA83F;
	margin: 0 0 0 1px;
	width: 14px;
}

#review-box ul li .review-criteria-bar-container {
	background: #EAEAEA;
	height: 12px;
}

#review-box ul li .review-criteria-bar {
	float: left;
	height: 12px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-o-background-size: 10px 10px;
	background-size: 10px 10px;
	background-color: #00aeef;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	-webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	-o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
}

.review-box-content {
	border-left: 2px solid #00AEEF;
}

#review-box .review-total-score {
	margin: 0 0 0 15px;
}

#review-box .review-total-score .left {
	max-width: 50%;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
	display: block;
}

.review-criteria-score .right {
	background: #00AEEF;
	color: #FFFFFF;
	float: right;
	padding: 0 7px;
}

.review-criteria-score .right .star-bg {
	background: #FFFFFF;
	display: block;
	margin: 0 -7px;
}

#review-box .review-total-score-right {
	float: right;
}

.review-total-score-star {
	background: #ffffff !important;
}

.icon-star:before, .icon-star-empty:before {
	color: #00AEEF;
	content: "\f005";
	font-family: fontawesome;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

.icon-star-empty:before {
	color: #dddddd !important;
}

#review-box .review-summary {
	padding: 15px;
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 25px 0;
}

#review-box .review-summary p {
	margin: 0 0 0 0;
}

#review-box .review-total-score .type-star {
	font-size: 14px;
	padding: 7px 15px;
}

/*=13.9.1 Review Badge Design
-----------------------------*/
.review-badge-number, .review-badge-letter, .review-badge-percent, .review-badge-star, .review-total-score-number, .review-total-score-letter, .review-total-score-percent, .review-total-score-star {
	height: 20px;
	min-width: 25px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 2px;
	background-color: #d0d0d0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-size: 10px 10px;
}

.review-badge-star {
	line-height: 18px;
	background: none;
	padding: 0;
}

.review-badge-number span, .review-badge-letter span, .review-badge-percent span, .review-total-score-number span, .review-total-score-letter span, .review-total-score-percent span {
	display: block;
	margin-top: -25px;
}

.review-badge-number .progress, .review-badge-letter .progress, .review-badge-percent .progress, .review-total-score-number .progress, .review-total-score-letter .progress, .review-total-score-percent .progress {
	height: 100%;
	background-color: #00AEEF;
	width: 0;
	margin-top: 0;
}

.footer-left span .review-badge, .date-header span .review-badge {
	float: left;
	margin: 3px 5px 0 0;
}

.po_img {
	position: relative;
}

.review-badge {
	margin: 0 5px 0 0;
	z-index: 1000;
	font-style: normal;
}

.review-badge span {
	color: #FFFFFF !important;
}

.sidebar .review-badge {
	top: inherit;
	bottom: 0;
}

.footer-left .review-badge {
	position: inherit;
	position: relative;
	top: -4px;
}

.footer-left .review-badge-star {
	background: none;
	padding: 0;
}

/* Ticker Styling */
.ts.social-links {
	position: relative;
	right: 27px;
}
.ts.social-links li {
	float: left;
	margin: 0 0 0 2px;
}
.ts.social-links li:first-child {
	margin: 0;
}
.ts.social-links li a {
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-size: 14px;
}
.ts.social-links li a:hover {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#news a {
	color: #666666;
	font-size: 17px;
}
#news a:hover {
	text-decoration: underline;
}


/*22. Feedburner
----------------------*/
.feedburner h3 {
	font-size: 13px;
	color: #666;
}

.feedburner label {
	display: none;
}

.feedburner input {
	outline: 0 none;
	border: none;
}

input.feedburner-email {
	width: 248px;
	padding: 8px 12px;
	border: 1px solid #e7e7e7;
}

input.feedburner-subscribe {
	margin-left: 4px;
	background: #444;
	color: #E0E3E9;
	cursor: pointer;
}

/* Ephemera Widget*/

.widget_twentyfourteen_ephemera > ol > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 18px;
	padding: 0;
}

.widget_twentyfourteen_ephemera .hentry {
	margin: 0;
	max-width: 100%;
}

.widget_twentyfourteen_ephemera .entry-title,
.widget_twentyfourteen_ephemera .entry-meta,
.widget_twentyfourteen_ephemera .wp-caption-text,
.widget_twentyfourteen_ephemera .post-format-archive-link,
.widget_twentyfourteen_ephemera .entry-content table {
	font-size: 12px;
	line-height: 1.5;
}

.widget_twentyfourteen_ephemera .entry-title {
	display: inline;
	font-weight: 400;
}

.widget_twentyfourteen_ephemera .entry-meta {
	margin-bottom: 18px;
}

.widget_twentyfourteen_ephemera .entry-meta a {
	color: rgba(255, 255, 255, 0.7);
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #41a62a;
}

.widget_twentyfourteen_ephemera .entry-content ul,
.widget_twentyfourteen_ephemera .entry-content ol {
	margin: 0 0 18px 20px;
}

.widget_twentyfourteen_ephemera .entry-content ul {
	list-style: disc;
}

.widget_twentyfourteen_ephemera .entry-content ol {
	list-style: decimal;
}

.widget_twentyfourteen_ephemera .entry-content li > ul,
.widget_twentyfourteen_ephemera .entry-content li > ol {
	margin: 0 0 0 20px;
}

.widget_twentyfourteen_ephemera .entry-content th,
.widget_twentyfourteen_ephemera .entry-content td {
	padding: 6px;
}

.widget_twentyfourteen_ephemera .post-format-archive-link {
	font-weight: 700;
	text-transform: uppercase;
}

/* List Style Widgets*/

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0 9px;
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
	border-top: 0;
}

.widget_categories li ul,
.widget_nav_menu li ul,
.widget_pages li ul {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 9px;
}

.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
	padding-bottom: 0;
}

/* Recent Posts Widget */

.widget_recent_entries .post-date {
	display: block;
}

/* RSS Widget */

.rsswidget img {
	margin-top: -4px;
}

.rssSummary {
	margin: 9px 0;
}

.rss-date {
	display: block;
}

.widget_rss li {
	margin-bottom: 18px;
}

.widget_rss li:last-child {
	margin-bottom: 0;
}

/* Text Widget */

.widget_text > div > :last-child {
	margin-bottom: 0;
}

/*23. calendar widget */
.widget_calendar {width: 100%;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#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: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; }