body {
    background-image: var(--total-body-bg-url);
    background-size: var(--total-body-bg-size, auto);
    background-position: var(--total-body-bg-position, center center);
    background-repeat: var(--total-body-bg-repeat, repeat);
    background-attachment: var(--total-body-bg-attachment, scroll);
    background-color: var(--total-body-bg-color, transparent);
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.tp-clearfix:before,
.tp-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after {
    content: "";
    display: table;
}

.tp-clearfix:after,
.entry-content:after,
.comment-content:after {
    clear: both;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.tp-container {
    width: 1170px;
    margin: 0 auto;
}

.tp-wide .tp-container {
    width: var(--total-wide-container-width, 1170px);
}

.tp-boxed #tp-page {
    width: var(--total-wide-container-width, 1170px);
    margin: 0 auto;
    position: relative;
    background: #FFF;
}

.tp-boxed .tp-container {
    width: calc(var(--total-wide-container-width, 1170px) - var(--total-container-padding, 80px) - var(--total-container-padding, 80px));
}

.tp-fluid .tp-container {
    width: var(--total-fluid-container-width, 80%);
}

.tp-main-content h1,
.tp-main-content h2,
.tp-main-content h3,
.tp-main-content h4,
.tp-main-content h5,
.tp-main-content h6 {
    color: var(--total-content-header-color, #000000);
}

h1 {
    font-size: var(--total-hh1-size, var(--total-h1-size, 38px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h1-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h1-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h1-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h1-weight, 400));
    font-style: var(--total-h-style, var(--total-h1-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h1-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h1-text-transform, none));
}

h2 {
    font-size: var(--total-hh2-size, var(--total-h2-size, 34px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h2-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h2-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h2-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h2-weight, 400));
    font-style: var(--total-h-style, var(--total-h2-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h2-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h2-text-transform, none));
}

h3 {
    font-size: var(--total-hh3-size, var(--total-h3-size, 30px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h3-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h3-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h3-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h3-weight, 400));
    font-style: var(--total-h-style, var(--total-h3-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h3-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h3-text-transform, none));
}

h4 {
    font-size: var(--total-hh4-size, var(--total-h4-size, 26px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h4-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h4-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h4-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h4-weight, 400));
    font-style: var(--total-h-style, var(--total-h4-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h4-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h4-text-transform, none));
}

h5 {
    font-size: var(--total-hh5-size, var(--total-h5-size, 22px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h5-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h5-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h5-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h5-weight, 400));
    font-style: var(--total-h-style, var(--total-h5-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h5-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h5-text-transform, none));
}

h6 {
    font-size: var(--total-hh6-size, var(--total-h6-size, 20px));
    letter-spacing: var(--total-h-letter-spacing, var(--total-h6-letter-spacing, 0));
    line-height: var(--total-h-line-height, var(--total-h6-line-height, 1.3));
    font-family: var(--total-h-family, var(--total-h6-family, Oswald));
    font-weight: var(--total-h-weight, var(--total-h6-weight, 400));
    font-style: var(--total-h-style, var(--total-h6-style, normal));
    text-decoration: var(--total-h-text-decoration, var(--total-h6-text-decoration, none));
    text-transform: var(--total-h-text-transform, var(--total-h6-text-transform, none));
}

.tp-main-content {
    color: var(--total-content-text-color, #333);
}

.tp-site-title a,
.tp-site-title a:hover {
    color: var(--total-title-color, #333);
}

.tp-site-description a,
.tp-site-description a:hover {
    color: var(--total-tagline-color, #333);
}

#tp-site-branding img {
    height: auto;
    width: var(--total-logo-width);
}

#tp-site-branding .tp-site-title {
    margin-top: var(--total-title-spacing-top-desktop, 0);
    margin-right: var(--total-title-spacing-right-desktop, 0);
    margin-bottom: var(--total-title-spacing-bottom-desktop, 0);
    margin-left: var(--total-title-spacing-left-desktop, 0);
    font-size: var(--total-title-size, 38px);
    letter-spacing: var(--total-title-letter-spacing, 0);
    line-height: var(--total-title-line-height, 1);
    font-family: var(--total-title-family, var(--total-h-family, var(--total-h1-family, Oswald)));
    font-weight: var(--total-title-weight, 700);
    font-style: var(--total-title-style, normal);
    text-decoration: var(--total-title-text-decoration, none);
    text-transform: var(--total-title-text-transform, uppercase);
}

#tp-site-branding .tp-site-description {
    margin-top: var(--total-tagline-spacing-top-desktop, 0);
    margin-right: var(--total-tagline-spacing-right-desktop, 0);
    margin-bottom: var(--total-tagline-spacing-bottom-desktop, 0);
    margin-left: var(--total-tagline-spacing-left-desktop, 0);
    font-family: var(--total-tagline-family, var(--total-body-family, Poppins));
    font-style: var(--total-tagline-style, normal);
    font-weight: var(--total-tagline-weight, 400);
    font-size: var(--total-tagline-size, 18px);
    letter-spacing: var(--total-tagline-letter-spacing, 0);
    line-height: var(--total-tagline-line-height, 1);
    text-decoration: var(--total-tagline-text-decoration, none);
    text-transform: var(--total-tagline-text-transform, none);
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}

.tp-content-area .tp-entry-content blockquote,
blockquote:not(.wp-block-quote) {
    border-color: var(--total-template-color);
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Calendar */
.widget_calendar table th,
.widget_calendar table td {
    padding: 5px;
    text-align: center;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

.tp-header-widget .wp-block-search .wp-block-search__inside-wrapper {
    min-width: 400px;
}

.tp-header-widget .wp-block-search .wp-block-search__button {
    background-color: #000;
    border-color: #000;
    color: #FFF;
}

.tp-header-widget .wp-block-search .wp-block-search__button svg {
    fill: #FFF;
}

/* Menu Widget */
.widget_nav_menu .menu li>a {
    display: flex;
    align-items: center;
}

.tp-widget-area .widget_nav_menu li {
    margin-bottom: 10px;
}

.tp-widget-area .widget_nav_menu li a {
    background: #EEE;
    padding: 18px 20px 18px 30px;
}

.tp-widget-area .widget_nav_menu li a:after {
    content: "\F0054";
    font-family: "Material Design Icons";
    margin-left: auto;
    font-size: inherit;
    color: inherit;
}

.tp-widget-area .widget_nav_menu li:last-child a {
    margin-bottom: 0;
}

.tp-widget-area .widget_nav_menu li.current_page_item a,
.tp-widget-area .widget_nav_menu li a:hover {
    background: var(--total-template-color);
    color: #FFF;
}

.tp-widget-area .widget_nav_menu li a {
    text-transform: uppercase
}

.tp-widget-area .widget_nav_menu ul ul {
    margin-left: 15px;
    margin-top: 10px;
}

/* Contact Detail Widget */
.tp-contact-box {
    color: inherit;
}

.tp-contact-field {
    position: relative;
}

.tp-contact-field i {
    font-size: 30px;
    width: 30px;
}

.tp-contact-text h6 {
    font-size: 1.2em;
    margin-bottom: 10px;
    white-space: nowrap;
}

.tp-site-header .tp-contact-text h6 {
    margin-bottom: 5px;
}

.tp-contact-text p {
    margin-bottom: 0 !important;
    line-height: 1.2;
}

.tp-site-header .tp-contact-text p {
    line-height: 1.2;
}

.tp-contact-box .tp-contact-text a,
.tp-contact-box .tp-contact-text a:hover {
    color: inherit;
}

.tp-contact-text a:hover {
    text-decoration: underline;
}

.tp-site-header .tp-contact-text>div {
    font-size: 0.9em;
}

.tp-contact-box.style1,
.tp-contact-box.style2 {
    display: flex;
    padding: 20px 0;
    flex-wrap: wrap;
}

.tp-site-header .tp-contact-box.style1,
.tp-site-header .tp-contact-box.style2 {
    padding: 0;
}

.tp-top-footer .tp-contact-box.style1 {
    padding: 0;
}

.tp-contact-box.style1 .tp-contact-field,
.tp-contact-box.style3 .tp-contact-field {
    padding: 15px 30px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 200px;
}

.tp-header-widget .tp-contact-box.style1 .tp-contact-field,
.tp-header-widget .tp-contact-box.style3 .tp-contact-field {
    padding: 0 30px;
}

.tp-contact-box.style1 .tp-contact-field:after {
    content: "";
    width: 1px;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), color-stop(10%, #f2f2f2), color-stop(20%, #ededed), color-stop(30%, #e9e9e9), color-stop(70%, #e1e1e1), color-stop(70%, #e9e9e9), color-stop(80%, #ededed), color-stop(90%, #f2f2f2), to(#f7f7f7));
    background: linear-gradient(to top, #f7f7f7 0%, #f2f2f2 10%, #ededed 20%, #e9e9e9 30%, #e1e1e1 70%, #e9e9e9 70%, #ededed 80%, #f2f2f2 90%, #f7f7f7 100%);
    position: absolute;
    top: 0;
    right: 0;
}

.tp-contact-box.style1 .tp-contact-field:last-child {
    padding-right: 0;
    margin-bottom: 0;
}

.tp-contact-box.style1 .tp-contact-field:last-child:after {
    display: none;
}

.tp-contact-box.style1 .tp-contact-field i,
.tp-contact-box.style3 .tp-contact-field i {
    margin-right: 20px;
}

.tp-contact-box.style1 .tp-contact-text {
    text-align: left;
}

.tp-contact-box.style2 .tp-contact-field {
    flex-grow: 1;
    text-align: center;
    padding: 0 15px;
    flex-basis: 0;
}

.tp-contact-box.style2 .tp-contact-field i {
    margin-bottom: 15px;
}

.tp-contact-box.style3 .tp-contact-field {
    padding: 0;
    margin-bottom: 20px;
    text-align: left;
}

.tp-contact-box.style3 .tp-contact-field:last-child {
    margin-bottom: 0;
}

/* Personal Info Widget */
.tp-personal-info .widget-title {
    color: inherit;
}

.tp-personal-info.tp-pi-center .tp-pi-image,
.tp-personal-info.tp-pi-center .tp-pi-name,
.tp-personal-info.tp-pi-center .tp-pi-intro {
    text-align: center;
}

.tp-personal-info.tp-pi-right .tp-pi-image,
.tp-personal-info.tp-pi-right .tp-pi-name,
.tp-personal-info.tp-pi-right .tp-pi-intro {
    text-align: right;
}

.tp-pi-image {
    margin-bottom: 30px;
}

.tp-pi-image.tp-round-image img {
    border-radius: 50%;
}

.tp-pi-name {
    margin-bottom: 15px;
}

.tp-pi-readmore {
    margin-top: 30px;
}

.tp-pi-readmore a{
    display: inline-flex;
}

.tp-pi-readmore i {
    margin-left: 5px;
}

.tp-personal-info.tp-pi-center .tp-pi-readmore {
    text-align: center;
}

.tp-personal-info.tp-pi-right .tp-pi-readmore {
    text-align: right;
}

/* Contact Info Widget */
.tp-contact-info ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.tp-contact-info ul li {
    padding: 8px 0 8px 40px !important;
    border: none;
    margin: 0 !important;
}

.tp-contact-info ul li p:last-child {
    margin: 0;
}

.tp-contact-info ul li i {
    float: left;
    margin-left: -40px;
    width: 30px;
    text-align: center;
    line-height: inherit;
}

/* Accordian Widget */
.tp-accordion .tp-accordion-content-wrap ul {
    list-style: disc outside;
    margin-left: 20px;
}

.tp-style1-accordion .tp-accordion-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.tp-style1-accordion .tp-accordion-box:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tp-style1-accordion .tp-accordion-header {
    padding: 15px 40px 15px 15px;
    cursor: pointer;
    border-bottom: none;
    position: relative;
}

.tp-style1-accordion .tp-accordion-header:after {
    content: "\f102";
    font-family: "essentialicon";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.6;
}

.tp-style1-accordion .tp-accordion-box.open .tp-accordion-header:after {
    content: "\f244";
}

.tp-style1-accordion .tp-accordion-content-wrap {
    padding: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tp-style2-accordion .tp-accordion-box {
    margin-bottom: 15px;
    cursor: pointer;
}

.tp-style2-accordion .tp-accordion-content-wrap {
    padding: 25px;
    border: 1px solid var(--total-template-color);
}

.tp-style2-accordion .tp-accordion-header {
    position: relative;
    overflow: hidden;
    padding: 15px 20px 15px 60px;
    text-transform: uppercase;
    color: #fff;
    background: var(--total-template-color);
}

.tp-style2-accordion .tp-accordion-header:after {
    content: "";
    position: absolute;
    height: 40px;
    width: 50px;
    left: -10px;
    top: 50%;
    line-height: 35px;
    text-align: center;
    background: #fff;
    transform: translateY(-50%) skewX(-15deg);
}

.tp-style2-accordion .tp-accordion-header:before {
    content: "\eab2";
    font-family: "IcoFont";
    position: absolute;
    height: 40px;
    width: 35px;
    left: 0;
    top: 50%;
    line-height: 40px;
    text-align: center;
    color: var(--total-template-color);
    transform: translateY(-50%);
    z-index: 9;
}

.tp-style2-accordion .tp-accordion-box.open .tp-accordion-header:before {
    content: "\eab9";
}

/* Icon Text Widget */
.tp-icon-text .tp-it-title {
    margin-bottom: 20px;
}

.tp-it-pos-top {
    text-align: center;
}

.tp-it-pos-top.tp-icon-text>i {
    margin-bottom: 20px;
}

.tp-it-pos-left.tp-icon-text>i {
    font-size: 30px;
    float: left;
    margin-top: 10px;
}

.tp-it-pos-left .tp-it-content {
    margin-left: 60px;
}

.tp-it-pos-right.tp-icon-text>i {
    float: right;
    margin-top: 10px;
}

.tp-it-pos-right .tp-it-content {
    text-align: right;
    margin-right: 60px;
}

.tp-it-excerpt {
    margin-bottom: 20px;
}

.tp-it-readmore a i {
    margin-left: 5px;
}

.tp-it-style-default.tp-icon-text>i {
    font-size: 38px;
}

.tp-it-style-circle.tp-icon-text>i,
.tp-it-style-square.tp-icon-text>i,
.tp-it-style-circle-bg.tp-icon-text>i,
.tp-it-style-square-bg.tp-icon-text>i {
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 22px;
}

.tp-it-style-circle-bg.tp-icon-text>i,
.tp-it-style-square-bg.tp-icon-text>i {
    background: var(--total-template-color);
    color: #fff;
}

.tp-it-style-circle.tp-icon-text>i,
.tp-it-style-square.tp-icon-text>i {
    border: 1px solid #666;
}

.tp-it-style-circle.tp-icon-text>i,
.tp-it-style-circle-bg.tp-icon-text>i {
    border-radius: 50%;
}

.tp-it-pos-right.tp-it-style-circle .tp-it-content,
.tp-it-pos-right.tp-it-style-square .tp-it-content,
.tp-it-pos-right.tp-it-style-circle-bg .tp-it-content,
.tp-it-pos-right.tp-it-style-square-bg .tp-it-content {
    margin-right: 100px;
}

.tp-it-pos-left.tp-it-style-circle .tp-it-content,
.tp-it-pos-left.tp-it-style-square .tp-it-content,
.tp-it-pos-left.tp-it-style-circle-bg .tp-it-content,
.tp-it-pos-left.tp-it-style-square-bg .tp-it-content {
    margin-left: 100px;
}

/* CTA Widget */
.tp-cta {
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
}

.tp-cta-content-wrap {
    flex-grow: 1;
    line-height: 1.8;
    font-size: 1.2em;
}

.tp-cta-title:last-child {
    margin-bottom: 0;
}

.tp-cta.tp-button-left .tp-cta-buttons {
    order: -1;
    padding-right: 50px;
}

.tp-cta.tp-button-right .tp-cta-buttons {
    padding-left: 50px;
}

.tp-cta.tp-button-center {
    display: block;
    text-align: center;
}

.tp-cta.tp-button-center .tp-cta-buttons,
.tp-cta.tp-button-left-bottom .tp-cta-buttons,
.tp-cta.tp-button-right-bottom .tp-cta-buttons {
    margin-top: 40px;
}

.tp-cta.tp-button-left-bottom {
    display: block;
    text-align: left;
}

.tp-cta.tp-button-right-bottom {
    display: block;
    text-align: right;
}

.tp-round-button.tp-cta-buttons a {
    border-radius: 100px;
}

/* CountDown Widget */
.tp-countdown {
    text-align: center;
}

.tp-countdown>div {
    display: inline-block;
    text-align: center;
    margin: 0.2em;
    padding: 0.4em 0.2em;
    line-height: 1;
    border: 2px solid #fff;
    min-width: 2em;
    font-weight: bold;
}

.tp-countdown.tp-enable-shadow>div {
    box-shadow: 0px 14px 10px -6px rgba(0, 0, 0, 0.3);
}

.tp-countdown.circular>div {
    border-radius: 50%;
    min-width: 3em;
    min-height: 3em;
    vertical-align: middle;
    position: relative;
}

.tp-countdown.circular>div>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tp-countdown label {
    display: block;
    margin-top: 0.2em;
}

.tp-countdown.circular label {
    position: relative;
    top: 50%;
}

.tp-countdown.border-block>div {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-width: 5px;
}

.tp-countdown.diamond>div {
    min-width: 2.4em;
    min-height: 2.4em;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    margin: 0.6em;
    border-radius: 12px;
}

.tp-countdown.diamond>div>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Counter Widget */
.tp-counter-widget .tp-counter-count:before {
    content: attr(data-prefix);
    margin-right: 5px;
}

.tp-counter-widget .tp-counter-count:after {
    content: attr(data-suffix);
    margin-left: 5px;
}

.tp-counter-widget .odometer-inside {
    display: inline;
}

.tp-counter-widget .tp-counter {
    float: none;
    width: auto;
    margin-left: 0;
    text-align: center;
    margin-bottom: 0;
    position: relative;
}

.tp-counter-widget .tp-counter-count {
    letter-spacing: 3px;
}

.tp-counter-widget.style1 .tp-counter {
    text-align: center;
    border: 2px solid var(--total-template-color);
    border-top: 0;
    padding: 0 20px 25px;
    position: relative;
}

.tp-counter-widget.style1 .tp-counter .tp-counter-left {
    position: absolute;
    width: 30%;
    left: 0;
    top: 0;
    height: 2px;
    background: var(--total-template-color);
}

.tp-counter-widget.style1 .tp-counter .tp-counter-right {
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    height: 2px;
    background: var(--total-template-color);
}

.tp-counter-widget.style1 .tp-counter-count {
    font-size: 2.8em;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: 3px;
}

.tp-counter-widget.style1 .tp-counter-icon {
    display: inline-block;
    font-size: 36px;
    color: var(--total-template-color);
    position: relative;
    transform: translate(0, -17px);
    line-height: 36px;
}

.tp-counter-widget.style1 .tp-counter-title {
    margin-top: 15px;
    margin: 0;
}

.tp-counter-widget.style2 .tp-counter-icon {
    font-size: 2em;
    line-height: 1;
    padding-top: 20px;
    margin-bottom: 40px;
    position: relative;
}

.tp-counter-widget.style2 .tp-counter-icon span {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 30px;
    height: 2px;
    background: #fff;
    margin-left: -15px;
    margin-top: 20px;
}

.tp-counter-widget.style2 .tp-counter-count {
    font-size: 3em;
    line-height: 1;
}

.tp-counter-widget.style2 .tp-counter-title {
    margin: 0;
    padding: 14px 10px;
}

.tp-counter-widget.style2 .tp-counter .tp-counter-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
}

.tp-counter-widget.style2 .tp-counter .tp-counter-left span {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 2px;
    background: #fff;
    transition: all 0.3s ease;
}

.tp-counter-widget.style2 .tp-counter .tp-counter-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
}

.tp-counter-widget.style2 .tp-counter .tp-counter-right span {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30px;
    width: 2px;
    background: #fff;
    transition: all 0.3s ease;
}

.tp-counter-widget.style2 .tp-counter:hover .tp-counter-left,
.tp-counter-widget.style2 .tp-counter:hover .tp-counter-right {
    width: 100%;
}

.tp-counter-widget.style3 .tp-counter {
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.3);
    position: relative;
}

.tp-counter-widget.style3 .tp-counter>span {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid #666;
}

.tp-counter-widget.style3 .tp-counter-icon {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 25px;
}

.tp-counter-widget.style3 .tp-counter-count {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 10px;
}

.tp-counter-widget.style4 .tp-counter {
    text-align: left;
    padding-left: 80px;
    margin-bottom: 0;
}

.tp-counter-widget.style4 .tp-counter-icon {
    font-size: 42px;
    width: 70px;
    float: left;
    text-align: center;
    opacity: 0.8;
    margin-left: -80px;
    line-height: 1;
    margin-top: 10px;
}

.tp-counter-widget.style4 .tp-counter-count {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 10px;
}

/* Image Box Widget */
.tp-image-box.image-top .tp-ib-image {
    margin: 0 auto 15px;
}

.tp-ib-title {
    margin-bottom: 15px;
}

.tp-ib-readmore {
    margin-top: 20px;
    font-size: 0.9em;
}

.tp-ib-readmore a>i {
    margin-left: 5px;
    color: inherit !important;
}

.tp-image-box.tp-left {
    text-align: left;
}

.tp-image-box.tp-right {
    text-align: right;
}

.tp-image-box.tp-center {
    text-align: center;
}

.tp-image-box.image-left .tp-image-box-wrap,
.tp-image-box.image-right .tp-image-box-wrap {
    display: flex;
}

.tp-image-box.image-left .tp-ib-image {
    margin-right: 3%;
}

.tp-image-box.image-right .tp-ib-image {
    margin-left: 3%;
    order: 1;
}

/* Instagram Widget */
.tp-iw-likes {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    padding: 60px 10px 15px;
    z-index: 99;
    text-align: right;
    color: #fff;
    font-size: 0.9em;
    line-height: 1;
}

/* Portfolio Carousel Widget */
.owl-carousel .tp-portfolio-carousel-item {
    transition: transform 0.3s ease;
    transform: scale(1);
}

.owl-carousel .tp-portfolio-carousel-item.tp-loading {
    transform: scale(0.4);
}

.tp-portfolio-filter-wrap {
    border: 2px solid #eee;
    border-radius: 30px;
    float: left;
    margin-bottom: 40px;
    display: flex;
    overflow: hidden;
}

.tp-portfolio-filter-btn {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-right: 2px solid #eee;
}

.tp-portfolio-filter-btn.btn-active {
    background: #eee;
}

.tp-portfolio-filter-btn:last-child {
    border-right: 0;
}

.tp-owl-nav {
    float: right;
    border: 2px solid #eee;
    border-radius: 30px;
    margin-bottom: 40px;
    display: flex;
}

.tp-owl-nav .owl-prev,
.tp-owl-nav .owl-next {
    display: inline-flex;
    padding: 10px 20px;
    cursor: pointer;
    color: #ccc;
}

.tp-owl-nav .owl-prev {
    border-right: 2px solid #eee;
}

.tp-portfolio-carousel-image-wrap {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.tp-portfolio-carousel-image-wrap img {
    transform: scale(1);
    transition: all 0.3s ease;
}

.tp-portfolio-carousel-image-wrap:hover img {
    transform: scale(1.3);
}

.tp-portfolio-carousel-image {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff !important;
}

.tp-portfolio-carousel-wrap h5 {
    margin: 0;
    font-size: 1em;
    border-bottom: 5px solid #eee;
    text-align: center;
    padding-bottom: 20px;
}

.tp-portfolio-carousel .tp-portfolio-carousel-slides.owl-carousel .owl-stage-outer {
    margin-bottom: 40px;
}

.tp-portfolio-carousel .owl-dots {
    text-align: center;
    margin: 0 0 40px;
}

.tp-portfolio-carousel .owl-carousel .owl-dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    margin: 0 5px;
}

.tp-portfolio-carousel .owl-carousel .owl-dot.active {
    background: rgba(0, 0, 0, 0.4);
}

/* Progress Bar Widget */
.tp-progress.tp-pb-style2 .tp-progress-bar-length {
    position: relative;
}

.tp-progress.tp-pb-style2 .tp-progress-bar-length span {
    background: #222;
    color: #fff;
    padding: 0 6px;
    border-radius: 3px;
    opacity: 0;
    transform: translateX(50%);
    margin-bottom: 10px;
    font-size: 12px;
}

.tp-progress.tp-pb-style2 .tp-progress-bar-length span:before {
    content: "";
    border-width: 6px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    left: 50%;
}

.tp-progress.tp-pb-style3 .tp-progress-bar {
    height: 14px;
    padding: 3px;
    background: #f0f0f0;
    border-radius: 20px;
}

.tp-progress.tp-pb-style3 .tp-progress-bar-length {
    position: relative;
    border-radius: 20px;
}

.tp-progress.tp-pb-style3 .tp-progress-bar-length span {
    color: #fff;
    border-radius: 3px;
    opacity: 0;
    transform: translateX(50%);
    margin-bottom: 15px;
    font-size: 10px;
    width: 32px;
    height: 32px;
    line-height: 36px;
    text-align: center;
}

.tp-progress.tp-pb-style3 .tp-progress-bar-length span:before {
    content: "";
    position: absolute;
    background: #444;
    border-radius: 0px 30px 30px 30px;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    z-index: -1;
    transform: rotate(225deg);
}

.tp-progress.tp-pb-style4 .tp-progress-bar-length {
    position: relative;
    border-radius: 20px;
}

.tp-progress.tp-pb-style4 .tp-progress-bar {
    height: 10px;
    border-radius: 20px;
}

.tp-progress.tp-pb-style4 .tp-progress-bar-length span {
    background: var(--total-template-color);
    color: #fff;
    height: 40px;
    width: 40px;
    opacity: 0;
    transform: translate(50%, 50%);
    margin-bottom: -4px;
    font-size: 12px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}

/*Testimonial Widget*/
.tp-testimonial-widget h5 {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 5px;
}

.tp-testimonial-widget .designation {
    font-size: 0.85em;
    opacity: 0.9;
}

.tp-testimonial-widget.style1 {
    background: #fff;
    padding: 25px;
    margin-bottom: 40px;
    color: #333;
    box-shadow: 2px 2px 18px -6px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    border: 1px solid #f6f6f6;
}

.tp-testimonial-widget.style1 .tp-testimonial-excerpt {
    margin: 0 0 20px;
    font-size: 0.9em;
}

.tp-testimonial-widget.style1 .tp-testimonial-footer {
    display: flex;
    align-items: center;
}

.tp-testimonial-widget.style1 img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 50%;
}

.tp-testimonial-widget.style1 h5,
.tp-testimonial-widget.style2 h5 {
    color: #333;
}

.tp-testimonial-widget.style2 {
    text-align: center;
    background: #fff;
    padding: 90px 30px 40px;
    border-radius: 3px;
    box-shadow: 2px 2px 18px -6px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-top: 50px !important;
    color: #333;
    border: 1px solid #f6f6f6;
}

.tp-testimonial-widget.style2 img {
    position: absolute;
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 10px solid #fff;
    transform: translate(-50%, 0);
    left: 50%;
    top: -50px;
}

.tp-testimonial-widget.style2 .tp-testimonial-footer {
    margin-top: 30px;
}

.tp-testimonial-widget.style3 .tp-testimonial-excerpt {
    padding: 35px;
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    color: #333;
}

.tp-testimonial-widget.style3 .tp-testimonial-excerpt:after {
    content: "";
    border: 12px solid transparent;
    position: absolute;
    border-top-color: #fff;
    height: 20px;
    bottom: -24px;
    left: 34px;
}

.tp-testimonial-widget.style3 .tp-testimonial-footer {
    display: flex;
    align-items: center;
}

.tp-testimonial-widget.style3 img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 20px;
    margin-left: 10px;
    border-radius: 50%;
}

.tp-testimonial-widget.style4 {
    text-align: center;
}

.tp-testimonial-widget.style4 img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 30px;
    border: 5px solid rgba(0, 0, 0, 0.1);
}

.tp-testimonial-widget.style4 .tp-testimonial-footer {
    position: relative;
    margin-top: 30px;
}

.tp-testimonial-widget.style4 .tp-testimonial-footer:after {
    content: "\f243";
    font-family: "essentialicon";
    position: absolute;
    left: 50%;
    top: 0;
    height: 2px;
    line-height: 2px;
    margin-top: -16px;
    transform: scale(1.5) translateX(-50%);
    opacity: 0.8;
}

.tp-testimonial-slides .tp-testimonial-widget {
    margin: 10px;
}

.tp-testimonial-slides .owl-nav {
    text-align: center;
    margin-top: 50px;
}

.tp-testimonial-slides.owl-carousel .owl-nav .owl-prev,
.tp-testimonial-slides.owl-carousel .owl-nav .owl-next {
    display: inline-block;
    height: 44px;
    width: 44px;
    border: 1px solid #fff;
    line-height: 44px;
    margin: 0 5px;
    background: #fff;
    color: #333;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.tp-testimonial-slides .owl-nav .owl-prev i,
.tp-testimonial-slides .owl-nav .owl-next i {
    color: #333;
}

/*Social Icons*/
.tp-social-icons .tp-social-button {
    display: inline-block;
    background-color: #fff;
    color: #333;
    text-align: center;
    position: relative;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.tp-social-icons.si-fade-in .tp-social-button i {
    transition: all 0.3s ease-in-out;
}

.tp-social-icons.icon-small .tp-social-button {
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 3px;
}

.tp-social-icons.icon-normal .tp-social-button {
    font-size: 28px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 6px;
}

.tp-social-icons.icon-big .tp-social-button {
    font-size: 42px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 12px;
}

.tp-social-icons.icon-large .tp-social-button {
    font-size: 70px;
    width: 160px;
    height: 160px;
    line-height: 160px;
    margin: 20px;
}

.tp-social-icons.icon-left {
    text-align: left;
}

.tp-social-icons.icon-center {
    text-align: center;
}

.tp-social-icons.icon-right {
    text-align: right;
}

.tp-social-icons.si-fade-in .tp-social-button i {
    opacity: 0.8;
}

.tp-social-icons.si-fade-in .tp-social-button:hover i {
    opacity: 1;
}

.tp-social-icons.si-zoom .tp-social-button {
    transform: scale(1);
}

.tp-social-icons.si-zoom .tp-social-button:hover {
    transform: scale(1.05);
}

.tp-social-icons.si-rotate .tp-social-button {
    transform: rotate(0deg);
}

.tp-social-icons.si-rotate .tp-social-button:hover {
    transform: rotate(360deg);
}

.tp-social-icons.si-slide-up .tp-social-button {
    transform: translateY(0);
}

.tp-social-icons.si-slide-up .tp-social-button:hover {
    transform: translateY(-5%);
}

.tp-social-icons.style1 .tp-social-button {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.tp-social-icons.style2 .tp-social-button {
    border-radius: 50%;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.tp-social-icons.style3 .tp-social-button {
    background: none;
    border: 2px solid #333;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.tp-social-icons.style4 .tp-social-button {
    background: none;
    border: 2px solid #333;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.tp-social-icons.rounded-corner.icon-small .tp-social-button {
    border-radius: 4px;
}

.tp-social-icons.rounded-corner.icon-normal .tp-social-button {
    border-radius: 6px;
}

.tp-social-icons.rounded-corner.icon-big .tp-social-button {
    border-radius: 8px;
}

.tp-social-icons.rounded-corner.icon-large .tp-social-button {
    border-radius: 18px;
}

.tp-social-icons.style6 .tp-social-button:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    background: #fff;
    border-radius: 50%;
    z-index: 8;
}

.tp-social-icons.style6 .tp-social-button i {
    transform: scale(0.8);
    z-index: 9;
    position: relative;
}

.tp-social-icons.style6.icon-normal .tp-social-button:after {
    margin: 2px;
}

.tp-social-icons.style6.icon-big .tp-social-button:after {
    margin: 6px;
}

.tp-social-icons.style6.icon-large .tp-social-button:after {
    margin: 10px;
}

.tp-social-icons.style7.icon-small .tp-social-button {
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}

.tp-social-icons.style7.icon-normal .tp-social-button {
    box-shadow: 0 -6px 0 rgba(0, 0, 0, 0.08) inset;
}

.tp-social-icons.style7.icon-big .tp-social-button {
    box-shadow: 0 -8px 0 rgba(0, 0, 0, 0.08) inset;
}

.tp-social-icons.style7.icon-large .tp-social-button {
    box-shadow: 0 -12px 0 rgba(0, 0, 0, 0.08) inset;
}

.tp-social-icons a i {
    color: inherit !important;
}

/* Latest Post Widget */
ul.tp-latest-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.tp-latest-posts div.tp-lp-title,
ul.tp-latest-posts span.tp-lp-title {
    font-weight: bold;
}

ul.tp-latest-posts li {
    margin: 0 0 20px !important;
    padding: 0;
    border: 0;
}

.tp-lp-image {
    float: left;
    width: 30%;
}

.tp-lp-image+.tp-lp-content {
    width: 70%;
    float: right;
    padding-left: 20px;
    font-size: 0.9rem;
}

.tp-lp-date {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-top: 10px;
}

.tp-lp-title a {
    color: inherit;
}

.tp-lp-excerpt {
    margin-top: 10px;
}

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
#total-preloader-wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--total-preloader-bg-color, #FFF);
    z-index: 99999;
    overflow: hidden;
}

body.elementor-editor-active #total-preloader-wrap {
    display: none;
}

#total-preloader-wrap>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#total-preloader-wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
body.tp-boxed #tp-page {
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

.hentry,
.tp-hentry {
    margin: 0 0 60px;
}

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

.tp-entry-content p,
.tp-entry-content ul,
.tp-entry-content ol {
    margin-bottom: 30px;
}

.tp-entry-content ul ul,
.tp-entry-content ol ol {
    margin-bottom: 0;
}

.tp-entry-content li {}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

#tp-primary {
    width: calc(97% - var(--total-sidebar-width, 27%));
    float: left;
}

