:root {
--brand-color: #EF1C29;
--hover-color: #03132E;
--plufix-title-color: #2E2E2E;
--plufix-text-color: #333333;
--plufix-border-color: #D1D1D1;
--plufix-white: #ffffff;
--plufix-black: #000000;
--plufix-background: #ffffff;
--brand-opacity: rgb(239, 28, 41, .5);
--plufix-black-opacity: rgb(0, 0, 0, .5);
--btt-opacity: rgb(239, 28, 41, .5);
--plufix-title-font: 'Montserrat', sans-serif;
--plufix-text-font: 'Open Sans', sans-serif;
--plufix-box-shadow: 0 0 12px 0 rgb(0, 0, 0, .12);
--border-radius-sm: 4px;
--border-radius-lg: 8px;
--plufix-transition: 0.4s;
scroll-behavior: unset;
}
html {
overflow-x: hidden;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
::selection {
background-color: var(--brand-color);
color: var(--plufix-white);
}
body {
position: relative;
font-family: var(--plufix-text-font);
overflow-x: hidden;
font-weight: 400;
font-size: 16px;
direction: ltr;
line-height: 26px;
color: var(--plufix-text-color);
background: var(--plufix-background);
text-align: left;
}
body.open {
overflow: hidden;
height: 100vh;
}
body.open::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(0, 0, 0, .4);
z-index: 9999;
transition: var(--plufix-transition) linear;
-webkit-transition: var(--plufix-transition) linear;
-moz-transition: var(--plufix-transition) linear;
-ms-transition: var(--plufix-transition) linear;
-o-transition: var(--plufix-transition) linear;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
font-family: var(--plufix-title-font);
font-weight: 700;
line-height: 1.3;
margin-bottom: 8px;
color: var(--plufix-title-color);
}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a {
display: block;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
ul,
li {
margin: 0;
list-style: none;
padding: 0;
}
img {
max-width: 100%;
height: auto;
display: inline-block;
}
button,
input[type="submit"],
a {
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
a i {
transition: 0s !important;
-webkit-transition: 0s !important;
-moz-transition: 0s !important;
-ms-transition: 0s !important;
-o-transition: 0s !important;
}
label {
display: block;
}
input[type='text'],
input[type='email'],
input[type="url"],
select,
textarea {
width: 100%;
height: 52px;
padding: 0 12px;
border: 1px solid var(--plufix-border-color);
outline: none;
font-family: var(--plufix-text-font);
color: var(--plufix-text-color);
background: var(--plufix-white);
border-radius: var(--border-radius-sm);
-webkit-border-radius: var(--border-radius-sm);
-moz-border-radius: var(--border-radius-sm);
-ms-border-radius: var(--border-radius-sm);
-o-border-radius: var(--border-radius-sm);
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
input[type='text']:focus,
input[type='email']:focus,
select:focus,
textarea:focus {
border-color: var(--brand-color);
}
textarea {
height: 200px;
padding-top: 12px;
}
input:focus,
textarea:focus {
outline: inherit;
}
a {
text-decoration: none;
color: inherit
}
a:hover {
color: var(--brand-color)
}
p {
margin-bottom: 16px;
}
main {
min-height: 50vh;
}
blockquote {
padding: 50px 30px 30px;
margin: 50px 0 60px;
border: 1px solid var(--brand-color);
text-align: center;
position: relative;
box-shadow: var(--plufix-box-shadow);
border-radius: var(--border-radius-lg);
}
blockquote p {
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
text-align: center;
line-height: 32px;
}
blockquote::before {
content: '\f10e';
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 40px;
background-color: var(--plufix-white);
color: var(--brand-color);
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background: var(--plufix-white);
border: 1px solid var(--brand-color);
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
@media all and (max-width: 1024px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
} .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 50px;
gap: 12px
}
.pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px
}
.pagination a,
.pagination span {
width: 50px;
height: 50px;
border: 1px solid var(--plufix-border-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
border-radius: 4px;
}
.pagination span.current,
.pagination a:hover {
background-color: var(--brand-color);
color: var(--plufix-white);
border-color: var(--brand-color);
} .back-to-top-wrap {
position: fixed;
right: 30px;
bottom: 30px;
height: 50px;
width: 50px;
cursor: pointer;
display: block;
box-shadow: inset 0 0 0 2px var(--btt-opacity);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
}
.back-to-top-wrap.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.back-to-top-wrap svg path { 
fill: none; 
}
.back-to-top-wrap svg.progress-circle path {
stroke: var(--brand-color);
stroke-width: 4;
box-sizing:border-box;
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
}
.back-to-top-wrap i {
position: absolute;
top: 50%;
left: 50%;
bottom: 0;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: var(--brand-color);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
} .mkp_btn,
input[type='submit'] {
background-color: var(--brand-color);
color: var(--plufix-white);
font-size: 16px;
font-weight: 500;
font-family: var(--plufix-title-font);
padding: 15px 36px;
position: relative;
z-index: 1;
border: none;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 26px;
gap: 12px;
overflow: hidden;
cursor: pointer;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
border-radius: var(--border-radius-sm);
-webkit-border-radius: var(--border-radius-sm);
-moz-border-radius: var(--border-radius-sm);
-ms-border-radius: var(--border-radius-sm);
-o-border-radius: var(--border-radius-sm);
}
.mkp_btn:hover,
input[type='submit']:hover {
background: var(--hover-color);
color: var(--plufix-white);
}
.mkp_btn::before {
content: '';
position: absolute;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
z-index: -1;
}
.mkp_btn i {
display: inline-flex;
align-items: center;
}
.r_btn.mkp_btn {
color: var(--plufix-white);
background: var(--plufix-title-color);
}
.r_btn.mkp_btn:hover {
color: var(--plufix-white);
background: var(--brand-color);
}
.mkp_btn.current {
background: var(--hover-color);
}
@media all and (max-width: 1024px) {
.mkp_btn {
padding: 12px 28px;
font-size: 16px;
}
}
@media all and (max-width: 768px) {
.mkp_btn {
padding: 12px 26px;
font-size: 16px;
}
} button.slick-arrow,
.swiper_prev,
.swiper_next {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0;
border: none;
outline: none;
cursor: pointer;
background: var(--brand-color);
color: var(--plufix-white);
border-radius: 4px;
position: absolute;
bottom: calc(50% - 25px);
z-index: 1;
transition-duration: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
button.slick-arrow:hover,
.swiper_prev:hover,
.swiper_next:hover {
background-color: var(--hover-color);
color: var(--plufix-white);
}
.swiper_prev,
.swiper_next {
font-size: 20px;
}
button.slick-next.slick-arrow,
.swiper_next {
right: -77px;
}
button.slick-arrow::before {
content: "\f178";
font-family: 'Font Awesome 6 free';
font-size: 20px;
font-weight: 900;
}
button.slick-prev.slick-arrow::before {
content: "\f177";
}
button.slick-prev.slick-arrow,
.swiper_prev {
right: calc(100% + 25px);
}
ul.slick-dots li button,
.swiper_pagination span {
width: 16px;
height: 16px;
font-size: 0;
border: none;
outline: none;
background-color: var(--brand-color);
border-radius: 50%;
transition: .5s;
display: inline-block;
cursor: pointer;
opacity: 1;
display: block;
}
ul.slick-dots,
.swiper_pagination {
display: flex;
justify-content: center;
gap: 8px;
align-items: center;
width: 100%;
position: absolute;
bottom: -50px;
}
ul.slick-dots li.slick-active button {
background-color: var(--hover-color);
}
.slick-list {
margin-left: -12px;
margin-right: -12px;
}
.slick-slide {
margin-left: 12px;
margin-right: 12px;
} .plufix_header {
position: relative;
}
.plufix_header.header_transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
box-shadow: none;
z-index: 9999;
}
.plufix_header_top,
.plufix_header_middle,
.plufix_navigation {
width: 100%;
margin: auto;
}
.plufix_header::before,
.plufix_header_top::before,
.plufix_header_middle::before,
.plufix_navigation::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .plufix_header_top span,
.plufix_header_top p,
.plufix_header_top a,
.plufix_header_top i {
font-size: 16px;
}
.plufix_htm li a {
color: var(--plufix-white);
margin: 0 6px;
}
.plufix_htm li a:hover {
color: var(--brand-color);
}
.hta_search_form .search-form input.search-field {
height: 30px;
padding-left: 10px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
@media all and (max-width:991px) {
.plufix_header_top {
display: none;
}
} .hms_desc h5 {
margin-bottom: 0;
}
.header_middle_nav ul li a {
color: var(--plufix-title-color);
margin: 0 6px;
}
@media all and (max-width:991px) {
.plufix_header_middle {
display: none;
}
}  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.search_popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transform-origin: top;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
.search_popup.active {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.search_popup::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: var(--brand-opacity);
}
.search_popup_inner {
width: 100%;
max-width: 600px;
}
.search_popup_inner .search-form .search-field {
height: 70px;
}
.search_popup_inner .search-form .search-submit {
font-size: 20px;
width: auto;
padding: 10px 25px;
}
.cross_popup {
position: absolute;
top: 60px;
right: 60px;
font-size: 40px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} .plufix_navigation {
position: relative;
z-index: 9999;
} .sticky.trp_bg {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: rgb(0, 0, 0, .6);
animation: sticky_menu .3s linear;
}
@keyframes sticky_menu {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.logged-in .sticky.trp_bg {
top: 32px
}
.elementor-editor-active.logged-in .sticky.trp_bg {
top: 0;
}
.plufix_menu_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav.plufix_menu ul.main_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .logo_tr,
.trp_bg .logo {
display: none;
}
.trp_bg .logo_tr {
display: block;
}
nav.plufix_menu ul.main_menu li a {
display: block;
} .menu_sh_wrapper,
.logo_mobile {
display: block;
}
@media screen and (min-width: 992px) { nav.plufix_menu ul.main_menu li {
position: relative;
}
.back_navigator {
display: none;
}
nav.plufix_menu ul.main_menu li.menu-item-has-children>a::after {
content: '';
display: inline-block;
content: "\f107";
font-family: "Fontawesome";
margin-left: 4px;
font-size: 14px;
}
nav.plufix_menu ul.main_menu li a,
.plufix_search_icon i {
color: var(--plufix-title-color);
text-transform: capitalize;
cursor: pointer;
}
nav.plufix_menu ul.main_menu li a:hover {
color: var(--brand-color);
}
.sticky.trp_bg nav.plufix_menu ul.main_menu>li>a,
.sticky.trp_bg .plufix_search_icon i {
color: var(--plufix-white)
}
.sticky.trp_bg nav.plufix_menu ul.main_menu>li>a:hover,
.sticky.trp_bg .plufix_search_icon i:hover nav.plufix_menu ul.main_menu>li>a:hover,
.plufix_search_icon i:hover,
nav.plufix_menu ul li.current-menu-item>a,
.sticky.trp_bg nav.plufix_menu ul.main_menu>li.current-menu-item>a {
color: var(--brand-color);
}
nav.plufix_menu ul.main_menu>li>a {
padding: 30px 20px;
font-size: 17px;
font-weight: 500;
} nav.plufix_menu ul.main_menu>li>a::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
background-color: var(--brand-color);
width: 0;
height: 2px;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
nav.plufix_menu ul.main_menu>li>a:hover::before {
width: 100%;
} nav.plufix_menu ul.main_menu .sub-menu {
position: absolute;
box-shadow: 0 0 14px 0 rgb(0, 0, 0, .1);
background-color: var(--plufix-white);
padding: 12px 0 8px;
min-width: 200px;
opacity: 0;
visibility: hidden;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
}
nav.plufix_menu ul.main_menu .sub-menu>li>a {
padding: 8px 12px 8px 16px;
}
nav.plufix_menu ul.main_menu .sub-menu>li>a:hover {
background-color: var(--brand-color);
color: var(--plufix-white);
}
nav.plufix_menu ul.main_menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
}
nav.plufix_menu ul.main_menu .sub-menu li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
}
nav.plufix_menu ul.main_menu .sub-menu li:not(:last-child) a {
border-bottom: 1px solid rgb(0, 0, 0, .05);
} nav.plufix_menu ul.main_menu .sub-menu li>a::before {
content: '';
width: 0;
height: 2px;
background-color: #000040;
margin-right: 6px;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
nav.plufix_menu ul.main_menu .sub-menu li:hover>a::before {
width: 20px;
}
nav.plufix_menu ul.main_menu .sub-menu li>a:hover::before {
background-color: var(--plufix-white);
} nav.plufix_menu ul.main_menu>li>.sub-menu {
transform-origin: top;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
nav.plufix_menu ul.main_menu>li:hover>.sub-menu {
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
}
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu,
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
left: 100%;
top: 0;
transform-origin: left;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
}
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu,
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
left: -100%;
top: 0;
transform-origin: right;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
}
nav.plufix_menu ul.main_menu>li>.sub-menu li:hover>.sub-menu,
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li:hover>.sub-menu,
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li:hover>.sub-menu,
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li:hover>.sub-menu {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
nav.plufix_menu ul.main_menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li .sub-menu {
left: 10%;
}
.menu_sh_wrapper,
.logo_mobile,
.mm_close {
display: none !important;
}
.plufix_search_icon,
.hamburger_menu_wrapper,
.m_menu_btn {
display: block !important;
}
.hmm_hl {
display: flex !important;
}
}
@media screen and (min-width:992px) and (max-width:1024px) {
nav.plufix_menu ul.main_menu>li>a {
padding: 30px 15px;
font-size: 16px;
font-weight: 500;
}
} .justify_icon {
width: 28px;
height: 18px;
margin: 0 12px;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
position: relative;
}
.justify_icon span {
width: 100%;
height: 2px;
background-color: var(--hover-color);
}
.justify_icon span:nth-child(2) {
width: 66%;
}
.sticky.trp_bg .justify_icon span {
background-color: var(--plufix-white);
}
.justify_icon span:last-child {
margin-bottom: 0;
}
.justify_icon:hover span:nth-child(2) {
width: 28px;
} .justify_icon.open span:nth-child(2) {
width: 0;
transition: 0s;
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
}
.justify_icon.open span {
position: absolute;
top: 8px;
width: 88%;
}
.justify_icon.open span:first-child {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
}
.justify_icon.open span:last-child {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
} aside.page_sidebar {
position: fixed;
top: 0;
left: auto;
right: 0;
background: var(--plufix-white);
width: 450px;
max-width: 80vw;
padding: 100px 24px 20px;
height: 100vh;
overflow-y: auto;
z-index: 99999;
box-shadow: -4px 0px 20px 0px rgb(0, 0, 0, .08);
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
}
aside.page_sidebar.open {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.close_icon {
color: var(--brand-color);
font-size: 30px;
position: absolute;
top: 40px;
right: 40px;
z-index: 99999;
cursor: pointer;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.mm_close {
top: 24px;
right: 24px;
}
aside.page_sidebar .sidebar_inner > div {
border: 1px solid var(--plufix-border-color);
padding: 30px;
margin-bottom: 30px;
border-radius: 10px;
}
@media screen and (max-width: 991px) { .sticky.trp_bg {
position: relative;
}
.hmm_inner {
max-width: 100%;
padding: 20px !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-o-border-radius: 0 !important;
}
.plufix_menu_wrapper {
position: fixed;
top: 0;
left: -400px;
height: 100vh;
width: 400px;
max-width: 90vw;
background-color: #f3f3f3;
display: block;
padding: 52px 0 12px;
overflow: hidden auto;
z-index: 999999;
}
.plufix_menu_wrapper.open {
left: 0;
}
nav.plufix_menu ul.main_menu {
display: block;
position: relative;
padding-left: 24px;
padding-top: 40px;
height: 100%;
}
nav.plufix_menu {
height: 100%;
}
nav.plufix_menu ul.main_menu li>a {
padding: 10px 0;
border-bottom: 1px solid rgb(0, 0, 0, 0.15);
color: #2f2f2f !important;
display: flex;
justify-content: space-between;
}
nav.plufix_menu ul.main_menu li.menu-item-has-children>a::after {
content: '\f105';
font-family: 'FontAwesome';
margin-right: 24px;
cursor: pointer;
} ul.sub-menu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background-color: #f3f3f3;
z-index: 99999;
padding-top: 20px;
overflow-x: hidden;
}
.back_navigator {
display: block;
}
li.open>.sub-menu {
left: 0;
}
ul.sub-menu li {
padding-left: 24px;
}
.navigator_item {
padding: 10px 0;
border-bottom: 1px solid rgb(0, 0, 0, 0.15);
color: #2f2f2f !important;
text-align: center;
}
.back_navigator i {
cursor: pointer;
position: absolute;
top: 35px;
left: 20px;
}
nav.plufix_menu ul.main_menu>li>a::before {
display: none;
}
} .plufix_footer_area {
background-color: var(--hover-color);
position: relative;
}
.plufix_footer_area::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: transparent
}
.plufix_footer_area .container {
padding: 0 20px;
} .plufix_fwa {
padding: 80px 0 60px
}
.fwa_wrapper .row {
row-gap: 30px;
}
.fwa_wrapper .row>div:first-child {
padding-right: 50px;
}
.fwa_wrapper .row>div>div:not(:first-child) {
margin-top: 24px;
}
@media all and (max-width: 768px) {
.fwa_wrapper .row>div:first-child {
padding-right: 0;
}
}
.fwa_wrapper .mkp_socials li a:hover {
color: var(--brand-color);
background: var(--plufix-white);
} .plufix_fca {
padding: 16px 0;
position: relative;
background-color: var(--plufix-title-color);
width: 100%;
margin-left: auto;
margin-right: auto;
}
.plufix_fca::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 1px;
margin: auto;
}
.plufix_footer_menu ul#footer_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 24px
}
.plufix_footer_menu ul#footer_menu li a {
color: var(--plufix-white)
}
.plufix_footer_menu ul#footer_menu li a:hover {
color: var(--hover-color)
}
.copy_right_text a,
.copy_right_text p {
color: var(--plufix-white);
margin-bottom: 0;
}
@media all and (max-width:767px) {
.plufix_fca .copy_right_text {
text-align: center;
margin-bottom: 8px;
}
.plufix_footer_menu ul#footer_menu {
justify-content: center;
}
}  .plufix_widgets_area>div {
box-shadow: 0 2px 24px 0 rgb(0, 0, 0, .08);
padding: 30px 24px;
border-radius: 4px;
margin-bottom: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
} .widget-title {
margin-bottom: 24px;
position: relative;
} .plufix_widgets_area .widget_categories ul li:not(:last-child) {
position: relative;
border-bottom: 1px solid var(--plufix-border-color);
}
.plufix_widgets_area .widget_categories ul li:not(:last-child)::before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 4px;
height: 1px;
background-color: var(--brand-color);
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.plufix_widgets_area .widget_categories ul li:not(:last-child):hover::before {
width: 100%;
}
.plufix_widgets_area .widget_categories ul li a {
color: var(--plufix-text-color);
padding: 16px 0 16px;
display: block;
}
.plufix_widgets_area .widget_categories ul li a:hover {
color: var(--brand-color)
}
.plufix_widgets_area .widget_categories ul li a::before {
content: "\f105";
font-family: "FontAwesome";
margin-right: 8px;
} .contact_us_info ul li {
display: flex;
gap: 8px;
align-items: center;
}
.contact_us_info ul li i {
width: 20px;
color: var(--brand-color);
}
.wpcf7-not-valid-tip {
margin-top: 12px;
} .plufix_footer_area .widget-title,
.plufix_footer_area p,
.plufix_footer_area span {
color: var(--plufix-white);
}
.plufix_footer_area .widget-title {
margin-bottom: 32px;
}
.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
figure.gallery-item {
padding: 8px;
margin: 0;
}
.gallery-columns-1 figure.gallery-item {
flex: 0 0 auto;
width: 100%;
}
.gallery-columns-2 figure.gallery-item {
flex: 0 0 auto;
width: 50%;
}
.gallery-columns-3 figure.gallery-item {
flex: 0 0 auto;
width: 33.3333%;
}
.gallery-columns-4 figure.gallery-item {
flex: 0 0 auto;
width: 25%;
}
.gallery-columns-5 figure.gallery-item {
flex: 0 0 auto;
width: 20%;
}
.gallery-columns-6 figure.gallery-item {
flex: 0 0 auto;
width: 16.6666%;
}
.gallery-columns-1 figure.gallery-item {
flex: 0 0 auto;
width: 100%;
} .plufix_fwa ul li {
padding: 4px 0 8px;
display: flex;
align-items: center;
gap: 12px;
}
.plufix_footer_area ul li,
.plufix_footer_area ul li a {
color: var(--plufix-white);
}
.plufix_footer_area ul li a:hover {
color: var(--brand-color);
}
.plufix_footer_area ul li i {
font-size: 14px;
} .tagcloud a {
padding: 4px 12px;
border: 1px solid var(--plufix-border-color);
font-size: 16px!important;
border-radius: 4px;
}
.tagcloud {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tagcloud a:hover {
color: var(--plufix-white);
background-color: var(--brand-color);
border-color: var(--brand-color);
} .plufix_footer_area .social-icons a {
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--plufix-white);
background-color: var(--brand-color);
margin: 0 2px;
font-size: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.plufix_footer_area .social-icons a:hover {
background-color: var(--plufix-white);
color: var(--brand-color)
} .calendar_wrap table {
width: 100%;
}
.calendar_wrap caption {
padding-bottom: 20px;
}
.calendar_wrap th {
text-align: center;
}
.calendar_wrap td {
color: var(--plufix-text-color);
border: 1px solid var(--plufix-border-color);
text-align: center;
padding: 10px 0;
}
.calendar_wrap td a {
color: var(--plufix-text-color);
}
.calendar_wrap td#today {
background-color: var(--brand-color);
color: var(--plufix-white);
border-color: var(--brand-color);
}
.wp-calendar-nav {
margin-top: 20px;
} .search-form {
width: 100%;
max-width: 650px;
position: relative;
}
.search-form label {
width: 100%;
}
.search-form .search-field {
height: 50px;
width: 100%;
display: block;
background-color: #e9eef3;
border: none;
outline: none;
font-size: 20px;
padding-left: 20px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.search-form .search-submit {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30%;
max-width: 70px;
border: none;
background-color: var(--brand-color);
color: var(--plufix-white);
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
}
.search-form .search-submit:hover {
background-color: var(--hover-color);
color: var(--plufix-white);
} .recent_post_thumbnail {
width: 100px;
height: auto;
flex: 0 0 auto;
}
.recent_post_content h4 a {
font-size: 16px;
font-weight: 500;
}
.recent_post_content h4 a:hover,
.recent_post_content a.post_date:hover {
color: var(--brand-color);
}
.recent_post_content a.post_date {
font-size: 14px;
color: var(--plufix-text-color);
display: inline-flex;
gap: 10px;
align-items: center;
}
.plufix_fwa .recent_post_content a.post_date,
.plufix_fwa .recent_post_content h4 a {
color: var(--plufix-white);
}
.plufix_fwa .recent_post_content h4 a:hover {
color: var(--brand-color);
} .wp-caption {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 10px;
max-width: 100%;
margin: 10px auto;
text-align: center;
}
.wp-caption img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.wp-caption-text {
font-size: 14px;
color: #555;
margin-top: 5px;
font-style: italic;
}
.gallery-caption,
.bypostauthor {
display: block;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}  .comments_area {
margin-top: 40px;
}
h3#reply-title {
margin-bottom: 24px;
}
form.comment-form {
display: flex;
flex-wrap: wrap;
}
form.comment-form>* {
flex: 0 0 auto;
padding: 0 10px;
width: 100%;
margin-bottom: 24px;
}
form.comment-form p.comment-form-author,
form.comment-form p.comment-form-email {
width: 50%;
}
form.comment-form p.comment-form-author {
order: 1;
}
form.comment-form p.comment-form-email {
order: 2;
}
form.comment-form p.comment-form-url {
order: 3;
}
form.comment-form p.comment-form-comment {
order: 4;
}
form.comment-form p.comment-form-cookies-consent {
order: 5;
display: flex;
gap: 10px;
align-items: center;
}
form.comment-form p.comment-form-cookies-consent input {
width: 16px;
height: 16px;
}
form.comment-form p.comment-form-cookies-consent input {
display: inline-block;
}
form.comment-form p.form-submit {
order: 6;
}
form.comment-form p.form-submit input#submit {
background: var(--brand-color);
color: var(--plufix-white);
font-size: 18px;
border: none;
outline: none;
width: auto;
border-radius: var(--border-radius-sm);
}
form.comment-form p.form-submit input#submit:hover {
background: var(--hover-color);
color: var(--plufix-white);
}
form.comment-form input[type="text"],
form.comment-form input[type="email"],
form.comment-form input[type="url"],
form.comment-form textarea {
border: 1px solid var(--plufix-border-color);
margin-top: 12px;
padding-left: 12px;
border-radius: var(--border-radius-sm);
background-color: #fffbff;
width: 100%;
height: 50px;
}
form.comment-form input[type="text"]:focus,
form.comment-form input[type="email"]:focus,
form.comment-form input[type="url"]:focus,
form.comment-form textarea:focus {
border-color: var(--brand-color) !important;
background-color: var(--plufix-white);
}
form.comment-form textarea {
padding-top: 16px;
height: 150px;
} .comments_area {
margin-top: 40px;
background-color: #f9f9f9;
padding: 20px;
border-radius: 5px;
} .comment-list {
list-style-type: none;
padding: 0;
margin: 0;
} .comment-list>li {
margin-bottom: 30px;
padding: 15px;
border-bottom: 1px solid #ddd;
}
.comment-list>li article {
position: relative;
}
.comment-list>li ol.children {
padding-left: 30px;
padding-top: 20px
}
.comment-author {
font-weight: 600;
font-size: 20px;
margin-bottom: 4px;
} .comment-meta {
margin-bottom: 12px;
} .comment-author .avatar {
float: left;
margin-right: 10px;
border-radius: 50%;
width: 50px;
height: 50px;
} .comment-reply-link {
color: var(--plufix-text-color);
font-size: 12px;
text-decoration: none;
background: var(--plufix-border-color);
padding: 2px 12px;
border-radius: var(--border-radius-sm);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.comment-reply-link:hover {
background: var(--brand-color);
color: var(--plufix-white);
text-decoration: none;
} .transition_sm,
.tr_in,
.tr_in * {
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.text_left {
text-align: left;
}
.text_center {
text-align: center;
}
.text_right {
text-align: right;
} .text_brand {
color: var(--brand-color)
}
.text_hover {
color: var(--hover-color)
}
.text_title {
color: var(--plufix-title-color)
}
.text_white {
color: var(--plufix-white)
}
.text_black {
color: var(--plufix-black)
}
.h_text_brand:hover {
color: var(--brand-color)
}
.h_text_hover:hover {
color: var(--hover-color)
}
.h_text_title:hover {
color: var(--plufix-title-color)
}
.h_text_white:hover {
color: var(--plufix-white)
}
.h_text_black:hover {
color: var(--plufix-black)
}  .bg_brand {
background-color: var(--brand-color)
}
.bg_hover {
background-color: var(--hover-color)
}
.bg_title {
background-color: var(--plufix-title-color)
}
.bg_white {
background-color: var(--plufix-white)
}
.bg_black {
background-color: var(--plufix-black)
}
.h_bg_brand:hover {
background-color: var(--brand-color)
}
.h_bg_hover:hover {
background-color: var(--hover-color)
}
.h_bg_title:hover {
background-color: var(--plufix-title-color)
}
.h_bg_white:hover {
background-color: var(--plufix-white)
}
.h_bg_black:hover {
background-color: var(--plufix-black)
}  .mx_auto {
margin-left: auto;
margin-right: auto;
}
.mx_10 {
margin-left: 10px;
margin-right: 10px;
}
.mt_0 {
margin-top: 0;
}
.mt_10 {
margin-top: 10px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_60 {
margin-top: 60px;
}
.mt_70 {
margin-top: 70px;
}
.mt_80 {
margin-top: 80px;
}
.mt_90 {
margin-top: 90px;
}
.mb_0 {
margin-bottom: 0;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_60 {
margin-bottom: 60px;
}
.mb_70 {
margin-bottom: 70px;
}
.mb_80 {
margin-bottom: 80px;
}
.mb_90 {
margin-bottom: 90px;
}
.mb_100 {
margin-bottom: 100px;
}  .p_0 {
padding: 0;
}
.p_10 {
padding: 10px;
}
.p_20 {
padding: 20px;
}
.px_0 {
padding-left: 0;
padding-right: 0;
}
.px_10 {
padding-left: 10px;
padding-right: 10px;
}
.px_20 {
padding-left: 20px;
padding-right: 20px;
}
.py_0 {
padding-top: 0;
padding-bottom: 0;
}
.py_10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py_20 {
padding-top: 20px;
padding-bottom: 20px;
}
.pt_0 {
padding-top: 0;
}
.pt_10 {
padding-top: 10px;
}
.pt_20 {
padding-top: 20px;
}
.pt_30 {
padding-top: 30px;
}
.pt_40 {
padding-top: 40px;
}
.pt_50 {
padding-top: 50px;
}
.pt_60 {
padding-top: 60px;
}
.pt_70 {
padding-top: 70px;
}
.pt_80 {
padding-top: 80px;
}
.pt_90 {
padding-top: 90px;
}
.pt_100 {
padding-top: 100px;
}
.pb_10 {
padding-bottom: 10px;
}
.pb_20 {
padding-bottom: 20px;
}
.pb_30 {
padding-bottom: 30px;
}
.pb_40 {
padding-bottom: 40px;
}
.pb_50 {
padding-bottom: 50px;
}
.pb_60 {
padding-bottom: 60px;
}
.pb_70 {
padding-bottom: 70px;
}
.pb_80 {
padding-bottom: 80px;
}
.pb_90 {
padding-bottom: 90px;
}
.pb_100 {
padding-bottom: 100px;
} .grid {
display: grid;
}
.flex {
display: flex;
}
.i_flex {
display: inline-flex;
}
.wrap {
flex-wrap: wrap;
}
.block {
display: block;
}
.none {
display: none;
}
.i_block {
display: inline-block;
}
.column {
flex-direction: column;
}
.jc_left {
justify-content: flex-start;
}
.jc_center {
justify-content: center;
}
.jc_right {
justify-content: right;
}
.jc_between {
justify-content: space-between;
}
.jc_end {
justify-content: flex-end;
}
.ai_start {
align-items: start;
}
.ai_center {
align-items: center;
}
.ai_end {
align-items: end;
}
.flex-auto {
flex: 0 0 auto;
}
.flex-grow-1 {
flex-grow: 1;
}
.mkp_w_100 {
width: 100%;
}
.mkp_w_50 {
width: 50%;
}
.mkp_h_100 {
height: 100%;
}
.mkp_h_50 {
height: 50%;
}
.z_index_1 {
z-index: 1;
}
.oh {
overflow: hidden;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.gap_10 {
gap: 10px;
}
.gap_20 {
gap: 20px;
}
.gap_30 {
gap: 30px;
}
.fs_16 {
font-size: 16px;
}
.fs_32 {
font-size: 32px;
}
.box {
position: relative;
}
.box::before,
.box::after {
position: absolute;
content: '';
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.box_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.mkp_shadow {
box-shadow: var(--plufix-box-shadow);
}
.mkp_round_sm {
border-radius: var(--border-radius-sm);
}
.mkp_round_lg {
border-radius: var(--border-radius-lg);
}
.mkp_icon i {
display: inline-block;
}
.page_title h3 a:hover {
color: var(--brand-color);
} .mkp_overlay {
position: relative;
overflow: hidden;
}
.mkp_overlay::before,
.mkp_overlay::after {
content: '';
position: absolute;
z-index: 1;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}
.mkp_overlay::before {
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--plufix-black-opacity);
}
.mkp_overlay.overlay_none::before,
.mkp_overlay.overlay_none::after {
opacity: 0;
}
.mkp_overlay.overlay_one::before {
opacity: 1;
} .mkp_overlay.overlay_two::before {
opacity: 0;
}
.box:hover .mkp_overlay.overlay_two::before {
opacity: 1;
} .mkp_overlay.overlay_three::before {
height: 0;
}
.box:hover .mkp_overlay.overlay_three::before {
height: 100%;
} .mkp_overlay.overlay_four::before {
width: 0;
}
.box:hover .mkp_overlay.overlay_four::before {
width: 100%;
} .mkp_overlay.overlay_five::before {
opacity: 1;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.box:hover .mkp_overlay.overlay_five::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
} .mkp_overlay.overlay_six::before {
width: 100px;
height: 100px;
clip-path: polygon(0 0, 100% 0, 50% 50%, 0% 100%);
}
.box:hover .mkp_overlay.overlay_six::before {
width: 100%;
height: 100%;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
} .mkp_overlay.overlay_seven::before,
.mkp_overlay.overlay_seven::after {
width: 0;
height: 0;
clip-path: polygon(100% 0, 0 0, 50% 50%, 100% 100%);
left: auto;
right: 0;
}
.mkp_overlay.overlay_seven::after {
bottom: 0;
left: 0;
right: auto;
top: auto;
background-color: var(--plufix-black-opacity);
clip-path: polygon(0 100%, 0 0, 50% 50%, 100% 100%);
}
.box:hover .mkp_overlay.overlay_seven::before,
.box:hover .mkp_overlay.overlay_seven::after {
width: calc(100% - 5px);
height: calc(100% - 5px);
}
.mkp_socials li {
display: inline-block;
}
.mkp_socials li a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: var(--plufix-white);
background-color: var(--brand-color);
border-radius: var(--border-radius-sm);
-webkit-border-radius: var(--border-radius-sm);
-moz-border-radius: var(--border-radius-sm);
-ms-border-radius: var(--border-radius-sm);
-o-border-radius: var(--border-radius-sm);
}
.mkp_socials li a:hover {
color: var(--plufix-white);
background-color: var(--hover-color);
}
.order0 {
order: 0;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
.order3 {
order: 3;
}
.order4 {
order: 4;
}
.order5 {
order: 5;
}
.order6 {
order: 6;
}
.order7 {
order: 7;
}
.order8 {
order: 8;
}
.order9 {
order: 9;
}
.order10 {
order: 10;
} .mc4wp-form button,
.mc4wp-form input[type="submit"] {
color: var(--plufix-white);
background: var(--brand-color);
margin-top: 24px;
}
.mc4wp-form button:hover,
.mc4wp-form input[type="submit"]:hover {
color: var(--brand-color);
background: var(--plufix-white);
margin-top: 24px;
}
.mc4wp-alert {
margin-top: 16px;
} .breadcrumb_area {
padding: 100px 0;
background-color: var(--hover-color);
position: relative;
z-index: 1;
text-align: center;
}
.breadcrumb_area::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.breadcrumb_area .page-title {
color: var(--plufix-white);
}
.breadcrumb_area .home_url,
.breadcrumb_area span {
display: inline-block;
color: var(--plufix-white);
margin: 0 3px;
}
.breadcrumb_area .home_url:hover {
color: var(--brand-color);
}
.breadcrumb_area i {
color: var(--plufix-white);
} .banner_slider .slick-slide {
margin-left: 0;
margin-right: 0;
}
.banner_slider .slick-list {
margin-left: 0;
margin-right: 0px;
}
.mkp_banner {
z-index: 2;
}
.banner_top_title h4 {
color: var(--brand-color);
font-size: 18px;
font-weight: 600;
margin-bottom: 24px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.banner_bottom_title h1 {
color: var(--plufix-white);
font-size: 60px;
margin-bottom: 28px;
}
.banner_description p {
color: var(--plufix-white);
margin-bottom: 36px;
}
.banner_top_title h4 span,
.banner_bottom_title h1 span,
.banner_description p span {
color: var(--brand-color);
}
.banner_thumb img {
position: absolute;
top: 25%;
right: 0;
}
.mkp_banner .btns_wrap {
display: inline-flex;
gap: 20px;
flex-wrap: wrap;
}
.mkp_banner .mkp_btn:hover,
.mkp_banner .mkp_btn.btn2 {
background: var(--plufix-white);
color: var(--hover-color);
}
.mkp_banner .mkp_btn.btn2:hover {
color: var(--plufix-white);
background: var(--brand-color);
}
.slick-current .banner_top_title {
animation: fadeInLeft 2s both 2s;
-webkit-animation: fadeInDown 2s both 1s;
}
.slick-current .banner_bottom_title {
animation: fadeInDown 2s both 1s;
-webkit-animation: fadeInDown 2s both 1s;
}
.slick-current .banner_description {
animation: fadeInDown 2s both 1s;
-webkit-animation: fadeInDown 2s both 1s;
}
.slick-current .btns_wrap {
animation: fadeInUp 2s both 1s;
-webkit-animation: fadeInUp 2s both 1s;
}
.slick-current .banner_thumb img {
animation: fadeInRight 2s both 1s;
-webkit-animation: fadeInRight 2s both 1s;
}
.banner_slider .slick-arrow.slick-prev {
right: calc(100% - 50px);
}
.banner_slider .slick-arrow.slick-next {
right: 0;
}
.mkp_banner.text_center>* {
margin-left: auto;
margin-right: auto;
}
.mkp_banner.text_right>* {
margin-left: auto;
margin-right: 0;
}
@media (max-width:1024px) {
.banner_bottom_title h1 {
font-size: 56px;
}
}
@media (max-width:991px) {
.banner_top_title h4 br,
.banner_bottom_title h1 br,
.banner_description p br {
display: none;
}
.banner_bottom_title h1 {
font-size: 42px;
}
}
@media (max-width:767px) {
.banner_bottom_title h1 {
font-size: 28px;
}
.banner_top_title h4 {
color: var(--brand-color);
font-size: 16px;
}
}
#particles-js {
z-index: 0;
} .top_title h4 {
color: var(--brand-color);
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.top_title h4 i {
display: inline-flex;
}
.bottom_title h2 {
font-size: 40px;
font-weight: 700;
margin-bottom: 30px;
}
.bottom_title h2 span {
color: var(--brand-color);
}
.mkp_title .description p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.top_title h4 {
font-size: 18px;
}
.bottom_title h2 {
font-size: 32px;
}
}
@media screen and (max-width: 881px) {
.top_title h4 {
font-size: 16px;
}
.bottom_title h2 {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.top_title h4 br,
.bottom_title h2 br {
display: none;
}
} .tt_bar {
width: 50px;
height: 2px;
background-color: var(--brand-color);
position: relative;
display: none;
}
.tt_bar::before {
content: '';
width: 10px;
height: 10px;
background-color: var(--brand-color);
display: none;
position: absolute;
top: 50%;
border-radius: 50%;
animation: left_to_right 3s linear alternate infinite;
-webkit-animation: left_to_right 3s linear alternate infinite;
transform: translateX(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.tt_bar.right_bar::before {
animation-direction: alternate-reverse;
}
@keyframes left_to_right {
0% {
left: 0;
}
100% {
left: calc(100% - 10px);
}
}
@-webkit-keyframes left_to_right {
0% {
left: 0;
}
100% {
left: calc(100% - 10px);
}
}
.has_left_bar .tt_bar.left_bar,
.has_left_animation_bar .tt_bar.left_bar,
.has_left_animation_bar .tt_bar.left_bar::before,
.has_left_right_bar .tt_bar.left_bar,
.has_left_right_animation .tt_bar.left_bar,
.has_left_right_animation .tt_bar.left_bar::before,
.has_right_bar .tt_bar.right_bar,
.has_right_animation_bar .tt_bar.right_bar,
.has_right_animation_bar .tt_bar.right_bar::before,
.has_left_right_bar .tt_bar.right_bar,
.has_left_right_animation .tt_bar.right_bar,
.has_left_right_animation .tt_bar.right_bar::before {
display: block;
} .prc_price .symbol,
.prc_price .price {
font-size: 28px;
}
.prc_price .separator,
.prc_price .duration {
font-size: 16px;
color: var(--plufix-text-color);
font-weight: 400;
font-family: var(--plufix-text-font);
}
.prc_list li {
margin-bottom: 8px;
}
.prc_list li i {
color: var(--brand-color);
}
.prc_btn_wrap .mkp_btn {
margin: 16px 0 10px;
}
.prc_icn img {
display: inline-block;
} .shape_image {
animation: translate_x_50 5s running alternate linear infinite;
}
@keyframes translate_x_20 {
0% {
transform: translateX(-10px);
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-o-transition: translateX(-10px);
}
100% {
transform: translateX(10px);
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transition: translateX(10px)
}
}
@keyframes translate_x_50 {
0% {
transform: translateX(-25px);
-webkit-transform: translateX(-25px);
-moz-transform: translateX(-25px);
-o-transition: translateX(-25px);
}
100% {
transform: translateX(25px);
-webkit-transform: translateX(25px);
-moz-transform: translateX(25px);
-o-transition: translateX(25px)
}
}
@keyframes translate_y_20 {
0% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transition: translateY(-10px);
}
100% {
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transition: translateY(10px)
}
}
@keyframes translate_y_50 {
0% {
transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-moz-transform: translateY(-25px);
-o-transition: translateY(-25px);
}
100% {
transform: translateY(25px);
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-o-transition: translateY(25px)
}
}
@keyframes rotate_360 {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transition: rotate(0deg);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transition: rotate(360deg)
}
} .progress-bar {
background-color: var(--plufix-border-color);
}
.progress-bar-fill {
height: 12px;
background-color: var(--brand-color);
} svg.radial-progress {
height: auto;
width: 120px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
svg.radial-progress circle.complete,
svg.radial-progress circle.incomplete {
fill: transparent;
stroke: var(--brand-color);
stroke-dashoffset: 219.91148575129;
stroke-width: 3px;
}
svg.radial-progress circle.incomplete {
stroke: var(--brand-opacity);
}
svg.radial-progress circle.complete {
stroke-dasharray: 219.91148575129;
}
.single-progress span.percent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
font-weight: 600;
} .single_post_thumbnail img {
display: block;
}
.single_portfolio ul,
.single_portfolio ol {
padding-left: 20px;
}
.single_portfolio ul li,
.single_portfolio ol li {
list-style: inherit;
}
.single_portfolio .box_inner {
margin-bottom: 24px;
}
.portfolio_thumbnail {
position: relative;
}
.single_portfolio .portfolio_thumbnail img {
display: block;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.single_portfolio:hover .portfolio_thumbnail img {
transform: scale(1.15);
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
}
.portfolio_icons {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
gap: 12px;
opacity: 0;
visibility: hidden;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.portfolio_thumbnail:hover .portfolio_icons {
opacity: 1;
visibility: visible;
}
.portfolio_icons a {
width: 50px;
height: 50px;
background-color: var(--brand-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
border-radius: 5px;
color: var(--plufix-white);
}
.portfolio_icons a:hover {
color: var(--plufix-white);
background-color: var(--hover-color);
} .style_2 .portfolio_cont_box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 2;
width: 100%;
overflow: hidden;
}
.style_2 .portfolio_cont_box .portfolio_title {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
.style_2 .portfolio_cont_box .portfolio_title h3 {
margin-bottom: 20px;
}
.style_2 .portfolio_cont_box .portfolio_title h3 a {
color: var(--plufix-white);
}
.style_2 .portfolio_cont_box .portfolio_title h3 a:hover {
color: var(--brand-color);
}
.style_2 .portfolio_cont_box .portfolio_btn {
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
}
.style_2 .single_portfolio:hover .portfolio_cont_box .portfolio_title,
.style_2 .single_portfolio:hover .portfolio_cont_box .portfolio_btn {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}  .team_thumbnail img {
display: block;
}
.mkp_team.style_1 .team_socials {
position: absolute;
bottom: 50px;
text-align: center;
width: 100%;
z-index: 99;
}
.mkp_team.style_1 .team_socials li a {
opacity: 0;
}
.mkp_team.style_1:hover .team_socials li:first-child a {
transform: translateY(20px);
transition: .9s;
opacity: 1;
}
.mkp_team.style_1:hover .team_socials li:nth-child(2) a {
transform: translateY(20px);
transition: .7s;
opacity: 1;
}
.mkp_team.style_1:hover .team_socials li:nth-child(3) a {
transform: translateY(20px);
transition: .5s;
opacity: 1;
}
.mkp_team.style_1:hover .team_socials li:last-child a {
transform: translateY(20px);
transition: .3s;
opacity: 1;
}
.team_socials li a i {
transition: 1s !important;
-webkit-transition: 1s !important;
-moz-transition: 1s !important;
-ms-transition: 1s !important;
-o-transition: 1s !important;
} .mkp_team.box.style_2 .team_cont_box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 20px;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transition: 1s;
transform: rotate(-180deg);
background: var(--brand-opacity);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
.mkp_team.box.style_2:hover .team_cont_box {
opacity: 1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.mkp_team.style_2 .team_title,
.mkp_team.style_2 .team_title a,
.mkp_team.style_2 .designation {
color: var(--plufix-white);
}
.mkp_team.box.style_2 .team_socials li a:hover i {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
} .blog_thumbnail {
overflow: hidden;
}
.blog_thumbnail img {
display: block;
transition: var(--plufix-transition);
-webkit-transition: var(--plufix-transition);
-moz-transition: var(--plufix-transition);
-ms-transition: var(--plufix-transition);
-o-transition: var(--plufix-transition);
}
.blog_box .mkp_overlay::before {
z-index: 2;
}
.blog_box:hover .blog_thumbnail img,
.blog_box:hover .mkp_overlay::before {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.blog_meta.meta_overlay {
z-index: 3;
}
.blog_meta .meta {
color: var(--plufix-text-color);
}
.blog_meta .meta a {
color: var(--plufix-text-color);
}
.blog_meta .meta a:hover {
color: var(--brand-color);
}
.blog_meta .meta i {
color: var(--brand-color);
margin-right: 8px;
}
.blog_meta {
gap: 10px 20px;
} .video_image img {
display: block;
}
.video_btn_wrap {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.video_btn_wrap a {
width: 60px;
height: 60px;
display: inline-block;
color: var(--plufix-white);
background-color: var(--brand-color);
text-align: center;
line-height: 60px;
padding: 0;
font-size: 20px;
border-radius: 50%;
position: relative;
}
.video_btn_wrap a::before,
.video_btn_wrap a::after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--brand-color);
z-index: -1;
border-radius: 50%;
animation: video-overlay 2s normal infinite;
-webkit-animation: video-overlay 2s normal infinite;
}
.video_btn_wrap a::after {
animation-delay: .5s;
}
@keyframes video-overlay {
0% {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
}
.video_area.style-2 .video_btn_wrap a::before,
.video_area.style-2 .video_btn_wrap a::after {
display: none;
} .tst_title .designation {
font-family: var(--plufix-text-font);
font-weight: 400;
font-size: 16px;
margin-top: 10px;
} .accordion-button:focus {
box-shadow: inherit;
}
.accordion-body {
display: none;
}
.accordion-item:not(:last-child) {
margin-bottom: 20px;
}
.accordion-header {
margin-bottom: 0;
}
.accordion-button {
width: 100%;
color: var(--plufix-title-color);
background-color: transparent;
text-align: left;
border: 1px solid var(--plufix-border-color);
padding: 20px;
font-size: 20px;
font-family: var(--plufix-title-font);
font-weight: 600;
cursor: pointer;
position: relative;
}
.accordion-button::before {
content: '\f068';
font-family: "Font Awesome 6 Free";
width: 30px;
height: 30px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
color: var(--plufix-white);
background: var(--brand-color);
position: absolute;
top: 50%;
right: 20px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}
.active .accordion-button::before {
content: '\2b';
}
.accordion-body {
padding: 16px 0px 20px 20px;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: var(--plufix-border-color)
} .text_slip_wrapper {
position: relative;
padding: 10px 0;
display: flex;
white-space: nowrap;
gap: 12px;
}
.text_slip_wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.text_slip_wrapper .single_item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
white-space: nowrap;
animation: text_slip 30s linear normal infinite;
-webkit-animation: text_slip 30s linear normal infinite;
gap: 12px;
}
@keyframes text_slip {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
}
.text_slip_wrapper .single_item h3 {
font-size: 48px;
margin-bottom: 0;
}
.text_slip_wrapper .single_item h3 i {
animation: rotate_360 5s linear reverse infinite;
-webkit-animation: rotate_360 5s linear reverse infinite;
margin-left: 4px;
display: inline-block;
}
@media all and (max-width: 767px) {
.text_slip_wrapper .single_item h3 {
font-size: 30px;
}
}
@media all and (max-width: 1024px) {
.text_slip_wrapper .single_item h3 {
font-size: 42px;
}
}