/*!
Theme Name: Experto
Author: Aftab Ali
Author URI: http://uxdesignexperts.com
Description: Experto is a professional WordPress theme with focus on multipurpose business styles, page transitions and distinctive typography. It includes diffrent types of page styles, like fullwidth, page with slider, default template(with right sidebar), left sidebar template. You can easily use themes custom widgets any where in any page using shortcodes. Its come with fully responsive layout for smartphones and tablets to desktops. It comes with free updates and free support by our highly acclaimed UXDexperts team.
Version: 1.0.4
Tags: left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, custom-header, featured-images, footer-widgets, full-width-template, blog, e-commerce
License: GPLv2 or Later
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: experto
*/
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.

Experto is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}


/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}
.hfe-nav-menu__toggle{
	display:none;
}
/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

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

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	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 #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

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

.main-navigation 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-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

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

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

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

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

.post,
.page {
	margin: 0 0 1.5em;
}

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

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

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

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
ul.book-landing {
    margin: 0;
}
/* 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;
}
.top-bar span.elementor-icon-list-text span {
    opacity: 0.5;
}
/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	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;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

/* Other CSS
--------------------------------------------- */
.sub-title h4 {
    font-size: 18px;
    color: #181818 !important;
    font-weight: 400 !important;
    font-family: roboto !important;
    text-transform: uppercase;
}
.sub-title.lite h4{
	color:#fff !important;
}
.sub-title h4:before {
    content: '';
    width: 3.125rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    top: 9px;
    left: 0;
}
.sub-title h4 {
    padding-left: 60px;
    margin-bottom: -5px;
}
.head-bar .elementor-widget-container {
    padding-left: 40px;
	  margin-bottom: -10px;
}
.head-bar:before {
    content: '';
    width: 1.875rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    top: 18px;
}
.footer-nav .menu-item:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    top: 13px;
}
.footer-nav.list-50 .menu-item{
	width:48%;
	display:inline-block;
}
.color-liteblue {
    color: #14ade0;
}
.resources-box h3 {
    margin-top: 0;
}

.resources-box h5:after {
    content: '';
    width: 2.5rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    top: 6px;
    margin-left: 10px;
}
.resources-box h5{
	margin-bottom: -6px;
}

.subscribe-news {
    background: #14ade0;
    padding: 20px;
}
.blog-sidebar h3{
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #181818 !important;
}
.subscribe-heading {
    font-weight: 800 !important;
    font-size: 1.6em !important;
    color: #031e2d !important;
    letter-spacing: 0px;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
	margin-top: 7px;
}
.sub-form-box {
    border-top: 1px solid #18181833;
    padding: 32px 0;
    border-bottom: 1px solid #18181833;
    margin: 32px 0;
}
.velas-blog-post .col-md-7 h2 {
    font-size: 28px;
}
.blog-sidebar h3:before {
    content: '';
    width: 50px;
    height: 2px;
    background: #14ade0;
    position: absolute;
    margin-top: 38px;
}
.single-blog .title-bar {
    background-position: 50% -227.182px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.blog-sidebar {
    padding-left: 40px;

}
.blog-all-content {
    padding-top: 60px;
}
.testimonial-box .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img {
    width: 100px;
    height: auto;
	  border-radius: 0;
	  margin-top: 5px;
    margin-bottom: -5px;
}
.btn-inline {
    width: fit-content !important;
    display: inline-block;
    margin-right: 10px;
	  transition: 0.5s;
}
.btn-inline:hover {
    transition: 0.5s;
}
.post-box .author-info-inner {
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    font-family: sarabun;
    margin-bottom: 0;
	    margin-top: 0;
}
.post-box .author-info-inner a {
    color: #14ade0;
}
.post-box .link a {
    color: #14ade0;
}
.post-thumb {
    width: 100%;
    height: 193px;
    overflow: hidden;
}
.blog-box {
    display: flex;
    margin: 0 10px;
    width: 33.33%;
}
.post-box .excerpt p {
    font-size: 14px;
    line-height: 21px;
    font-family: 'Roboto';
    margin-bottom: 18px;
	  color:#181818;
	  margin-top: 10px;
}
.post-box .link {
    font-size: 14px;
    font-weight: 800;
    line-height: 22px;
    color: #14ade0;
}

.post-box .author-info {
    background: #f3f3f3;
    padding: 26px;
    margin-top: -10px;
}
.post-box .date-day {
    font-size: 30px;
    font-weight: 800;
    font-family: 'Roboto';
    line-height: 30px;
}
.post-box .post-date {
    color: #181818;
    font-size: 20px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: -52px;
    z-index: 9999;
    position: relative;
    margin-right: 10px;
}
.post-box .post-date:after {
    content: '';
    position: absolute;
    right: -10px;
    top: -6px;
    border-bottom: 40px solid #ff000000;
    border-left: 75px solid #ff000000;
    border-right: 75px solid white;
    border-top: 40px solid white;
    z-index: -9;
}
ul.list-2 {
    margin: 0;
    padding-left: 25px;
    margin-bottom: 15px;
}
ol.list-2 {
    margin: 0;
    padding-left: 25px;
    margin-bottom: 15px;
}

a {
    color: #14ade0;
}
.quote-box .elementor-icon-box-content {
    position: absolute;
    left: 32px;
    top: 68px;
}
.quote-box .elementor-icon-box-wrapper {
    margin-bottom: 85px;
}
.mp p {
    margin: 0;
    margin-bottom: -20px;
}
.side-bar-nav li {
    border-bottom: 1px solid #18181833;
}
.side-bar-nav ul#menu-footer-links {
    margin: 0;
    padding: 0;
}
.side-bar-nav li a {
    color: #181818;

}
.side-bar-nav li {
    border-bottom: 1px solid #18181833;
    color: #181818;
    padding-bottom: 15px;
    padding-top: 15px;
	text-transform: capitalize;
}

