/*
Theme Name: Construction Base
Theme URI: https://wenthemes.com/item/wordpress-themes/construction-base/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Construction Base is a robust and responsive construction WordPress theme. It is simple and intuitive platform so that it would be easy for making resourceful business websites without any coding. It has been created specifically with one purpose in mind, to provide the easiest and most intuitive platform for construction companies, builders, woodworkers, contractors, and all similar, related fields of business. Although it is focused for construction area, it can be used in any type of business websites. It is very flexible and provided with convenient features and options for your business. Official Support Forum: https://themepalace.com/support-forum/ Full Demo: https://wenthemes.com/theme-demos/?demo=construction-base
Version: 2.2
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: construction-base
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1. Normalize
2. Typography
3. Elements
4. Forms
5. Navigation
   5.1. Links
   5.2. Comment and Post Navigation
6. Accessibility
7. Alignments
8. Clearings
9. Content
    10.1. Posts and pages
    10.2. Asides
    10.3. Comments
10. Infinite scroll
11. Media
    12.1. Captions
    12.2 Galleries
12. Page
13. Header
    13.1. Top Head
    13.2. Main Header
    13.3. Main Menu
14. Main Slider
15. Main Content
16. Sidebar
   16.1.  layout sidebar
17. Footer
    17.1. Colophon
    17.2. Footer Navigation
    17.3. Footer Widgets
    17.4. Scrollup
18. Inner Pages
    18.1. Custom Header
    18.2. Breadcrumb
    18.3. Error Page
    18.4. Contact Form 7
19. Widgets
    19.1. Social Links
    19.2. Service Widget
    19.3. Call To Action Widget
    19.4. Recent Posts Widget
    19.5. Latest News Widget
    19.6. Features Pages Grid Widget
    19.7.Team Widget
    19.8. Featured Page

20. Media Queries


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

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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



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

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
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;
    box-sizing: content-box;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #888888;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
    word-wrap: break-word;

}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    clear: both;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

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

blockquote {
    background: #f0f0f0 none repeat scroll 0 0;
    border-left: 5px solid #fab702;
    margin: 0 0 15px;
    padding: 20px 15px 5px;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    cursor: help;
}

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

big {
    font-size: 125%;
}

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

body {
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
    word-wrap: break-word;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

ul,
ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

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


td,
th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/
button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    font-size: 14px;
    margin: 10px;
    padding: 12px 30px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #fab702;
    border: none;
}

a.button {
    min-width: 150px;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #232323;
    border-color: transparent;
    color: #fff;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding: 5px;
}

textarea {
    padding: 10px;
    width: 100%;
}

.form-submit input#submit {
    margin: 0;
}

/*--------------------------------------------------------------
5. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1. Links
--------------------------------------------------------------*/

a {
    color: #232323;
    text-decoration: inherit;
}

a:visited {
    color: #232323;
}

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

a:focus {
    outline: inherit;
}

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

.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button):not(.wp-block-button__link),
.ew-about a:not(.more-link):not(.button),
.widget_text a:not(.more-link):not(.button),
.comment-content a {
    text-decoration: underline;
}

.entry-content a:not(.more-link):not(.button):hover,
.entry-content a:not(.more-link):not(.button):focus,
.entry-summary a:not(.more-link):not(.button):hover,
.entry-summary a:not(.more-link):not(.button):focus,
.ew-about a:not(.more-link):not(.button):hover,
.ew-about a:not(.more-link):not(.button):focus,
.widget_text a:not(.more-link):not(.button):hover,
.widget_text a:not(.more-link):not(.button):focus,
.comment-content a:hover,
.comment-content a:focus {
    text-decoration: none;
}

/*--------------------------------------------------------------
5.2. Comment and Post Navigation
--------------------------------------------------------------*/


/*comment and post navigation*/

a.comment-reply-link {
    /* text-transform: uppercase; */
    font-weight: bold;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 30px 0;
    overflow: hidden;
    clear: both;
}

#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border: 1px solid #179bd7;
    background: #179bd7;
    color: #fff;
}

#infinite-handle span {
    border: 1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}

.post-title {
    font-size: 17px;
    margin-top: 15px;
}

.meta-nav {
    display: none;
}

.navigation .nav-links .nav-next {
    float: right;
    margin-bottom: 15px;

}

.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 15px;
}

.post-navigation a,
.posts-navigation a {
    border: 2px solid #fbfbfb;
    padding: 6px 20px;
    background: #fff;
    display: block;
}

.navigation,
.pagination {
    margin-top: 15px;
}

.post-navigation .nav-links .nav-next a::after,
.posts-navigation .nav-next a:after {
    content: "\f178";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 100;
}

.post-navigation .nav-links .nav-previous a::before,
.posts-navigation .nav-previous a:before {
    content: "\f177";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 100;
}

.navigation.pagination {
    text-align: center;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 13px;
    text-align: center;
    background-color: #f7f7f7;
    display: inline-block;
    border-radius: 50px;
    margin: 0 3px;
}

.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
    background: #fab702 none repeat scroll 0 0;
    color: #ffffff;
}

/*--------------------------------------------------------------
6. Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    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: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 9999999;
    /* Above WP toolbar. */
}

.skip-link.screen-reader-text:focus {
    top: 10px;
}

/*--------------------------------------------------------------
7. Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

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

.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

/*--------------------------------------------------------------
8. Clearings
--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}

/*--------------------------------------------------------------
9. Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 Posts and pages
--------------------------------------------------------------*/

.entry-content-outer img,
.entry-content-outer img {
    vertical-align: middle;
    margin-bottom: 15px;
}


.entry-content-outer a:hover img {
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.alignment-left img {
    margin-right: 30px;
}

.alignment-right img {
    margin-left: 30px;
}

.alignment-right .entry-content-wrapper,
.alignment-left .entry-content-wrapper {
    display: table;
}

.alignment-left h2.entry-title,
.alignment-right h2.entry-title {
    margin-bottom: 5px;
}

.blog #primary article,
.archive #primary article {
    padding-bottom: 20px;
    clear: both;
}

.entry-content-wrapper {
    padding-left: 40px;
    border-left: 7px solid #f5f5f5;
    padding-top: 30px;
}

.sticky {
    display: block;
}

.hentry {
    margin: 40px 0 0;
}

.hentry:first-child {
    margin: 0;
}

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

.single .byline,
.group-blog .byline {
    display: inline-block;
}

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

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}


.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

.entry-meta>span {
    margin-right: 20px;
    font-size: 14px;
}

.entry-footer>span::before,
.entry-meta>span::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: 15px;
    margin-right: 8px;
    content: "";
}

.entry-meta>span a {
    color: #49616b;
}

.entry-meta a:hover {
    color: #fab702;
}

.entry-meta span.comments-link::before {
    content: "\f075";
}

.entry-meta>.cat-links::before {
    content: "\f07c";
}

.entry-meta>.byline::before {
    content: "\f007";
}


.entry-meta .tags-links::before {
    content: "\f02c";
}

.entry-meta>.posted-on::before {
    content: "\f017";

}

.entry-footer .edit-link::before {
    content: "\f044";
}


/*--------------------------------------------------------------
9.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
9.3 Comments
--------------------------------------------------------------*/

#respond {
    clear: both;
    display: block;
}

#comments {
    margin-top: 30px;
}


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

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

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

.bypostauthor {
    display: block;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 100%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 20px;
    padding: 30px 40px;
    position: relative;
    text-align: left;
    width: 100%;
    box-shadow: 0 0 55px #f3f3f3;
}

.comment .reply {
    position: absolute;
    top: 20px;
    right: 30px;
}

.comment-author.vcard {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fab702;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment>div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 13px;
    margin-bottom: 10px;
}

.comment-metadata>a {
    color: #49616b;
    margin-right: 30px;
}

.comment-metadata::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 25px;
    font-size: 21px;
    font-weight: bold;
}

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

.bypostauthor {
    display: block;
}


#commentform span.required {
    font-size: 19px;
    position: absolute;
    bottom: 2px;
    color: red;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox .author-info,
.authorbox .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

.author-avatar {
    float: left;
    margin: 0 15px 15px 0;
}

.authorbox {
    margin: 65px 0 50px;
    overflow: hidden;
    padding: 25px 30px 10px;
    background: #f9f9f9;
    border-radius: 10px;
}

#commentform label {
    display: inline;
    position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform p.form-submit {
    margin-top: 30px;
}

#commentform span.required {
    color: #f0632b;
}


/*--------------------------------------------------------------
10. Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

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

/*--------------------------------------------------------------
11.1. Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
11.2. Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-right: -5px;
    margin-left: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;

}

.gallery-item img {
    vertical-align: middle;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

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


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

#page {
    position: relative;
    margin: 0 auto;

}

.container {
    width: 1300px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

.inner-wrapper {
    margin-left: -25px;
    margin-right: -25px;
}


.custom-button,
.custom-button:visited,
.button {
    display: inline-block;
    font-size: 14px;
    margin: 10px;
    padding: 12px 30px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
    min-width: 150px;
    background: #fab702;
    text-align: center;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.custom-button:hover,
.custom-button:focus,
.custom-button:active {
    background: #232323;
    color: #fff;
}

.custom-button::after,
a.more-link::before,
.button::after {
    background: #232323;
    content: "";
    display: block;
    position: absolute;
    height: 0%;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -1;
    transition: height 0.2s ease-in-out 0s;
}

.custom-button:hover:after,
.custom-button:focus:after,
.custom-button:active:after,
a.more-link:hover:before,
a.more-link:focus:before,
a.more-link:focus:before,
.button:hover:after,
.button:focus:after,
.button:focus:after {
    height: 100%;
    border-radius: 3px;
}

.custom-button.button-secondary,
.custom-button.button-secondary:visited {
    background: #232323;
}

a.button-secondary:after {
    background: #fab702;
}

a.more-link {
    margin-top: 30px;
    display: inline-block;
    padding: 10px 20px;
    background: #fab702;
    border-radius: 3px;
    color: #fff;
    position: relative;
    z-index: 0;
}

.entry-content-outer a.more-link {
    display: table;

}

a.more-link::after {
    content: "\f101";
    display: inline-block;
    margin-left: 6px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    display: inline-block;


}



/*--------------------------------------------------------------
13. Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1. Top Header
--------------------------------------------------------------*/
#tophead {
    overflow: hidden;
    background: #292929;
    padding: 5px 0;
}

