/*
Theme Name: MegaVolt Electrician
Theme URI: https://www.luzuk.com/themes/free-electrician-theme-wordpress/
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: Electrician WordPress Theme has been crafted by a team of web design experts after a deep study of Electrician niche.  The designers and developers studied the market and tis trends; client psyche, spent hours reading buyer psychology and their triggers. Electrician WP templates are designed to ensure the user is able to convey a professional image of his business effortlessly. Colors, spacing, layout, images, navigation are all in place to offer visitor an optimal experience to understand your area of expertise, project statistics, client experience etc. to get one interested in your profile and hire your services. The designs sync with all screen sizes from mobile to laptop and smart TV to offer a seamless experience to those visiting your online office. Responsive designs tailored for electricians can display all the relevant information that your potential client will find useful and consider connecting with you to discuss project. Electrician WordPress Theme offers your business a start-to-finish look and feel. A person visiting this WP template can learn about your expertise, understand how you work, your expertise, services you offer, payment modes, book your service, write a review about experience of working with you! Electrician WordPress Theme is a perfect platform to create an online presence.
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 0.1.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: megavolt-electrician
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

MegaVolt Electrician WordPress Theme, Copyright 2022 Luzuk
MegaVolt Electrician 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: 'Poppins', sans-serif;
	overflow-x: hidden;	
	background: #fff;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'Poppins',sans-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 #FF7617 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: #FF7617;
}

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


.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;
	z-index: -9;
}
#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: #FF7617;
	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: #FF7617;
	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: #FF7617;
	left: 0;
	top: 0;
	/* opacity: 0.5; */
}
.pd-0{padding: 0;}
.mr-0{margin-left:0 !important; margin-right:0 !important; }

/*-------------- Header ----------------*/
.home.page-template #inner-pages-header{display: none;} 

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

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

.search-form .search-field::placeholder {
	color: #c1bcbc;
}
.search-form .search-field {
    font-size: 12px;
    font-weight: 500;
    margin: 0 !important;
    color: #FF7617;
    border-radius: 0px;
    padding: 10px 2px 10px 30px;
    height: auto;
    border: none;
}
.search-form:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    left: 4px;
    top: 6px;
    cursor: pointer;
    font-size: 10px;
    color: #24345D;
    background: #E8EAEE;
    padding: 6px 6px;
    border-radius: 2px;
}
.search-form .search-submit {
	float: right;
    position: absolute;
    right: 0px;
    text-indent: -999px;
    padding: 9px 20px 8px;
    top: -1px;
    border-radius: 50%;
    box-shadow: none;
    display: inline-block;
    opacity: 0;
}
.page-template-custom-home-page #header {
    position: relative;
    width: 100%;
    z-index: 999;
    padding: 0px 0;
}


#header .m-head{position: relative;padding: 0px 0; }
.logo img {
	max-height:100% !important;
    /* padding-bottom: 15px; */
}
p.site-description{
	font-size: 14px;
	margin: 0;
	/* padding-bottom: 15px; */
	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;
	left: -3px;
    top: 2px;
	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: #FF7617;
}

/* .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: #FF7617;
    top: 12px;
    float: right;
    background: #FF7617;
    border-radius: 50px;
} */
/* .nav-menu ul li a:before {
	content: '';
	width: 100%;
	height: 5px;
	background: #FF7617;
	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: #FF7617;
}
.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;
}


#search-form-container {
    background: #FF7617; /* Background color */
}

#search-form-container.visible {
    opacity: 1; /* Fully visible */
    pointer-events: auto; /* Allow interaction when visible */
}

#search-form-container:focus-within {
    opacity: 1; /* Make the form visible if any child element is focused */
    pointer-events: auto; /* Allow interaction when visible */
}

.search-form {
    padding: 0px 0px 0px 0px;
    margin: 2px 0 2px 0;
}

.search-form input,
.search-form button {
    width: calc(100% - 2px); /* Adjust the width of input and button */
    margin-bottom: 10px; /* Optional: Add margin between input and button */
}

.search-form button {
    background: #F23C38; /* Button background color */
    color: #fff; /* Button text color */
    border: none;
    padding: 8px;
    cursor: pointer;
}


/*--------------- 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: #FF7617;
	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: #333333;
}
.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: #FF7617;
	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: 14px;
	top: 0px;
	/* width: 6.6rem; */
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
	    height: 33px;
    width: 34px;
    color: #fff;
    border-radius: 2px;
    left: 55px;
    top: 11px;
    background: #000;
    text-align: center;
    line-height: 34px;
    z-index: 9;
    font-size: 24px;
}