.blog-page-content h2.blog-title a {
    color: #1b4962;
}
.blog-page-content h2.blog-title a:hover {
    color: #14ade0;
}
.side-bar-nav ul {
	margin-left:0px;
}
.title-bar-blue .elementor-widget-wrap.elementor-element-populated {
    width: 100%;
}
.title-bar-blue .elementor-element {
    display: inline-block;
    width: fit-content;
    padding-right: 15px;
	    margin-bottom: 0;
}
.swiper-wrapper .blog-box:first-child {
    width: 50%;
}
.line-head h3:before {
    content: '';
    width: 45px;
    height: 3px;
    background: #14ade0;
    position: absolute;
    top: 50%;
    left: 0;
}
.line-head h3{
	  padding-left: 52px;
} 
.line-head {
    margin-bottom: 6px !important;
}
.sub-head2 {
    margin-bottom: 0px !important;
}
.home-slider .title {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    font-family: 'Roboto';
    margin-bottom: 25px;
    padding-left: 75px;
}
.home-slider .title:before {
    content: '';
    width: 4.125rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    margin-top: 14px;
    margin-left: -73px;
}
.home-slider .subtitle {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    font-family: 'Sarabun';
    line-height: 48px;
    margin-bottom: 28px;
}
.home-slider p.item_description {
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    font-family: 'Roboto';
    margin-bottom: 75px;
}
.home-slider a.swiper-slider-button {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    border-style: none;
    padding: 15px 30px;
    color: #fff;
    background: #14ade0;
    margin-right: 8px;
    border-bottom: 3px solid #0592c1;
}
.home-slider .swiper-wrapper {
    height: 150vh;
}
.home-slider .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}



