/*
Theme Name: Prosonal
Theme URI: http://themecountry.com/themes/prosonal
Author: ThemeCountry Team
Author URI: http://themecountry.com/
Description: Prosonal is a clean Wordpress theme designed for professional personal blog. The Design is clean and it is fully responsive which work best on any device. The theme is highly customizable by using our easy and flexible theme option panel.
Version: 1.1.1
Text Domain: prosonal
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/* =============================================================================
 * [Table of contents]
 * [Table of contents]
 * 01. general rules
 * 02. typography
 * 03. links
 * 04. list style and other style
 * 05. buttons
 * 06. elements
	06.1. Clearfix
	06.2. Table or calendar
	06.3. Galleries
	06.4. Pagination Blog
	06.5. Related Post
	06.6. Author Post
	06.7. Pinterest
	06.8. Back To Top
	06.9. Accessibility
	06.11. Alignments
 * 07. Menus
 * 8. Widget Menu
 * 9. ads Manamement
 * 10. Content Page
	10.1. Content Body
	10.2. Default Header
	10.3. Default Button
	10.4. Personal Brainding & Slider
	10.5. Sport Light
	10.6. Social Sharing Button
 * 11. Default Pages
 * 12. Default Breadcrumb
 * 13. Main Sidebar
 * 14. Sidebar widget
 * 15. 404 Error
 * 16. Default Blog
 * 17. Comment
 * ========================================================================== */


/*----------------------------------------------------------------------------
# 01. general rules
------------------------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:	 100%;
}

body {
	margin: 0px 8px 0px 6px;
    color: #5c6873;
	font-family: "Roboto Condensed", sans-serif;
}
p {
	font-size: 17px;
	font-weight: 300;
	color: #5c6873;
	margin-bottom: 1.6em;
	line-height: 1.6;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}
dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*----------------------------------------------------------------------------
# 02. typography
  ----------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.2em;
}

h1 {
	font-size: 2em;
	font-size: 26px;
	font-weight: 500;
	color: #3f444a;
	margin: 0 0 0.67em 0;
}

h2{
	font-size: 1.5em;
	font-size: 24px;
	font-weight: 400;
	color: #3f444a;
	margin: 0 0 0.67em 0;
}

h3 {
	font-size: 1.2em;
	font-size: 22px;
	font-weight: 200;
	color: #4e6ea4;
	margin: 0 0 0.67em 0;
}


/*--------------------------------------------------------------
# 03. Links
   --------------------------------------------------------------*/
a {
	outline: none;
	color: #5c6873;
	text-decoration: none;
}


/*--------------------------------------------------------------
# 04. list style and other style
--------------------------------------------------------------*/
ol {
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style: decimal inside;
}

ul {
	padding: 0;
	margin-left: 1.6em;
	list-style: square;
}
li {
	font-size: 17px;
	margin-bottom: 5px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	font-size: 17px;
}

img {
	height: auto;
	border: 0;
	display: block;
	max-width: 100%;
}

/*--------------------------------------------------------------
# 05. buttons
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	width: 100%;
	color: #bbb;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 2% 3%;
	margin-bottom: 15px;
	font-weight: 300;
	box-sizing: border-box;
	box-shadow: none;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border: none;
	box-shadow: none;
	border-bottom: 3px solid rgba(0,0,0,0.5);
	color: #fff;
	background: #006cac;
	padding: 5px 15px;
	display: inline-block;
	border-radius: 5px;
	font-size: 18px;
	background: #006cac;
	border-color: #0b3866;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
}

button,
input,
select,
textarea {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.6;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

optgroup {
	font-weight: 700;
}

/*--------------------------------------------------------------
# 06. Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

b,
strong {
	font-weight: 700;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}
code {
	text-shadow: 0 1px #fff;
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
code,
kbd,
pre,
samp {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1em;
}

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

blockquote {
	padding: 14.5px 29px;
	margin: 0 0 20px;
	border-left: 5px solid #eee;
}

blockquote p {
	margin-bottom: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
	font-size: 18px;
	color: #7f7f7f;
}

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

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
06.1. Clearfix
	--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*--------------------------------------------------------------
06.2. Table or Calendar
	--------------------------------------------------------------*/
caption {
	background: #EC7E64;
	padding: 10px 20px;
	color: #fff;
	font-weight: 700;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
	background: #fff;
}
table tr th {
	background: #eee;
}
table tr th,
table tr td {
	text-align: center;
	border: 1px solid rgba(51, 51, 51, 0.1);
	font-size: 18px;
	line-height: 24px;
	padding: 5px;
	color: #000;
}
table tr td#prev {
	text-align: left;
	padding: 0px 10px;
}
table tr td#next {
	text-align: right;
	padding: 0px 10px;
}
td#prev a {
	color: #000;
}

