/*
Theme Name: Porpok
Author: Phaey_Phearum
Theme URL: http://topgle.com/porpok/
Description: Porpok is another fast loading WordPress theme from the purveyors of seo-friendly WordPress themes.
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: porpok
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

porpok is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:	 100%;
}

body {
	color: #333;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 1.625;
	margin: 0;
	background-color: #e9eaed;
	background-image: url(images/bg.png);
}

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;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

form label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase;
}

optgroup {
	font-weight: bold;
}

/*Table Style*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
optgroup,
textarea {
	color: #333333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	color: #3498DB;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

p {
	margin: 0 0 1.5em 0;
}

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

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	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: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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;
}

blockquote {
	background: #f9f9f9;
	border-left: 6px solid #ccc;
	padding: 0.5em 10px;
	margin: 0 0 1.5em 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

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

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 20px;
	font-weight: 700;
	border: none;
	border-radius: 3px;
	background: #0074c4;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.9;
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #e5e6e9;
	padding: 16px;
}

textarea {
	width: 100%;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
.posts-entry a {
	color: royalblue;
}

.posts-entry a:hover {
	color: midnightblue;
}

a {
	outline: none;
	color: #333333;
	transition: all 0.25s linear;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	outline: none;
	color: royalblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigationigation {
	display: block;
	float: left;
	width: 100%;
}

.main-navigationigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigationigation ul li {
	float: left;
	position: relative;
}

.main-navigationigation ul li a {
	display: block;
	text-decoration: none;
}

.main-navigationigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigationigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigationigation ul ul a {
	width: 200px;
}

.main-navigationigation ul ul li {

}

.main-navigationigation li:hover > a,
.main-navigationigation li.focus > a {
}

.main-navigationigation ul ul :hover > a,
.main-navigationigation ul ul .focus > a {
}

.main-navigationigation ul ul a:hover,
.main-navigationigation ul ul a.focus {
}

.main-navigationigation ul li:hover > ul,
.main-navigationigation ul li.focus > ul {
	left: auto;
}

.main-navigationigation ul ul li:hover > ul,
.main-navigationigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigationigation .current_page_item > a,
.main-navigationigation .current-menu-item > a,
.main-navigationigation .current_page_ancestor > a,
.main-navigationigation .current-menu-ancestor > a {
}

/* Small menu. */
@media screen and (min-width: 37.5em) {
	.nav-#secondary-site-navigation {
		display: none;
	}
	.main-navigationigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.comment-form label {
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase;
}
.bypostauthor {
	display: block;
}

.comments-area {
	width: 100%;
}
.comment-respond .comment-form {
	width: 100%;
	box-sizing: border-box;
}
.comments-area .comment-respond {
	position: relative;
}
.comments-area .comment-meta {
	position: relative;
}
.comments-area .comments-title {
	margin-bottom: 30px;
	color: #222222;
	font-size: 30px;
}
.comments-area .comment-meta .comment-metadata a {
	color: #999999;
}
.comment-meta .vcard img{
	float: left;
	margin-right: 14px;
}
.comments-area .comment-author {
	line-height: normal;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}