/*quick contact*/

#quick-contact {
    float: right;
    margin-top: 0;
}

#quick-contact>ul {
    margin: 0;
    padding: 0;
}

#quick-contact a {
    display: inline-block;
    color: #ababab;
}

#quick-contact a:hover {
    color: #fab702;
}

#quick-contact li.quick-email::before {
    content: "\f0e0";
}

#quick-contact li.quick-call::before {
    content: "\f095";
}

#quick-contact li.quick-address::before {
    content: "\f0ac";
}

#quick-contact li::before {
    color: #fab702;
    content: "";
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
}

#quick-contact li {
    clear: inherit;
    float: left;
    font-size: 13px;
    line-height: 1.75;
    list-style: outside none none;
    text-align: left;
    padding: 5px 10px;
    color: #ababab;
}

#tophead .header-social-wrapper {
    float: left;
}

#tophead .construction_base_widget_social li a {
    border: none;
    height: 30px;
    padding: 3px 10px;
    width: 30px;
    border-radius: 100%;
    margin-right: 8px;
    font-size: 10px;
    margin-top: 4px;
}

#tophead .construction_base_widget_social li a:before {
    line-height: 2;
    font-size: 13px;
}

#tophead .construction_base_widget_social li {
    margin: 0;
}

/*--------------------------------------------------------------
13.2. Main Header
--------------------------------------------------------------*/

.site-header {
    padding: 10px 0;
    background-color: #fff;
    transition: padding 0.2s ease-in-out 0s;
    clear: both;
    z-index: 999;
    position: relative;
}

a.custom-button.doante-now {
    float: right;
    margin: 24px 0 0 20px;
    padding: 8px 17px;
    text-align: center;
    min-width: inherit;
    text-transform: capitalize;
}

a.custom-button.doante-now i {
    margin-right: 10px;
}

.enabled-sticky-primary-menu .site-header.fixed {
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    padding: 5px 0;
}

.enabled-sticky-primary-menu .site-header.fixed .site-description {
    display: none;
}

.custom-logo-link,
#site-identity {
    float: left;
    margin-right: 15px;
}

.custom-logo-link {
    max-width: 65px;
}

.custom-logo-link img {
    vertical-align: middle;
}

.site-title {
    margin-bottom: 0;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: 10px;
}

.site-description {
    color: #aba0a0;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.site-title a {
    color: #232323;
    font-weight: bold;
}

.right-head {
    float: right;
    padding-top: 20px;
}

.header-search-box {
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.header-search-box>a {
    color: #292929;
    padding: 5px 11px 6px;
    line-height: 1.5;
    display: block;
    border-radius: 100%;
    background: #e4dfdf;
}

.header-search-box>a i {
    font-size: 13px;
}

.header-search-box>a:hover {
    background-color: #fab702;
    color: #fff;
}

.header-search-box .search-box-wrap {
    background: #f1f1f1 none repeat scroll 0 0;
    bottom: -98px;
    box-shadow: 0 2px 2px;
    display: none;
    padding: 15px 15px 15px;
    position: absolute;
    width: 380px;
    z-index: 9999;
    right: 0;
}

.search-form input.search-field {
    padding: 10px 9% 10px 10px;
    width: 100%;
    height: 50px;
    box-sizing: inherit;
}

.search-submit {
    border-radius: 0;
    padding: 7.3px 20px;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
}

.search-form {
    position: relative;
}

.search-form .search-submit {
    border: medium none;
    font: 14px/1.3 FontAwesome;
    height: 50px;
    padding: 0 27px;
    margin: 0;
    border-radius: 0;
    color: #fff;
}

.custom-button,
.construction_base_widget_services .service-block-inner>a:hover i {
    transition: all 0.4s ease-in-out 0s;
}

.woocommerce-product-search {
    position: relative;
}

.woocommerce-product-search .search-field {
    height: 50px;
    padding: 10px 55px 10px 10px;
    width: 100%;
    box-sizing: inherit;
}

.woocommerce-product-search button {
    border: medium none;
    border-radius: 0;
    font-size: 13px;
    height: 50px;
    line-height: 1.8;
    padding: 0 20px;
    position: absolute;
    right: 0;
    margin: 0;
    top: 0;
}



/*--------------------------------------------------------------
13.3. Main Menu
--------------------------------------------------------------*/

#main-nav {
    float: right;
    margin-right: 15px;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

.main-navigation ul ul {
    background-color: #fff;
    box-shadow: 0px 2px 2px #666;
    left: -9999px;
    margin: 0;
    min-width: 220px;
    position: absolute;
    top: 81px;
    opacity: 0;
    z-index: -9999;
    transition: opacity 0.4s ease-in-out 0s;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-navigation ul ul::before {
    content: "";
    display: block;
    background: transparent;
    width: 100%;
    height: 30px;
    position: absolute;
    top: -30px;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
    box-shadow: 2px 1px 2px #232323;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    float: left;
}

.main-navigation ul>li:hover>ul {
    opacity: 1;
    left: 0;
    z-index: 9999;
}

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

.main-navigation ul ul ul li:hover>ul {
    display: block;
}

.main-navigation ul ul li:hover>ul {
    opacity: 1;
    left: 100%;
}

.main-navigation li li {
    float: none;
    display: block;
    padding: 0 25px;
}

.main-navigation ul li li:first-child>a {
    border-left: none;
}

.main-navigation ul li a {
    color: #232323;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 23px 12px;
    position: relative;
    z-index: 99;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #f1f1ee;
    border-left: medium none;
    border-right: medium none;
    transition: padding 0.2s ease-in-out 0s;
    color: #888888;
    height: auto;
    padding: 9px 0;
    text-align: left;
    width: 100%;
    margin: 0;
    font-weight: 300;
}

.main-navigation ul ul li:last-child>a {
    border: none;
}

.main-navigation ul li.menu-item-has-children>a,
.main-navigation ul li.page_item_has_children>a {
    padding-right: 25px;
}

.main-navigation ul li.menu-item-has-children>a::after,
.main-navigation ul li.page_item_has_children>a::after {
    content: "\f107";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 7px;
    margin-right: 0;
    float: right;
    position: absolute;
    right: 7px;
}

.main-navigation ul li li.menu-item-has-children>a::after,
.main-navigation ul li li.page_item_has_children>a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-childrenv>a,
.main-navigation ul li.page_item_has_children>a {
    padding-right: 30px;
}

.main-navigation li>a:hover,
.main-navigation li.current-menu-item>a,
.main-navigation li.current_page_item>a,
.main-navigation li:hover>a {
    color: #fab702;
}

.main-navigation li.current-menu-item>a::before,
.main-navigation li>a:hover::before,
.main-navigation li.current_page_item>a::before,
.main-navigation li:hover>a::before {
    transition: all 0.2s linear 0s;
    content: "";
    height: 2px;
    display: block;
    bottom: 0;
    position: absolute;
    left: 10%;
    background: #292929;
    width: 80%;
}

.main-navigation li li.current-menu-item>a::before,
.main-navigation li li>a:hover::before,
.main-navigation li.current_page_item>a::before,
.main-navigation li li:hover>a::before {
    display: none;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}

#mobile-trigger {
    display: none;
}

#mob-menu {
    display: none;
}

/*--------------------------------------------------------------
## Main slider
--------------------------------------------------------------*/

#featured-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
}

#main-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;
    z-index: -1;
}

#featured-slider .overlay-enabled article::after {
    background: #000;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 3;
    opacity: 0.4;
}

#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider .cycle-slide {
    width: 100%;
}

#main-slider article.first {
    display: block;
}

#main-slider article {
    display: none;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-caption {
    bottom: 28%;
    height: auto;
    left: 15%;
    max-width: 60%;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 999;
}

#main-slider .cycle-caption.caption-alignment-center {
    text-align: center;
    left: 20%;
}

#main-slider .cycle-caption.caption-alignment-right {
    text-align: right;
    right: 15%;
    left: auto;
}

#main-slider h3 {
    text-shadow: 0px 0px 1px #232323;
    font-size: 57px;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: 1px;
    padding: 15px 0;
    opacity: 0;
    padding-right: 10px;
    transition: all 0.1s ease-in-out 1s;
    font-weight: 700;
    display: block;
}

#main-slider h3 a {
    display: block;
}

#main-slider p {
    font-size: 19px;
    margin-bottom: 35px;
    color: #d8d8d8;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out 1s;
    -moz-transition: all 0.2s ease-in-out 1s;
    -ms-transition: all 0.2s ease-in-out 1s;
    -o-transition: all 0.2s ease-in-out 1s;
    transition: all 0.2s ease-in-out 1s;
    padding-left: 50px;
    width: 730px;
    max-width: 100%;
    display: inline-block;
    clear: both;
}

#main-slider .cycle-slide-active h3,
#main-slider .cycle-slide-active p,
#main-slider .cycle-slide-active .slider-buttons {
    opacity: 1;
}

#main-slider .cycle-slide-active h3 {
    padding-right: 0;
}

#main-slider .cycle-slide-active p {
    padding-left: 0;
}

#main-slider .slider-buttons {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 1s;
    -moz-transition: opacity 0.2s ease-in-out 1s;
    -ms-transition: opacity 0.2s ease-in-out 1s;
    -o-transition: opacity 0.2s ease-in-out 1s;
    transition: opacity 0.2s ease-in-out 1s;
}

#main-slider .cycle-slide-active .slider-buttons {
    opacity: 1;
}

.slider-buttons a.custom-button {
    margin: 0 25px 0 0;
}

#main-slider h3 a {
    color: #fff;
}

#main-slider h3 a:hover {
    color: #ffda44;
}

.slider-buttons a {
    font-size: 17px;
    text-transform: capitalize;
}

#main-slider .caption-alignment-right .slider-buttons a.custom-button {
    margin-right: 0;
    margin-left: 25px;
}

/*slider pager box*/

#main-slider .pager-box {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 15px;
    margin: 3px 5px;
    width: 15px;
    z-index: 99;
    border-radius: 100%;
}

#main-slider .cycle-pager {
    bottom: 20px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999;
}

#main-slider .pager-box.cycle-pager-active {
    background-color: #fab702;
    border-color: #fff;
}