#tp-secondary {
    width: var(--total-sidebar-width, 27%);
    float: right;
}

.tp-no-sidebar #tp-primary {
    width: auto;
    float: none;
}

.tp-no-sidebar-condensed #tp-primary {
    width: 76%;
    float: none;
    margin: 0 auto;
}

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

.tp-left-sidebar #tp-secondary {
    float: left;
}

/*Blog layout 1*/
.tp-entry-header .tp-entry-title {
    margin-bottom: 30px;
}

.tp-entry-header .tp-entry-title a {
    text-decoration: none;
    color: inherit;
}

.tp-entry-meta {
    margin-bottom: 20px;
    font-size: 0.9em;
    opacity: 0.9;
}

.tp-entry-meta>span {
    display: inline-block;
    margin-right: 30px;
}

.tp-entry-meta>span i {
    display: inline-block;
    margin-right: 5px;
}

.tp-entry-meta a {
    color: inherit;
}

.tp-entry-readmore {
    margin-top: 40px;
}

.tp-entry-readmore a {
    background: var(--total-template-color);
    padding: 12px 20px;
    line-height: 1.2;
    color: #fff;
    border: 0;
    transition: all 0.3s ease;
    display: inline-block;
}

.tp-entry-readmore a:hover {
    background: #333;
    color: #fff;
}

.tp-entry-comment i {
    margin-right: 5px;
}

.tp-post-wrapper {
    padding-left: 0;
}

.tp-blog-layout1 .tp-post-info {
    float: left;
    width: 80px;
    text-align: right;
}

.single .tp-blog-layout1 .tp-post-info {
    margin-right: 30px;
    margin-bottom: 20px;
}