/*.nav-toggle .toggle-inner {
	padding-top: 0.8rem;
}*/

#header .bott-headbx{position: relative;}
/* Primary Menu ---------------------------- */

.primary-menu-wrapper {display: none;}
ul.primary-menu {
    position: relative;
    margin: 0px 0 0 0;
    padding: 5px 0px 5px 0;
    text-align: left;
}
.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: inline-block;
	font-size: inherit;
	line-height: 1.25;
	position: relative;
}

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

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

.primary-menu > li > .icon {
	right: 0rem;
    top: calc(50% - 0.2rem);
}
/*.header-navigation-wrapper{float: right;}*/
.primary-menu a {
	color: #fff;
    display: block;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none !important;
    word-break: normal;
    word-wrap: normal;
    padding: 4px 16px;
}

.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 {
	text-decoration: underline;color: #FF7617;
}

.primary-menu li:hover .icon,.primary-menu li a:hover {
	color: #FF7617; 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;
}
/*.primary-menu li.current-menu-item > a:after{opacity: 1;}*/

.primary-menu li a:after{
	content: "";
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0px;
    border-right: 1px solid #ccc;
    opacity: 1;
}
.primary-menu li:last-child  a:after{border: 0;}
/*.primary-menu li:last-child:after{border:none;}*/
/**/
/*.primary-menu li:before, 
.primary-menu li:after{
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;    
    transition: all 0.5s;
}

.primary-menu li:before{
    border: 2px solid #FF7617;
    border-right: 0px solid #FF7617;
    top: 0px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
}

.primary-menu li:after{
    border: 2px solid #FF7617;
    border-left: 0px solid #FF7617; 
    top: 0px;
    right: 0px;
    opacity: 1;
    transition: all 0.5s;
} 

.primary-menu li:before{
    border: 2px solid #FF7617;
    border-right: 0px solid #FF7617;
    top: 0px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
}

.primary-menu li:after{
    border: 2px solid #FF7617;
    border-left: 0px solid #FF7617; 
    top: 0px;
    right: 0px;
    opacity: 1;
    transition: all 0.5s;
} 
.primary-menu li:hover:before,
.primary-menu li:hover:after{
    opacity: 1;
    transition: all 0.5s;
}*/
/**/
/****2nd*****/
/*.primary-menu li:before, 
.primary-menu li:after{
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;    
    transition: all 0.5s;
}

.primary-menu li:before{
    border: 2px solid #FF7617;
    border-right: 0px solid #FF7617;
    top: 0px;
    left: 0px;
    opacity: 1;
    transition: all 0.5s;
}

.primary-menu li:after{
    border: 2px solid #FF7617;
    border-left: 0px solid #FF7617; 
    top: 0px;
    right: 0px;
    opacity: 1;
    transition: all 0.5s;
} 

.primary-menu li:before{
    border: 2px solid #FF7617;
    border-right: 0px solid #FF7617;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.5s;
}

.primary-menu li:after{
    border: 2px solid #FF7617;
    border-left: 0px solid #FF7617; 
    top: 0px;
    right: 0px;
    opacity: 0;
    transition: all 0.5s;
} 
.primary-menu li:hover:before,
.primary-menu li:hover:after{
    opacity: 1;
    transition: all 0.5s;
}*/
/*******/
/* SUB MENU */

.primary-menu ul {
	background: #000;
    border-radius: 0.4rem;
    color: #fff;
    font-size: 1rem;
    padding: 5px 0;
    position: absolute;
	z-index: 9;
	opacity: 0;
    display: none;
    width: 20rem;
    /* 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: 15px 25px;
	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 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 .detailbx {
    padding-top: 8px;
}


/*top header */

#header .top-head{position: relativepadding: 6px 0px;}
#header .tphead{background-color: #333333; padding: 6px 0;}
#header .topheadtxt{position: relative;}
#header .topheadtxt p{font-size: 15px; color:#fff;margin:0; }
#header .detilbxinn{position: relative;padding: 0;}
#header .detilbxinn .icon{width: 22%;}
#header .detilbxinn .icon i {
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #DEDEE7;
    color: #24345D;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
}
#header .detilbxinn .detilbxtxt{width: 78%;}
#header .detilbxinn .detilbxtxt h4 {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 4px 0;
}
#header .detilbxinn .detilbxtxt .num {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
/*header cart*/
#header .cartbtn { text-align: center;}
#header .cart-contents i {
    color: #fff;
    position: relative;
    margin: 15px 0 0 0;
}

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