/*Slider cycle next / previous*/

#main-slider .cycle-prev,
#main-slider .cycle-next {
    bottom: 45%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 36px;
    z-index: 999;
    height: 50px;
    padding: 0 0;
    transition: all 0.2s ease-in-out 0s;
    line-height: 2.2;
    background: rgba(0, 0, 0, .5);
}

#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover {
    background-color: #fab702;
    color: #fff;
}


#main-slider .cycle-prev {
    left: 1%;
}

#main-slider .cycle-next {
    right: 1%;
}

/*--------------------------------------------------------------
15. Main Content
--------------------------------------------------------------*/

#primary {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    width: 70%;
}

#content {
    padding: 60px 0;
    clear: both;
}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
16. Sidebar
--------------------------------------------------------------*/

.sidebar {
    width: 30%;
    padding-left: 25px;
    padding-right: 25px;
}

.sidebar .widget {
    padding: 10px 25px;
    box-shadow: 0 0 55px #f3f3f3;
}

.sidebar .widget-title {
    padding: 10px 20px 10px 0;
    font-size: 22px;
    border-bottom: 3px double #f7f6f6;
    margin-bottom: 20px;
}

.sidebar .widget-title a {
    color: #fff;
}

.sidebar .widget-subtitle {
    text-align: center;
}

#sidebar-primary {
    float: right;
}

#sidebar-secondary {
    float: left;
}

.sidebar a {
    color: #001837;
}

.sidebar a:hover {
    color: #fab702;
}

.widget-area ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.widget-area ul ul {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar ul li::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 0;
    background: #f7f6f6;
}

.sidebar ul li::after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-right: 10px;
    display: inline-block;
    float: right;
}

.sidebar .widget>ul>li:first-child::before {
    display: none;
}

.sidebar ul .sub-menu {
    margin-bottom: -7px;
}

.sidebar>ul>li:first-child::after {
    display: none;
}

.sidebar ul ul li:first-child {
    margin-top: 7px;
}

.sidebar ul ul li:last-child {
    margin-bottom: 0px;
}

.sidebar ul li {
    padding-bottom: 7px;
    padding-top: 7px;
    position: relative;
}

.sidebar ul ul li {
    padding-left: 15px;
}

.sidebar ul ul ul {
    margin-left: -15px;
}

.sidebar ul ul ul li {
    padding-left: 30px;
}

.sidebar ul ul ul ul {
    margin-left: -30px;
}

.sidebar ul ul ul ul li {
    padding-left: 45px;
}

.sidebar ul ul ul ul ul {
    margin-left: 0
}

.sidebar ul ul ul ul ul>li {
    padding-left: 0;
}

/*calendar widget*/

.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: #fab702 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: #fab702 none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #000000;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid #fab702;
    color: #fab702;
}

.widget_categories li>a,
.widget_archive li>a {
    display: inline-block;
    min-width: 79%;
}

/*--------------------------------------------------------------
16.1  layout sidebar
--------------------------------------------------------------*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

/* Extra css for Pro By WEN
*/

.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/

.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}


/*--------------------------------------------------------------
17. Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
17.1. Colophon
--------------------------------------------------------------*/

#colophon {
    background-color: #171717;
    clear: both;
    color: #fff;
    padding: 15px 0;
    border-top: 1px solid #232323;
}

.colophon-column-left {
    float: left;
    width: 50%;
    text-align: left;
}

.colophon-column-right {
    float: right;
    width: 50%;
    text-align: right;
}

.colophon-column-left .colophon-column,
.colophon-column-right .colophon-column {
    width: 100%;
    font-size: 14px;
}

#colophon a {
    color: #fab702;
}

#colophon a:hover {
    color: #fff;
}


/*social links*/

#colophon .construction_base_widget_social li {
    display: inline-block;
    float: none;
    margin-right: 0;
}

#colophon .construction_base_widget_social li a {
    border: 2px solid #8c8c8c;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

#colophon .construction_base_widget_social ul li a::before {
    font-size: 13px;
    margin-right: 0;
}

#colophon .construction_base_widget_social ul li a:hover {
    background: none;
}

/*--------------------------------------------------------------
17.2. Footer Navigation
--------------------------------------------------------------*/

#footer-navigation {
    margin-top: 5px;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#colophon .copyright {
    clear: both;
}

#footer-navigation li:first-child a {
    border: none;
    margin: 0;
    padding: 0;
}

#footer-navigation li a {
    border-left: 1px solid #fff;
    display: block;
    line-height: 0.8;
    margin-left: 10px;
    padding: 0 0 0 10px;
    color: #ddd;
}

#footer-navigation ul {
    margin: 0;
}

/*--------------------------------------------------------------
17.3. Footer Widgets
--------------------------------------------------------------*/

#footer-widgets {
    background-color: #000;
    color: #bbbbbb;
    overflow: hidden;
    padding: 30px 0;
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4 {
    font-weight: 400;
}

#footer-widgets .widget-title {
    color: #ffffff;
}

#footer-widgets .widget-title span::before,
#footer-widgets .widget-title span::after,
#footer-widgets .widget-title::after {
    color: #fff;
    background: #fff;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    padding: 3px 0 3px;
    position: relative;
}

#footer-widgets,
#footer-widgets a {
    color: #dddddd;
}

#footer-widgets a:hover {
    color: #fff;
}

#footer-widgets .widget-title::after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    margin-top: 5px;
    background: #fab702;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

.footer-widget-area .widget:first-child {
    margin-top: 0;
}

.footer-widget-area .widget {
    margin-top: 15px;
}

/*--------------------------------------------------------------
17.4. Scrollup
--------------------------------------------------------------*/
.scrollup {
    border-radius: 100%;
    bottom: 60px;
    color: #fff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 7px 10px 7px;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;
    font-weight: 100;
    font-size: 15px;
    background: #fab702;
    height: 40px;
    width: 40px;
    border: 4px solid rgb(255, 255, 255);
}

.scrollup:hover {
    color: #fff;
    background-color: #fab702;
}



/*--------------------------------------------------------------
18. Inner Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
18.1. Custom Header
--------------------------------------------------------------*/

#custom-header {
    padding: 50px 0;
    text-align: center;
    position: relative;
    z-index: 99;
    background-color: #fab702;
}

.page-title {
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
}

#primary .page-title {
    margin-bottom: 15px;
}

#custom-header::after {
    background: #000000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}

#custom-header .page-title {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    text-align: left;
}

#custom-header .separator {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
}

.header-content {
    z-index: 999;
    position: relative;
    padding: 30px 0;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

/*--------------------------------------------------------------
18.2. Breadcrumb
--------------------------------------------------------------*/

#breadcrumb {
    color: #ffffff;
    padding: 15px 0;
    background: #fab702;
    clear: both;
    overflow: hidden;
}

ul#crumbs {
    margin: 0;
}

#breadcrumb a {
    color: #232323;
}

#breadcrumb a:hover {
    color: #fff;
}

#breadcrumb li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 7px;
}

#breadcrumb li a::after {
    content: "/";
    margin-left: 7px;
    font-family: 'FontAwesome';
}

#breadcrumb .breadcrumb-trail .trail-items {
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------------------
18.3. Error Page
--------------------------------------------------------------*/

section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}


/*--------------------------------------------------------------
18.4. Contact Form 7
--------------------------------------------------------------*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}



/*--------------------------------------------------------------
19. Widgets
--------------------------------------------------------------*/

.widget h4 a,
.widget h3 a {
    display: block;
    color: #232323;
}

.widget h4 a:hover,
.widget h3 a:hover {
    color: #fab702;
}

.widget {
    margin: 30px 0 0;
}

.widget:first-child {
    margin: 0;
}

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

#sidebar-front-page-widget-area .widget {
    padding: 50px 0;
    margin: 0;
}

/* Make sure select elements fit in widgets. */

#sidebar-front-page-widget-area {
    clear: both;
    background: #fff;
}

#sidebar-front-page-widget-area .widget-title::before {
    clear: both;
    content: "";
    display: block;
    left: 0;
    width: 46px;
    margin: 0;
    background: #fab702;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: -5px;
    height: 2px;
}

#sidebar-front-page-widget-area .widget-title {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 500;
    position: relative;
}

#sidebar-front-page-widget-area .widget-title::after {
    content: "";
    background-color: #fab702;
    width: 100px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    display: block;
    margin: 10px auto;
}

#sidebar-front-page-widget-area .widget-subtitle {
    margin: 0 auto 35px;
    font-size: 16px;
    text-align: center;
    max-width: 50%;
    color: #898989;
}

/*style for dark background*/

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .separator::before,
#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .separator::after,
#footer-widgets .separator::before,
#footer-widgets .separator::after {
    background: #7188a7;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .separator,
#footer-widgets .separator {
    background: #fff;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title {
    color: #fff;

}

/*--------------------------------------------------------------
19.1. Social Links
--------------------------------------------------------------*/

#sidebar-front-page-widget-area .construction_base_widget_social {
    text-align: center;
}

#sidebar-front-page-widget-area .construction_base_widget_social li {
    float: none;
    display: inline-block;
}

.construction_base_widget_social {
    clear: both;
    overflow: hidden;
}

.construction_base_widget_social ul {
    margin: 0;
}

.construction_base_widget_social li a {
    border: 2px solid #bababa;
    display: inline-block;
    height: 33px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 33px;
    border-radius: 100%;
}

.construction_base_widget_social li a:hover {
    border: 2px solid transparent;
}

.construction_base_widget_social li {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget-area .construction_base_widget_social li,
#footer-widgets .construction_base_widget_social li {
    padding: 0;
}

.sidebar .construction_base_widget_social ul li::before,
#footer-widgets .construction_base_widget_social li::before,
.sidebar .construction_base_widget_social ul li::after,
#footer-widgets .construction_base_widget_social li::after {
    display: none;
}

.construction_base_widget_social ul li a::before {
    font-size: 15px;
}

.construction_base_widget_social li a i {
    color: #cacad8;
    font-size: 18px;
    font-weight: normal;
}

.construction_base_widget_social ul li a::before {
    color: #ababab;
    content: "\f0c1";
    display: block;
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-weight: normal;
    line-height: 2;
}

