/*
Theme Name: Jobstride Resume
Theme URI: https://www.luzuk.com/themes/free-wordpress-resume-template/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Being a resume writer is a serious business. You are the business owner. It's your career. Everyone in any kind of business seeks a website to grow and succeed. So do you, if you want to be seen as established and more importantly sought after resume writer. All freelance Resume writers who aim to succeed in their profession ought to consider having an impressive online presence. A website through which people can find you, get to know about you and your skills, can read samples of your work, your blogs to understand your thought process and your skills as a writer. Resume WordPress Theme is a perfect template that will support a resume creator. Whether you’re looking for a simple format that can accommodate your biography and list of published work or you’re looking to add more depth to your persona and want to share your professional summary by way of a tightly woven CV, projects, niches you’re familiar with and blog posts to showcase your craft, Resume WordPress Theme will serve your purpose. So all the resume writers who are not sure or feel a little shaken with the idea of having a website, remember there is no rocket science to this. Resume WordPress Theme makes things really simple.  Within hours of downloading & installing Resume WordPress Theme you can make your presence live! It’s a ready to load template with an easy to use Dashboard. By logging onto the Dashboard you can get access to all the different sections where you can upload images and share relevant information for your target audience. When you use Resume WordPress Theme you can manage your online presence yourself and won’t have to spend time and money hiring a web designer or developer. You will be able to make all the changes like changing background colors, images, adding new pages of updating information, posting blogs etc.  Resume WordPress template comes with neatly curated sections where you can accommodate professional summary, share your industry experience, highlight your education and certifications & professional achievements.  You can make your image looking fresh by changing your own photograph from time to time or making new announcements from time to time.  It can all be done yourself. And within minutes the changes will be visible to your online visitors! Relax and download Resume WordPress Theme makes things really simple. Live Demo: https://www.luzukdemo.com/demo/jobstride-resume/ 
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: jobstride-resume
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, portfolio, e-commerce

Jobstride Resume WordPress Theme, Copyright 2022 Luzuk
Jobstride Resume is distributed under the terms of the GNU GPL
*/
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
body {
	margin: 0; 
	font-family: "Montserrat", serif;
	overflow-x: hidden;	
/*	background: #fff;*/
	color: #000;
	background-image: url(assets/images/Back_Ground.png);
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "Space Grotesk", serif;
}


article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	display: block;
}

/* figure {
	margin: 1em 0;
} */

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

p {
	color: #000;
	font-size: 15px;
  line-height: 1.8;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{
	outline: -webkit-focus-ring-color auto 1px;
	text-decoration: none;
}
.site-footer a:focus, .site-footer input:focus, .closepop a:focus,
.nav-menu ul ul a:focus, .site-footer button:focus{
	outline-color: #fff;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}
/*-------------- Alignments ---------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------- Clearings -------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------- Forms ---------*/

label {
	color: #3f3f3f;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

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: #222;
	border-color: #3f3f3f;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #000;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 0;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #3f3f3f;
}
:-moz-placeholder {
	color: #3f3f3f;
}
::-moz-placeholder {
	color: #3f3f3f;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #3f3f3f;
}

/*------ Formatting ---------*/

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

/*-------- Lists ----------*/

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

ul {
	list-style: disc;
	padding-left: 15px;
}

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

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	width: 100%;
}

thead th {
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}
tbody, td, th {
    border: 1px dashed;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*---------- Links -----------*/
a {
	color: #000;
	text-decoration: none ;
}
.article_content a, .lz-content a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
	color: #000;
	text-decoration: none;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}


.site-footer .current-menu-item a {
	color: #F93A0E;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*------------ Serviced Image Hover ----------------*/

.service-content a {
	overflow-wrap: break-word;
}

.post-thumbnail {
	margin-bottom: 1em;
}
.post-thumbnail img {
    width: auto;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}


.carousel-indicators {
    left: -50px;
}

#inner-pages-header {
	padding: 4em 0 4em 0;
	position: relative;
	background: #000;
}
#inner-pages-header h1 {
	font-weight: 600;
    font-size: 50px;
	color: #fff;
    padding: 10px 10px;
	overflow-wrap: break-word;
    margin: 0;
    text-transform: capitalize;
    position: relative;
}
#inner-pages-header .innheader-border{
    display: block;
    margin: 10px auto;
    content: " ";
    text-shadow: none;
    width: 22%;
    border-style: solid;
    border-width: 4px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-color: #fff;
    position: relative;
}
/*#inner-pages-header h1:before {
	content: '';
	width: 35px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFC107;
	clip-path: polygon(0 0, 50% 0%, 100% 100%, 0% 100%);
}*/
#inner-pages-header .theme-breadcrumb {
	/*background: #fff;
	display: inline-block;
	margin-left: 50px;*/
}
#inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span {
	color: #fff;
	font-size: 28px;
	display: inline-block;
	position: relative;
	font-weight: 600;
	padding: 5px 10px;
}
#inner-pages-header .theme-breadcrumb span {
	overflow-wrap: break-word;
	word-break: break-all;
	/*background: #FFC107;
	padding-left: 15px;
	color: #fff;
	clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);*/
}
#inner-pages-header .header-content {
	text-align: center;
	position: relative;
}
#inner-pages-header .theme-breadcrumb a:last-child:after {
	display: none;
}
#inner-pages-header .header-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFC107;
	left: 0;
	top: 0;
	/* opacity: 0.5; */
}
.pd-0{padding: 0;}
.mr-0{margin-left:0 !important; margin-right:0 !important; }

/*-------------- Header ----------------*/
.headerbox{
	width: 14%;
    text-align: center;
    position: fixed;
    padding: 34px 4px 0 4px;
    margin: 0 0 0 0;
    background: #232323;
    bottom: 0;
    top: 0;
    border-right: 3px solid #fff;
}
#header .person-imgbx img {
    position: relative;
    width: 208px;
    height: 228px;
    border: 3px solid #fff;
}
#header .pers-data p {
    font-size: 18px;
    margin: 0;
    padding: 10px 0 2px;
    color: #FFC107;
}
#header .pers-data h2 {
    font-size: 30px;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: 500;
    color: #fff;
}
#skip-content{
	position: relative;
	width: 86%; 
    left: 14%;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

.page-template-default #header, .single #header{
	/* width: 14%; */
	top: 0;
    /* position: absolute;
	z-index: 999; */
}

#header .search-box {
	position: relative;
    z-index: 1;
   /* margin-left: 31px;
    margin-right: 31px;*/
}

#header .search-form .search-field::placeholder {
	color: #FFC107;
}

#header .search-form .search-field {
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
    color: #FFC107;
    border-radius: 0px;
    padding: 6px 10px 6px 30px;
    FONT-WEIGHT: 400;
    border: 1px solid #FFC107;
    letter-spacing: 0.6px;
}
/* .search-form:after {
    content: "\f002";
    position: absolute;
    top: 6px;
    font-size: 21px;
    font-weight: 300;
    right: 33px;
    color: #f5f2f2fa;
    font-family: 'Font Awesome 5 Free';
    cursor: pointer;
	color: #FFC107;
} */

#header .search-form:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 8px;
    top: 6px;
    cursor: pointer;
    font-size: 13px;
    color: #FFC107;
}

#header .search-form .search-submit {
    bottom: 0px;
    padding: 10px;
    top: -52px;
    position: absolute;
    left: 0;
    color: #e37979;
    font-size: 16px;
}
#header .search-form .search-submit {
    float: right;
    position: absolute;
    right: auto;
    text-indent: -999px;
    padding: 8px 13px 8px;
    top: 0px;
    border-radius: 0%;
    box-shadow: none;
    display: inline-block;
    opacity: 0;
}
#header .btncart {
    background: #fff;
    border-radius: 50px 0 0 50px;
    padding: 10px 15px 10px 20px;
    position: relative;
}
#header .btncart .cart{
	font-size: 19px;
	color: #FFC107;
	font-weight: 500;
}
#header .btncart .cart i{    
	float: right;
    position: relative;
    top: 4px;
}
.page-template-custom-home-page #header {
    position: relative;
    z-index: 999;
}
#header .top-head{
	position: relative;
/*	background: #FFC107; */
	padding: 6px 0px;
}

/*#header .mail,
#header .phone { display: inline-block; margin: 0 20px 0;}

#header .mail a,
#header .phone a{color: #212121; font-size: 15px;font-weight: 400;}

#header .mail a:hover,
#header .phone a:hover{color: #FFC107;}

#header .mail a i,
#header .phone a i{
	font-size: 16px;
	color: #FFC107;
    padding-right: 12px;
    position: relative;
    top: 1px;
    font-weight: 600;
    
}*/