.m-headbox #search-icon i {
	display: none;
}


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

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

}


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

#slider{ 
	position: relative;
	overflow: hidden;
	padding: 0 0em;
}

#slider .slideimg{ position: relative;overflow:hidden; width: 100%;}
#slider .slideimg img{
	display: block;
    position: relative;
    width: 100%;
    height: 800px;
}
#slider .slider-overlay {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #24345D;
    opacity: 0; 
}
#slider .content {
    position: absolute;
    width: 52%;
    top: 24%;
    left: 0%;
    margin: 0 auto;
    padding: 4em 1em 4em 20%;
    z-index: 1;
    /* background: #E7F5FC; */
}
#slider .content:before {
    content: "";
    /* border-top: 6px solid #fff; */
    position: absolute;
    top: 0;
    left: 0%;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #24345D;
    opacity: 0.6;
    /* z-index: 1; */
}
/*#slider .content:after{
	content: "";
    position: absolute;
    left: 0px;
    top: -16px;
    border: 5px solid #FF7617;
    width: 0px;
    height: 55%;
    border-radius: 50px;
}*/
#slider h2{
	position: relative;
	font-size: 95px; 
	color:#fff;
	margin-bottom: 0px;
}

#slider p {
    position: relative;
    color: #fff;
    padding: 18px 0px;
    margin-bottom: 0px;
    font-size: 28px;
    line-height: 30px;
    font-weight: 400;
}
#slider .sbtn{margin: 20px 0 0 0;position: relative;}
.sbtn i.fa-thumbs-up {
    background: #fff;
    color: #FF7617;
    position: absolute;
    padding: 9px;
    font-size: 22px;
    border-radius: 2px;
    top: 3px;
    left: -8px;
    z-index: 2;
}
#slider .sbtn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    word-break: break-word;
    z-index: 1;
    border: none;
    border-radius: 4px;
    padding: 10px 18px 10px 40px;
    font-size: 18px;
    font-weight: 400;
    background: #FF7617;
    box-shadow: 0px 0px 10px #00000029;
    color: #fff;
    transition: all .6s ease-in-out;
}
#slider .sbtn a i {
    font-size: 14px;
    position: relative;
    margin: 0px 0 0 6px;
}
#slider .sbtn a:hover{background-color:#000;}

/*slider arrow */
/*===============*/

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#slider {
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{background-image:none !important; }
#slider .slidebtn{position: absolute;bottom: 16%; width: 100%;display: none;}
#slider .carousel-control-prev{
	display: block;
    width: 34px;
    height: 34px;
    background: #FFCE4E;
    opacity: 1;
    border-radius: 50px;
    border: 1px solid #fff;
    left: 8%;
    transition: all 0.4s ease 0s;
}
#slider .carousel-control-prev:hover{background: #000;transition: all 0.4s ease 0s;}
#slider .carousel-control-prev i{
	color: #fff;
    font-size: 22px;
    line-height: 34px;
    right: 3px;
    position: relative;
    transition: all 0.4s ease 0s;
}
#slider .carousel-control-next {
	display: block;
    width: 26px;
    height: 26px;
    background: #FFCE4E;
    opacity: 1;
    border-radius: 50px;
    border: 1px solid #fff;
    left: 11%;
    top: 6px;
    transition: all 0.4s ease 0s;
}
#slider .carousel-control-next:hover{background: #000;transition: all 0.4s ease 0s;}
#slider .carousel-control-next i{
	color: #fff;
    font-size: 14px;
    line-height: 26px;
    transition: all 0.4s ease 0s;
}
/**/
/*****************/
/*feature-section */
/*****************/

#feature-section {
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

#feature-section {
    position: relative;
    overflow: hidden;
    padding: 2em 0;
}