.comments-area .comment-author .fn a {
	color: #222222;
}
.comments-area .comment-content {
	padding: 0 15px 0 114px;
}
.comments-area ol {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
.comments-area .reply .comment-reply-link i {
	font-size: 12px;
}
.comments-area .comment-content p {
	margin-bottom: 5px;	
}
.comments-area p.form-submit {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.comments-area p.form-submit input {	
	background: #000;
	border: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 20px;
	text-shadow: none;
	box-shadow: none;
	border-radius: inherit;
	outline: none;
	margin: 0;
	transition: background 0.25s linear;
}
.comments-area ol.comment-list li {
	margin-bottom: 20px;
	position: relative;
}
.comments-area ol.comment-list > li:last-child {
	margin-bottom: 0;
}
.comments-area ol.comment-list > li {
	width: 100%;
	border-bottom: 3px solid #000000;
}
#comments li.comment.depth-1:nth-child(even) {

}
#comments li.comment.parent article {
	background: #f5f5f5;
	padding: 40px;
}
#comments li.comment.parent article .reply,
.author-highlight li.bypostauthor article .reply {
	padding-bottom: 0;
}
.comments-area ol.comment-list ol.children {
	padding-top: 20px;
	padding-left: 114px;
	margin-bottom: 0;
}
.comments-area ol.comment-list li li.bypostauthor { 
	position: relative;
}
.comments-area.author-highlight ol.comment-list li.bypostauthor {
	border-bottom: 3px solid #f00000;
	padding: 40px;
	background: #f5f5f5;
}
.comments-area .reply {
	padding-left: 114px;
	font-size: 14px;
	padding-bottom: 20px;
}
.comments-area .reply a:hover {
	color: #000;
}
#comments li.comment .comment-respond {
	margin-left: 92px;
	position: relative;
}
.comment-reply-title {
	border-bottom: 1px solid #3498DB;
	position: relative;
	color: #3498DB;
	margin: 0 0 16px 0;
	padding-bottom: 20px;
}
.comment-reply-title:after {
	content: '';
	height: 2px;
	background: #3498DB;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 26%;
}
.comment-reply-title small {
	position: absolute;
	top: 0;
	right: 0;
	text-transform: capitalize;
}
.comment-form-wrap .comment-respond {
	position: relative;
}
.comments-area .comment-respond * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-respond .logged-in-as a {
	color: #222222;
	border-bottom: 1px dotted;
}
.comment-respond .logged-in-as a:hover {
	color: #f00000;
}
.comments-area .comment-respond input[type="text"],
.comments-area .comment-respond input[type="email"],
.comments-area .comment-respond input[type="url"] {
	background: #ffffff;
	padding: 8px 14px;
	width: 100%;
	max-width: 430px;
	margin-bottom: 6px;
}
.comments-area .comment-respond textarea {
	width: 100%;
	margin-bottom: 0px;
}
.comments-area p {
	margin-bottom: 12px;
}


/*--------------------------------------------------------------
# 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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

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

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

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

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
}

.fbox {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	margin-bottom: 30px;
	padding: 4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#homepage-slide {
	box-shadow: 1px 1px 2px 1px rgba(255, 100, 100, 0.1);
}
.fbox h1,
.fbox h2,
.fbox h3 {
	margin-top: 0;
	font-weight: 700;
	font-size: 28px;
	color: #2a2f2d;
}
.widget-area .fbox {
	border-radius: 3px;
	padding: 0;
}

/* Body Site */
.container {
	width: 100%;
}
.content-wrap {
	width: 1120px;
	max-width: 90%;
	margin: 0 auto;
}
#site-header img {
	display: block;
	margin: 0 auto;
}
.sheader {
	position: relative;
	float: left;
	width: 100%;
	z-index: 99;
	margin: 0 0 40px 0;
	background: #3a5795;
	box-shadow: 0 1px 1px 0 rgba(176, 176, 176, 0.05);
	-webkit-box-shadow: 0 1px 1px 0 rgba(176, 176, 176, 0.05);
	-moz-box-shadow: 0 1px 1px 0 rgba(176, 176, 176, 0.05);
}

/* Site Branding */
.site-branding {
	float: left;
	margin: 0;
}
.branding-logo {
	margin: 0;
}
.branding-logo .custom-logo {
	display: block;
	max-height: 120px;
	width: auto;
}
.site-branding .site-title {
	font-size: 42px;
	line-height: 42px;
	padding: 0;
	margin: 20px 30px 20px 0;
	text-transform: uppercase;
	float: left;
	font-weight: bold;
}
.site-branding .site-title a {
	color: #fff;
}
.site-branding .custom-logo-link {
	margin-top: 0;
	display: block;
}
.site-branding .site-description {
	color: #fff;
	padding: 0;
	margin: 32px 0;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2.1px;
}
.featured-sidebar .search-field {
	width: 100%;
	height: 46px;
	border-radius: 0;
	line-height: 46px;
	padding: 16px;
	box-sizing: border-box;
}
.ads-top .search-submit,
.featured-sidebar .search-submit {
	display: none;
}
.search-form label {
	width: auto;
	float: left;
	margin-bottom: 0;
}
.featured-sidebar label {
	width: 100%;
	float: none;
}
.search-form .search-submit {
	padding: 17px 24px;
	border: none;
	border-radius: 0 3px 3px 0;
}
.ads-top {
	width: 100%;
	float: left;
	display: inline-block;
	margin-bottom: 40px;
}
.ads-top .textwidget img {
	display: block;
	margin: 0 auto;
}
.ads-top .search-field {
	width: 100%;
	padding: 15px;
}
.ads-top label {
	width: 100%;
}

