.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*Theme Name: Welding Work Pro
Theme URI: https://luzuk.com/demo/welding-work-pro/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: welding-work-pro
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding-top: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}

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

/*#innerpage-box blockquote p{
    margin: 0;
    padding-bottom: 10px;
    font-weight: 800;
    font-size: 30px;
    color: #ff6f00;
    font-style: italic;
}*/
blockquote {
    background-color: #fff;
    position: relative;
    clear: both;
    margin: 30px 0px;
    padding: 2em 3em 4em;
    font-size: 16px;
    color: #0F2B5B;
    box-shadow: 10px 10px 30px #0000004d;
    /* font-style: italic; */
    font-weight: 400;
    border-radius: 6px;
    border: none;
    background: url(//monsieur-peinture.com/wp-content/themes/welding-work-pro/images/quote.png) no-repeat;
    background-position: bottom;
    background-size: contain;
    overflow: hidden;
}

/*blockquote:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fcb53c;
    font-size: 22px !important;
    width: 38px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//monsieur-peinture.com/wp-content/themes/welding-work-pro/images/quote.png) no-repeat;
}*/
/*blockquote:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 8px;
    font-size: 40px;
    right: 32px;
    clear: both;
    color: #7942fd;
}*/
q:before,
q:after {
    content: "";
}
#innerpage-box p span {
    color: #ff6f00;
}
#innerpage-box p strong {
    color: #5f64cd;
}
pre {
    background: #eee;
    /*font-family: "Courier 10 Pitch", Courier, monospace;*/
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    /*font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;*/
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(//monsieur-peinture.com/wp-content/themes/welding-work-pro/images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.pd-0{ padding: 0;}
.pd-1{ padding: 5px;}
.pd-2 {padding: 10px;}
.pd-3 {padding: 12px;}
.pl-0{padding-left:0 ;}
.pr-1{padding-right: 5px;}
.pr-2{padding-right: 10px;}
.pl-1{padding-left: 1em;}
.pd-4{padding: 0 2em;}
.justify-content-center { -ms-flex-pack: center!important; -webkit-box-pack: center!important; text-align: center;justify-content: center!important;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote,
q {
    quotes: "" "";
/*        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);*/
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: red;
    z-index: 1;
    position: relative;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
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: #404040;
    border: 1px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url(//monsieur-peinture.com/wp-content/themes/welding-work-pro/images/arrow.png);
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
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 {
    outline: 0;
}
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"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #d5a8e9;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 15px;}
/* Make sure select elements fit in widgets. */
.widget select {   max-width: 100%;  width: 100%;}
/* Search widget. */
.widget_search .search-submit { display: none;}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    /*text-transform: uppercase;*/
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 6px 3px;
    margin: 0;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
}
.widget-area .social-profile-icons ul li {  display: inline-block;}
.widget-area .social-profile-icons ul li:before {  display: none;}
.widget-area ul ul{  margin-top: 5px;}
.widget-area ul ul li{ padding-left: 10px;}
.widget-area ul ul li:last-child{  border-bottom: 0;  padding-bottom: 0;}
.widget-area li{
    padding: 11px;
    line-height: normal;
    margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
}
.widget-area li.recentcomments {  padding: 10px 15px;}
div#sidebars.sidebar a,.widget-area a{
    text-decoration: none;
    font-size: 18px;
    color: #0a436e;
    display: inline-block;
    padding: 2px 0;
    font-weight: 400;
    line-height: 25px;
    /* text-transform: capitalize; */
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area .widget{ margin-bottom: 1.5em; position: relative;z-index: 1;}
#innerpage-box .widget-area .wp-block-latest-posts__list {padding: 0 2px;}
#innerpage-box .widget-area aside#categories-3 ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f040";
    color: #7942fd;
    margin-right: 12px;
}
#innerpage-box .widget-area .wp-block-latest-posts__list a:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f234";
    color: #7942fd;
    margin-right: 12px;
}
/*--------------------------------------------------------------
## Bullet Point
--------------------------------------------------------------*/
#secondary .widget_recent_entries li a:before,
#sidebars .widget_nav_menu ul li a:before{
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f061";
    font-size: 16px;
    color: #fff;
    margin: 0 22px 0 0;
}
#sidebars .widget_recent_entries ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f040";
    color: #7942fd;
    margin: 0 22px 0 0;
}
ul#menu-service li {
    border-radius: 50px;
    padding: 7px 20px;
    margin: 15px 5px;
    background: #eeeeee;
    background-image: linear-gradient( 230deg,#ff9900 19%,#eeeeee 8%);
}
ul#menu-service {
    padding-top: 18px !important;
}
ul#menu-service li:before {
    content: " ";
    width: 20% !important;
    border-radius: 30px !important;
    height: 100%;
    font-size: 0px;
    box-shadow: none;
    background: #FF6F00;
    color: #fff;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 51px;
    top: 0;
    z-index: 0 !important;
    background: #eeeeee;
}
ul#menu-service li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f061";
    color: #fff !important;
    margin: 0 9px 0 0;
    background: #000;
    font-size: 28px;
    padding: 5px 14px;
    float: right;
    right: -10px;
    top: 0;
    line-height: 43px;
    position: absolute;
    border-radius: 30px;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
}
#content-box ul li:before {
    content: '';
    font-family: 'FontAwesome';
    float: left;
    padding-right: 1em;
    color: #0074D9;
}
#secondary .widget-area .tagcloud,
#sidebars .widget-area .tagcloud{padding: 0 1em;}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
/*.widget-area { position: relative; overflow: hidden;}*/
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 80%;
    margin: 5px 5px;
    font-size: 15px;
    display: inline-block;
    border-radius: 30px;
    padding: 16px 3px 16px 30px;
    line-height: 1.2;
    background-color: #d9d9d9;
    text-align: left;
    border: none;
}
#secondary textarea { height: 90px;}
#secondary .gallery-columns-3 .gallery-item { max-width: 33.33%;}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{  opacity: 0.7;}
#secondary figure.gallery-item a img, #secondary .widget img{ padding: 5px;}

#secondary select#archives-dropdown-3 {left: 0px !important;margin: 18px 5px 30px 5px ! important;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
#content .tags a {
    margin: 0 10px;
    border: 1px solid #000;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    line-height: 35px;
    word-break: break-word;
}

#comments .comment-author img{border-radius: 50%;}
#comments span.fn {
    position: absolute;
    top: 17px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
#content p{margin-bottom: 30px;}
.inner_contentbox .socialMedia ul{margin-left: 0;}
.inner_contentbox .socialMedia ul li{
    display: inline-block;
    position: relative;
    top: -20px;
}
.inner_contentbox .socialMedia ul li a{background: none !important;}
.inner_contentbox .socialMedia ul li:before{display: none !important;}
.inner_contentbox .socialMedia{float: right;}
.inner_contentbox .socialMedia ul li a i {
    background: none !important;
    border: 2px solid #d33;
    color: #000;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 16px;
    margin: 8px 0;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
/*================== New ==========================*/
div#commentsAdd {
    margin-top: 1em;
    border-top: 3px solid #000;
    padding: 2em 1em 2em 2em;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
div#commentsAdd h1 span {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.commentmetadata span.reply {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #222;
    font-weight: 500;
    background: #ccc;
    padding: 7.5px 32px;
    text-align: center;
    border-radius: 25px;
    /*text-transform: uppercase;*/
    z-index: 1;
}

.comment-author.vcard {
    width: 15%;
    position: relative;
    float: left;
}
.commentmetadata {
    width: 85%;
    float: left;
    margin-top: 1.5em;
}
.comment-metadata a{font-weight: 600; font-size: 16px;}
.comment-metadata {
    position: absolute;
    /* float: right; */
    top: 0;
    margin-left: 100%;
}
#comments .commentmetadata p{margin: 1em 0;}

#respond #respond h3#reply-title{display: none;}
#comments ol li.comment:before{display: none;}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 2em 0 5em;
    padding: 0;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
#content .blog-innimg img{
    margin-bottom: 1em;
    border: 1px solid #bbb;
    padding: 5px;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
     clear: both; 
    text-align: center;

}
.pagingation a, .woocommerce nav.woocommerce-pagination ul li a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
        border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin-right: 8px;
    transition: all 0.25s ease;
}
.pagingation a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

/*.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}*/
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 25%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/

div#secondary input[type="submit"],
.wp-block-search__button {
    margin: 6px auto;
    /* top: 15px; */
    display: block;
    position: relative;
    text-align: center;
    padding: 1px 14px !important;
    border-radius: 35px!important;
    z-index: 999 !important;
    overflow: hidden;
    border: none;
    box-shadow: none;
        font-size: 24px;
    font-weight: 500;
    font-family: 'Alata';
}
#sample-heading-here:after {display: none !important;}
.section-title{
    margin-bottom: 2.5em;
    position: relative;
}
.section-title h2 {
    position: relative;
    word-break: break-word;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 15px;
    line-height: 54px;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 16px;
    padding-top: 5px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{  text-align: center;}

:hover{
    -webkit-transition-duration: 1s;
  
    -moz-transition-duration: 1s;
  
    -o-transition-duration: 1s;
  
    transition-duration: 1s;
}

section .darkbox{  padding:3em 0;  background: rgba(0,0,0,0.6)}
.padding0{ padding: 0;}
.ht-section-title-tagline{ margin-bottom: 3em;}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
h1.page-title.wow.zoomIn {
    position: relative;
    margin: 0 0 0.5em;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    z-index: 1;
    font-size: 30px !important;
    color: #7942fd;
    font-weight: 700;
    font-family: "Alata";
}
.ht-main-title{
    position: relative;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    z-index: 1;
    font-size: 61px !important;
    color: #fff;
    font-weight: 800;
    top: 2.9em;
    text-transform: uppercase;
}
.category .ht-main-title {  margin: 0 0 1.5em;}
.ht-site-title, .site-title{
    color: #222a35;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    padding: 0;
    position: relative;
    top: 0.8em;
    text-align: center;
}
.ht-site-title a, .site-title a{ text-decoration: none;color: #4a4a4a;}
.ht-site-description{
    color: #222a35;
    font-size: 14px;
    font-weight: normal;
    margin: 8px 0 0 0;
    position: relative;
    top: 1.5em;
    text-align: center;
}
#total-breadcrumbs{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox { margin-top: 0; padding: 1em;}
.single-productpage #sidebars {   margin-top: 20px;}
.single-productpage .ht-main-title {  padding: 20px;}
.woocommerce ul.product_list_widget li img{ margin: 0 15px 0px 0;}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{ color: #000;}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{ color: #fe5722;}
.taxonomy-description,
.term-description{ margin-bottom: 15px; padding: 0px 25px 25px 25px;}
.taxonomy-description p:last-child,
.term-description p:last-child{  margin-bottom: 0;}
/*======= side bar ===========*/
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: center !important;
    padding: 0 2px !important;
    
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.page-main-header { text-align: center;}
.breadcrumbbox { position: relative; padding: 0.5em 0; text-align: left;z-index: 1;    top: 11em;}
.breadcrumbbox span{ color:#000; margin:0 3px;}
header .woocommerce-breadcrumb,
.breadcrumbbox .button {
    display: inline-block !important;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 8px 16px;
    border: 5px solid;
}
header .woocommerce-breadcrumb:before,
.breadcrumbbox .button:before {
    content: "";
    background: #FF5E00;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    transition: all 0.3s ease;
}

/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{ position: absolute; right: 0; top: 20px; cursor: pointer; padding: 0;}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar { display: none; position: absolute; bottom: 16px; z-index: 200; right: 13%;}
.sitenav .search-bar input{display:inline-block;}
.sitenav .search-bar input[type="text"]{ 
   width:100%;
   background: rgba(33, 33, 33, 0.8);
   color:#fff;
   border:none;
}
.sitenav .search-bar input[type='submit']{ background: #000;color: #000;width: 15%;padding: 0;}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
.resp_header_logo {  display: none;}
.overlap-header { position: relative; top: 0px;}
.page-main-header{
    position: relative;
    overflow: hidden;
    /*background: #fe5722;*/
    color:#fff;
    clear: both;
   /* background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;*/
}
.lower-header .header-social-links {  margin: 20px 0;}
.header-transparent .resp_head_box {  padding: 12px 0 15px;}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description { display: none;}
.resp_header_btn p {  display: none;}
.header-right .single-header-info {  text-align: right;}

header.site-header li {display: inline-block; list-style-type: none;}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logobox img{ position: relative;}
header.site-header .main-dispaly.padding0 {  padding-right: 0;}
header svg {
    position: absolute;
    top: 0;
    left: 6%;
    right: 0;
    bottom: 0;
    z-index: -1;
}


/* top-header
-------------------------------------------------------------- */
header .hphone i{    color: #ffad3e;font-size: 22px; padding-right: 8px; top: 2px; position: relative;}
header .hphone{font-size: 18px; padding-top: 5px;font-weight: 600;left: 5em;}
header .hphone h5 {
    color: #222a35;
    font-weight: 500;
    padding-top: 6px;
/*    animation: float-bob-x 5s linear infinite;*/
}

header .toph {
    background-image: linear-gradient(0deg, #6f33fd 0%, #a380fa 100%);
    left: 29%;
    clip-path: polygon(2% 0, 97% 0, 99% 100%, 4% 99%);
}
header .logo {
    top: 1em;
    left: -6.1em;
    padding: 0;
    position: relative;
    background: none !important;
}
header .allh {
        border-radius: 0px 60px 60px 0px;
    background: #000;
    border-bottom: 4px solid #7339fc;
    border-right: 10px solid #7339fc;
}
header .share-btn li{
    display: inline-block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    margin: 2px 0px;
    position: relative;
    overflow: hidden;
}
header .share-btn li i{
    font-weight: 600;
    margin: 4px 4px;
    font-size: 22px;
    font-weight: 500;
    background: #222a35;
    color: #767779;
    width: 32px;
    height: 32px;
    line-height: 33px;
    text-align: center;
    transition: all .4s linear;
}

/* = Navigation hover and active menu css
-------------------------------------------------------------- */

header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display: inline-block;
    position: relative;
    line-height: normal;
    margin: 3px 14px;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    /*color:#ffffff; */
    position:relative; 
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu ul.sub-menu li { 
    list-style-type: none;transition: all 0.5s;
    border-bottom: 1px solid #f1f1f1;transition: all 0.5s;
    border-radius: 10px;
}
.navigation .mainmenu li:hover ul.sub-menu{
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition: all 0.5s;
}
@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);
    transition: all 0.5s;
    transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);
    transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);
    transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);
    transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);
    transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}
}
ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px;
    margin-top: 0px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
.navigation .mainmenu ul.sub-menu li a:hover {
    border-radius: 8px !important;
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}
.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}
.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 8px 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
/*    top: 0;*/
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.header.site-header ul.sub-menu li a {
    font-size: 14px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 500;
    position: relative;
}

.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

header ul.sub-menu, 
header.site-header ul.sub-menu {
    background-color: #000;
    border: 2px solid #d33;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    color: #fff;
}
.navigation .mainmenu ul.sub-menu li.current_page_item a, 
.navigation .mainmenu ul.sub-menu li:hover a{background-color: #f2f2f2;transition: all 0.3s;}
.navigation .mainmenu ul.sub-menu li:hover a{padding: 12px 8px 12px 30px;transition: all 0.3s;}
 .header.site-header ul.sub-menu li a:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    margin-top: -.6em;
    margin-left: -22px;
    margin-right: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover a:before { margin-left: 14px; opacity: 0;}
header.site-header ul { margin: 0;}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}

.navigation .mainmenu {position: relative;}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header{
    z-index: 99999;
    position: absolute;
    width: 100%;
    background: none;
    transition: height .25s ease-in-out,color .25s ease-in-out,background .25s ease-in-out,transform .25s ease-in-out;
}

.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}

/* map page header*/
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}
div#secondary .widget_calendar table thead tr th{ padding: 10px;}
.widget_calendar tfoot tr td a {  padding: 2px 10px;}

/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {
    text-align: right;
}
.main-header-info {
    text-align: center;
}
.header-icon {
    display: inline-block;
    text-align: left;
}
.top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {
    float: right;
}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{
    display:inline-block;
}
.dlab-topbar-left ul li{
    padding-right:0px;
}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{
    color:#444444;
}
.topbar-social li a{
    padding: 0 6px; 
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation { margin: 0 0 15px; overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu { display: block !important;}
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}
.navigation .mainmenu li a:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000;
  transition:0.5s;
  transform-origin:right;
  transform:scaleX(0);
  z-index:-1;
}

/*.navigation .mainmenu:hover li a{
  transform:scale(1.2);
  opacity:0.2;
  filter:blur(0.5px);
}
.navigation .mainmenu li a:hover{
  transform:scale(1.2);
  opacity:1;
  filter:blur(0);
  text-decoration:none;
  color:#000;
}
.navigation .mainmenu li a:hover:before{
  transition:transform 0.5s;
  transform-origin:left;
  transform:scaleX(1);
}*/
.sf-arrows .sf-with-ul { padding-right: 0em !important;}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}

/* = Navigation sticky header css
-------------------------------------------------------------- */
.mobi1{display: none;}
.top-bar-head {   padding-bottom: 0.5em;}
.site-navigation {
    background: none;
    display: inline-block;
    position: relative;
    margin-top: 1.2em;
    margin-left: 1.5em;
}
header .share-btn {
    float: right;
    right: 0;
    position: relative;
}
.site-navigation li.page_item a {
    color: #fff;
}
header .hphone a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    color: #fefcfc;
    font-weight: 500;
    font-family: "Poppins";
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu { padding: 0px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: 8px;}
header.site-header .dlab-topbar-left {  position: relative;  top: 13px;}