#feature-section .heading h4{
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #FF7617;
    padding: 0 0 0 0px;
    margin: 0 0 14px 20px;
}
#feature-section .heading h4:before {
    content: "\f0e7";
    position: absolute;
    font-family: 'Fontawesome';
    color: #FF7617;
    margin: 0px 0 0 -22px;
    /* top: -4px; */
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    transform: rotate(-18deg);
}
#feature-section .heading h2{
    position: relative;
    font-size: 25px;
    font-weight: 600;
   color: #24345D;
    margin: 20px 0;
}
#feature-section .heading p{
	position: relative;
	font-size: 16px;
	color: #8F8F8F;
	margin: 0;
	padding: 0;
}
#feature-section  .read_more{margin: 30px 0;}
#feature-section  .read_more a{
    font-size: 16px;
    background: #FF7617;
    padding: 11px 40px;
    position: relative;
    overflow: hidden;
    margin: 10px 0 0 0;
    color: #fff;
   
}
/**/
#feature-section .list li:hover{
    transition: all 0.5s ease 0s;
    background-image: linear-gradient(-90deg, transparent 4%, #FF7617 200%);
    padding: 0.7em 0 0.7em 50px;
}
#feature-section .list li {
    list-style: none;
    position: relative;
    padding: 1px 0 1.3em 50px;
    margin: 0px 0 8px 0;
    transition: all 0.5s ease 0s;
    font-size: 20px;
    font-weight: 500;
}
#feature-section .list li:before{
    content: "\f0e7";
    position: absolute;
    font-family: 'Fontawesome';
    color: #24345D;
    left: 15px;
    top: 0.1em;
    font-size: 22px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    transform: rotate(10deg);
}
#feature-section .list li:hover:before{
    transition: all 0.5s ease 0s;
    top: 0.7em;
}
#feature-section .list li:after{
    content: "";
    position: absolute;
    left: -100%;
    top: -6px;
    bottom: -6px;
    border: 1px solid #FF7617;
    padding: 1.4px;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
#feature-section .list li:hover:after{
    left: -5px;
    opacity: 1;
    transition: all 0.5s ease 0s;
}
/**/

#feature-section .fs-box {
    background-image: url(assets/images/f-sliderbg2.jpg);
    margin: 0px;
    padding: 0%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#feature-section .fs-box:before{
	content: "";
	position: absolute	;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	background: #24345D;
	opacity: 0.9;
}
#feature-section .fs-box:after {
    content: "";
    border: 3px solid #24345D;
    left: 0;
    right: 0;
    bottom: -10px;
    position: absolute;
}
#feature-section .count {
    position: absolute;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff;
    font-size: 40px;
    right: 0;
    color: #c7cad9;
    font-weight: 600;
    text-align: center;
}
#feature-section .count:after {
    content: "";
    top: 0;
    right: 0;
    left: -6px;
    bottom: -6px;
    border: 2px solid #c7cad9;
    position: absolute;
    border-top: 0;
    border-right: 0;
}
#feature-section .fs-conbox{
	position: relative;
	padding: 90px 10px 24px 20px;
}
#feature-section .fs-conbox i{
    position: relative;
    color: #fff;
    font-size: 34px;
    margin: 0 0 22px 0;
}
#feature-section .fs-conbox p {
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
}
#feature-section .slick-dots {
    position: absolute;
    bottom: 170px;
    left: -210px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    transform: rotate(90deg);
}
/**/
/*****************/
/*about section */
/*****************/
#aboutus-section{
	position: relative;
	overflow: hidden;
	padding: 4em 0 3em 0;

}
#aboutus-section .abt_cont{width: 55%;padding: 0 10px 0 0;}
#aboutus-section .headigbx{	position: relative;padding: 0;	}

#aboutus-section .heading{
    position: relative;
    font-size: 82px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #d1d2d6;
    margin: 0;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}