/* Top Nav */
#smobile-menu {
	display: none;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation ul li {
	float: left;
	position: relative;
}
.main-navigation ul li a {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	padding: 25px 16px;
}
.menu ul li:hover > a,
.menu ul li > a:hover,
.menu ul li.current-menu-parent > a,
.menu ul li.current-menu-ancestor > a,
.menu ul li.current_page_ancestor > a,
.menu ul li.current-menu-item > a {
	opacity: 0.8;
	text-decoration: none;
}
.main-navigation ul li .sub-arrow {
	width: 50px;
	line-height: 50px;
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	outline: none;
}

/* Primary menu */

.primary-menu {
	width: auto;
	float: right;
	position: relative;
	z-index: 2;
	margin: 20px 0px;
}
.pmenu {
	float: left;
}
.primary-menu ul ul li .fa-chevron-right {
	color: #010101;
}
.primary-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	display: block;
	padding: 8px 15px;
}
.primary-menu ul li:hover a,
.primary-menu ul li a:hover,
.primary-menu ul li.current-menu-parent > a,
.primary-menu ul li.current-menu-ancestor > a,
.primary-menu ul li.current_page_ancestor > a,
.primary-menu ul li.current-menu-item > a,
.primary-menu ul li.current_page_item a {
	opacity: 0.9;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 1px;
}

/* Secondary menu */
.secondary-menu {
	width: 100%;
	display: block;
	background: #fff;
	position: relative;
}
.secondary-menu ul li a {
	color: #333;
}
.secondary-menu ul li a:hover {
	color: royalblue;
}
#secondary-site-navigation .arrow-menu {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
	display: none;
	width: 42px;
	height: 42px;
	line-height: 44px;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.secondary-menu ul > li:first-child {
	border: none;
}

/*Menu More Button*/
.secondary-menu .btn-right {
	float: right;
	border: none;
	margin: 18px 0;
}
.secondary-menu .btn-right a {
	padding: 9px 25px 11px;
	font-weight: 500;
	background: #e47911;
	text-align: center;
	text-transform: capitalize;
	display: block;
	line-height: 1.25;
	box-sizing: border-box;
	color: #fff;
	border-radius: 3px;
}
.secondary-menu .btn-right a:hover {
	opacity: 0.8;
	color: #fff;
}

/* Header menu */
.main-navigation ul ul {
	background: #ffffff;
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9;
}
.primary-menu ul ul {
	background: #3a5795;
}
.primary-menu ul.pmenu ul ul {
	left: -200px;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation ul ul li {
	float: none;
}
.main-navigation ul ul ul {
	top: 0;
	left: 200px;
}
.main-navigation ul ul.sub-menu li a {
	padding: 8px 20px;
}
.site-content {
	width: 100%;
	display: block;
}
.featured-content {
	width: 66%;
	margin-right: 4%;
	float: left;
}
.featured-thumbnail {
	max-width: 200px;
	float: left;
	margin: 0 4% 0 0;
}
.posts-entry .entry-content p:last-child {
	margin-bottom: 0;
}
.posts-entry .entry-footer {
	width: 100%;
	display: inline-block;
	margin: 1.5em 0 0;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid #e9eaed;
	padding-top: 15px;
}


.main-navigation ul li.nav-menu-item-has-children > a i {
	color: #ffffff;
}
.main-navigation ul .children li a {
	padding: 12px 20px;
	border-bottom: 1px solid #e5e6e9;
}

/* Show Hide Search */
.search {
	float: right;
	margin: 20px 0px;
}
.search .btn-search {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	display: block;
	padding: 8px 10px;
}
.search-style-one {
	width: 100%;
	position: fixed;
	overflow: hidden;
	height: 90px;
	z-index: 9;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: -webkit-transform 0.4s linear, visibility 0.1s;
	transition: transform 0.4s linear, visibility 0.1s;
}
.overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
}
.search-style-one.open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.search-row {
	position: relative;
	margin: 0 auto;
}
.overlay .overlay-close {
	width: 50px;
	height: 52px;
	line-height: 52px;
	position: absolute;
	right: 8%;
	top: 15px;
	font-size: 20px;
	overflow: hidden;
	border: none;
	padding: 0 17px;
	color: #3a5795;
	background: rgba(255, 255, 255, 0.9);
	outline: none;
	z-index: 100;
	cursor: pointer;
	border-radius: 2px;
}
.search-style-one .search-row input#s {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 20px 30px;
	color: #ffffff;
	font-size: 18px;
	outline: none;
	background: none;
	border: none;
	box-sizing: border-box;
}