.tp-blog-layout1 .tp-post-info .tp-entry-date {
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.tp-blog-layout1 .tp-post-info .tp-entry-date span {
    display: block;
    text-transform: uppercase;
}

.tp-blog-layout1 .tp-post-info .tp-entry-date span.tp-day {
    font-size: 60px;
    line-height: 1.3;
    color: var(--total-template-color);
}

.tp-blog-layout1 .tp-post-info .tp-entry-author-comment {
    font-size: 0.9em;
    line-height: 1.4;
}

.tp-blog-layout1 .tp-post-info .tp-entry-author-comment a {
    color: inherit;
}

.tp-blog-layout1 .tp-post-info .tp-entry-author {
    text-decoration: none;
    padding: 20px 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.tp-blog-layout1 .tp-post-info .comment-link {
    text-transform: lowercase;
}

.tp-blog-layout1 .tp-post-info .comment-link i {
    margin-right: 5px;
}

.tp-blog-layout1 .tp-post-info+.tp-post-wrapper {
    padding-left: 105px;
}

.tp-blog-layout1 .tp-entry-figure {
    text-align: center;
    margin-bottom: 25px;
}

.tp-blog-layout1 .tp-entry-header h1.tp-entry-title,
.tp-blog-layout1 .tp-entry-header div.tp-entry-title {
    margin-bottom: 40px;
}

.tp-blog-layout1 .tp-post-content {
    padding: 0 30px 30px;
    background: #fff;
}

.tp-blog-layout1 .tp-post-content .tp-entry-header {
    padding-top: 20px;
}

.tp-blog-layout1 .tp-entry-figure+.tp-post-content .tp-entry-header {
    background: #fff;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 15px 0 30px;
    margin-left: -30px;
}

/*Blog Layout 2*/
.tp-blog-layout2 .entry-section-title {
    padding: 40px;
    background: rgba(0, 0, 0, 0.02);
}

.tp-blog-layout2 .tp-post-info {
    float: left;
    width: 20%;
    text-align: center;
    z-index: 99;
    padding-right: 40px;
}

.tp-blog-layout2 .tp-post-info+.tp-post-content {
    float: left;
    width: 80%;
}

.tp-blog-layout2 .tp-post-date {
    text-align: center;
}

.tp-blog-layout2 .tp-entry-date {
    display: inline-block;
    background: var(--total-template-color);
    width: 70px;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-size: 0.9em;
    line-height: 1.3;
    transform: translateY(-50%);
}

.tp-blog-layout2 .tp-day {
    display: block;
    font-size: 30px;
    color: #fff;
}

.tp-blog-layout2 .tp-entry-author-comment {
    font-size: 0.9em;
}

.tp-blog-layout2 .tp-entry-author-comment img {
    border-radius: 50%;
}

.tp-blog-layout2 .tp-entry-author-comment a {
    color: inherit;
}

.tp-blog-layout2 .tp-entry-author {
    margin-top: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.tp-blog-layout2 .comment-link {
    text-transform: lowercase;
}

.tp-blog-layout2 .tp-entry-header .tp-entry-title {
    margin-bottom: 20px;
}

.tp-blog-layout2 .tp-entry-readmore {
    text-align: right;
}

/*Blog Layout 3*/
.tp-blog-layout3 .tp-post-content {
    background: #fff;
    padding: 40px 40px 0;
    margin-right: 5%;
    margin-left: 5%;
    position: relative;
}

.tp-blog-layout3 .tp-entry-figure+.tp-post-content {
    margin-top: -100px;
}

.tp-blog-layout3 .tp-entry-header .tp-entry-title {
    margin-bottom: 20px;
}

.tp-blog-layout3 .tp-post-info>span {
    margin-right: 20px;
}

.tp-blog-layout3 .tp-post-info a {
    color: inherit;
}

/*Blog Layout 4*/
.tp-blog-layout4-first {
    position: relative;
}

.tp-blog-layout4-first .tp-entry-figure {
    position: relative;
}

.tp-blog-layout4-first .tp-entry-figure a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.tp-blog-layout4-first:hover .tp-entry-figure a:after {
    background: rgba(0, 0, 0, 0.6);
}

.tp-blog-layout4-first .tp-post-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    padding: 40px 100px;
}

.tp-blog-layout4-first .tp-post-content a {
    color: #fff;
}

.tp-blog-layout4-first .tp-post-wrapper {
    min-height: 400px;
    background: #333;
}

.tp-blog-layout4-first .tp-post-wrapper img {
    min-height: 400px;
    object-fit: cover;
}

.tp-hentry-wrap {
    margin-left: -5%;
}

.tp-hentry-wrap .tp-blog-layout4.tp-hentry {
    width: 45%;
    float: left;
    margin-left: 5%;
}

.tp-hentry-wrap .tp-blog-layout4.tp-hentry:nth-child(2n + 1) {
    clear: both;
}

.tp-blog-layout4 .tp-entry-figure {
    margin-bottom: 20px;
}

.tp-blog-layout4 .tp-entry-header .tp-entry-title {
    font-size: 1.3em;
}

.tp-blog-layout4 .tp-entry-meta,
.tp-blog-layout4-first .tp-entry-meta {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 0.85em;
}

.tp-blog-layout4-first .tp-entry-header+.tp-entry-meta {
    margin-bottom: 0;
}

/*-------------------------*/
.single .tp-entry-header,
.single .tp-entry-figure {
    margin-bottom: 30px;
}

.single .tp-entry-header .tp-entry-title {
    margin-bottom: 0;
}

.single .tp-entry-header .tp-sub-title {
    margin-top: 20px;
}

.tp-single-entry-content,
.tp-single-entry-figure {
    margin-bottom: 40px;
}

.tp-single-entry-content p,
.tp-single-entry-content ul,
.tp-single-entry-content ol {
    margin-bottom: 30px;
}

.tp-single-entry-meta {
    margin-bottom: 40px;
    font-size: 0.9em;
}

.tp-single-entry-meta a {
    color: inherit;
}

.tp-single-entry-meta img {
    border-radius: 50%;
    margin-right: 10px;
}

.tp-single-entry-meta>span {
    display: inline-block;
    margin-right: 30px;
    opacity: 0.8;
}

.tp-single-entry-meta .tp-entry-comment i {
    margin-right: 5px;
}

.tp-single-entry-content,
.tp-single-entry-figure {
    margin-bottom: 40px;
}

blockquote:not(.wp-block-quote) {
    background: #f6f6f6;
    padding: 40px;
    clear: both;
    margin: 0 0 30px;
    border-left: 3px solid var(--total-template-color);
    font-style: italic;
    font-size: 1.1em;
}

blockquote:not(.wp-block-quote) p:last-child {
    margin-bottom: 0;
}

blockquote:not(.wp-block-quote) cite {
    font-size: 0.9em;
    display: block;
    margin-top: 20px;
}

.tp-single-entry-footer {
    margin-bottom: 40px;
    font-size: 0.7em;
    line-height: 1;
}

.tp-single-entry-footer span {
    margin-right: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.2em;
}

.tp-single-entry-footer span i {
    margin-right: 5px;
}

.tp-single-entry-footer a {
    background: rgba(0, 0, 0, 0.1);
    padding: 6px 10px;
    display: inline-block;
    margin-right: 10px;
    color: #333 !important;
    border-radius: 20px;
}

.tp-single-entry-footer a:hover {
    background: #333;
    color: #eee !important;
}

.tp-social-share {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 0.9em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tp-social-share>span i {
    margin-right: 10px;
    display: inline-block;
}

.totalplus-share-buttons {
    float: right;
    margin-left: 40px;
}

.totalplus-share-buttons a {
    display: inline-block;
    line-height: 38px;
    width: 38px;
    height: 38px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    background: #333;
    font-size: 16px;
    border-radius: 30px;
}

.totalplus-share-buttons a i {
    color: inherit;
}

.totalplus-share-buttons .twitter-share {
    background: #000;
}

.totalplus-share-buttons .facebook-share {
    background: #204385;
}

.totalplus-share-buttons .pinterest-share {
    background: #ca2128;
}

.totalplus-share-buttons .linkedin-share {
    background: #02669a;
}

.totalplus-share-buttons .whatsapp-share {
    background: #25D366;
}

.tp-post-navigation {
    margin-bottom: 40px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    font-size: 1.1em;
    line-height: 1.4;
}

.tp-post-navigation .tp-nav-links {
    display: flex;
}

.tp-post-navigation .tp-nav-previous,
.tp-post-navigation .tp-nav-next {
    width: 50%;
    padding: 0 20px;
}

.tp-post-navigation .tp-nav-next {
    text-align: right;
    border-left: 1px solid #eee;
}

.tp-post-navigation a {
    color: inherit;
}

.tp-post-navigation a span {
    display: block;
    text-transform: uppercase;
    font-size: 0.7em;
    margin-bottom: 10px;
}

.tp-post-navigation .tp-nav-previous a span i {
    margin-right: 10px;
}

.tp-post-navigation .tp-nav-next a span i {
    margin-left: 10px;
}

.totalplus-author-info {
    margin-bottom: 60px;
    border: 6px solid rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.totalplus-author-avatar {
    float: left;
}

.totalplus-author-description {
    padding-left: 130px;
}

.totalplus-author-icons a {
    color: #666;
    padding: 10px;
}

.tp-related-post {
    margin-bottom: 40px;
}

ul.tp-related-post-wrap {
    margin: 0 0 0 -3%;
    padding: 0;
    list-style: none;
}

ul.tp-related-post-wrap li {
    float: left;
    width: 30.33%;
    margin-left: 3%;
}

ul.tp-related-post-wrap .relatedthumb {
    margin-bottom: 15px;
}

ul.tp-related-post-wrap h4 {
    font-size: 1.1em;
}

ul.tp-related-post-wrap h4 a {
    color: inherit;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.tp-content-area .widget-title {
    margin-bottom: 30px;
}

.tp-widget-area .widget {
    margin-bottom: var(--total-sidebar-widget-spacing, 50px);
}

.tp-widget-area .widget .widget-title,
.tp-widget-area .widget h1,
.tp-widget-area .widget h2,
.tp-widget-area .widget h3,
.tp-widget-area .widget h4,
.tp-widget-area .widget h5,
.tp-widget-area .widget h6 {
    color: var(--total-sidebar-title-color, var(--total-content-header-color, #000));
    font-family: var(--total-sidebar-heading-family, var(--total-h-family, var(--total-h5-family, Oswald)));
    font-style: var(--total-sidebar-heading-style, normal);
    font-weight: var(--total-sidebar-heading-weight, 400);
    letter-spacing: var(--total-sidebar-heading-letter-spacing, 0);
    line-height: var(--total-sidebar-heading-line-height, 1.3);
    text-decoration: var(--total-sidebar-heading-text-decoration, none);
    text-transform: var(--total-sidebar-heading-text-transform, none);
}

.tp-widget-area .widget .widget-title,
.comment-reply-title,
.comments-area .comments-title,
.tp-related-post .tp-related-post-title {
    font-family: var(--total-sidebar-heading-family, var(--total-h-family, var(--total-h5-family, Oswald)));
    font-style: var(--total-sidebar-heading-style, normal);
    font-weight: var(--total-sidebar-heading-weight, 400);
    font-size: var(--total-sidebar-heading-size, 22px);
    letter-spacing: var(--total-sidebar-heading-letter-spacing, 0);
    line-height: var(--total-sidebar-heading-line-height, 1.3);
    text-decoration: var(--total-sidebar-heading-text-decoration, none);
    text-transform: var(--total-sidebar-heading-text-transform, none);
}

.tp-widget-area .widget {
    color: var(--total-sidebar-content-color, var(--total-content-text-color, #333));
    font-family: var(--total-sidebar-family, var(--total-body-family, Poppins));
    font-style: var(--total-sidebar-style, normal);
    font-weight: var(--total-sidebar-weight, 400);
    font-size: var(--total-sidebar-size, 16px);
    letter-spacing: var(--total-sidebar-letter-spacing, 0);
    line-height: var(--total-sidebar-line-height, 1.3);
    text-decoration: var(--total-sidebar-text-decoration, none);
    text-transform: var(--total-sidebar-text-transform, none);
}

.tp-widget-area .widget a {
    color: var(--total-sidebar-link-color);
}

.tp-widget-area .widget a:hover {
    color: var(--total-sidebar-link-hover-color, var(--total-sidebar-link-color));
}

.tp-sidebar-style1 .tp-widget-area .widget-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.tp-sidebar-style1 .tp-widget-area .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 40px;
    background: var(--total-sidebar-title-color, var(--total-template-color));
    height: 2px;
}

.tp-sidebar-style2 .tp-widget-area .widget-title {
    margin-bottom: 25px;
}

.tp-sidebar-style2 .tp-widget-area .widget {
    position: relative;
    border: 1px solid var(--total-sidebar-border-color, rgba(0, 0, 0, 0.05));
    padding: 25px;
}

.tp-sidebar-style2 .tp-widget-area .widget:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 4px;
    background: var(--total-sidebar-title-color, var(--total-template-color));
}

.tp-sidebar-style3 .tp-widget-area .widget-title {
    border-left: 6px solid var(--total-sidebar-title-color, var(--total-template-color));
    padding: 0 15px;
    line-height: var(--total-sidebar-heading-line-height, 1.2);
    text-transform: var(--total-sidebar-heading-text-transform, uppercase);
    margin-bottom: 25px;
}

.comment-reply-title:after,
.comments-title:after {
    content: inherit;
}

.tp-sidebar-style1 .comment-reply-title,
.tp-sidebar-style1 .comments-area .comments-title,
.tp-sidebar-style1 .tp-related-post .tp-related-post-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: block;
}

.tp-sidebar-style1 .comment-reply-title:after,
.tp-sidebar-style1 .comments-area .comments-title:after,
.tp-sidebar-style1 .tp-related-post .tp-related-post-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 40px;
    height: 2px;
    background: var(--total-sidebar-title-color, var(--total-template-color));
}

.tp-sidebar-style2 .comment-reply-title,
.tp-sidebar-style2 .comments-area .comments-title,
.tp-sidebar-style2 .tp-related-post .tp-related-post-title {
    margin-bottom: 20px;
}

.tp-sidebar-style2 .comments-area,
.tp-sidebar-style2 .tp-related-post {
    position: relative;
    border: 1px solid var(--total-sidebar-border-color, rgba(0, 0, 0, 0.05));
    padding: 25px;
}

.tp-sidebar-style2 .comments-area:before,
.tp-sidebar-style2 .tp-related-post:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 4px;
    background: var(--total-sidebar-title-color, var(--total-template-color));
}

.tp-sidebar-style3 .comment-reply-title,
.tp-sidebar-style3 .comments-area .comments-title,
.tp-sidebar-style3 .tp-related-post .tp-related-post-title {
    border-left: 6px solid var(--total-sidebar-title-color, var(--total-template-color));
    padding: 0 15px;
    line-height: 1.2;
    margin-bottom: 30px;
}

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

.tp-widget-area li {
    margin-bottom: 15px;
}

.tp-widget-area ul ul {
    margin-top: 15px;
    margin-left: 15px;
}

.tp-widget-area li:last-child {
    margin-bottom: 0;
}

.tp-widget-area a {
    text-decoration: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.author-email-url {
    margin-left: -2%;
}

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

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

.comment-form .form-submit {
    margin-bottom: 0;
}

.comments-area {
    margin-bottom: 40px;
}

.logged-in-as,
.comment-notes {
    font-size: 0.9em;
}

.logged-in-as a {
    color: inherit;
}

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

.comments-area li.comment .children {
    display: block;
    margin: 0 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-section-title {
    background: #fff;
    margin: 0 0 30px;
    position: relative;
    border: 1px solid #eee;
    padding: 30px;
}

.comment-list a {
    color: #404040;
}

.comment-list a:hover {
    color: var(--total-template-color);
}

.comment-list .comment-respond {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}

.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}

.comment-list .vcard .fn {
    font-weight: normal;
    font-size: 16px;
}

.comment-list .edit-link {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-list .edit-link a {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}

.comment-list .comment-meta {
    margin-bottom: 15px;
}

.comment-list .comment-metadata {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 14px;
}

.comment-list .comment-metadata a {
    float: left;
}

.comment-list .comment-metadata .reply {
    float: right;
}

#cancel-comment-reply-link {
    float: right;
}

.comment-navigation .tp-nav-previous a,
.comment-navigation .tp-nav-next a {
    background: var(--total-template-color);
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}

.comment-navigation .tp-nav-next a {
    margin-right: 13px;
}

.comment-navigation .tp-nav-next a:after {
    content: "";
    position: absolute;
    border-left: 11px solid var(--total-template-color);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}

.comment-navigation .tp-nav-previous a {
    margin-left: 11px;
}

.comment-navigation .tp-nav-previous a:after {
    content: "";
    position: absolute;
    border-right: 11px solid var(--total-template-color);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}

.no-comments {
    color: var(--total-template-color);
}

.pagination {
    clear: both;
    text-align: center;
    margin-bottom: 60px;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 2px;
    background: var(--total-template-color);
    color: #fff;
    padding: 16px 22px;
    line-height: 1;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background: #333;
    color: #fff;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.tp-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%;
    vertical-align: middle;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

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

.gallery-columns-3 .gallery-item {
    max-width: 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;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#tp-masthead {
    z-index: 999;
    background: none;
    padding: 0;
}

.tp-header-above #tp-masthead {
    position: relative;
}

.tp-header-over #tp-masthead {
    position: absolute;
    left: 0;
    right: 0;
}

/*====== Page Banner =======*/
.tp-main-header {
    padding: var(--total-page-banner-padding-top-desktop, 45px) var(--total-page-banner-padding-right-desktop, 0) var(--total-page-banner-padding-bottom-desktop, 45px) var(--total-page-banner-padding-left-desktop, 0);
    margin-bottom: 60px;
    position: relative;
    background-image: var(--total-page-banner-bg-url);
    background-size: var(--total-page-banner-bg-size, cover);
    background-position: var(--total-page-banner-bg-position, center center);
    background-repeat: var(--total-page-banner-bg-repeat, no-repeat);
    background-attachment: var(--total-page-banner-bg-attachment, scroll);
    background-color: var(--total-page-banner-bg-color, #F7F9FD);
    color: var(--total-page-banner-title-color, #000);
}

.tp-no-header-space .tp-main-header {
    margin-bottom: 0;
}

.tp-no-header-space.tp-hide-titlebar .tp-site-header {
    padding-bottom: 0;
}

.tp-header-over.tp-hide-titlebar #tp-masthead {
    position: relative;
}

.tp-main-header.tp-bg-has-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-page-banner-bg-overlay, transparent);
    opacity: 0.9;
}

.tp-main-header>.tp-container {
    position: relative;
}

.tp-header-title {
    margin-bottom: 20px;
}

.tp-main-title {
    margin: 0 0 15px;
    color: var(--total-page-banner-title-color, #000);
    font-family: var(--total-page-banner-family, var(--total-h-family, var(--total-h1-family, Oswald)));
    font-style: var(--total-page-banner-style, normal);
    font-weight: var(--total-page-banner-weight, 400);
    font-size: var(--total-page-banner-size, 38px);
    letter-spacing: var(--total-page-banner-letter-spacing, 0);
    line-height: var(--total-page-banner-line-height, 1.3);
    text-decoration: var(--total-page-banner-text-decoration, none);
    text-transform: var(--total-page-banner-text-transform, none);
}

.tp-main-title:last-child,
.tp-sub-title:last-child {
    margin-bottom: 0;
}

.tp-sub-title {
    margin-bottom: 15px;
    font-size: 1.2em;
    color: var(--total-page-banner-title-color, #000);
}

/* Style 2 */
.tp-main-header.tp-banner-style2 {
    text-align: center;
}

/* Style 3 */
.tp-main-header.tp-banner-style3 .tp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tp-main-header.tp-banner-style3 .tp-header-title {
    margin-bottom: 0;
}

.tp-container.tp-fullwidth-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

/*====== Top Header =======*/
.tp-top-header {
    position: relative;
    background: var(--total-th-bg-color, var(--total-template-color));
    padding: var(--total-th-padding, 15px) 0;
    color: var(--total-th-text-color, #fff);
    font-family: var(--total-th-family, var(--total-body-family, Poppins));
    font-style: var(--total-th-style, normal);
    font-weight: var(--total-th-weight, 400);
    font-size: var(--total-th-size, 14px);
    letter-spacing: var(--total-th-letter-spacing, 0);
    line-height: var(--total-th-line-height, 1.6);
    text-decoration: var(--total-th-text-decoration, none);
    text-transform: var(--total-th-text-transform, none);
    z-index: 9;
}

.tp-mobile-top-header {
    display: none;
}

.tp-top-header .tp-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tp-top-header a {
    text-decoration: none;
    color: var(--total-th-anchor-color, #fff);
}

.tp-top-header a:hover {
    color: var(--total-th-anchor-hover-color, #FFF);
}

.tp-top-header a i {
    color: inherit;
    font-size: inherit;
}

.tp-top-header p {
    margin-bottom: 0;
}

.tp-top-header ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.th-social a {
    padding: 5px 10px;
}

.th-menu>ul>li {
    display: inline-block;
    margin: 0 8px;
}

.tp-th-right .widget {
    margin: 0;
}

.tp-top-header .widget_polylang ul li {
    display: inline-block;
    margin: 0 5px;
}

/*====== Site Logo =======*/
#tp-site-branding {
    display: flex;
    flex-shrink: 0;
}

#tp-site-branding.tp-below-logo {
    flex-direction: column;
    justify-content: center;
}

#tp-site-branding.tp-inline-logo {
    align-items: center;
}

.tp-header-widget .widget:last-child {
    margin-bottom: 0;
}

.tp-site-title-tagline .tp-site-description {
    margin: 0;
}

/*====== Main Header =======*/
.tp-site-header .tp-header {
    position: relative;
    background: none;
    z-index: 99;
    padding: 0;
    border: 0;
    transition: none;
    box-shadow: none;
}

.tp-header .tp-container {
    padding: 0;
    transition: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*====== Main Navigation =======*/
.tp-main-navigation {
    display: flex;
    align-items: center;
}

.tp-main-navigation ul {
    list-style: none;
    margin: 0;
}

.tp-menu li.menu-item {
    position: relative;
}

.tp-menu>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tp-menu>ul>li.menu-item {
    /*flex: 1 0 auto;*/
    float: none;
}

.tp-menu li.menu-item>a {
    position: relative;
    display: block;
}

.tp-menu>ul>li.menu-item>a {
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: var(--total-pm-menu-link-color, #333);
    font-size: var(--total-menu-size, 14px);
    letter-spacing: var(--total-menu-letter-spacing, 0);
    line-height: var(--total-menu-line-height, 2.6);
    font-family: var(--total-menu-family, Oswald);
    font-weight: var(--total-menu-weight, 400);
    font-style: var(--total-menu-style, normal);
    text-decoration: var(--total-menu-text-decoration, none);
    text-transform: var(--total-menu-text-transform, uppercase);
}

.tp-menu li.menu-item>a>i {
    line-height: inherit;
    font-size: 1em;
}

.tp-menu ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 0;
    z-index: 999;
    background: var(--total-pm-submenu-bg-color, #fff);
    width: var(--total-ms-submenu-width, 240px);
    padding: var(--total-ms-submenu-spacing-top-desktop, 8px) var(--total-ms-submenu-spacing-right-desktop, 8px) var(--total-ms-submenu-spacing-bottom-desktop, 8px) var(--total-ms-submenu-spacing-left-desktop, 8px);
    font-family: var(--total-menu-family, Oswald);
    font-size: var(--total-submenu-size, 0.9em);
    letter-spacing: var(--total-submenu-letter-spacing, 0);
    line-height: var(--total-submenu-line-height, inherit);
    font-family: var(--total-submenu-family, var(--total-menu-family, Oswald));
    font-weight: var(--total-submenu-weight, 400);
    font-style: var(--total-submenu-style, normal);
    text-decoration: var(--total-submenu-text-decoration, none);
    text-transform: var(--total-submenu-text-transform, inherit);
}

.tp-menu ul ul ul {
    left: 100%;
    top: 0;
    margin: 0;
    border-top: 0;
}

.tp-menu ul ul li.menu-item {
    float: none;
    padding: 0;
}

.tp-menu>ul>li.menu-item {
    margin-left: var(--total-ms-menu-link-spacing-left-desktop, 10px);
    margin-right: var(--total-ms-menu-link-spacing-right-desktop, 0);
}

.tp-menu>ul>li.menu-item>ul {
    margin-top: var(--total-ms-submenu-top-spacing, 0);
}

.tp-menu ul ul li.menu-item>a {
    color: var(--total-pm-submenu-link-color, #444);
    padding: var(--total-ms-submenu-link-spacing-top-desktop, 10px) var(--total-ms-submenu-link-spacing-right-desktop, 15px) var(--total-ms-submenu-link-spacing-bottom-desktop, 10px) var(--total-ms-submenu-link-spacing-left-desktop, 15px);
    display: flex;
    align-items: center;
}

.tp-menu ul ul a .dropdown-nav {
    margin-left: auto;
}

.tp-menu ul li.menu-item:hover>ul {
    display: block;
}

.tp-menu>ul>li.menu-item:hover>a,
.tp-menu>ul>li.menu-item.current_page_item>a,
.tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-menu>ul>li.menu-item.current>a,
#tp-masthead:not(.tp-hover-style1):not(.tp-hover-style3) .tp-menu-extra-items a.tp-menu-extra-item-link:hover {
    background: none;
    color: var(--total-pm-menu-link-hover-color, inherit);
}

.tp-menu-extra-items {
    display: flex;
    align-items: center;
}

.tp-menu-extra-items a.tp-menu-extra-item-link {
    color: var(--total-pm-menu-link-color, #333);
    font-size: var(--total-menu-size, 14px);
    letter-spacing: var(--total-menu-letter-spacing, 0);
    line-height: var(--total-menu-line-height, 2.6);
    font-family: var(--total-menu-family, Oswald);
    font-weight: var(--total-menu-weight, 400);
    font-style: var(--total-menu-style, normal);
    text-decoration: var(--total-menu-text-decoration, none);
    text-transform: var(--total-menu-text-transform, uppercase);
}

/*====== CTA Button =======*/
.tp-menu-item-cta>a {
    display: inline-block;
    padding: 0 20px;
    white-space: nowrap;
    color: var(--total-hb-text-color, #FFF);
    background: var(--total-hb-bg-color, #000);
    border-radius: var(--total-hb-borderradius, 0);
    font-size: var(--total-menu-size, 14px);
    letter-spacing: var(--total-menu-letter-spacing, 0);
    line-height: var(--total-menu-line-height, 2.6);
    font-family: var(--total-menu-family, Oswald);
    font-weight: var(--total-menu-weight, 400);
    font-style: var(--total-menu-style, normal);
    text-decoration: var(--total-menu-text-decoration, none);
    text-transform: var(--total-menu-text-transform, uppercase);
}

.tp-menu-item-cta>a:hover {
    color: var(--total-hb-text-hov-color, var(--total-hb-text-color, #FFF));
    background: var(--total-hb-bg-hov-color, var(--total-hb-bg-color, #000));
}

.tp-menu-extra-items .tp-menu-extra-item {
    margin-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
}

.tp-menu-item-cta.tp-menu-extra-item {
    margin-left: 25px;
}

.tp-menu-item-social>a,
.tp-menu-item-search>a,
.tp-menu-item-cart>li>a {
    padding: 0 5px;
    display: block;
    font-size: var(--total-menu-size, 14px);
    letter-spacing: var(--total-menu-letter-spacing, 0);
    line-height: var(--total-menu-line-height, 2.6);
    font-family: var(--total-menu-family, Oswald);
    font-weight: var(--total-menu-weight, 400);
    font-style: var(--total-menu-style, normal);
    text-decoration: var(--total-menu-text-decoration, none);
    text-transform: var(--total-menu-text-transform, uppercase);
}

/* Menu Icon */
ul.tp-menu [class*="mm-font-icon-"] {
    line-height: inherit;
}

.mm-font-icon-before {
    margin-right: 0.4em;
}

.mm-font-icon-after {
    margin-left: 0.4em;
}

.mm-no-title {
    margin: 0;
}

/* Mega Menu */
.tp-menu>ul>li:not(.megamenu-category) ul.megamenu ul,
ul.tp-product-menu>li:not(.megamenu-category) ul.megamenu ul {
    opacity: 1 !important;
    display: block !important;
    position: static;
    background: none;
    box-shadow: none;
    min-width: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
}

.tp-menu>ul>li>ul:not(.megamenu) li.menu-item:hover>a {
    color: var(--total-pm-submenu-link-hover-color, var(--total-pm-submenu-link-color, #444));
    background: var(--total-pm-submenu-link-bg-color, transparent);
}

.tp-menu ul ul.megamenu,
ul.tp-product-menu ul.megamenu {
    padding: 20px 0;
    color: var(--total-pm-submenu-link-color, #444);
}

.tp-menu ul ul.megamenu a,
ul.tp-product-menu ul.megamenu a {
    color: inherit;
}

.tp-menu ul ul.megamenu>li.menu-item,
ul.tp-product-menu ul.megamenu>li.menu-item {
    float: left;
    padding: 0 20px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-1,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-1 {
    width: 220px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-2,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-2 {
    width: 440px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-3,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-3 {
    width: 660px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-4,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-4 {
    width: 880px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-5,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-5 {
    width: 1000px;
}

.tp-menu>ul>li.megamenu-auto-width .megamenu.col-6,
ul.tp-product-menu>li.megamenu-auto-width .megamenu.col-6 {
    width: 1220px;
}

.tp-menu ul ul.megamenu.col-1>li.menu-item,
ul.tp-product-menu ul.megamenu.col-1>li.menu-item {
    width: 100%;
}

.tp-menu ul ul.megamenu.col-2>li.menu-item,
ul.tp-product-menu ul.megamenu.col-2>li.menu-item {
    width: 50%;
}

.tp-menu ul ul.megamenu.col-3>li.menu-item,
ul.tp-product-menu ul.megamenu.col-3>li.menu-item {
    width: 33.33%;
}

.tp-menu ul ul.megamenu.col-4>li.menu-item,
ul.tp-product-menu ul.megamenu.col-4>li.menu-item {
    width: 25%;
}

.tp-menu ul ul.megamenu.col-5>li.menu-item,
ul.tp-product-menu ul.megamenu.col-5>li.menu-item {
    width: 20%;
}

.tp-menu ul ul.megamenu.col-6>li.menu-item,
ul.tp-product-menu ul.megamenu.col-6>li.menu-item {
    width: 16.66%;
}

.tp-menu ul ul.megamenu.col-2>li.menu-item:nth-child(2n+1),
ul.tp-product-menu ul.megamenu.col-2>li.menu-item:nth-child(2n+1) {
    clear: both;
}

.tp-menu ul ul.megamenu.col-3>li.menu-item:nth-child(3n+1),
ul.tp-product-menu ul.megamenu.col-3>li.menu-item:nth-child(3n+1) {
    clear: both;
}

.tp-menu ul ul.megamenu.col-4>li.menu-item:nth-child(4n+1),
ul.tp-product-menu ul.megamenu.col-4>li.menu-item:nth-child(4n+1) {
    clear: both;
}

.tp-menu ul ul.megamenu.col-5>li.menu-item:nth-child(5n+1),
ul.tp-product-menu ul.megamenu.col-5>li.menu-item:nth-child(5n+1) {
    clear: both;
}

.tp-menu ul ul.megamenu.col-6>li.menu-item:nth-child(6n+1),
ul.tp-product-menu ul.megamenu.col-6>li.menu-item:nth-child(6n+1) {
    clear: both;
}

ul.megamenu li.menu-item.heading-yes .heading-yes {
    margin-top: 20px;
}

ul.megamenu li.menu-item.heading-yes>a {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    pointer-events: none;
}

ul.megamenu li.menu-item.heading-hide>a {
    display: none !important;
}

ul.megamenu>li.menu-item a .dropdown-nav {
    display: none;
}

.tp-menu-template,
.tp-menu-widget {
    margin: -20px;
}

ul.megamenu li.menu-item>a {
    display: flex;
    margin-bottom: 10px;
    padding: 0 !important;
}

/* MegaMenu Category Tab CSS */
.megamenu-full-width.megamenu-category .cat-megamenu-tab {
    width: 220px;
    padding: 40px 0 40px 20px;
    float: left;
}

.megamenu-full-width.megamenu-category .cat-megamenu-tab>div {
    position: relative;
    padding: 10px 10px 10px 0;
    cursor: pointer;
}

.tp-menu .megamenu-full-width.megamenu-category .cat-megamenu-tab>div.active-tab {
    color: var(--total-pm-submenu-link-hover-color, #333);
    background: var(--total-pm-submenu-link-bg-color, transparent);
}

.megamenu-full-width.megamenu-category .cat-megamenu-tab>div:after {
    content: "\F142";
    font-family: "Material Design Icons";
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.megamenu-full-width.megamenu-category .cat-megamenu-content {
    padding-left: 220px;
    padding-right: 20px;
    background: none;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content ul {
    display: none;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content-full ul {
    display: block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    margin-left: -2%;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content ul:first-child {
    display: block;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content ul li {
    width: 31.33%;
    float: left;
    margin-left: 2%;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content-full {
    padding: 0 20px;
}

.megamenu-full-width.megamenu-category .cat-megamenu-content-full ul li {
    width: 23%;
    float: left;
    margin-left: 2%;
}

.megamenu-full-width.megamenu-category .mega-post-title {
    margin-bottom: 8px;
}

.megamenu-full-width.megamenu-category .mega-post-link {
    display: block;
    margin-bottom: 10px;
}

/*========= Header Hover Style =========*/
.tp-hover-style1 .tp-menu>ul>li.menu-item:hover>a,
.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-hover-style1 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-hover-style1 .tp-menu>ul>li.menu-item.current>a {
    background: var(--total-pm-menu-hover-bg-color, var(--total-template-color));
}

.tp-hover-style2 .tp-menu>ul>li.menu-item>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item>a {
    border: 1px solid transparent;
}

.tp-hover-style2 .tp-menu>ul>li.menu-item:hover>a,
.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-hover-style2 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-hover-style2 .tp-menu>ul>li.menu-item.current>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item:hover>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item.current>a {
    border: 1px solid var(--total-template-color);
}

.tp-hover-style3 .tp-menu>ul>li.menu-item>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item>a {
    border-radius: 30px;
}

.tp-hover-style3 .tp-menu>ul>li.menu-item>a,
.tp-hover-style4 .tp-menu>ul>li.menu-item>a {
    padding-left: 20px;
    padding-right: 20px;
}

.tp-hover-style5 .tp-menu>ul>li.menu-item>a:after,
.tp-hover-style5 .tp-menu>ul>li.menu-item>a:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 10px;
    background: var(--total-template-color);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.tp-hover-style5 .tp-menu>ul>li.menu-item>a:before {
    right: 100%;
    margin-right: -15px;
    transition: opacity 0.3s ease, margin-right 0.3s ease;
}

.tp-hover-style5 .tp-menu>ul>li.menu-item>a:after {
    left: 100%;
    margin-left: -15px;
    transition: opacity 0.3s ease, margin-left 0.3s ease;
}

.tp-hover-style3 .tp-menu>ul>li.menu-item:hover>a,
.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-hover-style3 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-hover-style3 .tp-menu>ul>li.menu-item.current>a {
    background: var(--total-pm-menu-hover-bg-color, var(--total-template-color));
}

.tp-hover-style6 .tp-menu>ul>li.menu-item>a,
.tp-hover-style7 .tp-menu>ul>li.menu-item>a {
    padding: 0;
}

.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:before {
    opacity: 1;
    margin-right: -10px;
    background: var(--total-pm-menu-link-hover-color);
}

.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:after,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:after,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:after,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:after,
.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:after {
    opacity: 1;
    margin-left: -10px;
    background: var(--total-pm-menu-link-hover-color);
}

.tp-hover-style6 .tp-menu>ul>li.menu-item,
.tp-hover-style7 .tp-menu>ul>li.menu-item {
    margin-left: var(--total-ms-menu-link-spacing-left-desktop, 30px);
}

.tp-hover-style6 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-hover-style6 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-hover-style6 .tp-menu>ul>li.menu-item.current>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--total-pm-menu-link-hover-color, var(--total-template-color));
}

/*========= Header One =========*/
.tp-header-one .tp-header {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    background: var(--total-mh-bg-color, #FFF);
}

.tp-header-one .tp-header .tp-container {
    padding-top: var(--total-mh-spacing-top-desktop, 15px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 15px);
    padding-left: var(--total-mh-spacing-left-desktop, 0);
    padding-right: var(--total-mh-spacing-right-desktop, 0);
}

.tp-sticky-header .tp-header-one .tp-header.headroom.headroom-not-top {
    background: var(--total-mh-bg-color, #FFF);
}

.tp-sticky-header .tp-header-one .tp-header.headroom.headroom-not-top .tp-container {
    background: none;
}

/*========= Header Two =========*/
#tp-masthead.tp-header-two {
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
}

.tp-sticky-header .tp-header-two .tp-header.headroom.headroom-not-top {
    background: var(--total-mh-bg-color, #FFF);
}

.tp-sticky-header .tp-header-two .tp-header.headroom.headroom-not-top .tp-container {
    background: none;
}

.tp-header-two .tp-header .tp-container {
    align-items: stretch;
    background: var(--total-mh-bg-color, #FFF);
}

.tp-header-two .tp-header-nav-wrap {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tp-header-two .tp-header-nav-wrap .tp-top-header {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tp-header-two .tp-main-navigation {
    justify-content: flex-end;
    padding-top: var(--total-mh-spacing-top-desktop, 20px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 20px);
    padding-left: var(--total-mh-spacing-left-desktop, 20px);
    padding-right: var(--total-mh-spacing-right-desktop, 20px);
}

.tp-header-two #tp-site-branding {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 30px;
}

/*========= Header Three =========*/
#tp-masthead.tp-header-three {
    position: absolute;
    left: 0;
    right: 0;
}

.tp-header-three .tp-top-header {
    margin-bottom: 20px;
}

.tp-header-three .tp-header .tp-container {
    padding-top: var(--total-mh-spacing-top-desktop, 20px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 20px);
    padding-left: var(--total-mh-spacing-left-desktop, 20px);
    padding-right: var(--total-mh-spacing-right-desktop, 20px);
    background: var(--total-mh-bg-color, #FFF);
    border-bottom: 4px solid var(--total-th-bg-color, var(--total-template-color));
}

.tp-sticky-header .tp-header-three .tp-header.headroom.headroom-not-top .tp-container {
    border-bottom: 0;
}

.tp-sticky-header .tp-header-three .tp-header.headroom.headroom-not-top {
    background: var(--total-mh-bg-color, #FFF);
    border-bottom: 4px solid var(--total-th-bg-color, var(--total-template-color));
}

.tp-sticky-header .tp-header-three .tp-header.headroom.headroom-not-top .tp-container {
    background: none;
}

/*========= Header Four =========*/
.tp-header-four .tp-middle-header {
    border-top: 4px solid var(--total-pm-bg-color, var(--total-template-color, #FFF));
    background: var(--total-mh-bg-color, #FFF);
}

.tp-header-four .tp-top-header+.tp-middle-header {
    border-top: 0;
}

.tp-header-four .tp-middle-header .tp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--total-mh-spacing-top-desktop, 40px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 80px);
    padding-left: var(--total-mh-spacing-left-desktop, 0);
    padding-right: var(--total-mh-spacing-right-desktop, 0);
}

.tp-header-four .tp-header {
    transform: translateY(-50%);
}

.tp-sticky-header .tp-header-four .tp-header.headroom-not-top {
    transform: translateY(0);
}

.tp-header-four .tp-header-wrap {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.tp-header-four .tp-header .tp-container {
    padding-top: var(--total-pm-spacing-top-desktop, 10px);
    padding-bottom: var(--total-pm-spacing-bottom-desktop, 10px);
    padding-left: var(--total-pm-spacing-left-desktop, 20px);
    padding-right: var(--total-pm-spacing-right-desktop, 20px);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    background: var(--total-pm-bg-color, var(--total-template-color, #FFF));
}

.tp-sticky-header .tp-header-four .tp-header.headroom-not-top .tp-container {
    box-shadow: none;
}

.tp-header-four .tp-main-navigation {
    width: 100%;
    justify-content: space-between;
}

.tp-sticky-header .tp-header-four .tp-header.headroom.headroom-not-top {
    background: var(--total-pm-bg-color, var(--total-template-color, #FFF));
}

/*========= Header Five =========*/
.tp-header-five#tp-masthead {
    position: relative;
}

.tp-header-five .tp-middle-header {
    background: var(--total-mh-bg-color, #FFF);
}

.tp-header-five .tp-middle-header .tp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--total-mh-spacing-top-desktop, 40px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 40px);
    padding-left: var(--total-mh-spacing-left-desktop, 0);
    padding-right: var(--total-mh-spacing-right-desktop, 0);
}

.tp-header-five .tp-main-navigation .tp-container {
    justify-content: space-between;
    padding-top: var(--total-pm-spacing-top-desktop, 10px);
    padding-bottom: var(--total-pm-spacing-bottom-desktop, 10px);
    padding-left: var(--total-pm-spacing-left-desktop, 0);
    padding-right: var(--total-pm-spacing-right-desktop, 0);
}

.tp-header-five .tp-header {
    background: var(--total-pm-bg-color, var(--total-template-color, #FFF));
}

/*========= Header Six =========*/
.tp-header-six .tp-middle-header {
    background: var(--total-mh-bg-color, #FFF);
}

.tp-header-six .tp-middle-header .tp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--total-mh-spacing-top-desktop, 40px);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 40px);
    padding-left: var(--total-mh-spacing-left-desktop, 0);
    padding-right: var(--total-mh-spacing-right-desktop, 0);
}

.tp-header-six .tp-main-navigation {
    background: var(--total-pm-bg-color, var(--total-template-color, #FFF));
    position: relative;
}

.tp-header-six .tp-main-navigation .tp-container {
    padding-top: var(--total-pm-spacing-top-desktop, 10px);
    padding-bottom: var(--total-pm-spacing-bottom-desktop, 10px);
    padding-left: var(--total-pm-spacing-left-desktop, 0);
    padding-right: var(--total-pm-spacing-right-desktop, 0);
}

.tp-header-six .tp-main-navigation:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    bottom: 35%;
    background: var(--total-mh-bg-color, #FFF);
    clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
}

.tp-wide .tp-header-six .tp-main-navigation:before {
    right: calc(50% + calc(var(--total-wide-container-width, 1170px)/2) - 300px);
}

.tp-boxed .tp-header-six .tp-main-navigation:before {
    right: calc(50% + calc(var(--total-wide-container-width, 1170px)/2) - var(--total-container-padding, 80px) - 300px);
}

.tp-fluid .tp-header-six .tp-main-navigation:before {
    right: calc(50% + calc(var(--total-fluid-container-width, 80%)/2) - 300px);
}

body.rtl.tp-wide .tp-header-six .tp-main-navigation:before {
    left: calc(50% + calc(var(--total-wide-container-width, 1170px)/2) - 300px);
    right: 0;
}

body.rtl.tp-boxed .tp-header-six .tp-main-navigation:before {
    left: calc(50% + calc(var(--total-wide-container-width, 1170px)/2) - var(--total-container-padding, 80px) - 300px);
    right: 0;
}

body.rtl.tp-fluid .tp-header-six .tp-main-navigation:before {
    left: calc(50% + calc(var(--total-fluid-container-width, 80%)/2) - 300px);
    right: 0;
}

.tp-sticky-header .tp-header-six .tp-header.headroom-not-top .tp-main-navigation:before {
    display: none;
}

.tp-header-six .tp-menu {
    margin-left: 300px;
}

/*========= Transparent Header =========*/
body.tp-transparent-header .tp-header-one .tp-header,
body.tp-transparent-header .tp-header-two .tp-header .tp-container,
body.tp-transparent-header .tp-header-three .tp-header .tp-container {
    background: none;
}

body.tp-transparent-header .tp-header-three .tp-header .tp-container {
    border-bottom: none;
}

body.tp-transparent-header .tp-header-one .tp-header {
    box-shadow: none;
}

/*========= Header & Hover Styles =========*/
/*Header 1, 2, 3*/
.tp-header-4-5-6 .tp-menu>ul>li.menu-item {
    margin-left: var(--total-ms-menu-link-spacing-left-desktop, 0);
    margin-right: var(--total-ms-menu-link-spacing-right-desktop, 10px);
}

.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item {
    margin-left: var(--total-ms-menu-link-spacing-left-desktop, 0);
    margin-right: var(--total-ms-menu-link-spacing-right-desktop, 30px);
}

.tp-header-1-2-3 .tp-menu>ul>li.menu-item>a,
.tp-header-1-2-3 .tp-menu-extra-item>a.tp-menu-extra-item-link {
    color: var(--total-pm-menu-link-color, #333);
}

.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current>a {
    background: var(--total-pm-menu-hover-bg-color, var(--total-template-color, #000));
}

.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:before,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:after,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:after,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:after,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:after,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:after,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current>a:before {
    background: var(--total-pm-menu-link-hover-color, #000);
}

.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style1 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style3 .tp-menu>ul>li.menu-item.current>a {
    color: var(--total-pm-menu-link-hover-color, #FFF);
}

.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current>a {
    border-color: var(--total-pm-menu-link-hover-color, #000);
}

.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style2 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style4 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style6 .tp-menu>ul>li.menu-item.current>a,
.tp-header-1-2-3.tp-hover-style7 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-1-2-3.tp-hover-style7 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-1-2-3.tp-hover-style7 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-1-2-3.tp-hover-style7 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-1-2-3.tp-hover-style7 .tp-menu>ul>li.menu-item.current>a {
    color: var(--total-pm-menu-link-hover-color, #000);
}

/*Header 4, 5, 6*/
.tp-header-4-5-6 .tp-menu>ul>li.menu-item>a,
.tp-header-4-5-6 .tp-menu-extra-item>a.tp-menu-extra-item-link {
    color: var(--total-pm-menu-link-color, #FFF);
}

.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current>a {
    background: var(--total-pm-menu-hover-bg-color, #FFF);
}

.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:before,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a:after,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a:after,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a:after,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a:after,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a:after,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item:hover>a:before,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_item>a:before,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current-menu-item>a:before,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_ancestor>a:before,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current>a:before {
    background: var(--total-pm-menu-link-hover-color, #000);
}

.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.curre_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style1 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style3 .tp-menu>ul>li.menu-item.current>a {
    color: var(--total-pm-menu-link-hover-color, #000);
}

.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current>a {
    border-color: var(--total-pm-menu-link-hover-color, #FFF);
}

.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style2 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style4 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style5 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style6 .tp-menu>ul>li.menu-item.current>a,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item:hover>a,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item.current_page_item>a,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item.current-menu-item>a,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item.current_page_ancestor>a,
.tp-header-4-5-6.tp-hover-style7 .tp-menu>ul>li.menu-item.current>a {
    color: var(--total-pm-menu-link-hover-color, #FFF);
}

/*========= Sticky Header =========*/
@-webkit-keyframes headerSlideDown {
    0% {
        margin-top: -200px;
    }

    to {
        margin-top: 0;
    }
}

@keyframes headerSlideDown {
    0% {
        margin-top: -200px;
    }

    to {
        margin-top: 0;
    }
}

.tp-sticky-header .headroom.headroom-not-top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    animation: headerSlideDown 0.95s ease forwards;
}

body.admin-bar.tp-sticky-header .headroom.headroom-not-top {
    top: 32px;
}

.tp-sticky-header .tp-header-two.tp-site-header .headroom.headroom-not-top .tp-top-header {
    display: none;
}

/*========= Breadcrumb =========*/
.breadcrumb-trail,
.woocommerce .woocommerce-breadcrumb {
    font-size: 15px;
    margin: 0;
    color: var(--total-breadcrumb-text-color, inherit);
}

.breadcrumb-trail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-trail ul li {
    display: inline-block;
    font-family: var(--total-breadcrumb-family, var(--total-body-family, Poppins));
    font-style: var(--total-breadcrumb-style, normal);
    font-weight: var(--total-breadcrumb-weight, 400);
    font-size: var(--total-breadcrumb-size, 14px);
    letter-spacing: var(--total-breadcrumb-letter-spacing, 0);
    line-height: var(--total-breadcrumb-line-height, 1.3);
    text-decoration: var(--total-breadcrumb-text-decoration, none);
    text-transform: var(--total-breadcrumb-text-transform, none);
}

.breadcrumb-trail ul li:after {
    content: "/";
    margin: 0 6px;
}

.breadcrumb-trail ul li:last-child:after {
    display: none;
}

.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a {
    color: var(--total-breadcrumb-link-color, #000);
}

.taxonomy-description,
.term-description {
    margin-bottom: 15px;
}

.taxonomy-description p:last-child,
.term-description p:last-child {
    margin-bottom: 0;
}

.tp-site-main .comment-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-navigation .tp-nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .tp-nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.tp-section {
    position: relative;
    color: var(--total-section-text-color, var(--total-body-color, #444));
}

.tp-section.tp-section-normal-bg {
    background-image: var(--total-section-bg-image-url);
    background-size: var(--total-section-bg-image-size, cover);
    background-position: var(--total-section-bg-image-position, center center);
    background-repeat: var(--total-section-bg-image-repeat, no-repeat);
    background-attachment: var(--total-section-bg-image-attachment, scroll);
    background-color: var(--total-section-bg-image-color, #fff);
}

.tp-section.tp-section-normal-bg.tp-section-has-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--total-section-bg-image-overlay, transparent);
    opacity: 0.9;
}

.tp-section-gradient-bg,
#tp-colophon.tp-footer-bg-gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0051FF), color-stop(100%, #00C4FF));
    background: -moz-linear-gradient(vertical, #0051FF 0%, #00C4FF 100%);
    background: -webkit-linear-gradient(vertical, #0051FF 0%, #00C4FF 100%);
    background: -o-linear-gradient(vertical, #0051FF 0%, #00C4FF 100%);
    background: -ms-linear-gradient(vertical, #0051FF 0%, #00C4FF 100%);
    background: linear-gradient(vertical, #0051FF 0%, #00C4FF 100%);
}

.tp-section a {
    color: var(--total-section-link-color, var(--total-section-text-color, var(--total-body-color, #444)));
}

.tp-section a:hover {
    color: var(--total-section-link-hov-color, var(--total-section-link-color, var(--total-section-text-color, var(--total-body-color, #444))));
}

[data-stellar-background-ratio] {
    background-attachment: fixed !important;
}

.tp-section.tp-section-video-bg .tp-section-wrap {
    background-color: var(--total-section-overlay-color, transparent);
}

.tp-section-wrap {
    position: relative;
    padding-top: var(--total-section-padding-top, 80px);
    padding-bottom: var(--total-section-padding-bottom, 80px);
}

.tp-section.tp-full-window-section .tp-section-wrap {
    min-height: 100vh;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.tp-section.tp-full-window-section.tp-align-content-top .tp-section-wrap {
    align-items: flex-start;
}

.tp-section.tp-full-window-section.tp-align-content-middle .tp-section-wrap {
    align-items: center;
}

.tp-section.tp-full-window-section.tp-align-content-bottom .tp-section-wrap {
    align-items: flex-end;
}

.tp-section-tagline-text {
    font-size: 1.2rem;
}

.tp-section-title-tagline {
    margin-bottom: 60px;
}

.tp-section-super-title {
    display: block;
    margin-bottom: 15px;
    font-size: 1.1rem;
    opacity: 0.9;
    color: var(--total-section-super-title-color, #333);
}

.tp-section-title {
    margin: 0;
    font-family: var(--total-section-title-family, var(--total-h-family, var(--total-h2-family, Oswald)));
    font-style: var(--total-section-title-style, normal);
    font-weight: var(--total-section-title-weight, 400);
    font-size: var(--total-section-title-size, 36px);
    letter-spacing: var(--total-section-title-letter-spacing, 0);
    line-height: var(--total-section-title-line-height, 1.3);
    text-decoration: var(--total-section-title-text-decoration, none);
    text-transform: var(--total-section-title-text-transform, uppercase);
    color: var(--total-section-title-color, #333);
}

.tp-section-title-wrap {
    margin-bottom: 15px;
}

.tp-section-title-wrap:last-child {
    margin-bottom: 0;
}

.tp-section-title-top-center {
    text-align: center;
    width: 80%;
    margin: 0 auto 60px;
}

.tp-section-title-top-cs {
    text-align: center;
    width: 80%;
    margin: 0 auto 60px;
}

.tp-section-title-top-cs .tp-section-title {
    position: relative;
    padding-bottom: 15px;
}

.tp-section-title-top-cs .tp-section-title:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 60px;
    margin-left: -30px;
    margin-top: -3px;
    height: 3px;
    background: var(--total-section-title-color, #333);
}

.tp-section-title-top-ls .tp-section-title {
    position: relative;
    padding-bottom: 15px;
}

.tp-section-title-top-ls .tp-section-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 60px;
    margin-top: -3px;
    height: 3px;
    background: var(--total-section-title-color, #333);
}

.tp-section-title-side {
    width: 30%;
    float: left;
    text-align: left;
    margin-bottom: 0;
    padding-right: 40px;
}

.tp-section-title-side+.tp-section-content {
    width: 70%;
    float: left;
}

.tp-section-title-single-row {
    display: flex;
    align-items: stretch;
}

.tp-section-title-single-row .tp-section-title-wrap {
    width: 30%;
    padding-right: 40px;
    border-right: 3px solid var(--total-section-text-color, #333);
    margin-bottom: 0;
}

.tp-section-title-single-row .tp-section-title {
    margin-bottom: 0;
    letter-spacing: 0;
    line-height: 1.2;
}

.tp-section-title-single-row .tp-section-tagline {
    width: 70%;
    padding-left: 40px;
}

.tp-section-title-single-row .tp-section-tagline p:last-child {
    margin-bottom: 0;
}

.tp-section-title-big {
    text-align: center;
}

.tp-section-title-big .tp-section-title-wrap {
    position: relative;
}

.tp-section-title-big .tp-section-super-title {
    position: absolute;
    font-size: 6rem;
    font-weight: bold;
    color: var(--total-section-super-title-color, #000);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0;
    line-height: 1.1;
    opacity: 0.05;
    overflow: hidden;
}

.tp-section-title-big .tp-section-title {
    padding: 40px 0;
    margin: 0;
    position: relative;
}

.tp-section-title-big .tp-section-title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 70px;
    height: 2px;
    background: var(--total-section-title-color, #333);
    box-shadow: -35px -8px 0px 0px var(--total-section-title-color, #333);
    margin-left: -35px;
    margin-top: -20px;
}

.tp-section-button {
    position: relative;
    margin-top: 30px;
}

.tp-section-button .tp-button {
    display: inline-block;
    padding: 10px 30px;
    color: var(--total-section-mb-text-color, #fff);
    border-radius: 1px;
    background: var(--total-section-mb-bg-color, var(--total-template-color));
}

.tp-section-button .tp-button:hover {
    color: var(--total-section-mb-hov-text-color, var(--total-section-mb-text-color, #fff));
    background: var(--total-section-mb-hov-bg-color, var(--total-section-mb-bg-color, var(--total-template-color)));
}

.tp-section-content .tp-section-button {
    text-align: center;
}

.tp-news-section .tp-section-button{
    margin-top: 60px;
}

.tp-section-seperator {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
}

.top-section-seperator {
    top: -1px;
}

.bottom-section-seperator {
    bottom: -1px;
}

.tp-section-seperator svg {
    height: 100%;
    width: 100%;
}

.svg-water-waves-wrap svg,
.svg-water-waves-wrap {
    min-height: 80px;
}

.svg-clouds-wrap svg,
.svg-clouds-wrap,
.svg-droplets-wrap svg,
.svg-droplets-wrap {
    min-height: 150px;
}

.svg-paper-cut-wrap svg,
.svg-paper-cut-wrap {
    max-height: 120px;
}

.top-section-seperator.svg-big-triangle-left-wrap svg,
.top-section-seperator.svg-tilt-left-wrap svg {
    transform: rotate(180deg) scaleX(-1);
}

.top-section-seperator.svg-big-triangle-right-wrap svg,
.top-section-seperator.svg-curve-center-wrap svg,
.top-section-seperator.svg-clouds-wrap svg,
.top-section-seperator.svg-tilt-right-wrap svg,
.top-section-seperator.svg-uniform-waves-wrap svg,
.top-section-seperator.svg-water-waves-wrap svg,
.top-section-seperator.svg-slanted-waves-wrap svg,
.top-section-seperator.svg-zigzag-wrap svg,
.bottom-section-seperator.svg-big-triangle-center-wrap svg,
.bottom-section-seperator.svg-curve-repeater-wrap svg,
.bottom-section-seperator.svg-droplets-wrap svg,
.bottom-section-seperator.svg-small-triangle-center-wrap svg,
.bottom-section-seperator.svg-big-waves-wrap svg,
.bottom-section-seperator.svg-paper-cut-wrap svg {
    transform: rotate(180deg);
}

.bottom-section-seperator.svg-big-triangle-right-wrap svg,
.bottom-section-seperator.svg-tilt-right-wrap svg {
    transform: scaleX(-1);
}

.tp-section-seperator.top-section-seperator {
    height: var(--total-section-ts-height, 60px)
}

.tp-section-seperator.bottom-section-seperator {
    height: var(--total-section-bs-height, 60px)
}

.top-section-seperator svg {
    fill: var(--total-section-ts-color, #FF0000);
}

.bottom-section-seperator svg {
    fill: var(--total-section-bs-color, #FF0000);
}

/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
#tp-home-slider-section {
    position: relative;
}

.tp-slide {
    position: relative;
}

.tp-slide:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--total-slider-overlay-color, rgba(0,0,0,0.2));
    opacity: 0.9;
}

.tp-full-window-slider .tp-slide {
    height: 100vh;
}

.tp-full-window-slider .tp-slide img,
.tp-custom-height-slider .tp-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.tp-slide img {
    width: 100%;
}

.tp-custom-height-slider .tp-slide img {
    height: var(--total-slider-height, 800px);
}

.tp-slide-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}

.tp-slide-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tp-wide .tp-slide-caption {
    width: var(--total-wide-container-width, 1170px);
}

.tp-boxed .tp-slide-caption {
    width: calc(var(--total-wide-container-width, 1170px) - var(--total-container-padding, 80px) - var(--total-container-padding, 80px));
}

.tp-fluid .tp-slide-caption {
    width: var(--total-fluid-container-width, 80%);
}

.tp-slide-caption.tp-slide-center {
    text-align: center;
}

.tp-slide-caption.tp-slide-left {
    text-align: left;
}

.tp-slide-caption.tp-slide-right {
    text-align: right;
}

.tp-slide-caption.tp-slide-center .tp-slide-cap-title,
.tp-slide-caption.tp-slide-center .tp-slide-cap-desc {
    padding: 0 10%;
}

.tp-slide-caption.tp-slide-left .tp-slide-cap-title,
.tp-slide-caption.tp-slide-left .tp-slide-cap-desc {
    text-align: left;
    padding-right: 40%;
}

.tp-slide-caption.tp-slide-right .tp-slide-cap-title,
.tp-slide-caption.tp-slide-right .tp-slide-cap-desc {
    padding-left: 40%;
}

.tp-slide-cap-title {
    margin-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-family: var(--total-slider-title-family, var(--total-h-family, var(--total-h2-family, Oswald)));
    font-style: var(--total-slider-title-style, normal);
    font-weight: var(--total-slider-title-weight, 400);
    font-size: var(--total-slider-title-size, var(--total-h-size, 46px));
    letter-spacing: var(--total-slider-title-letter-spacing, 2px);
    line-height: var(--total-slider-title-line-height, 1.2);
    text-decoration: var(--total-slider-title-text-decoration, none);
    text-transform: var(--total-slider-title-text-transform, uppercase);
    color: var(--total-caption-title-color, #FFF);
}

.tp-slide-cap-title span {
    display: inline-block;
    padding: 8px 15px;
    color: inherit;
    background: var(--total-caption-title-background-color, var(--total-template-color));
}

.tp-slide-cap-desc {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-family: var(--total-slider-subtitle-family, var(--total-body-family, Poppins));
    font-style: var(--total-slider-subtitle-style, normal);
    font-weight: var(--total-slider-subtitle-weight, 400);
    font-size: var(--total-slider-subtitle-size, 24px);
    letter-spacing: var(--total-slider-subtitle-letter-spacing, 0);
    line-height: var(--total-slider-subtitle-line-height, 1.4);
    text-decoration: var(--total-slider-subtitle-text-decoration, none);
    text-transform: var(--total-slider-subtitle-text-transform, none);
    color: var(--total-caption-subtitle-color, #FFF);
}

.tp-slide-button {
    margin-top: 30px;
}

.tp-slide-button a,
.tp-banner-button a.tp-button {
    display: inline-block;
    padding: 0.6em 1.4em;
    border: 2px solid var(--total-caption-button-border-color, #fff);
    color: var(--total-caption-button-text-color, #fff);
    background: var(--total-caption-button-bg-color, transparent);
    height: auto;
}

.tp-slide-button a:hover,
.tp-banner-button a.tp-button:hover {
    border: 2px solid var(--total-caption-button-border-hov-color, var(--total-caption-button-border-color, #fff));
    color: var(--total-caption-button-text-hov-color, var(--total-caption-button-text-color, #fff));
    background: var(--total-caption-button-bg-hov-color, var(--total-caption-button-bg-color, transparent));
}

#tp-home-slider-section .owl-nav [class*="owl-"] {
    position: absolute;
    height: 70px;
    width: 50px;
    top: 50%;
    margin-top: -35px;
    background: var(--total-slider-arrow-bg-color, #222);
    font-size: 0px;
}

#tp-home-slider-section .owl-nav [class*="owl-"]:before {
    content: "";
    height: 1px;
    width: 30px;
    background: var(--total-slider-arrow-color, #fff);
    position: absolute;
    left: 15px;
    top: 13px;
    transform: rotate(45deg);
    transform-origin: 0 0;
}

#tp-home-slider-section .owl-nav [class*="owl-"]:after {
    content: "";
    height: 1px;
    width: 30px;
    background: var(--total-slider-arrow-color, #fff);
    position: absolute;
    left: 15px;
    bottom: 13px;
    transform: rotate(-45deg);
    transform-origin: 0 0;
}

#tp-home-slider-section .owl-nav [class*="owl-"]:hover {
    background: var(--total-slider-arrow-bg-color-hover, var(--total-slider-arrow-bg-color, #222));
}

#tp-home-slider-section .owl-nav [class*="owl-"]:hover:before,
#tp-home-slider-section .owl-nav [class*="owl-"]:hover:after {
    background: var(--total-slider-arrow-color-hover, var(--total-slider-arrow-color, #fff));
}

#tp-home-slider-section .owl-carousel .owl-nav .owl-prev {
    left: 0;
    transform: rotate(180deg);
}

#tp-home-slider-section .owl-carousel .owl-nav .owl-next {
    right: 0;
}

#tp-home-slider-section .owl-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    text-align: center;
}

#tp-home-slider-section .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 10px;
    background: var(--total-slider-arrow-bg-color, #333);
    margin: 0 5px;
    transition: all 0.3s ease;
    border-radius: 20px;
}

#tp-home-slider-section .owl-dots .owl-dot.active {
    width: 30px;
}

#tp-home-slider-section .bottom-section-seperator {
    height: var(--total-slider-bs-height, 60px);
}

#tp-home-slider-section .bottom-section-seperator svg {
    fill: var(--total-slider-bs-color, #FF0000);
}

.tp-slide-cap-title {
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s;
}

.active .tp-slide-cap-title {
    transform: translateY(0);
    opacity: 1;
}

.tp-slide-cap-desc {
    opacity: 0;
    transform: translateY(-50px);
    transition: transform 0.3s ease 1s, opacity 0.3s ease 1s;
}

.active .tp-slide-cap-desc {
    transform: translateY(0);
    opacity: 1;
}

.tp-slide-button {
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.3s ease 1.5s;
}

.active .tp-slide-button {
    transform: translateY(0);
    opacity: 1;
}

.tp-main-banner {
    position: relative;
    background-image: var(--total-banner-image-url);
    background-size: var(--total-banner-image-size, cover);
    background-position: var(--total-banner-image-position, center center);
    background-repeat: var(--total-banner-image-repeat, no-repeat);
    background-attachment: var(--total-banner-image-attachment, scroll);
    background-color: var(--total-banner-image-color, #FFFFFF);
}

.tp-main-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background-color: var(--total-banner-overlay-color);
}

.tp-main-banner .tp-container {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.tp-banner-caption {
    color: #fff;
    padding: 80px 0;
}

.tp-banner-left .tp-banner-caption {
    width: 60%;
}

.tp-banner-right {
    justify-content: flex-end;
}

.tp-banner-right .tp-banner-caption {
    width: 60%;
    text-align: right;
}

.tp-banner-center .tp-banner-caption {
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

.tp-banner-title {
    margin-bottom: 20px;
    font-family: var(--total-slider-title-family, var(--total-h-family, var(--total-h2-family, Oswald)));
    font-style: var(--total-slider-title-style, normal);
    font-weight: var(--total-slider-title-weight, 400);
    font-size: var(--total-slider-title-size, 46px);
    letter-spacing: var(--total-slider-title-letter-spacing, 2px);
    line-height: var(--total-slider-title-line-height, 1.2);
    text-decoration: var(--total-slider-title-text-decoration, none);
    text-transform: var(--total-slider-title-text-transform, uppercase);
    color: var(--total-caption-title-color, #FFF);
}

.tp-banner-subtitle {
    margin-bottom: 30px;
    font-family: var(--total-slider-subtitle-family, var(--total-body-family, Poppins));
    font-style: var(--total-slider-subtitle-style, normal);
    font-weight: var(--total-slider-subtitle-weight, 400);
    font-size: var(--total-slider-subtitle-size, 24px);
    letter-spacing: var(--total-slider-subtitle-letter-spacing, 0);
    line-height: var(--total-slider-subtitle-line-height, 1.4);
    text-decoration: var(--total-slider-subtitle-text-decoration, none);
    text-transform: var(--total-slider-subtitle-text-transform, none);
    color: var(--total-caption-subtitle-color);
}

.tp-full-height {
    min-height: 100vh;
}

/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
#tp-about-section .tp-container {
    display: flex;
    overflow: hidden;
}

.tp-about-sec {
    width: 54%;
    padding-right: 30px;
}

.tp-about-sec.fullwidth {
    width: 100%;
    padding: 0;
}

.tp-about-sec h2 {
    text-align: left;
    width: auto;
    margin-bottom: 15px;
}

.tp-progress {
    margin-bottom: 20px;
}

.tp-progress:last-child {
    margin-bottom: 0;
}

.tp-progress h6 {
    margin-bottom: 8px;
    color: var(--total-progressbar-text-color, #333);
}

.tp-progress-bar-sec {
    margin-top: 30px;
}

.tp-about-sec.fullwidth .tp-progress-bar-sec {
    width: 50%;
}

.tp-progress-bar {
    height: 8px;
    width: 100%;
    position: relative;
    background: var(--total-progressbar-bg-color, #f6f6f6);
}

.tp-progress-bar-length {
    background: var(--total-progressbar-indication-bar-color, var(--total-template-color));
    height: 100%;
    text-align: right;
    width: 0;
}

.tp-progress-bar-length span {
    position: absolute;
    right: 0;
    bottom: 100%;
    color: var(--total-progressbar-text-color, #333);
}

.tp-about-sidebar {
    width: 45%;
    padding-left: 30px;
}

/*--------------------------------------------------------------
## Featured Section
--------------------------------------------------------------*/
.tp-featured-post-wrap {
    margin-left: -3%;
    display: flex;
    flex-wrap: wrap;
}

.tp-featured-post {
    float: left;
    margin-left: 3%;
    width: 30.33%;
    text-align: center;
    margin-bottom: 50px;
}

.tp-featured-post h5 {
    margin-bottom: 20px;
    color: var(--total-featured-block-title-color, #333);
}

.tp-featured-post-wrap .tp-featured-icon {
    color: var(--total-featured-block-icon-color, #333);
}

.tp-featured-icon i {
    color: inherit;
}

.tp-featured-section {
    --total-section-bg-image-color: var(--total-template-color);
}

.tp-featured-section .tp-featured-link a {
    display: inline-flex;
    font-size: 0.9em;
    align-items: center;
    color: var(--total-featured-block-readmore-color, #333);
}

.tp-featured-section .tp-featured-link a:hover {
    color: var(--total-featured-block-readmore-color, #333);
}

.tp-featured-link {
    margin-top: 30px;
}

.tp-featured-link i {
    margin-left: 5px;
}

.tp-featured-post .tp-featured-excerpt {
    color: var(--total-featured-block-text-color, #000);
}

.tp-col-2 .tp-featured-post {
    width: 47%;
}

.tp-col-3 .tp-featured-post {
    width: 30.33%;
}

.tp-col-4 .tp-featured-post {
    width: 22%;
}

.tp-col-5 .tp-featured-post {
    width: 17%;
}

.tp-col-6 .tp-featured-post {
    width: 13.66%;
}

.tp-col-2 .tp-featured-post:nth-child(2n + 1) {
    clear: both;
}

.tp-col-3 .tp-featured-post:nth-child(3n + 1) {
    clear: both;
}

.tp-col-4 .tp-featured-post:nth-child(4n + 1) {
    clear: both;
}

.tp-col-5 .tp-featured-post:nth-child(5n + 1) {
    clear: both;
}

.tp-col-6 .tp-featured-post:nth-child(6n + 1) {
    clear: both;
}

.tp-featured-post-wrap.style1 .tp-featured-post {
    border: 2px solid var(--total-featured-block-border-color, #FFF);
    padding: 30px 30px 60px;
    position: relative;
    border-top: 0;
    margin-bottom: 70px;
}

.tp-featured-post-wrap.style1 .tp-featured-post:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    margin-right: 80px;
    height: 2px;
    background: var(--total-featured-block-border-color, #FFF);
}

.tp-featured-post-wrap.style1 .tp-featured-post:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    margin-left: 80px;
    height: 2px;
    background: var(--total-featured-block-border-color, #FFF);
}

.tp-featured-post-wrap.style1 .tp-featured-icon {
    display: inline-block;
    font-size: 46px;
    line-height: 80px;
    width: 160px;
    margin-bottom: 10px;
}

.tp-featured-post-wrap.style1 .tp-featured-icon i{
    color: var(--total-featured-block-icon-color, #FFF);
}

.tp-featured-post-wrap.style1 .tp-featured-post h5{
    color: var(--total-featured-block-title-color, #FFF);
}

.tp-featured-post-wrap.style1 .tp-featured-post .tp-featured-excerpt{
    color: var(--total-featured-block-text-color, #FFF);
}

.tp-featured-post-wrap.style1 .tp-featured-link {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.tp-featured-post-wrap.style1 .tp-featured-link a {
    padding: 10px 20px;
    background: var(--total-featured-block-border-color, #FFF);
    color: var(--total-featured-block-readmore-color, var(--total-template-color));
}

.tp-featured-post-wrap.style2 .tp-featured-post {
    background: var(--total-featured-block-background-color, #fff);
    padding: 30px;
    box-shadow: 0px 1px 20px -8px rgba(158, 153, 158, 1);
    border-top: 3px solid var(--total-featured-block-border-color, var(--total-template-color, #333));
}

.tp-featured-post-wrap.style2 .tp-featured-icon {
    font-size: 46px;
    margin-bottom: 20px;
}

.tp-featured-post-wrap.style3 .tp-featured-post {
    border: 1px solid var(--total-featured-block-border-color, #333);
    padding: 30px;
    margin-bottom: 40px;
}

.tp-featured-post-wrap.style3 .tp-featured-icon {
    font-size: 40px;
    margin-bottom: 30px;
}

.tp-featured-post-wrap.style4 .tp-featured-post {
    text-align: left;
}

.tp-featured-post-wrap.style4 .tp-featured-icon {
    font-size: 30px;
    margin-bottom: 10px;
}

.tp-featured-post-wrap.style4 .tp-featured-link {
    margin-top: 15px;
}

.tp-featured-post-wrap.style4 .tp-featured-excerpt {
    font-size: 0.94em;
}

.tp-featured-post-wrap.style5 .tp-featured-icon {
    font-size: 30px;
    margin-bottom: 10px;
}

.tp-featured-post-wrap.style6 .tp-featured-post {
    padding-left: 70px;
    text-align: left;
}

.tp-featured-post-wrap.style6 .tp-featured-icon {
    float: left;
    font-size: 40px;
    margin-left: -70px;
}

.tp-featured-post-wrap.style6 .tp-featured-post h5 {
    margin-bottom: 20px;
}

.tp-featured-post-wrap.style6 .tp-featured-post .tp-featured-link {
    margin-top: 20px;
}

.tp-featured-post-wrap.style7 .tp-featured-post {
    background: var(--total-featured-block-background-color, #f6f6f6);
    padding: 30px 40px;
    text-align: left;
    transition: all 0.3s ease;
}

.tp-featured-post-wrap.style7 .tp-featured-post:hover {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.tp-featured-post-wrap.style7 .tp-featured-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--total-featured-block-icon-bg-color, var(--total-template-color, #000));
    height: 60px;
    width: 60px;
    top: -30px;
    font-size: 30px;
}

.tp-featured-post-wrap.style7 .tp-featured-icon i {
    color: var(--total-featured-block-icon-color, #FFF);
}

.tp-featured-post-wrap.style8 .tp-featured-icon {
    font-size: 32px;
    position: relative;
    height: 92px;
    width: 82px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tp-featured-post-wrap.style8 .tp-featured-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-featured-block-icon-bg-color, var(--total-template-color));
    clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 69%, 0 30%);
}

.tp-featured-post-wrap.style8 .tp-featured-icon i {
    position: relative;
    color: var(--total-featured-block-icon-color, #FFF);
}

/*--------------------------------------------------------------
## HightLight Section
--------------------------------------------------------------*/
.tp-highlight-post-wrap {
    margin-left: -3%;
}

.tp-highlight-post {
    position: relative;
    overflow: hidden;
}

.tp-highlight-section .tp-highlight-post {
    float: left;
    margin-left: 3%;
    width: 30.33%;
    margin-bottom: 50px;
}

.tp-highlight-post .tp-highlight-excerpt {
    color: var(--total-highlight-block-excerpt-color, #FFF);
}

.tp-highlight-post h5 {
    color: var(--total-highlight-block-title-color, #FFF);
}

.tp-highlight-post .tp-highlight-icon {
    color: var(--total-highlight-block-icon-color, #FFF);
}

.tp-highlight-post .tp-highlight-link a {
    color: var(--total-highlight-block-readmore-color, #FFF);
}

.tp-highlight-post .tp-highlight-heading {
    display: block;
    color: #FFF;
    margin: 0;
}

.tp-highlight-link a {
    display: inline-flex;
    align-items: center;
    font-size: 0.9em;
}

.tp-highlight-icon i {
    vertical-align: middle;
}

.tp-highlight-link {
    margin-top: 20px;
}

.tp-highlight-link i {
    margin-left: 5px;
}

.tp-col-2 .tp-highlight-post {
    width: 47%;
}

.tp-col-3 .tp-highlight-post {
    width: 30.33%;
}

.tp-col-4 .tp-highlight-post {
    width: 22%;
}

.tp-col-2 .tp-highlight-post:nth-child(2n + 1) {
    clear: both;
}

.tp-col-3 .tp-highlight-post:nth-child(3n + 1) {
    clear: both;
}

.tp-col-4 .tp-highlight-post:nth-child(4n + 1) {
    clear: both;
}

.tp-highlight-style.style1 .tp-highlight-title {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    padding: 15px 60px 15px 15px;
    min-height: 60px;
    display: flex;
    align-items: center;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.tp-highlight-style.style1 .tp-highlight-title h5 {
    margin-bottom: 0;
    font-size: 1em;
}

.tp-highlight-style.style1 .tp-highlight-hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    background: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    transition: all 0.3s ease;
    transform: translateY(-100%);
    display: flex;
    align-items: center;
}

.tp-highlight-style.style1 .tp-highlight-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    bottom: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    text-align: center;
    background: var(--total-highlight-block-highlight-color, var(--total-template-color));
}

.tp-highlight-style.style1 .tp-highlight-icon i {
    font-size: 28px;
}

.tp-highlight-style.style1 .tp-highlight-post:hover .tp-highlight-hover {
    transform: translateY(0);
}

.tp-highlight-style.style1 .tp-highlight-post:hover .tp-highlight-title {
    transform: translateY(200%);
}

.tp-highlight-style.style2 .tp-highlight-title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    padding: 10px 10px 10px 80px;
    min-height: 60px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    transform: translateX(0);
}

.tp-highlight-style.style2 .tp-highlight-title h5 {
    margin: 0;
    font-size: 1em;
}

.tp-highlight-style.style2 .tp-highlight-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    background: var(--total-highlight-block-highlight-color, var(--total-template-color));
    color: #fff;
}

.tp-highlight-style.style2 .tp-highlight-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
}

.tp-highlight-style.style2 .tp-highlight-hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    padding: 30px 30px 30px 80px;
    transition: all 0.3s ease;
    transform: translateX(-100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tp-highlight-style.style2 .tp-highlight-post:hover .tp-highlight-hover {
    transform: translateX(0);
}

.tp-highlight-style.style2 .tp-highlight-post:hover .tp-highlight-title {
    transform: translateX(500%);
}

.tp-highlight-style.style2 .tp-highlight-hover * {
    line-height: 1.5;
}

.tp-highlight-post .tp-highlight-hover .tp-highlight-heading {
    margin-bottom: 10px;
}

.tp-highlight-style.style3 .tp-highlight-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px;
    text-align: center;
    background: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    backface-visibility: hidden;
    transition: all 0.7s ease;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}

.tp-highlight-style.style3 .tp-highlight-title-inner {
    width: 100%;
}

.tp-highlight-style.style3 .tp-highlight-title .tp-highlight-icon {
    margin-bottom: 20px;
}

.tp-highlight-style.style3 .tp-highlight-title .tp-highlight-icon i {
    font-size: 30px;
}

.tp-highlight-style.style3 .tp-highlight-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-highlight-block-highlight-color, var(--total-template-color));
    padding: 30px;
    text-align: center;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: all 0.7s ease;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
}

.tp-highlight-style.style3 .tp-highlight-hover-inner {
    width: 100%;
}

.tp-highlight-style.style3 .tp-highlight-post {
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    overflow: visible;
}

.tp-highlight-style.style3 .tp-highlight-post:hover .tp-highlight-title {
    transform: rotateY(-180deg);
}

.tp-highlight-style.style3 .tp-highlight-post:hover .tp-highlight-hover {
    transform: rotateY(0);
}

.tp-highlight-style.style4 .tp-highlight-post {
    min-height: 300px;
    transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    overflow: visible;
}

.tp-highlight-style.style4 .tp-highlight-title,
.tp-highlight-style.style4 .tp-highlight-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-size: cover;
    background-color: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
    background-position: center;
    transition: all 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
}

.tp-highlight-style.style4 .tp-highlight-hover {
    background-color: var(--total-highlight-block-highlight-color-light, rgba(0, 0, 0, 0.6));
}

.tp-highlight-style.style4 .tp-highlight-title:after,
.tp-highlight-style.style4 .tp-highlight-hover:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: inherit;
}

.tp-highlight-style.style4 .tp-highlight-title>div,
.tp-highlight-style.style4 .tp-highlight-hover>div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 40px;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateZ(60px) scale(0.94);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tp-highlight-style.style4 .tp-highlight-icon {
    font-size: 30px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.tp-highlight-style.style4 .tp-highlight-icon:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: 10px;
    height: 1px;
    width: 30px;
    background: var(--total-highlight-block-icon-color, #FFF);
    border-radius: 50%;
}

.tp-highlight-style.style4 .tp-highlight-icon:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 10px;
    height: 1px;
    width: 30px;
    background: var(--total-highlight-block-icon-color, #FFF);
    border-radius: 50%;
}

.tp-highlight-style.style4 .tp-highlight-title {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.tp-highlight-style.style4 .tp-highlight-hover {
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.tp-highlight-style.style4 .tp-highlight-post:hover .tp-highlight-title {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.tp-highlight-style.style4 .tp-highlight-post:hover .tp-highlight-hover {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.tp-portfolio-container-wrap {
    width: 100%;
}

.tp-portfolio-cat-name-list {
    margin-bottom: 40px;
}

.tp-portfolio-cat-name {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #333;
}

.tp-portfolio-switch {
    display: inline-block;
    cursor: pointer;
    color: #333;
}

.tp-portfolio-cat-name-list.style1 {
    text-align: right;
}

.tp-portfolio-cat-name-list.style1 .tp-portfolio-cat-name {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid var(--total-portfolio-block-tab-text-color-light, #bbb);
    line-height: 1;
    color: var(--total-portfolio-block-tab-text-color);
}

.tp-portfolio-cat-name-list.style1 .tp-portfolio-cat-name:first-child {
    border-left: 0;
    margin-left: 0;
}

.tp-portfolio-cat-name-list.style1 .tp-portfolio-cat-name:hover,
.tp-portfolio-cat-name-list.style1 .tp-portfolio-cat-name.active {
    color: var(--total-portfolio-block-active-tab-text-color, var(--total-template-color));
}

.tp-portfolio-cat-name-list.style1 .tp-portfolio-post-wrap {
    margin: 0 -7.5px;
}

.tp-portfolio-cat-name-list.style1 .tp-portfolio-switch i {
    color: var(--total-portfolio-block-tab-text-color);
}

.tp-portfolio-cat-name-list.style2 {
    text-align: center;
}

.tp-portfolio-cat-name-list.style2 .tp-portfolio-switch {
    display: none;
}

.tp-portfolio-cat-name-list.style2 .tp-portfolio-cat-name {
    text-transform: uppercase;
    padding: 15px 5px;
    margin: 0 10px;
    font-size: 0.85em;
    border-top: 1px solid var(--total-portfolio-block-tab-text-color-light, rgba(0, 0, 0, 0.3));
    position: relative;
    color: var(--total-portfolio-block-tab-text-color);
}

.tp-portfolio-cat-name-list.style2 .tp-portfolio-cat-name.active {
    color: var(--total-portfolio-block-active-tab-text-color, var(--total-template-color));
}

.tp-portfolio-cat-name-list.style2 .tp-portfolio-cat-name.active:after {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--total-portfolio-block-active-tab-text-color, var(--total-template-color));
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap {
    padding-left: 80px;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-switch {
    float: left;
    background: #000;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-name {
    margin-right: 20px;
    line-height: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-15px);
    color: var(--total-portfolio-block-tab-text-color);
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-name.active,
.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-name:hover {
    color: var(--total-portfolio-block-active-tab-text-color, var(--total-template-color))
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap.tp-open .tp-portfolio-cat-name {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-name:before {
    content: "-";
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(1) {
    transition-delay: 0.1s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(2) {
    transition-delay: 0.2s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(3) {
    transition-delay: 0.3s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(4) {
    transition-delay: 0.4s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(5) {
    transition-delay: 0.5s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(6) {
    transition-delay: 0.6s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(7) {
    transition-delay: 0.7s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(8) {
    transition-delay: 0.8s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(9) {
    transition-delay: 0.9s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-cat-wrap .tp-portfolio-cat-name:nth-child(10) {
    transition-delay: 1s;
}

.tp-portfolio-cat-name-list.style3 .tp-portfolio-switch i {
    color: #fff;
}

.tp-portfolio-cat-name-list.style4 .tp-portfolio-switch {
    background: var(--total-portfolio-block-tab-background-color, var(--total-template-color));
    color: #fff;
    border-radius: 40px 40px 10px 10px;
    text-align: center;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    transform: translateY(3px);
}

.tp-portfolio-cat-name-list.style4 .tp-portfolio-switch i {
    color: var(--total-portfolio-block-tab-text-color, #FFF);
    line-height: inherit;
}

.tp-portfolio-cat-name-list.style4 {
    text-align: center;
}

.tp-portfolio-cat-name-list.style4 .tp-portfolio-cat-wrap {
    display: inline-block;
    background: var(--total-portfolio-block-tab-background-color, var(--total-template-color));
    border-radius: 40px;
    padding: 10px;
}

.tp-portfolio-cat-name-list.style4 .tp-portfolio-cat-name {
    padding: 5px 20px;
    border-radius: 40px;
    color: var(--total-portfolio-block-tab-text-color, #FFF);
}

.tp-portfolio-cat-name-list.style4 .tp-portfolio-cat-name.active {
    background: rgba(0, 0, 0, 0.1);
}

.tp-portfolio-posts {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.tp-fullwidth-container .tp-portfolio-posts {
    margin-left: 0;
    margin-right: 0;
}

.tp-portfolio {
    float: left;
}

.tp-portfolio-post-wrap[data-gutter="1"] .tp-portfolio-outer-wrap {
    margin: 10px;
}

.tp-portfolio-outer-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tp-portfolio-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f9f9f9;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tp-portfolio-wrap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.tp-portfolio-caption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    padding: 30px;
    opacity: 0;
    background: var(--portfolio-block-image-hov-background-color-rgba, var(--total-template-color-rgba));
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.tp-portfolio-wrap:hover .tp-portfolio-caption {
    opacity: 1;
}

.tp-portfolio-caption h5 {
    color: var(--total-portfolio-block-title-color, #fff);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    transform: translate(300px, 0);
    transition: all 0.3s ease-in-out;
}

.tp-portfolio-masonary .tp-portfolio-caption h5 {
    color: #fff;
}

.tp-portfolio-wrap:hover .tp-portfolio-caption h5 {
    transform: translate(0, 0);
}

.tp-portfolio-caption a {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: center;
    display: block;
    line-height: 36px;
    color: var(--total-portfolio-block-button-color, var(--total-template-color));
    font-size: 14px;
    background: var(--total-portfolio-block-button-bg-color, #fff);
    margin: 10px 5px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.tp-portfolio-caption a:hover{
    color: var(--total-portfolio-block-button-color, var(--total-template-color));
}

.tp-portfolio-caption a.tp-portfolio-image {
    transform: translate(-300px, 0);
    right: 66px;
}

.tp-portfolio-caption a.tp-portfolio-link {
    transform: translate(-300px, 0);
}

.tp-portfolio-wrap:hover .tp-portfolio-caption a.tp-portfolio-link,
.tp-portfolio-wrap:hover .tp-portfolio-caption a.tp-portfolio-image {
    transform: translate(0, 0);
}

/*--------------------------------------------------------------
## Service Section
--------------------------------------------------------------*/
.tp-service-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    min-height: 200px;
    width: 50%;
    background-image: var(--total-service-left-bg-url);
    background-size: var(--total-service-left-bg-size, auto);
    background-position: var(--total-service-left-bg-position, center center);
    background-repeat: var(--total-service-left-bg-repeat, no-repeat);
    background-attachment: var(--total-service-left-bg-attachment, scroll);
    background-color: var(--total-service-left-bg-color);
}

.tp-service-bg.tp-bg-has-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background: var(--total-service-left-bg-overlay);
}

.tp-service-excerpt h5 {
    color: var(--total-service-block-title-color, #333);
}

.tp-service-excerpt .tp-service-text {
    color: var(--total-service-block-excerpt-color, #333);
}

.tp-bg-right .tp-service-bg {
    margin-left: 50%;
    right: 0;
}

.tp-bg-left .tp-service-bg {
    margin-right: 50%;
    left: 0;
}

.tp-service-section.style1{
    --total-section-bg-image-color: #F5F5F5;
}

.tp-service-section.style1.tp-bg-right .tp-service-posts,
.tp-service-section.style4.tp-bg-right .tp-service-posts {
    float: left;
    width: 50%;
    padding-right: 40px;
}

.tp-service-section.style1.tp-bg-left .tp-service-posts,
.tp-service-section.style4.tp-bg-left .tp-service-posts {
    float: right;
    width: 50%;
    padding-left: 40px;
}

.tp-service-section.style1 .tp-service-post-wrap,
.tp-service-section.style4 .tp-service-post-wrap {
    position: relative;
}

.tp-service-section.style1 .tp-service-post:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--total-service-block-icon-bg-color, var(--total-template-color));
}

.tp-service-section.style1 .tp-service-posts .tp-section-title-top-cs,
.tp-service-section.style1 .tp-service-posts .tp-section-title-top-center,
.tp-service-section.style4 .tp-service-posts .tp-section-title-top-cs,
.tp-service-section.style4 .tp-service-posts .tp-section-title-top-center {
    width: auto;
}

.tp-service-section.style1 .tp-service-post {
    padding-bottom: 25px;
    position: relative;
}

.tp-service-section.style1 .tp-service-post:last-child {
    padding-bottom: 0;
}

.tp-service-section.style1 .tp-service-post:last-child:after {
    display: none;
}

.tp-service-section.style1 .tp-service-icon {
    position: relative;
    z-index: 99;
    float: left;
    font-size: 22px;
    background: var(--total-service-block-icon-bg-color, var(--total-template-color));
    width: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.tp-service-section.style1 .tp-service-icon i {
    color: var(--total-service-block-icon-color, #fff);
}

.tp-service-section.style1 .tp-active .tp-service-icon {
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--total-service-block-icon-bg-color, var(--total-template-color));
}

.tp-service-section.style1 .tp-service-excerpt {
    padding-left: 65px;
}

.tp-service-section.style1 .tp-service-text {
    display: none;
}

.tp-service-section.style1 .tp-service-excerpt h5 {
    margin: 10px 0;
    cursor: pointer;
    line-height: 25px;
}

.tp-service-section.style1 .tp-service-more {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
}

.tp-service-section.style2 .tp-container {
    position: relative;
}

.tp-service-section.style2 .tp-service-posts {
    display: flex;
    align-items: center;
}

.tp-service-section.style2 .tp-section-title-tagline {
    width: 30%;
    text-align: left;
    padding-right: 60px;
    margin: 0;
}

.tp-service-section.style2 .tp-section-tagline {
    width: auto;
}

.tp-service-section.style2 .tp-section-title-top-cs .tp-section-title:after {
    left: 0;
    margin-left: 0;
}

.tp-service-section.style2 .tp-section-title-big .tp-section-title:after {
    left: 0;
    margin-left: 35px;
}

.tp-service-section.style2.tp-bg-right .tp-section-title-big .tp-section-title:after,
.tp-service-section.style2.tp-bg-right .tp-section-title-top-cs .tp-section-title:after,
.tp-service-section.style2.tp-bg-right .tp-section-title-top-ls .tp-section-title:after {
    left: auto;
    right: 0;
    margin-left: 0;
}

.tp-service-section.style2.tp-bg-right .tp-section-title-tagline {
    text-align: right;
    padding-right: 0;
    padding-left: 46px;
    order: 2;
}

.tp-service-section.style2 .tp-service-post-holder {
    width: 70%;
}

.tp-service-section.style2 .tp-service-post-wrap {
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.95);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
}

.tp-service-section.style2 .tp-service-post {
    width: 47%;
    margin: 20px 0;
    text-align: center;
}

.tp-service-section.style2 .tp-service-icon {
    margin-bottom: 10px;
}

.tp-service-section.style2 .tp-service-icon i {
    font-size: 30px;
    line-height: 1;
    color: var(--total-service-block-icon-color, #fff);
}

.tp-service-section.style2 .tp-service-excerpt h5 {
    margin-bottom: 20px;
}

.tp-service-section.style2 .tp-service-text {
    font-size: 0.95em;
}

.tp-service-section .tp-service-more {
    display: inline-block;
    margin-top: 10px;
    color: var(--total-service-block-link-color, #333);
}

.tp-service-section .tp-service-more:hover {
    color: var(--total-service-block-link-color, #333);
}

.tp-service-section.style3 .tp-section-wrap>.tp-service-bg {
    display: none;
}

.tp-service-section.style3 .tp-service-post-holder {
    position: relative;
}

.tp-service-section.style3 .tp-service-bg {
    left: 35% !important;
    right: 35% !important;
    bottom: 0;
    top: 0;
    margin: 0 !important;
    width: auto !important;
}

.tp-service-section.style3 .tp-container {
    position: relative;
}

.tp-service-section.style3 .tp-service-post-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tp-service-section.style3 .tp-service-post {
    width: 35%;
    margin: 0 0 50px;
}

.tp-service-section.style3 .tp-service-post:nth-child(odd) {
    padding-right: 100px;
    text-align: right;
}

.tp-service-section.style3 .tp-service-post:nth-child(even) {
    padding-left: 100px;
}

.tp-service-section.style3 .tp-service-icon {
    width: 80px;
    text-align: center;
    margin-top: 10px;
}

.tp-service-section.style3 .tp-service-post:nth-child(odd) .tp-service-icon {
    float: right;
    margin-right: -80px;
}

.tp-service-section.style3 .tp-service-post:nth-child(even) .tp-service-icon {
    float: left;
    margin-left: -80px;
}

.tp-service-section.style3 .tp-service-icon i {
    font-size: 40px;
    line-height: 1;
    color: var(--total-service-block-icon-color, #fff);
}

.tp-service-section.style4.tp-bg-left .tp-service-posts {
    padding-left: 80px;
}

.tp-service-section.style4.tp-bg-right .tp-service-posts {
    padding-right: 80px;
}

.tp-service-section.style4 .tp-service-post-wrap {
    padding-right: 50px;
}

.tp-service-section.style4 .tp-service-post {
    padding-left: 80px;
    margin-top: 40px;
}

.tp-service-section.style4 .tp-service-icon {
    margin-left: -80px;
    float: left;
    font-size: 42px;
    line-height: 1;
    margin-top: 10px;
}

.tp-service-section .tp-service-more>i {
    margin-left: 5px;
    line-height: inherit;
    color: var(--total-service-block-link-color, #333);
}

.tp-service-section.style4 .tp-service-icon i {
    color: var(--total-service-block-icon-color, #333);
}

/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.tp-team-grid.tp-team-member-wrap {
    margin-left: -3%;
}

.tp-team-grid .tp-team-member {
    width: 22%;
    margin-left: 3%;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

.tp-team-col-2 .tp-team-member {
    width: 47%;
}

.tp-team-col-3 .tp-team-member {
    width: 30.33%;
}

.tp-team-col-4 .tp-team-member {
    width: 22%;
}

.tp-team-col-2 .tp-team-member:nth-child(2n + 1) {
    clear: both;
}

.tp-team-col-3 .tp-team-member:nth-child(3n + 1) {
    clear: both;
}

.tp-team-col-4 .tp-team-member:nth-child(4n + 1) {
    clear: both;
}

.tp-team-member .tp-team-designation {
    font-size: 0.9em;
    margin-bottom: 15px;
    color: var(--total-team-block-designation-color, #333)
}

.tp-team-member img {
    width: 100%;
}

.tp-team-member h5 {
    margin-bottom: 10px;
    color: var(--total-team-block-title-color, #333);
}

.tp-team-member a.tp-team-detail {
    margin-top: 10px;
    display: inline-block;
    position: relative;
    color: var(--total-team-block-detail-link-color, #333);
}

.tp-team-member .team-short-content {
    font-size: 0.94em;
    color: var(--total-team-block-excerpt-color, #333);
}

.widget_totalplus_team .tp-team-member.style1 * {
    color: #fff;
}

.tp-team-section .tp-team-social-id a {
    color: var(--total-team-block-social-icon-color, #444);
    border: 1px solid var(--total-team-block-social-icon-color, #444);
}

.tp-team-member a.tp-team-detail:before,
.tp-team-member a.tp-team-detail:after {
    background: var(--total-team-block-detail-link-color, #333);
}

.tp-team-member.style1 {
    text-align: center;
}

.tp-team-member.style1 .tp-team-member-inner {
    position: relative;
}

.tp-team-member.style1 .tp-team-social-id {
    margin-top: 20px;
}

.tp-team-member.style1 .tp-team-social-id a {
    display: inline-block;
    margin: 0 5px;
    font-size: 13px;
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid var(--total-team-block-social-icon-color, #FFF);
    color: var(--total-team-block-social-icon-color, #FFF);
}

.tp-team-member.style1 .tp-team-member-excerpt {
    display: flex;
    align-items: center;
    background: var(--total-team-block-overlay-color, var(--total-template-color-rgba));
    padding: 20px;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    opacity: 0;
    overflow: hidden;
    transform: scale(0.5);
    transition: all 0.4s ease;
}

.tp-team-member.style1 .team-short-content {
    color: var(--total-team-block-excerpt-color, #FFF);
}

.tp-team-member.style1 .tp-team-member-span {
    width: 100%;
}

.tp-team-member.style1:hover .tp-team-member-excerpt {
    opacity: 1;
    transform: scale(1);
}

.tp-team-member.style1 .tp-title-wrap {
    background: var(--total-team-block-overlay-color, var(--total-template-color-rgba));
    padding: 10px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 1;
}

.tp-team-member.style1:hover .tp-title-wrap {
    opacity: 0;
}

.tp-team-member.style1 h5 {
    position: relative;
    color: var(--total-team-block-title-color, #fff);
    padding-bottom: 10px;
}

.tp-team-member.style1 .tp-title-wrap h5 {
    padding: 0;
    margin: 0;
    color: var(--total-team-block-title-color, #fff);
}

.tp-team-member.style1 h5 a {
    text-decoration: none;
    color: inherit;
}

.tp-team-member.style1 .tp-team-member-excerpt h5:after {
    content: "";
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: var(--total-team-block-title-color, #fff);
    bottom: -2px;
}

.tp-team-member.style1 .tp-team-designation {
    color: var(--total-team-block-designation-color, #fff);
    font-size: 0.9em;
    margin-bottom: 15px;
}

.tp-team-member.style1 .tp-team-detail {
    display: inline-block;
    color: var(--total-team-block-detail-link-color, #fff);
    text-decoration: none;
    font-size: 0.9em;
    margin-top: 20px;
}

.tp-team-member.style1 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
    background: var(--total-team-block-detail-link-color, #fff);
}

.tp-team-member.style1 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--total-team-block-detail-link-color, #fff);
}

.widget_totalplus_team .tp-team-member.style2 * {
    color: #333;
}

.tp-team-member.style2 .tp-team-member-inner {
    display: flex;
    align-items: center;
    background: var(--total-team-block-background-color, #fff);
    box-shadow: 0px 0px 20px -4px rgb(0 0 0 / 20%);
}

.tp-team-carousel .tp-team-member.style2 {
    padding: 12px;
}

.tp-team-member.style2 .tp-team-member-content,
.tp-team-member.style2 .tp-team-image {
    width: 50%;
}

.tp-team-member.style2 .tp-team-image {
    display: flex;
    align-self: stretch;
}

.tp-team-member.style2 .tp-team-image img {
    object-fit: cover;
    object-position: top;
}

.tp-team-member.style2 .tp-team-member-content {
    padding: 20px;
    color: #333;
}

.tp-team-member.style2 .tp-team-designation {
    margin-bottom: 10px;
    font-size: 0.9em;
}

.tp-team-member.style2 .tp-team-social-id {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.tp-team-member.style2 .tp-team-social-id a {
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 31px;
    font-size: 16px;
    border-radius: 32px;
}

.tp-team-member.style2 a.tp-team-detail {
    margin-left: 20px;
}

.tp-team-member.style2 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
}

.tp-team-member.style2 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
}

.tp-team-member.style3 {
    background: var(--total-team-block-background-color, #fff);
    text-align: center;
    box-shadow: 0px 4px 26px -6px rgba(0, 0, 0, 0.2);
}

.tp-team-carousel .tp-team-member.style3 {
    box-shadow: 0px 4px 12px -6px rgba(0, 0, 0, 0.2);
}

.widget_totalplus_team .tp-team-member.style3 * {
    color: #333;
}

.tp-team-member.style3 .tp-team-image {
    position: relative;
    overflow: hidden;
}

.tp-team-member.style3 .tp-team-image-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-template-color-rgba, rgba(255, 193, 7, 0.9));
    padding: 30px;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.tp-team-member.style3 .tp-team-image-overlay-inner {
    width: 100%;
}

.tp-team-member.style3 .team-short-content {
    transform: translateY(-300px);
    transition: all 0.5s ease 0.2s;
    color: var(--total-team-block-excerpt-color, #FFF);
}

.tp-team-member.style3 .tp-team-social-id {
    transform: translateY(300px);
    transition: all 0.5s ease 0.2s;
}

.tp-team-member.style3:hover .tp-team-image-overlay {
    opacity: 1;
    background: var(--total-team-block-overlay-color, var(--total-template-color-rgba, rgba(255, 193, 7, 0.9)));
}

.tp-team-member.style3:hover .team-short-content {
    transform: translateY(0);
}

.tp-team-member.style3:hover .tp-team-social-id {
    transform: translateY(0);
}

.tp-team-member.style3 .tp-team-member-content {
    padding: 30px 20px;
    color: #333;
}

.tp-team-member.style3 .tp-team-social-id {
    margin-top: 20px;
}

.tp-team-member.style3 .tp-team-social-id a {
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    margin: 0 4px;
    display: inline-block;
    font-size: 15px;
    color: var(--total-team-block-social-icon-color, #FFF);
    border: 1px solid var(--total-team-block-social-icon-color, #FFF);
}

.tp-team-member.style3 .tp-team-designation {
    margin-bottom: 0;
}

.tp-team-member.style3 a.tp-team-detail {
    position: relative;
    color: var(--total-team-block-detail-link-color, #FFF);
}

.tp-team-member.style3 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
    background: var(--total-team-block-detail-link-color, #FFF);
}

.tp-team-member.style3 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
    background: #FFF;
    background: var(--total-team-block-detail-link-color, #FFF);
}

.tp-team-member.style4 {
    background: var(--total-team-block-background-color, #fff);
    text-align: center;
    padding-top: 40px;
    box-shadow: 0px 4px 26px -6px rgba(0, 0, 0, 0.2);
}

.widget_totalplus_team .tp-team-member.style4 * {
    color: #444;
}

.tp-team-member.style4 .tp-team-image {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.tp-team-member.style4 .tp-team-image img {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.tp-team-member.style4 .tp-team-member-content {
    padding: 30px;
    color: #333;
}

.tp-team-member.style4 .tp-team-social-id {
    margin-top: 20px;
}

.tp-team-member.style4 .tp-team-social-id a {
    margin: 0 5px;
    height: 38px;
    width: 38px;
    display: inline-block;
    border-radius: 50%;
    line-height: 38px;
    font-size: 16px;
}

.tp-team-member.style4 a.tp-team-detail {
    position: relative;
}

.tp-team-member.style4 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
}

.tp-team-member.style4 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
}

.tp-team-member.style5 {
    text-align: center;
    margin-bottom: 100px !important;
    position: relative;
}

.widget_totalplus_team .tp-team-member.style5 * {
    color: #444;
}

.tp-team-member.style5 .tp-team-member-content {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    margin-bottom: -60px;
    background: var(--total-team-block-background-color, #fff);
    color: #333;
    padding: 15px;
    box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.2);
}

.tp-team-member.style5 .team-short-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease 0.1s;
    margin-bottom: 0;
    padding: 0 10px;
}

.tp-team-member.style5:hover .team-short-content {
    margin-bottom: 20px;
    max-height: 1000px;
}

.tp-team-member.style5 .tp-team-image {
    overflow: hidden;
}

.tp-team-member.style5 .tp-team-image img {
    transform: scale(1);
    transition: all 0.6s ease;
}

.tp-team-member.style5:hover .tp-team-image img {
    transform: scale(1.2);
}

.tp-team-member.style5 .tp-team-social-id a {
    margin: 0 10px;
    border: none;
}

.tp-team-member.style5 a.tp-team-detail {
    position: relative;
}

.tp-team-member.style5 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
}

.tp-team-member.style5 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
}

.tp-team-member.style6 {
    overflow: hidden;
    position: relative;
}

.tp-team-member.style6 .tp-team-member-wrap {
    margin-left: -3%;
}

.tp-team-member.style6 .tp-team-member-inner {
    padding: 1px;
}

.tp-team-member.style6 .tp-team-image {
    transform: rotateY(0deg);
    position: relative;
    backface-visibility: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.6s ease;
    overflow: hidden;
}

.tp-team-member.style6 .tp-team-member-content {
    transform: rotateY(180deg);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    backface-visibility: hidden;
    padding: 30px 20px;
    background: var(--total-team-block-background-color, #fff);
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.6s ease;
    display: flex;
    align-items: center;
}

.tp-team-member.style6 .tp-team-member-excerpt {
    width: 100%;
}

.widget_totalplus_team .tp-team-member.style6 .tp-team-member-content * {
    color: #444;
}

.tp-team-member.style6:hover .tp-team-image {
    transform: rotateY(180deg);
}

.tp-team-member.style6:hover .tp-team-member-content {
    transform: rotateY(0deg);
}

.tp-team-member.style6 .tp-team-social-id {
    margin-top: 15px;
}

.tp-team-member.style6 .tp-team-social-id a {
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    border: none;
}

.tp-team-member.style6 a.tp-team-detail {
    position: relative;
}

.tp-team-member.style6 a.tp-team-detail:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-left: 5px;
    border-radius: 50%;
}

.tp-team-member.style6 a.tp-team-detail:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 15px;
    margin-right: 5px;
    border-radius: 50%;
}

.tp-team-carousel .tp-team-member {
    margin: 10px;
}

.tp-team-carousel .owl-nav {
    text-align: center;
    margin-top: 50px;
}

.tp-team-carousel.owl-carousel .owl-nav .owl-prev,
.tp-team-carousel.owl-carousel .owl-nav .owl-next {
    display: inline-block;
    height: 44px;
    width: 50px;
    line-height: 44px;
    margin: 0 4px;
    background: var(--total-team-block-arrow-bg-color, #fff);
    color: var(--total-team-block-arrow-color, #333);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.tp-team-carousel.owl-carousel .owl-nav .owl-prev:hover,
.tp-team-carousel.owl-carousel .owl-nav .owl-next:hover {
    background: var(--total-team-block-arrow-bg-color-hover, var(--total-team-block-arrow-bg-color, #fff));
    color: var(--total-team-block-arrow-color-hover, var(--total-team-block-arrow-color, #333));
}

.tp-team-carousel .owl-nav .owl-prev {
    border-radius: 30px 0 0 30px;
}

.tp-team-carousel .owl-nav .owl-next {
    border-radius: 0 30px 30px 0;
}

/*--------------------------------------------------------------
## Counter Section
--------------------------------------------------------------*/
.tp-counter-wrap {
    margin-left: -5%;
}

.tp-counter {
    float: left;
    width: 20%;
    margin-left: 5%;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.tp-counter-section .tp-counter-count {
    white-space: nowrap;
    letter-spacing: 1px;
    color: var(--total-counter-block-number-color, #000);
    font-weight: var(--total-counter-font-weight, 400);
}

.tp-counter-section .tp-counter-title {
    margin: 0;
    letter-spacing: 1px;
    color: var(--total-counter-block-title-color, #000);
}

.tp-counter-section .tp-counter-icon {
    color: #000;
}

.tp-counter-section .tp-counter-icon i {
    color: var(--total-counter-block-icon-color);
}

.tp-counter-col-2 .tp-counter {
    width: 45%;
}

.tp-counter-col-3 .tp-counter {
    width: 28.33%;
}

.tp-counter-col-4 .tp-counter {
    width: 20%;
}

.tp-counter-col-5 .tp-counter {
    width: 15%;
}

.tp-counter-col-6 .tp-counter {
    width: 11.66%;
}

.tp-counter-col-2 .tp-counter:nth-child(2n + 1) {
    clear: both;
}

.tp-counter-col-3 .tp-counter:nth-child(3n + 1) {
    clear: both;
}

.tp-counter-col-4 .tp-counter:nth-child(4n + 1) {
    clear: both;
}

.tp-counter-col-5 .tp-counter:nth-child(5n + 1) {
    clear: both;
}

.tp-counter-col-6 .tp-counter:nth-child(6n + 1) {
    clear: both;
}

.tp-counter-section .style1 .tp-counter {
    float: left;
    text-align: center;
    border: 2px solid var(--total-counter-block-border-color, #000);
    border-top: 0;
    padding: 0 20px 30px;
    position: relative;
    margin-top: 20px;
}

.tp-counter-section .style1 .tp-counter:after {
    content: "";
    position: absolute;
    width: 30%;
    left: 0;
    top: 0;
    height: 2px;
    background: var(--total-counter-block-border-color, #000);
}

.tp-counter-section .style1 .tp-counter:before {
    content: "";
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    height: 2px;
    background: var(--total-counter-block-border-color, #000);
}

.tp-counter-section .style1 .tp-counter-count {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: 3px;
}

.tp-counter-section .style1 .tp-counter-icon {
    display: block;
    font-size: 36px;
    position: relative;
    transform: translate(0, -17px);
    line-height: 36px;
}

.tp-counter-section .style1 .tp-counter-title {
    margin-top: 15px;
    margin: 0;
}

.tp-counter-section .style2 .tp-counter-icon {
    font-size: 2em;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}

.tp-counter-section .style2 .tp-counter-icon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 30px;
    height: 2px;
    background: var(--total-counter-block-icon-color, #000);
    margin-left: -15px;
    margin-top: 25px;
}

.tp-counter-section .style2 .tp-counter-count {
    font-size: 3em;
    line-height: 1;
}

.tp-counter-section .style2 .tp-counter-title {
    margin: 0;
    padding: 20px;
}

.tp-counter-section .style2 .tp-counter:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    background: var(--total-counter-block-border-color, #000);
    transition: all 0.3s ease;
}

.tp-counter-section .style2 .tp-counter:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 2px;
    background: var(--total-counter-block-border-color, #000);
    transition: all 0.3s ease;
}

.tp-counter-section .style2 .tp-counter>span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--total-counter-block-border-color, #000);
    transition: all 0.3s ease;
}

.tp-counter-section .style2 .tp-counter>span:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30px;
    width: 2px;
    background: var(--total-counter-block-border-color, #000);
    transition: all 0.3s ease;
}

.tp-counter-section .style2 .tp-counter:hover:before,
.tp-counter-section .style2 .tp-counter:hover>span:before {
    width: 100%;
}

.tp-counter-section .style2 .tp-counter:hover:after,
.tp-counter-section .style2 .tp-counter:hover>span:after {
    height: 100%;
}

.tp-counter-section .style3 .tp-counter {
    background: var(--total-counter-block-background-color, #fff);
    padding: 50px 20px;
    box-shadow: 0px 14px 22px -2px rgba(0, 0, 0, 0.3);
    position: relative;
}

.tp-counter-section .style3 .tp-counter:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid var(--total-counter-block-border-color, #000);
}

.tp-counter-section .style3 .tp-counter-icon {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 20px;
}

.tp-counter-section .style3 .tp-counter-count {
    font-size: 3.4em;
    line-height: 1;
    margin-bottom: 20px;
}

.tp-counter-section .style4 .tp-counter {
    text-align: left;
    padding-left: 80px;
    margin-bottom: 100px;
}

.tp-counter-section .style4 .tp-counter-icon {
    font-size: 42px;
    width: 70px;
    float: left;
    text-align: center;
    opacity: 0.8;
    margin-left: -80px;
    line-height: 1;
    margin-top: 10px;
}

.tp-counter-section .style4 .tp-counter-count {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
## Logo Section
--------------------------------------------------------------*/
.tp-logo-carousel.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.tp-logo-section ul {
    list-style: none;
    padding: 15px;
}

.tp-logo-section .style1 img {
    padding: 2px;
}

.tp-logo-section .style1 .owl-dots {
    text-align: center;
    margin-top: 40px;
}

.tp-logo-section .style1 .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 10px;
    background: var(--total-logo-carousel-dot-color, var(--total-section-color, #333));
    margin: 0 5px;
    transition: all 0.3s ease;
    border-radius: 20px;
}

.tp-logo-section .style1 .owl-dots .owl-dot.active {
    width: 30px;
}

.tp-logo-section .style2 .flipster-carousel .flip-items .flip-item {
    background-color: #ffffff;
    opacity: 1;
}

.tp-logo-section .style2 .flipster-carousel .flip-items .flip-content {
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tp-logo-section .style2 .flipto-prev,
.tp-logo-section .style2 .flipto-next {
    position: absolute;
    top: 50%;
    height: 40px;
    width: 36px;
    margin-top: -20px;
    text-align: center;
    font-size: 20px;
    background: var(--total-logo-carousel-arrow-bg-color, var(--total-template-color));
}

.tp-logo-section .style2 .flipto-prev i,
.tp-logo-section .style2 .flipto-next i {
    color: var(--total-logo-carousel-arrow-color, #fff);
}

.tp-logo-section .style2 .flipto-prev i,
.tp-logo-section .style2 .flipto-next i {
    line-height: 40px;
}

.tp-logo-section .style2 .flipto-prev {
    left: 0;
}

.tp-logo-section .style2 .flipto-next {
    right: 0;
}

.tp-logo-section .style3 .tp-logo-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.tp-logo-section .style3 .tp-logo-grid .tp-logo-item {
    width: 25%;
    display: flex;
    align-items: center;
    padding: 30px;
    justify-content: center;
}

.tp-logo-section .style4 .tp-logo-grid {
    display: flex;
    flex-wrap: wrap;
}

.tp-logo-section .style4 .tp-logo-grid .tp-logo-item {
    width: 25%;
    display: flex;
    align-items: center;
    padding: 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: center;
}

.tp-logo-section .style4 .tp-logo-grid .tp-logo-item:nth-child(4n + 1),
.tp-logo-section .style4 .tp-logo-grid .tp-logo-item:nth-child(1) {
    border-left: 0;
}

.tp-logo-section .style4 .tp-logo-grid .tp-logo-item.last-row {
    border-bottom: 0;
}

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
.slick-slider .slick-slide {
    outline: none;
}

.tp-testimonial-wrap .tp-testimonial-image-wrap {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
}

.tp-testimonial-wrap .tp-testimonial img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 1px solid var(--total-template-color);
    padding: 5px;
    transition: all 0.3s ease-in-out;
}

.tp-testimonial-wrap .tp-testimonial-excerpt {
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
    color: var(--total-testimonial-block-text-color, #333);
}

.tp-section-title-side+.tp-testimonial-content .tp-testimonial-wrap .tp-testimonial-excerpt {
    width: 95%;
}

.tp-testimonial-wrap .tp-testimonial-excerpt .icofont-quote-left {
    position: absolute;
    top: 0px;
    left: -15px;
    font-size: 90px;
    color: var(--total-testimonial-block-text-color, #333);
    z-index: -1;
    opacity: 0.05;
}

.tp-testimonial-wrap .tp-testimonial h5 {
    text-align: center;
    margin: 0 0 10px;
    color: var(--total-testimonial-block-name-color, #333);
}

.tp-testimonial-wrap .tp-testimonial .designation {
    text-align: center;
    color: var(--total-testimonial-block-designation-color, #333);
}

.tp-testimonial-title h5 {
    color: var(--total-testimonial-block-name-color, #333);
}

.tp-testimonial-title .designation {
    color: var(--total-testimonial-block-designation-color, #333);
}

.tp-testimonial-wrap.style1 .owl-dots {
    text-align: center;
    margin-top: 40px;
}

.tp-testimonial-wrap.style1 .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 10px;
    background: var(--total-testimonial-block-dot-color, var(--total-template-color));
    margin: 0 5px;
    transition: all 0.3s ease;
    border-radius: 20px;
}

.tp-testimonial-wrap.style1 .owl-dots .owl-dot.active {
    width: 30px;
}

.tp-testimonial-wrap.style2 .tp-testimonial-image-wrap,
.tp-testimonial-wrap.style2 .tp-testimonial-content-wrap {
    display: none;
}

.tp-testimonial-wrap.style2 .tp-testimonial-image-wrap.slick-initialized,
.tp-testimonial-wrap.style2 .tp-testimonial-content-wrap.slick-initialized {
    display: block;
}

.tp-testimonial-wrap.style2 .tp-testimonial-image {
    display: none;
}

.tp-testimonial-image-box {
    position: relative;
    padding-bottom: 100%
}

.tp-testimonial-image-slide img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transform: scale(.7);
    transition: all .4s ease;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 50%;
}

.tp-testimonial-image-slide.slick-center img {
    transform: scale(0.9);
}

.tp-testimonial-wrap.style2 .slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 40px 0 0;
    list-style: none;
    text-align: center;
}

.tp-testimonial-wrap.style2 .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

.tp-testimonial-wrap.style2 .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    height: 8px;
    width: 10px;
    background: var(--total-testimonial-block-dot-color, var(--total-template-color));
    transition: all 0.3s ease;
    border-radius: 20px;
}

.tp-testimonial-wrap.style2 .slick-dots li.slick-active button {
    width: 30px;
}

.tp-testimonial-section .style3 .tp-testimonial-wrap {
    margin-left: -3%;
}

.tp-testimonial-section .style3 .tp-testimonial-box {
    width: 30.33%;
    float: left;
    background: var(--total-testimonial-block-background-color, #fff);
    padding: 25px;
    margin-left: 3%;
    margin-bottom: 40px;
    box-shadow: 2px 2px 18px -6px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
}

.tp-testimonial-section .tp-section-title-side+.tp-testimonial-content .style3 .tp-testimonial-box {
    width: 46%;
    margin-left: 4%;
}

.tp-testimonial-section .style4 .tp-testimonial-box {
    background: var(--total-testimonial-block-background-color, #fff);
    padding: 25px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    transition: all 0.5s ease;
    transform: scale(0.9);
    margin: 10px;
}

.tp-testimonial-section .style4 .owl-item.center .tp-testimonial-box {
    transform: scale(1);
}

.tp-testimonial-section .tp-section-title-side+.tp-section-content .style4 .tp-testimonial-box {
    opacity: 0.9;
}

.tp-testimonial-section .tp-section-title-side+.tp-section-content .owl-item.center .tp-testimonial-box {
    opacity: 1;
}

.tp-testimonial-section .tp-testimonial-wrap.style3 {
    margin-left: -3%;
}

.tp-testimonial-section .tp-section-title-side+.tp-testimonial-content .tp-testimonial-wrap.style3 {
    margin-left: -4%;
}

.tp-testimonial-section .style3 .tp-testimonial-box:hover {
    box-shadow: 2px 2px 28px 0px rgba(0, 0, 0, 0.2);
}

.tp-section-title-side+.tp-testimonial-content .style3 .tp-testimonial-box:nth-child(3n + 1) {
    clear: none;
}

.tp-testimonial-section .style3 .tp-testimonial-box:nth-child(3n + 1),
.tp-section-title-side+.tp-testimonial-content .style3 .tp-testimonial-box:nth-child(2n + 1) {
    clear: both;
}

.tp-testimonial-section .style3 .tp-testimonial-excerpt,
.tp-testimonial-section .style4 .tp-testimonial-excerpt {
    margin: 0 0 20px;
    text-align: left;
    width: auto;
    font-size: 0.9em;
}

.tp-testimonial-section .style3 .tp-testimonial-footer,
.tp-testimonial-section .style4 .tp-testimonial-footer {
    display: flex;
    align-items: center;
}

.tp-testimonial-section .style3 .tp-testimonial-box img,
.tp-testimonial-section .style4 .tp-testimonial-box img {
    width: 80px;
    height: auto;
    margin-right: 20px;
    border-radius: 50%;
}

.tp-testimonial-section .style3 .tp-testimonial-box h5,
.tp-testimonial-section .style4 .tp-testimonial-box h5 {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 5px;
}

.tp-testimonial-section .style3 .tp-testimonial-box .designation,
.tp-testimonial-section .style4 .tp-testimonial-box .designation {
    font-size: 0.85em;
    opacity: 0.9;
}

.tp-testimonial-section .style4 .owl-nav {
    text-align: center;
    margin-top: 40px;
    color: var(--total-testimonial-block-dot-color, var(--total-template-color));
}

.tp-testimonial-section .style4 .owl-nav [class^="owl-"] {
    display: inline-block;
    margin: 0 10px;
    font-size: 26px;
}

/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
.tp-blog-wrap {
    margin-left: -3%;
}

.tp-blog-post {
    float: left;
    margin-left: 3%;
    width: 30.333%;
    margin-bottom: 40px;
    color: #333;
}

.tp-blog-post .tp-blog-excerpt-text {
    color: var(--total-blog-block-excerpt-color, #333);
}

.tp-blog-col-2 .tp-blog-post {
    width: 47%;
}

.tp-blog-col-3 .tp-blog-post {
    width: 30.33%;
}

.tp-blog-col-4 .tp-blog-post {
    width: 22%;
}

.tp-blog-col-2 .tp-blog-post:nth-child(2n + 1) {
    clear: both;
}

.tp-blog-col-3 .tp-blog-post:nth-child(3n + 1) {
    clear: both;
}

.tp-blog-col-4 .tp-blog-post:nth-child(4n + 1) {
    clear: both;
}

.tp-blog-section .style1 .tp-blog-post {
    background: #fff;
    border-bottom: 6px solid var(--total-blog-block-readmore-button-bg-color, var(--total-template-color));
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.2);
}

.tp-blog-section .style1 .tp-blog-thumbnail a {
    display: block;
    position: relative;
}

.tp-blog-section .style1 .tp-blog-thumbnail a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease;
}

.tp-blog-section .style1 .tp-blog-thumbnail:hover a:after {
    width: 100%;
}

.tp-blog-section .style1 .tp-blog-thumbnail {
    position: relative;
}

.tp-blog-section .style1 .tp-blog-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    padding: 10px;
    font-size: 14px;
    opacity: 0.8;
    display: flex;
    justify-content: space-between;
    color: #fff;
    pointer-events: none;
}

.tp-blog-section .style1 .tp-blog-footer span{
    display: inline-flex;
}

.tp-blog-section .style1 .tp-blog-footer i {
    margin-right: 10px;
}

.tp-blog-section .style1 .tp-blog-footer * {
    color: #fff;
}

.tp-blog-section .style1 .tp-blog-excerpt {
    padding: 20px;
}

.tp-blog-section .style1 .tp-blog-excerpt .tp-blog-date{
    display: flex;
}

.tp-blog-post h5 {
    margin-bottom: 15px;
    color: var(--total-blog-block-title-color, #333);
}

.tp-blog-post h5 a,
.tp-blog-post h5 a:hover {
    color: inherit;
}

.tp-blog-date {
    font-size: 14px;
    opacity: 0.8;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: var(--total-blog-block-meta-color, #666);
}

.tp-blog-date i {
    margin-right: 10px;
}

.tp-blog-read-more {
    padding: 0 20px 20px;
    text-align: right;
}

.tp-blog-section .tp-blog-read-more a {
    display: inline-block;
    background: var(--total-blog-block-readmore-button-bg-color, var(--total-template-color));
    color: var(--total-blog-block-readmore-button-text-color, #fff);
    padding: 10px 15px;
    text-align: center;
    border-radius: 1px;
}

.tp-blog-section .tp-blog-read-more a:hover {
    background: #333;
    color: #fff;
}

.tp-blog-section .style2 .tp-blog-thumbnail {
    margin-bottom: 25px;
}

.tp-blog-section .style2 .tp-blog-footer {
    position: relative;
    margin-top: 25px;
    padding-top: 10px;
    font-size: 14px;
    opacity: 0.8;
    display: flex;
    justify-content: space-between;
    color: var(--total-blog-block-meta-color, #666);
}

.tp-blog-section .style2 .tp-blog-footer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--total-blog-block-meta-color, rgba(0, 0, 0, 0.2));
    opacity: 0.2;
}

.tp-blog-section .style2 .tp-blog-footer span{
    display: inline-flex;
}

.tp-blog-section .style2 .tp-blog-footer i {
    margin-right: 10px;
}

.tp-blog-section .style3 .tp-blog-thumbnail {
    margin-bottom: 25px;
    position: relative;
}

.tp-blog-section .style3 .tp-blog-excerpt {
    padding-left: 80px;
}

.tp-blog-section .style3 .tp-blog-excerpt.tp-full-width {
    padding-left: 0;
}

.tp-blog-section .style3 .tp-blog-date {
    float: left;
    margin-left: -80px;
    width: 60px;
    background: var(--total-blog-block-meta-background-color, var(--total-template-color));
    color: var(--total-blog-block-meta-color, #fff);
    text-align: center;
    padding: 5px;
    opacity: 1;
}

.tp-blog-section .style3 .tp-blog-date span {
    display: block;
    line-height: 1;
    padding: 5px 0;
    color: inherit;
}

.tp-blog-section .style3 .tp-blog-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-size: 14px;
    opacity: 0.8;
    display: flex;
    justify-content: space-between;
    color: #fff;
    pointer-events: none;
}

.tp-blog-section .style3 .tp-blog-footer span{
    display: inline-flex;
}

.tp-blog-section .style3 .tp-blog-footer i {
    margin-right: 10px;
}

.tp-blog-section .style3 .tp-blog-footer * {
    color: #fff;
}

.tp-blog-section .style4 .tp-blog-thumbnail {
    position: relative;
    background: #000;
    overflow: hidden;
}

.tp-blog-section .style4 .tp-blog-thumbnail img {
    opacity: 0.7;
}

.tp-blog-section .style4 .tp-blog-excerpt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    pointer-events: none;
    transition: all 0.3s ease;
}

.tp-blog-section .style4 .tp-blog-excerpt *,
.tp-blog-section .style4 .tp-blog-footer * {
    color: #fff;
}

.tp-blog-section .style4 .tp-blog-date {
    line-height: 1;
    margin: 10px 0 0;
}

.tp-blog-section .style4 .tp-blog-footer {
    position: absolute;
    left: 0;
    right: 0;
    padding: 30px;
    pointer-events: none;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    bottom: -100px;
    transition: all 0.3s ease;
}

.tp-blog-section .style4 .tp-blog-footer span{
    display: inline-flex;
}

.tp-blog-section .style4 .tp-blog-footer i {
    margin-right: 10px;
}

.tp-blog-section .style4 .tp-blog-post:hover .tp-blog-excerpt {
    bottom: -300px;
}

.tp-blog-section .style4 .tp-blog-post:hover .tp-blog-footer {
    bottom: 0;
}

.tp-blog-section .style4 h5 {
    margin: 0;
}

/*--------------------------------------------------------------
## Tab Section
--------------------------------------------------------------*/
.tp-tab-wrap .tp-inner-content {
    display: none;
}

.tp-tab-wrap .tp-tab-link {
    color: var(--total-tab-block-tab-title-color, #333);
}

.tp-tab-wrap .tp-tab-link.tp-active {
    color: var(--total-tab-block-tab-active-title-color, var(--total-template-color));
}

.tp-tab-wrap.style1 .tp-tab-link i {
    color: inherit;
}

.tp-tab-section .tp-tab-content h1,
.tp-tab-section .tp-tab-content h2,
.tp-tab-section .tp-tab-content h3,
.tp-tab-section .tp-tab-content h4,
.tp-tab-section .tp-tab-content h5,
.tp-tab-section .tp-tab-content h6 {
    color: var(--total-tab-content-title-color, #333);
}

.tp-tab-section .tp-tab-content {
    color: var(--total-tab-content-text-color, #333);
}

.tp-tab-wrap.style1 .tp-tab-anchors {
    width: 25%;
    float: left;
    padding: 20px 0;
    position: relative;
}

.tp-tab-wrap.style1 .tp-tab-anchors:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-tab-block-tab-title-color, #333);
    width: 1px;
    opacity: 0.4;
}

.tp-tab-wrap.style1 .tp-tab-content {
    position: relative;
    width: 75%;
    float: right;
    padding: 15px 0 15px 80px;
}

.tp-tab-wrap.style1 .tp-tab-link {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    padding: 25px 30px 25px 40px;
    font-size: 1.1em;
    line-height: 1.2;
}

.tp-tab-wrap.style1 .tp-tab-link.tp-active:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: var(--total-tab-block-active-bg-color, var(--total-template-color));
    margin-right: -3px;
    z-index: 99;
}

.tp-tab-wrap.style1 .tp-tab-link i {
    float: left;
    margin-left: -40px;
    line-height: 1.2;
}

.tp-tab-wrap.style2 .tp-tab-anchors {
    width: 25%;
    float: left;
    padding: 20px 0;
}

.tp-tab-wrap.style2 .tp-tab-content {
    position: relative;
    width: 75%;
    float: right;
    padding: 15px 0 15px 80px;
}

.tp-tab-wrap.style2 .tp-tab-link {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    padding: 20px 30px 20px 60px;
    font-size: 1.1em;
    line-height: 1.1;
    background: #333;
    margin-bottom: 6px;
    color: var(--total-tab-block-tab-title-color, #FFF);
}

.tp-tab-wrap.style2 .tp-tab-link i {
    float: left;
    margin-left: -40px;
    line-height: 1.2;
}

.tp-tab-wrap.style2 .tp-tab-link.tp-active {
    background: var(--total-tab-block-active-bg-color, var(--total-template-color));
    color: var(--total-tab-block-tab-active-title-color, var(--total-tab-block-tab-title-color, #FFF));
}

.tp-tab-wrap.style2 .tp-tab-link.tp-active:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    border-color: transparent;
    border-left-color: var(--total-tab-block-active-bg-color, var(--total-template-color));
    border-width: 20px;
    border-style: solid;
    margin-top: -20px;
}

.tp-tab-wrap.style3 .tp-tab-anchors {
    text-align: center;
    margin-bottom: 40px;
}

.tp-tab-wrap.style3 .tp-tab-link {
    display: inline-block;
    padding: 20px 30px 15px 30px;
    cursor: pointer;
    border-bottom: 5px solid transparent;
    min-width: 150px;
    max-width: 300px;
}

.tp-tab-wrap.style3 .tp-tab-link.tp-active {
    background: #fff;
    border-bottom: 5px solid var(--total-tab-block-active-bg-color, var(--total-template-color));
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
}

.tp-tab-wrap.style3 .tp-tab-link i {
    font-size: 36px;
    line-height: 1;
}

.tp-tab-wrap.style3 .tp-tab-link span {
    display: block;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tp-tab-wrap.style4 .tp-tab-anchors {
    text-align: center;
    margin-bottom: 40px;
}

.tp-tab-wrap.style4 .tp-tab-link {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 30px;
    min-width: 150px;
    max-width: 300px;
}

.tp-tab-wrap.style4 .tp-tab-link span {
    display: block;
    border-top: 2px solid var(--total-tab-block-tab-title-color, #333);
    margin-top: 20px;
    padding: 20px 0;
    text-transform: uppercase;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tp-tab-wrap.style4 .tp-tab-link.tp-active span {
    border-top: 2px solid var(--total-tab-block-active-bg-color, var(--total-tab-block-tab-title-color, #333));
}

.tp-tab-wrap.style4 .tp-tab-link.tp-active span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 40px;
    height: 2px;
    background: var(--total-tab-block-active-bg-color, var(--total-template-color));
    margin-left: -20px;
    margin-top: -4px;
}

.tp-tab-wrap.style4 .tp-tab:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 15px;
    height: 15px;
    border: 2px solid #3333;
    margin-left: 25px;
    border-radius: 50%;
    margin-top: -15px;
}

.tp-tab-wrap.style4 .tp-tab:last-child:after {
    display: none;
}

.tp-tab-wrap.style4 .tp-tab-link i {
    font-size: 30px;
    line-height: 1;
}

.tp-tab-wrap.style5 {
    background: #fff;
    color: #333;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.tp-tab-wrap.style5 .tp-tab-content {
    padding: 60px;
}

.tp-tab-wrap.style5 .tp-tab-anchors {
    padding: 0 60px;
    text-align: center;
}

.tp-tab-wrap.style5 .tp-tab-link {
    display: inline-block;
    padding: 40px 40px 0;
    cursor: pointer;
    min-width: 150px;
    max-width: 300px;
}

.tp-tab-wrap.style5 .tp-tab-link.tp-active {
    background: var(--total-tab-block-active-bg-color, var(--total-template-color));
    position: relative;
    color: var(--total-tab-block-tab-active-title-color, #FFF);
}

.tp-tab-wrap.style5 .tp-tab-link.tp-active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: var(--total-tab-block-active-bg-color, var(--total-template-color));
    height: 40px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin-top: -1px;
}

.tp-tab-wrap.style5 .tp-tab-link i {
    font-size: 36px;
    line-height: 1;
}

.tp-tab-wrap.style5 .tp-tab-link span {
    display: block;
    margin-top: 4px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
## CTA Section
--------------------------------------------------------------*/
.tp-cta-buttons a {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 1px;
    margin: 0 4px;
}

.tp-cta-buttons a.tp-cta-button1 {
    background: var(--total-cta-button1-bg-color, var(--total-template-color));
    color: var(--total-cta-button1-text-color, #fff);
}

.tp-cta-buttons a.tp-cta-button2 {
    background: var(--total-cta-button2-bg-color, #333);
    color: var(--total-cta-button2-text-color, #fff);
}

.tp-cta-buttons a.tp-cta-button1:hover {
    background: var(--total-cta-button2-bg-color, #333);
    color: var(--total-cta-button2-text-color, #fff);
}

.tp-cta-buttons a.tp-cta-button2:hover {
    background: var(--total-cta-button1-bg-color, var(--total-template-color));
    color: var(--total-cta-button1-text-color, #fff);
}

.tp-cta-section .tp-section-title,
.tp-cta-section .tp-section-tagline {
    width: auto;
}

.tp-cta-section .tp-section-title-tagline {
    margin-bottom: 30px;
}

.tp-cta-section.style1 .tp-section-title-tagline,
.tp-cta-section.style1 .tp-cta-buttons {
    text-align: center;
}

.tp-cta-section.style2 .tp-section-title-tagline,
.tp-cta-section.style2 .tp-cta-buttons {
    text-align: left;
}

.tp-cta-section.style3 .tp-section-title-tagline,
.tp-cta-section.style3 .tp-cta-buttons {
    text-align: right;
}

.tp-cta-section.style4 .tp-container {
    display: flex;
    align-items: center;
}

.tp-cta-section.style4 .tp-section-title-tagline,
.tp-cta-section.style4 .tp-cta-buttons {
    text-align: left;
}

.tp-cta-section.style4 .tp-section-title-tagline {
    padding-right: 40px;
    flex-grow: 1;
    margin-bottom: 0;
}

.tp-cta-section.style4 #tp-cta-video {
    text-align: center;
}

.tp-cta-buttons {
    white-space: nowrap;
}

#tp-cta-video {
    margin: 0 0 40px;
}

#tp-cta-video a {
    margin: 0;
    padding: 0;
}

#tp-cta-video img{
    width: 100px;
}

#tp-cta-video:last-child {
    margin-bottom: 0;
}

#tp-cta-video .video-play-button {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    margin: 20px 0;
    text-align: center;
}

#tp-cta-video .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    background: var(--total-cta-video-icon-color, var(--total-template-color));
}

#tp-cta-video .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--total-cta-video-icon-color, var(--total-template-color));
}

#tp-cta-video .video-play-button i {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 9;
    line-height: 80px;
    font-size: 45px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/
.tp-pricing-wrap {
    margin-left: -3%;
}

.tp-pricing-wrap .tp-pricing {
    float: left;
    margin-left: 3%;
    margin-bottom: 40px;
}

.tp-pricing * {
    transition: all 0.3s ease;
}

.tp-pricing ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-pricing-col-2 .tp-pricing {
    width: 47%;
}

.tp-pricing-col-3 .tp-pricing {
    width: 30.33%;
}

.tp-pricing-col-4 .tp-pricing {
    width: 22%;
}

.tp-pricing-col-2 .tp-pricing:nth-child(2n + 1) {
    clear: both;
}

.tp-pricing-col-3 .tp-pricing:nth-child(3n + 1) {
    clear: both;
}

.tp-pricing-col-4 .tp-pricing:nth-child(4n + 1) {
    clear: both;
}

.tp-pricing.style1 {
    background: #fff;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.3);
}

.tp-pricing.style1 * {
    color: #333;
}

.tp-pricing.style1 .tp-pricing-header {
    padding: 40px 20px;
    background: #f1f1f1;
    margin: -20px 15% 40px;
    position: relative;
}

.tp-pricing.style1 .tp-pricing-header:before {
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    background: #f1f1f1;
    top: 100%;
    height: 40px;
    margin-top: -20px;
    transform: skewY(10deg);
    transition: all 0.3s ease;
}

.tp-pricing.style1 .tp-pricing-header:after {
    content: "";
    position: absolute;
    right: 0;
    width: 51%;
    background: #f1f1f1;
    top: 100%;
    height: 40px;
    margin-top: -20px;
    transform: skewY(-10deg);
    transition: all 0.3s ease;
}

.tp-pricing.style1 .tp-pricing-header h5 {
    margin-bottom: 25px;
}

.tp-pricing.style1 .tp-pricing-price {
    font-size: 52px;
    font-weight: bold;
    line-height: 1;
}

.tp-pricing.style1 .tp-pricing-price span {
    font-size: 14px;
}

.tp-pricing.style1 .tp-pricing-list li {
    padding: 10px;
}

.tp-pricing.style1 .tp-pricing-list li:nth-child(even) {
    background: #fafafa;
}

.tp-pricing.style1 .tp-pricing-button {
    padding: 40px 20px;
}

.tp-pricing.style1 .tp-pricing-button a {
    display: inline-block;
    background: #333;
    padding: 15px 30px;
    color: #fff;
    line-height: 1;
}

.tp-pricing.style1:hover .tp-pricing-header,
.tp-pricing.style1:hover .tp-pricing-header:before,
.tp-pricing.style1:hover .tp-pricing-header:after,
.tp-pricing.style1:hover .tp-pricing-button a,
.tp-pricing.style1.tp-featured .tp-pricing-header,
.tp-pricing.style1.tp-featured .tp-pricing-header:before,
.tp-pricing.style1.tp-featured .tp-pricing-header:after,
.tp-pricing.style1.tp-featured .tp-pricing-button a {
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
}

.tp-pricing.style1:hover .tp-pricing-header *,
.tp-pricing.style1:hover .tp-pricing-button a,
.tp-pricing.style1.tp-featured .tp-pricing-header *,
.tp-pricing.style1.tp-featured .tp-pricing-button a {
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style1.tp-featured {
    transform: scale(1.05);
}

.tp-pricing.style2 {
    background: #fff;
    box-shadow: 0px 12px 25px -10px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.tp-pricing.style2 .tp-pricing-header {
    padding: 40px;
    background: #414141;
    margin: 0 0 20px;
    position: relative;
}

.tp-pricing.style2 .tp-pricing-header * {
    color: #fff;
}

.tp-pricing.style2 .tp-pricing-header h5 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.tp-pricing.style2 .tp-pricing-price {
    font-size: 52px;
    line-height: 1.5;
}

.tp-pricing.style2 .tp-pricing-price .tp-price-per {
    display: block;
    font-size: 16px;
}

.tp-pricing.style2 .tp-pricing-list * {
    color: #333;
}

.tp-pricing.style2 .tp-pricing-list li {
    padding: 10px;
}

.tp-pricing.style2 .tp-pricing-list li:nth-child(even) {
    background: #fafafa;
}

.tp-pricing.style2 .tp-pricing-button {
    padding: 40px 0 0;
}

.tp-pricing.style2 .tp-pricing-button a {
    display: block;
    background: #414141;
    padding: 20px 30px;
    color: #FFF;
    line-height: 1;
}

.tp-pricing.style2:hover .tp-pricing-header,
.tp-pricing.style2.tp-featured .tp-pricing-header,
.tp-pricing.style2:hover .tp-pricing-button a,
.tp-pricing.style2.tp-featured .tp-pricing-button a {
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
}

.tp-pricing.style2:hover .tp-pricing-header *,
.tp-pricing.style2:hover .tp-pricing-button a,
.tp-pricing.style2.tp-featured .tp-pricing-header *,
.tp-pricing.style2.tp-featured .tp-pricing-button a {
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style2.tp-featured {
    transform: scale(1.05);
}

.tp-pricing.style3 {
    border-top: 8px solid var(--total-pricing-block-highlight-color, var(--total-template-color));
    color: var(--total-pricing-block-highlight-text-color, #fff);
    text-align: center;
}

.tp-pricing.style3 .tp-pricing-header {
    background: #fff;
}

.tp-pricing.style3 .tp-pricing-header h5 {
    padding: 30px 20px;
    color: var(--total-pricing-block-highlight-color, var(--total-template-color));
    margin: 0;
}

.tp-pricing.style3 .tp-pricing-main {
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
}

.tp-pricing.style3 .tp-pricing-price {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    color: var(--total-pricing-block-highlight-text-color, #fff);
    border: 6px solid #fff;
    position: relative;
    z-index: 99;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
}

.tp-pricing.style3 .tp-pricing-price span {
    font-size: 16px;
    display: block;
    padding: 6px 0;
}

.tp-pricing.style3 .tp-pricing-price * {
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style3 .tp-pricing-list {
    margin-top: -75px;
    padding-top: 100px;
}

.tp-pricing.style3 .tp-pricing-list li {
    padding: 10px;
}

.tp-pricing.style3 .tp-pricing-list * {
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style3 .tp-pricing-button {
    padding: 30px;
    text-align: center;
}

.tp-pricing.style3 .tp-pricing-button a {
    display: inline-block;
    border: 2px solid var(--total-pricing-block-highlight-text-color, #fff);
    padding: 15px 30px;
    line-height: 1;
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style3.tp-featured {
    transform: scale(1.05);
}

.tp-pricing.style4 {
    background: #fff;
    padding: 10px 20px 0;
    margin-top: 50px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.tp-pricing.style4 .tp-pricing-header {
    position: relative;
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
    margin-top: -60px;
    padding: 20px 10px;
    margin-bottom: 30px;
    border-radius: 20px 20px 0 0;
}

.tp-pricing.style4 .tp-pricing-header * {
    color: var(--total-pricing-block-highlight-text-color, #fff);
}

.tp-pricing.style4 .tp-pricing-header:before {
    background-image: linear-gradient(-45deg, transparent 14px, var(--total-pricing-block-highlight-color, var(--total-template-color)) 0), linear-gradient(45deg, transparent 14px, var(--total-pricing-block-highlight-color, var(--total-template-color)) 0);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 14px 20px;
    content: " ";
    display: block;
    height: 15px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}

.tp-pricing.style4 .tp-pricing-header h5 {
    margin: 10px 0;
}

.tp-pricing.style4 .tp-pricing-price {
    font-size: 60px;
    line-height: 1;
}

.tp-pricing.style4 .tp-price-per {
    display: block;
    font-size: 0.9rem;
    margin-top: 10px;
}

.tp-pricing.style4 .tp-pricing-main * {
    color: #333;
}

.tp-pricing.style4 .tp-pricing-list li {
    padding: 10px;
    border: 1px solid #eee;
    border-top: 0;
    border-left: 0;
    margin-bottom: 6px;
}

.tp-pricing.style4 .tp-pricing-button a {
    display: block;
    padding: 10px 20px;
    margin: 0 20px;
    background: var(--total-pricing-block-highlight-color, var(--total-template-color));
    color: var(--total-pricing-block-highlight-text-color, #fff);
    transform: translateY(50%);
    border-radius: 10px;
}

.tp-pricing.style4.tp-featured {
    transform: scale(1.05);
}

/*--------------------------------------------------------------
## News Update Section
--------------------------------------------------------------*/
.tp-news {
    margin: 0 auto 60px;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tp-news:last-child {
    margin-bottom: 0;
}

.tp-news-image {
    width: 60%;
    float: left;
    box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.5);
}

.tp-news-content {
    width: 35%;
    float: right;
}

.tp-news-content h5 {
    font-size: 1.8em;
    margin-bottom: 20px;
    color: var(--total-news-block-title-color, #333);
}

.tp-news-section .tp-news-text {
    margin-bottom: 30px;
    color: var(--total-news-block-text-color, #333);
}

.tp-news-section .tp-news-link,
.tp-news-section .tp-news-link:hover {
    color: var(--total-news-block-link-color, #333);
}

.tp-news-section .tp-news-text a {
    text-decoration: underline;
}

.tp-news-section .tp-news-link{
    display: inline-flex;
    align-items: center;
}

.tp-news-section .tp-news-link i {
    margin-left: 10px;
    transition: margin 0.3s ease;
}

.tp-news-section .tp-news-link:hover i {
    margin-left: 15px;
}

.tp-news:nth-child(even) .tp-news-image {
    float: right;
    order: 2;
}

.tp-news:nth-child(even) .tp-news-content {
    float: left;
}

.tp-news-section .style2 .tp-news-content {
    position: relative;
    width: 40%;
    background: var(--total-news-block-background-color, #fff);
    padding: 30px;
    left: -5%;
    box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.5);
}

.tp-news-section .style2 .tp-news:nth-child(even) .tp-news-content {
    left: 5%;
}

.tp-news-section .style3 .tp-news {
    margin: 0;
    width: auto;
    align-items: stretch;
}

.tp-news-section .style3 .tp-news-image {
    background-size: cover;
    box-shadow: none;
    min-height: 400px;
    background-position: center;
}

.tp-news-section .style3 .tp-news-content {
    padding: 80px;
    width: 40%;
}

/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#tp-contact-section {
    position: relative;
}

.tp-contact-detail-toggle {
    position: absolute;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    left: 50%;
    margin-left: -25px;
    top: 0;
    background: #fff;
    color: #333;
    font-size: 26px;
    cursor: pointer;
    z-index: 9;
}

.tp-contact-detail-toggle i {
    display: block;
    transition: all 0.3s ease;
}

.tp-contact-detail-toggle.tp-open i {
    transform: rotate(-45deg);
}

.tp-contact-detail-toggle.tp-closed i {
    transform: rotate(0deg);
}

.tp-contact-content {
    background: #fff;
    display: flex;
    min-height: 400px;
    position: relative;
    z-index: 9;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tp-contact-content.tp-box-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
}

.tp-contact-form {
    width: 70%;
    padding: 40px;
}

.tp-contact-form textarea {
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #eee;
    padding-left: 0;
    padding-right: 0;
    resize: none;
    outline: 0;
}

.tp-contact-form input[type="text"],
.tp-contact-form input[type="email"],
.tp-contact-form input[type="url"],
.tp-contact-form input[type="password"],
.tp-contact-form input[type="search"],
.tp-contact-form input[type="number"],
.tp-contact-form input[type="tel"],
.tp-contact-form input[type="range"],
.tp-contact-form input[type="date"],
.tp-contact-form input[type="month"],
.tp-contact-form input[type="week"],
.tp-contact-form input[type="time"],
.tp-contact-form input[type="datetime"],
.tp-contact-form input[type="datetime-local"],
.tp-contact-form input[type="color"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="date"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="datetime"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="datetime-local"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="email"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="month"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="number"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="password"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="range"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="search"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="tel"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="text"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="time"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="url"],
.tp-contact-form div.wpforms-container-full .wpforms-form input[type="week"],
.tp-contact-form div.wpforms-container-full .wpforms-form select,
.tp-contact-form div.wpforms-container-full .wpforms-form textarea {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 2px solid #eee !important;
    background: none !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    outline: 0;
}

.tp-contact-form p {
    margin-bottom: 30px;
}

.tp-contact-form p:last-of-type {
    margin-bottom: 0;
}

.tp-contact-section .tp-contact-detail {
    color: var(--total-section-text-color, #fff);
    background: var(--total-contact-detail-bg-color, var(--total-template-color));
    width: 30%;
    padding: 40px;
}

.tp-contact-detail h1,
.tp-contact-detail h2,
.tp-contact-detail h3,
.tp-contact-detail h4,
.tp-contact-detail h5,
.tp-contact-detail h6 {
    color: var(--total-section-title-color, #333);
}

.tp-contact-social-icon {
    margin-top: 20px;
}

.tp-contact-social-icon a {
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    background: var(--total-contact-social-button-bg-color, #fff);
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 16px;
    color: var(--total-contact-social-button-text-color, #000);
}

.tp-contact-detail-on #tp-google-map {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tp-contact-detail-off #tp-google-map,
.tp-contact-detail-off #tp-google-map>iframe {
    min-height: 600px;
}

.tp-contact-detail-off .tp-section-wrap {
    padding: 0 !important;
}

.tp-window-height #tp-google-map {
    height: 100vh;
}

#tp-google-map>iframe {
    height: 100%;
    width: 100%;
    display: block;
}

.tp-animated-dot {
    width: 20px;
    height: 20px;
    left: -9px;
    top: -5px;
    position: relative;
}

.tp-animated-dot .tp-middle-dot:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: IcoFont;
    content: "\ef79";
    font-size: 62px;
    color: var(--total-template-color);
}

.tp-animated-dot .tp-signal,
.tp-animated-dot .tp-signal2 {
    width: 200px;
    height: 200px;
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    left: -90px;
    top: -90px;
    opacity: 0;
    animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-delay: 0.78s;
}

.tp-animated-dot .tp-signal {
    border: 2px solid var(--total-template-color-light, rgba(0, 0, 0, 0.2));
    box-shadow: inset 0 0 35px 10px var(--total-template-color-light, rgba(0, 0, 0, 0.18));
    animation-delay: 0.78s;
}

.tp-animated-dot .tp-signal2 {
    border: 2px solid var(--total-template-color);
    animation-delay: 1s;
}

@-webkit-keyframes animationSignal {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    1% {
        opacity: 0.4;
    }

    20% {
        opacity: 0.4;
    }

    60% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animationSignal {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    1% {
        opacity: 0.4;
    }

    20% {
        opacity: 0.4;
    }

    60% {
        transform: scale(1);
        opacity: 0;
    }
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#tp-colophon {
    margin-top: 40px;
    position: relative;
}

#tp-colophon.tp-footer-bg-image {
    background-image: var(--total-footer-bg-url);
    background-size: var(--total-footer-bg-size, auto);
    background-position: var(--total-footer-bg-position, center center);
    background-repeat: var(--total-footer-bg-repeat, repeat);
    background-attachment: var(--total-footer-bg-attachment, scroll);
    background-color: var(--total-footer-bg-color, #222);
}

#tp-colophon.tp-footer-bg-image.tp-bg-has-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--total-footer-bg-overlay, transparent);
    opacity: 0.9;
}

#tp-colophon.tp-footer-border-on {
    border-top: 4px solid var(--total-footer-top-border-color, var(--total-template-color));
}

.tp-no-footer-space #tp-colophon {
    margin-top: 0 !important;
}

.elementor-template-full-width #tp-colophon,
.page-template-home-template #tp-colophon,
.home.blog #tp-colophon,
body.tp-enable-frontpage #tp-colophon {
    margin-top: 0 !important;
}

#tp-main-footer {
    position: relative;
    color: #BBB;
    padding: var(--total-top-footer-spacing-top-desktop, 50px) 0 var(--total-top-footer-spacing-bottom-desktop, 50px);
}

.tp-main-footer {
    display: flex;
    margin: 0 -20px;
}

.tp-main-footer a {
    color: var(--total-top-footer-anchor-color, #EEE);
}

.tp-main-footer a:hover {
    color: var(--total-top-footer-anchor-color-hover, var(--total-top-footer-anchor-color, #EEE));
}

.tp-footer {
    width: 25%;
    padding: 0 20px;
    color: var(--total-top-footer-text-color, #EEE);
}

.tp-site-footer {
    font-family: var(--total-footer-family, Default);
    font-style: var(--total-footer-style, normal);
    font-weight: var(--total-footer-weight, 400);
    font-size: var(--total-footer-size, 16px);
    letter-spacing: var(--total-footer-letter-spacing, 0);
    line-height: var(--total-footer-line-height, 1.6);
    text-decoration: var(--total-footer-text-decoration, none);
    text-transform: var(--total-footer-text-transform, none);
}

.tp-site-footer .widget-title {
    margin-bottom: 15px;
    color: var(--total-top-footer-title-color, #EEEEEE);
    font-family: var(--total-footer-heading-family, var(--total-h-family, var(--total-h5-family, Oswald)));
    font-style: var(--total-footer-heading-style, normal);
    font-weight: var(--total-footer-heading-weight, 400);
    font-size: var(--total-footer-heading-size, 22px);
    letter-spacing: var(--total-footer-heading-letter-spacing, 0);
    line-height: var(--total-footer-heading-line-height, 1.3);
    text-decoration: var(--total-footer-heading-text-decoration, none);
    text-transform: var(--total-footer-heading-text-transform, uppercase);
}

.tp-site-footer h1,
.tp-site-footer h2,
.tp-site-footer h3,
.tp-site-footer h4,
.tp-site-footer h5,
.tp-site-footer h6 {
    font-family: var(--total-footer-heading-family, var(--total-h-family, var(--total-h5-family, Oswald)));
    font-style: var(--total-footer-heading-style, normal);
    font-weight: var(--total-footer-heading-weight, 400);
    letter-spacing: var(--total-footer-heading-letter-spacing, 0);
    line-height: var(--total-footer-heading-line-height, 1.3);
    text-decoration: var(--total-footer-heading-text-decoration, none);
    text-transform: var(--total-footer-heading-text-transform, uppercase);
}

.tp-site-footer .widget-title {
    font-size: var(--total-footer-heading-size, 22px);
}

.tp-footer .widget {
    margin-bottom: 30px;
}

.tp-footer .widget_block,
.tp-footer .widget:last-child {
    margin-bottom: 0;
}

.tp-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tp-footer ul li {
    margin: 0 0 10px;
}

.tp-footer ul ul {
    margin-top: 10px;
    margin-left: 10px;
}

.tp-top-footer,
.tp-main-footer,
.tp-bottom-footer {
    position: relative;
}

.tp-top-footer {
    color: var(--total-bottom-footer-text-color, #EEE);
}

.tp-top-footer .widget {
    margin-bottom: 30px;
}

.tp-top-footer .widget:last-child {
    margin-bottom: 0;
}

#tp-bottom-footer {
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    padding: var(--total-bottom-footer-spacing-top-desktop, 30px) 0 var(--total-bottom-footer-spacing-bottom-desktop, 30px);
    color: var(--total-bottom-footer-text-color, #EEE);
    line-height: 1.2;
    text-align: center;
    font-size: 0.9em;
}

#tp-bottom-footer a,
.tp-top-footer a {
    color: var(--total-bottom-footer-anchor-color, #EEE);
}

#tp-bottom-footer a:hover,
.tp-top-footer a:hover {
    color: var(--total-bottom-footer-anchor-color-hover, var(--total-bottom-footer-anchor-color, #EEE));
}

#tp-bottom-footer h1,
#tp-bottom-footer h2,
#tp-bottom-footer h3,
#tp-bottom-footer h4,
#tp-bottom-footer h5,
#tp-bottom-footer h6,
.tp-site-footer .tp-top-footer h1,
.tp-site-footer .tp-top-footer h2,
.tp-site-footer .tp-top-footer h3,
.tp-site-footer .tp-top-footer h4,
.tp-site-footer .tp-top-footer h5,
.tp-site-footer .tp-top-footer h6 {
    color: var(--total-bottom-footer-title-color, #EEE);
}

.tp-top-footer .widget,
.tp-bottom-footer .widget {
    margin-bottom: 0;
}

.tp-site-info a {
    border-bottom: 1px dotted #AAA;
}

.footer-style1 .tp-top-footer {
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
    padding: 30px 0;
    text-align: center;
}

.footer-style1 #tp-bottom-footer {
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
}

.footer-style2 .tp-top-footer .tp-container {
    border-bottom: 1px solid var(--total-top-footer-border-color, rgba(0, 0, 0, 0.1));
    padding: 30px 0;
    text-align: center;
}

.footer-style2 #tp-main-footer {
    padding: 0;
}

.footer-style2 #tp-main-footer .tp-container {
    border-bottom: 1px solid var(--total-top-footer-border-color, rgba(0, 0, 0, 0.1));
}

.footer-style2 .tp-footer {
    border-right: 1px solid var(--total-top-footer-border-color, rgba(0, 0, 0, 0.1));
    margin: 0;
    padding: var(--total-top-footer-spacing-top-desktop, 50px) 30px var(--total-top-footer-spacing-bottom-desktop, 50px);
    flex-grow: 1;
}

.footer-style2 .tp-top-footer+#tp-main-footer .tp-footer {
    padding: var(--total-top-footer-spacing-top-desktop, 30px) 30px var(--total-top-footer-spacing-bottom-desktop, 30px);
}

.footer-style2 .tp-footer:last-child {
    border-right: 0;
}

.footer-style2 #tp-bottom-footer {
    background: none;
}

#tp-colophon.footer-style3 {
    margin-top: 100px;
}

.footer-style3 .tp-top-footer {
    position: relative;
    top: -50px;
    z-index: 99;
}

.footer-style3 .tp-top-footer .tp-container {
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
    padding: 30px;
    text-align: center;
}

.footer-style3 #tp-main-footer {
    padding-top: var(--total-top-footer-spacing-top-desktop, 50px);
}

.footer-style3 .tp-top-footer+#tp-main-footer {
    padding-top: 0;
}

.footer-style3 #tp-bottom-footer {
    padding: var(--total-bottom-footer-spacing-top-desktop, 0) 0 var(--total-bottom-footer-spacing-bottom-desktop, 30px);
    text-align: center;
    background: none;
}

.footer-style3 #tp-bottom-footer .tp-container {
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
    padding: 20px;
}

.footer-style4 .tp-top-footer {
    padding: 40px 0;
    text-align: center;
    border-bottom: 1px solid var(--total-top-footer-border-color, rgba(0, 0, 0, 0.1));
}

.footer-style4 #tp-main-footer {
    padding: var(--total-top-footer-spacing-top-desktop, 40px) 0 var(--total-top-footer-spacing-bottom-desktop, 40px);
    border-bottom: 1px solid var(--total-top-footer-border-color, rgba(0, 0, 0, 0.1));
}

.footer-style4 #tp-bottom-footer {
    padding: var(--total-bottom-footer-spacing-top-desktop, 25px) 0 var(--total-bottom-footer-spacing-bottom-desktop, 25px);
    background: none;
}

.footer-style5 .tp-top-footer {
    padding: 40px 0;
    text-align: center;
}

.footer-style5 #tp-main-footer {
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
    padding: var(--total-top-footer-spacing-top-desktop, 40px) 0 var(--total-top-footer-spacing-bottom-desktop, 40px);
    margin: 0 4%;
}

.footer-style5 #tp-bottom-footer {
    padding: var(--total-bottom-footer-spacing-top-desktop, 20px) 0 var(--total-bottom-footer-spacing-bottom-desktop, 20px);
    background: none;
}

.tp-site-info a {
    border-bottom: 1px dotted #aaa;
}

/* Go To Top */
#tp-back-top {
    position: fixed;
    bottom: var(--total-scroll-top-offset-bottom, 10px);
    height: var(--total-scroll-top-height, 60px);
    width: var(--total-scroll-top-width, 40px);
    font-size: var(--total-scroll-top-icon-size, 20px);
    z-index: 99;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: var(--total-scroll-top-border-radius, 0);
}

#tp-back-top i {
    font-size: inherit;
}

#tp-back-top.tp-st-right {
    left: auto;
    right: var(--total-scroll-top-offset-right, 10px);
}

#tp-back-top.tp-st-left {
    right: auto;
    left: var(--total-scroll-top-offset-left, 10px);
}

#tp-back-top.tp-st-center {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
}

#tp-back-top.tp-st-framed {
    background: none;
    border: 2px solid var(--total-scroll-top-color, var(--total-template-color));
    color: var(--total-scroll-top-icon-color, var(--total-template-color));
}

#tp-back-top.tp-st-stacked {
    background: var(--total-scroll-top-color, var(--total-template-color));
    color: var(--total-scroll-top-icon-color, #FFF);
}

#tp-back-top.tp-st-framed:hover {
    background: none;
    border: 2px solid var(--total-scroll-top-hov-color, var(--total-scroll-top-color, var(--total-template-color)));
    color: var(--total-scroll-top-icon-hov-color, var(--total-scroll-top-icon-color, var(--total-template-color)));
}

#tp-back-top.tp-st-stacked:hover {
    background: var(--total-scroll-top-hov-color, var(--total-scroll-top-color, var(--total-template-color)));
    color: var(--total-scroll-top-icon-hov-color, var(--total-scroll-top-icon-color, #FFF));
}

#tp-back-top.tp-hide {
    bottom: -100px;
}

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404 {
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
}

.error404 .oops-text {
    text-align: center;
}

.toggle-bar {
    display: none;
}

/*--------------------------------------------------------------
## Search Overlay CSS
--------------------------------------------------------------*/
.tp-search-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    transform: scale(0.4);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.tp-search-wrapper.tp-search-triggered {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.tp-search-close {
    position: absolute;
    top: 0;
    left: 50%;
    cursor: pointer;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--total-template-color);
    color: #fff;
    font-size: 24px;
    margin-left: -30px;
}

.tp-search-container {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.tp-search-container .search-field {
    width: 100%;
    background: none;
    border: none;
    text-align: center;
    height: 60px;
    height: 7vw;
    font-size: 60px;
    font-size: 5vw;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    line-height: 1;
    outline: 0;
}

.tp-search-container .search-submit {
    background: none !important;
    border: 3px solid #aaa;
    padding: 16px 60px;
    font-size: 20px;
    border-radius: 40px;
    color: #aaa;
    height: 70px;
}

.tp-search-container .search-submit:hover {
    background: none !important;
    border: 3px solid #aaa;
}

/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0);
}

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

/*--------------------------------------------------------------
## Privacy Policy
--------------------------------------------------------------*/
.totalplus-privacy-policy {
    position: fixed;
    background: var(--total-gdpr-bg-color, #333);
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    z-index: 9999;
    color: var(--total-gdpr-text-color, #fff);
    font-size: 0.9em;
    display: none;
}

.customizer-gdpr-section .totalplus-privacy-policy {
    display: block;
}

.policy-text a {
    color: var(--total-gdpr-text-color, #fff);
    text-decoration: underline;
}

.policy-buttons a {
    display: inline-block;
    background: var(--total-button-bg-color, var(--total-template-color));
    padding: 12px 25px;
    color: var(--total-button-text-color, #fff);
    margin: 0 4px;
    border-radius: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 0.88em;
}

.policy-buttons a:hover {
    color: var(--total-button-text-color, #fff);
}

.totalplus-privacy-policy.top-full-width {
    top: 0;
    bottom: auto;
}

.totalplus-privacy-policy.top-full-width .tp-container,
.totalplus-privacy-policy.bottom-full-width .tp-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.logged-in.admin-bar .totalplus-privacy-policy.top-full-width {
    top: auto;
}

.totalplus-privacy-policy.top-full-width .policy-text,
.totalplus-privacy-policy.bottom-full-width .policy-text {
    margin-right: 40px;
}

.totalplus-privacy-policy.top-full-width .policy-buttons,
.totalplus-privacy-policy.bottom-full-width .policy-buttons {
    white-space: nowrap;
}

.totalplus-privacy-policy.bottom-left-float .policy-buttons,
.totalplus-privacy-policy.bottom-right-float .policy-buttons {
    margin-top: 10px;
}

.totalplus-privacy-policy.bottom-left-float .policy-buttons a,
.totalplus-privacy-policy.bottom-right-float .policy-buttons a {
    margin-top: 10px;
}

.totalplus-privacy-policy.bottom-left-float {
    width: 40%;
    left: 40px;
    bottom: 40px;
    right: auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}

.totalplus-privacy-policy.bottom-right-float {
    width: 40%;
    left: auto;
    bottom: 40px;
    right: 40px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}

.totalplus-privacy-policy.bottom-left-float .tp-container,
.totalplus-privacy-policy.bottom-right-float .tp-container {
    width: 100%;
}

/*--------------------------------------------------------------
## Gutenberg CSS
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {

    .alignfull,
    .alignwide {
        width: auto;
        max-width: 1000%;
    }

    body.tp-no-sidebar:not(.tp-boxed) .alignfull,
    body.tp-no-sidebar-condensed:not(.tp-boxed) .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    body.tp-no-sidebar:not(.tp-boxed) .alignwide,
    body.tp-no-sidebar-condensed:not(.tp-boxed) .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
    }

    body.tp-right-sidebar:not(.tp-boxed) .alignfull {
        margin-left: calc(50% / 0.7 - 50vw);
    }

    body.tp-right-sidebar:not(.tp-boxed) .alignwide {
        margin-left: calc(25% / 0.7 - 25vw);
    }

    body.tp-right-sidebar:not(.tp-boxed) .align-wrap {
        width: auto;
        margin-left: calc(50% / 0.7 - 50vw);
    }

    body.tp-left-sidebar :not(.tp-boxed).alignfull {
        margin-right: calc(50% / 0.7 - 50vw);
    }

    body.tp-left-sidebar:not(.tp-boxed) .alignwide {
        margin-right: calc(25% / 0.7 - 25vw);
    }

    body.tp-left-sidebar:not(.tp-boxed) .align-wrap {
        width: auto;
        margin-right: calc(50% / 0.7 - 50vw);
    }

    body.tp-no-sidebar.tp-boxed .alignfull,
    body.tp-no-sidebar-condensed.tp-boxed .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    body.tp-right-sidebar.tp-boxed .alignfull {
        margin-left: calc(50% / 0.7 - 50vw);
        margin-right: 0;
    }

    body.tp-left-sidebar.tp-boxed .alignfull {
        margin-right: calc(50% / 0.7 - 50vw);
        margin-left: 0;
    }
}

body.tp-boxed .alignwide {
    margin-left: 0;
    margin-right: 0;
}

.wp-block-latest-posts.is-grid {
    margin-left: 0;
}

.wp-block-quote {
    margin: 30px 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 30px 0;
}

.wp-block-categories,
.wp-block-archives {
    list-style: none;
}

.wp-block-pullquote {
    margin-bottom: 30px;
    padding: 40px 0;
}

.wp-block-pullquote blockquote {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.wp-block-pullquote cite {
    color: inherit;
}

.wp-block-gallery {
    margin-left: 0;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption {
    font-size: 0.9em;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
/* Product List */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border: 1px solid #dadada;
    text-align: center;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border-color: var(--total-template-color);
}

.woocommerce ul.products li.product a img {
    margin-bottom: 0;
}

.woocommerce ul.products li.product a {
    color: inherit;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
}

.woocommerce ul.products li.product .totalplus-product-title-wrap {
    padding: 15px 15px 0;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    color: inherit;
    margin: 0;
}

.woocommerce ul.products li.product .price del {
    display: inline;
    color: #999;
    opacity: 1;
}

.woocommerce ul.products li.product .price ins {
    display: inline;
}

.woocommerce ul.products li.product-category mark {
    background: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: 15px 0;
}

.woocommerce ul.products li.product .totalplus-product-image-wrap {
    position: relative;
}

.woocommerce ul.products li.product .totalplus-product-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce ul.products li.product .totalplus-product-actions>.clear,
.woocommerce ul.products li.product .totalplus-product-actions .feedback {
    display: none;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .totalplus-product-actions .tp-compare,
.woocommerce ul.products li.product .totalplus-product-actions .tp-quick-view {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin: 0 2px;
    top: auto;
    left: auto;
    transform: translateY(-80%);
    visibility: hidden;
    opacity: 0;
}

.woocommerce ul.products li.product:hover .totalplus-product-actions .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product:hover .totalplus-product-actions .tp-compare,
.woocommerce ul.products li.product:hover .totalplus-product-actions .tp-quick-view {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-add-to-wishlist {
    transition: all 0.3s ease 0.1s;
}

.woocommerce ul.products li.product .totalplus-product-actions .tp-compare {
    transition: all 0.3s ease 0.2s;
}

.woocommerce ul.products li.product .totalplus-product-actions .tp-quick-view {
    transition: all 0.3s ease 0.3s;
}

.woocommerce ul.products li.product .totalplus-product-actions .button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    line-height: 50px;
    font-size: 0;
}

.woocommerce ul.products li.product .totalplus-product-actions a {
    position: relative;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border-radius: 0 !important;
    background: #fff !important;
    color: #333 !important;
    transform: none !important;
}

.woocommerce ul.products li.product .totalplus-product-actions a i {
    font-size: 16px;
    margin: 0;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-add-to-wishlist a span,
.woocommerce ul.products li.product .totalplus-product-actions a .woo-button-tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    font-size: 0.8rem;
    background: #333;
    color: #fff;
    white-space: nowrap;
    line-height: 1;
    padding: 6px 8px;
    margin-bottom: 10px;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-add-to-wishlist a span:after,
.woocommerce ul.products li.product .totalplus-product-actions a .woo-button-tooltip:after {
    content: "";
    border-color: #333 transparent transparent;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -6px;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-add-to-wishlist a:hover span,
.woocommerce ul.products li.product .totalplus-product-actions a:hover .woo-button-tooltip {
    visibility: visible !important;
    opacity: 1 !important;
}

.woocommerce ul.products li.product .totalplus-product-title-wrap .button,
.woocommerce ul.products li.product .totalplus-product-title-wrap a.added_to_cart {
    margin: 0 10px;
    transform: translateY(50%);
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 0;
    text-decoration: none;
    position: relative;
    padding: 10px 20px;
    line-height: 1.3;
}

.woocommerce ul.products li.product .totalplus-product-title-wrap .button.loading::after {
    position: static;
    display: inline-block;
    margin: 0 0 0 10px;
}

.woocommerce ul.products li.product:hover .totalplus-product-title-wrap .button,
.woocommerce ul.products li.product:hover .totalplus-product-title-wrap a.added_to_cart {
    border-color: var(--total-template-color);
    background-color: var(--total-template-color);
    color: #fff;
}

.woocommerce ul.products li.product .totalplus-product-title-wrap .button.added {
    display: none;
}

.woocommerce ul.products li.product .totalplus-product-title-wrap a.added_to_cart {
    display: inline-block;
}

.woocommerce ul.products li.product .totalplus-product-actions .yith-wcwl-wishlistexistsbrowse a:after {
    content: "\ef45";
    font-family: 'IcoFont';
    font-size: 16px;
}

.woocommerce ul.products li.product .button.loading {
    opacity: 1;
}

.woocommerce a.added_to_cart {
    display: none;
}

.woocommerce ul.products li.product .onsale {
    margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after {
    border-color: transparent transparent var(--total-template-color-dark, #e8ae00) var(--total-template-color-dark, #e8ae00);
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}

/* Paginations */
.woocommerce nav.woocommerce-pagination ul {
    border: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: block;
    margin: 0 2px;
    background: var(--total-template-color);
    color: #fff;
    padding: 16px 22px;
    line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #333;
    color: #fff;
}

/* Product Single Page */
.woocommerce span.onsale {
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: var(--total-template-color);
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

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

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--total-template-color);
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    font-weight: 400;
}

.woocommerce .product_meta {
    font-size: 15px;
    margin-top: 20px;
}

.woocommerce .product_meta a {
    color: inherit;
}

.woocommerce .product_meta a:hover {
    color: var(--total-template-color);
}

.woocommerce-variation {
    margin-bottom: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 5px -5px 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    border-bottom: 2px solid var(--total-template-color);
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 20px;
    font-weight: 400;
    color: #fff !important;
    transition: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--total-template-color);
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
    content: "";
    position: absolute;
    left: 50%;
    border-color: var(--total-template-color) transparent transparent;
    border-width: 10px;
    border-style: solid;
    top: 100%;
    margin-left: -10px;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 10px;
    text-align: left;
}

.woocommerce table.shop_attributes th {
    font-weight: normal;
    text-transform: uppercase;
}

.woocommerce #reviews .comments-area h2,
.woocommerce #reviews h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email {
    width: 100%;
}

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

.related.products h2 {
    margin-bottom: 30px;
}

/* Buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 0;
    color: #fff;
    background-color: var(--total-template-color);
    border: 1px solid var(--total-template-color);
    line-height: 20px;
    font-size: 0.9em;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-color: var(--total-template-color);
    background-color: var(--total-template-color);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    background: var(--total-template-color);
    padding: 10px 20px;
    color: #fff;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    background: #333;
    color: #fff;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background: var(--total-template-color);
    border-color: var(--total-template-color);
}

/* Cart Page & Checkout Page */
.woocommerce table.shop_table,
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
    border-collapse: collapse;
    margin-bottom: 50px;
    border: 1px solid #eee;
    line-height: 1.3;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    font-weight: 400;
    padding: 15px;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table th {
    text-transform: uppercase;
    background: #f6f6f6;
}

#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail,
.woocommerce table.shop_table .product-thumbnail {
    text-align: center;
}

#add_payment_method table.cart .product-thumbnail img,
.woocommerce-cart table.cart .product-thumbnail img,
.woocommerce-checkout table.cart .product-thumbnail img,
.woocommerce table.cart .product-thumbnail img {
    width: 80px;
}

.woocommerce .quantity .qty {
    padding-left: 5px;
    padding-right: 5px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    border-color: #eee;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 160px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: auto;
    float: none;
}

.woocommerce .cart-collaterals .cart_totals h2 {
    font-size: 1.4em;
}

#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 0;
}

.woocommerce a.remove {
    text-indent: -9999px;
    position: relative;
    background: none !important;
    font-size: 1.2em;
    margin: 0 auto;
}

.woocommerce a.remove:before {
    content: "\f2ed";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #e2401c;
    text-indent: 0;
    text-align: center;
}

.select2-container .select2-choice,
.select2-container--default .select2-selection--single {
    border: 1px solid #eee;
    color: inherit;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    outline: none !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding: 10px 20px;
    outline: none !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.select2-results {
    font-size: 0.9em;
    color: inherit;
}

.select2-drop-active,
.select2-dropdown {
    border-color: #eee;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #eee;
}

.select2-results__option {
    outline: none !important;
    box-shadow: none !important;
}

/* Woo Notice Bar*/
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--total-template-color);
    font-size: 0.9em;
}

.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
    color: var(--total-template-color);
}

.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
    padding: 5px 20px;
    line-height: 1;
    height: auto;
}

.woocommerce table.shop_table td.product-remove {
    width: 80px;
}

/* WooCommerce Login Forms */
#customer_details {
    margin-bottom: 40px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid #eee;
    border-radius: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a {
    background: var(--total-template-color);
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
    background: #333;
    color: #fff;
}

/* WooCommerce Widgets */
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    padding-top: 4px;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    font-weight: 400;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 8px;
}

.woocommerce .widget_layered_nav ul li {
    padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fff;
    border: 4px solid var(--total-template-color);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--total-template-color);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}

/* Menu Cart Dropdown */
.tp-menu-item-cart,
.tp-menu-item-cart i {
    position: relative;
}

.tp-menu-item-cart i {
    display: flex;
}

.tp-menu-item-cart .cart-count {
    font-size: 0.8em;
    left: 100%;
    position: absolute;
    bottom: 50%;
    line-height: 14px;
    font-family: Arial;
}

.tp-menu-item-cart .widget_shopping_cart {
    position: absolute;
    display: none;
    right: 0;
    top: 100%;
    width: 300px;
    background: var(--total-pm-submenu-bg-color, #fff);
    color: var(--total-pm-submenu-link-color, #444);
    padding: 25px;
    text-transform: none;
    margin: 0;
    margin-top: var(--total-ms-submenu-top-spacing, 0);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
}

.tp-menu-item-cart:hover .widget_shopping_cart {
    display: block;
}

.tp-menu-item-cart .widget_shopping_cart ul {
    display: block;
    position: static;
    background: none;
    min-width: 0;
    padding: 0;
    box-shadow: none;
    max-height: 300px;
}

.tp-menu-item-cart .widget_shopping_cart .woocommerce-mini-cart a {
    padding: 0;
}

.tp-menu-item-cart .widget_shopping_cart a {
    color: inherit;
}

.tp-menu-item-cart .woocommerce.widget_shopping_cart .total {
    padding: 15px 0;
    border: 0;
    margin: 0;
    border-top: 1px solid #fff;
}

.tp-menu-item-cart .woocommerce-mini-cart__buttons {
    margin: 0;
}

.tp-menu-item-cart .woocommerce.widget_shopping_cart .buttons a {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    color: #ffff;
}

.tp-menu-item-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
    float: right;
}

.tp-menu-item-cart .woocommerce.widget_shopping_cart .cart_list li {
    padding: 10px 20px 10px 0;
}

.tp-menu-item-cart ul.product_list_widget li img {
    width: 72px;
    float: left;
    margin: 0 10px 0 0;
}

.tp-menu-item-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
    left: auto;
    right: 0;
    top: 20px;
    font-size: 14px;
}

.tp-menu-item-cart .woocommerce.widget_shopping_cart .cart_list li .quantity {
    font-size: 0.9em;
}

.tp-menu-item-cart .woocommerce-mini-cart__empty-message {
    margin-bottom: 0;
}

#tp-responsive-menu .tp-menu-item-cart .widget_shopping_cart {
    display: none !important;
}

#tp-responsive-menu li.menu-item:hover>a {
    color: var(--total-pm-submenu-link-hover-color, var(--total-pm-submenu-link-color, #444));
    background: var(--total-pm-submenu-link-bg-color, transparent);
}

/* YITH Wishlist */
.woocommerce table.wishlist_table {
    font-size: 1em;
}

.woocommerce .wishlist_table td.product-add-to-cart a {
    border-radius: 0;
    line-height: 30px;
    padding: 5px 20px !important;
    white-space: nowrap;
    display: inline-block !important;
}

.woocommerce table.wishlist_table thead th,
.woocommerce table.wishlist_table body td {
    border-color: #eee;
    padding: 15px;
}

.woocommerce .wishlist_table td.product-add-to-cart a.add_to_cart:before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}

.woocommerce .wishlist_table td.product-add-to-cart a.remove_from_wishlist:before {
    content: "\f2ed";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 5px;
}

.woocommerce table.wishlist_table .yith-wcqv-button {
    float: right;
    text-indent: -9999px;
    height: 1em;
    width: 1em;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
}

.woocommerce table.wishlist_table .yith-wcqv-button:after {
    content: "\f002";
    text-indent: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
}

.yith-wcwl-share h4.yith-wcwl-share-title {
    font-size: 1.4em;
    margin: 0 0 20px;
}

a.add_to_wishlist.button.alt {
    border-radius: 0;
}

.woocommerce div.product div.summary .yith-wcwl-add-to-wishlist,
.woocommerce div.product div.summary .yith-ywraq-add-to-quote,
.woocommerce div.product div.summary .compare {
    margin: 0 0 20px;
}

#yith-quick-view-close {
    border: none;
    background: #333;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 2;
    opacity: 0.5;
    text-indent: -9999px;
}

#yith-quick-view-close:before,
#yith-quick-view-close:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    left: 10px;
    margin-top: -1px;
    background-color: #fff;
    transform: translateX(-50%);
    transition: all 0.3s;
}

#yith-quick-view-close:before {
    transform: rotate(45deg);
}

#yith-quick-view-close:after {
    transform: rotate(-45deg);
}

#yith-quick-view-content div.images {
    margin-bottom: 0;
}

#yith-quick-view-content div.summary {
    padding: 40px;
}

#yith-quick-view-content .onsale {
    left: 0;
}

/*WooCommerce Blocks*/
.wc-block-components-price-slider__range-input {
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    height: 0 !important;
}

.wc-block-product-search .wc-block-product-search__button svg {
    fill: #FFF;
}

/*Responsive Menu*/
#tp-mobile-menu {
    display: none;
    margin-left: 30px;
}

.tp-header-four #tp-mobile-menu,
.tp-header-six #tp-mobile-menu {
    margin-left: 0;
}

.collapse-button {
    padding: 6px 14px;
    color: #ffffff;
    text-align: center;
    background-color: var(--total-tm-bg-color, #0e0e0e);
    cursor: pointer;
}

.collapse-button:hover,
.collapse-button:focus {
    color: #fff;
}

.collapse-button .icon-bar {
    display: block;
    height: 2px;
    width: 30px;
    margin: 8px 0;
    background-color: var(--total-tm-color, #f5f5f5);
    border-radius: 1px;
}

#tp-responsive-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--total-pm-submenu-bg-color, #fff);
    z-index: 99;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}

#tp-responsive-menu ul {
    margin: 0;
    list-style: none;
    display: none;
}

#tp-responsive-menu li.megamenu-auto-width ul.megamenu {
    padding: 0;
}

#tp-responsive-menu li.menu-item {
    position: relative;
    float: none;
}

#tp-responsive-menu li.menu-item>a {
    position: relative;
    padding: 15px 30px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--total-pm-submenu-link-color, #333);
}

#tp-responsive-menu ul.megamenu li.menu-item>a {
    padding: 15px 40px;
}

#tp-responsive-menu ul.megamenu .menu-template,
#tp-responsive-menu ul.megamenu .menu-widget {
    padding: 40px 40px 0;
}

#tp-responsive-menu ul li.menu-item>a {
    padding-left: 40px;
}

#tp-responsive-menu ul ul li.menu-item>a {
    padding-left: 50px;
}

#tp-responsive-menu ul ul ul li.menu-item>a {
    padding-left: 60px;
}

#tp-responsive-menu ul ul ul ul li.menu-item>a {
    padding-left: 70px;
}

#tp-responsive-menu ul ul ul ul ul li.menu-item>a {
    padding-left: 80px;
}

#tp-responsive-menu li .dropdown-nav {
    position: absolute;
    right: 30px;
    top: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: inherit;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 99;
    transform: translateY(-50%);
}

#tp-responsive-menu li.menu-item .nav-desc {
    display: block;
    font-size: 0.8em;
    margin-top: 2px;
}

#tp-responsive-menu li .dropdown-nav:before {
    content: "\F0140";
}

#tp-responsive-menu li .dropdown-nav.tp-opened:before {
    content: "\F0143";
}

#tp-responsive-menu li.menu-item-tp-cart .dropdown-nav {
    display: none;
}

#tp-responsive-menu .megamenu .dropdown-nav {
    display: none;
}

#tp-responsive-menu .megamenu ul {
    display: block !important;
}

#tp-responsive-menu .megamenu li.heading-yes>a {
    background: rgba(0, 0, 0, 0.05);
}

/*Maintenance Page CSS*/
#tp-maintenance-page {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
}

.tp-maintenance-bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.tp-maintenance-slide {
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

.tp-maintenance-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
}

body.video .tp-maintenance-bg:after {
    background-image: url(images/dot.png);
}

.tp-maintenance-page {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 40px;
}

.tp-maintenance-banner {
    min-height: 100%;
    background-size: cover;
    background-position: center;
}

.tp-maintenance-video {
    min-height: 100vh;
}

.tp-maintenance-logo {
    margin-bottom: 40px;
}

.tp-maintenance-page h1 {
    margin-bottom: 20px;
    font-size: 60px;
    letter-spacing: 1px;
}

.tp-maintenance-countdown {
    margin: 60px 0 30px;
}

.tp-maintenance-countdown>.tp-count-label {
    display: inline-block;
    margin: 0 40px 30px;
}

.tp-maintenance-countdown>.tp-count-label span {
    display: block;
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 5px;
    font-weight: bold;
}

.tp-maintenance-countdown>.tp-count-label label {
    text-transform: uppercase;
}

.tp-maintenance-page header {
    font-size: 18px;
    margin-bottom: 30px;
}

.tp-maintenance-page footer {
    margin-top: 80px;
}

.tp-maintenance-social a {
    font-size: 18px;
    margin: 0 15px;
    border: 1px solid #fff;
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    transform: rotate(45deg);
}

.tp-maintenance-social a i {
    transform: rotate(-45deg);
    display: block;
    height: 44px;
    width: 44px;
    line-height: 44px;
}

.mbYT_wrapper iframe {
    margin-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%);
}

/*==========bbPress CSS=========*/
#bbpress-forums div.bbp-search-form {
    margin-bottom: 20px;
}

#bbpress-forums {
    line-height: 1.6;
}

#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-breadcrumb,
div.bbp-topic-tags,
.bbp-row-actions #favorite-toggle a,
.bbp-row-actions #subscription-toggle a,
#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current,
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content,
#bbpress-forums #bbp-your-profile fieldset p.description,
div.bbp-template-notice p,
div.bbp-template-notice li {
    font-size: 1rem;
}

#bbpress-forums .bbp-forums-list .bbp-forum,
#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
span.bbp-author-ip,
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums .bbp-topic-pagination a,
body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code,
#bbpress-forums div.bbp-the-content-wrapper input[type="button"],
#bbpress-forums div.bbp-template-notice code,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
    font-size: 0.94rem;
}

#bbpress-forums .bbp-meta,
span.bbp-admin-links a {
    font-size: 0.7rem;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
    font-size: 1.3rem;
}

#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form select {
    padding: 10px 20px;
    height: 50px;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-section-title ul.forum,
#bbpress-forums li.bbp-section-title ul.topic,
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-section-title div.hentry,
body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code,
#bbpress-forums #password #pass-strength-result {
    padding: 15px;
}

#bbpress-forums div.bbp-the-content-wrapper input[type="button"] {
    height: auto;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    font-weight: normal;
}

#bbpress-forums li.bbp-footer *,
#bbpress-forums li.bbp-header * {
    color: #fff;
}

#bbpress-forums button,
#bbpress-forums input[type="button"],
#bbpress-forums input[type="reset"],
#bbpress-forums input[type="submit"],
.bbp-login-form button {
    color: #fff;
}

#bbpress-forums div.bbp-search-form #bbp-topic-search-form>div {
    display: flex;
}

#bbpress-forums fieldset.bbp-form {
    margin-bottom: 40px;
}

div.bbp-template-notice ul {
    margin: 0 0 0 20px;
}

.bbp-form,
fieldset {
    padding: 30px;
    border-color: #eee;
}

/*Newsletter Plugin*/
.tnp-widget-minimal form.tnp-form {
    display: flex;
}

.tnp-widget-minimal .tnp-form input.tnp-submit {
    width: auto;
    padding: 10px 30px;
}

.lg-outer+.elementor-lightbox {
    display: none !important;
}

@media screen and (max-width: 1000px) {
    .tp-slide-cap-title {
        font-size: 40px;
        font-size: 4vw;
        margin-bottom: 10px;
    }

    .tp-banner-title {
        font-size: 40px;
        font-size: 6vw;
        margin-bottom: 10px;
    }

    .tp-slide-cap-desc,
    .tp-banner-subtitle {
        font-size: 14px;
        font-size: 3vw;
    }

    .tp-team-col-4 .tp-team-member,
    .tp-col-4 .tp-highlight-post,
    .tp-pricing-col-4 .tp-pricing,
    .tp-blog-col-4 .tp-blog-post {
        width: 30.33%;
    }

    .tp-team-col-4 .tp-team-member:nth-child(4n + 1),
    .tp-col-4 .tp-highlight-post:nth-child(4n + 1),
    .tp-pricing-col-4 .tp-pricing:nth-child(4n + 1),
    .tp-blog-col-4 .tp-blog-post:nth-child(4n + 1) {
        clear: none;
    }

    .tp-team-col-4 .tp-team-member:nth-child(3n + 1),
    .tp-col-4 .tp-highlight-post:nth-child(3n + 1),
    .tp-pricing-col-4 .tp-pricing:nth-child(3n + 1),
    .tp-blog-col-4 .tp-blog-post:nth-child(3n + 1) {
        clear: both;
    }

    .tp-team-grid .tp-team-member.style2 {
        width: 47%;
    }

    .tp-team-grid .tp-team-member.style2:nth-child(3n + 1) {
        clear: none;
    }

    .tp-team-grid .tp-team-member.style2:nth-child(2n + 1) {
        clear: both;
    }

    .tp-col-6 .tp-featured-post,
    .tp-col-5 .tp-featured-post {
        width: 22%;
    }

    .tp-col-4 .tp-featured-post {
        width: 30.33%;
    }

    .tp-col-6 .tp-featured-post:nth-child(6n + 1),
    .tp-col-5 .tp-featured-post:nth-child(5n + 1),
    .tp-col-4 .tp-featured-post:nth-child(4n + 1) {
        clear: none;
    }

    .tp-col-6 .tp-featured-post:nth-child(4n + 1),
    .tp-col-5 .tp-featured-post:nth-child(4n + 1) .tp-col-4 .tp-featured-post:nth-child(3n + 1) {
        clear: both;
    }

    .tp-counter-col-6 .tp-counter,
    .tp-counter-col-5 .tp-counter {
        width: 20%;
    }

    .tp-counter-col-4 .tp-counter {
        width: 28.33%;
    }

    .tp-counter-col-6 .tp-counter:nth-child(6n + 1),
    .tp-counter-col-5 .tp-counter:nth-child(5n + 1),
    .tp-counter-col-4 .tp-counter:nth-child(4n + 1) {
        clear: none;
    }

    .tp-counter-col-6 .tp-counter:nth-child(4n + 1),
    .tp-counter-col-5 .tp-counter:nth-child(4n + 1),
    .tp-counter-col-4 .tp-counter:nth-child(3n + 1) {
        clear: both;
    }

    .tp-service-section.style2 .tp-service-posts {
        display: block;
    }

    .tp-service-section.style2 .tp-section-title-tagline {
        width: auto;
        padding: 0;
        margin-bottom: 60px;
    }

    .tp-service-section.style2 .tp-service-post-holder {
        width: auto;
    }

    .tp-service-section.style3 .tp-service-bg {
        display: none;
    }

    .tp-service-section.style3 .tp-service-post {
        width: 50%;
    }

    .tp-logo-section .style2 .flipster-carousel .flip-items .flip-content {
        width: 300px;
        height: 300px;
    }
}

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

    body,
    button,
    input,
    select,
    textarea {
        font-size: var(--total-body-size-tablet, var(--total-body-size, 17px));
        letter-spacing: var(--total-body-letter-spacing-tablet, var(--total-body-letter-spacing, 0));
        line-height: var(--total-body-line-height-tablet, var(--total-body-line-height, 1.6));
    }

    #tp-site-branding img {
        width: var(--total-logo-width-tablet, var(--total-logo-width));
    }

    #tp-site-branding .tp-site-title {
        margin-top: var(--total-title-spacing-top-tablet, var(--total-title-spacing-top-desktop, 0));
        margin-right: var(--total-title-spacing-right-tablet, var(--total-title-spacing-right-desktop, 0));
        margin-bottom: var(--total-title-spacing-bottom-tablet, var(--total-title-spacing-bottom-desktop, 0));
        margin-left: var(--total-title-spacing-left-tablet, var(--total-title-spacing-left-desktop, 0));
        font-size: var(--total-title-size-tablet, var(--total-title-size, 38px));
        letter-spacing: var(--total-title-letter-spacing-tablet, var(--total-title-letter-spacing, 0));
        line-height: var(--total-title-line-height-tablet, var(--total-title-line-height, 1));
    }

    #tp-site-branding .tp-site-description {
        margin-top: var(--total-tagline-spacing-top-tablet, var(--total-tagline-spacing-top-desktop, 0));
        margin-right: var(--total-tagline-spacing-right-tablet, var(--total-tagline-spacing-right-desktop, 0));
        margin-bottom: var(--total-tagline-spacing-bottom-tablet, var(--total-tagline-spacing-bottom-desktop, 0));
        margin-left: var(--total-tagline-spacing-left-tablet, var(--total-tagline-spacing-left-desktop, 0));
        font-size: var(--total-tagline-size-tablet, var(--total-tagline-size, 18px));
        letter-spacing: var(--total-tagline-letter-spacing-tablet, var(--total-tagline-letter-spacing, 0));
        line-height: var(--total-tagline-line-height-tablet, var(--total-tagline-line-height, 1));
    }

    .tp-top-header {
        font-size: var(--total-th-size-tablet, var(--total-th-size, 14px));
        letter-spacing: var(--total-th-letter-spacing-tablet, var(--total-th-letter-spacing, 0));
        line-height: var(--total-th-line-height-tablet, var(--total-th-line-height, 1.6));
    }

    .tp-section-title {
        font-size: var(--total-section-title-size-tablet, var(--total-section-title-size, 36px));
        letter-spacing: var(--total-section-title-letter-spacing-tablet, var(--total-section-title-letter-spacing, 0));
        line-height: var(--total-section-title-line-height-tablet, var(--total-section-title-line-height, 1.3));
    }

    .tp-widget-area .widget {
        font-size: var(--total-sidebar-size-tablet, var(--total-sidebar-size, 16px));
        letter-spacing: var(--total-sidebar-letter-spacing-tablet, var(--total-sidebar-letter-spacing, 0));
        line-height: var(--total-sidebar-line-height-tablet, var(--total-sidebar-line-height, 1.3));
    }

    .tp-widget-area .widget .widget-title,
    .comment-reply-title,
    .comments-area .comments-title,
    .tp-related-post .tp-related-post-title {
        font-size: var(--total-body-size-tablet, var(--total-body-size, 22px));
        letter-spacing: var(--total-body-letter-spacing-tablet, var(--total-body-letter-spacing, 0));
        line-height: var(--total-body-line-height-tablet, var(--total-body-line-height, 1.3));
    }

    .tp-main-title {
        font-size: var(--total-page-banner-size-tablet, var(--total-page-banner-size, 38px));
        letter-spacing: var(--total-page-banner-letter-spacing-tablet, var(--total-page-banner-letter-spacing, 0));
        line-height: var(--total-page-banner-line-height-tablet, var(--total-page-banner-line-height, 1.3));
    }

    .breadcrumb-trail ul li {
        font-size: var(--total-breadcrumb-size-tablet, var(--total-breadcrumb-size, 14px));
        letter-spacing: var(--total-breadcrumb-letter-spacing-tablet, var(--total-breadcrumb-letter-spacing, 0));
        line-height: var(--total-breadcrumb-line-height-tablet, var(--total-breadcrumb-line-height, 1.3));
    }

    .tp-site-footer {
        font-size: var(--total-footer-size-tablet, var(--total-footer-size, 16px));
        letter-spacing: var(--total-footer-letter-spacing-tablet, var(--total-footer-letter-spacing, 0));
        line-height: var(--total-footer-line-height-tablet, var(--total-footer-line-height, 1.3));
    }

    .tp-site-footer .widget-title {
        font-size: var(--total-footer-heading-size-tablet, var(--total-footer-heading-size, 22px));
        letter-spacing: var(--total-footer-heading-letter-spacing-tablet, var(--total-footer-heading-letter-spacing, 0));
        line-height: var(--total-footer-heading-line-height-tablet, var(--total-footer-heading-line-height, 1.3));
    }

    #tp-home-slider-section .bottom-section-seperator {
        height: var(--total-slider-bs-height-tablet, var(--total-slider-bs-height, 60px));
    }

    .tp-section .tp-section-wrap {
        padding-top: var(--total-section-tablet-padding-top, var(--total-section-padding-top, 100px));
        padding-bottom: var(--total-section-tablet-padding-bottom, var(--total-section-padding-bottom, 100px));
    }

    .tp-section-seperator.top-section-seperator {
        height: var(--total-section-ts-height-tablet, var(--total-section-ts-height, 60px));
    }

    .tp-section-seperator.bottom-section-seperator {
        height: var(--total-section-bs-height-tablet, var(--total-section-bs-height, 60px));
    }

    h1 {
        font-size: var(--total-hh1-size-tablet, var(--total-hh1-size, var(--total-h1-size-tablet, var(--total-h1-size, 38px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h1-letter-spacing-tablet, var(--total-h1-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h1-line-height-tablet, var(--total-h1-line-height, 1.3))));
    }

    h2 {
        font-size: var(--total-hh2-size-tablet, var(--total-hh2-size, var(--total-h2-size-tablet, var(--total-h2-size, 34px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h2-letter-spacing-tablet, var(--total-h2-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h2-line-height-tablet, var(--total-h2-line-height, 1.3))));
    }

    h3 {
        font-size: var(--total-hh3-size-tablet, var(--total-hh3-size, var(--total-h3-size-tablet, var(--total-h3-size, 30px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h3-letter-spacing-tablet, var(--total-h3-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h3-line-height-tablet, var(--total-h3-line-height, 1.3))));
    }

    h4 {
        font-size: var(--total-hh4-size-tablet, var(--total-hh4-size, var(--total-h4-size-tablet, var(--total-h4-size, 26px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h4-letter-spacing-tablet, var(--total-h4-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h4-line-height-tablet, var(--total-h4-line-height, 1.3))));
    }

    h5 {
        font-size: var(--total-hh5-size-tablet, var(--total-hh5-size, var(--total-h5-size-tablet, var(--total-h5-size, 24px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h5-letter-spacing-tablet, var(--total-h5-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h5-line-height-tablet, var(--total-h5-line-height, 1.3))));
    }

    h6 {
        font-size: var(--total-hh6-size-tablet, var(--total-hh6-size, var(--total-h6-size-tablet, var(--total-h6-size, 20px))));
        letter-spacing: var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h6-letter-spacing-tablet, var(--total-h6-letter-spacing, 0))));
        line-height: var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h6-line-height-tablet, var(--total-h6-line-height, 1.3))));
    }

    .tp-slide-cap-title,
    .tp-banner-title {
        font-size: var(--total-slider-title-size-tablet, 4vw);
        letter-spacing: var(--total-slider-title-letter-spacing-tablet, var(--total-slider-title-letter-spacing, 2px));
        line-height: var(--total-slider-title-line-height-tablet, var(--total-slider-title-line-height, 1.2));
    }

    .tp-slide-cap-desc,
    .tp-banner-subtitle {
        font-size: var(--total-slider-subtitle-size-tablet, 3vw);
        letter-spacing: var(--total-slider-subtitle-letter-spacing-tablet, var(--total-slider-subtitle-letter-spacing, 0));
        line-height: var(--total-slider-subtitle-line-height-tablet, var(--total-slider-subtitle-line-height, 1.4));
    }

    .tp-custom-height-slider .tp-slide img {
        height: var(--total-slider-height-tablet, 600px);
    }

    .tp-main-header.tp-banner-style3 .tp-container {
        display: block;
    }

    .tp-main-header.tp-banner-style3 .tp-header-title {
        margin-bottom: 10px;
    }

    .tp-top-header .tp-container {
        display: block;
    }

    .tp-th-left,
    .tp-th-right {
        float: none;
        width: auto;
        max-width: none;
        text-align: center;
    }

    .tp-th-left {
        margin-bottom: 10px;
    }

    .tp-banner-caption {
        width: 100% !important;
    }

    .tp-slide-caption .tp-slide-cap-title,
    .tp-slide-caption .tp-slide-cap-desc {
        padding: 0 !important;
    }

    .tp-button {
        height: auto;
    }

    .tp-section-title-top-center,
    .tp-section-title-top-cs {
        width: auto;
    }

    .tp-section-title-single-row {
        display: block;
    }

    .tp-section-title-single-row .tp-section-title-wrap,
    .tp-section-title-single-row .tp-section-tagline {
        width: auto;
        padding: 0;
        border: 0;
    }

    .tp-section-title-side,
    .tp-section-title-side+.tp-section-content {
        float: none;
        width: auto;
        padding: 0;
    }

    .tp-section-title-tagline.tp-section-title-side {
        margin-bottom: 60px;
    }

    .tp-section-title-single-row .tp-section-title-wrap {
        margin-bottom: 15px;
    }

    .tp-section-title-big .tp-section-super-title {
        font-size: 4rem;
    }

    .tp-team-grid .tp-team-member {
        width: 47%;
    }

    .tp-team-grid .tp-team-member:nth-child(3n + 1) {
        clear: none;
    }

    .tp-team-grid .tp-team-member:nth-child(2n + 1) {
        clear: both;
    }

    .tp-team-grid .tp-team-member.style2 {
        width: 97%;
    }

    .tp-tab-wrap.style1 .tp-tab-anchors,
    .tp-tab-wrap.style2 .tp-tab-anchors,
    .tp-tab-wrap.style1 .tp-tab-content,
    .tp-tab-wrap.style2 .tp-tab-content {
        width: auto;
        float: none;
        padding: 20px 0;
    }

    .tp-tab-wrap.style2 .tp-tab-link.tp-active:after,
    .tp-tab-wrap.style4 .tp-tab:after,
    .tp-tab-wrap.style5 .tp-tab-link.tp-active:before,
    .tp-tab-wrap.style5 .tp-tab-link.tp-active:after {
        display: none;
    }

    .tp-tab-wrap.style3 .tp-tab,
    .tp-tab-wrap.style4 .tp-tab,
    .tp-tab-wrap.style5 .tp-tab-link {
        display: block;
        max-width: none;
        margin-bottom: 10px;
    }

    .tp-tab-wrap.style5 .tp-tab-link {
        padding-bottom: 20px;
    }

    .tp-tab-wrap.style5 .tp-tab-anchors {
        padding: 0 30px;
    }

    .tp-tab-wrap.style5 .tp-tab-content {
        padding: 30px;
    }

    .tp-testimonial-section .style3 .tp-testimonial-box {
        width: 47%;
    }

    .tp-testimonial-section .style3 .tp-testimonial-box:nth-child(3n + 1) {
        clear: none;
    }

    .tp-testimonial-section .style3 .tp-testimonial-box:nth-child(2n + 1) {
        clear: both;
    }

    .tp-testimonial-section .style4 .tp-testimonial-box {
        transform: scale(1);
    }

    #tp-about-section .tp-container {
        display: block;
    }

    .tp-about-sec {
        width: auto;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }

    .tp-about-sidebar {
        width: auto;
        float: none;
        padding: 0;
        text-align: center;
    }

    .tp-about-sec.fullwidth .tp-progress-bar-sec {
        width: auto;
    }

    .tp-news {
        width: auto;
        display: block;
    }

    .tp-news-image,
    .tp-news-content {
        width: auto !important;
        float: none !important;
    }

    .tp-news-image {
        margin-bottom: 30px;
    }

    .tp-news-section .style2 .tp-news-content {
        left: 0 !important;
    }

    .tp-news-section .style3 .tp-news-image {
        margin-bottom: 0;
        min-height: 0;
        padding-top: 56%;
    }

    .tp-news-section .style3 .tp-news-content {
        padding: 40px;
    }

    .tp-highlight-post-wrap .tp-highlight-post {
        width: 47%;
    }

    .tp-highlight-post-wrap .tp-highlight-post:nth-child(3n + 1) {
        clear: none;
    }

    .tp-highlight-post-wrap .tp-highlight-post:nth-child(2n + 1) {
        clear: both;
    }

    .tp-pricing-wrap .tp-pricing {
        width: 47%;
    }

    .tp-pricing-wrap .tp-pricing:nth-child(3n + 1) {
        clear: none;
    }

    .tp-pricing-wrap .tp-pricing:nth-child(2n + 1) {
        clear: both;
    }

    .tp-featured-post-wrap .tp-featured-post {
        width: 47%;
    }

    .tp-featured-post-wrap .tp-featured-post:nth-child(6n + 1),
    .tp-featured-post-wrap .tp-featured-post:nth-child(5n + 1),
    .tp-featured-post-wrap .tp-featured-post:nth-child(4n + 1),
    .tp-featured-post-wrap .tp-featured-post:nth-child(3n + 1) {
        clear: none;
    }

    .tp-featured-post-wrap .tp-featured-post:nth-child(2n + 1) {
        clear: both;
    }

    .tp-counter-wrap .tp-counter {
        width: 45%;
    }

    .tp-counter-wrap .tp-counter:nth-child(6n + 1),
    .tp-counter-wrap .tp-counter:nth-child(5n + 1),
    .tp-counter-wrap .tp-counter:nth-child(4n + 1),
    .tp-counter-wrap .tp-counter:nth-child(3n + 1) {
        clear: none;
    }

    .tp-counter-wrap .tp-counter:nth-child(2n + 1) {
        clear: both;
    }

    .tp-service-bg {
        display: none;
    }

    .tp-service-section.style1.tp-bg-left .tp-service-posts,
    .tp-service-section.style4.tp-bg-left .tp-service-posts,
    .tp-service-section.style1.tp-bg-right .tp-service-posts,
    .tp-service-section.style4.tp-bg-right .tp-service-posts {
        float: none;
        width: auto;
        padding: 0;
    }

    .tp-service-section.style3 .tp-service-post-wrap {
        display: block;
    }

    .tp-service-section.style3 .tp-service-post {
        width: auto;
    }

    .tp-service-section.style3 .tp-service-post:nth-child(odd) {
        padding-right: 0;
        padding-left: 100px;
        text-align: left;
    }

    .tp-service-section.style3 .tp-service-post:nth-child(odd) .tp-service-icon {
        float: left;
        margin-left: -80px;
    }

    .tp-blog-wrap .tp-blog-post {
        width: 47%;
    }

    .tp-blog-wrap .tp-blog-post:nth-child(3n + 1) {
        clear: none;
    }

    .tp-blog-wrap .tp-blog-post:nth-child(2n + 1) {
        clear: both;
    }

    .tp-contact-content {
        display: block;
    }

    .tp-contact-form,
    .tp-contact-detail {
        width: auto;
    }

    .tp-cta-section.style4 .tp-container {
        display: block;
    }

    .tp-cta-section.style4 .tp-section-title-tagline {
        width: auto;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .tp-cta-section.style4 .tp-cta-buttons {
        width: auto;
    }

    .tp-logo-section .style2 .flipster-carousel .flip-items .flip-content {
        width: 200px;
        height: 200px;
    }

    .tp-logo-section .style3 .tp-logo-grid .tp-logo-item,
    .tp-logo-section .style4 .tp-logo-grid .tp-logo-item {
        width: 33.33%;
    }

    .tp-logo-section .style4 .tp-logo-grid .tp-logo-item {
        border: 0 !important;
    }

    .tp-cta {
        display: block;
    }

    .tp-cta-content-wrap {
        width: 100%;
        margin-bottom: 40px;
    }

    .tp-cta.tp-button-right .tp-cta-buttons {
        padding: 0;
        text-align: center;
    }

    .footer-style2 .tp-main-footer {
        display: block;
    }

    .footer-style2 .tp-footer {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .footer-style2 .tp-footer:last-child {
        border-bottom: 0;
    }

    .tp-main-footer {
        display: block;
    }

    .tp-footer {
        width: auto !important;
        margin: 0 0 30px !important;
        float: none !important;
    }

    .tp-footer:last-child {
        margin-bottom: 0 !important;
    }

    #tp-primary {
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }

    #tp-secondary {
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }

    body.tp-no-sidebar #tp-primary {
        margin-bottom: 0;
    }

    .totalplus-privacy-policy.bottom-left-float,
    .totalplus-privacy-policy.bottom-right-float {
        width: auto;
        left: 40px;
        right: 40px;
        text-align: center;
    }

    .totalplus-privacy-policy.top-full-width .tp-container,
    .totalplus-privacy-policy.bottom-full-width .tp-container {
        display: block;
        text-align: center;
    }

    .totalplus-privacy-policy.top-full-width .policy-text,
    .totalplus-privacy-policy.bottom-full-width .policy-text {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .totalplus-privacy-policy.top-full-width .policy-buttons,
    .totalplus-privacy-policy.bottom-full-width .policy-buttons {
        white-space: normal;
    }

    .totalplus-privacy-policy.top-full-width .policy-buttons a,
    .totalplus-privacy-policy.bottom-full-width .policy-buttons a {
        margin-top: 10px;
    }
}

@media screen and (max-width: 580px) {
    .tp-menu-extra-items {
        display: none;
    }

    .tp-slide-cap-title,
    .tp-slide-cap-desc {
        font-size: 30px;
        font-size: 4vw;
    }

    .tp-banner-title {
        font-size: 30px;
        font-size: 8vw;
    }

    .tp-banner-subtitle {
        font-size: 14px;
        font-size: 5vw;
    }

    .tp-topheader-mobile-disable .tp-top-header {
        display: none !important;
    }

    ul.tp-related-post-wrap {
        margin-left: 0;
    }

    ul.tp-related-post-wrap li {
        float: none;
        width: auto;
        margin: 0 0 30px;
    }

    .tp-image-box.image-left .tp-image-box-wrap,
    .tp-image-box.image-right .tp-image-box-wrap {
        display: block;
    }

    .tp-image-box.image-left .tp-ib-image,
    .tp-image-box.image-right .tp-ib-image {
        margin: 0 0 30px;
        width: auto !important;
    }

    .tp-ib-content {
        width: auto !important;
    }

    .tp-team-grid .tp-team-member {
        width: 97%;
    }

    .tp-testimonial-section .style3 .tp-testimonial-box {
        width: 97%;
    }

    .tp-news-section .style3 .tp-news-content {
        padding: 30px;
    }

    .tp-highlight-post-wrap .tp-highlight-post {
        width: 97%;
    }

    .tp-pricing-wrap .tp-pricing {
        width: 97%;
    }

    .tp-featured-post-wrap .tp-featured-post {
        width: 97%;
    }

    .tp-service-section.style2 .tp-service-post-wrap {
        display: block;
    }

    .tp-service-section.style2 .tp-service-post {
        width: auto;
        margin: 30px 0;
    }

    .tp-blog-wrap .tp-blog-post img {
        width: 100%;
    }

    .tp-blog-wrap .tp-blog-post {
        width: 97%;
    }

    #tp-home-slider-section .owl-nav,
    #tp-home-slider-section .owl-dots {
        display: none;
    }

    .tp-blog-layout2 .tp-post-info {
        width: 30%;
    }

    .tp-blog-layout2 .tp-post-info+.tp-post-content {
        width: 70%;
    }

    .policy-hide-mobile,
    .customizer-gdpr-section .totalplus-privacy-policy.policy-hide-mobile {
        display: none !important;
    }

    .tp-blog-layout4-first .tp-post-wrapper {
        background: none;
        min-height: 0;
    }

    .tp-blog-layout4-first .tp-post-wrapper img {
        min-height: 0;
    }

    .tp-hentry-wrap {
        margin-left: 0;
    }

    .tp-hentry-wrap .tp-blog-layout4.tp-hentry {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .tp-blog-layout4-first .tp-post-content {
        padding: 20px 0 0;
        position: static;
        transform: translateY(0);
        color: inherit;
    }

    .tp-blog-layout4-first .tp-post-content a {
        color: inherit;
    }
}

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

    body,
    button,
    input,
    select,
    textarea {
        font-size: var(--total-body-size-mobile, var(--total-body-size-tablet, var(--total-body-size, 17px)));
        letter-spacing: var(--total-body-letter-spacing-mobile, var(--total-body-letter-spacing-tablet, var(--total-body-letter-spacing, 0)));
        line-height: var(--total-body-line-height-mobile, var(--total-body-line-height-tablet, var(--total-body-line-height, 1.6)));
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tp-site-title {
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, 0)));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, 1.6)));
    }

    #tp-site-branding img {
        width: var(--total-logo-width-mobile, var(--total-logo-width-tablet, var(--total-logo-width)));
    }

    #tp-site-branding .tp-site-title {
        margin-top: var(--total-title-spacing-top-mobile, var(--total-title-spacing-top-tablet, var(--total-title-spacing-top-desktop, 0)));
        margin-right: var(--total-title-spacing-right-mobile, var(--total-title-spacing-right-tablet, var(--total-title-spacing-right-desktop, 0)));
        margin-bottom: var(--total-title-spacing-bottom-mobile, var(--total-title-spacing-bottom-tablet, var(--total-title-spacing-bottom-desktop, 0)));
        margin-left: var(--total-title-spacing-left-mobile, var(--total-title-spacing-left-tablet, var(--total-title-spacing-left-desktop, 0)));
        font-size: var(--total-title-size-mobile, var(--total-title-size-tablet, var(--total-title-size, 38px)));
        letter-spacing: var(--total-title-letter-spacing-mobile, var(--total-title-letter-spacing-tablet, var(--total-title-letter-spacing, 0)));
        line-height: var(--total-title-line-height-mobile, var(--total-title-line-height-tablet, var(--total-title-line-height, 1)));
    }

    #tp-site-branding .tp-site-description {
        margin-top: var(--total-tagline-spacing-top-mobile, var(--total-tagline-spacing-top-tablet, var(--total-tagline-spacing-top-desktop, 0)));
        margin-right: var(--total-tagline-spacing-right-mobile, var(--total-tagline-spacing-right-tablet, var(--total-tagline-spacing-right-desktop, 0)));
        margin-bottom: var(--total-tagline-spacing-bottom-mobile, var(--total-tagline-spacing-bottom-tablet, var(--total-tagline-spacing-bottom-desktop, 0)));
        margin-left: var(--total-tagline-spacing-left-mobile, var(--total-tagline-spacing-left-tablet, var(--total-tagline-spacing-left-desktop, 0)));
        font-size: var(--total-tagline-size-mobile, var(--total-tagline-size-tablet, var(--total-tagline-size, 18px)));
        letter-spacing: var(--total-tagline-letter-spacing-mobile, var(--total-tagline-letter-spacing-tablet, var(--total-tagline-letter-spacing, 0)));
        line-height: var(--total-tagline-line-height-mobile, var(--total-tagline-line-height-tablet, var(--total-tagline-line-height, 1)));
    }

    .tp-top-header {
        font-size: var(--total-th-size-mobile, var(--total-th-size-tablet, var(--total-th-size, 14px)));
        letter-spacing: var(--total-th-letter-spacing-mobile, var(--total-th-letter-spacing-tablet, var(--total-th-letter-spacing, 0)));
        line-height: var(--total-th-line-height-mobile, var(--total-th-line-height-tablet, var(--total-th-line-height, 1.6)));
    }

    .tp-section-title {
        font-size: var(--total-section-title-size-mobile, var(--total-section-title-size-tablet, var(--total-section-title-size, 36px)));
        letter-spacing: var(--total-section-title-letter-spacing-mobile, var(--total-section-title-letter-spacing-tablet, var(--total-section-title-letter-spacing, 0)));
        line-height: var(--total-section-title-line-height-mobile, var(--total-section-title-line-height-tablet, var(--total-section-title-line-height, 1.3)));
    }

    .tp-widget-area .widget {
        font-size: var(--total-sidebar-size-mobile, var(--total-sidebar-size-tablet, var(--total-sidebar-size, 16px)));
        letter-spacing: var(--total-sidebar-letter-spacing-mobile, var(--total-sidebar-letter-spacing-tablet, var(--total-sidebar-letter-spacing, 0)));
        line-height: var(--total-sidebar-line-height-mobile, var(--total-sidebar-line-height-tablet, var(--total-sidebar-line-height, 1.3)));
    }

    .tp-widget-area .widget .widget-title,
    .comment-reply-title,
    .comments-area .comments-title,
    .tp-related-post .tp-related-post-title {
        font-size: var(--total-sidebar-heading-size-mobile, var(--total-sidebar-heading-size-tablet, var(--total-sidebar-heading-size, 22px)));
        letter-spacing: var(--total-sidebar-heading-letter-spacing-mobile, var(--total-sidebar-heading-letter-spacing-tablet, var(--total-sidebar-heading-letter-spacing, 0)));
        line-height: var(--total-sidebar-heading-line-height-mobile, var(--total-sidebar-heading-line-height-tablet, var(--total-sidebar-heading-line-height, 1.3)));
    }

    .tp-main-title {
        font-size: var(--total-page-banner-size-mobile, var(--total-page-banner-size-tablet, var(--total-page-banner-size, 38px)));
        letter-spacing: var(--total-page-banner-letter-spacing-mobile, var(--total-page-banner-letter-spacing-tablet, var(--total-page-banner-letter-spacing, 0)));
        line-height: var(--total-page-banner-line-height-mobile, var(--total-page-banner-line-height-tablet, var(--total-page-banner-line-height, 1.3)));
    }

    .breadcrumb-trail ul li {
        font-size: var(--total-breadcrumb-size-mobile, var(--total-breadcrumb-size-tablet, var(--total-breadcrumb-size, 14px)));
        letter-spacing: var(--total-breadcrumb-letter-spacing-mobile, var(--total-breadcrumb-letter-spacing-tablet, var(--total-breadcrumb-letter-spacing, 0)));
        line-height: var(--total-breadcrumb-line-height-mobile, var(--total-breadcrumb-line-height-tablet, var(--total-breadcrumb-line-height, 1.3)));
    }

    .tp-site-footer {
        font-size: var(--total-footer-size-mobile, var(--total-footer-size-tablet, var(--total-footer-size, 16px)));
        letter-spacing: var(--total-footer-letter-spacing-mobile, var(--total-footer-letter-spacing-tablet, var(--total-footer-letter-spacing, 0)));
        line-height: var(--total-footer-line-height-mobile, var(--total-footer-line-height-tablet, var(--total-footer-line-height, 1.3)));
    }

    .tp-site-footer .widget-title {
        font-size: var(--total-footer-heading-size-mobile, var(--total-footer-heading-size-tablet, var(--total-footer-heading-size, 22px)));
        letter-spacing: var(--total-footer-heading-letter-spacing-mobile, var(--total-footer-heading-letter-spacing-tablet, var(--total-footer-heading-letter-spacing, 0)));
        line-height: var(--total-footer-heading-line-height-mobile, var(--total-footer-heading-line-height-tablet, var(--total-footer-heading-line-height, 1.3)));
    }

    #tp-home-slider-section .bottom-section-seperator {
        height: var(--total-slider-bs-height-mobile, var(--total-slider-bs-height-tablet, var(--total-slider-bs-height, 60px)));
    }

    .tp-section .tp-section-wrap {
        padding-top: var(--total-section-mobile-padding-top, var(--total-section-tablet-padding-top, var(--total-section-padding-top, 100px)));
        padding-bottom: var(--total-section-mobile-padding-bottom, var(--total-section-tablet-padding-bottom, var(--total-section-padding-bottom, 100px)));
    }

    .tp-section-seperator.top-section-seperator {
        height: var(--total-section-ts-height-mobile, var(--total-section-ts-height-tablet, var(--total-section-ts-height, 60px)));
    }

    .tp-section-seperator.bottom-section-seperator {
        height: var(--total-section-bs-height-mobile, var(--total-section-bs-height-tablet, var(--total-section-bs-height, 60px)));
    }

    h1 {
        font-size: var(--total-hh1-size-mobile, var(--total-hh1-size-tablet, var(--total-hh1-size, var(--total-h1-size-mobile, var(--total-h1-size-tablet, var(--total-h1-size, 38px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h1-letter-spacing-mobile, var(--total-h1-letter-spacing-tablet, var(--total-h1-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h1-line-height-mobile, var(--total-h1-line-height-tablet, var(--total-h1-line-height, 1.3))))));
    }

    h2 {
        font-size: var(--total-hh2-size-mobile, var(--total-hh2-size-tablet, var(--total-hh2-size, var(--total-h2-size-mobile, var(--total-h2-size-tablet, var(--total-h2-size, 34px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h2-letter-spacing-mobile, var(--total-h2-letter-spacing-tablet, var(--total-h2-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h2-line-height-mobile, var(--total-h2-line-height-tablet, var(--total-h2-line-height, 1.3))))));
    }

    h3 {
        font-size: var(--total-hh3-size-mobile, var(--total-hh3-size-tablet, var(--total-hh3-size, var(--total-h3-size-mobile, var(--total-h3-size-tablet, var(--total-h3-size, 30px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h3-letter-spacing-mobile, var(--total-h3-letter-spacing-tablet, var(--total-h3-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h3-line-height-mobile, var(--total-h3-line-height-tablet, var(--total-h3-line-height, 1.3))))));
    }

    h4 {
        font-size: var(--total-hh4-size-mobile, var(--total-hh4-size-tablet, var(--total-hh4-size, var(--total-h4-size-mobile, var(--total-h4-size-tablet, var(--total-h4-size, 26px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h4-letter-spacing-mobile, var(--total-h4-letter-spacing-tablet, var(--total-h4-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h4-line-height-mobile, var(--total-h4-line-height-tablet, var(--total-h4-line-height, 1.3))))));
    }

    h5 {
        font-size: var(--total-hh5-size-mobile, var(--total-hh5-size-tablet, var(--total-hh5-size, var(--total-h5-size-mobile, var(--total-h5-size-tablet, var(--total-h5-size, 22px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h5-letter-spacing-mobile, var(--total-h5-letter-spacing-tablet, var(--total-h5-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h5-line-height-mobile, var(--total-h5-line-height-tablet, var(--total-h5-line-height, 1.3))))));
    }

    h6 {
        font-size: var(--total-hh6-size-mobile, var(--total-hh6-size-tablet, var(--total-hh6-size, var(--total-h6-size-mobile, var(--total-h6-size-tablet, var(--total-h6-size, 20px))))));
        letter-spacing: var(--total-h-letter-spacing-mobile, var(--total-h-letter-spacing-tablet, var(--total-h-letter-spacing, var(--total-h6-letter-spacing-mobile, var(--total-h6-letter-spacing-tablet, var(--total-h6-letter-spacing, 0))))));
        line-height: var(--total-h-line-height-mobile, var(--total-h-line-height-tablet, var(--total-h-line-height, var(--total-h6-line-height-mobile, var(--total-h6-line-height-tablet, var(--total-h6-line-height, 1.3))))));
    }

    .tp-slide-cap-title,
    .tp-banner-title {
        font-size: var(--total-slider-title-size-mobile, var(--total-slider-title-size-tablet, 4vw));
        letter-spacing: var(--total-slider-title-letter-spacing-mobile, var(--total-slider-title-letter-spacing-tablet, var(--total-slider-title-letter-spacing, 2px)));
        line-height: var(--total-slider-title-line-height-mobile, var(--total-slider-title-line-height-tablet, var(--total-slider-title-line-height, 1.2)));
    }

    .tp-slide-cap-desc,
    .tp-banner-subtitle {
        font-size: var(--total-slider-subtitle-size-mobile, var(--total-slider-subtitle-size-tablet, 3vw));
        letter-spacing: var(--total-slider-subtitle-letter-spacing-mobile, var(--total-slider-subtitle-letter-spacing-tablet, var(--total-slider-subtitle-letter-spacing, 0)));
        line-height: var(--total-slider-subtitle-line-height-mobile, var(--total-slider-subtitle-line-height-tablet, var(--total-slider-subtitle-line-height, 1.4)));
    }

    .tp-custom-height-slider .tp-slide img {
        height: var(--total-slider-height-mobile, 400px);
    }

    .tp-banner-title {
        font-size: 30px;
        font-size: 9vw;
    }

    .tp-banner-subtitle {
        font-size: 14px;
        font-size: 5vw;
    }

    .tp-slide-button a {
        font-size: 14px;
        font-size: 3vw;
        padding: 8px 12px;
    }

    .tp-slide-button {
        margin-top: 10px;
    }

    .tp-team-member.style2 .tp-team-member-inner {
        display: block;
    }

    .tp-team-member.style2 .tp-team-member-content,
    .tp-team-member.style2 .tp-team-image {
        width: auto;
    }

    .tp-testimonial-wrap .tp-testimonial-excerpt {
        width: auto;
    }

    .tp-testimonial-wrap .tp-testimonial-excerpt .icofont-quote-left {
        left: 0;
    }

    .tp-counter-wrap .tp-counter {
        width: 95%;
    }

    .tp-cta-buttons a {
        display: block;
        margin: 0 0 15px;
        text-align: center;
    }

    .tp-logo-section .style3 .tp-logo-grid .tp-logo-item,
    .tp-logo-section .style4 .tp-logo-grid .tp-logo-item {
        width: 50%;
    }

    .tp-blog-layout1 .tp-post-info {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

    .tp-blog-layout1 .tp-post-info+.tp-post-wrapper {
        padding-left: 0;
    }

    .tp-blog-layout1 .tp-entry-figure+.tp-post-content {
        padding: 0 20px 20px;
    }

    .tp-blog-layout1 .tp-entry-figure+.tp-post-content .tp-entry-header {
        width: 100%;
        margin-left: -20px;
    }

    .tp-blog-layout2 .entry-body {
        padding: 20px;
    }

    .tp-blog-layout2 .tp-post-info,
    .tp-blog-layout2 .tp-post-info+.tp-post-content {
        width: auto;
        float: none;
        padding: 0;
    }

    .tp-blog-layout2 .tp-post-info {
        margin-bottom: 30px;
    }

    .tp-blog-layout2 .tp-entry-date {
        margin-top: -20px;
        margin-bottom: 0;
    }

    .tp-blog-layout3 .tp-post-content {
        padding: 20px 20px 0;
    }

    .tp-contact-box.style1 .tp-contact-field,
    .tp-contact-box.style3 .tp-contact-field {
        min-width: 100%;
    }

    .tp-contact-box.style1 .tp-contact-field:after {
        display: none;
    }

    .tp-mobile-hide,
    .tp-hide-mobile {
        display: none !important;
    }
}

@supports (-webkit-touch-callout: none) {
    .tp-service-bg,
    .tp-section .tp-section-wrap,
    [data-stellar-background-ratio] {
        background-attachment: scroll !important;
        background-position: center !important;
    }
}