#aboutus-section .subheading{
	position: absolute;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #24345D;
    top: 32px;
    padding: 0 0 0 18px;
    z-index: 1;
}
#aboutus-section .subheading:before {
    content: "\f0e7";
    position: absolute;
    font-family: 'Fontawesome';
    color: #FF7617;
    margin: 0px 0 0 -20px;
    /* top: -4px; */
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    transform: rotate(-18deg);
}
#aboutus-section .mainheading {
	font-size: 38px;
    font-weight: 500;
    color: #24345D;
    line-height: 1.4;
}
#aboutus-section .hastag {
    font-size: 46px;
    font-weight: 600;
    color: #FF7617;
    line-height: 1.4;
}
#aboutus-section .title {
    color: #24345D;
}
#aboutus-section .m-bx {
    position: relative;
    overflow: hidden;
    text-align: center;
    width:66%;
}
#aboutus-section .box {
    position: relative;
    margin: 10px 2% 0 0;
    width: 48%;
    background: #fef9f3;
    padding: 16px 10px;
}
#aboutus-section .icon {  position: relative;padding: 0;}
#aboutus-section .icon i {
    font-size: 42px;
    color: #FF7617;
    position: relative;
}
#aboutus-section .cont{ position: relative;}
#aboutus-section .cont h3 {
    font-size: 18px;
    color: #4E4E4E;
    font-weight: 500;
    margin: 10px 0 0px 0;
}
#aboutus-section .yearofexperience{width: 34%; padding: 0 10px;position: relative;}
#aboutus-section .yearbxcir{
	width: 90px;
    height: 90px;
    position: absolute;
    background: #FF7617;
    border-radius: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 2px;
    z-index: 1;
}
#aboutus-section .yearbx {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #24345D;
    border-radius: 150px 150px 0 0;
    padding: 10px 1px 14px 1px;
    margin: 22px 0 0 0;
}
#aboutus-section .yearbx h2{
	position: relative;
	font-size: 91px;
    color: #fff;
    margin: 0;
    line-height: 1;
    z-index: 1;
}
#aboutus-section .yearbx p {
	position: relative;
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    z-index: 1;
    margin: 0;
}
#aboutus-section p.description {
    font-size: 16px;
    margin: 1.5em 18% 1em 0;
    color: #464646;
}

#aboutus-section .abt_imgbx{width: 45%;}
#aboutus-section .aboutus-img{position: relative;}
#aboutus-section .img1 { position: relative;	width: 30%; }
#aboutus-section .img1 img{position: relative;border-radius: 18px;width: 100%;}

/**/
#aboutus-section .img2{position: relative;width: 70%;}
#aboutus-section .img2 img{	position: relative; margin-top: 5em;padding: 0 0 0 1em;}

#aboutus-section .img3{position: relative;}
#aboutus-section .img3 .img3img {position: relative;margin-top: -4em;left: 3em;}
#aboutus-section .img3 .img3img img{border: 10px solid #fff;}
/**/
/*gernal*/
/*********/
.headbx {
    position: relative;
    margin-bottom: 3em;
    background: transparent linear-gradient(90deg, #E7F5FC 90%, transparent 100%) 0% 0%;
    padding: 3em 0 2.5em;
}

.headbx .titlebx{position: relative;padding: 0 3em 0px 0;}

.headbx .titlebrd {
    position: absolute;
    top: 8%;
    right: 0;
    border: 1px solid #000;
    width: 2px;
    bottom: 26%;
}
.headbx .titlebrd:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -3px;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50px;
}
.headbx .titlebrd:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: -3px;
    border: 1px solid #000;
    padding: 2px;
    border-radius: 50px;
}
.headbx h2{
	position: relative;
	word-break: break-word;
	font-weight: 500;
	font-size: 36px;
	margin-bottom: 0px;
	margin: 0px;
	color: #000000;
	padding: 0px 0px;
}
.headbx h3{
	position: relative;
    word-break: break-word;
    font-weight: 500;
    font-size: 24px;
    color: #8D8D8D;
    padding: 0px 0px;
    margin: 2em 0 0 0;
    line-height: 1.4;
}
.headbx p{
	position: relative;
	font-size: 16px;
	color: #333333;
	padding: 11px 0 0 3em;
}
/*======================================*/
/********* services-section **************/
/*======================================*/
#services-section{position: relative;overflow: hidden;padding: 3em 0;}
#services-section .serbx {position: relative;padding: 0 24px;}
#services-section .titlebx{position: relative;margin: 0 0 3em 0;text-align: right;}
#services-section .titlebx h2 {
    position: relative;
    font-size: 82px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #d1d2d6;
    margin: 0;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}
#services-section .subheading {
    position: absolute;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #24345D;
    top: 32px;
    padding: 0 0 0 26px;
    z-index: 1;
}
#services-section .subheading:before {
    content: "\f0e7";
    position: absolute;
    font-family: 'Fontawesome';
    color: #FF7617;
    margin: 0px 0 0 -18px;
    /* top: -4px; */
    font-size: 16px;
    font-weight: 400;
    transition: all 0.5s ease 0s;
    transform: rotate(-18deg);
}
#services-section .serbxinn{
	position: relative;