/*Meta Info*/
.entry-meta {
	margin-bottom: 14px;
}
.post-item-grid-view .entry-meta {
	margin-bottom: 0;
}
.entry-meta span {
	color: #999999;
	font-size: 12px;
}
.entry-meta span a {
	color: #999999;
}
.entry-footer span {
	padding-right: 16px;
	position: relative;
}
.entry-footer span a {
	color: #333333;
}
.entry-footer span:after {
	content: "";
	height: 10px;
	overflow: hidden;
	border-right: 1px solid royalblue;
	position: absolute;
	right: 8px;
	top: 3px;
}
.entry-footer span:last-child:after {
	content: "";
	display: none;
}
.entry-header h2 a {
	color: #3a5795;
}

/* Footer */
.site-footer {
	width: 100%;
	float: left;
	padding: 20px 0;
	background: #0074c4;
}
.site-info {
	float: left;
	font-size: 14px;
	line-height: normal;
	color: #ffffff;
}
.site-info a {
	color: #ffffff;
}
.site-info a:hover {
	border-bottom: dotted 1px;
	text-decoration: none;
}
.site-info p {
	padding: 0;
}

/* Pagination */
.pagination:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.nav-links {
	width: 100%;
}
.nav-links a,
.nav-links .dots,
.nav-links span.current {
	line-height: normal;
}
.nav-links span.current {
	color: #ffffff;
}
.nav-links .nav-previous,
.nav-links .nav-next {
	max-width: 40%;
}
.nav-links .nav-previous {
	float: left;
	text-align: left;
}
.nav-links .nav-next {
	float: right;
	text-align: right;
}
.posts-navigation .nav-next a,
.paging-navigation .nav-links .nav-next a {
	float: right;
}
.nav-previous,
.nav-links .nav-next,
.pagination a,
#load-posts a {
	background: #ffffff;
	margin: 0;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	color: #333333;
	padding: 2% 4%;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #cccccc;
}
.nav-links span.meta-nav {
	font-size: 18px;
}
#load-more-wrap {
	width: 100%;
	text-align: center;
}
#load-more-wrap a {
	background: #f3f2f2;
	padding: 10px;
	display: block;
}

/*--------------------------------------------------------------
# Related Post
--------------------------------------------------------------*/
.posts-related {
	width: 100%;
	display: inline-block;
}

/* Grid Style */
.posts-related ul.related-grid {
	width: 100%;
	list-style: none;
	margin-left: 0;
	padding: 0;
}
.posts-related ul.related-grid li {
	width: 31.3%;
	float: left;
	margin: 0 3% 3% 0;
}
.posts-related ul.related-grid li:nth-child(3n) {
	margin-right: 0;
}
.posts-related ul.related-grid li:nth-child(3n+1) {
	clear: left;
}

/* List Style */
.posts-related ul.related-list {
	width: 100%;
	margin-bottom: 0;
	padding: 0;
}
.posts-related ul.related-list li {
	line-height: 34px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.featured-sidebar {
	width: 30%;
	float: left;
}
.widget {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.widget > form,
.widget > div,
.widget > ul {
	padding: 30px;
}
.widget .swidget {
	width: 100%;
	background: #3a5795;
	padding: 0;
	border-radius: 3px 3px 0 0;
}
.widget .swidget h3 {
	padding: 15px 25px;
	margin: 0;
	font-weight: 500;
	font-size: 20px;		
	color: #fff;
}
.widget select {
	width: 100%;
	padding: 16px;
	display: block;
}
.widget ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}
.widget ul li {
	position: relative;
	padding: 14px 30px;
	border-bottom: 1px solid #e9eaed;
	list-style: none;
}
.widget ul li .sub-arrow {
	position: absolute;
	top: 13px;
	right: 10px;
	padding: 0 12px;
	cursor: pointer;
}
.widget_categories ul ul,
.widget_nav_menu ul ul {
	margin-left: 15px;
	border-top: 1px solid #E4E4E4;
	margin-top: 15px;
}
.widget_categories ul li {
	padding-right: 0;
}
.widget_categories ul li li {
	padding-right: 0;
	padding-left: 0;
}
.widget_nav_menu li.menu-item-has-children {
	padding-right: 0;
}
.widget_nav_menu li.menu-item-has-children ul.sub-menu {
	display: none;
}
.widget_nav_menu li.menu-item-has-children ul.sub-menu li {
	padding-left: 0;
	padding-right: 0;
}

.widget ul ul {
	margin-left: 0;
}
.widget ul ul > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.widget_nav_menu > div {
	padding: 0;
}
.widget ul li.recentcomments {
	color: #919191;
}
.widget .popular-post-meta,
.widget .recent-post-meta {
	font-size: 12px;
	line-height: normal;
}
.widget .post-img {
	float: left;
	margin-right: 10px;
}

/*-------------------------------------------------
# Calender Widget
--------------------------------------------------*/
#wp-calendar {
	margin-bottom: 0;
}
#wp-calendar thead th {
	padding: 0;
	text-align: center;
}
#wp-calendar td {
	text-align: center;
	padding: 7px 0;
}
#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: bold;
}
#wp-calendar tfoot {
	margin-top: 30px;
}
#wp-calendar #prev {
	text-align: left;
	padding: 0;
	padding-left: 12px;
}
#wp-calendar #next {
	text-align: right;
	padding: 0;
	padding-right: 12px;
}
#wp-calendar #prev a,
#wp-calendar #next a {
	text-decoration: none;
}