header .btn{
    color: #ffe8b2;
    background-color: #ff6f00;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 600;
    padding: 7px 21px 9px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
    float: right;
    top: 19px;
}
header .btn:focus{ color: #cd6133; }
header .btn:hover{
    color: #fff;
    background-color: #fff;
    box-shadow: 0 0 15px -5px #555;
}
header .btn:before,
header .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #ff6f00;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -4px;
    left: -4px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
header .btn:after{
    border: 2px solid #ff6f00;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -4px;
    right: -4px;
}
header .btn:hover:before, 
header .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #ff6f00;
    opacity: 0;
}
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
.slider_section{  position: relative; overflow: hidden;}
.slidoly { position: relative; transform: rotateX(180deg);}
.slider_section .overlay {
    position: absolute;
    overflow: hidden;
    width: 65%;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 6;
    background: #fff;
    clip-path: polygon(44% 0, 100% 0%, 100% 100%, 0% 100%);
}
.slider_section svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}
.slider_section .imgflsh {
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 18%;
    background: #fff;
    opacity: 0.6;
    width: 135px;
    height: 631px;
    transform: rotate(34deg);
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #80808000 100%) 0% 0% no-repeat padding-box;
}
img.slide-mainimg {
    width: 100%;
    height: 750px;
}
.ht-slide{ position: relative;}
.slider_content {
    position: absolute;
    overflow: hidden;
    top: 47%;
    right: 7%;
    width: 38%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 1em 0em;
    text-align: right;
    z-index: 999;
}
.sliderimg {
    width: 60%;
}
.slider_section .title {
    font-size: 63px;
    color: #222A35;
    font-weight: 700;
    padding-bottom: 0px;
    word-break: break-word;
    padding: 0px 0px;
    display: inline-block;
    line-height: 1.4;
    font-family: 'Alata' !important;
    padding-left: 2em;
}
.slider_section .sub-title {
    font-size: 18px;
    line-height: 32px;
    color: #2f2f30;
    font-weight: 400;
     padding: 0.5em 0 2em 0;
}

/*==============slider btn==========================*/

.slider-btn {
    float: right;
}
.slider-btn ul {list-style: none; margin: 0; padding: 0;}
.slider-btn ul li{float: left; margin: 0; padding: 0;}
.slider_section .s-btn{margin-left: 20px;}
div#slider .btn{
    color: #fff6c8;
    background-color: #FF6F00;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 0;
    border: none;
    position: relative;
    margin-right: 8px;
    z-index: 1;
    transition: all .3s ease 0.15s;
}
div#slider .btn:focus{ color: #cd6133; }
div#slider .btn:hover{
    color: #fff;
    background-color: #cd6133;
    box-shadow: 0 0 15px -5px #555;
}
div#slider .btn:before,
div#slider .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #cd6133;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -4px;
    left: -4px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
div#slider .btn:after{
    border: 2px solid #cd6133;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -4px;
    right: -4px;
}
div#slider .btn:hover:before, 
div#slider .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #cd6133;
    opacity: 0;
}
.slider_section .bx-wrapper .bx-controls-direction a{
     display: block;
    font-weight: 600;
    margin: 0;
    z-index: 999;
    text-indent: -9999px;
    width: 63px;
    height: 63px;
    line-height: 60px;
    font-size: 50px;
    color: #f3da1f;
    background: #1e212a;
    border-radius: 0%;
    overflow: hidden;
    position: absolute;
    outline: 0;
}
button[type=submit]:hover::before {
    background-color: #03a9f4;
    animation: loadingWave 4s linear;
}
.slider_section .bx-wrapper .bx-prev { right: 15%;}
.slider_section .bx-wrapper .bx-next {  right: 10%;}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:after {
    content: "\f100";
    font-family: FontAwesome;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    font-size: 40px;
    font-weight: 100 !important;
    position: absolute;
    top: 0px;
    left: 22px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    font-size: 40px;
    font-weight: 100 !important;
    position: absolute;
    top: 0px;
    right: 22px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next{ 
    display: block;
    opacity: 1;
    text-indent: inherit;
    font-size: 0;
}


/*----------------------------------------*/
/*   Features Area
/*----------------------------------------*/
#features {position: relative; overflow: hidden;}
#features .overlay {
    position: absolute;
    width: 62%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222A35;
    opacity: 0.9;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
#features .trangle {
    position: absolute;
    width: 72px;
    height: 201px;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(100% 0, 0 0, 0 100%);
        top: 0%;
    right: 37%;
    opacity: 0.8;
}
#features .squre {
    position: absolute;
    width: 51px;
    height: 379px;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    clip-path: polygon(50% 0, 100% 0%, 50% 100%, 0% 100%);
    transform: rotate(16deg);
    bottom: 13%;
    right: 45%;
    border-radius: 58px 5px 57px 6px;
}
#features .featuresus-single { 
    position: relative;
    padding: 22px 5px;
    border-radius: 20px;;
    transition: all .1s linear;
    overflow: hidden;
}

#features .dot-bricks {
  position: absolute;
    top: 14px;
    left: -9750px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  animation: dot-bricks 2s infinite ease;
}
#features .section-title {
    margin-bottom: 0.5em;
    position: relative;
}
#features .section-title .heading {
    padding-bottom: 16px;
}
#features .section-title h1 {
    font-size: 44px;
    font-weight: 800 !important;
    line-height: 26px;
    color: #fff;
    font-weight: bolder;
    font-family: 'Roboto';
    border: 5px solid #ff6f00;
    border-radius: 14px;
    padding: 18px 10px;
    background-image: linear-gradient( 286deg,#313338 69%,#ff6f00 41%);
}
#features .section-title h2 {
    color: #fff;
    line-height: 38px;
    font-size: 30px;
    font-weight: 600;
    padding: 0.4em 0;
}
#features .section-title h2:before {
    display: inline-block;
    margin-right: 10px;
    content: " ";
    text-shadow: none;
    width: 5%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-color: #ff6f00;
    position: relative;
    bottom: 10px;
}
#features .features-box {    margin-top: 0.4em;}
#features .featuresarea-img3 img{border-radius: 20px;}
#features i { 
    font-size: 50px;
    transition: all 1s ease 0s;
    transform: scale(1);
}
#features .featuresus-single:hover i{
    transform: scale(0.9);
    transition: all 1s ease 0s;
}
#features .features-area-data {
    padding-left: 0px;
}
#features .features-area-data h4{
    font-size: 22px;
}
#features .feature-bottom {
    background: #262a32;
    z-index: 1;
    position: relative;
    padding: 1.3em 0;
    top: 32px;
}
#features h1.feature-bottom-title {
    margin: 0 auto;
    color: #fff;
    font-size: 29px;
    line-height: 2em;
    font-weight: 600;
}
#features .abt-btn {
    text-align: right;
}
#features .btn{
    color: #fff;
    background-color: #ff6f00;
    font-size: 30px;
    font-weight: 500;
    padding: 12px 26px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
}
#features .btn:focus{ color: #cd6133; }
#features .btn:hover{
    color: #fff;
    background-color: #cd6133;
    box-shadow: 0 0 15px -5px #555;
}
#features .btn:before,
#features .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #cd6133;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -5px;
    left: -5px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
#features .btn:after{
    border: 2px solid #cd6133;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -5px;
    right: -5px;
}
#features .btn:hover:before, 
#features .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #cd6133;
    opacity: 0;
}

/*----------------------------------------*/
/*   Service Area
===========================
/*----------------------------------------*/

#service .section-title {
    padding: 0 14px;
}
#service .section-title h1 {
    font-size: 44px;
    line-height: 26px;
    color: #fff;
    font-weight: bolder;
    border: 5px solid #ff6f00;
    border-radius: 14px;
    padding: 18px 12px;
    font-weight: 700;
    background-image: linear-gradient( 286deg,#ff6f00 68%,#fff 43%);
}
#service .section-title h1 span{
    color: #000;
}
#service .single-service-bx{
    padding: 12px 22px;
        margin-top: 2em;
}
#service .single-service {
    position: relative;
    overflow: hidden;
}

#service .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #000;
    transition-property: none;
    transform-origin: 0 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.8s ease 0s;
}
#service .single-service:hover .overlay {
    opacity: 0.8;
}
#service .service-containt {
    position: absolute;
    text-align: left;
    bottom: -4em;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    height: 170px;
    transition: all 0.8s ease 0s;
}

.service-area h4 {
    font-size: 28px;
    padding: 22px 20px;
    color: #010101;
    font-weight: 600;
    font-family: "Alata";
    clip-path: polygon(0% 0%, 99% 0%, 91% 144%, 0% 100%);
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
    border-top-right-radius: 37px 86px;
    border-bottom-right-radius: 48px 70px;
        transition-property: color;
    transition-duration: 0.3s;
}
.service-text {
    position: relative;
    opacity: 0;
    padding: 0 26px;
    transition-duration: 1s;
    transition-delay: 0.3s;
    transition-property: opacity,line-height,margin;
}
#service .single-service:hover .service-text{
    opacity: 1;
}
#service .single-service:hover .service-containt{
    bottom: 0em;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
}
#service .single-service:hover img {
    transform: scale(1.1);
}
#service img.img-responsive {
    width: 100%;
    height: 450px;
    transition: all 0.8s ease 0s;
}


/*--------------------------------------------------------------
## Call Now Section  ##
--------------------------------------------------------------*/
#call-now-section{ position: relative;background: #F6F2ED;}
#call-now-section .overlay{
    position: absolute;
    width: 61%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222A35;
    opacity: 1;
    z-index: 1;
    clip-path: polygon(74% 0, 100% 76%, 86% 100%, 0 100%, 0 0);
}
#call-now-section .call-inn {
    position: relative;
    overflow: hidden;
    padding: 3em 0;
    z-index: 1;
}
#call-now-section .right-bx {
    position: relative;
    padding: 0em 1em 1.5em 0;
}
#call-now-section .right-bx h2{
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 0.6em;
    line-height: 1.3;
    font-family: 'Alata';
}
#call-now-section .right-bx h2 strong {
    font-size: 60px;
    font-weight: 500;
    font-family: 'Alata';
    animation: flicker 1s linear forwards infinite;
}
@keyframes flicker{
    0%{ color: #fff; }
    5%, 15%, 25%, 30%, 100%{
        color: #fff;
        text-shadow: 0px 0px 25px cyan;
    }
    10%, 20%{
        color: #fff;
        text-shadow: none;
    }
}
#call-now-section .right-bx h2 span {
    font-size: 60px;
    font-weight: 500;
    color: #FF6F00;
    font-family: 'Alata';
}
#call-now-section .right-bx h2 small {
    font-size: 38px;
    color: #FF6F00;
    font-family: 'Alata';
}
#call-now-section .callph {
    position: relative;
    width: 330px;
    height: 75px;
    transition: 0.5s;
    border-radius: 48px;
    text-align: right;
    background-image: linear-gradient( 192deg,#ff6f00 65%,#fff 43%);
}
.call-c {
    padding: 14px 24px 5px 0;
    background: #fff;
    margin-left: 75px;
    border-radius: 50px;
}
#call-now-section .callph a{
    font-size: 38px;
    font-weight: 600;
    color: #222a35;
    font-style: italic;
    line-height: 40px;
}
#call-now-section .callph h4 {
    font-size: 16px;
    color: #ff9c30;
    font-weight: 600;
    margin: 0;
}
#call-now-section .callph i {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0em;
    font-size: 44px;
    font-weight: 500;
    transition: all 0.5s ease;
    text-align: center;
    background: #FF6F00;
    color: #fff;
    width: 75px;
    height: 75px;
    line-height: 80px;
    border-radius: 50%;
    z-index: 1;
}
#call-now-section .callph i:after{
    content: ' ';
    width: 10px;
    height: 10px;
    background: #FF6F00;
    clip-path: circle(29.0% at 100% 100%);
}
#call-now-section .callph i{transform: rotate(70deg);transition: 0.5s;}
#call-now-section .callph i{
    -webkit-animation: ZoomIn .3s alternate ease infinite;
    animation: ZoomIn .3s alternate ease infinite;
}
@keyframes ZoomIn {
  from { transform: rotate(0deg); }
  to   { transform: rotate(30deg); }
}
#call-now-section .titlebx-shd1,#call-now-section .titlebx-shd2{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    right: 0;
    background: #112B5C;
    opacity: 0.2;
    z-index: 0;
    clip-path: path( "M551.216,0V362H111.647a10.07,10.07,0,0,1-8.7-4.973l-100.021-171a9.949,9.949,0,0,1,0-10.054l100.021-171A10.07,10.07,0,0,1,111.648,0Z");
}
#call-now-section .titlebx-shd2{
    left: -20px;
    opacity: 0.2;
    z-index: 0;
}
#call-now-section .titletab:hover {transition: all 0.4s ease 0s; transform: rotate(35deg);}
#call-now-section .title{
    position: relative;
    top: 1.5em;
    font-size: 45px;
    color: #3ff;
    font-weight: 600;
}
#call-now-section .call-img{position: relative;overflow: hidden;}
#call-now-section .call-rightbx{
    position: absolute;
    left: 9px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid #ffffff8c;
}
#call-now-section .call-title {
    position: relative;
    width: 287px;
    height: 151px;
    top: 10em;
    right: 5em;
    animation: float-bob-x 5s linear infinite;
}
#call-now-section .call-title-bg {
    position: absolute;
    width: 287px;
    height: 151px;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    box-shadow: 6px -9px 30px #00000045;
    opacity: 1;
    z-index: 0;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
#call-now-section .right-title {
    position: relative;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    top: 1.4em;
    text-align: center;
    line-height: 42px;
}
#call-now-section .all-social {
    position: absolute;
    width: 210px;
    height: 250px;
    right: 0;
    z-index: 1;
    background: #fff;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
#call-now-section .call-social-bg {
    position: absolute;
    width: 210px;
    height: 258px;
    background: #222a35;
    clip-path: polygon(78% 0, 100% 0, 100% 25%, 25% 100%, 0 78%);
}
#call-now-section .call-social li {
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    margin: 0 4px;
    position: relative;
    overflow: hidden;
}
#call-now-section .call-social li i {
    font-size: 26px;
    display: block;
    color: #fff;
    padding-top: 6px;
    transition: all 0.5s;
}
#call-now-section .call-social li:nth-child(1) i{ padding-left: 6.3em;padding-top: 0.8em; }
#call-now-section .call-social li:nth-child(2) i{ padding-left: 4em; }
#call-now-section .call-social li:nth-child(3) i{ padding-left: 1.5em; }
#call-now-section .small-trangle {
    position: relative;
    width: 29px;
    height: 65px;
    top: 10em;
    left: 14px;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
        animation: float-bob-x 5s linear infinite;
    animation-delay: 2.5s;
}
#call-now-section .callbg {
    position: absolute;
    width: 56%;
    height: 100%;
    z-index: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.transline1 {
    position: absolute;
    width: 16px;
    height: 151px;
    left: 0.8em;
    top: -29px;
    background: transparent linear-gradient(180deg, #FF9F0000 0%, #FF850078 47%, #FF6F0000 100%) 0% 0% no-repeat padding-box;
    transform: rotate(321deg);
        opacity: 0.5;
}
.transline2 {
    position: absolute;
    width: 16px;
    height: 140px;
    left: 2.5em;
    top: -39px;
    background: transparent linear-gradient(180deg, #FF9F0000 0%, #FF850078 47%, #FF6F0000 100%) 0% 0% no-repeat padding-box;
    transform: rotate(321deg);
        opacity: 0.5;
}
.transline3 {
    position: absolute;
    width: 16px;
    height: 140px;
    top: -45px;
    left: 4.8em;
    background: transparent linear-gradient(180deg, #FF9F0000 0%, #FF850078 47%, #FF6F0000 100%) 0% 0% no-repeat padding-box;
    transform: rotate(321deg);
        opacity: 0.5;
}
/*----------------------------------------*/
/*Contact Area
/*----------------------------------------*/
.contact-area {position: relative;overflow: hidden;background: #ffffff;}
.contact-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    animation: zoom-in-zoom-out 20s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
#contact .overlay {
    position: absolute;
    width: 62%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #222A35;
    opacity: 0.9;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
#contact .cont-border {
    right: 43%;
    position: absolute;
    background: #fff;
    width: 30px;
    height: 665px;
    top: -25px;
    transform: rotate(20deg);
}
#contact .section-title {
    margin-bottom: 1.5em;
    padding-left: 10px;
}
#contact h1.section-subtitle {
    font-size: 50px;
    line-height: 34px;
    color: #FF6F00;
    font-weight: 400;
    font-family: "Alata";
    padding-bottom: 10px;
}
#contact .section-title p {
    font-size: 20px;
    color: #8e8e8e;
    font-weight: 400;
    font-family: "Alata";
}
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 16px 0;
    padding: 9px 20px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #ff6f00;
    border-radius: 5px;
}
.ht-inquiry-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 12px 20px;
}
.ht-inquiry-member-wrap select{
    border: none;
    z-index: 2000;
    width: 100%;
    color: #595959;
    border: 2px solid #fff;
    margin: 0 0 15px 0;
    border-radius: 0;
    padding: 16px 20px;
    font-size: 14px;
    height: 50px;
    background: none;
}
.ht-inquiry-member-wrap textarea {
    height: 100px;
    padding: 20px 20px;
    margin: 0 ;
}
.ht-inquiry-member-wrap label{
    color:#fff;
    margin:0 0 1em;
    width: 100%;
}
.ht-inquiry-member-wrap { position: relative;}
.ht-inquiry-member-wrap input[type="submit"]{
    padding: 7px 26px;
    white-space: normal;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 3px;
    background: #FF6F00;
    font-family: 'Alata';
    border-radius: 0;
    display: inline-block;
    margin-top: 1.5em;
    transition: all 0.3s;
    width: 100%;
    border-radius: 8px;
}
.ht-inquiry-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(//monsieur-peinture.com/wp-content/images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
#contact .inf-box {
    width: 94%;
    right: 0;
    float: right;
/*    height: 100px;*/
    background: #fff;
    position: relative;
    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 14% 100%);
    bottom: -1px;
}
.contact-area .contactdetails {
    overflow: hidden;
    position: relative;
    border-radius: 0;
    z-index: 1;
    float: right;
    padding-top: 2em;
    transition: transition(all 0.3s ease);
}
#contact .contact-email:after {
    content: "";
    border-right: 2px solid #ff6f00;
    top: 1em;
    right: 25px;
    margin: 0 auto;
    width: 2px;
    height: 35px;
    position: absolute;
}
#contact .contact-address:after {
    content: "";
    border-right: 2px solid #ff6f00;
    top: 1em;
    right: 8px;
    margin: 0 auto;
    width: 2px;
    height: 36px;
    position: absolute;
}