.construction_base_widget_social ul li a[href*="mailto:"]:before,
.construction_base_widget_social ul li a[href*="tel:"]:before,
.construction_base_widget_social ul li a[href$="/feed"]:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.construction_base_widget_social ul li a:hover {
    background-color: #001837;
    border: 1px solid rgba(0, 0, 0, 0);
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.construction_base_widget_social ul li a:hover::before {
    color: #fff;
}

.construction_base_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.construction_base_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.construction_base_widget_social ul li a[href*="x.com"]::before {
    content: "\e61b";
}

.construction_base_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.construction_base_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.construction_base_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.construction_base_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.construction_base_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.construction_base_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.construction_base_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.construction_base_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.construction_base_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.construction_base_widget_social ul li a[href$="/feed"]::before {
    content: "\f09e";
}

.construction_base_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.construction_base_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.construction_base_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.construction_base_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.construction_base_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.construction_base_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.construction_base_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.construction_base_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.construction_base_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.construction_base_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.construction_base_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.construction_base_widget_social ul li a[href*="wordpress.org"]::before,
.construction_base_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.construction_base_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.construction_base_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.construction_base_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.construction_base_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.construction_base_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.construction_base_widget_social ul li a[href*="tiktok.com"]::before {
    content: "\e07b";
}

.construction_base_widget_social ul li a[href*="threads.com"]::before {
    content: "\e618";
}

.construction_base_widget_social ul li a[href*="bsky.app"]::before {
    content: "\e671";
}

.construction_base_widget_social ul li a[href*="t.me"]::before {
    content: "\f2c6";
}

.construction_base_widget_social ul li a[href*="line.me"]:before {
    content: "\f3c0";
}

.construction_base_widget_social ul li a[href*="discord.com"]:before,
.construction_base_widget_social ul li a[href*="discord.gg"]:before {
    content: "\f392";
}

.construction_base_widget_social ul li a[href*="vk.com"]:before {
    content: "\f189";
}

.construction_base_widget_social ul li a[href*="xing.com"]:before {
    content: "\f168";
}

.construction_base_widget_social ul li a[href*="tel:"]::before {
    content: "\f095";
}

.construction_base_widget_social ul li a[href*="spotify.com"]:before {
    content: "\f1bc";
}

.construction_base_widget_social ul li a[href*="snapchat.com"]:before {
    content: "\f2ab";
}

.construction_base_widget_social ul li a[href*="amazon.com"]:before {
    content: "\f270";
}

.construction_base_widget_social ul li a[href*="apple.com"]:before {
    content: "\f179";
}

.construction_base_widget_social ul li a[href*="bandcamp.com"]:before {
    content: "\f2d5";
}

.construction_base_widget_social ul li a[href*="behance.com"]:before {
    content: "\f1b4";
}

.construction_base_widget_social ul li a[href*="deviantart.com"]:before {
    content: "\f1bd";
}

.construction_base_widget_social ul li a[href*="etsy.com"]:before {
    content: "\f2d7";
}

/*social links hover effect */

.construction_base_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.construction_base_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.construction_base_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.construction_base_widget_social ul li a[href$="/feed"]:hover {
    background-color: #dc622c;
}

.construction_base_widget_social ul li a[href*="wordpress.org"]:hover,
.construction_base_widget_social ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}

.construction_base_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.construction_base_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.construction_base_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.construction_base_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.construction_base_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.construction_base_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.construction_base_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.construction_base_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.construction_base_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.construction_base_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.construction_base_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #000;
}

.construction_base_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.construction_base_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.construction_base_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.construction_base_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.construction_base_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.construction_base_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.construction_base_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.construction_base_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.construction_base_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.construction_base_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.construction_base_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.construction_base_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color: #4679bd;
}

.construction_base_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color: #86c171;
}

.construction_base_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #2d5be3;
}

.construction_base_widget_social ul li a[href*="angel.co"]:hover {
    background-color: #000;
}

.construction_base_widget_social ul li a[href*="slack.com"]:hover {
    background-color: #56b68b;
}

.construction_base_widget_social ul li a[href*="tiktok.com"]:hover {
    background-color: #000000;
}

.construction_base_widget_social ul li a[href*="threads.com"]:hover {
    background-color: #000000;
}

.construction_base_widget_social ul li a[href*="bsky.app"]:hover {
    background-color: #87CEEB;
}

.construction_base_widget_social ul li a[href*="t.me"]:hover {
    background-color: #25A3E1;
}

.construction_base_widget_social ul li a[href*="vk.com"]:hover {
    background-color: #0077FF;
}

.construction_base_widget_social ul li a[href*="xing.com"]:hover {
    background-color: #0698A0;
}

.construction_base_widget_social ul li a[href*="discord.com"]:hover,
.construction_base_widget_social ul li a[href*="discord.gg"]:hover {
    background-color: #515ADC;
}

.construction_base_widget_social ul li a[href*="line.me"]:hover {
    background-color: #089437;
}

.construction_base_widget_social ul li a[href*="spotify.com"]:hover {
    background-color: #1DB954;
}

.construction_base_widget_social ul li a[href*="snapchat.com"]:hover {
    background-color: #FFFC00;
}

.construction_base_widget_social ul li a[href*="amazon.com"]:hover {
    background-color: #FF9900;
}

.construction_base_widget_social ul li a[href*="apple.com"]:hover {
    background-color: #A2AAAD;
}

.construction_base_widget_social ul li a[href*="bandcamp.com"]:hover {
    background-color: #629AA9;
}

.construction_base_widget_social ul li a[href*="behance.com"]:hover {
    background-color: #1769FF;
}

.construction_base_widget_social ul li a[href*="deviantart.com"]:hover {
    background-color: #05CC47;
}

.construction_base_widget_social ul li a[href*="etsy.com"]:hover {
    background-color: #F1641E;
}

/*--------------------------------------------------------------
19.2 Service Widget
--------------------------------------------------------------*/

.construction_base_widget_services .service-block-item {
    float: left;
    padding: 25px;
    text-align: left;
    position: relative;
}

.construction_base_widget_services .inner-wrapper {
    margin-left: -25px;
    margin-right: -25px;
}

.service-block-inner-content {
    display: table;
}

.service-block-inner {
    background: #fff;
    padding: 40px 30px;
    box-shadow: 0 0 43px #f5f3f3;
    text-align: center;
}

.construction_base_widget_services .service-block-item a.service-icon {
    width: 80px;
    display: block;
    margin-right: 30px;
    margin-bottom: 15px;
    background-color: #fafafa;
    overflow: hidden;
    height: 80px;
    text-align: center;
    margin-top: 10px;
    color: #ffa60a;
    border-radius: 100%;
    transition: background 0.2s ease-in-out 0s;
    font-size: 36px;
    margin: 0 auto 20px;
    box-shadow: 0 3px 3px #d2d2d2;
    line-height: 2.2;
}

.construction_base_widget_services .service-block-item a.service-icon:hover {
    background-color: #fab702;
    color: #fff;
}

.construction_base_widget_services .service-item-title {
    margin-bottom: 5px;
}

.construction_base_widget_services .service-block-item {
    width: 33.33%;
}

.construction_base_widget_services .service-block-item p {
    margin-bottom: 10px;
}

/*widget on sidebar*/

.sidebar .construction_base_widget_services .service-block-item,
#footer-widgets .service-block-item {
    width: 100%;
}

.sidebar .construction_base_widget_services a.custom-button:hover {
    color: #fff;
}


/*--------------------------------------------------------------
19.3 Call To Action Widget
--------------------------------------------------------------*/

.construction_base_widget_call_to_action {
    position: relative;
    text-align: center;
}

#sidebar-front-page-widget-area .construction_base_widget_call_to_action,
.construction_base_widget_call_to_action {
    background: #fab702 none repeat scroll 0 0;
    padding: 85px 0;
    background-size: cover;
    position: relative;
    z-index: 9;
}

#sidebar-front-page-widget-area .overlay-enabled.construction_base_widget_call_to_action::before,
.overlay-enabled.construction_base_widget_call_to_action::before {
    background: rgba(0, 0, 0, 0.52);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    left: 0;
    opacity: 0.8;
}

#sidebar-front-page-widget-area .construction_base_widget_call_to_action .widget-title {
    color: #fff;
}

#sidebar-front-page-widget-area .construction_base_widget_call_to_action .call-to-action-description p {
    color: #e0e0e0;
    font-size: 16px;
}

.construction_base_widget_call_to_action .call-to-action-description {
    margin: 0 auto;
    max-width: 955px;
}

.construction_base_widget_call_to_action .separator {
    display: none;
}

.construction_base_widget_call_to_action a.button {
    color: #ffffff;
    display: inline-block;
}

.sidebar .construction_base_widget_call_to_action,
#footer-widgets .construction_base_widget_call_to_action {
    padding: 20px;
    background-size: 100%;
    color: #fff;
}

/*cta-1*/

#sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action,
.cta-layout-1 .construction_base_widget_call_to_action {
    background: #fab702;
    padding: 45px 0;
}

#sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action .call-to-action-content-wrap {
    text-align: left;
    display: inline-block;
    max-width: 60%;
}

#sidebar-front-page-widget-area .cta-layout-1 .widget-title {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: normal;
    letter-spacing: 1px;
}

#sidebar-front-page-widget-area .cta-layout-1 .widget-title::after,
#sidebar-front-page-widget-area .cta-layout-1 .widget-title::before {
    display: none;
}

#sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action .call-to-action-description p {
    color: #6f4b4b;
}



#sidebar-front-page-widget-area .cta-layout-1 .call-to-action-buttons {
    display: inline-block;
    margin-left: 30px;
}

a.custom-button.btn-call-to-action.button-primary {
    background: #fff;
    color: #222;
}

a.custom-button.btn-call-to-action.button-primary:hover {
    color: #fff;
}

a.custom-button.btn-call-to-action.button-secondary:after {
    background: #fff;
}

a.custom-button.btn-call-to-action.button-secondary:hover {
    color: #222;
}

#sidebar-front-page-widget-area .cta-layout-2 .widget-title::before {
    display: none;
}

.cta-layout-2 .call-to-action-main-wrap {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 50px;
}

#sidebar-front-page-widget-area .construction_base_widget_call_to_action.cta-layout-2 .widget-title {
    text-align: right;
}