/*Footer Menu*/
.fmenu ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fmenu ul li {
	float: none;
	display: inline-block;
}
.fmenu ul li a {
	color: #ffffff;
	text-transform: none;
	margin: 0 8px;
	font-size: 14px;
	line-height: normal;
}
.fmenu ul li a:hover {
	border-bottom: dotted 1px;
	text-decoration: none;
}

/*-[ Tab widget ]------------------------------*/
.left-widget {
	float: left;
	margin-right: 15px;
}
.right-widget {
	float: right;
	margin-right: 0;
	margin-left: 15px;
}
.center {
	text-align: center;
}
#tabwrap {
	display: block;
	height: auto;
	margin: 0;
	overflow: hidden;
	background-color: #FFF;
}
#tabwrap .inside {
	background: #fff;
	padding: 0 15px 15px 15px;
	margin-top: 0;
	border: 1px solid #efefef;
	border-top: none;
}
#tabwrap .inside ul {
	margin: 0;
}
#tabwrap .inside .data-list {
	display: none;
}
#tabwrap .inside .current-data {
	display: block;
}
#tabwrap ul.tabs {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	margin: 0;
}
#tabwrap ul.tabs li {
	background: none;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border-bottom: none;
	width: 50%;
	text-align: center;
	margin-left: 0;
	padding: 0;
}
#tabwrap ul.tabs li a {
	background: #fff;
	color: #555;
	display: block;
	float: left;
	margin: 0;
	text-align: center;
	padding: 10px 0;
	line-height: 1.4;
	width: 99%;
	border: 1px solid #ffffff;
	border-bottom-color: #efefef;
	text-transform: uppercase;
	outline: none;
}
#tabwrap ul.tabs li a.current-tap {
	background: #fff;
	margin: 0;
	color: #333;
	text-decoration: none;
	border: 1px solid #efefef;
	border-bottom-color: #ffffff;
	cursor: auto;
}
#tabwrap ul.tabs li.tab-recent-posts a {
	margin: 0;
	text-align: center;
	width: 100%;
}
#tabwrap ul.tabs li.tab-recent-posts a.selected {
	background: #fff;
	width: 99%;
}
#tabwrap ul.tabs li a:hover {
	color: #000;
	text-decoration: none;
}
#tabwrap .inside li {
	list-style: none;
	padding: 15px 0 15px 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}
#tabwrap .inside li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#tabwrap .inside li .widget-thumb {
	display: block;
}
#tabwrap .inside li div.info {
	display: table;
	top: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}
#tabwrap .inside li div.info a {
	color: #000;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
}
#tabwrap .inside li div.info a:hover {
	color: #3a5795;
}
#tabwrap .inside li div.info .entry-title {
	margin-bottom: 0;
	font-weight: 400;
}
#tabwrap .inside li .meta {
	display: block;
	font-size: 12px;
	color: #3a5795;
	margin-top: 10px;
}
#tabwrap .tab-thumb {
	border: 1px solid #f0f0f0;
	padding: 4px;
	background: #fff;
	float: left;
	display: inline;
	margin: 0px 12px 0px 0px;
}
.post-number {
	position: relative;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	font-weight: bold;
	color: #fff;
	bottom: 22px;
	background: #64A7FE;
}
#tabwrap .inside .tabsSep {
	margin-top: 7px;
	width: 100%;
	height: 1px;
	background-color: #e8e5de;
	clear: both;
	float: left;
}

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/