.swiper-button-next, .swiper-button-prev {
    display: none;
}
.home-slider a.swiper-slider-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 -3px rgba(24, 24, 24, .15) inset, 0 3px 10px rgba(0, 0, 0, .3);
}
.post, .page {
    margin: 0 0 0em;
}
.blog .sub-bar {
    position: relative;
}
.blog .sub-bar a:first-child, .archive .sub-bar a:first-child {
    padding-left: 45px;
}
.blog .sub-bar a, .archive .sub-bar a {
    padding-left: 15px;
    text-transform: uppercase;
    color: #181818;
}
.side-bar-nav .hfe-menu-item:before {
    position: absolute;
    display: block;
    left: -1em;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    content: "";
    background: #14ade0;
    -webkit-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    transition: transform 200ms ease;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 10px;
}
.sub-menu li a:before {
    position: absolute;
    display: block;
    left: -1em;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    content: "";
    background: #14ade0;
    -webkit-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    transition: transform 200ms ease;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 10px;
}
.current-menu-item a.hfe-menu-item:before {
    content: '';
    position: absolute !important;
    width: 12px;
    height: 2px;
    background: #14ade0;
    left: 0px;
    opacity: 1 !important;
}
.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before {
    content: '' !important;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.post-box {
    position: relative;
	    height: 100%;
}
.swiper-wrapper .blog-box:first-child .post-box .author-info {
    padding: 26px;
    position: absolute;
    bottom: 0;
    background: #ff000000;
}
.swiper-wrapper .blog-box:first-child .post-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(4deg, rgb(0 0 0) 0%, rgb(0 0 0 / -8%) 97%);
    bottom: 0;
}
.swiper-wrapper .blog-box:first-child .excerpt p {
    color: #fff;
}
.swiper-wrapper .blog-box:first-child .post-thumb {
    width: 100%;
    height: 193px;
    overflow: visible;
}
.btn-up a:hover .elementor-button-content-wrapper {
    transform: translateY(-3px);
	  transition: 0.3s;
}
.btn-up a .elementor-button-content-wrapper {
	  transition: 0.3s;
}
.blog .velas-blog-post {
    width: 1240px;
    margin: 0 auto;
	    display: flex;
}
.blog-page-content .blog-title{
	font-size:29px;
	line-height:1.3em;
	letter-spacing:-0.03em;
}

.blog-header .blog-title {
    font-size: 60px;
    line-height: 1.3em;
    letter-spacing: -0.03em;
    font-family: 'Sarabun';
    color: #175d9f;
    margin: 0;
}
.blog-header h3.sub-bar {
    text-transform: uppercase;
    padding-left: 55px;
    font-size: 19px;
    color: #181818;
    font-weight: 400;
	margin: 0px;
}
.archive .sub-bar {
    position: relative;
    display: block;
}
.archive article.blog-page-content {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #18181833;
}
section.blog-header:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #ffffff8f;
    position: absolute;
    bottom: 0;
}
.single-blog .blog-text h4 {
    font-size: 18px;
    font-weight: 400;
}
.single-blog .blog-avatar {
    padding-right: 20px;
	    -webkit-flex: 1 1 150px;
    -ms-flex: 1 1 150px;
    flex: 1 1 150px;
}
.single-blog article{
	margin-bottom:2em;
}
.single-blog .btPrevNext.btPrev, .single-blog .btPrevNext.btNext{
	display:flex;
	align-items:center;
	width:50%;
}
.single-blog .next-prev-item{
	display:flex;
}
.single-blog .btPrevNext.btNext{
	flex-direction:row-reverse;
	text-align:right;
}
.single-blog .prev-post-image, .single-blog .next-post-image{
	    -webkit-flex: 0 0 4.375em;
    -ms-flex: 0 0 4.375em;
    flex: 0 0 4.375em;
    height: 4.375em;
    background-size: cover;
    background-position: center center;
    margin: 0 1em 0 0;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
.nextprev-next-icon, .nextprev-prev-icon{
	display: none;
    width: 100%;
    justify-content: center;
    height: 100%;
    position: absolute;
    background: #14ade0;
}
.btPrevNext.btNext:hover .nextprev-next-icon, .btPrevNext.btPrev:hover .nextprev-prev-icon{
	display:flex;
}
.nextprev-next-icon svg, .nextprev-prev-icon svg{
	width:20px;
}
.nextprev-next-icon svg path, .nextprev-prev-icon svg path{
	fill:white;
}

.single-blog .next-post-image{
	margin:0 0 0 1em;
}
.post-nav-item{
	margin:40px 0;
}
.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
}
.single-blog .blog-text{
	    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}