/***** header button *****/
/*#header .contact{ text-align: right;}
#header .contact a{
    margin-top: 5px;
	position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    padding: 6px 20px;
    color: #EAE1DA;
    transition: all 0.5s;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background: #FFC107;
    border-radius: 50px;
    border: none;
}
#header .contact a:hover{background-color: #000}
#header .m-head{position: relative;padding: 0px 0; }*/
/*
.logo img{max-height:100% !important;}
p.site-description{
	font-size: 14px;
	margin: 0;
	padding-bottom: 5px;
	color: #000;
}
h1.site-title, p.site-title {
	margin: 0;
	padding-top: 10px;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.2;	
	text-transform: capitalize;
}
 h1.site-title a, p.site-title a{
	color: #000;
} 

*/


/* --------- MENUS CSS --------- */


/* Header Navigation ------------------------- */

.header-navigation-wrapper {
	display: none;
}

/* Header Toggles ---------------------------- */

.header-toggles {
	display: none;
}

.header-inner .toggle {
	align-items: center;
}

.header-inner .toggle svg {
	display: block;
	position: relative;
	z-index: 1;
}

.header-inner .toggle path {
	fill: currentColor;
}

.toggle-inner {
	float: right;
	justify-content: center;

	position: relative;
}

.toggle-icon {
	display: block;
	overflow: hidden;
}

.toggle-inner .toggle-text {
	color: #6d6d6d;
	font-size: 1rem;
	font-weight: 600;
	position: absolute;
	top: calc(100% + 0.5rem);
	width: auto;
	white-space: nowrap;
	word-break: break-all;
}

.overlay-header .toggle-text {
	color: inherit;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
	text-decoration: underline;
}

/* Toggles ----------------------------------- */

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}


nav#primary-site-navigation { padding: 0 0 0 18px;}
#sidelong-menu { display: inline;}
.nav-menu ul{
  margin: 0;
  padding: 0;
}
.nav-menu ul li{
	display: inline-block;
	position: relative;
}
.nav-menu ul li a{
	color: #fff;
    font-size: 16px;
    display: block;
    padding: 4px 12px;
    position: relative;
    font-weight: 500;
}
.nav-menu ul li a:hover {
	color: #FFC107;
}

/* .sf-arrows .sf-with-ul:before {
    padding: 0px 2px;
    content: "\f107";
    font-family: "Fontawesome";
    font-weight: 600;
    position: relative;
    right: -4px;
    font-size: 5px;
    opacity: 1;
    color: #FFC107;
    top: 12px;
    float: right;
    background: #FFC107;
    border-radius: 50px;
} */
/* .nav-menu ul li a:before {
	content: '';
	width: 100%;
	height: 5px;
	background: #FFC107;
	border-radius: 0 0 10px 10px;
	position: absolute;
	left: 0;
	bottom: -5px;
	display: block;
	opacity: 0;
} */
.nav-menu ul li a:hover:before, .nav-menu ul li.current_page_item a:before {
	opacity: 1;
}
.nav-menu ul ul li a:before {
	display: none;
}
.nav-menu ul ul{
	display: none;
	position: absolute;
	min-width: 215px;
	top: 45px;
	z-index: 9999;
	border: 1px solid #000;
	margin: 0;
}
.nav-menu ul ul ul{
	left: 216px;
	top: 0;
}
.nav-menu ul ul a{
	color: #fff ;
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
	background: #000;
	transition: all 0.5s ease 0s;
}
.nav-menu ul ul a:hover{
	color: #FFC107;
}
.nav-menu ul ul li{
	float: none;
	display: block;
	text-align: left;
	border-left: none;
	border-right: none !important;
	padding: 0;
	border: 0;
	margin: 0;
}


/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
	font-weight: 900;
  position: absolute;
  right: 0px;
  top: 9px;
  font-size: 14px;
}
.sf-arrows ul .sf-with-ul {
	padding: 10px;
}
.sf-arrows ul .sf-with-ul:hover:after{
  transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
	top: 10px;
	right: 15px;
}
.toggle-menu, a.closebtn{
	display: none;
}

/* content-page*/
.single-post .article_content p{
	text-align: left;
}

.article_content .is-style-squared a{
	border-radius: 0;
}
.single-post-tags{
	text-align: left;
	font-weight: 500;
	color: #000;
	font-size: 16px;
}
.single-post-tags a {
	font-style: italic;
  text-decoration: none;
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
}
.article_content img {
  padding: 0 0 10px;
}
.grid-layout .article_content {
	border: 1px solid #eee;
}
.grid-layout .post-date{
	width: 60%;
}
article.inner-service {
	margin-bottom: 25px;
	position: relative;
}
article.inner-service:before {
	content: '';
	width: 60%;
	height: 6px;
	border-radius: 30px;
	background: #FFC107;
	position: absolute;
	top: -3px;
	left: 50%;
	transform: translateX(-50%);
}
article.inner-service img {
	width: 100%;
}
.article_content {
  padding: 10px;
  background: #fff;
}
.article_content h3{
	padding: 0 0 10px;
  font-size: 22px;
  color: #000;
  margin: 0;
  overflow-wrap: break-word;
  font-weight: 600;
}
.metabox {
  padding: 5px 10px;
  background: #000;
}
.metabox span {
	display: inline-block;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
	width: 49%;
	text-align: center;
	padding: 0 7px;
}
.metabox span.entry-comments{
	border-right: 1px solid #fff;
}
.metabox span.entry-date span {
	background: #fff;
	padding: 0 10px 0 0;
	display: inline-block;
	width: auto;
	color: #000;
	position: relative;
	font-size: 12px;
}
.metabox span.entry-date span i {
	color: #fff;
	clip-path: polygon(0 0, 70% 0%, 100% 100%, 0% 100%);
	background: #FFC107;
	padding: 10px;
	padding: 7px 12px 7px 7px;
  font-size: 15px;
}
.metabox span i{
	margin-right: 5px;
}
.content-area {
  margin-top: 4em;
  margin-bottom: 2em;
}
.article_content p {
	color: #8D8D8D;
	font-size: 13px;
}


/* Navigation Toggle ------------------------- */

.nav-toggle {
    position: absolute;
    /* bottom: 0; */
    right: 10px;
    top: 22px;
    /* width: 45px; */
}

.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 36px;
    width: 40px;
    color: #fff;
    border-radius: 2px;
    /* left: 55px; */
    top: 11px;
    background: #000;
    text-align: center;
    line-height: 40px;
    z-index: 9;
    font-size: 24px;
    padding: 5px;
}
/*.nav-toggle .toggle-inner {
	padding-top: 0.8rem;
}*/

/* Primary Menu ---------------------------- */

.primary-menu-wrapper {display: none;}
ul.primary-menu {
	margin: 15px 0 0 0;
    padding: 0;
	/* display: inline-flex; */
}

.primary-menu .icon {
	display: block;
    color: #fff;
    height: 0.1rem;
    position: absolute;
    pointer-events: none;
    transform: rotate(-45deg);
    width: 1rem;
}

.primary-menu .icon::before,
.primary-menu .icon::after {
	content: "";
	display: block;
	background-color: currentColor;
	position: absolute;
	bottom: calc(50% - 0.1rem);
	left: 0;
}

.primary-menu .icon::before {
	height: 0.4rem;
    width: 0.1rem;
}

.primary-menu .icon::after {
	height: 0.14rem;
    width: 0.4rem;
}

.primary-menu li {
	display: block;
	font-size: inherit;
	line-height: 1.25;
	position: relative;
}

.primary-menu li .sub-menu li {
	display: block;
}

.primary-menu > li {margin:3px 14px 6px 14px;}
.primary-menu > li.menu-item-has-children > a {padding-right: 1.4rem;}

.primary-menu > li > .icon {
	right: 0rem;
    top: calc(54% - 0.2rem);
}
/*.header-navigation-wrapper{float: right;}*/
.primary-menu a {
	display: block;
	font-size: 18px;
	margin: 6px 0 0;
	padding: 6px 8px;
	color: #fff;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	position: relative;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 1px transparent;
	box-shadow: 0 0 1px transparent;
	white-space: nowrap;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 0.3s;
	border: 1px solid transparent;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
	text-decoration: underline;

}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
	font-weight: 600;
    background: #fff;
    border-radius: 2px;
    /* border: 1px solid #FFC107; */
    transition: all 0.2s;
    color: #000;
}