/*	overflow: hidden;*/
	margin:0 0 1.5em 0;
}
#services-section .serbx img{
	position: relative;
	border-radius: 0px;
	width: 100%;
	height: 330px;
}
#services-section .sconbx {
    position: relative;
    padding: 22px 20px 10px;
    left: -20px;
    width: 92%;
    background: #EEEEEE;
    border-radius: 10px;
    margin-top: -100px;
}
#services-section .serbx i {
    color: #24345D;
    font-size: 22px;
    margin: 0 4px 0 0;
}
#services-section .serbx h4 {
    position: relative;
    font-size: 21px;
    color: #24345D;
    font-weight: 500;
    padding: 0 0 10px 0;
    margin: 8px 0px 6px 0;
    border-bottom: 2px dashed #24345D;
}

#services-section .serbxinn p{
	position: relative;
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}


/*---- 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: #FF7617;
	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: #FF7617;
	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: #FF7617;
}
.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: 54px;
}
#header .m_mbx {
    position: absolute;
    margin: 0;
    width: 100%;
    bottom: -38px;
    padding: 12px 2px 12px 10px;
}
#header .m_mbx:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #24345D;
    opacity: 0.9;
}
.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.megavoltelectrician-front-page .custom-header,
.has-header-video.megavoltelectrician-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.megavoltelectrician-front-page .site-branding,
.has-header-video.megavoltelectrician-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 ------------*/
.megavoltelectrician-front-page .site-content {
	padding: 0;
}
.megavoltelectrician-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;
}
.megavoltelectrician-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 */
.megavoltelectrician-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.megavoltelectrician-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;
}
.megavoltelectrician-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(.megavoltelectrician-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: #FF7617;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #FF7617;
}
.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(.megavoltelectrician-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.megavoltelectrician-front-page) .entry-header,
body:not(.megavoltelectrician-front-page) .entry-content,
body:not(.megavoltelectrician-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.megavoltelectrician-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(.megavoltelectrician-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: #FF7617;
	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: #FF7617;
	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: #FF7617;
}

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

#colophon {
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	position: relative;
	font-size: 14px;
	font-weight: 300;
	padding: 0px 0;
}
.footer-overlay{
	background: #2E2E2D;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	
}

#colophon .f_innbx{
	position: relative;
/*	background:#fff;*/
	margin-top: 3em;
	padding: 10px 10px;
}
.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;
}*/

.wp-block-image img {
	padding-top: 10px;
}

.footer-widget-1 ,.footer-widget-2,.footer-widget-3,.footer-widget-4{margin-top:5px; }
#colophon li{font-size: 18px;}

#colophon li::before {
	content: '\f047';
	font-family: FontAwesome;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	margin-right: 15px;
	text-decoration:none;
}

#colophon p {
    color: #fff;
    font-size: 16px;
	font-weight: 500;
    line-height: 1.5;
}
aside.widget-area, .copyright  {
	position: relative;
	z-index: 99;
}
.copyright {
	margin: 2em 0;
    background: #fff;
    padding: 0px 0;
}
.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:#FF7617;}
.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{
	color: #fff;
}
.site-footer select {
	color: #fff;
}
.site-footer .widget {
	margin: 20px 0;
}
.site-footer h2.widget-title{
	color: #fff !important;
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 600;
}
#colophon p i{margin-right: 10px;}
.site-footer button.search-submit{
	width: 100%;
	border-radius: 0;
	background: #FF7617;
}
#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;
/*    right: 4px;*/
    display: inline-block;
    background: #0B437D;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: relative;
/*    text-indent: -999px;*/
    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: center;
}
.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: #FF7617;
	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: #FF7617;
	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 14px;
}
.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: #FF7617;
	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: 0;
    padding: 8px 9px;
    top: auto;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 16px;
    width: 20px;
    margin: 0;
}
.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: #FF7617;
	background: #FF7617;
	-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: #FF7617;
}
.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: #FF7617;
	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.megavoltelectrician-customizer.megavoltelectrician-front-page .megavoltelectrician-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.megavoltelectrician-customizer.megavoltelectrician-front-page .megavoltelectrician-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.megavoltelectrician-customizer.megavoltelectrician-front-page .megavoltelectrician-panel .megavoltelectrician-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.megavoltelectrician-customizer.megavoltelectrician-front-page .megavoltelectrician-panel:nth-of-type(1):after {
	border: none;
}
.megavoltelectrician-front-page.megavoltelectrician-customizer #primary article.panel-placeholder {
	border: 0;
}

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