.single-blog .blog-avatar img {
    border-radius: 50%;
    width: 100px;
}
.single-blog .blog-author-box {
    display: flex;
    border: 2px solid #14ade0;
    padding: 30px;
	align-items:center;
}
.blog-header .row {
    display: block;
}
.single-blog .post-next-dir {
    color: #181818;
    text-transform: uppercase;
}
.single-blog .post-new-title {
    color: #181818;
    font-weight: 600;
}
.single-blog-title{
	font-size:3.75em;
	line-height:1em;
	color: #175d9f;
	margin: 18px 0;
}
.single-sub-title h4 a{
	 text-transform: uppercase;
    padding-left: 55px;
    font-size: 19px;
    color: #181818;
    font-weight: 400;
}
.single-blog:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #ffffffba;
    position: absolute;
    z-index: 0;
}
.single-blog-content.velas-blog-post {
    padding: 60px 0;
}
.blog-author-box .blog-text p{
	margin-top:0;
	margin-bottom:8px;
}
.blog-author-box .blog-text h4{
	margin-bottom:10px;
	margin-top:0;
}
h3#reply-title {
    font-size: 23px;
    font-weight: 400;
}
.single-blog p.comment-form-comment {
    font-weight: 600;
}
.single-blog p.form-submit .submit {
    width: 100%;
}
.single-blog .form-submit input#submit {
    background: #ff000000;
    border: 1px solid #18181833;
    color: #181818;
    font-size: 16px;
    font-weight: 400;
}
.single-sub-title h4 a:before {
    content: '';
    width: 3.125rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    margin-top: 12px;
    margin-left: -55px;
}
.blog-header {
  padding-bottom: 7em;
  padding-top: 7em;
  background-position: 50% -93.182px !important;
}
.single-post p {
    line-height: 2em;
}
.single-blog header {
    width: 1240px;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.single-blog h2 {
    color: #175d9f;
    margin: 25px 0 0px;
    font-size: 2.2em;
    font-weight: 800;
}
.single-blog header{
    width: 1240px;
    margin: 0 auto;
}
.blog-link {
    text-align: right;
}
.blog-meta {
    margin-bottom: 30px;
}
.single-blog .blog-meta {
    margin-bottom: 70px;
    font-size: 18px;
    font-family: roboto;
    line-height: 18px;
}
.blog article.blog-page-content {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #18181833;
}
.blog-date, .blog-comments, .blog-author {
    padding-right: 20px;
}
.blog-meta a {
    color: #181818;
}
.row {
    display: flex;
}
.search-blog-content .row {
    display: flex;
    width: 100%;
}
.search-blog-content .search-form label {
    width: 100%;
}
.search-blog-content input.search-field {
    width: 100% !important;
}
.search-blog-content form.search-form {
    display: flex;
}
.col-md-5 {
    padding-right: 15px;
    width: 41.6666%;
    padding-left: 15px;
}
.col-md-7 {
    width: 58.33%;
	  padding-right: 15px;
    padding-left: 15px;
}
.blog-content {
    display: flex;
}
.blog-post {
    margin-bottom: 0px;
    border-bottom: 0px solid #dddddd;
    padding-bottom: 0px;
}
.blog-post img {
    width: 100%;
}
.blog .sub-bar a:hover{
	opacity: .4;
}
.sub-bar:before {
    content: '';
    width: 1.975rem;
    height: 2px;
    background: #14ade0;
    position: absolute;
    margin-top: 14px;
    left: 0;
}
.blog-post .sub-bar a {
    padding-left: 55px;
    font-size: 19px;
    text-transform: uppercase;
    font-family: roboto;
    color: #181818;
}
.blog-post .blog-title a {
    font-family: 'Sarabun';
    font-size: 34px;
    line-height: 34px;
    margin: 0;
    font-weight: 700;
    color: #1b4962;
}
.blog-post h2 {
    margin: 2px 0 22px;
}

}
.blog-link a {
    -webkit-box-shadow: 0 -2px 0 0 rgba(24, 24, 24, .2) inset;
    box-shadow: 0 -2px rgba(24, 24, 24, .2) inset;
    background: #14ade0;
    color: #fff;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    line-height: 1.1;
    font-weight: 600;
    padding: 15px 20px 17px;
    font-family: 'Sarabun';
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    text-align: right;
}
.icon-img img {
    width: 13px !important;
    margin-right: 5px;
}
.nav-links {
    margin-bottom: 60px;
}
.error404 section.error-404.not-found {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.error404 h1{
    font-size: 48px;
	margin-top:0;
}
.btn-404 {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    border-style: none;
    padding: 15px 30px;
    color: #fff !important;
    background: #14ade0;
    border-bottom: 3px solid #0592c1;
    display: inline-block;
}
h1.page-404 {
    font-size: 85px;
    margin: 0;
    line-height: 1em;
}
.search section {
    text-align: left;
}
.search h1.page-title {
    font-size: 48px;
    margin-bottom: 10px;
}
.search section.no-results.not-found {
    padding: 60px 0;
}
.search input.search-field {
    height: 56px;
    margin-right: 10px;
    padding: 10px;
	width: 90%;
}
.search-result {
    max-width: 1240px;
    margin: 0 auto;
}
.search-blog-content h2.blog-title a {
    color: #015298;
}
.search-blog-content h2.blog-title a:hover {
    color: #14ade0;
}
.search-blog-content {
    max-width: 1240px;
    margin: 0 auto;
}
.search-blog-content .blog-page-content {
    border-bottom: 1px solid #18181833;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.search-blog-content aside.blog-sidebar.col-md-4 {
    padding-right:15px;
    width: 33.33%;
}
.search-blog-content .col-md-8 {
    width: 66.66%;
    padding: 0 15px;
	overflow: hidden;
}
.search-blog-content span.sub-bar {
    position: relative;
    padding-left: 40px;
}
.search-blog-content input#wp-block-search__input-1 {
    height: 55px;
    padding: 15px;
}
.search-blog-content .side-bar-nav li {
    list-style: none;
}
.search-blog-content .side-bar-nav ul {
    padding: 0;
}
.search-blog-content .blog-sidebar a:before{
	    position: absolute;
    display: block;
    left: -1em;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    content: "";
    background: #14ade0;
    -webkit-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    transition: transform 200ms ease;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 10px;
}
.archive .col-md-4 {
    width: 33.33%;
}
.archive .col-md-8 {
    width: 66.66%;
}
.blog .side-bar-nav li, .archive .side-bar-nav li {
    list-style: none;
    text-transform: capitalize;
}
.blog ul.wp-block-categories-list.wp-block-categories, .archive ul.wp-block-categories-list.wp-block-categories {
    padding: 0;
}
a:hover, a:focus, a:active {
    color: #175d9f;
}
.title-bar-blue .elementor-widget-wrap.elementor-element-populated {
    justify-content: center;
    align-items: center;
}
.single-blog .side-bar-nav li {
    list-style: none;
}
.single-blog .side-bar-nav ul {
    margin-left: 0px;
    padding: 0;
}
.blog-page-content .blog-link a {
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-style: none;
    padding: 12px 22px;
    color: #fff;
    background: #14ade0;
    margin-right: 8px;
    border-bottom: 3px solid #0592c1;
}.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 200px;
  left: -56px;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
	.col-md-4 {
    width: 33.33%;
}
	.col-md-8 {
    width: 66.66%;
}
	.col-md-9 {
    width: 75%;
}
	.col-md-3 {
    width: 25%;
}
.sub-form-box h2.gform_title {
    margin-top: 0;
    font-weight: 800;
    font-size: 1.6em;
    color: #031e2d;
    letter-spacing: 0px;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}