.primary-menu li:hover .icon,.primary-menu li a:hover {
	color: #FFC107; transition: all 0.3s ease;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}

/* SUB MENU */

.primary-menu ul {
    background: #000;
    border-radius: 0;
    color: #fff;
    font-size: 1rem;
    padding: 5px 0;
    position: relative;
    z-index: 9;
/*    opacity: 0;*/
    display: none; 
    width: 14rem;
    top: -2px;
    left: 0%;
    margin: 0;
    transition: all 0.2s;
    /* top: calc(98% + .8rem); */
}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
	display: block;
}

.primary-menu li.menu-item-has-children:hover > ul, 
.primary-menu li.menu-item-has-children:focus > ul, 
.primary-menu li.menu-item-has-children.focus > ul {
    opacity: 1;
}

.primary-menu li::marker{    color: transparent;}
/*.primary-menu ul::before,
.primary-menu ul::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
}

.primary-menu ul::before {
	height: 2rem;
	left: 0;
	right: 0;
}

.primary-menu ul::after {
	border: 0.8rem solid transparent;
	border-bottom-color: #000;
	right: 1.8rem;
}
*/
.primary-menu ul a {
    background: transparent;
    border: none;
    text-align: left;
    color: inherit;
    display: block;
    padding: 8px 6px 8px 15px;
    margin: 0 0 4px;
    transition: background-color 0.15s linear;
    width: 100%;
}

.primary-menu ul li.menu-item-has-children > a {
	padding-right: 4.5rem;
}

.primary-menu ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

.primary-menu ul ul {
	top: -1rem;
}

.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
    left: 80px;
    top: 25px;
}

.primary-menu ul ul::before {
	bottom: 0;
	height: auto;
	left: auto;
	right: -2rem;
	top: 0;
	width: 2rem;
}

.primary-menu ul ul::after {
	border-bottom-color: transparent;

	/*rtl:ignore*/
	border-left-color: #000;
	bottom: auto;
	right: -1.6rem;
	top: 2rem;
}

.rtl .primary-menu ul ul::after {
	transform: rotate(180deg);
}
/*header button*/
#header .bttn{
    position: relative;
    display: inline-block;
    margin: 1em 0 1em;
    transition: all 0.3s;
}
#header .bttn a{
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #232323;
    background: #FFC107;
    padding: 8px 10px;
    transition: all 0.3s;
}
#header .bttn a:before{
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 4px;
    bottom: -4px;
    border: 1px solid #FFC107;
    z-index: -1;
    transition: all 0.3s;
}
#header .bttn a:hover:before{
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition: all 0.3s;
}
#header .l-box{position: relative;background: #303030;text-align: center; padding: 14px 4px;margin: 2px 2px;}
#header .l-box:after{
	content: "";
	position: absolute;
	left: -4px	;
	right: -4px;
	top: -4px;
	bottom: -4px;
	border: 1px solid #303030;
}

#header .s-media{position: relative; }
#header .s-media li{display: inline-block;}
#header .s-media:after {
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    border-bottom: 2px solid #fff;
    position: absolute;
    width: 50px;
}
#header .s-media a{padding: 0;margin: 0;}
#header .s-media a i {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 500 !important;
    padding: 0;
    margin: 4px 8px;
    transition: all 0.3s;
    text-align: center;
}
#header .s-media a:hover i{color: #FFC107; transition: all 0.3s; }
#header .f-box{position: relative;}
#header .f-box .nbx{position: relative;font-size: 14px; color: #fff;margin: 4px 0 2px;}
#header .f-box .copy{position: relative;font-size: 18px; color: #FFC107;margin: 2px 0 4px;}
/**/


/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

	/*.primary-menu > li.menu-item-has-children > a {
		padding-right: 0;
		margin-right: 2rem;
	}*/

	/*.primary-menu ul li.menu-item-has-children > a {
		margin-right: 4.5rem;
		padding-right: 0;
		width: unset;
	}*/

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
/*body.touch-enabled .primary-menu > li.menu-item-has-children > a {
	padding-right: 0;
	margin-right: 2rem;
}*/

body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
	margin-right: 4.5rem;
	padding-right: 0;
	width: unset;
}

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

/*	5. Menu Modal
/* -------------------------------------------------------------------------- */


.menu-modal {
	background: #fff;
	display: none;
	opacity: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	bottom: 0;
	left: -99999rem;
	right: 99999rem;
	top: 0;
	transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
	z-index: 99;
	width: 80%;
}

.admin-bar .menu-modal {
	top: 32px;
}


.menu-modal.show-modal {
	display: flex;
}

.menu-modal.active {
	left: 5%;
	opacity: 1;
	right: 0;
	transition: opacity 0.25s ease-out;
}

.menu-modal-inner {
	background: #fff;
	/* display: flex; */
	/* padding-right: 18px; */
	justify-content: stretch;
	overflow: auto;
	-ms-overflow-style: auto;
	width: 100%;
}

.menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

button.close-nav-toggle {
	align-items: center;
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    justify-content: flex-end;
    padding: 1.2rem 18px;
    width: 100%;
}

button.close-nav-toggle svg {
	height: 1.6rem;
	width: 1.6rem;
}

button.close-nav-toggle .toggle-text {
    margin-right: 13px;
    font-size: 18px;
	color: #000;
}
button.close-nav-toggle i {
	font-size: 25px;
	color: #000;
}

.menu-modal .menu-top {
	flex-shrink: 0;
}

i.fa.fa-chevron-down {
	color: #000;
}


/* Main Menu --------------------------------- */

.modal-menu {
	position: relatiave;
	left: calc(50% - 50vw);
	padding: 0;
	width: 100%;
}

.modal-menu li {
	border-color: #dedfdf;
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	justify-content: flex-start;
	margin: 0;
}

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: -0.0375em;
}

.modal-menu > li:last-child {
	border-bottom-width: 0.1rem;
}

.modal-menu .ancestor-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.modal-menu a {
	display: block;
	text-align: left;
	padding: 18px 11px;
	text-decoration: none;
	width: 100%;
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
	text-decoration: underline;
}

button.sub-menu-toggle {
	border-left: 0.1rem solid #dedfdf;
	flex-shrink: 0;
	margin: 1rem 0;
	padding: 0 23px;
}

button.sub-menu-toggle svg {
	height: 0.9rem;
	transition: transform 0.15s linear;
	width: 1.5rem;
}

button.sub-menu-toggle.active svg {
	transform: rotate(180deg);
}

.modal-menu ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.modal-menu ul li {
	border-left-width: 1rem;
}

.modal-menu ul li a {
	color: #000;
	font-weight: 500;
}

/* Main menu animation ----------------------- */

.menu-wrapper .menu-item {
	position: relative;
	padding: 0 6px;
}

.menu-wrapper .active {
	display: block;
}

.menu-wrapper.is-toggling {
	pointer-events: none;
}

.menu-wrapper.is-toggling .menu-item {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
	width: auto;
}

.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
	transition-duration: 250ms;
}

.menu-wrapper.is-animating .menu-item {
	transition-property: transform;
}