#contact .contactdetails i {
  align-self: center;
  transition: all 0.3s ease;
  transform: transform3d rotateX(50deg);
  transform: transform3d rotateZ(1deg);
  font-weight: 700;
  font-size: 42px;
  color: #ffa62e;
}

#contact .contactdetails .contact-address:hover i,
#contact .contactdetails .contact-email:hover i, 
#contact .contactdetails .contact-phone:hover i {
    margin-top: -20px;
    transition: all 0.3s ease;
    text-shadow:
    white 0.006em 0.006em 0.007em,
    #9c9c9c 1px 1px 1px,
    #9c9c9c 1px 2px 1px,
    #9c9c9c 1px 3px 1px,
    #9c9c9c 1px 4px 1px,
    #9c9c9c 1px 5px 1px,
    rgba(16, 16, 16, 0.4) 1px 38px 26px,
    rgba(16, 16, 16, 0.2) 1px 42px 30px,
    rgba(16, 16, 16, 0.2) 1px 46px 65px,
    rgba(16, 16, 16, 0.4) 1px 50px 95px,
    white -0.15em -0.1em 100px;
  }

.contact-area .contactdetails h4 {
    color: #052C59;
    font-size: 23px;
    font-weight: 600;
}
#contact .contactdetails p {
    font-size: 23px;
    line-height: 24px;
    margin-top: 16px;
    color: #052C59;
    font-weight: 400;
    font-family: "Alata";
}
#contact .contact-email p {
    line-height: 14px;
}
#contact .contact-phone p {
    line-height: 27px;
}
#contact .contact-area .contact-content h4{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 6px;
}
#contact .contact-area .contact-content a,
#contact .contact-area .contact-content p{
    font-size: 22px;
    word-break: break-word;
    white-space: normal;
}
#contact .contact-area .leftbx h3{
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}


/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}
#team {position: relative;overflow: hidden;background: #fff;}
#team .section-title h2{
    font-size: 46px;
    font-weight: 700 !important;
    line-height: 26px;
    color: #fff;
    font-weight: bolder;
    font-family: 'Roboto';
    border: 5px solid #ff6f00;
    border-radius: 14px;
    padding: 18px 6px;
    background-image: linear-gradient( 286deg,#ff6f00 54%,#fff 46%);
    margin-bottom: 0.5em;
}
#team .section-title h2 span {
    color: #000;
}
#team .single-team {
    padding: 11px;
}
#team .our-team{
    position: relative;
    z-index: 1;
    margin-bottom: 4em;
    transition: all .4s linear;
}
#team .single-team-img { position: relative; overflow: hidden;background-color: #fff;}
#team .overlay {
    background-image: linear-gradient(0deg,#FF6F00 -50%,transparent 90%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
}
#team .overlay:hover {
    opacity: 1;
}
#team .single-team-img img{
    width: 100%;
    height: 360px;
    transition: all .5s ease-out;
}
#team .our-team:hover .single-team-img img{
    transform: scale(1.25);
    transition: all .75s ease-in;
}
#team .team-social-icon {    
    position: absolute;
    text-align: right;
    bottom: 2.6em;
    left: 0;
    right: 3px;
    margin: 0 auto;
    z-index: 1;
    transition: all .4s linear;
}
#team .team-social-icon a i{
    margin: 4px 4px;
    font-size: 22px;
    font-weight: 500;
    background: #f3f;
    color: #767779;
    width: 32px;
    height: 32px;
    line-height: 33px;
    text-align: center;
    transition: all .4s linear;
}
#team .team-social-icon a i:hover{
    transform: scale(1.3);
    background: none;
    transition: all .4s linear;
}
#team .team-text{
    padding: 15px 15px 10px;
    z-index: 2;
    position: absolute;
    bottom: -2.3em;
    left: 0;
    right: 0px;
    text-align: right;
    overflow: hidden;
}
#team .team-text svg {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
}
#team .team-text h4 {
    word-break: break-word;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
#team .team-text .team-designation{word-break: break-word;font-size: 16px;margin-bottom: 0px;font-weight: 400;}


/*----------------------------------------*/
/*  About Area
/*----------------------------------------*/
#about { position: relative; overflow: hidden;}
#about .section-title{margin-bottom: 1em;}
#about img.img-responsive {
    width: 405px;
    height: 274px;
    animation: float-bob-y 5s linear infinite;
}
#about img.aboutrdot {
    width: 227px;
    height: 155px;
    position: absolute;
    top: 78%;
    left: -8%;
    z-index: 1;
    animation: float-bob-y 5s linear infinite;
    animation-delay: 1.5s;
}
#about .alebal {
    position: absolute;
    width: 215px;
    height: 78px;
    right: 15px;
    border-radius: 0 0 39px 0;
    padding: 1em;
    background-image: linear-gradient(#FFA200, #FF6F00);
    overflow: hidden;
    animation: float-bob-y 5s linear infinite;
    animation-delay: 2.5s;
    z-index: 1;
}
#about .alebal h6 {
    padding: 0 18px 0 3.5em;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
#about .alebal h6:before {
    content: '';
    height: 16%;
    width: 8%;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    position: absolute;
    right: 44px;
    bottom: 10px;
    transition: all 0.2s ease-in, width 0.5s cubic-bezier(.45,-0.33,.43,1.46);
}
#about .alebal h6 span {
    font-size: 32px;
    font-weight: 500;
}
#about .alebal h1 {
    font-size: 50px;
    font-weight: 500;
    position: absolute;
    color: #fff;
    font-weight: 500;
}
#about .section-title h1{    
    font-size: 40px;
    line-height: 26px;
    color: #FFA200;
    font-weight: 700;
    padding-bottom: 5px;
}
#about .section-title h2{
    font-size: 44px;
    color: #222A35;
    font-weight: 600;
    line-height: 55px;
    padding-bottom: 0px;
}
#about .section-subtext p{ 
    font-size: 22px;
    color: #8D8D8D;
    font-family: "Arial";
    padding-bottom: 18px;
}
#about .als {
    padding-left: 10px;
}
#about .about-area-data {text-align: left;}
#about .about-area-data h1.inner-area-number {
    font-size: 46px;
    font-weight: 600;
    color: #222A35;
    margin-bottom: 5px;
}
#about .about-area-data h4{
    font-size: 22px;
    font-weight: 500;
    margin-top: 4px;
    color: #000000;
    font-family: "Alata";
}
#about .about-area-data p{font-size: 18px;padding: 0; margin: 0;}
#about .aboutus-post-wrap {padding: 0;}
#about .aboutus-single {  margin-bottom: 2.8em; padding: 0; transition: all .2s linear;}
#about .hi-icon {
    cursor: pointer;
    position: relative;
}
#about .hi-icon span{
    padding-top: 10px;
    font-size: 60px;
    transition: all 0.2s ease 0s;
    background-image: linear-gradient(#FFA200, #FF6F00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#about .aboutus-single:hover .hi-icon{
    transform: scale(0.8);
    transition: all 1s ease 0s;
}

#about .btn{
    color: #fff7c3;
    background-color: #e9e9e9;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 12px 25px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
}
#about .btn:focus{ color: #cd6133; }
#about .btn:hover{
    color: #fff;
    background-color: #cd6133;
    box-shadow: 0 0 15px -5px #555;
}
#about .btn:before,
#about .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #cd6133;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -5px;
    left: -5px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
#about .btn:after{
    border: 2px solid #cd6133;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -5px;
    right: -5px;
}
#about .btn:hover:before, 
#about .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #cd6133;
    opacity: 0;
}

/*----------------------------------------*/
/* Gallery Section
/*----------------------------------------*/

#gallery .innergalry{display: none;}
#innerpage-box .homegalry{display: none;}
#gallery .lz-gallery-images{ transition: all 0.3s ease 0s;}
#gallery .spa-gall {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
    border-radius: 0px;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: 260px;
    transition: all 0.3s ease 0s;
}
#gallery .rhsgall-img .over-text{
    opacity: 1;
    position: absolute;
    top: 40%;
    left: 15%;
    right: 4px;
    bottom: 0;
    text-align: left;
    transition: all 0.3s ease 0s;
}
#gallery .gr-oly {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
}
#gallery .rhsgall-img .over-text h1{
    position: relative;
    z-index: 1;
    font-size: 50px;
    font-weight: 700;
    padding: 0 8px;
    color: #fff;
    word-break: break-word;
    transition: all 0.3s ease 0s;
}
#gallery .lhsgall-img .over-text,
#gallery .over-text {
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
}
#gallery .lhsgall-img .over-text h3,
#gallery .spa-gall h3{
    position: relative;
    z-index: 1;
    font-size: 19px;
    font-weight: 700;
    padding: 0 8px;
    color: #fff;
    word-break: break-word;
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover h3{transition: all 0.3s ease 0s;}
#gallery .lz-gallery-images { margin-bottom: 0em;}
#gallery .g-oly{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top,#000 5%,transparent 20%);
    transition: all 0.3s ease 0s;
}
#gallery .spa-gall:hover .g-oly,
#gallery .lhsgall-img:hover .g-oly{
    top: -500%;
    transition: all 0.3s ease 0s;
    opacity: 0.6;
}
#gallery .gall-icn i{
    position: absolute;
    bottom: 28%;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    z-index: 1;
    font-weight: normal;
    padding: 0;
    margin: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#gallery .lz-gallery-images:hover .gall-icn i{  opacity: 1;}
#gallery .lz-gallery-images:hover .gall-icn i{
    -webkit-transform: scale(2) translate(0px, -30px);
    transform: scale(2) translate(0px, -30px);
    font-size: 10px;
    border-radius: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #5c36a8;
    text-decoration: none;
    -webkit-appearance: none;
    opacity: 1;
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*----------------------------------------*/
/*   team Area
/*----------------------------------------*/
#innerpage-box .our-team,
#team .inner-team{display: none;}


/*----------------------------------------*/
/* Testimonials Area
/*----------------------------------------*/
#testimonials{position: relative;overflow:hidden;}
#testimonials .testimonials-single-area{position: relative;margin-top: 12px;}
#testimonials .section-title {margin-bottom: 0.5em;}
#testimonials .section-title h2 {
    font-size: 46px;
    font-weight: 700 !important;
    color: #fff;
    font-weight: bolder;
    border: 5px solid #ff6f00;
    border-radius: 14px;
    padding: 6px 16px;
    background-image: linear-gradient( 286deg,#ff6f00 74%,#fff 25%);
    margin-bottom: 0.8em;
}
#testimonials .section-title h2 span {
    color: #000;
}
#testimonials .tetimonoal-area {
    position: relative;
    padding: 0em 2.5em 0 3em;
    margin: 10px 0 18px;
    transition: transform 0.8s ease 0s;
    cursor: pointer;
}
#testimonials .tetimonoal-area:hover {
    transform: perspective(1500px) rotateY(15deg);
}
.testimonials-area .ts-area-single {
    position: relative;
    padding: 1em;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 3px 20px #00000033;
    border-radius: 26px;
}
.testimonials-area .ts-area-single:hover{transition: all 0.3s ease 0s;}
.testimonials-area .ts-area-thumb {
    position: relative;
    transition: all 0.3s ease 0s;
}
.testimonials-area .ts-area-thumb img {
    position: absolute;
    border-radius: 50%;
    height: 140px;
    width: 140px !important;
    border: 16px solid #ffffff;
    transition: all 0.3s ease 0s;
    /* left: 0; */
    right: 20px;
    top: -4em;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb img{
    transform: scale(1.1) rotate(1deg);
    transition-duration: 0.3s;
    transition: 0.3s ease-in-out;
    top: -4em;
    border: 1px;
}
.testimonials-area .ts-area-thumb .ts-bg {
    position: absolute;
    border-radius: 50%;
    height: 135px;
    width: 135px !important;
    right: 20px;
    top: -4em;
    transition: all 0.1s ease 0s;
    box-shadow: 0px 3px 20px #00000033;
    z-index: -1;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb .ts-bg  {
    transition: 0.1s ease-in-out;
    opacity: 0;
}
.testimonials-area .tetimonoal-area:hover .ts-area-thumb:before{transition: all 0.5s ease 0s;}
.testimonials-area .ts-area-content{
    position: relative;
    padding: 0.9em 1em 0.9em 4em;
    transition: all 0.5s ease 0s;
    width: 56%;
    right: 44px;
    top: 4em;
    z-index: 1;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(0% 0%, 101% 1%, 94% 114%, 0% 100%);
    border-radius: 0px 12px 28px 0px;
}
.testimonials-area .ts-area-single:before{
    position: absolute;
    z-index: 0;
    content: '';
    top: 4em;
    left: -44px;
    transition: all 0.5s ease 0s;
    width: 44px;
    height: 108px;
    background: #FF943E;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.testimonials-area .tetimonoal-area:hover .ts-area-content:before{transition: all 0.5s ease 0s;}
.testimonials-area h3{
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 2px;
    transition: all 0.3s ease 0s;
    opacity: 0.862;
}
.testimonials-area .text-designation {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.8;
}
.ts-area-c {
    overflow: hidden;
}
.testimonials-area .ts-area-c p {
    padding: 5em 1em 0.5em;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-style: italic;
    padding-left: 5px;
    line-height: 28px;
}
.testimonials-area .ts-area-c p:before {
    display: inline-block;
    margin: 0 8px 0px 0px;
    content: " ";
    text-shadow: none;
    width: 6%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    height: 1px;
    border-color: #000;
    position: relative;
    bottom: 6px;
}
#testimonials .owl-carousel {display: block !important;}
.testimonials-area .owl-dots{display: none; !important;}
.testimonials-area .owl-theme .owl-nav {display: none !important;}
.testimonials-area  .owl-theme .owl-dots .owl-dot{    
    background: none;
    padding: 0;
    box-shadow: none;
}
.testimonials-area  .owl-theme .owl-dots .owl-dot span {
    width: 23px;
    height: 23px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    background: #000;
}

/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
.blog-area {position: relative;overflow: hidden;}
.blog-area .dot-bricks {
    position: absolute;
    top: 14px;
    left: -9895px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
    animation: dot-bricks 2s infinite ease;
}
.blog-area .section-title {
    margin-bottom: 3em;
}
.blog-area .section-title h1 {
    font-size: 46px;
    font-weight: 700 !important;
    color: #fff;
    border: 5px solid #ff6f00;
    border-radius: 14px;
    padding: 6px 16px;
    background-image: linear-gradient( 286deg,#ff6f00 56%,#fff 46%);
}
.blog-area .section-title h1 span{
    color: #000;
}
.blog-area .box-area-S { 
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    background: #fff;
}
.blog-area .blog-single {position: relative;overflow: hidden;padding: 6px 22px;}
.blog-area .box-area-S .blog-thumbnail{ position: relative; overflow: hidden;}
.blog-area .box-area-S:hover .blog-thumbnail::after{opacity: 0.9;transition: all 1s ease 0s;}

.blog-area .blog-thumbnail img{width: 100%;height: 335px;transition: all 1s ease 0s; transition: all 0.8s ease 0s;}
.blog-area .box-area-S:hover .blog-thumbnail img { transform: scale(1.2);}
.blog-dbg {
    position: absolute;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 50% 0, 61% 100%, 0% 100%);
}
.blog-area .blog-thumbnail .overlay{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: linear-gradient(0deg,#d33 -50%,transparent 90%);
    transition: all 1s ease 0s;
}
.blog-area .box-area-S:hover .overlay { top: -20%;  opacity: 1;  transition: all 1s ease 0s;}
.blog-area .blog-date {
    padding: 10px 8px 1px;
    font-size: 18px;
    color: #6f34fe;
    font-weight: 500;
    font-family: "Alata";
    position: absolute;
    bottom: -2px;
    width: 100%;
}
.blog-area .date {
    color: #FF6F00;
    font-family: "Alata";
    text-transform: uppercase;
}
.blog-area .date:after{
    content: ' ';
    position: absolute;
    width: 4px;
    height: 52px;
/*    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;*/
    right: -19px;
    top: -17px;
    transform: rotate(311deg);
}
.blog-area .comments {
    color: #fff;
    font-family: "Alata";
    text-align: right;
    right: 6px;
    top: -6px;
}
.blog-area .blog-date i {padding-right: 10px; font-size: 20px;}
.blog-area .blog-posts h4{
    font-size: 24px;
    font-weight: 500;
    margin-top: 6px;
    line-height: 28px;
    text-align: left;
    font-family: 'Alata';
    word-break: break-word;
}
.blog-area .blog-single p{
   font-size: 18px;
    color: #aeaeae;
    font-weight: 400;
    font-family: "Alata";
    line-height: 22px;
    margin-bottom: 17px;
}
#blog .btn{
    color: #fff;
    background-color: #ff6f00;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 5px 14px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
}
#blog .btn:focus{ color: #cd6133; }
#blog .btn:hover{
    color: #fff;
    background-color: #cd6133;
    box-shadow: 0 0 15px -5px #555;
}
#blog .btn:before,
#blog .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #cd6133;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -3px;
    left: -3px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
#blog .btn:after{
    border: 2px solid #cd6133;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -3px;
    right: -3px;
}
#blog .btn:hover:before, 
#blog .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #cd6133;
    opacity: 0;
}