.sub-form-box input#gform_submit_button_2 {
    background: #181818;
	width: 100%;
}
.sub-form-box .subscribe-news {
    background: #14ade0;
    padding: 30px 20px 30px;
}
.newsletter h2.gform_title {
    text-align: center;
    margin-top: 10px;
    color: #fff;
}
.newsletter-form input {
    height: 52px !important;
}

.newsletter-form input#gform_submit_button_1 {
    background: #14ade0;
    width: 100%;
    font-size: 17px;
    font-family: 'Sarabun';
    letter-spacing: 1px;
}
.hfe-flyout-overlay {
  display: none;
}
.sticky {
        position: fixed;
        top: 50px;
        right: 10%;
        left: 65%;
        max-width: 400px;
    }
    .sticky-bottom {
      position: absolute;
      bottom: 50px;
      right: 0;
      left: 0;
      max-width: 400px;
    }
    @media (max-width: 480px) {
        .sticky {
            position: relative;
            top: 0;
            right: 0%;
            left: 0%;
            max-width: 400px;
        }
    }

.sub-form-box input#gform_submit_button_4 {
    background: #181818;
    width: 100%;
}
.mail-list fieldset {
    margin-bottom: -24px !important;
}
.sub-form-box.mail-list{
    border-top: 0px solid #18181833;
    padding: 0 0 32px;
    border-bottom: 1px solid #18181833;
    margin: 0;
}
.page-sidebar .current-menu-item a {
    color: #14ade0 !important;
}
.page-sidebar h2.widget-title {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #181818 !important;
}
.page-sidebar h2.widget-title:before {
    content: '';
    width: 50px;
    height: 2px;
    background: #14ade0;
    position: absolute;
    margin-top: 38px;
}
.page-sidebar ul#menu-footer-links li {
    list-style: none;
}
.page-sidebar .widget_nav_menu a:hover{
	color:#14ade0;
	position: relative;
}
.page-sidebar .widget_nav_menu a:before {
    position: absolute;
    display: block;
    left: -1em;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    content: "";
    background: #14ade0;
    -webkit-transition: transform 200ms ease;
    -moz-transition: transform 200ms ease;
    transition: transform 200ms ease;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: 10px;
}
.page-sidebar .widget_nav_menu a:hover:before{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.page-sidebar {
    position: sticky;
    top: 0;
    position: -webkit-sticky;
}
.contact-us-form input {
    height: 3.75em !important;
    border: 1px solid rgba(24, 24, 24, .2) !important;
}
.contact-us-form textarea{
	height: 3.75em !important;
    border: 1px solid rgba(24, 24, 24, .2) !important;
}
.contact-us-form .gfield_label {
    color: #181818;
    font-size: 16px;
    font-weight: 400;
}
.contact-us-form .gfield_required {
    display: none;
}
.contact-us-form input#gform_submit_button_3 {
    font-size: 1em;
    background: #14ade0 !important;
    -webkit-box-shadow: 0 -2px 0 0 rgba(24, 24, 24, .2) inset;
    box-shadow: 0 -2px 0 0 rgba(24, 24, 24, .2) inset;
    color: #fff !important;
    font-weight: 700 !important;
    border: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
    height: 50px !important;
    width: auto !important;
    padding: 0px 1.875em !important;
    font-family: "Sarabun", Arial, Helvetica, sans-serif !important;
}
.contact-us-form input#gform_submit_button_3:hover {
    -webkit-box-shadow: 0 -3px 0 0 rgba(24, 24, 24, .2) inset, 0 0 0 2.5em #14ade0 inset, 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 -3px 0 0 rgba(24, 24, 24, .2) inset, 0 0 0 2.5em #14ade0 inset, 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