.menu-wrapper.is-toggling .toggling-target {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

.menu-wrapper.is-toggling .toggling-target.active {
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target {
	display: block;
	transition-property: opacity;
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target.active {
	opacity: 1;
}

.menu-wrapper.is-toggling .modal-menu > li:last-child li {
	border-top-color: transparent;
	border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

	.menu-wrapper.is-animating .menu-item,
	.menu-wrapper.is-animating .toggling-target {
		transition-duration: 1ms !important;
	}

}


/* Expanded Menu ----------------------------- */

.expanded-menu {
	display: none;
}

.mobile-menu {
	display: block;
}


@media ( min-width: 1000px ) {


	/* HEADER NAVIGATION */

	.header-navigation-wrapper {
		align-items: center;
		display: flex;
	}

	.primary-menu-wrapper {
		display: block;
		text-align: center;
		width: 100%;
	}

	/* HEADER TOGGLES */

	.mobile-search-toggle,
	.mobile-nav-toggle {
		display: none !important;
	}

	.primary-menu-wrapper + .header-toggles {
		margin-left: 3rem;
	}

	.header-toggles {
		display: flex;
		flex-shrink: 0;
		margin-right: -3rem;
	}

	.header-inner .toggle {
		height: 4.4rem;
		padding: 0 3rem;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		top: auto;
		width: auto;
	}

	.header-inner .toggle-wrapper {
		position: relative;
	}

	.header-inner .toggle-wrapper::before {
		background: #dedfdf;
		content: "";
		display: block;
		height: 2.7rem;
		position: absolute;
		left: 0;
		top: calc(50% - 1.35rem);
		width: 0.1rem;
	}

	.header-inner .toggle-wrapper:first-child::before {
		content: none;
	}

	.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
		content: "";
	}

	.nav-toggle-wrapper:not(.has-expanded-menu) {
		display: none;
	}

	.toggle-inner {
		position: static;
	}

	.toggle-inner .toggle-text {
		left: 0;
		right: 0;
		text-align: center;
		top: calc(100% - 0.3rem);
		width: auto;
	}

	.header-toggles:only-child .nav-toggle .toggle-inner {
		padding-top: 0;
	}

	.header-toggles:only-child .toggle-inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}

	.header-toggles:only-child .toggle-inner .svg-icon {
		order: 1;
	}

	.header-toggles:only-child .toggle-inner .toggle-text {
		position: static;
		padding-right: 20px;
		font-size: 15px;
		color: inherit;
	}

	/* Menu Modal ---------------------------- */

	.menu-modal {
		opacity: 1;
		justify-content: flex-end;
		padding: 0;
		transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
	}

	.menu-modal.cover-modal {
		background: rgba(0, 0, 0, 0);
	}

	.menu-modal.active {
		background: rgba(0, 0, 0, 0.2);
		transition: background-color 0.3s ease-out;
	}

	.menu-wrapper.section-inner {
		width: calc(100% - 8rem);
	}

	.menu-modal-inner {
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
		opacity: 0;
		padding: 0;
		transform: translateX(20rem);
		transition: transform 0.2s ease-in, opacity 0.2s ease-in;
		width: 50rem;
	}

	.menu-modal.active .menu-modal-inner {
		opacity: 1;
		transform: translateX(0);
		transition-timing-function: ease-out;
	}

	.mobile-menu {
		display: none;
	}

	.expanded-menu {
		display: block;
	}

	.menu-bottom {
		padding: 6rem 0;
	}

	.menu-bottom .social-menu {
		justify-content: flex-start;
	}

}

@media ( min-width: 1220px ) {

	/* HEADER TOGGLES */

	.primary-menu-wrapper + .header-toggles {
		margin-left: 4rem;
	}

	.header-toggles {
		margin-right: -4rem;
	}

	.header-toggles .toggle {
		padding: 0 4rem;
	}
	
}

@media (max-width: 782px) {

	.admin-bar .menu-modal {
		top: 46px;
	}
}

/*=====profile-section section=====*/

#profile-section{position: relative; overflow: hidden;}
#profile-section .heading{
	position: relative;
	text-align: center;
	background-image: linear-gradient(-360deg, #009ECD 40%, #000 200%, #009ECD 38%);
    padding: 2em 10px 0 10px;
    border-radius: 0px;
}
#profile-section .heading h3 {
    word-break: break-all;
    font-size: 82px;
    font-weight: bold;
    padding: 0;
    margin:0.2em 6px 14px 10px;
    color: #fff;
    line-height: 1;
}
#profile-section .heading h5 {
    word-break: break-all;
    font-size: 40px;
    font-weight: bold;
    padding: 0;
    margin: 0 2px 1.5em 11px;
    color: #fff;
    line-height: 1;
}
#profile-section .heading .imgbx{position: relative;}
#profile-section .heading .imgbx img {
    position: relative;
    width: auto;
    height: 650px;
}
#profile-section .heading .imgbx figcaption:before {
    position: absolute;
    content: "";
    left: 30px;
    right: auto;
    top: 0px;
    bottom: 30px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 70px;
    height: 70px;
    transition: all 0.5s;
}
#profile-section .heading .imgbx:hover figcaption:before{
    width: 50%;
    height: 100%;
    transition: all 0.5s;
}
#profile-section .heading .imgbx figcaption:after {
    position: absolute;
    content: "";
    right: 30px;
    left: auto;
    top: 0px;
    bottom: 30px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 70px;
    height: 70px;
    transition: all 0.5s;
}

#profile-section .heading .imgbx:hover figcaption:after{
    width: 50%;
    height: 100%;
    transition: all 0.5s;
}
/*right*/

#profile-section .abtbx {
	position: relative;
    background: #fff;
    border: 2.3em solid #FEF6F4;
    border-left: 0;
}
#profile-section .profileaboutus-head {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding: 0 90px 10px 25px;
    color: #009ECD;
    margin: 20px 0 20px 0;
}
#profile-section .profileaboutus-head .brd {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #009ECD;
    width: 100%;
}
#profile-section .profileaboutus-head .brd:before {
    content: "";
    position: absolute;
    right: -20px;
    top: -7px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 7px;
}
#profile-section .profileaboutus-head .brd:after {
    content: "";
    position: absolute;
    right: -24px;
    top: -11px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 11px;
}
#profile-section .profile-aboutus{position: relative;margin-left:24px; }
#profile-section .profileaboutus-data li{
	list-style: none;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    color: #4A4A4A;
    border-bottom: 2px solid #ebebeb;
    padding: 10px 4px 10px 20px;
    margin: 0 0 10px 0;
}
#profile-section .profileaboutus-data li span {
    position: relative;
    font-weight: 300;
    width: 130px;
    display: inline-block;
}

#profile-section .profileinfo-head{
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding: 0 90px 10px 25px;
    color: #009ECD;
    margin: 20px 0 20px 0;
}
#profile-section .profileinfo-head .brd {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #009ECD;
    width: 100%;
}
#profile-section .profileinfo-head .brd:before {
    content: "";
    position: absolute;
    right: -20px;
    top: -7px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 7px;
}
#profile-section .profileinfo-head .brd:after {
    content: "";
    position: absolute;
    right: -24px;
    top: -11px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 11px;
}
#profile-section .profile-information {
    margin: 0 84px 0 24px;
}
#profile-section .infotext {
    position: relative;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin: 10px 10px 14px 0px;
}
#profile-section .infoboxlist li {
    font-size: 15px;
    position: relative;
    color: #000;
    padding: 0 0 0 20px;
    margin: 4px 0 14px 0;
    display: block;
    font-weight: 500;
}
#profile-section .infoboxlist li:before {
    content: "\f111";
    position: absolute;
    display: inline-block;
    font-family: 'Fontawesome';
    color: #000;
    left: 0;
    top: 7px;
    font-size: 6px;
    text-align: center;
    font-weight: 100;
    transition: all 0.4s ease 0s;
}
#profile-section .signimgbx {
    position: relative;
    display: inline-block;
    margin: 4px 10px 0 0;
}

#profile-section .btnbx {
    position: relative;
    display: inline-block;
}
#profile-section .btnbx{position: relative;margin: 4px 0 0 0;display: inline-block;}
#profile-section .abt-btn { position: relative; transition: all 0.3s;}
#profile-section .abt-btn a {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #232323;
    background: #FFC107;
    padding: 7px 20px;
    margin: 2px 10px 10px 10px;
    border-radius: 2px;
    transition: all 0.3s;
}
#profile-section .abt-btn a:before{
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 4px;
    bottom: -4px;
    border: 1px solid #FFC107;
    border-radius: 2px;
    transition: all 0.3s;
}
#profile-section .abt-btn a:hover:before{
    transition: all 0.3s;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

/*======*/


/* --------- SLIDER --------- */

#slider{ 
	position: relative;
	overflow: hidden;
}

#slider .slideimg{ position: relative;overflow:hidden; width: 100%;}
#slider .slideimg img {
    display: block;
    position: relative;
    width: auto; 
    height: 800px;
    float: right;
}

#slider .content {
    position: absolute;
    width: 700px;
    top: 15%;
    left: 20%;
    margin: 0 auto;
    padding: 0em 0em 0em 0em;
    z-index: 1;
}
#slider .t-brd {
    position: absolute;
    right: 150px;
    top: 50%;
    border: 2px solid #000;
    width: 112px;
}
#slider .t-brd:after {
    content: "";
    position: absolute;
    right: -42px;
    top: -2px;
    border: 2px solid #000;
    width: 30px;
}
#slider .t-brd:before {
    content: "";
    position: absolute;
    right: -52px;
    top: -2px;
    border: 2px solid #000;
    width: 5px;
}
#slider h2 {
	position: relative;
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0px;
    color: #000;
}
#slider p{
	position: relative;
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    padding: 0px 0px 0 40px;
    margin-bottom: 0px;
    
}
#slider .sbtn1{margin: 15px 0 0 0;}
#slider .sbtn1 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    word-break: break-word;
    z-index: 1;
    border-top: 2px solid #000;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    color: #FFC107;
    transition: all .6s ease-in-out;
    box-shadow: 0px 0px 12px #00000029;
}
#slider .sbtn1 a i{margin-left:18px; }
#slider .sbtn1 a:hover{color:#000;}