#sidebar-front-page-widget-area .cta-layout-2 .widget-title::after {
    display: none;
}

#sidebar-front-page-widget-area .overlay-enabled.construction_base_widget_call_to_action.cta-layout-2::before {
    width: 50%;
}

/*--------------------------------------------------------------
19.4 Quick Contact Widget
--------------------------------------------------------------*/
.construction_base_widget_quick_contact .contact-info-wrapper::before {
    background: #fab702;
    content: "";
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    padding: 1px 5px;
    color: #232323;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    position: absolute;
    left: 0;
}

.construction_base_widget_quick_contact .contact-info-wrapper.info-phone::before {
    content: "\f095";
}

.construction_base_widget_quick_contact .contact-info-wrapper.info-fax::before {
    content: "\f1ac";
}

.construction_base_widget_quick_contact .contact-info-wrapper.info-address::before {
    content: "\f0ac";
}

.construction_base_widget_quick_contact .contact-info-wrapper.info-contact::before {
    content: "\f0e0";
}

.construction_base_widget_quick_contact .contact-info-wrapper {
    margin-bottom: 10px;
    position: relative;
    padding-left: 40px;
}

.construction_base_widget_quick_contact .construction_base_widget_quick_contact strong.contact-type {
    border-bottom: 1px solid rgba(238, 179, 19, 0.56);
}

.construction_base_widget_quick_contact strong.contact-type {
    border-bottom: 1px solid #fab702;
}

/*--------------------------------------------------------------
19.5 Testimonials Widget
--------------------------------------------------------------*/
#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider {
    position: relative;
    z-index: 99;
    background-color: #fab702;
    background-size: cover;
    background-attachment: fixed;
}

#sidebar-front-page-widget-area .overlay-enabled.construction_base_widget_testimonial_slider::before {
    background: #151515;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.7;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title,
#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-subtitle,
#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .message {
    float: left;
    width: 50%;
    clear: both;
    text-align: left;
    color: #fff;
    margin: 0;
    padding: 0 50px 0 0;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title::after,
#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title::before {
    display: none;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title {
    margin-bottom: 15px;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-subtitle {
    margin-bottom: 15px;
    font-size: 18px;
    font-style: italic;
    border-left: 5px solid #fab702;
    padding-left: 20px;
}

#sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .cycle-slideshow {
    float: right;
    width: 50%;
    margin-top: -90px;
    padding: 20px;
    margin-bottom: 40px;
}

.construction_base_widget_testimonial_slider {
    clear: both;
}

.construction_base_widget_testimonial_slider img {
    vertical-align: middle;
    border-radius: 100%;
    box-shadow: 0 4px 15px #dadada;
}

.construction_base_widget_testimonial_slider article {
    width: 100%;
    padding: 30px;
    display: none;
    background: rgb(255, 255, 255);
}

.construction_base_widget_testimonial_slider article.first {
    display: block;
}

.construction_base_widget_testimonial_slider .testimonial-thumb {
    float: left;
    max-width: 125px;
    z-index: 9999;
    position: relative;
    float: none;
    float: left;
    margin-right: 30px;
}

.construction_base_widget_testimonial_slider p.widget-subtitle {
    color: #fff;
}

.construction_base_widget_testimonial_slider .cycle-pager>span.cycle-pager-active,
.construction_base_widget_testimonial_slider .cycle-pager>span:hover {
    background: #232323;
}

.construction_base_widget_testimonial_slider .cycle-pager {
    bottom: -45px;
    clear: both;
    position: absolute;
    text-align: center;
    width: 100%;
}

.construction_base_widget_testimonial_slider .cycle-pager span {
    display: inline-block;
    padding: 5px 5px;
    cursor: pointer;
    background: transparent;
    margin: 5px;
    background: #fff;
    border-radius: 100%;
}

.construction_base_widget_testimonial_slider .testimonial-content-area>h4 {
    color: #504f4b;
    float: right;
    font-style: italic;
    font-size: 16px;
    margin: 0;
}

.construction_base_widget_testimonial_slider .testimonial-content-area {
    position: relative;
    text-align: left;
    display: table;
}

.construction_base_widget_testimonial_slider .testimonial-content-area p::before {
    color: #eaeaea;
    content: "\f10d";
    display: inline-block;
    font-family: Fontawesome;
    font-size: 21px;
    margin-right: 15px;
    line-height: 0;
}

.construction_base_widget_testimonial_slider .testimonial-excerpt>p {
    font-size: 15px;
    font-style: italic;
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.sidebar .construction_base_widget_testimonial_slider .cycle-pager span,
#footer-widget .construction_base_widget_testimonial_slider .cycle-pager span {
    border: 1px solid #fab702;
}

.sidebar .construction_base_widget_testimonial_slider,
#footer-widget .construction_base_widget_testimonial_slider {
    margin-bottom: 50px;
}

/*--------------------------------------------------------------
19.6 Recent Posts Widget
--------------------------------------------------------------*/

.construction_base_widget_recent_posts .recent-posts-title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    clear: none;
}

.construction_base_widget_recent_posts .recent-posts-meta {
    font-size: 14px;
}

.construction_base_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 20px;
}

.construction_base_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.recent-posts-thumb img {
    border-radius: 6px;
}

.construction_base_widget_recent_posts .recent-posts-date::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: 15px;
    margin-right: 8px;
    content: "\f017";
}

/*--------------------------------------------------------------
19.7. Latest News Widget
--------------------------------------------------------------*/

.construction_base_widget_latest_news {
    background: #f7f7f7;
}

.construction_base_widget_latest_news .latest-news-thumb a {
    position: relative;
    display: block;
    overflow: hidden;
}

.construction_base_widget_latest_news .latest-news-thumb a:before {
    content: "\f045";
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    top: 0;
    color: #fff;
    vertical-align: middle;
    top: 45%;
    text-align: center;
    z-index: 9;
    width: 100%;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}

.construction_base_widget_latest_news .latest-news-thumb a:hover:before {
    font-size: 32px;
}

.construction_base_widget_latest_news .latest-news-thumb a:after {
    bottom: 0;
    display: block;
    height: 0;
    width: 100%;
    background: #464444;
    position: absolute;
    opacity: 0.4;
    z-index: 8;
    content: "";
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.construction_base_widget_latest_news .latest-news-thumb a:hover:after {
    height: 100%;
}

.construction_base_widget_latest_news .latest-news-item {
    float: left;
    padding: 25px;
}

.construction_base_widget_latest_news .latest-news-text-wrap {
    background: #ffffff none repeat scroll 0 0;
    text-align: left;
    padding: 30px 39px 25px;
    box-shadow: 0 0 17px #ddd;
    position: relative;
}

.construction_base_widget_latest_news .latest-news-text-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    right: 40px;
    z-index: 9;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.latest-news-text-wrap .custom-button {
    margin-left: 0;
}

.construction_base_widget_latest_news .latest-news-wrapper {
    position: relative;
    transition: all 0.5s ease 0s;
    border-bottom: 5px solid transparent;

}

.construction_base_widget_latest_news .latest-news-title {
    line-height: 1.5;
    margin-bottom: 15px;
}

.construction_base_widget_latest_news .latest-news-title a {
    display: block;
}

.construction_base_widget_latest_news .latest-news-thumb {
    position: relative;
}

.construction_base_widget_latest_news .latest-news-thumb a {
    overflow: hidden;
    display: block;
    border-radius: 5px 5px 0 0;

}

.construction_base_widget_latest_news .latest-news-item img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.construction_base_widget_latest_news .latest-news-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}


.construction_base_widget_latest_news .latest-news-col-3 .latest-news-item {
    width: 33.33%;
}

.construction_base_widget_latest_news .latest-news-col-4 .latest-news-item {
    width: 25%;
}

.construction_base_widget_latest_news .latest-news-col-2 .latest-news-item {
    width: 50%;
}

.construction_base_widget_latest_news .latest-news-col-1 .latest-news-item {
    width: 100%;
}

.construction_base_widget_latest_news .latest-news-meta>span {
    font-size: 12px;
}

.construction_base_widget_latest_news .latest-news-meta .latest-news-comments {
    float: right;
}

.construction_base_widget_latest_news .latest-news-col-3 .latest-news-meta>span {
    font-size: 15px;
}

.construction_base_widget_latest_news .latest-news-summary>p {
    margin: 0;
}

.construction_base_widget_latest_news .latest-news-text-content {
    margin-bottom: 15px;
}

.construction_base_widget_latest_news .latest-news-date {
    background: #fab702;
    text-align: center;
    color: #fff;
    width: 70px;
    border-radius: 5px 5px 0 0;
}

.construction_base_widget_latest_news .latest-news-meta {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}

.construction_base_widget_latest_news .latest-news-meta span.news-meta-date {
    font-weight: bold;
    font-size: 23px;
    background: #fff;
    color: #232323;
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
}

.construction_base_widget_latest_news .latest-news-meta span {
    display: block;
    line-height: 1.3;
    padding: 10px 0;
}

.construction_base_widget_latest_news .latest-news-col-3 .latest-news-item:nth-child(3n+1) {
    clear: both;
}

.construction_base_widget_latest_news .latest-news-col-4 .latest-news-item:nth-child(4n+1) {
    clear: both;
}

/*sidebar and footer widget area style*/

#footer-widgets .construction_base_widget_latest_news .latest-news-widget .latest-news-item,
.sidebar .construction_base_widget_latest_news .latest-news-widget .latest-news-item {
    width: 100%;
}

.sidebar .construction_base_widget_latest_news .latest-news-widget,
#footer-widgets .construction_base_widget_latest_news .latest-news-widget {
    padding: 0 30px;
}


/*--------------------------------------------------------------
19.8. Features Widget
--------------------------------------------------------------*/

.construction_base_widget_features .features-column {
    width: 33%;
    float: left;
}

#sidebar-front-page-widget-area .widget.construction_base_widget_features {
    padding-bottom: 0;
}

.construction_base_widget_features .features-column.features-main-content-left {
    text-align: right;
}

.construction_base_widget_features .features-widget {
    padding: 30px 0 0;
    overflow: hidden;
}

.features-column.features-thumb-main {
    overflow: hidden;
    text-align: center;
    padding: 0 25px;
}

.features-column.features-thumb-main img {
    vertical-align: bottom;
}

