.poupactive .tp-pop-response {
display: block !important;
}
.tp-dinflex {
display: inline-flex;
align-items: center;
justify-content: center;    
} .elementor-button-wrapper .elementor-button-icon {
display: flex;
align-items: center;
}
.elementor-icon-box-icon .elementor-icon {
position: relative;
}
.elementor-icon:after {
content: "";
position: absolute;
}
.tp-section-child-layer {
position: absolute;
} .tp-flex-equal {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.elementor-widget-wrap:before {
position: absolute;
}
.tp-flex-equal .tp-col {}
.tp-flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.tphovertop:hover {
transform: translateY(-8px);
}
.tphovertop {
transition-duration: .35s;
transition-property: transform;
transition-timing-function: ease-out;
}
.elementor-widget-container {
position: relative;
}
.tp-img-maskyes {
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
} html {
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.6;
overflow-x: hidden;
}
body {
-webkit-font-smoothing: antialiased;
margin: 0;
}
textarea {
vertical-align: top;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
button:focus {
outline: 0;
outline: none !important;
}
button {
border-style: solid;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4em;
}
ul {
margin: 0;
}
a {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
a:hover,
a:focus {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
*:focus {
outline: none !important
}
.tb_dualbg {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
top: 0;
z-index: -1;
overflow: hidden;
}
.tb_dualbg .fbg,
.tb_dualbg .lbg {
height: 100%;
float: left;
}
.tbtr {
-webkit-transition: all .3s;
transition: all .3s;
}
.raw-style {
margin: 0;
padding: 0;
list-style-type: none;
}
.fullink {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}
.purecntr {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.xldscroll-downs .scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15, .41, .69, .94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
}
.elementor-column {
min-height: 0px !important;
}
.xl-btshdw-yes .elementor-image::after {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
margin-left: 20px;
width: calc(100% - 40px);
height: 50px;
left: 0;
box-shadow: 0 22px 40px rgba(27, 27, 26, 0.2);
}
@media only screen and (max-width: 1025px) {
.dsktoponly {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.mbileonly {
display: none;
}
.tb-fixedfooter {
width: 100%;
bottom: 0;
left: 0;
z-index: -1;
position: fixed;
}
}
.xl-raisedhover-yes:hover {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
}
.flexs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto;
}
.flex-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media only screen and (max-width: 1024px) {
.flex-wrap {
display: block;
}
} .meta-clearing10 {
width: 10px;
display: inline-block;
}
.clear-div {
clear: both;
}
.height5 {
height: 5px;
}
.height10 {
height: 10px;
}
.width10 {
width: 10px;
display: inline-block;
}
.no-pad {
padding-left: 0px !important;
padding-right: 0px !important;
}
.gallery-container {
position: relative;
overflow: hidden;
}
.loader,
.loader:after {
border-radius: 50%;
width: 30px;
height: 30px;
z-index: 2;
}
.loader {
font-size: 10px;
top: 50%;
left: 50%;
position: absolute;
text-indent: -9999em;
border-left: 2px solid #ffffff;
border-right: 2px solid #000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.load-wrap {
height: 100%;
position: absolute;
top: 0px;
width: 100%;
z-index: 33;
}
.ae-nav li {
position: relative;
}
.ae-nav {
margin: 0;
padding: 0;
list-style-type: none;
}
.ae-nav.style_two li {
width: 100%;
float: left;
position: relative;
}
.ae-nav.style_three {
display: inline-block;
overflow: hidden;
}
.ae-nav.style_one li {
font-family: "Nunito", sans-serif;
font-weight: bold;
border: 1px solid #eeeeee;
position: relative;
}
.ae-nav.style_one>li+li {
margin-top: 8px;
}
.ae-nav.style_one a {
color: #86909e;
padding: 9px 25px;
display: block;
}
.ae-nav.style_one li:after {
font-family: "FontAwesome";
content: "\f105";
color: #86909e;
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ae-nav.style_one li:hover,
.ae-nav.style_one li.current-menu-item {
background-color: #001a57;
}
.ae-nav.style_one li:hover a,
.ae-nav.style_one li.current-menu-item a {
color: white;
}
.ae-nav.style_one li:hover:after,
.ae-nav.style_one li.current-menu-item:after {
color: white;
}
.ae-nav.style_two li {
width: 50%;
float: left;
margin-bottom: 15px;
}
section.team-section {
overflow: hidden;
}    .about-video-grid {
max-width: 612px;
position: relative;
}
.about-video-grid .video-holder {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-video-grid .video-holder a {
background-color: #fff;
width: 84px;
height: 84px;
line-height: 84px;
font-size: 25px;
font-size: 1.66667rem;
color: #09a223;
text-align: center;
border-radius: 50%;
display: inline-block;
} .social-btn {
margin: 0;
padding: 0;
list-style-type: none;
}
.social-btn li {
position: relative;
display: inline-block;
}
.social-btn>li+li {
margin-left: 15px;
}
.social-btn a {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .ae-gmap {
position: relative;
overflow: hidden;
background-size: cover;
}
.ae-gmap .iconinfo i {
margin-right: 10px;
}
.ae-gmap .open {
float: right;
}
[id^="google-container"] {
position: relative;
overflow: hidden;
height: inherit;
}
#wa-zoom-in,
#wa-zoom-out {
height: 32px;
color: #fff;
width: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
cursor: pointer;
margin-left: 10px;
background-color: #9c9c9c;
}
@media only screen and (min-width: 768px) {
#wa-zoom-in,
#wa-zoom-out {
margin-left: 50px;
}
}
#wa-zoom-in {
background-position: 50% 0;
margin-top: 10px;
margin-bottom: 3px;
}
@media only screen and (min-width: 768px) {
#wa-zoom-in {
margin-top: 50px;
}
}
#wa-zoom-out {
background-position: 50% -32px;
}
.ae-gmap .map-info {
left: 50%;
margin-left: -29%;
background: #fff;
top: 50%;
box-shadow: 0 5px 40px rgba(0, 0, 0, .07);
position: absolute;
width: 100%;
max-width: 300px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
} .pricing-grids {
text-align: center;
}
.pricing-header .popular {
background-color: #f64545;
color: #fff;
padding: 2px 15px;
position: absolute;
left: 50%;
top: -25px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 5px 5px 0 0;
} .grid-wrap {
position: relative;
}
.case-studies-grids.masonry-on .grid {
padding-bottom: 30px;
} .pricing-grids .pricing-header {
padding: 50px 65px;
text-align: center;
position: relative;
}
.meta-clearing-color {
background: #e1e2e3;
height: 1px;
}
.blog-grids.related-carousel {
padding-bottom: 35px;
} .tb-timeline-1 .content {
position: relative;
}
.tb-timeline-1 .content:before {
content: '';
background: rgba(232, 23, 23, 0.55);
height: -webkit-calc(100% + 30px);
height: calc(100% + 30px);
width: 2px;
position: absolute;
top: 15px;
left: 10px;
}
.tb-timeline-1 .content .wrap {
margin: 0 0 40px 60px;
position: relative;
}
.tb-timeline-1 .content:after {
content: '';
width: 20px;
height: 20px;
border: 4px solid #434094;
border-radius: 50%;
position: absolute;
top: 0;
left: 1px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.tb-timeline-1 .content:last-of-type:before {
display: none;
}
.tb-timeline-1.hoverotate .content:hover:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} .tb-social-1 a {
height: 80px;
float: left;
line-height: 80px;
position: relative;
overflow: hidden;
color: white;
}
.tb-social-1 a .icon {
width: 100%;
text-align: center;
position: absolute;
opacity: 0;
top: 60%;
left: 0;
-webkit-transition-property: opacity, top;
-o-transition-property: opacity, top;
transition-property: opacity, top;
}
.tb-social-1 a .social-text {
position: relative;
top: 0;
opacity: 1;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-transition-property: opacity, top;
-o-transition-property: opacity, top;
transition-property: opacity, top;
}
.tb-social-1 a:hover {
background: white !important;
color: #44acfe;
}
.tb-social-1 a:hover .icon {
opacity: 1;
top: 41%;
color: black;
}
.tb-social-1 a:hover .social-text {
opacity: 0;
top: -31px;
color: black;
}
@media screen and (max-width: 768px) {
.tb-social-1 a .icon {
opacity: 1;
position: static;
}
}
.tb-social-2 ul {
display: inline-block;
padding: 0;
margin: 0;
}
.tb-social-2 li {
display: inline-block;
list-style-type: none;
}
.tb-social-2 a {
position: relative;
padding-bottom: 3px;
margin: 0px 3px;
}
.tb-social-3 ul {
display: inline-block;
padding: 0;
margin: 0;
}
.tb-social-3 li {
display: inline-block;
}
.tb-social-3 a {
display: block;
text-align: center;
}  .tscore {
display: inline-flex;
font-size: 18px;
color: #ccc;
position: relative;
overflow: hidden;
text-align: left;
}
.tscore::before,
.tscore span::before {
content: "\2605\2605\2605\2605\2605";
display: block;
}
.tscore span {
color: gold;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
} .layer-item {
position: absolute;
width: 100%;
} ul.price-list {
padding: 0;
margin: 0;
}
ul.price-list li {
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
ul.price-list span.wrapper {
overflow: hidden;
display: block;
}
ul.price-list li span.inner {
display: table;
}
ul.price-list li span.item-name,
ul.price-list li span.price {
font-size: 20px;
display: table-cell;
position: relative;
padding-bottom: 2px;
overflow: hidden;
}
ul.price-list li span.item-name:after {
content: "";
position: absolute;
bottom: 50%;
margin-left: 10px;
width: 100%;
border-bottom: 1px dotted #d8d8d8;
}
ul.price-list li span.item-name+span.price {
text-align: right;
width: 1%;
vertical-align: bottom;
padding-left: 20px;
}
ul.price-list span.desc {
font-size: 16px;
color: #a0a0a0;
line-height: 1.3;
margin-top: 10px;
display: block;
}
ul.price-list li img {
float: left;
width: 80px;
margin-right: 25px;
}
ul.price-list.list-button li span.inner {
display: table-cell;
vertical-align: middle;
}
ul.price-list.list-button li span.item-name {
font-size: 20px;
}
ul.price-list.list-button li span.price {
font-size: 15px;
margin-top: 0;
margin-bottom: 10px;
display: block;
}
ul.price-list.list-button span.button-wrapper {
display: table-cell;
vertical-align: middle;
text-align: right;
}
ul.price-list.list-button li {
padding-bottom: 25px;
margin-bottom: 20px;
display: table;
border-bottom: 1px solid #e8e8e8;
}
ul.price-list.list-button li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none !important;
}
.price-button {
display: inline-block;
font-size: 14px;
padding: 8px 25px;
cursor: pointer;
position: relative;
text-decoration: none !important;
text-align: center;
-webkit-appearance: none;
outline: none;
border: 2px solid;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.price-button:hover {
color: #fff;
}
.pricing-head {
border-bottom: 1px solid #eee;
padding-bottom: 25px;
}
.tb-underline {
display: inline-block;
}
.tb-underline::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #000;
transition: width .3s;
}
.tb-underline:hover::after {
width: 100%;
} .lazyload {
background-image: linear-gradient(to left, #f5f5f5 0%, #efefef 15%, #f5f5f5 40%, #f5f5f5 100%);
background-repeat: no-repeat !important;
background-color: #f5f5f5;
background-size: 900px 1700px !important;
background-position: center center !important;
animation: wbangonpreload 1s infinite linear forwards;
-webkit-animation: wbangonpreload 1s infinite linear forwards;
}
}
@-webkit-keyframes wbangonpreload {
from {
background-position: -800px 0
}
to {
background-position: 100px 0
}
}
@keyframes wbangonpreload {
from {
background-position: -800px 0
}
to {
background-position: 100px 0
}
} .aegrid-gallery .gallery-item {
margin: 0px;
float: left;
overflow: hidden;
}
.aegrid-gallery .gallery-item a {
overflow: hidden;
position: relative;
display: block;
}
.aegrid-gallery .gallery-item .overlay.no-spacing {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.aegrid-gallery .gallery-item .overlay {
width: 100%;
height: 100%;
position: absolute;
text-align: center;
top: 0px;
left: 0px;
opacity: 0;
cursor: pointer;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .20s ease-in-out;
-o-transition: .20s ease-in-out;
transition: .20s ease-in-out;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
.aegrid-gallery .gallery-item .content-center {
display: table;
width: 100%;
height: 100%;
}
.aegrid-gallery .gallery-item .inline {
margin: 0;
}
.aegrid-gallery .gallery-item .tbicon {
line-height: inherit;
}
.aegrid-gallery .gallery-item .wrap {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
position: relative;
overflow: hidden;
}
.aegrid-gallery .gallery-item:hover .overlay {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.aegrid-gallery .gallery-item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.aegrid-gallery .gallery-item img {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all 0.6s ease 0s;
vertical-align: middle;
height: inherit;
object-fit: cover;
}
.justified .item {
float: left;
} .tb-process-1 .gridwrap {
float: left;
}
.tb-process-1 .number b {
position: relative;
}
.tb-process-1 .tb-counter {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
} .video-pop {
position: relative;
}
.video-pop i {
width: 50px;
height: 50px;
text-align: center;
margin: auto;
color: white;
padding: 0;
z-index: 4;
cursor: pointer;
font-size: 12px;
background: #582dc6;
border-radius: 50%;
line-height: 50px;
}
.video-pop.has-bg i {
position: absolute;
text-align: center;
margin: auto;
color: white;
padding: 0;
z-index: 4;
cursor: pointer;
font-size: 12px;
background: #582dc6;
border-radius: 50%;
line-height: 50px;
}
.video-pop.has-bg.centericon i {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-pop a {
display: inline-block;
position: relative;
}
.video-pop img {
width: 100%;
display: block;
transition: all 0.3s;
}
.video-pop .btn-label {
padding-left: 10px;
}
.video-pop:not(.has-bg) i:hover {
transform: scale(.9);
}
.video-pop i {
animation-delay: .2s;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
.tpswiper{
display: none;
}
.tpswiper.swiper-container-initialized{
display: block;
}
.tpswiper.swiper-initialized{
display: block;
}
.tpswiper .tp-arrow {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 1140px;
transform: translate(-50%, -50%);
margin: auto;
z-index: 1;
}
.tpswiper .khbprnx {
position: absolute;
top: 50%;
width: 35px;
height: 35px;
text-align: center;
font-size: 10px;
opacity: 0;
cursor: pointer;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
display: flex !important;
align-items: center;
justify-content: center;
}
.tpswiper .khbnxt {
left: 0px;
overflow: hidden;
}
.tpswiper .khbprev {
right: 0px;
}
.tpswiper:hover .khbprnx {
opacity: 1;
}
.tpswiper:hover .khbnxt {
left: 10px;
}
.tpswiper:hover .khbprev {
right: 10px;
}
.tpswiper .swiper-pagination span {
margin: 0 3px;
width: 8px;
height: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #000;
opacity: 1;
-webkit-transition: all .3s cubic-bezier(.32, .74, .57, 1);
-moz-transition: all .3s cubic-bezier(.32, .74, .57, 1);
-ms-transition: all .3s cubic-bezier(.32, .74, .57, 1);
-o-transition: all .3s cubic-bezier(.32, .74, .57, 1);
transition: all .3s cubic-bezier(.32, .74, .57, 1);
}
.tpswiper .swiper-pagination span.swiper-pagination-bullet-active {
width: 20px;
opacity: 1;
border-radius: 5px;
background: red;
box-shadow: none;
}
.tpswiper.center_mode .swiper-slide {
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.tpswiper.center_mode .swiper-slide.swiper-slide-active {
-webkit-transform: scale(1);
transform: scale(1);
} .testimonial-1 .tp-flex-equal .tp-col {
display: flex;
flex-direction: column;
justify-content: center; }
.testimonial-1 .inner {
display: inline-block;
}
.testimonial-1 .thumb {
overflow: hidden;
}
.testimonial-1 .info .name {
margin: 0px;
} .no-ovrflow {
overflow: hidden;
}
.anim-fade {
-webkit-animation-name: wa-fade-anim;
-moz-animation-name: wa-fade-anim;
-o-animation-name: wa-fade-anim;
animation-name: wa-fade-anim;
-webkit-animation-duration: .8s;
-moz-animation-duration: .8s;
-o-animation-duration: .8s;
animation-duration: .8s;
}
@keyframes wa-fade-anim {
from {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
to {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
#tb-top {
position: fixed;
right: 30px;
bottom: 30px;
height: 46px;
width: 46px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
visibility: hidden;
opacity: 0;
color: #7e7e7e;
background-color: transparent;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#tb-top i {
position: absolute;
top: 14px;
left: 20px;
}
#tb-top.prg-visible {
visibility: visible;
opacity: 1;
}
#tb-top .tbprogress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: relative;
background: #f4f5fa;
box-shadow: none;
display: inline-block;
width: 100%;
margin-bottom: 15px;
overflow: inherit;
position: relative;
height: 5px;
margin-top: 10px;
}
#tb-top svg path {
fill: none;
}
#tb-top svg.progress-circle path {
stroke: #7141f9;
stroke-width: 3;
} .tp-post-pagination .page-numbers {
list-style-type: none;
margin: 0;
padding: 0;
}
.tp-post-pagination .page-numbers li {
display: inline-block;
}
.tp-post-pagination .page-numbers .dashicons {
line-height: inherit;
width: auto;
height: auto;
font-size: inherit;
}
.tp-post-pagination .page-numbers li a,
.tp-post-pagination .page-numbers li span {
display: flex;
width: 36px;
height: 36px;
border: 1px solid #DBDDDE;
justify-content: center;
align-items: center;
}  .xlm-topbar .xlmega-right-info {
display: inline-block;
vertical-align: middle;
}
.headersocial li,
.headerinfo li {
display: inline-block;
}
.xlm-topbar .linksocial {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #13287d;
transition: all .3s ease 0s;
} .tp-header-flex-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1140px;
margin: 0px auto;
height: inherit;
}
.tp-header-flex-wrap .khbnavright {
display: flex;
justify-content: flex-end;
align-items: center;
}
.khbnavright .inrwrpr {
display: flex;
align-items: center;
}
.tp-menu-wrap {
display: flex;
margin: 0;
list-style: none;
padding: 0;
flex-wrap: wrap;
align-items: center;
}
.tp-menu-wrap li {
display: inline-block;
position: relative;
}
.tp-menu-wrap>li>a {
display: block;
position: relative;
}
.tp-menu-wrap .sub-menu {
margin-left: 0;
left: 0;
list-style: none;
padding: 0;
position: absolute;
top: 100%;
visibility: hidden;
width: 250px;
opacity: 0;
margin-top: 30px;
transition: all 0.3s ease 0s;
box-shadow: 0 3.75rem 7.5rem 0 rgb(0 0 0 / 14%);
}
.tp-menu-wrap li:hover>.sub-menu {
margin-top: 0;
opacity: 1;
visibility: visible;
z-index: 999;
}
.tp-menu-wrap .sub-menu li .sub-menu {
top: 0;
left: 100%;
right: auto;
}
.tp-menu-wrap .sub-menu li .sub-menu li {
display: block;
}
.tp-menu-wrap li.thepack_mega_menu {
position: static;
}
.thepack-mega-menu-wrapper {
margin-left: 0;
width: 100vw;
left: 0;
list-style: none;
padding: 0;
position: absolute;
top: 100%;
z-index: -999;
visibility: hidden;
opacity: 0;
margin-top: 30px;
transition: all 0.3s ease 0s;
}
.tp-menu-wrap li.thepack_mega_menu:hover .thepack-mega-menu-wrapper {
margin-top: 0;
opacity: 1;
visibility: visible;
z-index: 999;
}
.tp-menu-wrap .xlmegamenu-content-wrapper {
margin-left: 0;
left: 0;
list-style: none;
padding: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
margin-top: 30px;
transition: all 0.3s ease 0s;
}
.tp-menu-wrap li:hover .xlmegamenu-content-wrapper {
margin-top: 0;
opacity: 1;
visibility: visible;
}
.tp-menu-wrap li.tp_mega_menu {
position: static;
} .xlmega-header.abspos {
position: absolute;
width: 100%;
left: 0;
z-index: 2;
}
.xlmega-sticky-wrapper.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3;
transition: all 0.3s;
background: black;
-webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 3%);
box-shadow: 0 4px 30px rgb(0 0 0 / 3%);
}
.xlmega-sticky-wrapper:not(.fixed) .logosticky,
.xlmega-sticky-wrapper.fixed .logomain {
display: none;
}
.xlmega-header .menubarwrp .header-cta {
position: relative;
top: 0;
}
.xlmega-header .menubarwrp .header-cta:hover {
top: -3px;
}
.xlmega-header .menubarwrp .tp-navbar-toggle {
cursor: pointer;
} .tp-menu-wrap .sub-menu li,
.tp-menu-wrap .sub-menu li a {
display: block;
line-height: initial;
} @media (max-width: 1024px) {
.xlmega-header .xlm-topbar,
.xlmega-header .khbnavcenter,
.xlmega-header .menubarwrp .header-cta {
display: none;
}
}
@media (min-width: 1024px) {
.tp-navbar-toggle.hideondesktop {
display: none;
}
} .xlmega-header.menu-is-opened .click-capture {
visibility: visible;
transform: translateX(0);
}
.click-capture {
position: fixed;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
z-index: 4;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
background: #00000066;
}
.xlmega-header .offsidebar.right {
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.xlmega-header.menu-is-opened .offsidebar.right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 65px rgb(0 0 0 / 7%);
}
.xlmega-header .offsidebar.left {
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.xlmega-header.menu-is-opened .offsidebar.left {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 0 0 65px rgb(0 0 0 / 7%);
}
.xlmega-header .offsidebar {
position: fixed;
max-width: 320px;
padding: 2em 1em;
overflow-y: auto;
top: 0;
bottom: 0;
width: 100%;
z-index: 10;
background-color: #fff;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
} .momenu-list .sub-menu{
display:none;
list-style-type: none;
}
.momenu-list li{
position:relative;
}
ul.momenu-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.xlmega-header .momenu-list>li {
position: relative;
}
.xlmega-header .momenu-list>li>a {
display: block;
}
.xlmega-header .momenu-list li.menu-item-has-children>a span {
transition: .1s;
right: 0;
position: absolute;
}
.xlmega-header .offsidebar .sub-menu {
padding: 3px 0px 3px 20px;
}
.xlmega-header .momenu-list .sub-menu {
display: none;
} .leffect-1 i {
font-size: inherit;
vertical-align: middle;
width: auto;
height: auto;
margin-right: 5px;
} .tp-pop-response {
position: fixed;
width: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
display: none;
}
.tp-pop-response .inner {
max-width: 1140px;
margin: 0px auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
}
.tp-pop-response .close {
color: black;
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
border-radius: 50%;
} .tp-page-loader-wrap {
position: fixed;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: white;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;    
}
.tp-page-loader-wrap .loader {
border-left-color: #ffffff;
} .tp-progress-wrap svg {
position: absolute;
}
.tp-progress-wrap {
position: fixed;
opacity: 0;
visibility: hidden;
cursor: pointer;
border-radius: 50%;
transform: translateY(15px);
display: flex;
justify-content: center;
align-items: center;
}
.tp-progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.tp-progress-wrap svg path {
fill: none;
}
.tp-progress-wrap svg.progress-circle path {
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
} .tp-reading-progress {
position: fixed;
left: 0;
width: 100%;
}
.tp-reading-progress .progress {
transition: all linear 0.1s;
width: 0%;
} .tp-site-share {
position: fixed;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-wrap: nowrap;
flex-direction: column;
}
.tp-site-share a {
width: 40px;
height: 40px;
align-items: center;
display: inline-flex;
justify-content: center;
color: white;
}
.tp-site-share .facebook {
background: #395793;
}
.tp-site-share .twitter {
background: #1c9deb;
}
.tp-site-share .linkedin {
background: #21577e;
}
.tp-site-share .whatsapp {
background: #48a91f;
}
.tp-site-share .pinterest {
background: #b8171c;
}
.tp-site-share .email {
background: #333;
}
.tp-site-share .telegram {
background: #2481CC;
} .elementor-image-gallery .gallery-item{
position: relative;
}
.elementor-image-gallery  .purecntr {
display: flex;
justify-content: center;
align-items: center;
opacity:0;
}
.elementor-image-gallery .gallery-item:hover .purecntr{
opacity:1;
} .tp-section-sticky {
position: fixed;
left: 0;
right: 0;
}
.tp-section-sticky-hide {
display: none;
}
.tp-column-sticky {
position: fixed;
top: 0;
} .swiper-button-next.prnx:after, .swiper-button-prev.prnx:after{
display:none;
} .darkmode-layer,.darkmode-toggle {
z-index: 5;
}
.darkmode-ignore {
z-index: 6
}
.darkmode--activated .darkmode-ignore{
z-index: 6
}