/*slider arrow */
/*===============*/
/*#slider .carousel-indicators{right: auto !important;}
#slider .carousel-indicators{text-align: left;}*/

#slider .slidebtn{position: absolute;top: 44%; width: 100%;opacity: 0; transition: all .6s ease-in-out;}
#slider:hover .slidebtn{opacity: 1; transition: all .6s ease-in-out;}
#slider .carousel-control-prev, 
#slider .carousel-control-next {
	display: block;
    width: 50px;
    height: 55px;
    background: #fff;
    opacity: 1;
}
#slider .carousel-control-prev-icon, 
#slider .carousel-control-next-icon{    
	margin: 10px 0 0 0;
	top: -4px;
	position: absolute;
    left: 10px;
	background-image: none;
}
#slider .carousel-control-prev i, 
#slider .carousel-control-next i{
	color: #1A1A1A;
	font-size: 45px;
}

/*======================================*/
/********* Feature Section **************/
/*======================================*/
#feature-section{
	position: relative;
	overflow: hidden;
	padding: 2em 0;
}
#feature-section .count-box{   
	position: relative;
    overflow: hidden;
    margin: 0px 0 1.5em 0;
    border-radius: 0px;
    transition: all 0.5s;
    display: block;
    padding: 0px;
}
#feature-section h2 {
    position: relative;
    font-size: 140px;
    color: #212121;
    font-weight: 400;
    padding: 0 0 6px 0px;
    transition: all 0.5s;
    line-height: 1.2;
    z-index: 1;
}
#feature-section h2:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    border-bottom: 1px solid #000;
    width: 50%;
    transition: all 0.5s;
}

#feature-section h3 {
    position: relative;
    font-size: 24px;
    color: #636363;
    font-weight: 400;
    padding: 0px 0;
    margin: 24px 0 0 0;
    line-height: 1.2;
    word-break: break-word;
    transition: all 0.5s;
}
#feature-section .count-box:hover h3 {transition: all 0.5s;color: #FFC107;}
/*======================================*/
/********* aboutus-section **************/
/*======================================*/
#aboutus-section{
	position: relative;
	overflow: hidden;
	padding: 4em 0 2em;
}
#aboutus-section .abt-cir {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    position: absolute;
    left: -120px;
    right: 0;
    z-index: 0;
    top: -12px;

    animation: spin 8s infinite alternate ease-in-out;
}
#aboutus-section .abt-cir svg line{stroke:#FFC107;}

#aboutus-section .leftside{width: 45%; padding: 0 15px;}
#aboutus-section .sub-title{width: 40%;padding: 0 10px 0 0;}
#aboutus-section h6 {
    font-size: 20px;
    font-weight: 6;
    margin: 0;
    color: #212121;
    position: relative;
    margin: 3em 0 0 0;
}
#aboutus-section h6 i{
	margin: 0 0 0 10px;
	color: #212121;
	font-size: 18px;
}
#aboutus-section .sub-img{width: 60%;}
#aboutus-section .sub-img .sub-imginn{position: relative;}
#aboutus-section .sub-img .sub-imginn img{width: 100%;height: 100%;}
#aboutus-section h5 {
    position: relative;
    font-size: 52px;
    font-weight: 400;
    color: #212121;
    line-height: 1.4;
    margin: 1.4em 0 10px 0;
}

#aboutus-section .rightside{
	width: 55%; 
	padding: 0 10px 0 50px; 
	position: relative;
}
#aboutus-section .expebx{width: 35%;padding: 0 10px;}
#aboutus-section .expe{
    position: relative;
    margin-top: -6em;
}
#aboutus-section .expe h2 {
    font-size: 232px;
    position: relative;
    line-height: 1;
    margin: 0;
    display: inline-block;
}
#aboutus-section .expe h2:before {
    content: "";
    position: absolute;
    right: -16px;
    top: 24px;
    width: 80px;
    height: 80px;
    background: #FF7617;
    border-radius: 50px;
    z-index: -1;
}
#aboutus-section .exptxt{
	font-size: 22px;
	color: #212121;
}
#aboutus-section .funtabsbx{width: 65%;padding: 0 10px;  margin: 3em 0 0 0;}
#aboutus-section ul.tabs{
	margin: 0 0 14px 0;
	padding: 0px;
	list-style: none;
}
#aboutus-section ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 18px;
    font-weight: 600;
}

#aboutus-section ul.tabs li.current{
	color: #F93A0E;
	border-bottom:2px solid #6e6c6c ;
}

#aboutus-section .tab-content{
	display: none;
	padding: 15px;
    font-size: 16px;
    line-height: 28px;
}

#aboutus-section .tab-content.current{
	display: inherit;
}
#aboutus-section .list ul{margin: 0;}
#aboutus-section .list li {
    list-style: none;
    width: 50%;
    float: left;
    padding: 0 10px 0 0;
}
#aboutus-section .list li h4 {
    position: relative;
    font-size: 18px;
    margin: 12px 0;
    color: #212121;
}
#aboutus-section .list li h4 i {
    position: relative;
    color: #FFC107;
    font-size: 14px;
    margin: 0 10px 0 0;
}
#aboutus-section .bttn{position: relative;margin: 20px 0 0 0;}
#aboutus-section .bttn a{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    padding: 8px 20px 8px 20px;
    color: #000;
    transition: all 0.5s;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    word-break: break-all;
    background-color: #fff;
    z-index: 1;
}
#aboutus-section .bttn a:hover{background:#FFC107 ;transition: all 0.5s;}
#aboutus-section .bttn a i{
    top:2px;
    transform: rotate(-45deg);
    transition: all 0.2s;
    margin-left: 5px;
}


/*======================================*/
/********* feature-section **************/
/*======================================*/

#feature-section{position: relative;}
#feature-section .content {
    /* width: 80%; */
    position: relative;
    /* margin: -6em auto 0 auto; */
}
#feature-section .feabx{position: relative;overflow: hidden;}
#feature-section .feabx:nth-child(even) .feabxinn{
	background: #fff;
}
#feature-section .feabx:nth-child(odd) .feabxinn{
	background: #1A1A1A;
	color: #fff;
}
#feature-section .feabx:nth-child(odd) .feabxinn a h4, 
#feature-section .feabx:nth-child(odd) .feabxinn p,
#feature-section .feabx:nth-child(odd) .feabxinn .feabtn a{
	color: #fff;

}

#feature-section .feabxinn{position: relative;overflow: hidden;padding: 30px 25px;}
#feature-section .feabxinn .icon{text-align: center;}
#feature-section .feabxinn .icon i{
    font-size: 70px;
    position: relative;
	margin-bottom: 25px;
    z-index: 1;
}

#feature-section .feabxinn a h4{
	padding-bottom: 8px;
}

#feature-section .feabxinn p{
	font-size: 16px;
}

#feature-section .feabxinn .feabtn a{
	font-size: 1.2em;
}

#feature-section .feabxinn {
	margin: 10px 0;
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}


/*======================================*/
/********* portfolio-section **************/
/*======================================*/
#portfolio-section{position: relative;overflow: hidden;padding: 2em 0;}
#portfolio-section .heading h3 {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding: 0 90px 10px 25px;
    color: #009ECD;
    margin: 20px 0 20px 10px;
}
#portfolio-section .heading h3 .brd {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #009ECD;
    width: 100%;
}
#portfolio-section .heading h3 .brd:before {
    content: "";
    position: absolute;
    right: -20px;
    top: -7px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 7px;
}
#portfolio-section .heading h3 .brd:after {
    content: "";
    position: absolute;
    right: -24px;
    top: -11px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 11px;
}
#portfolio-section .funtabsbx{width: 100%;padding: 0 10px;  margin: 0 0;}
#portfolio-section ul.tabs{
	margin: 0 0 14px 0;
	padding: 0px;
	list-style: none;
}
#portfolio-section ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 18px;
    font-weight: 600;
}

#portfolio-section ul.tabs li.current{
	color: #009ECD;
}

#portfolio-section .tab-content{
	display: none;
	padding: 15px;
    font-size: 16px;
    line-height: 28px;
}

#portfolio-section .tab-content.current{ display: inherit; }