/* Ensure that placeholder icons are visible. */
.megavoltelectrician-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){
	#slider .slideimg img { height: 700px;}
	#slider .content { padding: 4em 1em 4em 12%;}

}
@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 .slideimg img {height: 600px;}
#slider .content {  padding: 4em 1em 4em 4%;}
#slider h2 {  font-size: 40px;}
#slider p { padding: 2px 0px; font-size: 18px;}
#slider .sbtn a {font-size: 16px;}
.sbtn i.fa-thumbs-up { font-size: 16px;}
#aboutus-section .hastag { font-size: 28px;}
#aboutus-section .title { font-size: 30px;}
#aboutus-section .yearbx h2 { font-size: 65px;}
#aboutus-section .yearbx p { font-size: 25px;}


}

@media screen and (max-width: 1024px){
    #slider .slideimg img {
        height: 500px;
    }
	

}

@media screen and ( max-width: 768px) and (min-width: 720px){
	
}

@media screen and (max-width: 1000px){
	#header .bott-head { padding-bottom: 5px;}
	#header .m_mbx { position: relative; margin: 10px 0 0 0; bottom: 0px; }
	.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: #FF7617;
	}
	.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: #FF7617;
		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.megavoltelectrician-front-page .site-branding,
	.has-header-video.megavoltelectrician-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.megavoltelectrician-front-page .custom-header,
	.has-header-video.megavoltelectrician-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 */
	.megavoltelectrician-front-page.has-header-image .site-branding,
	.megavoltelectrician-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,
	.megavoltelectrician-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,
	.megavoltelectrician-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,
	.megavoltelectrician-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,
	.megavoltelectrician-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){

}

@media screen and (max-width: 991px){
.nav-toggle { position: relative;left: 0;}
#header .detilbxinn .detilbxtxt h4{display: none;}
/* #header .detilbxinn .detilbxtxt .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: 40px;
    right: 0;
    opacity: 1;
    transition: opacity 0.3s;
    transition: all 0.2s linear;
    z-index: 9999;
}
#header .detilbxinn:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
} */
#slider .slideimg img { height: 400px; }
#slider .content { width: 76%;top: 14%; padding: 2em 1em 2em 2em;}
#slider .sbtn a {padding: 6px 18px; font-size: 16px;}

#header .mail a{overflow: visible;}
#header .mail i { position: relative;}
#header .mail:hover .tooltiptext{ visibility: visible; position: relative;}
.toggle-menu{float: right;}
.logo img { padding: 0px 0;}
.headbx {padding: 1em 0em;}
.headbx .titlebrd{display: none;}
.headbx h2{font-size: 30px;}
.headbx h3 {font-size: 20px;margin: 0;}
.headbx p { font-size: 15px; padding: 4px 0 0 0;}
#feature-section .slick-dots{display: none !important;}

#feature-section .fs-box {  margin: 20px 0 0 0;}
#aboutus-section { padding: 1em 0;}
#aboutus-section .abt_cont { width: 100%;}
#aboutus-section .abt_imgbx { width: 100%;}
#services-section{padding: 1em 0;}
#services-section .serbx h4 { font-size: 20px; margin: 8px 0px;}
#services-section .serbxinn p { font-size: 16px;line-height: 24px;}
.m-head .container {
	padding-bottom: 10px;
}
}

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

	#header .cart-contents i {
		margin: 12px 0 0 0;
		left: -4px;
	}
	
	#header .detilbxinn .icon {
		width: 100%;
	}
	
	#header .tooltiptext {
		display: none; /* Hide tooltips by default */
        position: absolute;
        background-color: #333;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        z-index: 1000;

    }

	#header .mail .tooltiptext {
		left: -129px;
    }

    #header .icon {
        cursor: pointer; /* Indicate that the icon is clickable */
    }

	#header .icon:focus + #header .tooltiptext,
    #header .icon:focus-visible + #header .tooltiptext,#header .icon:hover + #header .tooltiptext {
        display: block; /* Show tooltip on focus */
    }
}

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

	.bottmhead {
		border: none;
	}

	.search-form .search-field {
		padding: 10px;
	}

	.search-form:after {
		padding: 9px 15px;
	}
}
@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;
	}
	#ourproduct-section .ourproductbx {	padding: 0 43px;}
	.headerbtn {	text-align: left;}
	#services-section .serviceshead-btn {	margin: 0;}
	#services-section .feabx:nth-child(1),
	#services-section .feabx:nth-child(2),
	#services-section .feabx:nth-child(3) {padding: 0;margin-top: 20px;}

	.m-headbox #search-icon i {	display: block;}

		
	#search-form-container {
		position: relative;
		top: 100%; /* Position it below the search icon */
		right: 0;
		width: auto;
		background: #fff; /* Background color */
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a box shadow for a visual effect */
		transition: opacity 0.3s ease; /* Smooth transition effect */
		z-index: 98; /* Adjust the z-index to make sure it appears over other elements */
	}

	#search-form-container.visible {
		opacity: 1; /* Fully visible */
		pointer-events: auto; /* Allow interaction when visible */
	}

	#search-form-container:focus-within {
		opacity: 1; /* Make the form visible if any child element is focused */
		pointer-events: auto; /* Allow interaction when visible */
	}
	
	.search-form:after {
		padding: 6px 10px;
		top: 3px;
	}
	div#search-form-container { display: block !important;}
	.search-form label {
		margin: 0;
	}
	.search-form .search-field {
		padding: 10px 7px 10px 44px;
	}


	#header .s-media #share-icon {
		display: block;
	}
	
	#header .s-media #icons-container {
		position: absolute;
		top: 100%; 
		right: 0;
		width: auto;
		background: #8e8c8c;
		display: none;
		z-index: 99;
		padding: 0px 10px 0 0;
	}

	#header .s-media li {
		padding: 0;
	}
	
	#header #phone-number {
		/* display: none;   */
	}

	#header .tooltip-text {
		display: inline-block;
		background-color: #DFDABA;
		color: #000;
		text-align: center;
		padding: 2px 2px;
		position: relative;
		font-size: 14px;
		top: 0;
		/* right: 1px; */
		opacity: 1;
		transition: opacity 0.3s;
		transition: all 0.2s linear;
	}
	
	#header .hidden-appointment,
	#header .appbtn h4 {
		display: none;  /* Hide the appointment button initially */
	}
	
}