/*----------------------------------------*/
/*   Footer Area
/*----------------------------------------*/
.footer-area { position: relative;overflow: hidden;}
.footer-area .fbox {
    top: 2em;
    position: relative;
}
.footer-area svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.footer-area .box-form {
    margin-top: 10px;
}
.footer-area {position: relative;overflow: hidden;}
.footer-area .overlay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    background: #000;
}
.single-footer-12 {
    margin: 0 auto;
    padding: 37px 43px 0 0;
}
.single-footer-12 .textwidget p{
    color: #ABABAB;
    font-size: 16px;
}
.footer-area .single-footer-4 i {
   margin-right: 30px;
    font-size: 30px;
}
.footer-area li {display: block;margin-bottom: 5px;font-size: 15px;font-weight: 500; }
.footer-area li a {font-weight: 400;text-decoration: none;font-size: 18px;    font-family: 'Alata';}
.footer-area li:before {
    content: "\f0da";
    font-family: 'Fontawesome';
    font-size: 16px;
    padding-right: 10px;
}
.footer-area .gallery-item { padding: 3px;}

.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    margin-bottom: 15px;font-weight: 400;line-height: 1.2;font-size: 18px;font-family: 'Alata';}
.footer-area .single-footer-5 p {
    padding-bottom: 10px;
    border-bottom: 1px solid #4b4444;
}
.footer-area .single-footer-5 p i{
    padding-right: 2px;
}
footer#footer .footer-area .single-footer-5:nth-child(3) p{ border-bottom:none; }
footer#footer.footer-area .widget-title {   
    color: #feffff;
    margin-top: 0em;
    margin-bottom: 22px;
    font-size: 26px;
    font-weight: 600;
}
.footer-area .widget {margin-bottom: 1.5em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {position: relative;}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-text, .footer-text a {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    font-family: 'Roboto';
    color: #fff;
}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], 
.footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], 
.footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], 
.footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], 
.footer-area input[type="datetime"], .footer-area input[type="datetime-local"], 
.footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 1px solid #fc9f01 !important;
    font-size: 16px;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 0px;
    padding: 20px;
    font-style: normal;
    font-weight: 400;
    border-radius: 4px;
    background-color: #ffffff;
    height: 0;
}
.footer-area textarea {  height: 80px !important;}
.footer-area input[type="submit"]{
    padding: 6px 20px;
/*    text-indent: -999px;*/
    margin-top: 14px;
    white-space: normal;
    font-weight: 500;
    font-size: 18px;
    border-radius: 8px;
    background: #ff6f00;
    display: inline-block;
    transition: all 0.3s;
    margin-left: 0;
    border-radius: 5px;
    background-color: #fd9e01;
    font-size: 20px;
    text-transform: uppercase;
    color: #afadad;
    font-family: "Alata";
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    position: absolute;
}
.footer-area span.wpcf7-form-control-wrap:after{
    content: '\f061';
    font-family: "fontawesome";
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 12px;
    right: 13px;
    z-index: 1;
}
.footer-area .top-area { padding: 0 0 3em;}
.footer-area label{ font-weight: 400;}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}
.footer-area .tagcloud a {font-size: 15px !important;font-weight: 400;}

.footer-area .social-profile-icons ul{margin: 10px 0 0 0;}
.footer-area .social-profile-icons ul li:before{  display: none;}
.footer-area .social-profile-icons ul li{ display: inline-block;}
.footer-area .social-profile-icons ul li a {    
    display: inline-block;
    font-weight: 800;
    width: 36px;
    height: 36px;
    line-height: 42px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 0;
}
.footer-area .social-profile-icons i.fa { font-size: 28px; padding: 0;}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {   padding-top: 0;}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img{transition: all .5s;}
.footer-area figure.gallery-item img:hover{
    opacity: 0.8;
    border-radius: 20px;
    transition: all .5s;
}
.footer-area .widget_recent_entries ul li { line-height: 25px;}
.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer_facility-text i.fa {
    padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


/*----------------------------------------*/
/*   Testimonials Page
/*----------------------------------------*/

#testimonials .ts-area-single-inn,
#innerpage-box .ts-area-single{display: none;}
#innerpage-box .tetimonoal-area {display: none;}
#innerpage-box .innertest-item{float: left;}
#innerpage-box .item.innertest-item{width: 50%;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 1em;
    padding: 2em 0;
    border-radius: 0 0 0px 0px;
}
#innerpage-box .tes-i {
    padding: 0 10px 0 0;
}
#innerpage-box .tes-c {
       padding: 1.2em 2em;
}
#innerpage-box .ts-area-single-inn {
    position: relative;
    padding: 1em 5em 1em 1em;
    margin: 10px 0;
    /* transform: perspective(1500px) rotateY(15deg); */
    transition: transform 0.8s ease 0s;
}
#innerpage-box .tsarea-inn {
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 34px;
}
#innerpage-box .ts-area-c p {
    display: inline-block;
    position: relative;
    word-break: break-word;
    color: #777777;
    padding: 0.5em;
    margin: 0;
    font-size: 19px;
    font-weight: 400;
    padding-left: 5px;
    line-height: 28px;
        z-index: 1;
}
#innerpage-box .ts-area-c p:before {
    display: inline-block;
    margin: 0 8px 0px 0px;
    content: " ";
    text-shadow: none;
    width: 6%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    height: 2px;
    border-color: #ea7300;
    position: relative;
    bottom: 6px;
}
#innerpage-box .ts-img { position: relative;}
#innerpage-box .ts-area-thumb {
    top: -0.6em;
}
#innerpage-box .ts-area-thumb img {
    position: relative;
    border-radius: 50%;
    height: 110px;
    width: 110px !important;
    transition: all 0.3s ease 0s;
    left: -8px;
    box-shadow: 0px 3px 20px #00000033;
}
#innerpage-box .ts-area-thumb .imgbg {
    position: absolute;
    top: -7px;
    bottom: 0px;
    left: 0px;
    right: 0;
    width: 124px;
    height: 124px;
    background: #000;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}
#innerpage-box .ts-area-c i {
    transition: all .8s;
    font-size: 60px;
    position: absolute;
}
#innerpage-box .ts-area-c i.fa.fa-quote-right {
    position: absolute;
    top: 2em;
    right: 2em;
    z-index: 0;
    display: inline-block;
}
#innerpage-box .tsarea-inn:hover .ts-area-c i,
#innerpage-box .tsarea-inn:hover .ts-area-c p:after{
    transform: rotateY(180deg);transition: all .8s;
}
#innerpage-box .ts-area-bx{
    position: relative;
    padding: 1em 1em 1em 3em;
    transition: all 0.5s ease 0s;
    right: -5em;
    top: 0em;
    float: right;
    z-index: 1;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    clip-path: polygon(0% 0%, 100% 0%, 90% 132%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 134%, 17% 208%);
    border-top-left-radius: 20px 30px;
    border-bottom-left-radius: 42px 66px;
}
#innerpage-box .tes-c:after{
    position: absolute;
    content: '';
    width: 47px;
    height: 45px;
    background: #FF943E;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    bottom: 40%;
    right: 32px;
}
#innerpage-box .ts-area-single-inn .ts-area-c {
    overflow: hidden;
    width: 100%;
    height: 155px;
        margin-bottom: 26px;
}
#innerpage-box .text-designation {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins";
    opacity: 0.862;
}
#innerpage-box h2.ts-area-title {
    position: relative;
    margin: 0px !important;
    font-size: 26px !important;
    line-height: 26px;
    color: #fff !important;
    font-weight: 600 !important;
    font-family: "Poppins" !important; 
    opacity: 0.862;
}
#innerpage-box h2.ts-area-title:after{ display: none !important;}


/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/
#innerpage-box .innsingle-team {
    padding: 1em 1.3em;
}
#innerpage-box .inner-team { position: relative; overflow: hidden;    margin-bottom: 2em;}
#innerpage-box .textbx h1 {position: relative; margin: 0 0 5px 0 !important;}
body.page-template-default main#innerpage-box .textbx h1:after{display: none;}
#innerpage-box .single-team-img .overlay {
    background-image: linear-gradient(0deg,#FF6F00 -50%,transparent 90%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
}
#innerpage-box .single-team-img:hover {
    opacity: 1;
}
#innerpage-box .single-team-img{ 
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
#innerpage-box .single-team-img img {
    width: 100%;
    height: 465px;
    transition: all .5s ease-out;
}
#innerpage-box .team-text{position: relative;}
#innerpage-box .team-text .t-oly{
    opacity: 0.8;
    position: absolute;
    bottom: -130px;
    right: -130px;
    overflow: visible;
    z-index: 0;
    width: 220px;
    height: 220px;
    border-radius: 50%;
}
#innerpage-box .team-text .t-oly:after{
    content: '';
    box-shadow: -50px -50px 1px #5c36a8;
    position: absolute;
    bottom: -2px;
    right: -1px;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    border-radius: 50%;
}
#innerpage-box .textbx svg#Group_182 {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
}
#innerpage-box .textbx{
    padding: 15px 22px 10px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    overflow: hidden;
}
#innerpage-box .inteam-cont {
    float: right;
    text-align: left;
    overflow: hidden;
    position: relative;
}
#innerpage-box .inner-team h1.inner-area-title{
    word-break: break-word;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
#innerpage-box .textbx .team-designation{
    word-break: break-word;
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: 400;
}
#innerpage-box .team-social-icon{
    position: absolute;
    text-align: right;
    bottom: 20%;
    left: 0;
    right: 3px;
    margin: 0 auto;
    z-index: 1;
    transition: all .4s linear;
}
#innerpage-box .team-social-icon li {list-style: none; position: relative;text-align: center;margin: 0 4px;}
/*#innerpage-box .team-social-icon a{margin:0 2em 0 0;}*/
#innerpage-box .team-social-icon a i{
    margin: 4px 4px;
    font-size: 24px;
    font-weight: 500;
    background: #fff;
    color: #767779;
    width: 32px;
    height: 32px;
    line-height: 33px;
    text-align: center;
    transition: all .4s linear;
}


/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/

#innerpage-box .lz-gallery-images {position: relative;overflow: hidden;transition: all .3s;border-radius: 25px;}
/*#innerpage-box .lz-gallery-images:hover {    transform: translateY(-15px) scale(1.005) translateZ(0);}*/
#innerpage-box .img-wrapper {overflow: hidden;position: relative;}
#innerpage-box .innergalry {
    padding: 12px;
}
#innerpage-box .lz-gallery-images img {
    transition: 0.5s all;
    width: 100%;
    height: 302px;
    z-index: 1;
    border-radius: 25px;
    background: none;
    transition: all .6s ease-in-out;
}
#innerpage-box .lz-gallery-images:hover img {
    transform: scale(1.3);
}
#innerpage-box .lz-gallery-images .overlay{
    content: "";
    background-color: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .4s ease;
}
#innerpage-box .lz-gallery-images:hover .overlay{opacity: 0.5; }
#innerpage-box .lz-gallery-images .over-text {
    position: absolute;
    bottom: 16px;
    transition: all 0.4s ease;
    transform: translateY(-50%) rotateY(90deg);
    z-index: 1;
}
#innerpage-box .lz-gallery-images:hover .over-text{ 
    opacity: 1;
    transform: translateY(-50%) rotateY(0);
}
#innerpage-box .lz-gallery-images .inner-area-title:after {display: none !important;}
#innerpage-box .lz-gallery-images .over-text h3{
    position: relative;
    padding: 8px;
    color: #fff;
    word-break: break-word;
    transition: all 0.3s ease 0s;
    z-index: 1;
    font-weight: 600 !important;
    margin: 0 30px;
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/

.page-template-default #innerpage-box .single-service-bx { display: none; }
#innerpage-box .inn-single-service-bx { display: block; }
.inn-single-service-bx { display: none; }

#innerpage-box .inn-single-service-bx { padding: 7px 16px;}
#innerpage-box .singleinner-service .service_inimg {
    position: relative;
    overflow: hidden;
    transition: all .3s;
    padding: 0 24px;
        z-index: 1;
}
#innerpage-box .singleinner-service .overlay {
    background: transparent linear-gradient(180deg,#fa9c53 0%,#23301b 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #000;
    transform-origin: 0 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.8s ease 0s;
}
#innerpage-box .singleinner-service:hover .overlay {
    opacity: 0.8;
}
#innerpage-box .singleinner-service .innservice-containt {
    position: absolute;
    text-align: left;
    bottom: -4em;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    transition: all 0.8s ease 0s;
    height: 170px;
}

#innerpage-box .service_inbox:hover .serinnolay {opacity: 0.8;transition: all 0.4s;}
#innerpage-box .singleinner-service {
    margin-bottom: 20px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
#innerpage-box .serbx .b-img img{
    width: 90px;
    height: auto;
    position: absolute;
    right: 5%;
    bottom: 22px;
    z-index: 0;
}
#innerpage-box .singleinner-service .title{
    font-size: 28px;
    padding: 16px 22px;
    color: #010101;
    font-weight: 600;
    font-family: "Alata";
    clip-path: polygon(0% 0%, 99% -12%, 94% 144%, 0% 100%);
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
    border-top-right-radius: 37px 86px;
    border-bottom-right-radius: 77px 45px;
    transition-property: color;
    transition-duration: 0.3s;
    text-align: left;
    margin: 0 17px 0 0;
}
#innerpage-box .singleinner-service .innservice-text {
    position: relative;
    opacity: 0;
    padding: 0 26px;
    transition-duration: 1s;
    transition-delay: 0.3s;
    transition-property: opacity,line-height,margin;
}
#innerpage-box .singleinner-service:hover .innservice-text{
    opacity: 1;
}
#innerpage-box .singleinner-service:hover .innservice-containt{
    bottom: 0em;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
}
#innerpage-box .singleinner-service .innservice-text-area {
    margin: 10px 0;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}
#innerpage-box .singleinner-service img {
    height: 450px;
}
/*----------------------------------------*/
/* project / inner Page
/*----------------------------------------*/
#innerpage-box .single-project{position: relative;overflow: hidden; transition: all .8s;}
#innerpage-box .single-project-bx{margin-bottom: 1.5em;padding: 0 0.8em;}
#innerpage-box .single-project-bx .right {
    position: absolute;
    padding: 14px;
    overflow: hidden;
    bottom: 0px;
    transition: all 0.8s ease 0s;
}
#innerpage-box .single-project:hover .right{
    bottom: 2em;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
}
#innerpage-box .single-project-bx .right i {
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0em;
    font-size: 30px;
    transition: all 0.5s ease;
    text-align: center;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    width: 61px;
    height: 80px;
    line-height: 76px;
    z-index: 1;
    border-radius: 22px;
}
#innerpage-box .single-project .ptext {
    padding: 8px;
    background: #fff;
    border-radius: 42px 22px 22px;
    margin-left: 3.8em;
}
#innerpage-box .single-project .projec-cbx {
    position: relative;
    border-radius: 22px;
    transition: 0.5s;
    overflow: hidden;
    background-image: linear-gradient( 201deg,#ff9c00 71%,#fff 20%);
    }

#innerpage-box .single-project h3.inner-area-title{
    font-size: 28px;
    font-weight: 500;
    margin: 0px 0!important;
    line-height: 32px;
    padding-left: 16px;
}
#innerpage-box .single-project h3.inner-area-title:after{display: none;}
#innerpage-box .single-project-bx .right p{display: none;font-size: 16px;margin-bottom: 13px;font-weight: 400;}
#innerpage-box .project-img {position: relative;overflow: hidden;}
#innerpage-box .project-img img{width: 100%; height: 450px;}
#innerpage-box .single-project .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    transition: all 0.8s ease 0s;
    background: transparent linear-gradient(180deg,#fa9c53 0%,#23301b 100%) 0% 0% no-repeat padding-box;
}
#innerpage-box .single-project:hover .overlay {
    opacity:0.6;
}
/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box { border-top: 2px solid #f94c34;border-radius: 0;}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}
div#sitemap-box h3 {
      font-size: 20px;
    background: #2e2e2e;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}
.page-template-templates main#innerpage-box div#sitemap-box h3:after {  display: none;}
main#innerpage-box div#sitemap-box ul li {list-style: none;padding-bottom: 5px;}
main#innerpage-box div#sitemap-box ul li a {position: relative;padding-left: 20px;}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {transform: scale(1.4);}
div#sitemap-box ul { margin: 0;}
div#sitemap-box .sitemap-blogposts ul { padding: 5px 5px 5px 0;margin: 0;}
div#sitemap-box .sitemap-posts-box {margin-bottom: 15px;}
div#sitemap-box .blogpostsitemap li {list-style: none;}
div#sitemap-box .sitemap-posts-box img {width: 100%;}
div#sitemap-box h3:before {
      position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: 9px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}