#portfolio-section .gbox{display: inline-block;float: left;position: relative;padding: 0px 0px;margin: 10px 10px 10px 10px;}
#portfolio-section .gbox:after{
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background: #009ECD;
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 0.7;
}
#portfolio-section .gbox:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#portfolio-section .gbox h2 {
    position: absolute;
    bottom: 20px;
    left: 100%;
    background: #fff;
    padding: 12px 20px 12px 20px;
    /*font-size: 21px !important;
    font-weight: 400 !important;*/
    color: #009ECD;
    margin: 0;
    opacity: 0;
    transition: .8s ease;
    z-index: 9;
}
#portfolio-section .gbox:hover h2{
    transition: .8s ease;
    left: 0;
    opacity: 1;
}

/*======================================*/
/********* services-section **************/
/*======================================*/
#services-section{position: relative;overflow: hidden;padding: 2em 0;}
#services-section .headbx h2{
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding: 0 90px 10px 25px;
    color: #009ECD;
    margin: 20px 0 20px 10px;
}
#services-section .headbx h2 .brd {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #009ECD;
    width: 100%;
}
#services-section .headbx h2 .brd:before {
    content: "";
    position: absolute;
    right: -20px;
    top: -7px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 7px;
}
#services-section .headbx h2 .brd:after {
    content: "";
    position: absolute;
    right: -24px;
    top: -11px;
    border-radius: 50px;
    border: 1px solid #009ECD;
    padding: 11px;
}
#services-section .headbx h2{}
#services-section .serbx {
	position: relative;
	padding: 0 10px;
	width: 25%;
    float: left;
    text-align: center;
}
#services-section .serbxinn {
    margin-bottom: 20px;
    transition: all 0.5s;
    padding: 30px 10px;
    position: relative;
    overflow: hidden;
    border: 2px solid #009ECD;
}
/**/
#services-section .serbxinn:before{
    content: '';
    background-color: #e6f5fa;
    height: 100%;
    width: 100%;
    transform: translateX(0%) translateY(0%) scale(0);
    position: absolute; 
    left: 0%;
    top: 0%;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out 0s;
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
}


#services-section .serbxinn:focus:before,
#services-section .serbxinn:hover:before{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(3);
}

/**/
#services-section .service_inimg {
    position: relative;
    transition: all 0.5s;
    overflow: hidden;
    text-align: center;
}
#services-section .service_inimg img {
    position: relative;
    overflow: hidden;
    width: 50px;
    transition: all 0.5s;
}
#services-section .serbx h4 {
    font-size: 20px;
    margin: 20px 0;
    color: #000;
    font-weight: 600;
    position: relative;
}
#services-section .serbx p {
	position: relative;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0px 0 4px 0;
}

/**/

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    font-size: 30px !important;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	color: #000 !important;
	background: none !important;
}


/*---- Back to Top css ----*/
/*=============================*/
.back-to-top, .back-to-top::after, .back-to-top-text {
	transition: all 0.25s ease-in-out;
}
.back-to-top, .back-to-top::after {
	position: fixed;
	height: 45px;
	width: 45px;
	color: #fff;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #bc64ec;
}
.back-to-top {
	right: 30px;
	bottom: -12%;
	z-index: 999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: rotate(-45deg);
	background: #F93A0E;
	border-radius: 0;
}
.back-to-top::after {
	display: inline-block;
	content: "";
	right:  -1px;
	bottom: 0;
	border-width: 1px;
	background: transparent;
}
.back-to-top-text {
	display: block;
	position: relative;
	transform: rotate(45deg) translate(2%,0%);
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:hover::after {
	transform: translate(25%,-25%);
	background: #000;
	z-index: 9;
}
.back-to-top:hover .back-to-top-text {
	color: #fff;
	z-index: 99;
	transform: rotate(45deg) translate(2px,-15px);
}
.show-back-to-top {
	bottom: 4%;
}

/* Woocommerce */
.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{
	max-width: 100%;
}
.woocommerce ul.products {
	margin: 0;
}
.woocommerce .products li{
	border: 1px solid #939191;
	background: #fff;
	margin-bottom: 20px !important;
}
.woocommerce .products li:hover{
	border: 1px solid #000;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
	color: #000;
}
.woocommerce-message {
  border-top-color: #000;
}
.woocommerce span.onsale{
	background: #000;
	color: #fff;
	padding: 0;
	border-radius: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{
	margin: 0 !important;
}
.products li {
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #000;
  font-weight: 600;
  font-size: 22px !important;
  padding-top: 0;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
  font-size: 16px;
}
.woocommerce .woocommerce-product-rating .star-rating {
	color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{
	background: #000;
	border-radius: 0;
	color: #fff;
	font-weight: 500;
	transition: 0.5s all ease-in-out;
}
.woocommerce a.added_to_cart.wc-forward {
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {
	background: #FFC107;
	color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #353535;
  color: #353535;
}
span.woocommerce-input-wrapper {
	width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #000;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 500;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff;
	text-decoration: none;
}
.product_meta a {
	text-decoration: none;
}
.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .products .star-rating{
	margin: 5px auto 10px;
}
.select2-container--default .select2-selection--single {
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 5px !important;
	top: 50% !important;
	transform: translateY(-50%);
}

/*------- Header ---------*/

/*.topheadmobout a {
	color: #000;
}
.topheadmobout i {
	color: #FFC107;
}
.topheadmobout .fa-phone {
	transform: scaleX(-1);
}
*/
/*.topheadmobout a.phone {
    margin-right: 4em;
}*/
.site-title {
	clear: none;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.site-title,
.site-title a {
	/* color: #222; */
	opacity: 1; 
}
.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
#header .bott-head{
	position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.jobstride-resume-front-page .custom-header,
.has-header-video.jobstride-resume-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}
.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}
.admin-bar .wp-custom-header-video-button {
	top: 62px;
}
.has-header-image.jobstride-resume-front-page .site-branding,
.has-header-video.jobstride-resume-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*------- Front Page ------------*/
.jobstride-resume-front-page .site-content {
	padding: 0;
}
.jobstride-resume-panel {
	overflow: hidden;
	position: relative;
}
.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.panel-image:before {	
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}
.jobstride-resume-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}
.panel-content {
	position: relative;
}
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */
.jobstride-resume-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.jobstride-resume-front-page .panel-content .recent-posts article {
	border: 0;
	color: #3f3f3f;
	margin-bottom: 3em;
}
.recent-posts .entry-header {
	margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}
.jobstride-resume-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*-------- Regular Content -----------*/
.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.sticky {
	position: relative;
	background: #eee;
}
.post:not(.sticky) .icon-thumb-tack {
	display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.jobstride-resume-front-page) .entry-title {
	color: #000;
	font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
}
.page-title strong {
	display: block;
	font-size: 60px;
}
.home-btn a{
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}
.home-btn a i{
	margin-right: 8px;
}
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a {
    font-weight: 500;
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #767676;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #767676;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.pagination,
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}
.comments-pagination {
	border: 0;
}
.page-numbers {
	display: none;
	padding: 10px;
}
.page-numbers.current{
	display: inline-block;
	background: #000;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #000;
	display: inline-block;
	color: #fff;
    font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}
.prev.page-numbers {
	float: left;
}
.next.page-numbers {
	float: right;
}
a.more-link {
    color: #fff;
    background: #000;
    padding: 6px 10px;
    float: left;
}
.more-link:before {
    margin-top: 0 !important;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}
body:not(.jobstride-resume-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.jobstride-resume-front-page) .entry-header,
body:not(.jobstride-resume-front-page) .entry-content,
body:not(.jobstride-resume-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.jobstride-resume-front-page) .entry-header {
	padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}
.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.jobstride-resume-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}
.single-serviced-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.single-serviced-image-header img {
	display: block;
	margin: auto;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}

/* Entry footer */
/*.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}*/

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-quote blockquote {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}
.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */
.post-navigation{
	padding: 15px 0;
	margin-top: 20px;
    border-top: 1px solid rgba(170,170,170,.25);
    border-bottom: 1px solid rgba(170,170,170,.25);
}
.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 500
}
.nav-title {
	color: #3f3f3f;
	font-size: 15px;
	font-size: 0.9375rem;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*----------- Pages ---------*/
header.page-header h2 {
    font-size: 22px;
}
.page-header {
	padding-top: 2em;
}
.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page:not(.home) #content {
	padding-bottom: 1.5em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*----------- Footer --------------*/
/*#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
#colophon h5,
#colophon h6 {
	color: #000;
}

#colophon {
	display: none;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color: #000;
	position: relative;
	font-size: 14px;
	font-weight: 300;
	padding: 0px 0;
}*/
/*.footer-overlay{
	background:#1A1818;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	
}*/
/*#colophon .f_innbx{}
.copyright .site-info p {
	color: #000 !important;
}*/
/*#colophon li:before {
    top: -2px;
    content: "\f1db";
    font-family: 'Fontawesome';
    font-size: 11px;
    padding-right: 10px;
    position: relative;
}*/
/*.footer-widget-1 ,.footer-widget-2,.footer-widget-3,.footer-widget-4{margin-top:2em; }*/
/*#colophon li{font-size: 18px;  list-style: none;}
#colophon p {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}*/
/*aside.widget-area, .copyright  {
	position: relative;
	z-index: 99;
}
.copyright {
    padding: 10px 0;
	border-top: 1px solid #fff;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}
#colophon .fs-icn { position: relative;}
#colophon .fs-icn li {
    list-style: none;
    display: inline-block;
}
#colophon .fs-icn li {
    margin:10px 30px 10px 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    list-style: none;
    display: inline-block;
    background: #fff;
    text-align: center;
    border-radius: 50px;
}*/
/*#colophon .fs-icn li i{color:#000;font-size: 16px;}
#colophon .fs-icn li:hover i{color:#FFC107;}*/
/*.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{
	color: #000;
}
.site-footer select {
	color: #000;
}
.site-footer .widget {
	margin: 20px 0;
}
.site-footer h2.widget-title{
	color: #FDF5E4;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 500;
}
#colophon p i{margin-right: 10px;}
.site-footer button.search-submit{
	width: 100%;
	border-radius: 0;
	background: #FFC107;
}
#colophon input[type="email"]::placeholder{color: #fff;}

#colophon input[type="email"]{
    padding: 10px 10px 10px 20px;
	background: none;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 50px;
}*/
/*#colophon input[type="submit"] {
    box-shadow: none;
    display: inline-block;
    background: #0B437D;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: relative;
    border-radius: 0;
    transition: all 0.5s;
    border-radius: 50px;
    position: absolute;
    margin-top: 6px;
}*/
/*#colophon .wpcf7:after {
    content: "\f1d8";
    position: absolute;
    font-size: 16px;
    color: #fff;
    background-repeat: no-repeat;
    font-family: 'Fontawesome';
    text-align: center;
    right: 3%;
    margin: 0;
    padding-top: 15px;
    z-index: 99;
    top: -5px;
    transform: rotate(40deg);
}*/
/* Site info */
.site-info p,
.site-info a{
    margin: 0;
    font-size: 15px;
    color: #fff;
    text-align: right;
}
.site-info {
    padding: 10px 0;
}
/*===== end ========*/

/*------- Comments ------------*/
#comments {
	clear: both;
	padding: 0 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body .reply{
	text-align: right;
	margin-bottom: 10px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin: 10px 0;
}
.comment-meta a {
	text-decoration: none;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #3f3f3f;
	font-size: 14px;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(170,170,170,.25);
}
.comment-body .comment-reply-link {
	font-weight: 500;
	color: #fff;
	background: #000;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	border-radius: 0;
	transition: all 0.4s;
}
.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {
	background: #FFC107;
	color: #fff;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #3f3f3f;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}

/*-------- Widgets ----------*/
.page-template-page-with-right-sidebar #sidebar,
.page-template-page-with-left-sidebar #sidebar {
    margin: 4% 0 0;
}
#sidebar .widget li{
    border-bottom: 1px solid #eee;
}
#sidebar .widget li:last-child {
    border: none;
}
#sidebar .widget {
  padding: 15px;
  margin-bottom: 30px;
  background: #fff;
	border: 1px solid #eee;
}
#sidebar h2.widget-title {
  margin-bottom: 10px;
  font-size: 20px;
  color: #000;
  position: relative;
  padding: 0 0 10px;
}
#sidebar h2.widget-title:after{
	content: '';
	border-bottom: 2px solid #000;
	width: 12%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#sidebar h2 a.rsswidget {
  color: #000;
}
#sidebar .tagcloud a {
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}
#sidebar .tagcloud a:hover{
	background-color: #000; 
	color: #fff;
	border-color: #000;
}
#sidebar button.search-submit{
	background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  padding: 8px;
  border-radius: 0;
}
#sidebar .search-form .search-submit {
	bottom: 3px;
}
#sidebar input.search-field {
  border: 1px solid;
  padding: 10px;
  font-size: 15px;
  width: 100%;	
  border-radius: 0px;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p{
	color: #000;
}