/*--------------------------------------------------------------
06.3. galleries
	--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	display: inline-block;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0 0 1.5em 0px;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-caption {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.gallery-columns-5 .gallery-item img {
	max-width: 90%;
}

/*--------------------------------------------------------------
**** Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.tc-grid-item {
	float: left;
	vertical-align: top;
	width: 100%;
}
.tc-portfolio.tc-grid-3 .tc-grid-item {
	padding: 0 2% 2% 2%;
}
.tc-portfolio.tc-grid-4 .tc-grid-item {
	padding: 0 1% 2% 1%;
}

.tc-grid-4 .tc-grid-item:nth-child(4n + 1),
.tc-grid-3 .tc-grid-item:nth-child(3n + 1),
.tc-grid-2 .tc-grid-item:nth-child(2n + 1) {
	clear: left;
}

.tc-grid-2 .tc-grid-item {
	width: 50%;
}

.tc-grid-3 .tc-grid-item {
	width: 33.3%;
}

.tc-grid-4 .tc-grid-item {
	width: 25%;
}

.tc-grid-5 .tc-grid-item {
	width: 20%;
}

.tc-grid-6 .tc-grid-item {
	width: 16.66%;
}

.tc-grid-7 .tc-grid-item {
	width: 14.28%;
}

.tc-grid-8 .tc-grid-item {
	width: 12.5%;
}

.tc-grid-9 .tc-grid-item {
	width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
06.4. Pagination Blog
	--------------------------------------------------------------*/
.entry-meta {
	width: 100%;
	max-width: 67%;
	float: left;
	display: inline;
	border-radius: 3px;
	/*border-bottom: 3px solid #d4cdcd;*/
	box-shadow: 0 1px 2px #ddd;
	padding: 10px;
	margin: 10px 0 20px 0;
	background-color: #eee;
	box-sizing: border-box;
}
.search-results .entry-meta {
	max-width: 100%;
}
.search-results .post-thumbnail {
	width: 34%;
}
.search-results .entry-content .full-width-content {
	width: 60%;
}
.single .entry-meta {
	width: 100%;
	max-width: none;
}
.comment-metadata, .reply, .nav-links {
	font-size: 18px;
	font-weight: 300;
}
.home .entry-meta {
	max-width: 67%;
}
.site-main .comment-navigation {
	margin: 0;
}
.site-main .post-navigation {
	margin-bottom: 40px;
}
.nav-previous {
	float: left;
	display: block;
}
.nav-next {
    float: right;
    display: block;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
}

.next-prev-post .nav-previous,
.next-prev-post .nav-next {
	width: 46%;
}
.next-prev-post .nav-previous a:hover,
.next-prev-post .nav-next a:hover {
	color: #EEEEEE;
}
.next-prev-post .nav-previous a {
	border-radius: 5px;
}
.next-prev-post .nav-next a {
	border-radius: 5px;
}
.scroll-loading {
 	width: 100%;
 	text-align: center;
	margin-bottom: 20px;
	display: none;
}
.scroll-loading img {
	width: 100px;
	height: auto;
}
.pagination a,
.pagination a:active,
.pagination a:focus,
.pagination a:visited {
	color: #000;
	font-size: 14px;
}
.nav-previous a,
.nav-next a,
.more-link {
	background: #1bbc9b;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
	text-transform: capitalize;
}
.nav-previous a, .nav-next a, .more-link {
	border-bottom: 3px solid #b74f37;
	color: #fff;
	background: #ec7e64;
	padding: 10px 25px;
	display: inline-block;
	border-radius: 5px;
	font-size: 18px;
}
#load-more-wrap a {
	color: #fff;
}
.nav-previous a:hover,
.nav-next a:hover,
.more-link:hover,
.default-button:hover,
.about-us-section .default-button:hover {
	opacity: 0.9;
	color: #fff;
}
.blog .nav-previous a:hover,
.blog .nav-next a:hover {
	transition: background 0.7s ease;
}
#load-more-wrap a {
	display: block;
	padding: 10px;
	font-size: 16px;
	color: #002347;
}
.maingination {
	text-align: center;
}
nav.navigation.pagination,
nav.paging-navigation {
	width: 100%;
  	display: inline-block;
	padding: 0;
	text-align: center;
}
.prev.page-numbers {
	padding: 6px 10px;
}
.page-numbers {
	padding: 6px 10px;
}
span.page-numbers.dots {
	padding: 3px 3px;
	color: #53AA39;
}
span.page-numbers.current,
.pagination .nav-links .next,
.pagination .nav-links .prev {
	padding: 5px 10px;
	font-size: 14px;
	background-color: #006CAC;
	color: #fff;
	border-radius: 3px;
	border-bottom: 2px solid #0B3866;
}
.pagination .nav-links .next,
.pagination .nav-links .prev {
	padding: 5px 14px;
}
#load-more-wrap {
	width: 100%;
	  max-width: 67%;
	background: #FCFCFC;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #DDDDDD;
	margin: 20px 0;
	float: left;
}

/*--------------------------------------------------------------
06.5. Related Post
	--------------------------------------------------------------*/