/*-----------------------
## End Site map Template 

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


/*====## Contact Template {contact Inner Page}=====*/
/*-----------------------*/
main#innerpage-box-contact {
    background: #222a35;
    padding: 2em 0em 0em;
}
#innerpage-box-contact .inf-form .section-title {
    margin-bottom: 2.5em;
    position: relative;
    left: 12px;
    width: auto;
}
#innerpage-box-contact h1.section-subtitle {
    font-size: 56px;
    color: #7339fc;
    font-weight: 500 !important;
    font-family: "Alata";
    padding-bottom: 0.3em;
    text-align: left;
    margin: 0 !important;
}
#innerpage-box-contact .section-title p {
    font-size: 18px;
    color: #9c9c9c;
}
#innerpage-box-contact .contact-r {
    padding: 0 6em 1em;
}

#innerpage-box-contact .ht-inquiry-member-wrap input[type="text"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="email"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="url"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="password"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="search"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="number"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="tel"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="range"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="date"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="month"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="week"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="time"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="datetime"],
#innerpage-box-contact .ht-inquiry-member-wrap input[type="datetime-local"], 
#innerpage-box-contact .ht-inquiry-member-wrap input[type="color"],
#innerpage-box-contact .ht-inquiry-member-wrap input[type="file"],
#innerpage-box-contact .ht-inquiry-member-wrap textarea{    
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 14px 0;
    padding: 14px 20px;
    font-size: 18px;
    /* height: 40px; */
    font-weight: 400;
    border-radius: 6px;
    filter: none !important;
    background-color: #ffffff;
}
#innerpage-box-contact .ht-inquiry-member-wrap input[type="submit"] {
    padding: 8px 19px;
    white-space: normal;
    font-weight: 400;
    font-size: 24px;
    font-family: 'Alata';
    border-radius: 12px;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.3s;
    background: transparent linear-gradient(270deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
    width: 20%;
    text-align: center;
    transition: all 0.8s ease 0s;
    position: relative;
    left: 40%;
}
#innerpage-box-contact .innbtn {
    text-align: center;
}
#ht-contactus-wrap .contact-form{ position: relative; overflow: hidden;}
#ht-contactus-wrap .maintle{ position: relative; font-size: 40px; font-weight: 700; margin: 2px 0;}
#ht-contactus-wrap .maintle:after{
    display: inline-block;
    margin: 0px 0 6px 20px;
    content: " ";
    text-shadow: none;
    width: 15%;
    border-style: solid;
    border-width: 1px;
    transition: all 0.5s;
}
#ht-contactus-wrap .maintle:hover:after{width: 25%;height: 2px;transition: all 0.5s;}
#innerpage-box-contact .contact-mapbox iframe { width: 100%; height: 500px;}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"],
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"], 
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"], 
#ht-contactus-wrap select, 
#ht-contactus-wrap textarea {
    margin-top: 15px;
    border: 1px solid #fff;
    font-size: 15px;
    padding: 12px 25px;
    border-radius: 8px;
    background: #f3f3;
}
#ht-contactus-wrap textarea {   height: 130px;}
#ht-contactus-wrap input[type="submit"] {
    padding: 10px 35px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-radius: 30px;
    box-shadow: none;
        transition: all 0.8s ease 0s;
}
#ht-contactus-wrap input[type="submit"]:hover {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
        transition: all 0.8s ease 0s;
}
#innerpage-box-contact .innrinf-box svg {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
}
#innerpage-box-contact .innrcontactdetails{
    top: 3em;
}
#innerpage-box-contact .contact-address {
    padding: 0.4em 0;
}
#innerpage-box-contact .contact-email {
    padding: 0.4em 0;
}
#innerpage-box-contact .contact-phone {
    padding: 0.8em 0;
}
#innerpage-box-contact .contact-email:after{
    content: "";
    border-right: 2px solid #222A35;
    top: 1em;
    right: 6px;
    margin: 0 auto;
    width: 1px;
    height: 32px;
    position: absolute;
}
#innerpage-box-contact .contact-address:after {
    content: "";
    border-right: 2px solid #222A35;
    top: 1em;
    right: 6px;
    margin: 0 auto;
    width: 1px;
    height: 32px;
    position: absolute;
}
#innerpage-box-contact .innrinf-box i{
    font-size: 48px;
    color: #fff;
    transition: all 0.8s ease 0s;
    padding-left: 10px;
}
#innerpage-box-contact .innrinf-box h2{
    font-size: 23px;
    line-height: 16px;
    color: #fff;
    font-weight: 600 !important;
}
#innerpage-box-contact .contactdetails p {
    margin-top: 16px;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    color: #000000;
    word-break: break-all;
    font-family: "Poppins";
}
#innerpage-box-contact .innrinf-box p {
    line-height: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
#innerpage-box-contact .contact-mapbox {
    padding-top: 5.1em;
}



/*-----------------------
## FAQS page
-----------------------------*/
.faq_tp {padding-bottom: 1.5em;}
.faq_bm h1:after,.faq_tp h3:after,.faq_tp h1:after{display: none !important;}
main#innerpage-box .faqlast h1 {
    margin: 0px !important;
    color: #fff !important;
    font-size: 54px !important;
    line-height: 40px;
    font-weight: 800 !important;
    padding: 0.7em 0;
    font-family: 'Roboto' !important;
}
main#innerpage-box .faqlast h3 {
    margin: 0px !important;
    color: #000 !important;
    font-size: 26px !important;
    line-height: 40px;
    font-weight: 400 !important;
    opacity: 0.724;
    font-family: 'Roboto' !important;
}
main#innerpage-box .faqlast p {
    margin: 0px !important;
    color: #b7b7b7 !important;
    font-size: 24px !important;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
    line-height: 30px;
}
main#innerpage-box .faqlast {
    padding-bottom: 22px;
}
.faq-form{margin-top: 30px;}
.faq_tp .faq-heading{
    font-size: 40px;
    font-weight: 600;
    margin: 0 auto;
    padding-bottom: 11px;
}
#content-box .faq_bm p{font-size: 18px; font-weight: 500;}

#content-box .faq-form textarea {height: 100px;}

div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    background: #fbb34d;
    padding: 1.4em 0 1em 4em;
    border-radius: 12px;
    border: none;
    transition: all 0.2s ease 0s;
    box-shadow: none;
    position: relative;
}
div#content-box .faq-content button.accordion:hover,
 div#content-box .faq-content button.accordion.active {
   transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    transition: all 0.2s ease 0s;
    opacity: 1;
    border-radius: 12px 12px 0 0px;
        padding-bottom: 8px;
}
div#content-box .faq-content button.accordion:before {
    content: "\f067";
    font-family: 'Fontawesome';
    font-size: 25px;
    color: #000;
    float: right;
    right: 24px;
    top: 1px;
    position: relative;
    font-weight: normal;
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f068";
    font-family: 'Fontawesome';
    transition: all 0.2s ease 0s;
}
div#content-box .faq-content button.accordion.active:before{color: #d33;}
div#content-box .faq-content div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    border: none;
    border-radius: 0 0 12px 12px;
    padding: 1px 30px 10px 30px;
    margin-bottom: 10px;
}
div#content-box .faq-content div.panel.show {background: #f3f3;opacity: 1;max-height: 500px;}
div#content-box .faq-content div.panel p{
     margin-bottom: 12px;
    line-height: 27px;
    font-size: 20px;
    font-weight: 400;
    padding: 0 1em;
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 3em;
    margin: 0;
    font-family: 'Roboto';
    font-weight: 400;
    word-break: break-word;
    font-size: 28px;
}
main#innerpage-box div#content-box h3.faq-title:after {  display: none;}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}
.faqlast .btn{
    color: #fff;
    background-color: #ff6f00;
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 500;
    padding: 12px 40px 10px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
    top: 13px;
    box-shadow: none !important;
    margin-top: 1.4em;
}
.faqlast .btn:focus{ color: #cd6133; }
.faqlast .btn:hover{
    color: #fff;
    background-color: #fff;
    box-shadow: 0 0 15px -5px #555;
}
.faqlast .btn:before,
.faqlast .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #ff6f00;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -4px;
    left: -4px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
.faqlast .btn:after{
    border: 2px solid #ff6f00;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -4px;
    right: -4px;
}
.faqlast .btn:hover:before, 
.faqlast .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #ff6f00;
    opacity: 0;
}
/*-----------------------
## End FAQS page
-----------------------------*/

.col-container { display: table; width: 100%;}
.col-facility{ display: table-cell;}
.heading.active i {box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;}
.test-right img { width: 100%; height: 100%;}
.heading{cursor: pointer;}

@media screen and (min-width: 769px){
    .inside-full-height{height:100%}

}

/* Catalogue slider Start */

.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #f72985;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    width: auto;height: auto;margin: 0px 0 0;}
.total-count {
    background: #f72985;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*===============
All Siderbar 
================*/

#secondary {
    padding: 0em 1em;
}
div#sidebars.sidebar{position: relative;z-index: 1;overflow: hidden;padding: 0 1em;}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*error start*/

main#innerpage-box .widget-area .widget_search #searchform input[type="submit"] {
    width: 63px !important;
    border-radius: 50% !important;
    height: 62px;
    font-size: 0px;
    box-shadow: none;
    background: #FF6F00;
    color: #fff;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 5px;
    margin-top: 6px;
    z-index: 0 !important;
}
main#innerpage-box .widget-area .widget_search #searchform:before {
    content: " ";
    width: 95% !important;
    border-radius: 30px !important;
    height: 65px;
    font-size: 0px;
    box-shadow: none;
    background: #FF6F00;
    color: #fff;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 6px;
    margin-top: 20px;
    z-index: -1 !important;
    background-image: linear-gradient( 180deg,#ff6f00 56%,#eeeeee 41%);
}

 main#innerpage-box .widget-area .widget_search #searchform:after {
    content: '\f002' !important;
    font-family: FontAwesome !important;
    position: absolute;
    bottom: 15%;
    right: 22px;
    z-index: 1;
    color: #fff !important;
    font-size: 30px;
}
div#secondary #searchform input[type="submit"]:after {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 15px;
    counter-reset: #fff;
    position: relative;
    right: 0;
}
/*error end*/

/*inner page Header Animation */
/*=================*/
.page-main-header .overlay {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    opacity: 0.7;*/
    background: #eceaff;
}
.inn-header-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.page-main-header svg {
    position: absolute;
    right: 0;
    left: 0;
    top: 32%;
    width: 100%;
    z-index: 0;
    height: 100%;
}
header.page-main-header path#Rectangle_1 {
    fill: #FFA200;
}

/*======end===*/

.home-page {  padding: 0 0 30px 0;}
#innerpage-box{padding:5em 1em 2em;}
.single-post .ht-main-title {
    position: relative;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    z-index: 1;
    font-size: 61px !important;
    color: #fff;
    font-weight: 800;
    top: 2.9em;
    text-transform: uppercase;
}
/*.innerpage-whitebox{  padding: 0 0em;}*/
#content-box h4{ margin: 20px 0 5px 0; }
#content-box ul{ padding: 0 0 0px 0;list-style: none;font-size: 20px;margin: 0;    line-height: 34px;}
#content-box ul li {padding-bottom: 14px;}
#content-box ol ol ,
#content-box ul ul {   margin-left: 4em !important;}
/*#content-box ul li:hover:before { transform: scale(1.4);}*/

.widget-area ul li:before {
    /*content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;*/
    display: none;
}
#content-box ol li:before {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before { transform: scale(1.2);}
main#innerpage-box #content-box ol {  margin: 0;}
#content-box ol {counter-reset: li;list-style: none;/*list-style: decimal;*/}
#content-box ol li {
    margin-top: 1em;
    position: relative;
    padding-left: 55px;
    min-height: 60px;
    /* padding-top: 10px; */
    font-size: 20px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fcb53c;
    font-size: 22px !important;
    width: 38px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//monsieur-peinture.com/wp-content/themes/welding-work-pro/images/bpoint.png) no-repeat;
}
.ht-post-wrapper{padding-left: 105px;}
.entry-figure{background: #f9f9f9; text-align: center; margin-bottom: 15px;}
.entry-header .entry-title{font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;}
.entry-figure + .entry-header{background: #FFF;position: relative;margin-top: -65px;width: 90%;padding: 15px 0 1px;}
.entry-header .entry-title a{ text-decoration: none; color: #333;}
.entry-categories{font-size: 14px;color: #666;font-style: italic;margin-bottom: 15px;}
.entry-categories .fa{ color: #fe5722;margin-right: 8px;}
.entry-categories a{color: #666;text-decoration: none; }
.entry-readmore{margin-top: 20px;}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{background: #333; color: #FFF;}
section ul{padding: 0 0 20px 0;}
.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{background: #000;color:#fff;}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.pagecont{
    background: #000;
    padding: 15em 0 !important;
}
.star{
  position:absolute;
  width:3px;
  height:3px;
  background:#fff;
  right:0;
  animation:starTwinkle 3s infinite linear;
}
.astronaut img{
  width:150px;
  position:absolute;
  top:55%;
  animation:astronautFly 6s infinite linear;
}
@keyframes astronautFly{
  0%{
    left:-100px;
  }
  25%{
    top:50%;
    transform:rotate(30deg);
  }
  50%{
    transform:rotate(45deg);
    top:55%;
  }
  75%{
    top:60%;
    transform:rotate(30deg);
  }
  100%{
    left:88%;
    transform:rotate(45deg);
  }
}
@keyframes starTwinkle{
  0%{
     background:rgba(255,255,255,0.4);
  }
  25%{
    background:rgba(255,255,255,0.8);
  }
  50%{
   background:rgba(255,255,255,1);
  }
  75%{
    background:rgba(255,255,255,0.8);
  }
  100%{
    background:rgba(255,255,255,0.4);
  }
}
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-text{text-align: center; color: #fff !important;}
.toggle-bar{display: none;}
.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
   0%{
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
    25%{
        text-shadow:
            -4px -4px 0 #e10309, -3px -3px 0 #e10309,
            -2px -2px 0 #e10309, -1px -1px 0 #e10309,
            4px 4px 0 #e10309, 3px 3px 0 #e10309,
            2px 2px 0 #e10309, 1px 1px 0 #e10309;
    }
    50%{
        text-shadow:
            -4px 4px 0 #e10309, -3px 3px 0 #e10309,
            -2px 2px 0 #e10309, -1px 1px 0 #e10309,
            4px -4px 0 #e10309, 3px -3px 0 #e10309,
            2px -2px 0 #e10309, 1px -1px 0 #e10309;
    }
    75%{
        text-shadow:
            4px 4px 0 #e10309, 3px 3px 0 #e10309,
            2px 2px 0 #e10309, 1px 1px 0 #e10309,
            -4px -4px 0 #e10309, -3px -3px 0 #e10309,
            -2px -2px 0 #e10309, -1px -1px 0 #e10309;
    }
    100% {
        text-shadow:
            4px -4px 0 #e10309, 3px -3px 0 #e10309,
            2px -2px 0 #e10309, 1px -1px 0 #e10309,
            -4px 4px 0 #e10309, -3px 3px 0 #e10309,
            -2px 2px 0 #e10309, -1px 1px 0 #e10309;
    }
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    -o-transform:rotate(720deg);
    -ms-transform:rotate(720deg);
    -moz-transform:rotate(720deg);
    -webkit-transform:rotate(720deg);
    transform:rotate(720deg);
    /*display: none;*/
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding:4px;
    line-height: 22px;
    text-align: center;
    font-size: 18px;
    transform: rotate(90deg);
    text-decoration: none;
    z-index: 99999;
}
#scrollToTop span {
    color: #fd053f;
}
#scrollToTop {
  position: fixed;
  bottom: 5rem;
  right: 3rem;
  box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
    width: 60px;
    height: 60px;
  display: flex;
  font-family: "Arial";
  align-items: center;
  justify-content: center;
  margin-bottom: -12rem;
  transition: margin-bottom 0.2s;
}
  #scrollToTop.active {
    margin-bottom: -12rem;
  }
  #scrollToTop:hover {
    animation-name: rotate;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

@keyframes rotate {
  to {
    transform: rotate(2520deg);
  }
}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box #sidebars .menu-links-container ul li {
    padding: 12px 30px;
    background: #ececec;
        display: block;
}
main#innerpage-box #sidebars li {font-size: 15px;margin:0px 0;display: inline-block;padding: 5px;}
main#innerpage-box #sidebars .widget_archive ul li a:before,
main#innerpage-box .widget-area .widget_archive ul li a:before {
    content: "\f040";
    font-family: 'Fontawesome';
    font-size: 15px;
    margin-right: 22px;
    color: #FF7D1A;
}
main#innerpage-box .widget-area .widget_categories ul li a:before {
    content: '\f040';
    font-family: 'Fontawesome';
    font-size: 15px;
    margin-right: 10px;
    color: #FF7D1A;
}
div#secondary caption {padding-top: 12px;padding-bottom: 12px;}
div#secondary .widget_calendar table {margin: 0;padding: 0;}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li {border-bottom: none;}
.widget-area .woocommerce ul.cart_list li, 
.widget-area .woocommerce ul.product_list_widget li {padding: 12px 12px 12px;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, 
.widget-area .woocommerce ul.product_list_widget li img, 
.widget-area .woocommerce-page ul.product_list_widget li img {width: 74px;height: 74px;}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area .woocommerce ul.product_list_widget li img:hover { opacity: 0.8;}
.widget-area .woocommerce .widget_shopping_cart_content p {padding: 12px;margin: 0;border: 1px solid #eaeaea;margin-top: 15px;}
.woocommerce .woocommerce-product-rating .star-rating {height: 3em;}
.woocommerce .woocommerce-product-rating .star-rating { margin: .5em 4px 0 0;float: left;}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del { font-size: 15px;}
.single-productpage h2.woocommerce-loop-product__title {line-height: 33px; word-break: break-word;}
main#innerpage-box div#commentsAdd textarea#comment {background: transparent;}
div#respond textarea#comment { background: transparent;}
div#comments input[type="submit"] {padding: 10px 20px;border-radius: 5px;height: 50px;}
main#innerpage-box .woocommerce-product-search .search-field {border: 1px solid #e9e7e7;background: transparent;}
.woocommerce div.product .woocommerce-tabs .panel {background: transparent !important;border: none !important;}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, 
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{opacity: 1;}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}

/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {color: #000;font-weight: 600; margin-bottom: 10px;}
.entry-readmore a {
    padding: 2px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
/*-----------------------
## End search  
-----------------------------*/

/*-----------------------
## Blog Inner Page 
-----------------------------*/
#innerpage-box .inner-blogpost {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    background: #fff;
    margin-bottom: 2em;
}
/*#innerpage-box .inner-blogpost:hover { 
    box-shadow: inset 0 0 10px 10px #dadada9e, inset 0 0 3px 2px #ff000012;
    transform: translateY(-5px) scale(1.005) translateZ(0);
    transition: all .5s;
}*/
#innerpage-box .inner-blogpost .ht-blog-thumbnail { 
   position: relative;
    overflow: hidden;
}
#innerpage-box .inner-blogpost .blog-Athr li{list-style: none;display: inline-block;word-break: break-word;}
#innerpage-box .inner-blogpost .blog-Athr li:last-child{float: right;}

#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 335px;
    transition: all 0.8s ease 0s;
}
#innerpage-box .ht-blog-thumbnail .overlay{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 1s ease 0s;
    background-image: linear-gradient(0deg,#ffa62e94 -50%,transparent 90%);
}
#innerpage-box .inner-blog-post .inner-blogpost:hover .overlay {
    opacity: 1;
    transition: all 0.4s;
}
#innerpage-box .inner-blogpost .innrcomment {
    font-size: 18px;
    color: #FF6F00;
    font-weight: 500;
    font-family: "Alata";
    position: absolute;
    bottom: -2px;
    width: 56%;
    float: right;
    right: 0px;
    text-align: left;
    clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0% 100%);
    background: #fff;
    padding: 0.5em 0.5em 0.1em 2.5em;
}
#innerpage-box .inner-blogpost .innrcomment:before {
    content: ' ';
    position: absolute;
    width: 0.26em;
    height: 41px;
    /* background: transparent linear-gradient(180deg, #FF6F00 0%, #FFA200 100%) 0% 0% no-repeat padding-box; */
    left: 23px;
    background: #FFA200;
    top: 1px;
    transform: rotate(223deg);
}
#innerpage-box .inner-blogpost .blog-Athr .fa-comments-o{ padding:0 10px;}
#innerpage-box .inner-blogpost .innrcomment i {
 padding-right: 1em;
 color: #ffa62e;
}
#innerpage-box .inner-blogpost .innrdate {
    position: absolute;
    top: 6px;
    left: 6px;
    list-style: none;
    border: 3px solid #ff6f00;
    border-radius: 5px;
    text-align: center;
    opacity: 0.9;
    font-weight: 600;
}
#innerpage-box .inner-blogpost .innrdate li {
    color: #fff;
    font-size: 14px;
    background: #ff6f00;
    padding: 1px 4px;
}
#innerpage-box .inner-blogpost .innrdate li.year {
    color: #fff;
    font-size: 22px;
    background: none;
}
#innerpage-box .inner-blogpost-info {
     position: relative;
    overflow: hidden;
    padding: 2px 32px 6px 20px;
}
main#innerpage-box #blog-box h4{
    font-size: 24px;
    font-weight: 500;
    margin: 10px 0;
    line-height: 28px;
    text-align: left;
    font-family: 'Alata';
    word-break: break-word;
}
#innerpage-box .inner-blogpost:hover .inner-blogpost-info a .inner-area-title{
        color: #e10309;
}
#innerpage-box .inner-blogpost-info p {
    font-size: 16px;
    color: #bab7b7;
    font-weight: 400;
    line-height: 22px;
}
.inner-blogpost-info .btn{
    color: #fff;
    background-color: #ff6f00;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    padding: 5px 14px;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0.15s;
}
.inner-blogpost-info .btn:focus{ color: #cd6133; }
.inner-blogpost-info .btn:hover{
    color: #fff;
    background-color: #cd6133;
    box-shadow: 0 0 15px -5px #555;
}
.inner-blogpost-info .btn:before,
.inner-blogpost-info .btn:after{
    content: "";
    width: 12%;
    height: 36%;
    border-radius: 2px;
    border: 2px solid #cd6133;
    border-top: none;
    border-right: none;
    position: absolute;
    bottom: -3px;
    left: -3px;
    transition: all 0.4s ease,opacity 0.4s ease 0.1s;
}
.inner-blogpost-info .btn:after{
    border: 2px solid #cd6133;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    top: -3px;
    right: -3px;
}
.inner-blogpost-info .btn:hover:before, 
.inner-blogpost-info .btn:hover:after{ 
    width: 100%;
    height: 100%; 
    border: 2px solid #cd6133;
    opacity: 0;
}



/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6
 {word-break: break-word;font-weight: 500;margin: 40px 0;    font-family: 'Alata';}
.page-template-templates main#innerpage-box .entry-content p span {
    color: #fd053f;
}