/* widget forms */
.widget select {
	width: 100%;
	margin-top: 10px;
}

/* widget lists */
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li,
.widget ol li {
	padding: 4px 0px;
}
.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}
.widget ul li li {
	border: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}
.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */
.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */
.widget_text {
	word-wrap: break-word;
}
.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
	list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
	border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}
.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}
.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}
.widget_text ol li {
	list-style-position: inside;
}
.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}
.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget_rss li .rsswidget {
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}
.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}
.widget_rss .rssSummary {
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	display: block;
}

/* Search */
.search-form {
	position: relative;
}
.search-no-results .search-form label, .error404 .search-form label{
	display: inline-block;
}
.search-form label{
	display: block;
}
.search-form .search-submit {
	bottom: 0px;
    padding: 10px;
	top: -52px;
    position: absolute;
    right: 22px;
    color: #fff;
    font-size: 16px;
}
.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
button.search-submit{
	background-color: #000;
	font-weight: normal;
  letter-spacing: 1px;
}

/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; 
	margin: 4px 4px 0 0 !important;
	padding: 4px 10px 5px !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #FFC107;
	background: #FFC107;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #fff;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

/*----------- Media ----------*/
img,
video {
	height: auto; 
	max-width: 100%;
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	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;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
	background: #222;
	border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}
.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.site-content .wp-playlist-item-length {
	top: 5px;
}

/*---------- Customizer -----------*/
.highlight-front-sections.jobstride-resume-customizer.jobstride-resume-front-page .jobstride-resume-panel:after {
	border: 2px dashed #0085ba; 
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}
.highlight-front-sections.jobstride-resume-customizer.jobstride-resume-front-page .jobstride-resume-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.jobstride-resume-customizer.jobstride-resume-front-page .jobstride-resume-panel .jobstride-resume-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.jobstride-resume-customizer.jobstride-resume-front-page .jobstride-resume-panel:nth-of-type(1):after {
	border: none;
}
.jobstride-resume-front-page.jobstride-resume-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.jobstride-resume-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.jobstride-resume-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

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

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

/*--------- Media --------------*/

@media screen and (max-width: 1500px){
.headerbox { width: 16%;}
#skip-content {  width: 84%; left: 16%; }
#profile-section .heading h3 {font-size: 70px;}
#profile-section .heading h5 { font-size: 30px;}
#profile-section .profileaboutus-data li { font-size: 16px;}
}

@media screen and (max-width: 1299px){
    
}

@media screen and (max-width: 1199px){
	ul.primary-menu{margin: 0;}
	.headerbtn {margin:0;}
	.headerbtn a{font-size: 16px;}
	.nav-menu ul li a {padding: 4px 10px 4px 10px;}
	#slider h2 ,#slider p{ font-size: 100px;}
	#feature-section h2 {font-size: 100px;}

}

@media screen and (max-width: 1024px){

}

