/*
Theme Name: Kouprey
Theme URI: http://opensumo.com/kouprey/
Author: OpenSumo
Author URI: http://opensumo.com/
Description: Kouprey is a beautifully designed WordPress theme that is built to be creative, modern, fast-loading speed, high performance.
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kouprey
Tags: blog, custom-header, featured-image-header, featured-images, sticky-post, threaded-comments, theme-options, footer-widgets, left-sidebar, right-sidebar, two-columns, custom-background, custom-menu, custom-logo

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.

kouprey 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%;
	font-size: 62.5%;
	font-family: sans-serif;
}

body {
	color: #333;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	letter-spacing: .04px;
	line-height: 1.85;
	margin: 0;
	outline: none;
}

body > div {
	font-size: 1.8rem;
}

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

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 {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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: 18px;
    font-size: 1.8rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #111;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 56px;
	font-size: 5.6rem;
	letter-spacing: -.03em;
	line-height: 1;
}

h2 {
	font-size: 40px;
	font-size: 4rem;
	letter-spacing: -.02em;
	line-height: 1.1;
}

h3 {
	color: #111;
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: -.01em;
	line-height: 1.23;
}

h4 {
	color: #000cff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
}

h5,
h6 {
	color: #000cff;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: .1em;
	line-height: 1.5;
	text-transform: uppercase;
}

h6 {
	color: #555;
}

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

a,
h4,
h5,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.authority-subtitle,
.button,
.genesis-nav-menu .highlight a,
.more-link,
.entry-title a:focus,
.entry-title a:hover {
	color: #26a9af;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
.more-link {
	-webkit-transition: background-color .25s ease-in, border-color ease-in, transform .75s cubic-bezier(.44,.51,.24,.99), box-shadow 1s cubic-bezier(.44,.51,.24,.99);
	-moz-transition: background-color .25s ease-in, border-color ease-in, transform .75s cubic-bezier(.44,.51,.24,.99), box-shadow 1s cubic-bezier(.44,.51,.24,.99);
	-ms-transition: background-color .25s ease-in, border-color ease-in, transform .75s cubic-bezier(.44,.51,.24,.99), box-shadow 1s cubic-bezier(.44,.51,.24,.99);
	-o-transition: background-color .25s ease-in, border-color ease-in, transform .75s cubic-bezier(.44,.51,.24,.99), box-shadow 1s cubic-bezier(.44,.51,.24,.99);
	transition: background-color .25s ease-in, border-color ease-in, transform .75s cubic-bezier(.44,.51,.24,.99), box-shadow 1s cubic-bezier(.44,.51,.24,.99);
}

/*--------------------------------------------------------------
# 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: #26a9af;
	cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.9;
	background: #111;
}

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 {
	width: 100%;
	padding: 10px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid rgba(38, 169, 175, .6);
}

textarea {
	width: 100%;
}

select {
	border: 1px solid #26a9af;
}

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
--------------------------------------------------------------*/
a {
	outline: 0;
	color: #26a9af;
	transition: all 0.25s linear;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover,
a:focus,
a:active {
	outline: 0;
	color: #333;
}

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;
	text-align: left;
	width: 50%;
}

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

/*--------------------------------------------------------------
# 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: #fff;
	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 {
	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 {
	border: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 20px;
	text-shadow: none;
	box-shadow: none;
	border-radius: inherit;
	outline: 0;
	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 #26a9af;
	position: relative;
	color: #26a9af;
	margin: 0 0 16px 0;
	padding-bottom: 18px;
}
.comment-reply-title:after {
	content: '';
	height: 2px;
	background: #26a9af;
	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;
}
#homepage-slide {
	box-shadow: 1px 1px 2px 1px rgba(255, 100, 100, 0.1);
}
.widget-area .fbox {
	border-radius: 3px;
	padding: 0;
	margin-bottom: 50px;
	background-color: #fff;
	box-shadow: 0 15px 80px rgba(0,0,0,.14);
}

/* Body Site */
.container {
	width: 100%;
}
.content-wrap {
	width: 1120px;
	max-width: 90%;
	margin: 0 auto;
}
#site-header img {
	display: block;
	margin: 0 auto;
}
.sheader {
	width: 100%;
	margin: 0;
	float: left;
	position: relative;
	z-index: 99;
}
.banner-shadow {
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.08);
}