#show-number:focus, #toggle-appointment:focus {
	outline: 2px solid #000;
}

@media only screen and (max-width: 950px) and (min-width: 720px){

	
	/*#header #mail-icon {
		position: absolute;
		right: -15em;
		top: 23px;
	}*/
	
	.m-headbox #search-icon i {
		position: absolute;
		right: 62px;
		top: 27px;
	}
}

@media screen and (max-width: 767px){
#header .bott-head { padding-top: 6px; padding-bottom: 2px;}
#header .mail,
#header .topheadtxt p{text-align: center;}
#header .headerbtn h4{display: none;}
#header .headerbtn i { transform: rotate(0deg);}
#header .headerbtn i.fa.fa-reply-all{display: none;}
#header .headerbtn i.fa.fa-phone{ display: block;}
#header .appbtn .h-btn i {
    position: relative;
    margin-top: 0;
    left: 0px;
}
#slider .slideimg img{ height: 300px;}
#slider .content {position: relative; width: 100%;left: 0;padding: 1em 1em 1em 1em;}
#slider .content:before{opacity: 1;}
#slider h4 {font-size: 18px;}
#slider h2 { font-size: 22px; line-height:1.5;}
#slider p {  font-size: 16px;}
#slider .sbtn { margin: 4px 0 0 0;}
#slider .sbtn a{font-size: 16px;padding:8px 7px 8px 30px;}
#feature-section .list{margin-top:20px; }
#aboutus-section .m-bx { width: 100%;}
#aboutus-section .yearofexperience { width: 300px; margin: 22px 0 0 0; }
#services-section { padding: 1em 0;}
.headbx { margin-bottom: 2em;}
.headbx h2 {font-size: 28px;}

#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;}
	#slider h2 {	font-size: 24px;}

	.m-headbox #search-icon i {
		position: absolute;
		top: -20px;	
	}
}

@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) {
	#header .bott-headbx { width: 100%;}
	.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) {
#services-section .titlebx { margin: 0 0 1em 0;}
#services-section .titlebx h2,
#aboutus-section .heading {font-size: 45px;}
#services-section .subheading,
#aboutus-section .subheading { top: 16px;}
#aboutus-section .hastag { font-size: 20px;}
#aboutus-section .title { font-size: 20px;}
.bottmhead { border-top: 0px solid #ccc;margin: 1px 0 4px; padding: 1px 0 0 0;}
/* #header .bott-head { padding-top: 2px;} */

.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;}
#header .s-media a i {font-size: 16px;}
#slider .slideimg img { height: 250px;}
}

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


}

@media screen and (max-width: 400px) {
	#aboutus-section .box{width: 98%}
}
@media screen and (max-width: 375px) {
#services-section .serbx img { height: 300px;}
}

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