.related-posts {
	width: 100%;
	padding: 0 0 20px 0;
	display: inline-block;
}
.related-posts h3 {
	font-size: 26px;
	color: #185492;
	border-bottom: 4px solid #185492;
	margin-bottom: 30px;
    padding-bottom: 4px;
	font-family: "Oswald";
	font-weight: 300;
}
.related-posts .related {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.related-posts ul li {
	width: 31.6%;
	float: left;
	margin-right: 2.56%;
	margin-bottom: 30px;
	list-style: none;
}
.related-entry {
	width: 100%;
	position: relative;
}
.related-posts ul li:nth-child(3n) {
	margin-right: 0;
	padding-bottom: 0;
}
.related-posts .related-posts-title {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3;
}
.related-posts .grid {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.related-posts ul.list li a {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3;
}
.related-posts ul li .related-entry .thumb-title {
	line-height: 24px;
	padding-top: 16px;
	display: block;
}
/*--------------------------------------------------------------
06.6. Author Post
	--------------------------------------------------------------*/
.author-bio {
	margin-bottom: 20px;
	padding: 20px;
	background: #f3f2f2;
	display: inline-block;
}
.author-bio p {
	padding-bottom: 0;
}
.bio-avatar {
	float: left !important;
	margin: 0 20px 0 0;
}
.bio-avatar img {
	display: block;
}
.author-bio .bio-name,
.author-bio .bio-desc {
	margin: 0;
}
.author-bio .bio-name {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 700;
	padding-bottom: 15px;
}
.bio-name a {
	font-size: 20px;
}
.autor-color {
	color: #010101;	
}
.archive .post-thumbnail {
	width: 28%;
}
.archive .post-entry-data {
	width: 67%;
}
.archive .entry-meta {
	max-width: 100%;
}

/*--------------------------------------------------------------
06.7. Pinterest
	--------------------------------------------------------------*/
.pinterest-wrap.alignleft,
.pinterest-wrap.alignright {
	margin: 0;
}
.pinterest-wrap {
	position: relative;
}
.pinterest-wrap:hover .btn-pin {
	display: block;
}
.pinterest-wrap.alignright .btn-pin span {
	margin-left: 10px;
}
.pinterest-wrap.alignleft .btn-pin {
	margin-left: -30px;
}
.pinterest-wrap.aligncenter .btn-pin span {
	
}
.btn-pin {
	position: absolute;
	width: 40px;
	height: 20px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -10px;
	display: none;
}
.btn-pin a {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: inherit;
	transition: none;
}
.btn-pin span {
	background-image: url(images/btn-pin.png) !important;
}
.btn-pin span {
	background-size: 40px 60px !important;
	height: 20px !important;
	vertical-align: baseline !important;
	text-decoration: none;
	width: 40px;
	display: block;
	background-position: 0 -20px;
	cursor: pointer;
	padding: 0;
}
.btn-pin span:hover {
	background-position: 0 0px;
}

/*--------------------------------------------------------------
06.8. Back To Top
--------------------------------------------------------------*/
.back-to-top {
	background: #ec7e64;
	text-align: center;
	display: block;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 40px;
	height: 40px;
	z-index: 25;
	display: block;
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.5);
	border-color: #b74f37;
	transition: all 0.25s linear 0s;
}
.back-to-top:hover {
	opacity: 0.8;
}
.back-to-top:not(.filling) {
	opacity: 0;
	visibility: hidden;
}
.back-to-top .fa-angle-double-up {
	font-size: 22px;
	padding: 8px 0 0 0;
}

/*--------------------------------------------------------------
06.9. Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

/*--------------------------------------------------------------
06.10. Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
}
img.alignleft {
	margin-right: 15px;
	margin-top: 8px;
}

.alignright {
	display: inline;
	float: right;
}
img.alignright {
	margin-left: 15px;
	margin-top: 8px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
07. Menus
	--------------------------------------------------------------*/
.header-container {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.header-container .top-banner {
	text-align: right;
  	width: 75%;
	max-width: 820px;
	float: right;
	padding-top:30px;
}
.header-container .top-banner img {
	text-align: center;
	display: inline;
}
.main-navigation {
	float: right;
	width: 100%;
	/*margin-top: 10px;*/
	background-color: #30c2d6;
}
ul.menu {
	list-style: none;
	/*margin: 5px 0;*/
	margin: 10px 1px 1px 1px;
	padding: 0;
	border-bottom: 1px solid #fff;
}
ul.menu li {
	position: relative;
}
ul.menu > li {
	float: left;
}
ul.menu li .arrow-sub-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}
ul.sub-menu li .arrow-sub-menu,
ul.children li .arrow-sub-menu {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
}
ul.menu li .arrow-sub-menu::before {
	font-size: 12px;
}
ul.menu li a {
	color: #fff;
	display: inline-block;
	padding-bottom: 9px;
	margin: 0 25px;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
}
ul.menu li a:hover {
	color: #fff;
}
ul.menu li a:before {
	width: 100%;
	height: 4px;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 100;
	background-color: #0d4075;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}
ul.menu li.current-menu-item a:before,
ul.menu li:hover a:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
ul.menu ul {
	list-style: none;
	background: #30c2d6;
	min-width: 200px;
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
	border-top: 1px solid #fff;
}
ul.menu li:hover ul a {
	border: none;
	background: none;
	margin: 0;
}
ul.menu ul li a:before,
.site-footer ul.menu li a:before {
	position: inherit;
}
ul.menu li ul a {
	padding: 10px 25px;
}
ul.menu ul ul {
	top: 0;
}
ul.menu ul li {
	width: 100%;
}
ul.menu ul li:hover,
ul.menu ul li.current-menu-item {
	background: #37CCE0;
	text-decoration: none;
}
ul.menu li:hover > ul {
	display: block;
	left: 26px;
}
ul.menu li:hover > ul.sub-menu ul,
ul.menu li:hover > ul.children ul {
	left: 200px;
}
ul.menu li:last-child > ul li:hover > ul {
    left: -200px;
    display: block;
}
.wrap-icon-show-hide .fa {
	display: block;
}
.mobile-only {
	display: none;
}
.wrap-icon-show-hide {
	position: absolute;
/*	top: 50%;*/
	margin-top: -10px;
	right: 20px;
}
.show-hide-search {
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 20px;
	color: #30c2d6;
}
.toggle-menu {
	width: 20px;
	height: 20px;
	font-size: 20px;
	text-align: center;
	color: #30c2d6;
}
/*--------------------------------------------------------------
08. 
--------------------------------------------------------------*/


/*Fixed Menu*/
.sticky {
	display: block;
}
.site-header.sticky {
	position: fixed;
	width: 100%;
	text-align: left;
	padding-left: 3px;
	min-height: 34px;
	z-index: 100;
	top: 0;
	background-color: #30c2d6;
}
.sticky.site-header .site-branding {
	padding: 0;
}
.site-header.sticky .site-branding a,
.site-header.sticky .site-title a {
	font-weight: 700;
	font-size: 24px;
	margin: 5px 0 5px 0;
}
.sticky .site-branding .site-description {
	display: none;
}
.sticky .main-navigation {
	margin: 0;
}
.sticky .site-branding .site-title img {
	height: 34px;
}
.site-header.sticky .header-container {
	display: none;
}

/*--------------------------------------------------------------
09. Search
--------------------------------------------------------------*/
.search-form {
	width: 300px;
	margin: 0 auto;
}
.content-area .search-form {
	width: 320px;
}
.content-area .search-form .search-field {
	height: 60px;
}
.top-search {
	width: auto;
	float: right;
	position: absolute;
	margin-top: -30px;
	right: 0;
	top: 50%;
}
.top-search .search-field {
	height: 60px;
}
.search-form .search-field {
	width: 230px;
	border-radius: 0;
	margin: 0;
	float: left;
	font-size: 24px;
	box-sizing: border-box;
}
.search-form .search-submit {
	background-color: #f29277;
	border: 0;
	border-bottom: 3px solid #c56447;
	height: 60px;
	margin-left: 20px;
	padding: 0 14px;
	box-shadow: none;
	font-size: 26px;
	border-radius: 5px;
	color: #fff;
	text-shadow: none;
	line-height: 1px;
}
.mobile-search-form {
	display: none;
}

/*--------------------------------------------------------------
8. Widget Menu
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}
.widget ul.menu ul {
	background: none;
	min-width: inherit;
	display: block;
	position: inherit;
	padding-left: 15px;
}
.widget ul.menu li:hover {
	background: none;
}
.widget ul.menu li:hover {
	color: #000;
}
.widget ul.menu li {
	position: inherit;
	font-size: 16px;
}
.widget ul.menu li a {
	padding: 0;
	font-size: 16px;
	color: #000;
	text-transform: none;
	display: inline;
}
.widget ul.menu li:hover a {
	color: #000;
}
.widget ul .sub-menu li {
	list-style: square inside;
	border-bottom: none;
}
.widget ul .sub-menu li a {
  padding-left: 0px;
}
.widget ul.menu li.current-menu-item a,
.widget ul.menu .current-menu-parent > a {
	background: none;
	color: #000;
}
.widget .tagcloud a {
	color: #185492;
}
.widget .tagcloud a:hover {
	color: #ec7e64;
}

/*--------------------------------------------------------------
9. ads Manamement
--------------------------------------------------------------*/
.ad-center {
	float: none;
	margin: 10px 0 10px 0;
	text-align: center;
}
.ad-center img {
	display: 
}
.ad-left {
	float: left;
	margin: 10px 10px 10px 0;
}
.ad-right {
	float: right;
	margin: 10px 0 10px 10px;
}
.ad-none {
	float: none;
	margin: 0px;
}

/*--------------------------------------------------------------
10. Content page
--------------------------------------------------------------*/
.site-main {
	width: 100%;
	float: left;
}

.page .entry-title, .single-post .entry-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #435c8d !important;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
/*.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}*/

/*--------------------------------------------------------------
## Comment
--------------------------------------------------------------*/
.comments-area {
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 20px;
	float: left;
}
.comments-title, .comment-reply-title {
	margin-bottom: 10px;
}
.comments-area form .comment-notes {
	margin-bottom: 10px;
}
.comment-form p {
	margin: 0;
}
.comment-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.comment-list ul {
	margin-bottom: 0;
}
.comment-list ol {
	list-style: none;
}
.comment-list .comment-content ul {
	margin-bottom: 20px;
}
.comment-list .comment-content ol {
	list-style: decimal;
}
.comment-list > .comment { 
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.comment-body {
	margin-bottom: 15px;
}
.comment-content {
	clear: left;
	padding-top: 10px;
}
.comment-meta {
	color: #cbcbcb;
	font-size: 0.9em;
}
.comment-meta a {
	color: #ababab;
}
.comment-meta .vcard img{
	float: left;
	padding-right: 10px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	width: 100px;
	float: left;
	margin-top: 8px;
}
.comment-form {
	width: 500px;
	float: left;
}
.entry-footer span {
	margin-right: 5px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0 0 0;
}

/*--------------------------------------------------------------
10.1. Content Body
	--------------------------------------------------------------*/

.home .wrapper {
	padding: 0;
}
#page .no-space {
	padding: 0;
	margin: 0
}
.wrapper {
	width: 100%;
	float: left;
	webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
}
.main-container {
	margin: 20px 0;
	padding: 40px 0;
}
.inner {
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
10.2. Default Header
	--------------------------------------------------------------*/
.section-content {
	overflow: hidden;
	width: 100%;
	padding: 40px;
}

.widget .popular-post-meta,
.widget .recent-post-meta,
.entry-meta,
.entry-meta span,
.entry-meta a,
.entry-meta span a {
	color: #002347;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
}
.entry-meta a,
.entry-meta span a {
	color: #9a9a9a;
	margin-right: 5px;
}

.entry-meta span a:hover {
	color: #30c2d6;
}

.entry-meta .fa,
.entry-meta span .fa {
	color: #A5A5A5;
	font-size: 13px;
	margin-right: 5px;
}
.site-content .entry-meta .fa,
.site-content .entry-meta span .fa {
	font-family: FontAwesome;
}
.site-header {
	width: 100%;
	float: left;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header-inner {
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
}
.site-header .site-branding {
	width: 25%;
	float: left;
	padding: 14px 10px 14px 0;
}
.site-branding .site-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}
.site-branding a {
	color: #000;
	display: block;
	text-transform: uppercase;
}
.site-header .site-branding img {
	width: auto;
	display: block;
}
.site-branding .site-description {
	font-size: 17px;
	font-weight: 300;
	margin: 0;
}

/*--------------------------------------------------------------
10.3. Default Button 
	--------------------------------------------------------------*/
.button-center {
	text-align: center;
}
.tc-buttons {
	width: 100%;
	float: left;
	margin: 10px 0 20px 0;
	outline: none;
}
.default-button,
.newsletter-form .default-button {
	border-bottom: 3px solid rgba(0,0,0,0.5);
	color: #fff;
	background: #006cac;
	padding: 10px 25px;
	display: inline-block;
	border-radius: 5px;
	font-size: 18px;
}
.f-widget .textwidget .tc-buttons {
	margin-top: 20px;
	margin-bottom: 0;
}
.f-widget .textwidget .tc-buttons a {
	color: #fff;
}
.image-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
}
.image-overlay a i {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}
.image-overlay a {
	display: block;
	width: 100%;
	height: 100%;
}
.image-overlay .fa {
	width: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
}
.post-data {
	margin-bottom: 20px;
}
.post-data h3 {
	font-size: 21px;
}
.post-data p {
	margin-bottom: 0;
}
.sponsor-item-logo {
	text-align: center;
}
.separate-right {
	float: right;
	max-width: 100%;
	padding: 10px 0 6px 0;
}
.sponsor-section {
	padding: 40px 0;
}


/*--------------------------------------------------------------
10.4. Personal Brainding & Slider
	--------------------------------------------------------------*/
.feature-banner-slide {
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
	min-height: 100px;
}
.content-banner {
	width: 100%;
	position: relative;
	border-bottom: 14px solid #30c2d6;
}
.intro-banner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	padding: 40px 60px;
}
.intro-banner-position.left {
	width: 50%;
	text-align: left;
	float: left;
}
.intro-banner-position.right {
	width: 50%;
	text-align: right;
	float: right;
}
.intro-banner-position.center {
	width: 80%;
	text-align: center;
	float: none;
	margin: 0 auto;
}
.intro-banner h2 {
	color: #fff;
	font-size: 48px;
	margin-bottom: 20px;
}
.intro-banner p {
	color: #fff;
}
.content-banner img {
	width: 100%;
}
.intro-banner .tc-buttons {
	margin-top: 0;
}
.middle-slider,
.main-slider {
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
	position: relative;
}
.fa-chevron-left:before,
.fa-chevron-right:before {
	color: #fff;
}
.flex-control-nav {
	width: auto;
	height: 20px;
	bottom: 0;
	z-index: 10;
	right: 0;
	display: block;
}
.flex-control-nav li a,
.flex-control-paging li a:hover {
	width: 20px;
	height: 20px;
	background: #fff;
	box-shadow: none;
	border: none;
}
.flex-control-nav li a.flex-active {
	background: #ff9900;
}
.content-social {
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
}
.content-social-inner {
	width: 100%;
	background-color: #f0f0f0;
	margin: 10px 0;
}
.content-social h3 {
	font-weight: 300;
	font-size: 36px;
	padding: 6px 25px;
	margin: 0;
	float: left;
}
.social-network-bar {
	float: right;
	margin: 0;
}
.social-network-bar li {
	float: left;
	list-style: none;
}
.social-network-bar li img {
	width: 100%;
	display: block;
}

/*--------------------------------------------------------------
10.5. Sport Light
--------------------------------------------------------------*/
.feature-post {
	width: 100%;
	float: left;
	padding: 50px 0;
	background: #006cac;
}
.feature-post-image {
	width: 80%;
	float: left;
}
.feature-post-image img {
	width: 100%;
}
.feature-post-data h2.feature-title {
	background-color: #ff9900;
	padding: 12px 50px;
}
.feature-post-data h2.feature-title a {
	font-size: 32px;
	line-height: normal;
	font-weight: 700;
	color: #fff;
	display: block;
}
.feature-post-entry {
	padding: 0 50px;
}
.feature-post-data {
	width: 20%;
	float: left;
}
.feature-post-data .feature-post-entry p {
	color: #fff;
	font-size: 21px;
	margin-bottom: 20px;
}
.feature-post-entry .tc-buttons {
	margin: 0;
	float: none;
}
.feature-post-entry .tc-button {
	background: #ec7e64;
	margin-bottom: 30px;
}

/*--------------------------------------------------------------
10.6. Social Sharing Button
	--------------------------------------------------------------*/
.tc-social-sharing {
	margin-top: 10px;
	clear: both;
}
.sharing-top-float .tc-social-sharing {
	margin-top: 10px;
	position: fixed;
	margin-left: -60px;
	top: 240px;
	width: 38px;
}
.sharing-top-float .tc-social-sharing li {
	min-width: 120px;
	margin-bottom: 10px;
}
.sharing-top-float .tc-social-sharing a {
	text-transform: capitalize;
	text-align: left;
	padding: 0 14px;
	width: 34px;
	overflow: hidden;
}
.sharing-top-float .tc-social-sharing li .text {
	font-size: 16px;
	font-weight: 700;
	padding-left: 25px;
	text-align: left;
}
.tc-social_icons {
	padding: 0;
	margin: 0;
	list-style: none;
}
.tc-social_icons li {
	float: left;
	margin: 0 1px 10px 0;
	min-width: 106px;
}
.tc-social_icons li a {
	color: #fff;
	position: relative;
	display: block;
	width: 100%;
	padding: 0 10px 0 10px;
	font-size: 11px;
	line-height: 28px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
.tc-social_icons .facebook a {
	background-color: rgba(61, 90, 152, 0.60);
}
.tc-social_icons .twitter a {
	background-color: rgba(9, 176, 237, 0.60);
}
.tc-social_icons .googleplus a {
	background-color: rgba(209, 71, 53, 0.60)
}
.tc-social_icons .pinterest a {
	background-color: rgba(203, 33, 39, 0.60)
}
.tc-social_icons .linkedin a {
	background-color: rgba(3, 90, 135, 0.60)
}
.tc-social_icons .linkedin a i {
	margin-top: -2px;
}
.tc-social_icons .pinterest a i {
	margin-top: -1px;
}
.tc-social_icons .facebook a:hover {
	background-color: #324A7E;
}
.tc-social_icons .twitter a:hover {
	background-color: #0690C2;
}
.tc-social_icons .googleplus a:hover {
	background-color: #D14735;
}
.tc-social_icons .pinterest a:hover {
	background-color: #AD1B20;
}
.tc-social_icons .linkedin a:hover {
	background-color: #03496E;
}
.tc-social_icons li a i {
	position: absolute;
	left: 10px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
}
.tc-social_icons li .text {
	font-size: 12px;
	font-weight: 700;
	margin-left: 18px;
	color: #fff;
}
.social-sharing-left .tc-social_icons li a i {
	left: 12px;
}
.tc-social-sharing .tc-social_icons li.facebook i {
	left: 13px;
}
/*Social Network Footer*/
.social-sharing ul {
	list-style: none;
	text-align: right;
}
.social-sharing ul li {
	float: left;
}
.social-sharing ul li a {
	display: block;
	padding: 0 5px;
}
.social-sharing ul li a:hover {
	opacity: 0.8;
}
.social-sharing ul li span {
	font-size: 18px;
	margin-top: 2px;
}
.hide-social {
	display: none;
}
.show-social {
	display: block;
}

/*--------------------------------------------------------------
11 Default Pages
--------------------------------------------------------------*/
.entry-content {
	margin: 0;
}
.content-area {
	float: left;
	width: 800px;
	margin: 20px 34px 50px 0;
}
.content-area img {
	display: inline;
}
.full-width {
	width: 100%;
	margin-right: 0;
}

/*--------------------------------------------------------------
12. Default Breadcrumb
	--------------------------------------------------------------*/
.breadcrumb {
	width: 100%;
	padding: 0 0 15px 0;
}
.breadcrumb #crumbs {
	font-size: 14px;
	color: #7f7f7f;
	font-weight: 300;
	font-style: italic;
}
#crumbs a {
	color: #30c2d6;
}