/* 'Introl Banner' */
.xgouter-wrap {
	width: 100%;
	display: inline-block;
	position: relative;
}
.xgouter-wrap:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	background: linear-gradient(-90deg,rgba(35,130,219,.9),rgba(59,239,215,.9));
}
.intro-wel {
	width: 100%;
	float: left;
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}
.xginner {
	overflow: hidden;
	position: relative;
}
.intro-wel .xginner-left {
	width: 50%;
	max-height: 100%;
	z-index: 10;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.intro-wel .xginner-left img {
	display: block;
}
.intro-wel .xginner-right {
	width: 40%;
	float: right;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 6% 0;
	position: relative;
	z-index: 50;
}
.intro-wel .xginner-right .textwidget {
	line-height: 1.6;
}
.intro-wel .ads-top {
	margin-bottom: 20px;
	z-index: 100;
	position: relative;
}
.xginner-right .baner-header {
	font-size: 46px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #fff;
}
.xginner-right .baner-header small {
	font-size: 28px;
	font-weight: 100;
	color: #ffffff;
	text-shadow: none;
	font-style: italic;
}
.intro-wel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.intro-wel .textwidget p {
	line-height: 1.6;
}
.intro-wel h3 {
	font-size: 2.25em;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
	margin-top: 1.25rem;
}
.intro-wel .search-form {
	width: 100%;
	max-width: 500px;
	margin: 1.25rem auto;
}
.intro-wel .search-form .search-field {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 14px 20px;
	border: none;
	text-align: center;
}
.btn-view,
.btn-tour,
.btn-sign {
	min-width: 180px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	display: inline-block;
	padding: 18px 20px;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	border: 3px solid #fff;
	background: none;
}
.btn-view {
	margin-right: 20px;
	color: #000be6;
	background: #ffffff;
}
.btn-view:hover,
.btn-tour:hover,
.btn-sign:hover {
	color: #fff;
	opacity: 0.8;
}
.btn-view:hover {
	color: #333;
}

/* Site Branding */
.site-branding {
	float: left;
	margin: 0;
}
.branding-logo {
	margin: 0;
}
.branding-logo .custom-logo {
	display: block;
	max-height: 82px;
	width: auto;
}
.site-branding .site-title {
	font-size: 42px;
	line-height: 42px;
	padding: 0;
	margin: 26px 26px 26px 0;
	text-transform: uppercase;
	float: left;
}
.site-branding .site-title a {
	color: #26a9af;
}
.site-branding .custom-logo-link {
	margin-top: 0;
	display: block;
}
.site-branding .site-description {
	color: #26a9af;
	padding: 0;
	margin: 28px 0 0 0;
	line-height: 42px;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2.1px;
}
.ads-top .search-submit,
.featured-sidebar .search-submit {
	display: none;
}
.featured-sidebar label {
	width: 100%;
	float: none;
}
.ads-top {
	width: 100%;
	display: inline-block;
	margin-bottom: 40px;
}
.ads-top .textwidget img {
	display: block;
	margin: 0 auto;
}
.ads-top .search-field {
	width: 100%;
}
.ads-top label {
	width: 100%;
}

/* Top Nav */
#smobile-menu {
	display: none;
}
.admin-bar #smobile-menu {
	top: 32px;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: -.01em;
}
.main-navigation ul li {
	float: left;
	position: relative;
}
.main-navigation ul li a {
	font-size: 15px;
	display: block;
	padding: 25px 16px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: -.01em;
}
.main-navigation ul li:hover > a,
.main-navigation ul li > a:hover,
.main-navigation ul li.current-menu-parent > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-item a {
	color: #26a9af;
}
.main-navigation ul li .sub-arrow {
	width: 52px;
	line-height: 52px;
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	color: #111;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	outline: 0;
}