.construction_base_widget_features .features-column.features-main-content-left .features-block-icon {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.construction_base_widget_features .widget-title {
    text-align: inherit;
}

.construction_base_widget_features .features-block-icon {
    float: left;
    width: 65px;
    display: table-cell;
    margin-right: 30px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
    height: 65px;
    padding: 18px 0;
    text-align: center;
    margin-top: 10px;
    color: #ffa60a;
    border-radius: 100%;
    transition: background 0.2s ease-in-out 0s;
    box-shadow: 0 3px 3px #d2d2d2;
}

.construction_base_widget_features .features-block-icon:hover {
    background-color: #ffa60a;
    color: #fff;

}

.construction_base_widget_features .features-block-icon i {
    font-size: 26px;
}

.construction_base_widget_features .features-block-list {
    margin-top: 45px;
}

.construction_base_widget_features .features-block-item {
    float: right;
    margin-bottom: 30px;
}

.construction_base_widget_features .features-block-inner-content {
    display: table;
}

.construction_base_widget_features .features-item-title {
    margin-bottom: 15px;
    line-height: 1.2;
}

.sidebar .construction_base_widget_features .features-column,
#fooer-widgets .construction_base_widget_features .features-column {
    width: 100%;
}

/*--------------------------------------------------------------
19.9. Features Pages Grid Widget
--------------------------------------------------------------*/



.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a {
    position: relative;
    display: block;
    overflow: hidden;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a:before {
    content: "\f045";
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    top: 0;
    color: #fff;
    vertical-align: middle;
    top: 45%;
    text-align: center;
    z-index: 9;
    width: 100%;
    font-size: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a:hover:before {
    font-size: 32px;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a:after {
    bottom: 0;
    display: block;
    height: 0;
    width: 100%;
    background: #fab702;
    position: absolute;
    opacity: 0.4;
    z-index: 8;
    content: "";
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a:hover:after {
    height: 100%;
}


.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item img {
    margin: 0;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-text-content {
    text-align: center;
    background-color: #fff;
    padding: 20px;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .item-title a {
    display: block;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb {
    position: relative;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-thumb>a {
    overflow: hidden;
    display: block;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .item-title {
    padding: 10px 15px;
    text-align: center;
    margin: 0;
    background: #fff;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-item-inner {
    box-shadow: 0 0 45px #f3f3f3;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-column-3 .grid-item:nth-child(3n+1) {
    clear: both;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-1 .grid-column-4 .grid-item:nth-child(4n+1) {
    clear: both;
}

.construction_base_widget_featured_pages_grid .grid-item {
    float: left;
    padding: 25px;
}

.construction_base_widget_featured_pages_grid .grid-column-3 .grid-item {
    width: 33.33%;
}

.construction_base_widget_featured_pages_grid .grid-column-4 .grid-item {
    width: 25%;
}

.construction_base_widget_featured_pages_grid .grid-column-2 .grid-item {
    width: 50%;
}

.construction_base_widget_featured_pages_grid .grid-column-1 .grid-item {
    width: 100%;
}

.construction_base_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(3n+1) {
    clear: both;
}

.construction_base_widget_featured_pages_grid .grid-column-4 .grid-item:nth-child(4n+1) {
    clear: both;
}

/*sidebar and footer widget area style*/

#footer-widgets .construction_base_widget_featured_pages_grid .grid-item,
.sidebar .construction_base_widget_featured_pages_grid .grid-item {
    width: 100%;
}

#footer-widgets .construction_base_widget_featured_pages_grid,
.sidebar .construction_base_widget_featured_pages_grid {
    padding: 15px;
}

#footer-widgets .construction_base_widget_featured_pages_grid .grid-item img,
.sidebar .construction_base_widget_featured_pages_grid .grid-item img {
    margin: 0 auto;
    width: 100%;
}

/*layout 2*/

.construction_base_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-inner {
    position: relative;
}

.construction_base_widget_featured_pages_grid h3.item-title {
    margin-bottom: 5px;
}

.construction_base_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-inner .grid-text-content {
    padding: 20px 30px 25px;
    position: absolute;
    bottom: 0;
    background: rgba(255, 254, 254, 0.9);
    width: 90%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    text-align: center;
}

.construction_base_widget_featured_pages_grid a.custom-button {
    margin: 0;
    padding: 7px 18px;
    min-width: auto;
    text-transform: capitalize;
}

/*--------------------------------------------------------------
19.10.Team Widget
--------------------------------------------------------------*/
.team-view-members .team-member-content {
    padding: 25px 0;
    border-top: none;
    background: #fff;
    box-shadow: 0 0 45px #f3f3f3;
}

.team-member-picture {
    box-shadow: 0 0 45px #f3f3f3;
}

.team-member-social-links ul li a::before {
    font-size: 14px;
}

.team-view-members {
    overflow: visible;
}

.team-member-social-links ul li a,
.widget .team-member-social-links ul li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 2.4;
    margin: 0 3px;
    border-radius: 100%;
    background: #f7f7f7;
    border: none;
    color: #424242;
}

.team-view-members .member-name {
    color: #000000;
    font-weight: 500;
}

.team-view-members .member-position {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 15px;
}

.team-view-members .tv_member,
.team-view-members .tv_member {
    padding: 25px;
}

.sidebar .team-view-members .tv_member,
#footer-widgets .team-view-members .tv_member {
    max-width: 100%;
    width: 300px;
    margin: 0 auto;
}

.team-view-members-inner {
    margin: 0 -25px;
}



/*--------------------------------------------------------------
19.11. Featured Page
--------------------------------------------------------------*/

#sidebar-front-page-widget-area .construction_base_widget_featured_page {
    background-color: whitesmoke;
}

#sidebar-front-page-widget-area .construction_base_widget_featured_page .widget-title::before {
    display: none;
}

#sidebar-front-page-widget-area .featured-page-widget.image-alignleft img {
    margin-right: 40px;
    vertical-align: middle;
    margin-bottom: 0;
    float: left;
    max-width: 50%;
}

#sidebar-front-page-widget-area .featured-page-widget .featured-page-content {
    display: table-cell;
    background-color: #fff;
    padding: 20px 35px;
}

#sidebar-front-page-widget-area .featured-page-widget.image-alignright img {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    float: right;
    max-width: 50%;
}

#sidebar-front-page-widget-area .featured-page-widget {
    display: table-cell;
}

.featured-page-widget.image-aligncenter.entry-content img {
    margin: 0 auto;
    display: block;
}

#sidebar-front-page-widget-area .featured-page-widget .widget-title {
    text-align: left;
}

#sidebar-front-page-widget-area .featured-page-widget .widget-title::after {
    margin: 5px 0;
}

#sidebar-front-page-widget-area .featured-page-widget .widget-subtitle {
    font-style: italic;
    font-size: 19px;
    color: #fab702;
    margin: 15px 0;
    text-align: left;
}

/*--------------------------------------------------------------
19.12. Portfolio
--------------------------------------------------------------*/
.construction_base_widget_portfolio .portfolio-filter {
    margin-bottom: 30px;
    text-align: center;
    border-radius: 5px;
}

.construction_base_widget_portfolio .portfolio-filter a {
    padding: 7px 20px;
    font-size: 15px;
    display: inline-block;
    background: #f9f7f7;
}

.construction_base_widget_portfolio .portfolio-container {
    margin-left: -5px;
    margin-right: -5px;
}

.construction_base_widget_portfolio .portfolio-filter a:hover,
.construction_base_widget_portfolio .portfolio-filter a.current {
    background: #fab702;
    color: #fff;
}

.construction_base_widget_portfolio .item-wrapper {
    position: relative;
    overflow: hidden;
}

.construction_base_widget_portfolio h3.portfolio-item-title {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(34, 34, 34, 0.21);
    margin: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-align: center;
}

.construction_base_widget_portfolio a.portfolio-thumb {
    position: relative;
    display: block;
}

#sidebar-front-page-widget-area .widget.construction_base_widget_portfolio {
    padding-bottom: 75px;
}

.construction_base_widget_portfolio a.portfolio-thumb {
    position: relative;
}

.construction_base_widget_portfolio .portfolio-item {
    padding: 5px;
}

.construction_base_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item {
    width: 33.33%;
}

.construction_base_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
    width: 25%;
}

.construction_base_widget_portfolio .item-wrapper img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
    width: 100%;
}

.construction_base_widget_portfolio .item-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.construction_base_widget_portfolio .portfolio-item-title a {
    color: #fff;
}

.single-project .gallery,
.single-project.has-gallery .gallery {
    width: auto;
    float: none;
    margin: 0 -5px;
    width: 100%;
}

.single-project .gallery a {
    display: block;
    max-width: 33.33%;
    float: left;
    padding: 5px;
}

.single-project .summary {
    margin: 0;
    padding: 40px;
    background: #fbfbfb;
    margin-bottom: 30px;
    width: 100%;
}

nav.projects-single-pagination {
    margin-top: 30px;
}

.project-meta .categories,
.project-meta .client,
.project-meta .url {
    float: left;
    width: 33%;
    text-align: left;
}

ul.single-project-categories {
    margin: 0;
}

.single-project-categories li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}

.single-project.no-gallery .summary .project-meta,
.single-project.has-gallery .gallery {
    width: 100%;
    float: right;
}

.single-project.no-gallery .summary .project_title,
.single-project.no-gallery .summary .single-project-description,
.single-project.has-gallery .summary {
    width: 100%;
    float: left;
}

.projects ul.projects li.project img,
.projects-page ul.projects li.project img {
    width: 100%;
}

/*--------------------------------------------------------------
20. Custom Woocommerce
--------------------------------------------------------------*/
.entry-content p.cart-empty {
    margin-bottom: 15px;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce span.onsale {
    background-color: orange;
}

.woocommerce .star-rating span:before {
    color: #fab702;
}

/*Woocommerce*/

.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0 0 45px #f3f3f3;
}

.woocommerce.woocommerce-product-grid-3 ul.products li.product {
    width: 30.23%;
}

.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: #fab702;
    color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 1px solid #fab702;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid #fab702;
}

.woocommerce.woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}