/* Landscape phone to Desktop */
@media (min-width: 1024px) {
	.super-menu,
	.toggle-mobile-menu {
		display: none;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 992px)  {
	#tabwrap ul.tabs li a {
		font-size: 80%;
	}
	.left-widget {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
	}
	#tabwrap .inside li img {
		margin: 0 auto;
	}
	#tabwrap .inside li div.info {
		text-align: center;
	}
	#tabwrap .inside li .meta {
		margin-top: 0;
	}
}

/* Landscape phone to Desktop */
@media (min-width: 992px) {
	.arrow-menu {
		display: none;
	}
	.fmenu {
		width: auto;
		float: right;
		margin-top: 0;
		text-align: right;
	}
	.fmenu ul {
		float: right;
	}
	.fmenu ul li {
		float: left;
		line-height: 14px;
	}
	.fmenu ul ul {
		margin-left: 0;
		list-style: none;
		border-left: 1px solid #cccccc;
	}
	.fmenu ul > li:first-child {
		border: none;
	}
	
	.fmenu ul li.menu-item-has-children ul,
	.fmenu ul li.menu-item-has-children a {
		float: left;
	}
	.fmenu ul li .arrow-sub-menu {
		display: none;
	}
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 1023px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.site-branding {
		text-align: center;
		width: 100%;
	}
	.ads-top {
		width: 100%;
		text-align: center;
	}
	.ads-top .textwidget img {
		display: inline;
	}

	/* Mobile Menu */
	.main-container-wrap {
		position: relative;
		left: 0;
		transition: left 500ms ease;
	}
	#mobile-menu-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999;
		cursor: pointer;
		display: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background: rgba(0,0,0,.5);
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
		transition: left 500ms ease;
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
	}
	.search {
		display: none;
	}
	.smenu-hide,
	.main-navigation {
		display: none;
	}
	.mobile-menu-active .smenu-hide {
		display: block;
		color: #fff;
	}
	.mobile-menu-active #mobile-menu-overlay {
		display: block;
	}
	.mobile-menu-active #page {
		width: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		right: 300px;
		transition: left 500ms ease;
		-ms-transform: translate(70%, 0);
		-webkit-transform: translate(70%, 0);
		transform: translate(70%, 0);
	}
	#smobile-menu {
		background-color: #000;
		position: fixed;
		width: 70%;
		top: 0;
		bottom: 0;
		left: -70%;
		z-index: 5999998;
		overflow-x: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: -webkit-transform 0.3s ease;
		transition: transform 0.3s ease;
	}
	#smobile-menu .primary-menu ul {
		width: 100%;
	}
	#smobile-menu.show {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	#smobile-menu.show .main-navigation {
		width: 100%;
		float: left;
		display: block;
		margin: 0;
	}
	#smobile-menu.show .main-navigation ul li {
		width: 100%;
		display: block;
		border-bottom: 1px solid #333;
	}
	#smobile-menu.show .main-navigation ul li a {
		padding: 12px 20px;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu {
		display: none;
		left: 0;
		position: relative;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu.active {
		border-top: 1px solid #333;
	}
	#smobile-menu.show .main-navigation ul ul.sub-menu li:last-child {
		border: none;
	}
	#smobile-menu.show .main-navigation ul li .sub-arrow {
		display: block;
	}

	/* Menu */
	.toggle-mobile-menu {
		display: inline-block;
		width: 100%;
		margin: auto;
		position: relative;
		color: #fff;
		background: #0274BE;
		text-align: right;
		z-index: 1;
		padding: 12px 20px;
	}
	.toggle-mobile-menu:hover {
		color: #fff;
	}
	.menu-toggle:before {
		font-family: FontAwesome;
		content: "\f0c9";
		font-size: 18px;
		line-height: 50px;
		margin-right: 10px;
		position: absolute;
		left: 20px;
		top: 0;
	}
	.super-menu {
		background: #0274BE;
	}
	.super-menu-inner {
		width: 1120px;
		max-width: 90%;
		margin: 0 auto;
	}
	.super-menu .toggle-mobile-menu {
		padding: 12px 0;
		color: #fff;
		outline: none;
	}
	.super-menu .menu-toggle:before {
		left: 0;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 992px) {
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 0;
	}
	.site-info {
		width: 100%;
		text-align: center;
	}
}

/* Portrat tablet */
@media (max-width: 767px) {
	
}