form#searchform 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"] {
    padding: 18px 20px;
    width: 80%;
    border-radius: 30px;
    background: #eeeeee;
    border: none;
    font-size: 24px;
    color: #898989;
}

form#searchform button, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 14px 20px;
    border: 0;
    transition: all 0.3s ease;
    border-radius: 30px;
    font-size: 20px;
}

 div#sidebars.sidebar h4.widget-title {
    font-size: 26px !important;
    color: #fff7e5 !important;
    text-shadow: 0px 1px 3px rgb(255 208 128);
    font-weight: 400;
    background: #000;
    padding: 16px 7px 17px 24px !important;
    margin: 0px !important;
    position: relative;
    /* display: table-cell; */
    box-shadow: 0px 1px 14px #bcbcbc4f;
    border-radius: 22px 22px 22px 22px !important;
    text-align: left !important;
    clip-path: none;
    z-index: 1;
    background-image: linear-gradient( 180deg,#ffa200 56%,#eeeeee 41%);
    font-family: 'Roboto';
}
div#sidebars.sidebar h4.widget-title:before{
    content: "";
    position: absolute;
    width: 76%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 20px 0px 20px 22px;
    display: inline-block;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
 }
 div#sidebars.sidebar h4.widget-title:after{
    content: "";
    position: absolute;
    width: 24%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: -1;
    border-radius: 30px 15px 15px 22px;
    display: inline-block;
    background: #d9d9d9;
 }
 div#sidebars.sidebar .sidebar_list h2 {
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 400;
    background: #000;
    padding: 9px 7px 15px 30px !important;
    margin: 0px !important;
    position: relative;
/*    display: table-cell;*/
    box-shadow: 0px 1px 3px #00000033;
    border-radius: 22px 22px 22px 22px !important;
    text-align: left !important;
    clip-path: none;
    z-index: 1;
  background-image: linear-gradient( 180deg,#ffa200 56%,#d9d9d9 41%);
}
 div#sidebars.sidebar .sidebar_list h4:before,
 div#sidebars.sidebar .sidebar_list h2:before{
    content: "";
    position: absolute;
    width: 76%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 20px 0px 20px 22px;
    display: inline-block;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
 }
  div#sidebars.sidebar .sidebar_list h4:after,
  div#sidebars.sidebar .sidebar_list h2:after{
    content: "";
    position: absolute;
    width: 24%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: -1;
    border-radius: 30px 15px 15px 22px;
    display: inline-block;
 }

#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
}

.page-template-templates main#innerpage-box #blog-box h2:after { display: none;}

/*#sidebars .sidebar,
div#secondary.widget-area .widget { border-radius: 30px 30px 0 0;}*/

.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title {
    font-size: 26px !important;
    color: #fff7e5 !important;
    text-shadow: 0px 1px 3px rgb(255 208 128);
    font-weight: 400;
    background: #000;
    padding: 16px 7px 17px 24px !important;
    margin: 0px !important;
    position: relative;
    /* display: table-cell; */
    box-shadow: 0px 1px 14px #bcbcbc4f;
    border-radius: 22px 22px 22px 22px !important;
    text-align: left !important;
    clip-path: none;
    z-index: 1;
    background-image: linear-gradient( 180deg,#ffa200 56%,#d9d9d9 41%);
}
.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title:before{
    content: "";
    position: absolute;
    width: 76%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 20px 0px 20px 18px;
    display: inline-block;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
 }
.wp-block-group__inner-container h2,
 #innerpage-box .widget-area .widget-title:after{
    content: "";
    position: absolute;
    width: 24%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: -1;
    border-radius: 30px 15px 15px 22px;
    display: inline-block;
    background: #eeeeee;
 }
 #innerpage-box .widget-area .widget_block ul .wp-block-latest-posts__list li:before{
        content: "\f234";
        font-family: FontAwesome;
        position: absolute;
        margin-right: 2px;
        font-size: 16px;
        color: #fff;
    }
 #innerpage-box .widget-area .widget_block h2 {
    font-size: 26px !important;
    color: #ffe8b2 !important;
    font-weight: 600;
    background: #000;
    padding: 8px 7px 15px 30px !important;
    margin: 0px 0 8px 0 !important;
    position: relative;
    display: block;
    right: 0px;
    top: 0px;
    left: 0px;
    border-radius: 0px 86px 86px 0 !important;
    text-align: left !important;
    clip-path: none;
    z-index: 1;
    background: transparent linear-gradient(180deg, #FFA200 0%, #FF6F00 100%) 0% 0% no-repeat padding-box;
}
/* #innerpage-box .widget-area .widget_block h2:after{
    content: "";
    background: #7942fd;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -9px;
    top: -4px;
    right: 0;
    z-index: -1;
    border-radius: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
    clip-path: polygon(8% 0%, 100% 0, 100% 100%, 0% 100%);
 }
*/

main#innerpage-box .widget-area .widget_archive ul li a:after {
    content: "";
    width: 28%;
    height: 18px;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(10%,#4a4a4a),color-stop(0,rgba(255,255,255,0)));
    background-image: -o-linear-gradient(left,#4a4a4a 10%,rgba(255,255,255,0) 0);
    background-image: linear-gradient(to right,#4a4a4a 10%,rgba(255,255,255,0) 0);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    position: absolute;
    right: 2em;
}
 #innerpage-box .widget-area .widget_block .wpcf7 {
    background: #e7e4f3;
    position: absolute;
 }

main#innerpage-box .widget-area .tagcloud a {
    margin: 2px 4px;
    padding: 4px 4px;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    background: none;
    text-align: center;
    font-size: 20px !important;
}
.widget-area .tagcloud {list-style: none;padding: 0;margin: 1em 0 0 0;}
.widget-area .textwidget { padding: 10px;}
.widget-area li span.post-date {margin-bottom: 1em;position: relative;display: list-item;}
.widget-area .widget_media_image img {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 {padding: 10px;margin: 0;border: 1px solid #eaeaea;}
#secondary .gallery-columns-3 .gallery-item a{padding: 0;}
.widget-area div#calendar_wrap {padding: 0px 15px 15px;margin: 0;border: 1px solid #eaeaea;}
.widget_calendar table {border-collapse: separate; width: 100%;}
.widget-area .woocommerce-product-search, 
.widget-area form#searchform { width: 100%;  padding: 0px;}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {border-radius: 0;border:none;}
.widget-area ul ul li {padding-left: 10px;border-bottom: none;}
.widget-area ul ul li a {padding: 0;}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {border: none; padding: 0px;}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {  text-align: center;}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{ padding-bottom: 45px !important;}
/*.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {

}*/
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{border-color: #6a1b9a;}
 main#innerpage-box h2.woocommerce-loop-product__title {font-weight: 600;font-size: 24px !important;}
.woocommerce ul.products li.product a img{ border: 5px solid #f1f0f0 !important;transition: all 1s ease 0s;width: 100%;height: 250px;}
.woocommerce div.product div.images img {border: 2px solid #f1f0f0 !important;}
.woocommerce ul.products li.product .total-product-title-wrap{padding: 10px 10px 0;}
.woocommerce ul.products li.product a{color: inherit;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{margin: 0 0 6px;padding: 0;}
.woocommerce div.product div.images .flex-control-thumbs{ margin: 5px -5px 0;}
.woocommerce div.product div.images .flex-control-thumbs li{ padding: 5px;}
.woocommerce ul.products li.product .price{font-weight: 500;font-size: 20px;color: #fe5722;margin: 0;}
.woocommerce ul.products li.product .price del{ display: inline;color: #999;opacity: 1;}
.woocommerce ul.products li.product .price ins{display: inline;font-weight: 400;}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {float: right;width: 100%;}
.woocommerce-MyAccount-navigation ul li:before{display: none;}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0px 20px;

}
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins bdi {
    color: #f00;
}
.woocommerce div.product p.price ins bdi, .woocommerce div.product span.price ins bdi {
    font-weight: 400;
    color: #f00;
}
.woocommerce-MyAccount-navigation ul li{margin: 5px 0 !important;}
.woocommerce-MyAccount-navigation-link.is-active a{color:#000 !important;}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{background: #333;color: #FFF;}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button { color:#fff !important;}
.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.single_inner .page-main-header {  display: none;}
.woocommerce ul.products li.product:hover .button{border-color: #fe5722;background-color: #fe5722;color: #FFF;}
.woocommerce ul.products li.product .button.loading{  opacity: 1;}
.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{ border-color: #fe5722;background-color: #fe5722;}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{background: #333;border-color: #333;color: #FFF;}
.woocommerce nav.woocommerce-pagination ul{border: 0;margin: 0;}
.woocommerce nav.woocommerce-pagination ul li{border: 0;margin: 0 4px;}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{background: #333;color: #FFF;}
.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
    animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}

.woocommerce span.onsale:after{
    border-color: transparent #e8ae00 #e8ae00 transparent;
    border-width: 3px;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
}

.woocommerce ul.products li.product .onsale{margin: 10px -6px 0 0;}
.woocommerce ul.products li.product .onsale:after{
    border-color: transparent transparent #e8ae00 #e8ae00;
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price{color: #fe5722; margin-bottom: 10px !important;}
.woocommerce-product-details__short-description p {
    margin-bottom: 20px !important;
}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{font-weight: 400;}
.woocommerce .product_meta{font-size: 15px;}
.woocommerce .product_meta a{color: inherit;}
.woocommerce .product_meta a:hover{ color: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;border-bottom: 2px solid #fe5722;padding-bottom: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{ display: none !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 10px 0;font-weight: 400;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background: #fe5722;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color: #FFF !important;}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{font-size: 22px; margin-bottom: 30px;}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{ width: 100%;}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{width: 100%;}
.related.products h2{ margin-bottom: 30px;}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{background: #fe5722;padding: 10px 20px;color: #FFF;}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{background: #333;color: #FFF;}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{background: #fe5722;border-color: #fe5722;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{line-height: 40px;font-size: inherit;padding: 0;}
.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}
.select2-results{font-size: 0.9em;color: inherit;}
.select2-drop-active{border-color: #EEE;}
.select2-drop.select2-drop-above.select2-drop-active{border-color: #EEE;}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{border-top-color: #fe5722;font-size: 0.9em; margin-bottom: 15px;}
.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{ color: #fe5722;}

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 4;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{font-weight: 400;}
#customer_details{ margin-bottom: 40px;}
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{border: 1px solid #EEE;border-radius: 0;   padding: 10px;}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{
    padding-top: 4px;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{font-weight: 400;}
/*.woocommerce a.remove{font-family: Arial; font-weight: normal;}*/
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{ top: 8px;}
.woocommerce .widget_layered_nav ul li{ padding: 5px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #FFF; border: 4px solid #fe5722;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{ background-color: #fe5722}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #EEE;}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ list-style: none;}
.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{ background: none;}
.woocommerce ul.products li.product strong {display: inline-block;}


/* Testimonial slider css */
./*quote { color: rgba(0,0,0,.1);text-align: center;margin-bottom: 30px;}*/

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{ background-color: #6963635c; border: 1px solid #6963635c;}
/* GALLARY HOMEPAGE CSS */
/*main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}*/
/**/
ul.themetext {margin: 0;padding: 0;list-style: none;}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title { margin: 0;}

div#content li.blocks-gallery-item:before {content: none;}
div#content li.blocks-gallery-item {padding: 14px 14px 0 14px;}
div#content li.blocks-gallery-item img:hover {opacity: 0.5;}
.single_post .datebx{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.single_post .datebx li{list-style: none; display: inline-block;}
.single_post .datebx .post-date-publishable {display: inline-block; margin-left: 10px; padding-top: 15px;padding-bottom: 15px;}
.single_post .datebx  i { padding-right: 10px;}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {background: none;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {font-size: 14px;color: #666;}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
div#secondary.widget-area .widget { padding-bottom: 0.5em;}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating { margin-top: 0; margin-right: 0; margin-bottom: 0;}
.woocommerce .star-rating, .woocommerce-page .star-rating {margin-bottom: 0 !important;}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {opacity: 0.8;}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{float: right;display: contents;}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {display: inherit;}
.woocommerce .star-rating::before{top: 0 !important;left: 0 !important;position: relative;}
.woocommerce div.product .woocommerce-product-rating{line-height: 0px;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product {overflow: hidden;}
.woocommerce ul.products li.product a img {transform: scale(1);transition: all 1s ease 0s;}
.woocommerce ul.products li.product a img:hover {opacity: 0.8; transform: scale(1.05);}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {padding-top: 40px;}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{padding-bottom: 30px;}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {display: none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: relative;}
.woocommerce #reviews #comments ol.commentlist li {display: inline-block;}
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0;}

/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, 
.woocommerce div.product .product_meta .tagged_as {display: block;font-weight: 400;line-height: 1.6;}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {padding: 1px 0;text-decoration: none;}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating { margin: 0;}
.widget-area .woocommerce ul.product_list_widget li a {font-size: 13px;font-weight: 400;padding: 0px 0 8px;}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}
@media screen and (min-width: 993px) and (max-width: 1024px){
    header .logo {top: 1em;left: 2em;}
    header .share-btn li i{font-size: 16px;width: 25px;height: 25px;line-height: 25px;margin: 1px 4px;}
    header .hphone h5{padding-top: 0px;}
   /* header svg{height: 100px;}*/
    .site-navigation{margin-top: 0px;margin-left: 3.5em;}
    header .btn {font-size: 16px; padding: 4px 12px;}
    header svg{left: 2%;}
    .navigation .mainmenu li{margin: -1px 9px;}
    .navigation .mainmenu>li>a{font-size: 17px;padding: 2px 0 4px 0;}
    header .share-btn li{margin: 0px 0px;}
    .slider_content{top: 48%;right: 2%;width: 40%;}
    .slider_section .title{padding-left: 0em;font-size: 40px;line-height: 1.2;}
    .slider_section .sub-title{padding: 0.5em 0 0.5em 0;}
    .slider_section .imgflsh {right: 20%;width: 100px; height: 430px;transform: rotate(31deg);}
}
@media screen and (min-width: 1024px) and (max-width: 1300px){
.page-template-default #innerpage-box .service_inbox .title {  margin: 0;}
#secondary input[type="text"]{width: 72%;}
main#innerpage-box .widget-area .widget_search #searchform:before {width: 93% !important;}
#secondary .widget_nav_menu li:before {
    width: 13% !important;
    right: 42px;
}
#secondary .widget_nav_menu li {
    background-image: linear-gradient( 230deg,#ff9900 24%,#d9d9d9 8%);
}
#innerpage-box .project-img img {
    height: 310px;
}
#innerpage-box .inner-blogpost .innrcomment {
    width: 75%;
}
#innerpage-box .single-project h3.inner-area-title {
    font-size: 17px;
}
main#innerpage-box .ht-blog-thumbnail img {
 height: 272px;
}
.page-main-header {
    padding: 11em 0 !important;
}
.ht-main-title {
    font-size: 46px !important;
    top: 1.8em;
}
.page-main-header svg {
    top: 73%;
}
.breadcrumbbox {
    top: 5em;
}
.site-navigation {
    margin-top: -9px;
}
header .btn {
    font-size: 18px;
    font-weight: 500;
    padding: 4px 12px;
    top: 0px;
}
header .hphone h5 {
    padding-top: 0;
}
.slider_content {
    top: 51%;
    right: 3%;
    width: 420px;
}
.slider_section .title {
    font-size: 48px;
    line-height: 1.2;
}
.slider_section .sub-title {
    line-height: 22px;
    padding: 0.5em 0 1em 0;
}
.slider_section .imgflsh {
    right: 20%;
    width: 100px;
    height: 430px;
    transform: rotate(31deg);
}
.slider_section .bx-wrapper .bx-prev {
    right: 19%;
    bottom: 15px;
}
.slider_section .bx-wrapper .bx-next {
    right: 10%;
    bottom: 15px;
}
.slider_section .title{padding-left: 0em;}
#about .alebal {
    width: auto;
}
#about .section-title h2 {
    font-size: 32px;
    line-height: 42px;
    padding-bottom: 0px;
}
#about .section-subtext p {
    font-size: 20px;
}
#features .section-title h1 {
    font-size: 32px;
    line-height: 8px;
}
#features .hi-icon {
    width: 116px;
    height: 116px;
}
#features .hi-icon span {
    font-size: 55px;
}
#features .featuresbx {
    padding: 10px;
}
#features .featuresus-single {
    padding: 0;
}
#features h1.feature-bottom-title {
    font-size: 26px;
    line-height: 32px;
}
#features .btn {
    font-size: 24px;
}
#features .trangle {
    height: 160px;
    right: 33%;
}
#features .squre {
    height: 320px;
    transform: rotate(11deg);
}
#service img.img-responsive {
    height: auto;
}
#contact .inf-box {
    clip-path: none;
}
.contact-address:after {
    right: 7px;
}
#contact .cont-border {
    height: 660px;
    top: -12px;
    transform: rotate(12deg);
}
#call-now-section .call-inn {
    padding: 0;
}
#call-now-section .right-bx h2 span {
    font-size: 50px;
}
#call-now-section .right-bx h2 strong {
    font-size: 50px;
}
.testimonials-area .ts-area-content {
    padding: 1em;
}
.testimonials-area h3 {
    font-size: 20px;
}
.testimonials-area .text-designation {
    font-size: 18px;
}
.blog-area .blog-thumbnail img {
    height: 240px;
}
#innerpage-box .project-img img {
    height: 310px;
}