/* Mobile Sidebar CSS
--------------------------------------------- */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

hfe-nav-menu li:first-child a {
    background: #14ade0;
    color: white !important;
}
side-nabbar {
    position: absolute;
    background: #fff;
    top: 0;
    left: 0px;
    width: 80%;
    height: auto;
    overflow: scroll;
}

/* Mac CSS
--------------------------------------------- */
@media only screen and (min-width: 1440px) {
	.home-slider .slider-content-box {
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 30vh;
}
  .home-slider .subtitle {
    font-size: 5rem;
    line-height: 5rem;
		width: 400px;
	}
	.hfe-page-title h2 {
    font-size: 3.75rem;
}
	.hfe-page-title.hfe-page-title-wrapper {
   	 width: 768px;
	}
	.heading-mac h2{
		font-size: 3.75rem;
	}
}

/* Normal Display CSS
--------------------------------------------- */
@media only screen and (max-width: 1439px) {
	    .home-slider .slider-content-box {
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 30vh;
}
  .home-slider .subtitle {
    font-size: 3rem;
    line-height: 3rem;
	}
	.hfe-page-title h2 {
    font-size: 3.75rem;
}
		.banner-title h2{
        font-size: 60px !important;
        line-height: 60px !important;
	}
	.hfe-page-title.hfe-page-title-wrapper {
   	 width: 768px;
	}
}