.woocommerce ul.products {
    margin: 0;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.woocommerce span.onsale {
    background-color: #ff7d3c;
    color: #ffffff;
    position: absolute;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.woocommerce ul.products li.product .onsale::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.woocommerce ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 45px #f3f3f3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 20px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 0px;
    z-index: 99;
    border-radius: 100%;
}

.woocommerce ul.products li.product h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products li.product .button::before {
    content: "\f217";
    display: inline;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 16px;
    margin-right: 10px;
}

.woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 35%;
}

.woocommerce ul.products li.product .button {
    margin: 5px 0 25px;
    padding: 10px 25px;
}

.woocommerce ul.products li.product:hover img {
    opacity: 0.7;
}

body.woocommerce .products .star-rating {
    font-family: star;
    font-size: 16px;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    margin: 15px auto 15px;
}

.woocommerce .star-rating::before {
    color: #fff;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.woocommerce ul.products li.product .price {
    color: #77a464;
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
}

.woocommerce #comments {
    margin-top: 0;
}

.woocommerce #primary .button,
.woocommerce #review_form #respond .form-submit input {
    background: #fab702;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    min-width: auto;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: capitalize;
}

.woocommerce #primary .button:hover,
.woocommerce #review_form #respond .form-submit input:hover {
    background-color: #232323;
}

.woocommerce .quantity .qty {
    height: 34px;
}

/*--------------------------------------------------------------
20.1. Woocommercce Product Grid widget
--------------------------------------------------------------*/

.construction-base-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.construction-base-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.construction-base-woocommerce ul.products li.product {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    margin: 0 25px 25px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 29.4%;
    clear: none;
    box-shadow: 0 0 45px #f3f3f3;
    border-radius: 0;
}

.construction-base-woocommerce.construction-base-woocommerce-product-grid-4 ul.products li.product:nth-child(4n+1) {
    clear: both;
}

.construction-base-woocommerce.construction-base-woocommerce-product-grid-3 ul.products li.product:nth-child(3n+1) {
    clear: both;
}

.construction-base-woocommerce.construction-base-woocommerce-product-grid-4 ul.products li.product {
    width: 21%;
}

h2.woocommerce-loop-product__title {
    font-size: 18px;
    padding: 0 15px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    margin: 0;
}

.construction-base-woocommerce ul.products {
    margin: 0;
}

.construction-base-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.construction-base-woocommerce span.onsale {
    background-color: #ff7d3c;
    color: #ffffff;
    position: absolute;
}

.construction-base-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.construction-base-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.construction-base-woocommerce ul.products li.product .onsale::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.construction-base-woocommerce ul.products li.product .onsale {
    border-radius: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 20px;
    padding: 5px 10px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 10px;
    z-index: 99;
    right: 10px;
}

.construction-base-woocommerce ul.products li.product h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
}

.construction-base-woocommerce ul.products li.product .button::before {
    content: "\f217";
    display: inline;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 16px;
    margin-right: 10px;
}

.construction-base-woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 35%;
}

.construction-base-woocommerce ul.products li.product .button {
    margin: 5px 0 25px;
    padding: 8px 15px;
    background: #fab702;
    color: #fff;
}

.construction-base-woocommerce ul.products li.product .button:hover {
    background-color: #fab702;
    border-color: #fab702;
}

.construction-base-woocommerce ul.products li.product:hover img {
    opacity: 0.7;
    background: #fab702;
}

.construction-base-woocommerce .star-rating {
    font-family: star;
    font-size: 16px;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    margin: 15px auto 15px;
    position: absolute;
    top: 10px;
    left: 25px;
}

.construction-base-woocommerce .star-rating::before {
    color: #fff;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.construction-base-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.construction-base-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.construction-base-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.construction-base-woocommerce .woocommerce-product-rating::after,
.construction-base-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.construction-base-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.construction-base-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.construction-base-woocommerce ul.products li.product .price {
    color: #77a464;
    font-size: 14px;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
}

.sidebar .construction-base-woocommerce ul.products li:before,
.footer-widgets .construction-base-woocommerce ul.products li:before {
    display: none;
}

.sidebar .construction_base_widget_products_grid .inner-wrapper,
.sidebar .construction_base_widget_products_grid .inner-wrapper,
#footer-widgets .construction_base_widget_products_grid .inner-wrapper,
#footer-widgets .construction_base_widget_products_grid .inner-wrapper {
    margin: 0;
}

.sidebar .construction-base-woocommerce ul.products li.product,
.sidebar .construction-base-woocommerce-page ul.products li.product,
#footer-widgets .construction-base-woocommerce ul.products li.product,
#footer-widgets .construction-base-woocommerce-page ul.products li.product {
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
}

/*--------------------------------------------------------------
##  Media Queries By WEN Themes
--------------------------------------------------------------*/
/* Smaller than standard 1400 (devices and browsers) */
@media only screen and (max-width:1400px) {
    .container {
        max-width: 1270px;
    }
}