#innerpage-box .innrinf-box {
    padding: 0 1em 0em 0em;
}
#innerpage-box .hi-icon span {
    font-size: 45px;
}
#innerpage-box .hi-icon {
    width: 80px;
    height: 85px;
}
#innerpage-box .contact-phone {
    padding: 1em
}
#innerpage-box .contact-phone p {
    line-height: 22px;
}
#innerpage-box .contact-email {
    padding: 1em
}
#innerpage-box .contact-email p {
    line-height: 24px;
}
#innerpage-box .contact-address {
    padding: 1em
}
 #innerpage-box .contact-address p{
    line-height: 32px;
}
/*#innerpage-box .ts-area-thumb img {
    width: 100%;
    height: 450px;
}*/
main#innerpage-box div#content-box h3.faq-title {
    line-height: 30px;
}
#innerpage-box .lz-gallery-images .over-text {
    bottom: 36px;
}
#innerpage-box .textbx {
    padding: 6px;
}
#innerpage-box .single-team-img {
    height: 330px;
}

#innerpage-box .team-social-icon a i{
        font-size: 23px;
}
#innerpage-box .team-social-icon {
    padding: 0.5em;
    right: 0;
}
#innerpage-box .team-social-icon:after {
    right: -16px;
    bottom: 36%;
}
#innerpage-box .singleinner-service .innservice-containt {
    bottom: -10em;
}
main#innerpage-box .faqlast h1 {
    font-size: 46px !important;
    padding: 10px 0;
}
div#content-box .faq-content button.accordion {
    padding: 1em 0 1em 2em;
}
#innerpage-box-contact .innrcontactdetails {
    left: 0;
}
#contact .contact-email:after {
    right: 9px;
}
.blog-area .date:after {
    right: -11px;
    top: -4px;
    transform: rotate(332deg);
}
#innerpage-box h2.ts-area-title {
        line-height: 26px;
    font-size: 22px !important;
}
#innerpage-box .text-designation {
    line-height: 18px;
    padding-top: 4px;
    font-size: 16px;
}
#innerpage-box .tes-c:after {
    bottom: 38%;
}
#innerpage-box .ts-area-bx {
    padding: 0.8em 0.8em 0.8em 1.5em;
}
#innerpage-box .ts-area-thumb {
    top: 0.4em;
}
#innerpage-box .ts-area-thumb .imgbg {
    width: 90px;
    height: 90px;
}
header svg{left: 3%;}
header .share-btn li i{margin: 1px 4px;font-size: 20px;width: 26px;height: 26px;line-height: 27px;}
.site-navigation{margin-left: 3.5em !important;}
}
@media only screen and (max-width: 1299px) {
#about .about-area-data { margin-left: 0em;}
#gallery .rhsgall-img .over-text { left: 4px; right: 4px;}
#innerpage-box .cntpgbx { margin: 0em 0em 1em 0em;}
#innerpage-box .single-project-bx { padding: 0 15px;margin-bottom: 1.5em;}
#innerpage-box .inner-blogpost{margin: 0 ;}
#innerpage-box .inner-blog-post { margin: 0em 0em 3em 0em;}
/*.blog-area .blog-post {  padding: 0 15px;
}*/
#innerpage-box-contact .innrinf-box svg {
    display: none;
}
#team .teambx { padding-left: 0em;}
#team .team-social-icon a i { margin: 0 6px;}
#team .lhsteam-img img,
#team .single-team-img img{height: 320px;}
#team .our-team{padding: 0;}
#team .team-text h4{font-size: 19px;}
#call-now-section .call-icon{width: 23%;}
#call-now-section .right-bx h2{font-size: 40px;}
#call-now-section .call-title {
    animation: none;
}
#call-now-section .small-trangle {
    animation: none;
}
.footer-area .bottom-area {
    padding-top: 0em !important;
}
}

@media screen and (max-width: 1200px){
.ct-btn-scroll{
    bottom: 20px;
    }
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#quote-carousel .carousel-control.left {  left: -42px;}
#quote-carousel .carousel-control.right {  right: -42px;}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {   top: -5px;}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {  top: -14px;}
.service-area h4 { font-size: 25px;}
.facility-area .inner-area-title { font-size: 19px;}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
#innerpage-box .project-img img {
    height: 310px;
}
#innerpage-box .inteam-cont {
    width: 80%;
}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
.service-area h4 { font-size: 25px;}
.luzuk-content-area {top: 70%; width: 390px;right: 0%;
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 3em;
}
}
@media screen and (min-width: 1025px) and (max-width: 1150px){
     header .logo{top: 1em;left: 2.5em;}
     .navigation .mainmenu li {margin: 0 9px;}
}
@media screen and (min-width: 1150px) and (max-width: 1299px){
    header .logo{top: 1em; left: 0em;}
    .navigation .mainmenu li {margin: 2px 9px;}
}
@media screen and (min-width: 1300px) and (max-width: 1440px){
    header .logo{top: 1em; left: 5.5em;}
    .site-navigation{margin-top: -5px;margin-left: 6.5em !important;}
    header .hphone{left: 10em;}
    header .share-btn li i{font-size: 18px;width: 30px;height: 30px;line-height: 31px;}
    .navigation .mainmenu li{margin: 0px 14px !important;}
    .slider_content{right: 3%;width: 40%;}
    .slider_section .imgflsh{transform: rotate(29deg);}
}
@media screen and (min-width: 993px) and (max-width: 1440px){
    header .btn{top: 0px;}
}
@media screen and (min-width: 320px) and (max-width: 991px){
header .allh {
    border: none;
}
header .toph {
    left: 0;
    text-align: center;
    clip-path: none;
}
header .hphone {
    margin: 0 !important;
    padding: 0;
    left: 0;
}
header .allh {
    width: 96%;
}
div#slider .btn {
    font-size: 13px;
}
#testimonials .testimonials-single-area {
    margin: 0;
}
#innerpage-box h1.section-subtitle {
    text-align: center;
}
#innerpage-box .inf-form {
    padding: 1em;
}
#innerpage-box .ts-area-thumb img {
    width: 100%;
    height: 450px;
}
main#innerpage-box div#content-box h3.faq-title {
    padding-right: 0;
    margin: 3px;
    line-height: 1;
    padding-right: 2.5em;
    font-size: 20px;
}
.faq_bm {
     padding: 0; 
     margin: 0; 
}
#innerpage-box .textbx {
     padding: 0; 
 }
 #contact .cont-border {
    display: none;
}
.contact-bg {
    animation: none;
}
.bnr-right {
    display: none;
}
.blog-area .date:after {
    display: none;
}
#innerpage-box .ts-area-single-inn {
    padding: 1em;
}
#innerpage-box .tes-c:after{
    display: none;
}
#innerpage-box .ts-area-bx {
    padding: 1em;
    right: 0;
    z-index: 1;
    border-radius: 20px;
    clip-path: none;
    text-align: center;
}

#innerpage-box h2.ts-area-title {
    line-height: 32px;
}
#innerpage-box .text-designation {
    line-height: 18px;
    padding-top: 12px;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0%;}
.facility-area .btn{padding: 18px 40px;}
header.site-header .list-inline.m-a0{padding-left: 0px !important;}
header.site-header .text-bx.padding0{padding-left: 15px;}
.astronaut {
    display: none;
}
header.site-header input[type="search"] {
    width: 100%;
}
div#sidebars.sidebar {
    padding: 0;
}
#innerpage-box .widget-area .widget-title,
div#sidebars.sidebar h4.widget-title {
    font-size: 16px !important;
    padding: 12px 7px 12px 16px !important;
}
form#searchform 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"] {
    padding: 9px 11px;
    font-size: 16px;
        margin: 0;
        width: 83%;
}
main#innerpage-box .widget-area .widget_search #searchform input[type="submit"] {
    width: 39px !important;
    height: 38px;
    margin-top: 0px;
}
main#innerpage-box .widget-area .widget_search #searchform:after {
    bottom: 12%;
    right: 16px;
    font-size: 18px;
}
main#innerpage-box .widget-area .widget_search #searchform:before {
    height: 38px;
    margin-top: 15px;
}
img.slide-mainimg {
    width: 100%;
    height: auto;
}
 .inn-header-img {
     right: 0%; 
     float: none; 
    display: block;
}
#features .hi-icon {
    width: 116px;
    height: 116px;
}
#features .hi-icon span {
    font-size: 55px;
}
#features .featuresbx {
    padding: 10px;
}
#features .featuresus-single {
    padding: 0px;
}
#innerpage-box .inteam-cont {
    width: 100%;
    text-align: right;
    padding-top: 5px;
}
#innerpage-box .single-team-img img {
    height: auto;
}
.inn-header-img {
    width: 100%;
    height: 100%;
    border-radius: 0; 
   border: none;
}
#innerpage-box .innrinf-box {
     padding: 0; 
}
#innerpage-box .contact-box {
     top: 0; 
     right: 0; 
    position: relative;
}
#innerpage-box .hi-icon span {
    font-size: 45px;
}
#innerpage-box .hi-icon {
    width: 80px;
    height: 85px;
}
#innerpage-box .ts-area-thumb img {
    width: 100%;
    height: auto;
}
#contact .inf-box {
    width: 100%;
    height: 100%;
    clip-path: none;
    bottom: 0;
}
.contact-area .contactdetails {
    background: #fff;
}
main#innerpage-box .faqlast h1 {
    font-size: 34px !important;
    padding: 10px 0;
}
div#content-box .faq-content button.accordion {
    padding: 1em 0 1em 1em;
}
#innerpage-box .inner-blogpost-info {
    padding: 10px;
}
#innerpage-box .item.innertest-item {
    padding: 0;
}
}

@media screen and (max-width: 1000px){
    .toggle-bar{
     display: block;
     position: absolute;
     top: -35px;
     right: 35px;
     width: 50px;
     background: #fe5722;
     cursor: pointer;
     text-align: center;
     color: #fff;
     padding: 20px 0;
     cursor: pointer;
 }

 .toggle-bar span{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #FFF;
    box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
}

@media (max-width: 1012px){
.header-transparent .sticky-header {padding: 0;
}
}

@media (min-width: 992px){
 .responsive-header-box{  display: none;}
.navbar-expand-lg .navbar-toggler {
    display: none;
}
}

@media (max-width: 992px){
.sf-arrows .sf-with-ul:after{ right: 30px !important;}
.ht-site-title, .site-title { font-size: 23px;}
.top-bar-head .head-menu { padding-right: 0;}
main#innerpage-box .ht-blog-thumbnail img {  height: 313px;}
 .logo { position: relative; 
    top: 0px !important;
    background: none !important;
    padding: 0;
    left: 0 !important;
}
main#innerpage-box .faqlast {
    text-align: center;
}
.page-main-header {
    padding: 8em 0 !important;
}
.breadcrumbbox {
    top: 0;
    text-align: center;
}
.ht-main-title {
    top: 0;
    font-size: 30px !important;
    text-align: center;
}

main#innerpage-box .faqlast p {
    font-size: 20px !important;
}
.faqlast .btn {
    font-size: 20px;
    padding: 8px 20px;
    top: 0px;
}
.footer-area svg {
    display: none;
}
.footer-area .overlay {
    opacity: 0.8 !important;
}
#features .trangle {
    display: none;
}
#features .squre{
    display: none;
}
#features .justify-content-left {
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    text-align: center;
    justify-content: center!important;
}
#features .section-title h2 {
    text-align: center;
}
#features h1.feature-bottom-title {
    font-size: 28px;
    line-height: 40px;
}
#features .btn {
    font-size: 18px;
    top: 0.5em;
}
#innerpage-box-contact .innrcontactdetails {
    left: 0;
    text-align: center;
}
#innerpage-box-contact .contact-r {
    padding: 0;
}
#innerpage-box-contact .ht-inquiry-member-wrap input[type="submit"] {
    width: 100%;
    left: 0;
}
#innerpage-box-contact .innrinf-box i {
    padding-bottom: 25px;
}
}
@media only screen and (max-width: 991px) {
.dlab-topbar-right {padding-left: 0;padding-right: 15px;}
.dlab-topbar-left{
    padding-right: 0;
}
}