/*--------------------------------------------------------------
13. Default Sidebar
	--------------------------------------------------------------*/
.widget-area {
	float: left;
	width: 240px;
	margin-top: 20px;
}
.no-sidebar .post-item .thumbnail {
	width: 21%;
}
.no-sidebar .post-item.has-post-thumbnail .post-item-desc {
	width: 76%;
}
.sidebar-left .content-area {
	margin-right: 0;
	margin-left: 40px;
}
.no-sidebar {
	background-color: #fff;
	padding: 40px;
	margin-bottom: 40px;
}
.no-sidebar .content-area {
	width: 100%;
}
/*--------------------------------------------------------------
Big Sidebar Widget
	--------------------------------------------------------------*/
.widget-area .tc-category-posts-widget h2.widget-title {
	padding: 0;
}
.content-widgets .tc-popular-posts-widget ul li,
.content-widgets .tc-recent-posts-widget ul li,
.content-widgets .tc-category-posts-widget ul li {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	position: relative;
}
.content-widgets .tc-popular-posts-widget ul li .full-thumbnail a:before,
.content-widgets .tc-recent-posts-widget ul li .full-thumbnail a:before,
.content-widgets .tc-category-posts-widget ul li .full-thumbnail a:before,
.related-posts ul.grid li .related-entry a:before {
	content: "";
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, #000000));
	background: -moz-linear-gradient(rgba(0,0,0,0),#000000);
	background: -webkit-linear-gradient(rgba(0,0,0,0),#000000);
	background: linear-gradient(rgba(0,0,0,0),#000000);
	bottom: 0;
}
.related-posts ul.grid li .related-entry img {
	width: 100%;
	display: block;
}

/*--------------------------------------------------------------
14. Sidebar Widget
	--------------------------------------------------------------*/
.widget {
	width: 100%;
	float: left;
}
.widget h2.widget-title {
	font-size: 26px;
	color: #185492;
	font-weight: normal;
	font-family: 'Oswald', sans-serif;
	border-bottom: 3px solid #185492;
	margin-bottom: 15px;
	padding-bottom: 6px;
}
ul.banner-125 {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.banner-125 li {
	float: left;
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.banner-125 li a {
	display: block;
}
ul.banner-125 li img {
	display: inline;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget ul.banner-125 li {
	border: none;
}
.widget ul .post-img {
	float: left;
	margin: 6px 10px 6px 0;
}
.f-widget .tc-contact-fo ul li .fa {
	margin-right: 0;
}
.widget h2 a {
	font-size: 20px;
	line-height: 1;
}
.widget .post-data {
	margin-bottom: 0;
}
.widget .post-data a,
.widget p {
	color: #002347;
	font-size: 18px;
}
.f-widget .post-data a,
.f-widget p {
	color: #000;
	font-size: 18px;
	padding: 0;
}
.widget p {
	display: inline-block;
}
.post-meta-title a {
	font-weight: 700;
	padding-bottom: 10px;
	display: block;
	color: #7f7f7f;
	font-size: 24px;
}

.post-data .widget-meta-info {
	font-style: italic;
	margin-bottom: 10px;
	font-size: 14px;
}
.widget_pages ul li > ul {
    padding-left: 18px;
}
.widget.widget_pages ul li {
	border-bottom: none;
}
.widget_pages ul li a {
    border-bottom: 1px solid;
    display: inherit;
}

/* Footer Search form */
.widget .search-form {
	width: 100%;
}
.widget .search-form .search-field {
	width: 100%;
	max-width: 335px;
}
.widget .search-form .search-submit {
	display: none;
}
.footer-widget {
	padding: 30px 0;
}
.f-widget {
	width: 31%;
	float: left;
	position: relative;
	padding: 1% 2.4% 2% 2.4%;
	margin-right: 3.5%;
	background: #e1f2fb;
}
.site-footer .f-widget ul li a,
.site-footer .f-widget .textwidget {
	color: #002347;
	font-size: 18px;
}
.widget-area .widget ul li a:hover,
.site-footer .f-widget ul li a:hover {
	text-decoration: underline;
}
.f-widget:last-child {
	margin-right: 0;
}
.footer-widgets #calendar_wrap {
	margin-top: 10px;
}
.f-widget.widget_calendar {
	width: 24%;
	margin-right: 16px;
}
.f-widget.widget_calendar h2 {
	margin-bottom: 20px;
}
.footer-widgets {
	font-weight: 300;
	font-size: 16px;
	padding: 40px;
	color: #c1c1c1;
}
.f-widget .widget {
	margin-bottom: 10px;
}
.f-widget p {
	margin-bottom: 5px;
}
.f-widget h2 {
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: 300;
}
.f-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget ul li,
.f-widget ul li {
	font-size: 18px;
	color: #5c6873;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #30c2d6;
}
.widget ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.widget ul li .full-thumbnail,
.f-widget ul li .full-thumbnail {
	position: relative;
}
.widget ul li .widget-data {
	width: 100%;
	position: absolute;
	padding: 10px 20px;
	bottom: 0;
}
.widget ul li .thumb-title,
.f-widget ul li .thumb-title {
	padding-top: 14px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-style: italic;
}
.tc_social_button_widget ul {
	width: 100%;
	text-align: center;
}
.tc_social_button_widget ul li {
	  width: 50px;
	  border-bottom: none;
	  padding: 0;
	  float: none;
	  display: inline-block;
}
.f-widget ul li .post-data {
	line-height: normal;
	display: block;
	margin-bottom: 0;
}
.f-widget h2.widget-title {
	padding-bottom: 4px;
	margin-bottom: 16px;
}
.widget-post-meta {
	display: block;
	font-size: 14px;
	color: #30c2d6;
	font-style: italic;
}
.site-footer {
	float: left;
	width: 100%;
	background: #cce2ee;
}
.site-footer .site-info {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	color: #c1c1c1;
}
.site-footer .site-info a:hover {
	text-decoration: underline;
}
.f-widget .facebook_like {
	overflow: hidden;
}
.f-widget .facebook_like h2 {
	background-color: #E1F2FB;
	padding: 0 10px;
}
.f-widget #___person_0,
.f-widget #___person_0 iframe {
	width: 100% !important;
}
.f-widget .tc_banner_widget h2,
.f-widget .tc_banner_300_widget h2 {
	margin-bottom: 20px;
}
.f-widget .tc_banner_widget img,
.f-widget .tc_banner_300_widget img {
	display: block;
}
.post-img img {
	width: 66px;
}
.copyrights {
	background: #fff;
	padding: 20px 0;
}
.f-widget ul.banner-125 li {
	width: 46%;
	margin-right: 8%;
}
ul.banner-125 li {
	width: 50%;
}
ul.banner-125 li.even-banner {
	margin-right: 0;
}
.site-footer .footer-menu {
	width: 100%;
	background-color: #f0f0f0;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.site-footer ul.menu {
	border: none;
	margin: 0;
}
.site-footer ul.menu li {
	float: none;
	display: inline-block;
}
.site-footer ul.menu > li > a {
	padding: 25px 0;
	color: #666;
}
.site-footer ul.menu ul.children {
	text-align: left;
}
.footer-partner {
	width: 100%;
	background-color: #909090;
	text-align: center;
	font-size: 0;
}
.footer-partner ul li {
	list-style: none;
	display: inline-block;
	margin: 26px 22px;
}
.footer-partner ul li img {
	max-height: 50px;
}
.f-widget .social-network-bar li {
	border: none;
	float: none;
	display: inline-block;
	width: 16.6%;
	margin: 0 0 1px 0;
	padding: 0;
}
.widget .newsletter-email {
	width: 180px !important;
	float: left;
}

.widget .mc4wp-form {
	margin: 0;
}
.f-widget .mc4wp-form {
  margin-bottom: 40px;
}
.f-widget .newsletter-email {
	width: 150px !important;
}
.newsletter-form .default-button {
	float: right;
	background: #ec7e64;
	border-bottom: 3px solid #b74f37;
	margin: 0;
	padding: 4px 10px;
}

/*--------------------------------------------------------------
# 15. 404 Error
--------------------------------------------------------------*/
#tc-not-found {
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}
.not-found-title,
.error404 .page-header h1 {
	text-align: center;
}


/*--------------------------------------------------------------
# 16. Default Blog
--------------------------------------------------------------*/
.page-header h1 {
	text-transform: uppercase;
	margin: 20px 0 0 0;
	text-align: left;
}
.post-item {
	width: 100%;
	float: left;
  	margin: 0;
}
.post-item p {
	margin-bottom: 10px;
}
.post-thumbnail {
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	width: 36%;
}
.full-width .post-thumbnail {
	width: 30%;
	float: right;
	margin-right: 0;
	margin-left: 3%;
}
.full-width .post-thumbnail img {
	width: 100%;
}
.full-width .post-entry-data {
	width: 67%;
}
.post-entry-data {
	width: 60%;
	float: left;
}
.entry-content .full-width-content {
	width: 100%;
}
.post-entry-data h2 {
	margin-bottom: 10px;
}
.post-entry-data h2 a {
	font-size: 24px;
	line-height: normal;
	color: #3f444a;
}
.entry-content .post-entry-data .entry-title a:hover,
.entry-meta:hover,
.entry-meta span a:hover {
	color: #4c5c89 !important;
}

/*--------------------------------------------------------------
# 17. Comment
--------------------------------------------------------------*/

.bypostauthor {
	display: block;
}
.comments-area {
	width: 100%;
}

.comments-area h2.comments-title {
	background: #006dda;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 23px;
	padding: 13px 12px 15px;
	position: relative;
}
.comments-area h2.comments-title:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #006dda;
	height: 0;
	left: 15px;
	position: absolute;
	top: 100%;
	width: 0;
	content: "";
	-moz-transform: scale(0.9999);
}
.comment-meta .vcard img{
	float: left;
	padding-right: 20px;
}
.comments-area .comment-author {
	line-height: normal;
}
.comments-area .comment-author .fn a {
	color: #333333;
	text-transform: capitalize;
}
.comments-area .comment-metadata {
	font-size: 11px;
}
.comments-area .comment-content {
	clear: left;
	font-size: 14px;
	line-height: 22px;
	padding-left: 80px;
}
.comments-area ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comments-area p {
	padding-bottom: 10px;
}
.comments-area ol.comment-list li {
	border-bottom: 1px dashed #dddddd;
	margin-bottom: 22px;
	padding-bottom: 15px;
	position: relative;
}
.comments-area ol.comment-list > li > ol.children {
	border-top: 1px dashed #dddddd;
	margin-top: 15px;
}
.comments-area ol.comment-list ol.children {
	padding-top: 20px;
	padding-left: 80px;
}
.comments-area ol.comment-list li li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.comments-area ol.comment-list li li.bypostauthor {
	border-left: 7px solid #dddddd;
	padding-left: 15px;
	position: relative;
}
.comments-area ol.comment-list li li article {
	
}
.comments-area .reply {
	padding-left: 80px;
	font-size: 12px;
	text-transform: uppercase;
}

/* Comment Form */
.comments-area .comment-respond > h3 {
	background: #006dda;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 23px;
	padding: 13px 12px 15px;
	position: relative;
}
.comments-area .comment-respond h3:after{
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #006dda;
	content: "";
	height: 0;
	left: 15px;
	position: absolute;
	top: 100%;
	transform: scale(0.9999);
	width: 0;
}
.comments-area .comment-respond input[type="text"],
.comments-area .comment-respond input[type="email"],
.comments-area .comment-respond input[type="url"],
.comments-area .comment-respond textarea {
	width: 390px;
	border-radius: 2px;
}
.comments-area .comment-respond textarea {
	width: 100%;
	padding: 10px;
}
.comments-area .comment-respond .submit:hover {
	background: #fff;
	border: 1px solid #afc9d7;
	color: #afc9d7;
}
.comments-area .comment-respond > h3 a {
	color: #ffffff;
}
.comments-area #cancel-comment-reply-link {
	float: right;
	color: #ffffff;
}