/* 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: #111;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 12px 15px;
}

/* 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;
	box-shadow: 0 16px 45px rgba(0,0,0,.18);
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.primary-menu ul.pmenu ul ul {
	left: -100%;
}
.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: inline-block;
	margin: 0;
}
.featured-content {
	width: 58%;
	margin-right: 12%;
	float: left;
	margin-top: 4%;
}
.left-sidebar .featured-content {
	float: right;
	margin-left: 12%;
	margin-right: 0;
}
.none-sidebar .featured-content {
	float: none;
	margin: 0 auto;
}
.none-sidebar .post-full .entry-title {
	text-align: center;
}
.featured-thumbnail {
	float: left;
	margin: 0 4% 0 0;
}
.post-full .featured-thumbnail {
	width: 100%;
	float: left;
	margin: 0;
	text-align: center;
	position: relative;
}
.post-full .featured-thumbnail > a::before {
	background: #f4f4f4;
	content: "";
	left: -30px;
	height: calc(100% + 20px);
	position: absolute;
	top: 30px;
	width: calc(100% + 60px);
	z-index: -1;
}
.post-full .featured-thumbnail img {
	margin: 0 auto 24px;
	box-shadow: 0 16px 65px rgba(0,0,0,.18);
	vertical-align: middle;
}
.post-full .featured-thumbnail img {
	-webkit-transition: transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99);
	-moz-transition:    transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99);
	-ms-transition:     transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99);
	-o-transition:      transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99);
	transition:         transform .5s cubic-bezier(.44,.51,.24,.99), box-shadow .75s cubic-bezier(.44,.51,.24,.99);
	transform: translate3d(0,0,0);
	border: 10px solid rgba(255,255,255,.6);
}
.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;
}
.page-header {
	margin-bottom: 40px;
}
.entry-header {
	margin-bottom: 16px;
}
.post-full .entry-header {
	margin-bottom: 35px;
}
.entry-title {
	font-size: 42px;
}
.single .site-main article {
	margin-top: 3%;
}

/*Meta Info*/
.entry-meta,
.entry-footer {
	color: #707070;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.3;
	margin-bottom: 10px;
}
.entry-meta > *,
.entry-footer > * {
	color: #555;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.5;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
.entry-meta > span,
.entry-footer > span {
	position: relative;
}
.entry-meta > span:before,
.entry-footer > span:before {
	content: '\2014';
	margin: 0 6px 0 2px;
}
.entry-meta > span.posted-on:before,
.entry-footer > span.cat-links:before,
#tabwrap .inside div.info .entry-meta > span:before {
	content: '';
}
.entry-meta span a,
.entry-footer span a {
	color: #26a9af;
	text-decoration: underline;
}
.entry-meta span a:hover,
.entry-footer span a:hover {
	color: #333;
}