@media screen and (max-width: 991px) {
header .hphone {   margin: 13px 0; text-align: center;}
.mobi{display: none;}
.site-navigation{background:none ;     margin: auto;}
.section-title { margin-bottom: 2em;}
#gallery .lhsgall-img img, #gallery .rhsgall-img img { height: 350px;}
#testimonials .owl-dots ,
#testimonials .section-title {margin-bottom: 0em !important;}
.service-area h4 { font-size: 20px !important;}
.service-area p { font-size: 16px !important;}
#about,#team,#testimonials,#gallery,
#blog ,#ourclient{ padding: 2em 0 !important;}
#service,#facility{ padding: 4em 0 2em 0 !important;}
#footer{ padding: 1em 0 1em 0em !important;}
.page-main-header{padding:5em 0 1em 0 !important;}
#innerpage-box {  padding: 2em 0em ;}
.contact-address-area .contform { margin: 1em 0 1em 0;}
.contact-address-area .conlbx-title { margin: 0.2em 0;}
.contact-address-area .contsocicn { margin-top: 0.2em;}
.contact-address-area .conlbx-title {font-size: 40px;line-height: 38px;}
.contact-address-area .contsocicn { padding: 8px 18px 3px 18px;}
#innerpage-box .cntpgicn{margin: 0 auto;}
#innerpage-box .single-project-bx { padding: 0 20px;}
#innerpage-box .single-project .projicn { margin: 4px auto;}
.section-title h2 {  font-size: 40px;}
.blog-area .blogbtn a {padding: 8px 16px;font-size: 16px;}
.blog-area .blog-date { padding-bottom: 4px;}
.blog-area .blog-posts h4 {margin: 2px 0;}
.blog-area .blog-single { padding: 1em 1em 1em 1em;}
/*.blog-area .blogbtn a { margin-top: 1em;}*/
.blog-area .box-area-S { margin-bottom: 1em;}
.contact-address-area .cntlhsbx{padding: 1em 0em;}
#ht-contactus-wrap .conforminn{margin: 0; padding: 1em 0em;}
.widget-area ul li:before{margin-right: 4px !important;}
main#innerpage-box #sidebars li {margin-left: 5px;}
#innerpage-box .item.innertest-item{width: 100%;}
/*#innerpage-box .ts-area-bx { margin-top: 1em;     padding: 0;}*/
.faq_tp .faq-heading{font-size: 28px;}
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {
    width: 100%;
}
}

@media screen and (max-width: 768px){
main#innerpage-box h6.faq-title{  padding: 10px 75px 8px 17px !important;}
.single-productpage .innerpage-whitebox,
.single-productpage #sidebars {   margin-top: 00px;}
.ht-footer.ht-footer1,
.ht-footer.ht-footer2,
.ht-footer.ht-footer3,
.ht-footer.ht-footer4 { width: 100% !important;}
.ht-main-navigation li{ padding-right: 00px;}
img.ht-page-header-img{ height: 275px;}
#quote-carousel .carousel-control.right { right: 0; top: 140px;}
#quote-carousel .carousel-control.left { left: -7px; top: 140px;}
#quote-carousel .carousel-control { margin-top: -50px;}
#about .section-title h2,
#facility .section-title h2,
#gallery .rhsgall-img .over-text h1,
.section-title h2{font-size: 28px;}
#call-now-section .titlebx-shd1, #call-now-section .titlebx-shd2{margin-left: 13em;}
    #call-now-section .titlebx{margin-left: 7em;}
    #call-now-section .call-icon{width: 13%;}
    #call-now-section .titlebx{padding: 1.2em 8em 1.3em 3.7em;}
body.admin-bar .navigation { top: 45px;}
.top-bar-head {
    padding:0.5em !important;
}
.footer-area input[type="submit"] { margin-left: 0;}
.single-footer-12 {
    padding: 0;
}
.slider_section .title {
    padding-left: 0;
}
}

@media screen and (max-width: 768px){
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{  margin-bottom: 10px;}
.woocommerce .widget_price_filter .price_slider_amount .button{ margin-bottom: 15px;}
.ht-main-navigation a{ padding: 8px 17px;}
.ht-section-title,
.ht-section-tagline{  width: auto;}
.ht-top-footer{  margin-left: 0;}
.ht-footer{ width: auto; margin: 0 0 30px; float: none;}
#primary{width: auto !important;float: none !important;margin-bottom: 30px;}
#secondary{ width: auto !important; float: none !important; margin-bottom: 30px; overflow: hidden;
}
}

@media screen and (max-width: 611px){
.slider-btn {  margin-top: 0em;}
.slider_section a.btn { padding: 6px 15PX; font-size: 13px;}
.slider_section .title {  font-size: 28px;}
.slider_section .sub-title { font-size: 15px; padding: 0.5em 0;}
#ht-contactus-wrap .maintle{font-size: 30px;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img { padding-top: 0 !important;}
.main-dispaly.padding0 {padding-left: 20px;}
.header.site-header ul.sub-menu li a:hover{padding-left: 15px;padding-right: 15px;}
.navigation .mainmenu li ul li{ top: auto;}
.navigation .mainmenu li:hover > ul{ position: relative; top: auto;}
.navigation .mainmenu li:hover ul li:hover > ul{  position: relative; left: 0;}
.navigation .mainmenu li{bottom: auto;}
.navigation .mainmenu li ul li a{ padding: 5px 0 5px 25px;}
.navigation .mainmenu li a{ text-align: left;}
.navigation .mainmenu li:hover > ul{
    width: 100%;
 }
 #innerpage-box .ts-area-thumb .imgbg {
    margin: 0 auto;
}
#innerpage-box .ts-area-thumb img {
    margin: auto;
    left: 0;
}
 #about .alebal {
    bottom: 0;
}
#call-now-section .call-inn {
    padding: 0;
}
 #innerpage-box .inner-blogpost .innrcomment {
    width: 90%;
}
#features .feature-bottom {text-align: center;}
.abt-btn {
    text-align: center !important;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
header.site-header .main-dispaly.padding0 {padding-right: 20px;}
.navigation .mainmenu { right: 0; padding-left: 0;}
.ht-section-title:after {width: 65%;}
.woocommerce div.product .woocommerce-tabs ul.tabs{ padding-top: 10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 18px;}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product{ margin-bottom: 30px !important;}
.sf-arrows .sf-with-ul:after{ right: 40px;}
.navigation .mainmenu li a{box-shadow: none;}
.ti-home:before{left: 15px;top: 12px;}
.is-fixed .main-bar ul.sub-menu { margin-top: 0 ;}
.navigation .mainmenu li a,
header.site-header ul.sub-menu li a{padding: 5px 0 5px 10px;}
.ht-menu.clearfix ul {margin-left: 0;}
header.site-header ul.sub-menu li a {padding: 5px 45px;}
ul.sub-menu{
        position: relative;
        box-shadow: none;
        border-top: 0;
        margin-top: 0px;
        margin-left: 0;
        padding: 0;
    }
#about .aboutarea-img {
    width: 100%;
    height: 300px;
}
#features .featuresus-single {
    text-align: center;
}
#service img.img-responsive {
    height: 300px;
}
#features .section-title h1 {
    font-size: 32px;
    letter-spacing: 0px;
}
#service .section-title h1 {
    font-size: 32px;
    letter-spacing: 0px;
}
#team .section-title h2 {
    font-size: 32px;
    letter-spacing: 0px;
}
#testimonials .section-title h2 {
    font-size: 28px;
    letter-spacing: 0px;
}
.blog-area .section-title h1 {
    font-size: 32px;
    letter-spacing: 0px;
}
#contact h1.section-subtitle {
    font-size: 32px;
    line-height: 14px;
}
#contact .section-title p {
    font-size: 18px;
}
.contact-email:after {
    display: none;
}
.contact-address:after {
    display: none;
}
.contact-area .contactdetails {
    text-align: center;
}
#call-now-section .overlay {
    width: 100%;
    clip-path: none;
}
}

@media only screen and (max-width: 767px) {
   #content.post-single-content .socialMedia {
    position: relative;
    margin-top: 25px;
}
.faq_bm {  margin-top: 0em;}
.site-header .navbar-toggler, 
.site-header .is-fixed .navbar-toggler { margin: 22px 0 22px 10px; box-shadow: none;}
.text-white .site-button.outline { padding: 8px 15px;}
#about .hi-icon {top: 0px;}
.bx-controls-direction {display: none;}
.slider_section .overlay{width: 58%;clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);}
.slider_content{right: 4%;width: 50%;top: 40%;}
.slider_section .title{font-size: 35px;}
.slider_section .sub-title{padding: 0.5em 0 0.5em 0;}
.slider_section .imgflsh{display: none;}
}

@media screen and (min-width: 768px) and (max-width: 992px){
.slider_section .imgflsh {
    top: -57px;
    right: 26%;
    width: 70px;
    height: 460px;
    transform: rotate(27deg);
}
.slider_content { 
    /* left: 0%; */
    right: 5%;
    margin: 0 auto;
    top: 39%;
    width: 40%;
}
.slider_section .sub-title {
    font-size: 16px;
    line-height: 26px;
}
.slider_section .title {
    font-size: 35px;
    line-height: 48px;
    padding-left: 0em;
}
.slider_section .overlay{
    width: 71%;
}
#innerpage-box .inner-blogpost .innrcomment {
    width: 100%;
}
#innerpage-box .single-project h3.inner-area-title {
    font-size: 20px;
}
.slider_section .bx-wrapper .bx-prev{right: 18%;}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:after,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:after{font-size: 35px;}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:after{left: 13px;}
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:after{right: 13px;}
.slider_section .bx-wrapper .bx-controls-direction a{width: 50px;height: 50px;line-height: 50px;bottom: 3%;}
.slider_section .overlay{clip-path: polygon(42% 0, 100% 0%, 100% 100%, 8% 100%);}
.slider_section .sub-title{padding: 0.5em 0 1em 0;}
}

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

.footer-area .bottom-area{padding: 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title { position: relative;top: 60px;text-align: center;}
header.site-header span.text, 
.single-header-info span.theme-color {font-size: 14px;}
header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }
.ht-site-description{padding-top: 0; }
.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }
.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {position: relative; top: 80px;}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;
}
#about img.aboutrdot {
    display: none;
}
    #call-now-section .right-bx{padding: 1em 1.7em 3em;}
    #call-now-section .right-bx h2{font-size: 30px;}
    #call-now-section .callph a{font-size: 30px;}
    #call-now-section .titlebx-shd1, #call-now-section .titlebx-shd2{margin-left: 2em;}
    #call-now-section .titlebx{margin-left: 1em;}
}
@media screen and (max-width: 580px){  

.ht-team-counter-wrap{  margin-left: 0;}
.ht-counter{ width: 75%; float: none; margin: 0 auto 60px;}
.ht-portfolio{
    width: 50%;
    padding: 4px;
}
}

@media screen and (max-width: 520px){
.hamburger-menus {top: 3px;right: -5px;}
.top-bar-head .head-menu {  padding-right: 0em;}
.s-footer { 
    margin-bottom: 1em;
}
}

@media screen and (min-width: 320px) and (max-width: 375px){
.ht-site-title, .site-title {font-size: 18px;}
.navicon { top: -60px !important;}
.team-area .inner-area-title { font-size: 15px;}
.page_featured { 
    margin-bottom: 1em; 
    padding: 2em 4em;
}
#call-now-section .all-social {
    display: none;
}
#innerpage-box .team-social-icon:after {
    bottom: 31%;
}
.team-area .inner-area-title { font-size: 15px;}
#team .lhsteam-img img, #team .single-team-img img{height: 275px;}
#team .team-social-icon{bottom: 3.5em;}
.slider_content{top: 41% !important;}
}
@media screen and (min-width: 320px) and (max-width: 475px){
.slider_content {
    top: 33%;
    width: 100%;
    padding: 18px;
    left: 0;
    text-align: center;
    background-color: hsl(21deg 7% 48% / 66%);
}
.slider_section .overlay {
    display: none;
}
.slider_section .imgflsh {
    display: none;
}
#content-box ol ol, #content-box ul ul {
     margin-left: 0em !important; 
}
.slider_section .title { font-size: 20px;}
.slider_section .sub-title {font-size: 12px;line-height: 18px;}
#testimonials .test-form {  margin: 0 1em;}
.page_featured {margin: 0 2em;margin-bottom: 1em;padding: 3em 4em;}
#innerpage-box .ts-area-single-inn { margin: 0 0em 1em 0em;}
#innerpage-box .ts-area-c p { font-size: 18px; line-height: 30px;}
#innerpage-box .single-team { width: 100%;}
#innerpage-box .single-team { padding: 0 0em;}
#innerpage-box .single-project-bx {padding: 0 4px;}
#innerpage-box .single-project .projicn { margin: 9px auto;}
#innerpage-box .cntpgbx{margin: 0em 0em 1em 0em;}
.faq_tp .faq-heading {  font-size: 30px;}
.faq_tp {  padding-bottom: 0em;}
body.page-template-default main#innerpage-box h1, .ht-main-title {
font-size: 25px ; 
}
header .logo {
    left: -1em;
}
#about .section-title h1 {
    font-size: 28px;
    line-height: 10px;
}
#about .section-subtext p {
    font-size: 16px;
}
#about .btn {
    font-size: 16px;
    padding: 8px 12px;
}
#about .aboutus-post-wrap {
    padding-top: 2em !important;
}
#about .about-area-data {
    text-align: center;
}
#about .aboutus-single {
    margin-bottom: 1em;
}
.call-c {
    padding: 14px 14px 3px 0;
    margin-left: 73px;
}
#call-now-section .right-bx h2 strong {
    font-size: 34px;
}
#call-now-section .right-bx h2 span {
    font-size: 38px;
}
#call-now-section .right-bx h2 {
    font-size: 20px;
}
#call-now-section .right-bx h2 small {
    font-size: 32px;
}
#call-now-section .callph {
    width: 259px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{ font-size: 20px !important;}
.single-productpage .innerpage-whitebox{ padding: 0;}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product { width: 30.75%; width: 100% !important;}
#blog-box h2{font-size: 22px !important;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    margin-bottom: 10px;
}
}

@media screen and (min-width: 320px) and (max-width: 475px){
.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}
.single-header-info { text-align: center; padding: 0;
}
.section-title h2 {
    line-height: 38px;
    font-size: 30px;
}
#about .section-title h2 {
    line-height: 38px;
    font-size: 30px;
}
#about .hi-icon {
    text-align: center;
}
#testimonials .testi-img {
    width: 100%;
    height: 350px;
}
.bx-wrapper {
    height: 26rem;
}
.sliderimg {
    width: 100%;
    height: 100%;
}
img.slide-mainimg {
    width: 100%;
    height: 100%;
}
 #call-now-section .call-icon{left: 2em;}
#call-now-section .titlebx{padding: 1.2em 2em 1em 3em;}
#call-now-section .call-iconbrd1{left: 1.5em;}
#call-now-section .call-iconbrd2{left: 1.7em;}
#call-now-section .callph a i{font-size: 45px;width: 55px;height: 55px;line-height: 55px;}
#call-now-section .callph a{font-size: 21px;padding: 15px 20px 15px 29px;}
.testimonials-area .ts-area-thumb .ts-bg {
    height: 120px;
    width: 120px !important;
}
.testimonials-area .ts-area-thumb img {
    height: 120px;
    width: 120px !important;
}
.testimonials-area .ts-area-thumb {
    right: -36px;
    top: 1em;
}
.testimonials-area .ts-area-content {
    padding: 0.8em 1em 0.8em 1em;
    width: 65%;
}
#testimonials .tetimonoal-area {
    padding: 0em 1em 0 3em;
}
.testimonials-area h3 {
    font-size: 22px;
}
.testimonials-area .text-designation {
    font-size: 16px;
    line-height: 1;
    padding-top: 7px;
}
}

@media screen and (min-width: 320px) and (max-width: 425px){
body {   position: inherit; }
#innerpage-box .item.innertest-item{width: 100%;}
#innerpage-box .single-project h3.inner-area-title {
    font-size: 17px;
    line-height: 30px;
}
}

@media screen and (min-width: 320px) and (max-width: 320px){
.header-transparent .is-fixed .main-bar h1.ht-site-title { top: 45px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating {padding-top: 9px;}
.toggle-bar {right: 25px !important;}
.total-count { padding: 18px 36px;}
.total-count .count { right: 24px;}
.total-count .count {right: 10px;}
.total-count { padding: 18px 20px;}
.page_featured {
    margin-bottom: 0em;
}
}
main#innerpage-box .tagcloud a {
    border-radius: 5px;
    padding: 7px;
    display: inline-block;
}
div#secondary select option{ background: transparent;}
body.home.blog .page-main-header img {display: none;}
.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{ padding: 5px 0;}
h1.product_title.entry-title { word-break: break-word;}
.select2-container--default .select2-selection--single,.woocommerce .quantity .qty,div#payment,
#coupon_code{ background: transparent !important;border: 2px solid #000;}
#content-box li.blocks-gallery-item:before {  content: none;}
div#content-box li.blocks-gallery-item figure img {  padding: 5px;  margin-bottom: 0;}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{  opacity: 0.7;}
main#innerpage-box ul.children { border: 0; margin-left: 2em;}
.woocommerce-MyAccount-content .woocommerce-info {  background: transparent !important;}

@media screen and (min-width: 1300px){
 .footer-area svg {
    width: 100%;
    height: auto;
}
}
@media screen and (min-width: 1920px) and (max-width: 2500px){
 .slider_section .imgflsh {
    transform: rotate(36deg);
}
header .logo {
    top: 0.5em;
    left: -2em !important;
}
.slider_content {
    width: 32%;
}
#features .squre {
    bottom: 8%;
    right: 46%;
    transform: rotate(18deg);
}
}