.sticky {
        position: sticky;
		top: 50px;
    }
    .sticky-bottom {
      position: absolute;
      bottom: 50px;
      right: 0;
      left: 0;
      max-width: 400px;
    }
    @media (max-width: 480px) {
        .sticky {
            position: relative;
            top: 0;
            right: 0%;
            left: 0%;
            max-width: 400px;
        }
    }

/* Mobile CSS
--------------------------------------------- */
@media only screen and (max-width: 767px) {
	.blog-meta .btArticleAuthor {
    width: 100%;
    display: block;
}
	.hfe-nav-menu__toggle {
		display: block;
	}
	.elementor-top-section {
    background-position: -174px 0px !important;
}
	.no-bg {
    background-image: linear-gradient(90deg, #FFFFFF 70%, #ffffff 70%) !important;
}
	.heading-mac h2{
		font-size: 2.4rem !important;
	}
	.sticky {
    left: 0;
}
	.hfe-page-title.hfe-page-title-wrapper {
        width: auto;
    }
	
	.blog-box {
    width: 100%;
    margin-bottom: 55px;
}
	.blog-post .swiper-wrapper {
    display: inline-block;
}
	.blog-post .swiper-wrapper .blog-box:first-child {
    width: 100%;
}
	.post-thumb {
    height: 160px;
}
	.quote-box .elementor-icon-box-content {
    position: relative;
    left: 0px;
    top: 0px;
}
	.quote-box .elementor-icon-box-wrapper {
    margin-bottom: 0px;
}
	h2.elementor-heading-title.elementor-size-default {
    font-size: 2.4rem;
    line-height: 1.2;
}
	.home-slider .slider-content-box {
    width: 92%;
}

	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9   {
     	 width: 100% !important;
}
	.row {
		width: 100%;
		display: block !important
}
	h2.blog-title {
    margin-top: 8px;
}
	h1.blog-title {
    font-size: 38px !important;
}
	.blog-header {
    padding-bottom: 4.5em;
    padding-top: 4.5em;
    background-position: -63% -188.182px !important;
}
	.elementor-section {
    padding: 0 15px;
}
	.blog-sidebar {
    padding-left: 15px;
}
	.single-blog-title {
    font-size: 38px;
}
	.single-blog .title-bar {
    background-position: 15% -50.182px !important;
    padding: 60px 15px;
}
	.single-blog-content.velas-blog-post {
    padding: 0px 0 60px;
}
	.single-blog header {
    width: 100%;
}
	.main-nav-mobile .hfe-nav-menu.hfe-layout-horizontal.hfe-nav-menu-layout.horizontal.hfe-pointer__none {
		position: absolute;
		top: -70px;
		left: -12px;
}
	.swiper-wrapper .blog-box:first-child .post-thumb {
    height: 400px;
}
	.blog-box {
        margin-right: 0;
        margin-left: 0;
}
	.footer-nav.list-50 .menu-item {
    width: 100%;
}
	a.swiper-slider-button {
    display: inline-block;
    margin-bottom: 8px;
}
	.elementor-section.home-slider {
    padding: 0 !important;
}
	.blog-link {
    text-align: center;
		margin: 55px 0;
}
	.blog-page-content header {
    margin-top: 20px;
}
	
element.style {
    /* padding-left: 16px; */
}
@media (max-width: 767px) {
    .elementor-25 .elementor-element.elementor-element-c8afac9 nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child) {
        margin-bottom: 0px;
    }
}
@media (max-width: 767px) {
    .elementor-25 .elementor-element.elementor-element-c8afac9 .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child {
        margin-top: 25px;
    }
}
.hfe-flyout-container .hfe-nav-menu li.menu-item {
    position: relative;
    background: unset;
}
.hfe-nav-menu li.menu-item {
    position: relative;
}
.mobile-nav .hfe-flyout-content ul li {
    padding-left: 16px;
}

}