/* Smaller than standard 1300 (devices and browsers) */
@media only screen and (max-width:1300px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 13px;
    }

    .container {
        width: 97%;
        padding: 0 15px;
    }

    .inner-wrapper,
    .team-view-members-inner {
        margin: 0 -15px;
    }

    #sidebar-front-page-widget-area .widget {
        padding: 40px 0;
        margin: 0;
    }

    .construction_base_widget_featured_pages_grid .grid-item,
    .construction_base_widget_news_events .featured-news-events .recent-news,
    .construction_base_widget_news_events .featured-news-events .recent-events,
    .construction_base_widget_latest_news .latest-news-item,
    .team-view-members .tv_member,
    .team-view-members .tv_member,
    .construction_base_widget_services .service-block-item {
        padding: 15px;
    }

    #sidebar-front-page-widget-area .construction_base_widget_call_to_action,
    .construction_base_widget_call_to_action {
        padding: 40px 0;
        background-size: 100%;
    }

    .construction-base-woocommerce ul.products li.product {
        margin: 0 15px 15px;
        width: 30.3%;
    }

    .site-header {
        padding: 10px 0 10px;
    }


    .header-search-box .search-form {
        max-width: 500px;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        visibility: visible;
    }

    #main-slider h3 {
        font-size: 45px;
    }

    #main-slider .cycle-prev,
    #main-slider:hover .cycle-prev {
        left: 1%;
    }

    #main-slider .cycle-next,
    #main-slider:hover .cycle-next {
        right: 1%;
    }

    .custom-button,
    .custom-button:visited {
        padding: 10px 25px;
        min-width: 135px;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
    .main-navigation ul>li ul {
        display: none;
        opacity: 1;
        visibility: visible;
    }

    .main-navigation ul>li:hover>ul {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {
    .custom-logo-link img {
        vertical-align: middle;
        max-width: 80px;
    }

    #main-slider .cycle-caption {
        max-width: 75%;
    }

    #sidebar-front-page-widget-area .widget,
    #sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action,
    .cta-layout-1 .construction_base_widget_call_to_action {
        padding: 20px 0;
        margin: 0;
    }

    #sidebar-front-page-widget-area .cta-layout-1.construction_base_widget_call_to_action .call-to-action-content-wrap {
        text-align: left;
        display: inline-block;
        max-width: 100%;
    }

    #sidebar-front-page-widget-area .cta-layout-1 .widget-title {
        text-align: center;
    }

    #sidebar-front-page-widget-area .widget-subtitle {
        max-width: 100%;
    }

    .construction_base_widget_portfolio h3.portfolio-item-title {
        font-size: 20px;
    }

    .construction_base_widget_latest_news .latest-news-text-wrap {
        padding: 20px;

    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }

    body {
        padding-top: 0;
    }

    #page {
        margin-top: 45px;
    }

    #main-nav {
        display: none;
    }

    .enabled-sticky-primary-menu.sidr-open #masthead.fixed {
        position: relative;
        top: 89px;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        top: 39px;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed {
        top: 93px;
    }

    .sidr-open #mobile-trigger {
        transition: inherit;
    }

    #mobile-trigger {
        background: #000000 none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logged-in #mobile-trigger {
        top: 32px;
    }

    .sidr-open #mobile-trigger {
        padding-left: 275px;
        text-align: left;
        transition: inherit;
    }

    #masthead {
        text-align: center;
    }

    .site-branding {
        float: none;
        margin-right: 0;
    }

    .custom-logo-link {
        max-width: inherit;
    }

    #mobile-trigger i {
        background-color: #fab702;
        border: 2px solid #fffffe;
        box-shadow: 0 1px 2px #000000;
        color: #ffffff;
        font-size: 21px;
        padding: 7px 10px;
    }

    .sidr ul li ul li a,
    .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }

    #primary,
    .sidebar {
        width: 100%;
    }


    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary,
    body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .construction_base_widget_recent_posts .recent-posts-item {
        clear: both;
        float: left;
        margin-top: 30px;
        width: 100%;
    }

    .construction_base_widget_features .features-column {
        width: 100%;
        float: left;
        padding: 0 15px;
    }

    .construction_base_widget_features .features-column .features-block-icon {
        margin-top: 15px;
    }

    .construction_base_widget_features .features-block-item {
        margin-top: 30px;
        float: left;
    }

    #main-slider h3 {
        font-size: 35px;
        margin: 0;
    }

    #main-slider p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .construction_base_widget_featured_pages_grid .grid-column-4 .grid-item,
    .construction_base_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 50%;
    }

    #footer-contact-section .quick-contact .quick-contact-item i {
        font-size: 20px;
        padding: 7px 0;
        width: 35px;
        height: 35px;
        float: none;
        margin: 0 auto 15px;
    }

    .construction_base_widget_features .features-widget {
        padding: 0;
    }

    .slider-buttons a {
        padding: 10px 20px;
        font-size: 14px;
        text-transform: uppercase;
    }

    .quick-contact-inner {
        float: none;
        text-align: center;
        width: 100%;
    }

    #sidebar-front-page-widget-area .featured-page-widget .featured-page-content {
        display: block;
        padding: 20px 35px;
        clear: both;
        width: 100%;
    }

    #sidebar-front-page-widget-area .featured-page-widget {
        padding: 0;
    }

    #sidebar-front-page-widget-area .featured-page-widget.image-alignleft img,
    #sidebar-front-page-widget-area .featured-page-widget.image-alignright img {
        margin-right: 0;
        vertical-align: middle;
        margin-bottom: 0;
        float: none;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .quick-contact-item h4::after {
        width: 100%;
    }

    .construction-base-woocommerce ul.products li.product {
        margin: 0 15px 15px;
        width: 29%;
    }

    #colophon .colophon-column-left,
    #colophon .colophon-column-right {
        float: left;
        width: 100%;
        text-align: center;
    }

    .construction_base_widget_featured_pages_grid .featured-pages-layout-2 .grid-item-inner .grid-text-content {
        position: inherit;
        bottom: 0;
        top: inherit;
        clear: both;
        width: 100%;
        left: 0;
    }

    #sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-title,
    #sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .widget-subtitle,
    #sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .message {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 0 0;
    }

    #sidebar-front-page-widget-area .construction_base_widget_testimonial_slider .cycle-slideshow {
        float: left;
        width: 100%;
        margin-top: 16px;
        padding: 20px;
        margin-bottom: 40px;
    }

    .construction_base_widget_features .features-block-item {
        margin-top: 20px;
        float: left;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:782px) {
    .logged-in #mobile-trigger {
        top: 45px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

    #quick-contact,
    .header-social-wrapper .construction_base_widget_social {
        text-align: center;
        width: 100%;
    }

    #tophead .header-social-wrapper {
        float: none;
        border-top: 1px solid #515151;
        margin-top: 5px;
        clear: both;
    }

    #quick-contact li,
    .header-social-wrapper .construction_base_widget_social li {
        display: inline-block;
        float: none;
    }

    .header-search-box .search-form {
        max-width: 280px;
    }

    .header-search-box .search-form .search-submit {
        float: right;
        display: block;
        position: inherit;
        padding: 15px;
    }

    .header-search-box .search-form input.search-field {
        width: 66%;
    }

    .site-branding {
        float: left;
        text-align: left;
    }

    #quick-contact li,
    .header-social-wrapper .construction_base_widget_social li {
        display: inline-block;
        float: none;
        border: none !important;
        padding: inheritx;
    }


    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-branding {
        text-align: left;
    }

    .site-content {
        padding-top: 15px;
    }

    /*featured slider style*/

    #main-slider .cycle-caption h3 {
        font-size: 24px;
        line-height: 1.5;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #main-slider .cycle-pager {
        bottom: 0;
    }

    .site-title {
        font-size: 24px;
    }

    .custom-button,
    .custom-button:visited {
        font-size: 14px;
        padding: 5px 20px;
        text-transform: inherit;
        min-width: inherit;
    }

    .caption-alignment-center .slider-buttons a.custom-button {
        margin: 0 15px;
    }

    #main-slider .cycle-caption.caption-alignment-center {
        text-align: center;
        left: 10%;
    }

    #main-slider .cycle-caption {
        width: 80%;
        max-width: 80%;
        left: 10%;
        right: 10%;
    }

    #content {
        clear: both;
        padding-top: 20px;
    }

    #sidebar-front-page-widget-area {
        clear: both;
    }

    .construction_base_widget_portfolio .portfolio-filter a {
        padding: 4px 14px;
        font-size: 12px;
        margin-top: 5px;
    }

    .construction_base_widget_portfolio h3.portfolio-item-title {
        padding: 10px;
        font-size: 17px;
        font-weight: normal;
    }

    /*sidebar layout*/

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    .widget.construction_base_widget_services .service-block-item {
        width: 100%;
    }

    .construction_base_widget_latest_news .latest-news-widget .latest-news-item {
        width: 50%;
    }

    .construction_base_widget_products_grid .construction-base-woocommerce ul.products li.product {
        width: 44%;
    }

    .construction_base_widget_latest_news .latest-news-widget .latest-news-item:nth-child(3n+1),
    .widget.construction_base_widget_products_grid .construction-base-woocommerce ul.products li.product:nth-child(3n+1) {
        clear: inherit;
    }

    .construction_base_widget_latest_news .latest-news-widget .latest-news-item:nth-child(2n+1),
    .widget.construction_base_widget_products_grid .construction-base-woocommerce ul.products li.product:nth-child(2n+1) {
        clear: both;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }


    #footer-navigation {
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    #custom-header {
        background-repeat: no-repeat;
        background-size: cover !important;
        padding: 45px 0 43px;
    }

    #custom-header .page-title {
        font-size: 32px;

    }

    .construction_base_widget_featured_pages_grid .featured-pages-grid .grid-item {
        width: 50%;
    }

    .construction_base_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(3n+1) {
        clear: inherit;
    }

    .construction_base_widget_featured_pages_grid .grid-column-3 .grid-item:nth-child(2n+1) {
        clear: both;
    }

    #sidebar-front-page-widget-area .widget {
        padding: 30px 0;
        margin: 0;
    }

    #sidebar-front-page-widget-area .widget-subtitle {
        margin: 0 auto 15px;
    }

    .construction_base_widget_testimonial_slider .testimonial-content-area {
        max-width: 100%;

    }

    #sidebar-front-page-widget-area .cta-layout-2 a.custom-button {
        padding: 10px 27px;
    }

    .alignment-left img,
    .alignment-right img {
        max-width: 50%;
    }

    .alignment-right .entry-content-wrapper,
    .alignment-left .entry-content-wrapper {
        display: block;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .construction_base_widget_services .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .header-search-box .search-box-wrap {
        width: 260px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:550px) {
    .entry-content-wrapper {
        padding-left: 0;
        border-left: none;
        padding-top: 0;
    }

    .construction-base-woocommerce ul.products li.product {
        max-width: 300px;
        margin: 10px;
        float: left;
    }

    .construction_base_widget_latest_news .latest-news-widget .latest-news-item {
        width: 100%;
    }

    .site-branding {
        text-align: center;
        width: 100%;
        float: none;
    }

    .custom-logo-link {
        max-width: inherit;
        float: none;
        display: block;
    }

    .construction_base_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item,
    .construction_base_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
        width: 50%;
    }

    #sidebar-front-page-widget-area .overlay-enabled.construction_base_widget_call_to_action.cta-layout-2::before {
        width: 100%;
    }

    .cta-layout-2 .call-to-action-main-wrap {
        float: left;
        width: 100%;
        text-align: center;
        padding-right: 0;
        float: none;
    }

    #sidebar-front-page-widget-area .construction_base_widget_call_to_action.cta-layout-2 .widget-title {
        text-align: center;
        margin-bottom: 15px;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #custom-header {
        background-repeat: no-repeat;
        padding: 25px 0 30px;
    }

    .page-title {
        font-size: 30px;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed,
    .enabled-sticky-primary-menu #masthead.fixed,
    .site-header {
        position: inherit;
        padding: 15px 0;
        top: 0;
    }

    #main-slider .cycle-caption h3 {
        font-size: 18px;
    }

    #main-slider .cycle-pager {
        display: none;
    }

    #main-slider .cycle-prev,
    #main-slider .cycle-next {
        font-size: 19px;
        height: 30px;
        width: 25px;
        padding: 0;
        line-height: 1.6;
    }

    .service-block-inner {
        padding: 20px;
    }

    #main-slider h3 {
        padding: 0 10px;
    }

    #main-slider .cycle-caption h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .slider-buttons a.custom-button {
        padding: 6px 16px;
        font-size: 13px;
    }

    .alignment-left img,
    .alignment-right img {
        max-width: 100%;
        margin: 0 0 15px;

    }

    .alignment-right .entry-content-wrapper,
    .alignment-left .entry-content-wrapper {
        display: block;
    }

    .header-content {
        z-index: 999;
        position: relative;
        padding: 0;
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {

    .entry-content-wrapper {
        padding-left: 0;
        border-left: none;
        padding-top: 0;
    }

    #main-slider .slider-buttons {
        display: none;
    }

    .construction_base_widget_portfolio .portfolio-wrapper-col-3 .portfolio-item,
    .construction_base_widget_portfolio .portfolio-wrapper-col-4 .portfolio-item {
        width: 100%;
    }

    .construction-base-woocommerce ul.products li.product {
        max-width: 300px;
        margin: 15px auto 15px;
        width: 100%;
        float: none;
    }

    .construction_base_widget_featured_pages_grid .featured-pages-grid .grid-item {
        width: 100%;
    }

    .team-view-members .team-view-members-inner .team-view-members-items .tv_member,
    .team-view-members .team-view-members-inner .team-view-members-items.column-1 .tv_member {
        max-width: 100%;
        width: 300px;
        margin: 0 auto 15px;
        float: none;
        padding: 0;
    }

    .comment .reply {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    ol.comment-list .children {
        padding-left: 0;
    }

    .navigation .nav-links .nav-previous,
    .navigation .nav-links .nav-next {
        width: 100%;
        text-align: center;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .site-description {
        margin-bottom: 0;
    }

    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }


    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }

    .widget.construction_base_widget_services .service-block-item {
        width: 100%;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }


    .construction_base_widget_products_grid .construction-base-woocommerce ul.products li.product {
        width: 285px;
        margin: 0;
        float: none;
        margin: 0 auto 15px;
        display: block;
    }
}

/*** Block Styles ***/

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
    font-style: italic;
    margin-bottom: 1.5em;
    text-align: left;
}

hr.wp-block-separator {
    background: none;
    border-bottom-width: 1px;
}

.wp-block-gallery {
    margin: 0;
    margin-bottom: 15px;
}

.wp-block-gallery.alignleft,
.wp-block-gallery.alignnone,
.wp-block-gallery.aligncenter,
.wp-block-gallery.alignright {
    display: flex;
}

.wp-block-gallery figcaption {
    font-style: italic;
}

p.has-drop-cap:not(:focus)::first-letter {
    font-size: 5em;
    margin-top: 0.075em;
}

.wp-block-image {
    margin-bottom: 1.5em;
}

.wp-block-image figure {
    margin-bottom: 0;
    margin-top: 0;
}

.wp-block-image figure.alignleft {
    margin-right: 1.5em;
}

.wp-block-image figure.alignright {
    margin-left: 1.5em;
}

.wp-block-audio audio {
    display: block;
    width: 100%;
}

.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
    display: flex;
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 5px solid #fab702;
}

.wp-block-quote.is-style-large {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
}

.wp-block-pullquote blockquote {
    margin: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    border: none;
    background: #fab702;
    padding: 30px;
}
/*================================================================
========================= Style Ends =============================
================================================================= */