.tstk-navbar ul ul,
.tstk-navbar ul ul:before {
    background-color: #f6f6f6;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}
.tstk-title-bar-wrapper,
.tstk-title-bar-wrapper.tstk-bg-color-custom:before {
    background-color: #f6f6f6;
    background-image: url("../images/sobre.jpg"); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}
.site-footer,
.site-footer.tstk-bg-color-custom:before {
    background-color: #202426;
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}
.tstk-footer-widget-area,
.tstk-footer-widget-area.tstk-bg-color-custom:before {
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}
.tstk-footer-text-area,
.tstk-footer-text-area.tstk-bg-color-custom:before {
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}
.error404 .site-content-wrap,
.error404 .tstk-bg-color-custom > .site-content-wrap:before {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../images/404-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: scroll;
}
body {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #7a8699;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
}
h1 {
    font-family: Maven Pro, sans-serif;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
h2 {
    font-family: Maven Pro, sans-serif;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
h3 {
    font-family: Maven Pro, sans-serif;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
h4 {
    font-family: Maven Pro, sans-serif;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
h5 {
    font-family: Maven Pro, sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
h6 {
    font-family: Maven Pro, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-heading-subheading .tstk-element-title {
    font-family: Maven Pro, sans-serif;
    font-size: 42px;
    line-height: 48px;
    letter-spacing: -0.5px;
    color: #222631;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
}
.tstk-heading-subheading .tstk-element-subtitle {
    font-family: Lato, sans-serif;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.5px;
    color: #222631;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}
.tstk-ihbox.tstk-ihbox-style-hsbox .tstk-ihbox-content {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0px;
    color: #7a8699;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
}
.widget-title {
    font-family: Maven Pro, sans-serif;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #222631;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-service-btn a,
.elementor-widget-button .elementor-button,
.tstk-ptable-btn a,
.tstk-read-more-link a,
.tstk-header-button a,
.tstk-service-btn,
.tstk-ihbox-btn,
.woocommerce .woocommerce-message .button,
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: Maven Pro, sans-serif;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
}
.elementor-progress-percentage,
.tstk-pricing-table-box .tstk-ptable-line,
.tstk-sortable-list a,
.tstk-pricing-table-box .themestek-ptable-price-w,
.elementor-widget-progress .elementor-title {
    font-family: Maven Pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.tstk-slider-bottom-contact-info .tstk-contact-normal-text,
.tstk-ihbox-style-3 .tstk-ihbox-icon-type-text,
.tstk-ihbox-style-4 .tstk-ihbox-box-number,
.tstk-portfolio-line-title,
.tstk-team-single-style-1 .tstk-single-team-info li label,
.widget .download .item-download a,
.tstk-tabs .tstk-tabs-heading li,
#menu-anchor-menu li a,
.tstk-header-style-3 .tstk-header-phone-box a,
.tstk-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color):after,
.post-navigation .nav-links .nav-title,
.post-navigation .nav-links .nav-title,
.site-content .tstk_widget_list_all_posts ul > li a,
.tstk-team-single-style-1 .tstk-team-designation {
    font-family: Maven Pro, sans-serif;
    font-weight: 900;
    font-style: normal;
}
blockquote {
    font-family: Lato, sans-serif;
    font-weight: 300;
    font-style: normal;
}
.tstk-header-box-title {
    font-family: Maven Pro, sans-serif;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #20232c;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-header-box-content {
    font-family: Lato, sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #7a8699;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
}
.tstk-navbar div > ul > li > a {
    font-family: Maven Pro, sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #ffffff;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-navbar ul ul a {
    font-family: Maven Pro, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #202426;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-tbar-title {
    font-family: Maven Pro, sans-serif;
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-tbar-subtitle {
    font-family: Maven Pro, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    font-style: normal;
}
.tstk-breadcrumb,
.tstk-breadcrumb a {
    font-family: Maven Pro, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
}
.tstk-breadcrumb a {
    font-family: Maven Pro, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
}
/* --------------------------------------
 * Custom background color and text color
 * ---------------------------------------*/
/* Custom preheader background color */
.tstk-pre-header-wrapper.tstk-bg-color-custom {
    background-color: #ff5e15;
}
/* Custom Header background color */
.tstk-header-wrapper.tstk-bg-color-custom {
    background-color: #ffffff;
}
/* Custom Menu area background color */
.tstk-header-menu-area.tstk-bg-color-custom {
    background-color: #ffffff;
}
/* sticky-header-background-color */
.tstk-sticky-header.tstk-sticky-bg-color-custom {
    background-color: #ffffff;
}
/* Custom Menu text color */
.tstk-sticky-header .tstk-navbar div > ul > li > a {
    color: #222631;
}

/* --------------------------------------
 * A tag
 * ---------------------------------------*/
a {
    color: #222631;
}
a:hover {
    color: #5183fe;
}

/* --------------------------------------
 * site-title
 * ---------------------------------------*/
.site-title {
    height: 115px;
}

.site-title img.tstk-responsive-logo {
    max-height: 50px;
}

.site-title img.tstk-header-five-logo {
    max-height: 50px;
}

/* --------------------------------------
 * Titlebar
 * ---------------------------------------*/
.tstk-title-bar-content,
.tstk-title-bar-wrapper {
    min-height: 500px;
}
.tstk-color-globalcolor,
.tstk-globalcolor,
.globalcolor {
    color: #5183fe;
}
.tstk-bg-color-globalcolor.tstk-title-bar-wrapper:before,
.themestek-ele-team .themestek-overlay {
    background-color: rgba(21, 177, 192, 0.5);
}

/* =======================================================
 * Row / Colum Background Base Css
 * =======================================================*/

.elementor-section.elementor-top-section.tstk-bg-image-over-color.tstk-bgimage-yes:before,
.elementor-column.elementor-top-column.tstk-bgimage-yes.tstk-bg-image-over-color > .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-bg-image-over-color > .elementor-column-wrap:before,
.elementor-column.elementor-inner-column.tstk-bg-image-over-color > .elementor-column-wrap:before,
.elementor-element.elementor-section.elementor-inner-section.tstk-bg-image-over-color.tstk-bgimage-yes:before {
    background-color: transparent !important;
}

/* --------------------------------------
 * Row Colum - Global BG Color
 * ---------------------------------------*/

/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-globalcolor,
.elementor-section.elementor-top-section.tstk-elementor-bg-color-globalcolor:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-globalcolor {
    background-color: #5183fe;
}

/*--- First Colum BG - ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor:not(.tstk-bgimage-yes) .elementor-column-wrap > .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor.tstk-bg-image-over-color .elementor-column-wrap > .tstk-stretched-div,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor:not(.tstk-col-stretched-yes) > .elementor-column-wrap,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) > .elementor-column-wrap,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-globalcolor.tstk-bg-image-over-color:before,

/*--- Second Colum BG - ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-globalcolor:not(.tstk-bgimage-yes) > .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-globalcolor.tstk-bg-image-over-color > .elementor-column-wrap {
    background-color: #5183fe !important;
}

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-globalcolor.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor.tstk-bgimage-yes:not(.tstk-col-stretched-yes) > .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor.tstk-bgimage-yes:not(.tstk-bg-image-over-color) .elementor-column-wrap .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-globalcolor .elementor-column-wrap .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-globalcolor.tstk-bg-color-over-image:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-globalcolor.tstk-bgimage-yes > .elementor-column-wrap:before {
    background-color: rgba(21, 177, 192, 0.9);
}

/* End --- Row Colum - Global BG Color */

/* --------------------------------------
 * Row Colum - Light BG Color
 * ---------------------------------------*/
/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-light,
.elementor-section.elementor-top-section.tstk-elementor-bg-color-light:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-light {
    background-color: #f3f6f8;
}

/*--- First Colum BG - ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light:not(.tstk-bgimage-yes) .elementor-column-wrap > .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light.tstk-bg-image-over-color .elementor-column-wrap > .tstk-stretched-div,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-light:not(.tstk-col-stretched-yes) > .elementor-column-wrap,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) > .elementor-column-wrap,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-light.tstk-bg-image-over-color:before,

/*--- Second Colum BG - ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-light:not(.tstk-bgimage-yes) > .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-light.tstk-bg-image-over-color > .elementor-column-wrap {
    background-color: #f3f6f8 !important;
}

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-light.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light.tstk-bgimage-yes:not(.tstk-col-stretched-yes) > .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light.tstk-bgimage-yes:not(.tstk-bg-image-over-color) .elementor-column-wrap .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-light .elementor-column-wrap .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-light.tstk-bg-color-over-image:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-light.tstk-bgimage-yes > .elementor-column-wrap:before {
    background-color: rgba(243, 246, 248, 0.9);
}
/* End --- Row Colum - Light BG Color */

/* --------------------------------------
 * Row Colum - Secondary BG Color
 * ---------------------------------------*/
/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-secondary,
.elementor-section.elementor-top-section.tstk-elementor-bg-color-secondary:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-secondary {
    background-color: #222631;
}

/*--- First Colum BG - ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary:not(.tstk-bgimage-yes) .elementor-column-wrap > .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary.tstk-bg-image-over-color .elementor-column-wrap > .tstk-stretched-div,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary:not(.tstk-col-stretched-yes) > .elementor-column-wrap,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) > .elementor-column-wrap,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-secondary.tstk-bg-image-over-color:before,

/*--- Second Colum BG - ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-secondary:not(.tstk-bgimage-yes) > .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-secondary.tstk-bg-image-over-color > .elementor-column-wrap {
    background-color: #222631 !important;
}

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-secondary.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary.tstk-bgimage-yes:not(.tstk-col-stretched-yes) > .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary.tstk-bgimage-yes:not(.tstk-bg-image-over-color) .elementor-column-wrap .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-secondary .elementor-column-wrap .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-secondary.tstk-bg-color-over-image:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-secondary.tstk-bgimage-yes > .elementor-column-wrap:before {
    background-color: rgba(34, 38, 49, 0.9);
}

/* End --- Row Colum - Light BG Color */

/* --------------------------------------
 * Row Colum - Blackish BG Color
 * ---------------------------------------*/
/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-blackish,
.elementor-section.elementor-top-section.tstk-elementor-bg-color-blackish:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-blackish {
    background-color: #222631;
}

/*--- First Colum BG - ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish:not(.tstk-bgimage-yes) .elementor-column-wrap > .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish.tstk-bg-image-over-color .elementor-column-wrap > .tstk-stretched-div,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish:not(.tstk-col-stretched-yes) > .elementor-column-wrap,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) > .elementor-column-wrap,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-blackish.tstk-bg-image-over-color:before,

/*--- Second Colum BG - ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-blackish:not(.tstk-bgimage-yes) > .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-blackish.tstk-bg-image-over-color > .elementor-column-wrap {
    background-color: #222631 !important;
}

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-blackish.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish.tstk-bgimage-yes:not(.tstk-col-stretched-yes) > .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish.tstk-bgimage-yes:not(.tstk-bg-image-over-color) .elementor-column-wrap .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-blackish .elementor-column-wrap .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-blackish.tstk-bg-color-over-image:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-blackish.tstk-bgimage-yes > .elementor-column-wrap:before {
    background-color: rgba(34, 38, 49, 0.9);
}
/* End --- Row Colum - Blackish BG Color */

/* --------------------------------------
 * Row Colum - White BG Color
 * ---------------------------------------*/
/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-white,
.elementor-section.elementor-top-section.tstk-elementor-bg-color-white:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-white {
    background-color: #ffffff;
}

/*--- First Colum BG - ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white:not(.tstk-bgimage-yes) .elementor-column-wrap > .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white.tstk-bg-image-over-color .elementor-column-wrap > .tstk-stretched-div,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-white:not(.tstk-col-stretched-yes) > .elementor-column-wrap,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) > .elementor-column-wrap,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-white.tstk-bg-image-over-color:before,

/*--- Second Colum BG - ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-white:not(.tstk-bgimage-yes) > .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-white.tstk-bg-image-over-color > .elementor-column-wrap {
    background-color: #ffffff !important;
}

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-white.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white.tstk-bgimage-yes:not(.tstk-col-stretched-yes) > .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white.tstk-bgimage-yes:not(.tstk-bg-image-over-color) .elementor-column-wrap .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-white .elementor-column-wrap .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-white.tstk-bg-color-over-image:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-white.tstk-bgimage-yes > .elementor-column-wrap:before {
    background-color: rgba(255, 255, 255, 0.9);
}
/* End --- Row Colum - White BG Color */

/* --------------------------------------
 * Row Colum - Gradient BG Color
 * ---------------------------------------*/

/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:before,

/*--- First RoW BG ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-gradient:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bg-image-over-color .tstk-stretched-div,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bg-image-over-color:not(.tstk-col-stretched-yes) .elementor-column-wrap,

.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:not(.tstk-col-stretched-yes) .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes .tstk-stretched-div:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient .tstk-bgimage-yes.tstk-stretched-div:before,

/*--- Second RoW BG - with image ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:before,

/*--- Second RoW BG ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-gradient:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-gradient.tstk-bg-image-over-color .elementor-column-wrap,
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes .elementor-column-wrap:before {
    background-image: -ms-linear-gradient(right, #222631 0%, #222631 100%);
    background-image: linear-gradient(to right, #222631, #222631);
}

/*--- First Colum BG - ---*/
/* .elementor-column.elementor-inner-column.tstk-elementor-bg-color-gradient:not(.tstk-bgimage-yes) .tstk-stretched-div {
    background-image: -ms-linear-gradient(right, #222631 0%, #222631 100%) !important;
    background-image: linear-gradient(to right, #222631, #222631) !important;
}
 */
/*--- First RoW BG - with image ---*/
.elementor-section.elementor-top-section.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:before,

/*--- First Colum BG - with image ---*/
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:not(.tstk-col-stretched-yes) .elementor-column-wrap:before,
.elementor-column.elementor-top-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes .tstk-stretched-div:before,

/*--- Second RoW BG - with image ---*/
.elementor-section.elementor-inner-section.tstk-elementor-bg-color-gradient.tstk-bgimage-yes:before,

/*--- Second Colum BG - with image ---*/
.elementor-column.elementor-inner-column.tstk-elementor-bg-color-gradient.tstk-bgimage-yes .elementor-column-wrap:before {
    opacity: 0.5;
}

/* End --- Row Colum - Gradient BG Color */

/* =======================================================
 * Base Css
 * =======================================================*/

/* --------------------------------------
 * Global Color
 * ---------------------------------------*/

/*--- Global BG Color ---*/

.wp-block-button__link:hover,
.is-style-outline a.wp-block-button__link:hover,
.wp-block-search .wp-block-search__button,
.tstk-team-form button:hover,
.wp-block-tag-cloud a:hover,
.footer-wrap .widget_tag_cloud a:hover,
.tstk-btn-style-flat.tstk-btn-color-blackish .elementor-button:hover,
.post.sticky .tstk-blog-classic:after,
.nav-links .page-numbers:hover,
.nav-links .page-numbers.current,
.search-results .tstk-top-search-form .search-form button,
.search-no-results .search-no-results-content .search-form button,
input[type="submit"]:hover,
.site-header .tstk-bg-color-globalcolor,
.site-header .tstk-sticky-header.tstk-sticky-bg-color-globalcolor,
.tstk-btn-style-flat .elementor-button,
.tstk-btn-style-flat.tstk-btn-color-globalcolor .elementor-button,
.tstk-bg-color-globalcolor,
.tstk-footer-section.tstk-bg-color-globalcolor:before,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.tstk-bg-color-global,
body .scroll-to-top {
    background-color: #5183fe;
}

.tstk-footer-section.tstk-bg-color-globalcolor.tstk-bg-image-yes:before {
    background-color: rgba(21, 177, 192, 0.7);
}

/*--- Global Text Color ---*/
.tstk-team-single-style-1 .tstk-team-designation,
.tstk-search-results-right .tstk-post-title a:hover,
.tstk-portfolio-single .tstk-portfolio-nav-head,
.tstk-footer-section.tstk-text-color-globalcolor .widget-title,
.tstk-footer-section.tstk-text-color-globalcolor,
.tstk-footer-section.tstk-text-color-globalcolor a,
.tstk-btn-style-text.tstk-btn-color-globalcolor .elementor-button,
.tstk-globalcolor,
.tstk-skincolor,
.post-navigation .nav-links a:hover {
    color: #5183fe;
}

/*--- Global Border Color ---*/
.tstk-ourhistory .tstk-ourhistory-right:before,
a.tstk-lightbox-video:before,
a.tstk-lightbox-video:after,
.post.sticky {
    border-color: #5183fe;
}
.tstk-btn-style-outline .elementor-button {
    border-color: #5183fe;
    color: #5183fe;
}
.tstk-btn-style-outline .elementor-button:hover {
    background-color: #5183fe;
}
/* --------------------------------------
 * Secondary Color
 * ---------------------------------------*/

/*--- Secondary BG Color ---*/
.elementor-widget-button.tstk-btn-bg-color-secondary .elementor-button,
.tstk-ourhistory .label,
.tstk-bg-color-secondarycolor,
.tstk-bg-color-secondary,
.tstk-footer-section.tstk-bg-color-secondarycolor:before {
    background-color: #222631;
}

.tstk-footer-section.tstk-bg-color-secondarycolor.tstk-bg-image-yes:before {
    background-color: rgba(34, 38, 49, 0.9);
}

/*--- Secondary Text Color ---*/
.tstk-footer-section.tstk-text-color-secondarycolor .widget-title,
.tstk-footer-section.tstk-text-color-secondarycolor,
.tstk-footer-section.tstk-text-color-secondarycolor a,
.tstk-btn-style-text.tstk-btn-color-secondary .elementor-button,
.testcolor {
    color: #222631;
}
.tstk-ourhistory .label:after {
    border-left: 7px solid #222631;
}
/*--- Global Border Color ---*/

.testcolor {
    border-color: #222631;
}
.tstk-btn-style-outline.tstk-btn-color-secondary .elementor-button {
    border-color: #222631;
    color: #222631;
}
.tstk-btn-style-outline.tstk-btn-color-secondary .elementor-button:hover {
    background-color: #222631;
}

/* --------------------------------------
 *  Gradient Color
 * ---------------------------------------*/

/*--- Gradient BG Color ---*/
.elementor-widget-button.tstk-btn-color-gradient .elementor-button,
.tstk-bg-color-gradient {
    background-image: -ms-linear-gradient(right, #222631 0%, #222631 100%);
    background-image: linear-gradient(to right, #222631, #222631);
}
.tstk-footer-section.tstk-bg-color-gradientcolor:before {
    background-image: -ms-linear-gradient(right, #222631 0%, #222631 100%) !important;
    background-image: linear-gradient(to right, #222631, #222631) !important;
}
.elementor-widget-button.tstk-btn-color-gradient .elementor-button {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #222631, #222631);
}

/* --------------------------------------
 *  Blackish Color
 * ---------------------------------------*/

/*--- Blackish BG Color ---*/
.themestek-element-viewtype-carousel .owl-carousel .owl-nav button.owl-next:hover,
.themestek-element-viewtype-carousel .owl-carousel .owl-nav button.owl-prev:hover,
.tstk-btn-style-flat.tstk-btn-color-globalcolor .elementor-button:hover,
.tstk-btn-style-flat.tstk-btn-color-white .elementor-button:hover,
.tstk-btn-style-flat.tstk-btn-color-blackish .elementor-button,
.tstk-bg-color-blackish,
body .scroll-to-top:hover,
.tstk-footer-section.tstk-bg-color-blackish:before {
    background-color: #222631;
}

/*--- Blackish Text Color ---*/
.nav-links .page-numbers,
.tstk-btn-style-outline.tstk-btn-color-white .elementor-button:hover,
.tstk-footer-section.tstk-text-color-blackish .widget-title,
.tstk-footer-section.tstk-text-color-blackish a,
.tstk-btn-style-text.tstk-btn-color-blackish .elementor-button,
.tstk-btn-style-flat.tstk-btn-color-light .elementor-button,
.tstk-btn-style-flat.tstk-btn-color-white .elementor-button,
.tstk-color-blackish,
.tstk-text-color-blackish h1,
.tstk-text-color-blackish h2,
.tstk-text-color-blackish h3,
.tstk-text-color-blackish h4,
.tstk-text-color-blackish h5,
.tstk-text-color-blackish h6,
.tstk-blackish {
    color: #222631;
}

.tstk-footer-section.tstk-text-color-blackish {
    color: rgba(34, 38, 49, 0.95);
}

/* --------------------------------------
 *  Light Color
 * ---------------------------------------*/
.tstk-team-single-style-1 .tstk-team-details-wrap,
.tstk-btn-style-flat.tstk-btn-color-light .elementor-button,
.tstk-bg-color-light,
.tstk-footer-section.tstk-bg-color-light:before {
    background-color: #f3f6f8;
}

.tstk-btn-style-text.tstk-btn-color-blackish .elementor-button {
    color: #f3f6f8;
}
.tstk-btn-style-outline.tstk-btn-color-light .elementor-button {
    border-color: #f3f6f8;
    color: #f3f6f8;
}

/* --------------------------------------
 *  White Color
 * ---------------------------------------*/
/*=== Light BG Color ===*/
.tstk-bg-color-white,
.tstk-footer-section.tstk-bg-color-white:before {
    background-color: #fff;
}


/* End Base Css */

/* =======================================================
 * THEME SPECIAL
 * =======================================================*/

/* --------------------------------------
* Global color 
* ---------------------------------------*/
.wp-calendar-table td#today a,
.themestek-ptable-price-w,
.site-footer .widget ul a:hover,
.tstk-footer-section.tstk-text-color-white a:hover,
.tstk-pricing-table-box .tstk-ptable-icon-wrapper,
.site-content .tstk_widget_list_all_posts ul > li.tstk-post-active a,
.tstk-service-style-1 .tstk-service-cat a,
.tstk-service-style-3 .tstk-service-cat a,
.tstk-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color):after,
.tstk-portfolio-line-title,
.themestek-sidebar .widget.enhanced-text-widget .tstk-call i,
.bizconmy_recent_posts_widget .tstk-rpw-content .tstk-rpw-date a,
.tstk-text-color-white .tstk-service-style-1 .tstk-service-cat a,
.tstk-text-color-white .tstk-service-style-3 .tstk-service-cat a,
.tstk-blog-style-2 .tstk-read-more-link a,
.tstk-blog-style-2 .tstk-meta-container .tstk-meta-line i,
.themestek-accordion-number .elementor-accordion .elementor-accordion-item .elementor-tab-title:before,
.tstk-testimonial-style-4 .themestek-post-item:after,
.tstk-testimonial-style-4 .themestek-testimonial-detail,
.tstk-testimonial-style-3 .themestek-testimonial-detail,
.tstk-testimonial-style-3 .themestek-post-item:after,
.themestek-ele-fid-style-1 .tstk-fid-inner,
.tstk-ihbox-style-6 .tstk-ihbox-icon-wrapper i,
.tstk-ihbox-style-5 .tstk-heading-desc,
.tstk-ihbox-style-4 .tstk-ihbox-icon-wrapper i,
.tstk-ihbox-style-1 .tstk-ihbox-icon-wrapper i,
.tstk-ihbox-style-2 .tstk-ihbox-icon-wrapper i,
.tstk-blog-style-1 .tstk-read-more-link a,
.tstk-portfolio-style-1 .tstk-port-cat a,
.tstk-portfolio-style-2 .tstk-port-cat a,
.tstk-service-style-2 .tstk-service-icon-wrapper,
.wrapper {
    color: #5183fe;
}




.tstk-ihbox-style-7 .tstk-ihbox-icon-wrapper,
.widget_calendar table th,
#menu-anchor-menu li a:after,
.tstk-static-box-style-1 .tstk-contentbox,
.tstk-static-box-style-2 .tstk-contentbox,
.tstk-elementor-bg-color-blackish .elementor-widget-button.tstk-btn-style-outline .elementor-button .elementor-button-content-wrapper:before,
.tstk-element-testimonial-style-4.themestek-element-viewtype-carousel .owl-carousel button.owl-dot.active,
.tstk-footer-widget .tstk-social-links li a:hover,
body .tstk-blog-meta-top span + span:after,
.tstk-meta-highlight-date,
.tstk-team-single-style-1 .tstk-team-social-links a:hover,
.tstk-team-single-style-2 .tstk-team-social-links a:hover,
.single-tstk-team-member .tstk-team-single-style-1 .tstk-team-details-wrap:after,
.reply a,
.tstk-blog-classic-inner .tstk-read-more-link a:hover,
.tstk-ele-header-area .tstk-service-btn a,
.tstk-ptable-btn a:hover,
.widget .download .item-download a,
.site-footer .widget.widget_archive ul > li:before,
.site-footer .widget.widget_categories ul > li:before,
.widget.bizconmy_category_list_widget ul li a:before,
.widget.widget_categories ul li > a:before,
.widget.widget_meta ul li a:before,
.widget.widget_archive ul li > a:before,
.widget.widget_recent_comments ul li:before,
.widget.widget_recent_entries ul li > a:before,
.widget.widget_nav_menu ul li > a:before,
.widget.widget_pages ul li a:before,
.widget.widget_search .search-form button,
.themestek-sidebar .widget .widget-title:before,
.tstk-heading-subheading h4.tstk-element-subtitle:before,
.tstk-blog-style-2 .tstk-meta-date-wrapper,
.elementor-progress-percentage,
.tstk-tabs .tstk-tabs-heading li.tstk-tab-li-active:after,
.tstk-ihbox-style-3 .tstk-ihbox-icon-type-text:after,
.tstk-line-style .elementor-icon-list-item .elementor-icon-list-text:before,
.tstk-blog-style-1 .tstk-meta-category:before,
.tstk-team-style-1 .tstk-social-li a,
.tstk-team-style-1 .themestek-box-team-position:after,
.tstk-team-style-2 .themestek-box-team-position:after,
.tstk-portfolio-style-1 .tstk-port-cat a:after,
.tstk-portfolio-style-2 .tstk-port-cat a:after,
.tstk-team-style-2 .tstk-team-social-links li a,
.tstk-service-style-1 .tstk-service-cat a:after,
.tstk-service-style-3 .tstk-service-cat a:after,
.tstk-btn-style-outline.tstk-btn-color-globalcolor .elementor-button .elementor-button-content-wrapper:before {
    background-color: #5183fe;
}



.tstk-anchor-menu.tstk-sticky-on .menu-anchor-menu-container:after,
.tstk-anchor-menu.tstk-sticky-on > .container,
.tstk-anchor-menu.tstk-sticky-on .menu-anchor-menu-container,
.tstk-rev-skincolor-btn.rev-btn:hover {
    background-color: #5183fe !important;
}

.tstk-service-style-2 .tstk-service-icon-wrapper:after {
    background-color: rgba(23, 71, 188, 0.07);
}
.tstk-ptable-btn a:hover,
.tstk-lightbox-video a.elementor-icon:after,
.tstk-lightbox-video a.elementor-icon:before,
.tstk-spc-blockquote blockquote,
.tstk-sortable-list a.tstk-selected {
    border-color: #5183fe;
}
.test {
    border-bottom-color: #5183fe;
}
.elementor-progress-percentage:after {
    border-color: #5183fe #5183fe transparent transparent;
}

.tstk-rev-skincolor-btn.rev-btn {
    border-color: #5183fe !important;
}

.tstk-pricing-table-box {
    border-top-color: #5183fe !important;
}

blockquote {
    border-left-color: #5183fe;
}

/* --------------------------------------
* Secondary color
* ---------------------------------------*/
.tstk-anchor-menu li a,
.elementor-container.tstk-sticky-header #menu-anchor-menu li.current-menu-item a,
.tstk-anchor-menu.tstk-sticky-on li:hover a,
.tstk-header-style-4 .tstk-icon-wrap .tstk-cart-wrapper a:hover,
.tstk-header-style-4 .tstk-icon-wrap .tstk-header-search-btn a:hover,
.tstk-text-color-white .tstk-dark .tstk-heading-subheading .tstk-element-subtitle,
.tstk-blog-style-1 .tstk-read-more-link a:hover,
.tstk-ele-header-area .tstk-service-btn a:hover,
.tstk-form-style-1 .input-group.input-button button:hover,
.themestek-ele-fid-style-3 .tstk-sbox-icon-wrapper,
.test {
    color: #222631;
}
.themestek-sidebar .widget.enhanced-text-widget,
.tstk-anchor-menu.tstk-sticky-on li:hover a:before,
.tstk-dark .tstk-heading-subheading h4.tstk-element-subtitle:before,
.tstk-service-1-inner-wrap,
.tstk-ptable-btn a,
.themestek-ele-pricing-table .tstk-ptablebox-featured-w:after,
.themestek-ele-pricing-table .tstk-ptablebox-featured-w,
.wpcf7-form .tstk-team-form button:hover,
.wpcf7-form .tstk-form-style-1 button:hover span:before,
.tstk-element-testimonial-style-4.themestek-element-viewtype-carousel .owl-carousel button.owl-dot,
.tstk-footer-newsletter button:hover,
.tstk-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color),
.widget .download .item-download a:hover,
.tstk-single-project-details-list,
.themestek-sidebar .widget.widget_search,
body .elementor-element .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active,
.tstk-team-style-1 .tstk-social-li a:hover,
.tstk-portfolio-style-1 .themestek-titlebox,
.tstk-team-style-2 .tstk-team-social-links li a:hover,
.tstk-service-style-2 .tstk-service-icon-wrapper:before,
.reply a:hover,
.tstk-btn-style-outline.tstk-btn-color-secondary .elementor-button .elementor-button-content-wrapper:before {
    background-color: #222631;
}
.tstk-portfolio-style-2 .themestek-box-content {
    background-color: rgba(34, 38, 49, 0.8);
}
.tstk-ele-header-area .tstk-service-btn a:hover span:before {
    background-color: #222631 !important;
}
.themestek-ele-fid-style-2:after {
    border-color: #222631 #222631 transparent transparent;
}
.tstk-fid-sup .themestek-ele-fid-style-2:after {
    border-color: transparent transparent #222631 #222631;
}

/* --------------------------------------
 * Blackish color
 * ---------------------------------------*/
/*--- Bizconmy Special ---*/
.tstk-elementor-bg-color-blackish .elementor-widget-button.tstk-btn-style-flat .elementor-button:hover,
.tstk-btn-style-flat.tstk-btn-color-globalcolor.tstk-hover-white .elementor-button:hover,
.tstk-testimonial-style-4 blockquote,
.tstk-blog-classic .tstk-post-title a,
.test {
    color: #222631;
}
.widget_calendar table td,
.tstk-elementor-bg-color-blackish .elementor-widget-button.tstk-btn-style-flat .elementor-button:hover span:before,
.tstk-btn-style-outline.tstk-btn-color-blackish .elementor-button .elementor-button-content-wrapper:before,
.comment-form .form-submit input[type="submit"] {
    background-color: #222631;
}
blockquote.has-very-dark-gray-color {
    border-left-color: #222631;
}

/* --------------------------------------
* Light color
* ---------------------------------------*/
.tstk-pricing-table-box .tstk-ptable-icon-wrapper,
.tstk-pricing-table-box .tstk-ptable-lines-w,
.tstk-blog-classic-inner .tstk-read-more-link a,
.themestek-sidebar .widget,
.tstk-sidebar-left #secondary:after,
.tstk-sidebar-right #secondary:after,
.themestek-sidebar .widget.tstk_widget_list_all_posts,
.tstk-sidebar-left #secondary:after,
.tstk-btn-style-outline.tstk-btn-color-light .elementor-button .elementor-button-content-wrapper:before,
.tstk-sidebar-right #secondary:after {
    background-color: #f3f6f8;
}
.test-bg-color {
    color: #f3f6f8;
}
.tstk-ptable-col .tstk-pricing-table-box {
    border-color: #f3f6f8;
}

/* --------------------------------------
 * Gradient color 
 * ---------------------------------------*/
.testbg {
    background-image: -ms-linear-gradient(right, #222631 0%, #222631 100%);
    background-image: linear-gradient(to right, #222631, #222631);
}

/*  End Dynamic color  */

/*====================================  woocommerce  ====================================*/
.woocommerce-info,
.woocommerce-message {
    border-top-color: #5183fe;
}
.woocommerce-info::before,
.woocommerce ul.cart_list li ins,
.woocommerce ul.product_list_widget li ins {
    color: #5183fe;
}
.single-product .entry-summary .product_meta .posted_in,
.single-product .entry-summary .product_meta .sku_wrapper {
    color: #222631;
}

.widget_product_categories ul li .count,
.widget_product_categories ul > li span,
.widget.widget_product_search .woocommerce-product-search button,
.woocommerce-product-search [type="submit"],
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce-form-coupon button[type="submit"]:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce #review_form #respond .form-submit input,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_shopping_cart .buttons a:not(.wcppec-cart-widget-button),
.woocommerce.widget_shopping_cart .buttons a:not(.wcppec-cart-widget-button),
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce div.product form.cart .button,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce ul.products li.product .button {
    background-color: #5183fe;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-coupon button[type="submit"],
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: #222631;
}
.woocommerce-info,
.woocommerce-message {
    border-top-color: #5183fe;
}

/* * * * *  MENU AND BREAKPOINT CSS  * * * * * */
/* =======================================================
 * Max Width for dynamic breakpoint
 * =======================================================*/
@media (max-width: 1200px) {
    .tstk-header-style-4 .tstk-header-top-area > .container > .d-flex,
    .tstk-header-top-area > .container {
        position: relative;
    }
    .tstk-header-style-4 .tstk-icon-wrap,
    .tstk-header-info-inner,
    .something {
        display: none;
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
    }
    .tstk-header-menu-area-inner,
    .tstk-navbar {
        display: block !important;
    }
    .nav-menu-toggle {
        display: block;
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: transparent;
        padding: 0;
        font-size: 35px;
        line-height: 35px;
        color: #2c2c2c;
        width: 40px;
    }
/*     .tstk-navbar > div {
        background-color: #fff;
    } */
    .sub-menu {
        display: none;
    }
    .tstk-header-menu-area-wrapper {
        min-height: auto !important;
    }
    .closepanel {
        position: absolute;
        z-index: 99;
        right: 35px;
        top: 25px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
        font-size: 35px;
        color: #fff;
    }
    .admin-bar .closepanel {
        top: 45px;
    }

    /*--- Responsive menu ---*/
   /*  .tstk-navbar > div {
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        width: 300px;
        height: 100%;
        padding: 0;
        display: block;
        background-color: #222;
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        visibility: hidden;
        opacity: 0;
    } */
    .tstk-navbar > div.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
        overflow-y: scroll;
    }
    .tstk-navbar > div > ul {
        padding: 90px 0;
    }
    .tstk-navbar > div > ul li a {
        color: #fff !important;
        padding: 15px 25px;
        height: auto;
        display: inline-block;
    }
    .tstk-navbar > div > ul ul {
        padding-left: 1em;
        overflow: hidden;
        display: none;
    }
    ul .sub-menu.show,
    ul .children.show {
        display: block;
    }
    .tstk-navbar li {
        position: relative;
    }
/*     .tstk-navbar ul.menu > li {
        border-bottom: 1px solid rgba(204, 204, 204, 0.1);
    } */
    .sub-menu-toggle {
        display: block;
        position: absolute;
        right: 25px;
        top: 15px;
        cursor: pointer;
        color: rgba(255, 255, 255, 0.8);
    }
    .tstk-navbar ul ul {
        background-color: transparent !important;
    }

    /*--- Reset Sticky ---*/
    .tstk-header-style-2 .tstk-header-wrapper.tstk-sticky-header,
    .tstk-header-style-1 .tstk-header-wrapper.tstk-sticky-header {
        position: static !important;
        width: auto !important;
    }
    .tstk-header-style-2 .tstk-header-wrapper > .container > .d-flex,
    .tstk-header-style-1 .tstk-header-wrapper > .container > .d-flex {
        position: relative;
    }
    .tstk-header-style-2 .tstk-header-search-btn,
    .tstk-header-style-1 .tstk-header-search-btn {
        position: absolute;
        right: 60px;
    }
    .tstk-header-style-3 .nav-menu-toggle {
        color: #ffffff;
    }
    .tstk-header-style-2 .tstk-right-box,
    .tstk-header-style-4 .tstk-right-box,
    .tstk-header-style-3 .tstk-right-box,
    .tstk-header-style-1 .tstk-right-box {
        display: none;
    }
    .tstk-mobile-search {
        display: block;
    }
    .tstk-mobile-search .tstk-header-search-btn {
        display: block;
        position: absolute;
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /*--- Responsive Logo ---*/
    .tstk-responsive-logo-yes .tstk-sticky-logo,
    .tstk-responsive-logo-yes .tstk-main-logo {
        display: none;
    }
    .tstk-responsive-logo-yes .tstk-responsive-logo {
        display: inline-block;
    }

    /*--- Responsive header background color ---*/
    .tstk-responsive-header-bgcolor-globalcolor .tstk-header-wrapper {
        background-color: #5183fe !important;
    }
    .tstk-responsive-header-bgcolor-white .tstk-header-wrapper {
        background-color: #fff !important;
    }
    .tstk-responsive-header-bgcolor-blackish .tstk-header-wrapper {
        background-color: #222 !important;
    }
    .tstk-cart-wrapper {
        display: none !important;
    }
    .tstk-header-style-2 .tstk-header-inner-wrapper {
        margin: 0 15px;
        position: relative;
    }
    .tstk-header-style-2 .tstk-header-search-btn a,
    .tstk-header-style-2 .nav-menu-toggle {
        color: #ffffff;
    }

    /*--- dsvy-header-style-3 ---*/
    .tstk-header-style-3 .tstk-header-content {
        margin: 0 15px;
        position: relative;
        margin-left: 0;
    }
    .site-header.tstk-header-style-3:after,
    .site-header.tstk-header-style-3 .tstk-header-height-wrapper .tstk-social-links {
        display: none;
    }
    .site-header.tstk-header-style-3 .tstk-header-inner .container {
        margin: 0px !important;
    }
    .site-header .tstk-sticky-header {
        display: none !important;
    }
}
/* End Max Break Point  */

/* =======================================================
 * Min Width for dynamic breakpoint
 * =======================================================*/
@media (min-width: 1200px) {
    .tstk-responsive-logo {
        display: none;
    }
    .nav-menu-toggle,
    .something {
        display: none;
    }
    .tstk-sticky-header .site-title img.tstk-main-logo,
    .site-title img.tstk-sticky-logo {
        max-height: 40px;
    }
    .tstk-sticky-header.tstk-header-wrapper {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .tstk-navbar > div > ul > li,
    .tstk-navbar > div > ul > li > a {
        line-height: 115px !important;
        height: 115px;
    }
    .tstk-sticky-header .tstk-navbar > div > ul > li,
    .tstk-sticky-header .tstk-navbar > div > ul > li > a,
    .tstk-sticky-header .site-title {
        line-height: 90px !important;
        height: 90px;
    }
    .tstk-navbar ul > li > ul > li.current-menu-item > a,
    .tstk-navbar ul > li > ul li.current_page_item > a,
    .tstk-navbar ul > li > ul li.current_page_ancestor > a,
    .tstk-navbar > div > ul > li:hover > a,
    .tstk-navbar > div > ul > li.current_page_item > a,
    .tstk-navbar > div > ul > li.current-menu-parent > a {
        color: #5183fe;
    }
    .tstk-navbar ul > li > ul li.current_page_item > a:before,
    .tstk-navbar ul > li > ul li.current_page_ancestor > a:before,
    .tstk-navbar ul > li > ul li.current_page_parent > a:before {
        background-color: #5183fe;
    }
    .tstk-navbar ul > li > ul li:hover > a {
        color: #ffffff !important;
    }
    .tstk-navbar > div > ul {
        position: relative;
        z-index: 597;
    }
    .tstk-navbar > div > ul > li {
        float: left;
        min-height: 1px;
        vertical-align: middle;
        position: relative;
    }
    .tstk-navbar > div > ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
    }
    .tstk-navbar ul > li:hover > ul {
        z-index: 600;
    }
    .tstk-navbar > div > ul li ul.tstk-nav-left {
        left: inherit;
        right: 0;
    }
    .tstk-navbar > div > ul li ul ul.tstk-nav-left {
        left: -100%;
        right: 0;
    }
    .tstk-navbar > div > ul ul li {
        float: none;
    }
    .tstk-navbar > div > ul ul ul {
        top: 0;
        left: 100%;
        width: 190px;
    }
    .tstk-navbar > div > ul ul {
        margin-top: 0;
    }
    .tstk-navbar > div > ul ul li {
        font-weight: normal;
    }
    .tstk-navbar a {
        display: block;
        line-height: 1em;
        text-decoration: none;
    }
    .tstk-navbar > div > ul ul li:hover > a {
        background-color: #5183fe;
    }

    /*=== Custom CSS Styles ===*/
    .tstk-navbar > ul {
        display: inline-block;
    }
    .tstk-navbar:after,
    .tstk-navbar ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .tstk-navbar ul {
        text-transform: uppercase;
    }
    .tstk-navbar ul ul {
        min-width: 270px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
        border-top: 3px solid #5183fe;
    }
    .tstk-navbar ul > li:hover > ul {
        visibility: visible;
        opacity: 1;
    }
    .tstk-navbar ul > li > ul > li > a {
        padding: 15px 30px;
    }
    .tstk-navbar ul > li > ul > li:hover > a {
        padding-left: 40px;
    }
    .tstk-navbar ul > li > ul > li > a:before {
        position: absolute;
        content: "";
        left: 18px;
        top: 24px;
        width: 0px;
        height: 2px;
        background-color: transparent;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .tstk-navbar ul > li > ul > li:hover > a:before {
        background-color: rgba(255, 255, 255, 0.5);
        width: 10px;
    }
    .tstk-navbar ul ul a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px;
    }
    .tstk-navbar ul ul ul {
        border-top: 0 none;
    }
    .tstk-navbar ul ul li {
        position: relative;
    }
    .tstk-navbar ul li.last ul {
        left: auto;
        right: 0;
    }
    .tstk-navbar ul li.last ul ul {
        left: auto;
        right: 99.5%;
    }
    .tstk-navbar div > ul > li > a {
        margin: 0 20px;
    }
    .tstk-navbar div > ul > li.menu-item-has-children > a:after {
        font-family: "themestek-base-icons";
        content: "\e811";
        margin-left: 8px;
        font-size: 10px;
        font-weight: bold;
    }

    /*--- Dropdown Menu ( Globalcolor ) ---*/
    .tstk-navbar.tstk-dropdown-active-color-globalcolor ul > li > ul > li.current-menu-item > a, 
	.tstk-navbar.tstk-dropdown-active-color-globalcolor ul > li > ul li.current_page_item > a, 
	.tstk-navbar.tstk-dropdown-active-color-globalcolor ul > li > ul li.current_page_ancestor > a,

	/* Main Menu ( Globalcolor )*/
	.tstk-navbar.tstk-main-active-color-globalcolor > div > ul > li:hover > a, 
	.tstk-navbar.tstk-main-active-color-globalcolor > div > ul > li.current_page_item > a, 
	.tstk-navbar.tstk-main-active-color-globalcolor > div > ul >li.current-menu-parent > a {
        color: #FFF;
    }

    /*--- Dropdown Menu ( Secondarycolor ) ---*/
    .tstk-navbar.tstk-dropdown-active-color-secondarycolor ul > li > ul > li.current-menu-item > a, 
	.tstk-navbar.tstk-dropdown-active-color-secondarycolor ul > li > ul li.current_page_item > a, 
	.tstk-navbar.tstk-dropdown-active-color-secondarycolor ul > li > ul li.current_page_ancestor > a,
	/* Main Menu ( Secondarycolor )*/
	.tstk-navbar.tstk-main-active-color-secondarycolor > div > ul > li:hover > a, 
	.tstk-navbar.tstk-main-active-color-secondarycolor > div > ul > li.current_page_item > a, 
	.tstk-navbar.tstk-main-active-color-secondarycolor > div > ul >li.current-menu-parent > a {
        color: #222631;
    }
    .tstk-header-menu-area .tstk-navbar div > ul > li,
    .tstk-header-menu-area .tstk-navbar div > ul > li > a,
    .tstk-header-menu-area {
        height: 70px;
        line-height: 70px !important;
    }
    .tstk-header-menu-area.tstk-sticky-header .tstk-navbar div > ul > li,
    .tstk-header-menu-area.tstk-sticky-header .tstk-navbar div > ul > li > a,
    .tstk-header-menu-area.tstk-sticky-header {
        height: 70px;
        line-height: 70px !important;
    }
    .tstk-header-menu-area {
        position: relative;
        z-index: 9;
    }

    /*--- tstk-header-style-1 ---*/
    .tstk-header-style-1 .tstk-navbar div > ul > li > a {
        margin: 0 10px;
    }
    .tstk-header-style-1 .tstk-navbar.tstk-bigger-menu div > ul > li > a {
        margin: 0 10px;
    }
    .tstk-header-style-1 .tstk-right-box {
        margin-left: 10px;
        display: flex;
    }
    .tstk-header-style-1 .tstk-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tstk-header-style-1 .tstk-header-button {
        line-height: normal;
    }
    .tstk-header-style-1 .tstk-header-button a {
        color: #222631;
        height: 100%;
        display: inline-block;
        padding: 0 60px;
        vertical-align: middle;
        padding-right: 8px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
        border-radius: 6px;
        letter-spacing: 1px;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .tstk-header-style-1 .tstk-header-button a:after {
        content: "\e83f";
        font-family: "themestek-base-icons";
        font-size: 45px;
        line-height: 45px;
        top: 3px;
        position: absolute;
        left: 0;
        color: #5183fe;
        font-weight: normal;
    }
    .tstk-header-style-1 .tstk-header-button a span {
        display: block;
    }
    .tstk-header-style-1 .tstk-header-button .tstk-header-button-text-1 {
        font-weight: 700;
        margin-bottom: 5px;
    }
    .tstk-header-style-1 .tstk-header-button {
        line-height: normal;
    }
    .tstk-header-style-1 .tstk-sticky-header .tstk-header-button a {
        color: #222631;
    }

    /*--- tstk-header-style-2 ---*/
    .tstk-header-style-2 .site-branding {
        margin-right: 90px;
    }
    .tstk-header-style-2 .tstk-header-wrapper {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .tstk-header-style-2.tstk-sticky-header tstk-header-wrapper {
        border-bottom: none;
    }
    .tstk-header-style-2 .tstk-navbar div > ul > li > a {
        margin: 0 10px;
    }
    .tstk-header-style-2 .tstk-navbar.tstk-bigger-menu div > ul > li > a {
        margin: 0 10px;
    }

    .tstk-header-style-2 .tstk-navbar > div > ul > li {
        display: flex;
        align-items: center;
    }
    .tstk-header-style-2 .tstk-navbar div > ul > li > a {
        line-height: normal !important;
        height: auto !important;
        position: relative;
        padding: 0 15px;
    }
    .tstk-header-style-2 .tstk-navbar div > ul > li > a:before {
        position: absolute;
        /* border-bottom: 2px solid #5183fe; */
        z-index: -1;
        content: "";
        top: 0;
        left: auto;
        right: 0;
        width: 0%;
        height: 35px;
        margin-top: -9px;
        background: rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
    }
    .tstk-header-style-2 .tstk-navbar div > ul > li.current-menu-paren > a:before,
    .tstk-header-style-2 .tstk-navbar div > ul > li.current-menu-item > a:before,
    .tstk-header-style-2 .tstk-navbar div > ul > li.current-menu-ancestor > a:before,
    .tstk-header-style-2 .tstk-navbar div > ul > li:hover > a:before {
        left: 0;
        width: 100%;
    }
    .tstk-header-style-2 .tstk-sticky-bg-color-white .tstk-navbar div > ul > li > a:before {
        background-color: #5183fe;
    }
    .tstk-header-style-2 .tstk-sticky-bg-color-white .tstk-navbar div > ul > li:hover > a,
    .tstk-header-style-2 .tstk-sticky-bg-color-white .tstk-navbar div > ul > li.current-menu-parent > a {
        color: #fff;
    }
    .tstk-header-style-2 .tstk-right-box {
        margin-left: 10px;
        display: flex;
        align-items: center;
    }
    .tstk-header-style-2 .tstk-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .tstk-header-style-2 .tstk-header-button {
        line-height: normal;
    }

    .tstk-header-style-2 .tstk-header-button a:before {
        content: "";
        width: 15px;
        height: 1px;
        background: #fff;
        margin-right: 10px;
        margin-top: -2px;
        z-index: 1;
        display: inline-block;
        vertical-align: middle;
    }
    .tstk-header-style-2 .tstk-header-button a:hover {
        background: #222631;
    }
    .tstk-header-style-2 .tstk-header-search-btn a {
        padding: 0 40px;
        display: inline-block;
        font-size: 18px;
        background: #fff;
    }
    .tstk-header-style-2 .tstk-right-box,
    .tstk-header-style-2 .tstk-header-search-btn a {
        line-height: 115px !important;
        height: 115px;
    }
    .tstk-header-style-2 .tstk-sticky-header .tstk-right-box,
    .tstk-header-style-2 .tstk-sticky-header .tstk-header-search-btn a,
    .tstk-header-style-2 .tstk-sticky-header .tstk-header-button a {
        line-height: 90px !important;
        height: 90px;
    }
    .tstk-header-style-2 .tstk-header-phone-box a {
        color: #fff;
        height: 100%;
        display: inline-block;
        padding: 0 60px;
        vertical-align: middle;
        padding-right: 8px;
        font-weight: normal;
        font-size: 16px;
        position: relative;
        font-family: Maven Pro, sans-serif;
        line-height: 30px;
    }
    .tstk-header-style-2 .tstk-header-phone-box a:before {
        font-family: "themestek-base-icons";
        content: "\e83f";
        font-family: themestek-base-icons;
        font-size: 45px;
        line-height: 45px;
        top: 3px;
        position: absolute;
        left: 0;
        color: #fff;
        font-weight: normal;
    }
    .tstk-header-style-2 .tstk-sticky-header .tstk-header-phone-box a {
        color: #222631;
    }
    .tstk-header-style-2 .tstk-sticky-header .tstk-header-phone-box a:before {
        color: #5183fe;
    }
    .tstk-header-style-2 .tstk-header-phone-box {
        line-height: normal;
        margin-right: 20px;
    }
    .tstk-header-style-2 .tstk-header-phone-box .tstk-header-head {
        font-weight: 600;
        font-size: 18px;
        display: block;
        line-height: normal;
    }
    .tstk-header-style-2 .tstk-sticky-header .tstk-header-search-btn a {
        color: #fff;
        background: #222631;
    }

    /*--- .tstk-header-style-3 ---*/
    .tstk-header-style-3 .tstk-right-box,
    .tstk-header-style-3 .tstk-header-search-btn a {
        line-height: 115px !important;
        height: 115px;
    }
    .tstk-header-style-3 .tstk-sticky-header .site-title,
    .tstk-header-style-3 .tstk-sticky-header .tstk-right-box,
    .tstk-header-style-3 .tstk-sticky-header .tstk-header-search-btn a {
        line-height: 90px !important;
        height: 90px;
    }
    .home .site-header.tstk-header-style-3:before {
        width: 100px;
        background: #5183fe;
    }
    .tstk-header-style-3 .tstk-logo-menuarea {
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tstk-header-style-3 .tstk-right-box {
        display: flex;
    }
    .tstk-header-style-3 .tstk-header-phone-box a:before {
        color: #5183fe;
    }
    .tstk-header-style-3 .tstk-right-box .tstk-cart-wrapper {
        margin-right: 30px;
    }
    .tstk-header-style-3 .tstk-header-search-btn a {
        padding: 0 40px;
        display: inline-block;
        font-size: 18px;
        color: #fff;
        background-color: #222631;
    }
    .tstk-header-style-3 .tstk-header-search-btn a:hover {
        background-color: #5183fe;
    }

    /*--- tstk-header-style-4 ---*/
    .tstk-header-style-4 .site-branding {
        position: relative;
        padding-right: 50px;
    }
    .tstk-header-style-4 .tstk-navbar div > ul > li > a {
        padding: 0 20px;
        margin: 0px 10px;
        position: relative;
        line-height: normal !important;
        height: auto;
    }
    .tstk-header-style-4 .tstk-sticky-header .tstk-navbar div > ul > li > a {
        margin: 0px 5px;
        padding: 0 10px;
    }
    .tstk-header-style-4 .tstk-navbar div > ul > li > a:before,
    .tstk-header-style-4 .tstk-header-menu-area .tstk-navbar div > ul > li.current-menu-item > a:before,
    .tstk-header-style-4 .tstk-header-menu-area .tstk-navbar div > ul > li.current-menu-parent > a:before {
        height: 40px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        z-index: -1;
        border-radius: 0px;
        transform: scaleX(0.5);
        opacity: 0;
        transition: all 500ms ease;
        margin-top: 9px;
    }
    .tstk-header-style-4 .tstk-navbar div > ul > li:hover > a:before,
    .tstk-header-style-4 .tstk-header-menu-area .tstk-navbar div > ul > li.current-menu-item > a:before,
    .tstk-header-style-4 .tstk-header-menu-area .tstk-navbar div > ul > li.current-menu-parent > a:before {
        transform: scaleX(1);
        opacity: 1;
    }
    .tstk-header-style-4 .tstk-title-bar-wrapper,
    .tstk-header-style-4 .tstk-slider-area {
        margin-top: -25px;
    }
    .tstk-header-style-4 .tstk-slider-area {
        margin-left: 0px;
    }
    .tstk-header-style-4 .tstk-right-box .tstk-cart-wrapper,
    .tstk-header-style-4 .tstk-right-box .tstk-header-search-form-wrapper {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    .tstk-header-style-4 .tstk-right-box .tstk-header-search-form-wrapper {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }
    .tstk-header-style-4 .tstk-header-button a {
        color: #fff;
        display: block;
        padding: 0 30px;
        border-radius: 0;
        height: 60px;
        line-height: 59px;
        background-color: #222631;
        font-family: Maven Pro, sans-serif;
        font-size: 13px;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        font-weight: 600;
        font-style: normal;
        position: relative;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .tstk-header-style-4 .tstk-header-button a:before {
        content: "";
        width: 15px;
        height: 1px;
        background: #fff;
        margin-right: 10px;
        margin-top: -2px;
        z-index: 1;
        display: inline-block;
        vertical-align: middle;
    }
    .tstk-header-style-4 .tstk-social-links li a {
        background-color: #f3f6f8;
    }
    .tstk-header-style-4 .tstk-social-links li a:hover {
        background-color: #5183fe;
    }
    .tstk-header-style-4 .tstk-header-button a:hover {
        background-color: #5183fe;
    }
    .tstk-header-style-4 .tstk-header-info-inner .tstk-header-box-icon i {
        color: #5183fe;
    }

    .tstk-header-style-4 .tstk-right-box .tstk-cart-link,
    .tstk-header-style-4 .tstk-header-search-btn a {
        color: #ffffff;
        padding: 0 15px;
        display: inline-block;
    }

    .tstk-header-style-4 .navigation-top {
        flex: 1;
        margin-right: 30px;
        position: relative;
    }
    .tstk-header-style-4 .tstk-main-header .navigation-top:before {
        content: "";
        position: absolute;
        right: 0;
        height: 60px;
        width: 2000px;
        background-color: #5183fe;
    }
    .tstk-header-style-4 .tstk-right-box {
        display: flex;
        align-items: center;
    }
    .tstk-header-style-4 .tstk-right-box .tstk-header-search-btn,
    .tstk-header-style-4 .tstk-right-box .tstk-cart-wrapper {
        position: relative;
        padding: 0 15px;
        border-left: 1px solid rgb(255 255 255 / 22%);
    }
    .tstk-header-style-4 .tstk-right-box .tstk-cart-link {
        position: relative;
    }
    .tstk-header-style-4 .tstk-right-box .tstk-cart-count {
        position: absolute;
        background-color: #fff;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        right: 1px;
        line-height: 18px;
        top: -15px;
        color: black;
        text-align: center;
        font-size: 12px;
    }
    .tstk-header-style-4 .tstk-sticky-header .tstk-right-box .tstk-cart-link,
    .tstk-header-style-4 .tstk-sticky-header .tstk-header-search-btn a {
        color: #222631;
    }
    .tstk-header-style-4 .tstk-sticky-header > .container > div {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .tstk-header-style-4 .tstk-sticky-header .navigation-top {
        flex: 1;
        margin-right: 15px;
        position: relative;
    }
    .tstk-header-style-4 .tstk-main-header .tstk-header-menu-area .tstk-navbar div > ul > li,
    .tstk-header-style-4 .tstk-main-header .tstk-header-menu-area .tstk-navbar div > ul > li > a,
    .tstk-header-style-4 .tstk-main-header .tstk-header-menu-area {
        height: 60px;
        line-height: 60px !important;
    }
    .tstk-header-style-4 .tstk-sticky-header .tstk-header-menu-area .tstk-navbar div > ul > li,
    .tstk-header-style-4 .tstk-sticky-header .tstk-header-menu-area .tstk-navbar div > ul > li > a,
    .tstk-header-style-4 .tstk-sticky-header .tstk-header-menu-area {
        line-height: 90px !important;
        height: 90px;
    }
    .site-header .tstk-sticky-header {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        left: 0px;
        top: 0px;
        box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
        width: 100%;
        z-index: 0;
        transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -webkit-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
    }
    .site-header.tstk-fixed-header .tstk-sticky-header {
        z-index: 999;
        opacity: 1;
        visibility: visible;
        -ms-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -op-animation-name: fadeInDown;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -ms-animation-duration: 300ms;
        -moz-animation-duration: 300ms;
        -op-animation-duration: 300ms;
        -webkit-animation-duration: 300ms;
        animation-duration: 300ms;
        -ms-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -op-animation-timing-function: linear;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -ms-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -op-animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .admin-bar .site-header .tstk-sticky-header {
        top: 32px;
    }
}

/*====================================  End Min Break Point  ====================================*/

@media screen and (max-width: 1200px) {
    .tstk-pre-header-wrapper {
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .site-footer .tstk-footer-widget.tstk-footer-widget-col-1 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .site-footer .tstk-footer-widget.tstk-footer-widget-col-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .site-footer .tstk-footer-widget.tstk-footer-widget-col-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .site-footer .tstk-footer-widget.tstk-footer-widget-col-4 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}