@media screen and (max-width: 1000px){
	.page-template-custom-home-page #header, .page-template-default #header, 
 	.single #header {position: static;width: 100%;}
 	#header .bottomhead { margin-top: 0.5em;}
    .nav-menu .nav ul li a:focus,
	a.closebtn.responsive-menu:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.toggle-menu {
	display: none;
	cursor: pointer;
	z-index: 999999;
	padding: 0 0 10px;
}
	.toggle-menu i {		
    font-size: 20px;
    color: #fff;
    padding: 8px 10px;
    background: #FFC107;
	}
	.toggle-menu button {
		background: transparent;
		border: none;
		padding: 0;
		border-radius: 0;
	}
	.sidenav {
		height: 100%;
		visibility: hidden;
		width: 100%;
		position: fixed;
		z-index: 9999999;
		top: -100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-color: #FFC107;
		overflow-x: hidden;
		padding-top: 6px;
		transition: all 0.3s;
	}

	.nav-menu ul li a:hover {
		color: #272932;
	}

	.sidenav.show{
		visibility: visible;
		width: 100%;
		transition: all 0.3s;
		top: 30px;
/*		transition: 0.8s width ease-in-out;*/
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;
		display: block;
		padding: 10px;
		color: #fff;
		border: none;
		background: transparent;
	}
	.sidenav #primary-site-navigation {
		width: 100%;
	}
	#sidelong-menu{
		text-align: left;
	}
	.toggle-menu, .nav-menu ul ul li{
		display: block !important;
	}
	.nav-menu ul li a:before{
		content: none;
	}
	.nav-menu ul li{
		border: 0;
	}
	.nav-menu .nav ul li{
		border-top:1px #949191 solid; 
		display:block;
	}
	.nav-menu ul li a, .sf-arrows .sf-with-ul{
		padding: 10px;
		display:block;
		color: #fff;
		border: none;
		font-size: 14px;
		line-height: 1.6;
		background: none;
	}
	.nav-menu ul li:after{
		content: none;
	}
	/* .sf-arrows .sf-with-ul:after{
		right: 20px;
	} */
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	} 
	.nav-menu ul ul{
		opacity: 1 !important;
    position: static;
    width: 100%;
    border: 0;
    display: block ;
    height: auto !important;
	}
	.nav-menu ul li{
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.main-menu-navigation {
		padding: 0px 10px;
	}
	.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	/* .sf-arrows .sf-with-ul:after{
		top: 12px;
	} */
}
@media screen and (min-width: 30em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
	}
	h1 {
		font-size: 30px;
	}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 16px;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Front Page */
	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}
	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */
	.taxonomy-description {
		font-size: 14px;
	}
}
@media screen and (min-width: 48em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
		line-height: 1.5;
		
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
	}

	/* Layout */
	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	.error404 #primary {
		float: none;
	}

	/* Site Branding */
	.site-branding {
		margin: 0 !important;
		padding: 0;
	}
	.has-header-image.jobstride-resume-front-page .site-branding,
	.has-header-video.jobstride-resume-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	.has-header-image.jobstride-resume-front-page .custom-header,
	.has-header-video.jobstride-resume-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
/*	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}*/
	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}
	.site-title {
		font-size: 36px;
	}

	/* Main Navigation */
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */
	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}
	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}
	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}
	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */
	.jobstride-resume-front-page.has-header-image .site-branding,
	.jobstride-resume-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}
	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}
	.background-fixed .panel-image {
		background-attachment: fixed;
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}
	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */
	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}
	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}
	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}
	/*.entry-footer {
		display: table;
		width: 100%;
	}
	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}*/

	/* without sidebar */
	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}
	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}
	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.jobstride-resume-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.jobstride-resume-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */
	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */
	.page.page-one-column .entry-header,
	.jobstride-resume-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}
	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}
	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}
@media screen and ( min-width: 67em ) {
	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}
	.page-numbers {
		display: inline-block;
		margin-right: 5px;
	}
	.page-numbers:hover{
		background: #1d1d1d;
		color: #fff !important;
	}
	.page-numbers.current{
		display: inline-block;
    	background: #000;
    	color: #fff;
	}
}
@media screen and ( min-width: 79em ) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.jobstride-resume-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}




@media only screen and (max-width: 1024px) and (min-width: 1000px){
	.widget_calendar td, #sidebar td{
		padding: 0px;
	}
	.prev.page-numbers,.next.page-numbers{
 		float: none;
 	}
 	.page-numbers.current{
 		color: #fff;
 	}
}

@media screen and (max-width: 1000px){
	
}

@media screen and ( max-width: 1000px) and (min-width: 760px){
	.toggle-menu {
		position: absolute;
		right: 00px;
		top: 70px;
	}
}

@media screen and ( max-width: 1300px) and (min-width: 320px){

	/* .carousel-control-next {
		right: 11px;
	} */
}
@media screen and (max-width: 991px){

.headerbox {  width: 100%; position:relative;}
.toggle-menu{float: right;}
#skip-content { width: 100%; left: 0; }
#profile-section .heading h3 { font-size: 50px;}
#profile-section .abtbx { border: 0em solid #FEF6F4;}
#profile-section .heading .imgbx img {  width: auto;  height: auto;}
#services-section .serbx { width: 33.33%;}
#feature-section,#aboutus-section{padding: 1em 0 !important;}
#feature-section .count-box { margin: 0px 0 1em 0;}
#feature-section h2 { line-height: 1;font-size: 80px;}
#feature-section h3 { font-size: 20px; margin: 10px 0 0 0;}


.m-head .container {
	padding-bottom: 10px;
}
}

@media screen and (max-width: 786px){
	#colophon .f_innbx {
		padding: 10px 10px;
	}
	p.site-title {
		padding-top: 5px;
	}
	p.site-description {
		padding-bottom: 5px;
	}
	nav#primary-site-navigation {
		padding: 0;
	}
	
}

@media screen and ( max-width: 768px) and (min-width: 720px){
	.widget_calendar th,
	.widget_calendar td, #courses-section .courses-head p{	padding: 0px;}
	.article_content .content {	margin-top: 10px;}
	.prev.page-numbers,.next.page-numbers{float: none;}
	/*.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {
		margin: 0;
	}*/
}
@media screen and (max-width: 768px) {

	.page-template-custom-home-page #header {
		width: 100%;
	}

	.toggle-menu {
		position: absolute;
		right: 2%;
		top: 9em;
	}

	.search-box {
		top: 3px;
	}

	.imgbx2 {
		padding: 0;
	}

	#services-section .container-fluid {
		padding: 0;
	}

	#services-section .headbx h2 {
		margin: 20px 0 45px 0px;
	}

	#portfolio-section .heading h3 {
		margin: 20px 0 20px 0px;
	}

	#services-section .serbx {
		width: 50%;
	}
}

@media screen and (max-width: 767px){

#header .tphead .tooltiptext{
    visibility: hidden;
    display: inline-block;
    width: 200px;
    background-color: #DEDEE7;
    color: #000;
    text-align: center;
    padding: 2px 2px;
    position: absolute;
    font-size: 14px;
    top: 20px;
    left: 0;
    opacity: 1;
    transition: all 0.2s linear;
    z-index: 9999;
}
#header .tphead:hover .tooltiptext,
#header .tphead:hover .tooltiptext{ visibility: visible; opacity: 1;}
#profile-section .profileaboutus-data li span { width: 109px;}
#inner-pages-header { padding: 8% 0;}
#inner-pages-header h1 {font-size: 26px;}
#inner-pages-header .innheader-border {width: 10%;}
#inner-pages-header .theme-breadcrumb a, 
#inner-pages-header .theme-breadcrumb span { font-size: 18px;}

}

@media screen and (max-width:720px) {
 	.woocommerce ul.products[class*=columns-] li.product{width: 100% !important;}

}
@media only screen and (max-width: 767px) and (min-width: 425px){
	#sidebar .widget_calendar td{	padding: 1px;}
	#sidebar h2.widget-title{width: 100% !important;}
	#sidebar .search-form .search-submit{	padding:9px;}
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus,
	.widget.widget_tag_cloud a:hover,
	.widget.widget_tag_cloud a:focus,
	.wp_widget_tag_cloud a:hover,
	.wp_widget_tag_cloud a:focus {
		border-color: #bbb;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
	}
}



@media screen and (max-width:600px) {
	.nav-toggle { top: 48px;}
	/*.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {
		margin: 0;
	}
	.site-footer .widget {
		margin: 10px 0;
	}*/
	/*#colophon .f_innbx {
		padding-top: 20px;
	}*/
}

@media screen and (max-width:575px) {

#header .top-head {  text-align: center;}
#header .btninn .txt,
#header .btninn .num{display: none;}
.headerbtn a i { top: 0; margin: 7px 0px 0px 2px;}
#header .m-head {padding: 0;}
#header .mail-text i {font-size: 16px;padding-right: 2px;}
#header .mail-text a {font-size: 14px;}

}
@media screen and (max-width: 425px) {

#feature-section .feabx {
	padding: 0 4px;
}
}

@media screen and (max-width: 390px){
.carousel-indicators {
	left: -15px;
}
}

@media screen and (max-width: 375px){
	#aboutus-section h5 { font-size: 24px; }
	#aboutus-section .list li {  width: 100%;}
	#aboutus-section .bttn { margin: 10px 0 0 0;}
}

@media screen and (max-width: 320px) {
	
	.article_content .content{
		margin-top:10px;
	}
	.article-text span {
  	margin-right: 6px;
  	padding-right: 6px;
	}
}