.more-link-wrap a:not(.more-link) {
	border-bottom: 1px solid currentColor;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.entry-title a,
.sidebar .widget-title a {
	color: #111;
	text-decoration: none;
}

/* Footer */
.site-footer {
	width: 100%;
	float: left;
	padding: 20px 0;
	background: #26a9af;
}
.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 */
.navigation {
	clear: both;
	overflow: hidden;
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	display: block!important;
	text-align: center;
}
.pagination a,
#load-posts a,
.single .pagination > .current .currenttext,
.pagination .page-numbers.dots,
.paging-navigation .nav-links .nav-previous,
.paging-navigation .nav-links .nav-next {
	background: #222;
	margin: 0 5px 0 0;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	padding: 10px 13px;
	min-width: 36px;
	box-sizing: border-box;
	border-radius: 3px;
	text-align: center;
}
.paging-navigation .nav-links .nav-previous a,
.paging-navigation .nav-links .nav-next a {
	color: #fff;
}
.paging-navigation .nav-links .nav-previous {
	float: left;
}
.paging-navigation .nav-links .nav-next {
	float: right;
}
.page-numbers.current,
.pagination a:hover {
	color: #fff;
	margin: 0 5px 0 0;
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	padding: 10px 13px;
	background: #0274BE;
	min-width: 36px;
	box-sizing: border-box;
	border-radius: 3px;
	text-align: center;
}

/*--------------------------------------------------------------
# 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;
}
.posts-related ul.related-grid li .related-ptitle {
	display: block;
	line-height: normal;
	font-size: 16px;
}

/* 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;
	margin-top: 5%;
}
.widget {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
}
.widget > form,
.widget > div,
.widget > ul {
	
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"], 
.widget input[type="submit"] {
	background: #26a9af;
	color: #fff;
	border: none;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"], 
.widget input[type="submit"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="number"],
.widget input[type="tel"],
.widget input[type="range"],
.widget input[type="date"],
.widget input[type="month"],
.widget input[type="week"],
.widget input[type="time"],
.widget input[type="datetime"],
.widget input[type="datetime-local"],
.widget input[type="color"],
.widget textarea {
	width: 100%;
	display: inline-block;
	border: 1px solid #26a9af;
	text-align: center;
}
.widget select {
	width: 100%;
	padding: 16px;
	display: block;
}
.super-subscribe p {
	margin-bottom: 15px;
}
.widget .swidget {
	width: 100%;
	padding: 0;
	border-radius: 3px 3px 0 0;
}
.widget .swidget-inner {
	padding: 40px;
}
.swidget .widget-title {
	padding: 0;
	margin-bottom: 20px;
}
.widget ul {
	margin: 0;
	padding-left: 0;
	list-style-position: inside;
}
.widget ul li {
	color: #26a9af;
	position: relative;
	margin: 0 0 14px 0;
	padding: 0;
	line-height: 1.4;
	font-family: 'Source Sans Pro', sans-serif;
}
.widget ul li:last-child {
	margin-bottom: 0;
}
.widget ul li .sub-arrow {
	position: absolute;
	top: 2px;
	right: 10px;
	padding: 0 12px;
	cursor: pointer;
}
.widget_categories ul ul,
.widget_nav_menu ul ul {
	margin-left: 15px;
	margin-bottom: 0;
	margin-top: 14px;
}
.widget_categories ul li {
	padding-right: 0;
}
.widget_categories ul li li:last-child {
	padding-bottom: 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_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;
}

/*-------------------------------------------------
# WP Subscribe
--------------------------------------------------*/
.featured-sidebar .wp_subscribe .swidget-inner {
	padding: 0;
}
.featured-sidebar .wp_subscribe .wp-subscribe-wrap {
	padding: 30px;
}
.featured-sidebar .wp-subscribe-wrap p.text,
.featured-sidebar .wp-subscribe-wrap .footer-text,
.featured-sidebar .wp-subscribe-wrap .wps-consent-wrapper {
	margin: 15px 0;
	opacity: 1;
	font-size: 14px;
	line-height: normal;
}
.featured-sidebar .wp-subscribe-wrap .wps-consent-wrapper {
	margin-bottom: 0;
	text-align: center;
}
.featured-sidebar .wp-subscribe-wrap .wps-consent-wrapper,
.featured-sidebar .wp-subscribe-wrap .wps-consent-wrapper label {
	text-transform: capitalize;
	opacity: 1;
}
.featured-sidebar .wp_subscribe input {
	border: none;
}

/*-------------------------------------------------
# Calender Widget
--------------------------------------------------*/
#wp-calendar {
	margin-bottom: 0;
}
.widget_calendar .swidget-inner {
	padding: 28px;
}
#wp-calendar thead th {
	padding: 0;
	text-align: center;
}
#wp-calendar td {
	text-align: center;
	padding: 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;
	text-align: center;
}
.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;
	margin-top: 4px;
}
.right-widget {
	float: right;
	margin-right: 0;
	margin-left: 15px;
}
.center {
	text-align: center;
}
#tabwrap {
	display: block;
	height: auto;
	margin: 0;
	background-color: #FFF;
}
#tabwrap ul.tabs {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	list-style: none;
}
#tabwrap ul.tabs li {
	width: 50%;
	float: left;
	font-weight: bold;
	cursor: pointer;
	border-bottom: none;
	background: none;
}
#tabwrap ul.tabs li h3 {
	font-size: 16px;
}
#tabwrap ul.tabs li a {
	width: 99%;
	color: #111;
	background: #f4f4f4;
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0;
	line-height: 1.4;
	font-weight: normal;
}
#tabwrap ul.tabs li a.current-tap {
	margin: 0;
	cursor: auto;
	color: #fff;
	background: #f47555;
}
#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 .inside ul {
	margin: 0;
}
#tabwrap .inside .data-list {
	display: none;
}
#tabwrap .inside .current-data {
	display: block;
}
#tabwrap .inside li {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	line-height: 1.6;
	border-bottom: 1px solid #f4f4f4;
}
#tabwrap .inside li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#tabwrap .inside li .widget-thumb {
	display: block;
}
#tabwrap .inside li div.info {
	display: block;
	line-height: normal;
}
#tabwrap .inside li div.info a {
	display: block;
	margin-bottom: 15px;
	color: #26a9af;
	font-size: 16px;
}
#tabwrap .inside li div.info .entry-meta span {
	color: #26a9af;
}
#tabwrap .inside li div.info a:hover {
	color: #333;
}
#tabwrap .inside li div.info .entry-title {
	margin-bottom: 0;
	font-weight: 400;
}
#tabwrap .tab-thumb {
	border: 1px solid #f0f0f0;
	padding: 4px;
	background: #fff;
	float: left;
	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,
	.close-icon-menu {
		display: none;
	}
	.primary-menu .btn-right {
		margin-left: 10px;
	}
	.primary-menu .btn-right a {
		background-color: #fff;
		border: 2px solid #26a9af;
		box-shadow: 0 0 0 rgba(0,0,0,.24);
		color: #26a9af;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		padding: 16px 20px;
		text-align: center;
		text-decoration: none;
		transform: translate3d(0,0,0);
		white-space: normal;
		width: auto;
	}
	.primary-menu .btn-right:hover a {
		background-color: #3abdc3;
		border-color: #3abdc3;
		color: #000000;
	}
	.primary-menu .btn-right:hover a {
		background: #000be6;
		border-color: #000be6;
		box-shadow: 0 6px 24px rgba(0,0,0,.14);
		color: #f4f4f4;
		text-decoration: none;
		transform: translate3d(0,-3px,0);
	}
}
@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) {
	.post-full .featured-thumbnail a:hover img {
		box-shadow: 0 6px 15px rgba(0,0,0,.30);
		transform: translate3d(0,10px,0);
	}
	.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: 1366px) {
	.xginner-right .baner-header {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.btn-view, .btn-tour, .btn-sign {
		min-width: 140px;
		font-size: 12px;
		padding: 10px 16px;
		border-width: 2px;
	}
}

/* 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%;
	}
	.site-branding .site-title,
	.site-branding .site-description {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.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: 99997;
		cursor: pointer;
		display: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		background: rgba(0,0,0,.5);
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transition: -webkit-transform 500ms ease;
		transition: transform 500ms ease;
	}
	.search {
		display: none;
	}
	.smenu-hide,
	.main-navigation {
		display: none;
	}
	.mobile-menu-active .close-icon-menu {
		position: absolute;
		top: 0;
		right: 20px;
		line-height: 52px;
		color: #111;
	}
	.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: #fff;
		position: fixed;
		width: 70%;
		top: 0;
		bottom: 0;
		left: -70%;
		z-index: 99998;
		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 .main-navigation ul ul {
		box-shadow: none;
	}
	#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 #eee;
	}
	#smobile-menu.show .main-navigation ul li a {
		padding: 12px 20px;
	}
	#smobile-menu.show .main-navigation ul li.current-menu-item a,
	#smobile-menu.show .main-navigation ul li a:hover {
		color: #111;
	}
	#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 #eee;
	}
	#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 */
	.super-menu-nav,
	.icon-toggle,
	.inner-label {
		cursor: pointer;
	}
	.icon-toggle {
		width: 38px;
		height: 24px;
		padding: 0;
		margin: 15px 0;
		border: none;
		float: left;
		position: relative;
		background-color: transparent;
		display: block;
		outline: none;
	}
	.icon-toggle:hover {
		background: none;
		opacity: 1;
	}
	.icon-toggle::before {
		content: '';
		width: 38px;
		height: 2px;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		box-shadow: 0 11px 0 0 #fff, 0 22px 0 0 #fff;
		transition: background-color 120ms ease-out,box-shadow 120ms ease-out;
	}
	.icon-toggle .inner-line {
		clip: rect(1px,1px,1px,1px);
		clip-path: polygon(0 0,0 0,0 0,0 0);
		position: absolute!important;
		white-space: nowrap;
		height: 1px;
		width: 1px;
		overflow: hidden;
		border: 0;
		margin: -1px;
		padding: 0;
	}
	.super-menu {
		background: #26a9af;
		box-shadow: 0 6px 24px rgba(0,0,0,.14);
	}
	.super-menu-nav {
		width: 1120px;
		max-width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.super-menu .inner-label {
		line-height: 55px;
		right: 0;
		top: 0;
		position: absolute;
		color: #fff;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 992px) {
	.xginner-right .baner-header {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.xginner-right p {
		font-size: 14px;
	}
	.btn-view,
	.btn-tour,
	.btn-sign {
		min-width: 120px;
		font-size: 10px;
		border-width: 1px;
	}
	.btn-view {
		margin-right: 5px;
	}
	.featured-content {
		width: 90%;
		margin: 4% auto;
		float: none;
	}
	.featured-sidebar {
		width: 90%;
		margin: 4% auto;
		float: none;
	}
	.site-info {
		width: 100%;
		text-align: center;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 800px) {
	.intro-wel .xginner-left {
		display: none;
	}
	.intro-wel .xginner-right {
		width: 100%;
		float: right;
		text-align: center;
	}
}

@media screen and (max-width: 782px) {
	.admin-bar #smobile-menu {
		top: 46px;
	}
}

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

	.content-wrap {
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
	}
	.site-branding {
		padding: 15px 0;
	}
	.site-branding .site-title {
		width: 100%;
		font-size: 32px;
		line-height: 32px;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
	}
	.site-branding .site-description {
		width: 100%;
		line-height: 32px;
		margin: 0;
	}
	.intro-wel .xginner-right {
		padding: 6% 0;
	}
	.xginner-right .baner-header {
		font-size: 30px;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.entry-title {
		font-size: 28px;
	}
	.post-full .featured-thumbnail > a::before {
		height: calc(100% + 0px);
		top: 34px;
	}
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 10% auto 0 auto;
		float: left;
	}
}

/* Iphone 5/SE */
@media (max-width: 640px) {
	.intro-wel {
		background-size: auto 100%;
	}
	.post-full .featured-thumbnail > a::before {
		display: none;
	}
	.post-full .featured-thumbnail img {
		box-shadow: 0 10px 25px rgba(0,0,0,.1);
	}
}

/* Portrat tablet */
@media (max-width: 480px) {
	.xginner-right .baner-header {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.intro-wel .sub-baner-header {
		font-size: 10px;
	}
	.btn-view,
	.btn-tour,
	.btn-sign {
		min-width: inherit;
		padding: 6px 10px;
		font-size: 10px;
	}
	.btn-view {
		margin-right: 0;
	}
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin: 10% auto;
	}
}

/* Portrat tablet */
@media (max-width: 411px) {
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
	body > div {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.entry-header {
		margin-bottom: 20px;
	}
	.post-full .featured-thumbnail > a::before {
		top: 4px;
	}
	.post-full .featured-thumbnail > a::before {
		left: -15px;
		width: calc(100% + 30px);
	}
	.entry-title {
		font-size: 20px;
		font-size: 2.0rem;
	}
	.xginner-right .baner-header {
		font-size: 16px;
		margin-bottom: 10px;
		text-transform: capitalize;
	}
}