@charset 'UTF-8';
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/img/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/slick.eot);
src: url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/slick.woff) format('woff'), url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/slick.ttf) format('truetype'), url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }:root {
--heading-color: #050505;
--text-color: #050505;
--accent-color: #C6F906;
--white-color: #F5F5F5;
--white-bg: #ffffff;
--dark-bg: #050505;
--gray-bg: #F5F5F5;
--neutral-01: #959595;
scroll-behavior: auto;
--body-font: 'Space Grotesk', sans-serif;
--heading-font: 'Space Grotesk', sans-serif;
} @media only screen and (min-width: 1115px) and (max-width: 5000px) {
.arcatec-main-menu-wrap .arcatec-header-buttons {
min-width: fit-content;
display: flex;
align-items: center;
} .main-navigation {
display: flex;
width: 100%;
}
}
a.arcatec-dual-button-primary {
display: inline-flex;
justify-content: center;
align-items: center;
}
a.arcatec-dual-button-secondary {
display: inline-flex;
justify-content: center;
align-items: center;
} .arcatec-service-widget-item {
transition: 0.4s;
padding: 40px;
height: 490px;
}
.service-btn {
margin-top: -55px;
}
.arcatec-service-widget-item:hover .arcatec-default-btn.service-btn{
visibility: visible;
opacity: 1;
margin-top: 45px;
}
.service-content {
position: relative;
margin-top: 100px;
transition: all 0.4s;
}
.arcatec-service-widget-item:hover .service-content{
margin-top: 55px;
}
.service-thumbnail img{
transition: all 0.4s ease;
}
.arcatec-service-widget-item:hover .service-thumbnail img {
width: 100px!important;
}
.arcatec-author-data h4 span{
font-size: 18px;
line-height: 1;
} .style-two .arcatec-service-widget-item {
height: 420px;
}
.style-two .arcatec-service-widget-item:hover .service-thumbnail img {
width: 60px!important;
}
.style-two .arcatec-service-widget-item:hover .service-btn {
margin-top: 30px;
} .screenshot-slider-arrow .slick-prev:before,
.screenshot-slider-arrow .slick-next:before {
display: none;
}
.screenshot-slider-arrow button button {
display: none;
}
.screenshot-slider-arrow.slick-active {
color: #1D263A;
}
.screenshot-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.screenshot-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.screenshot-slider-arrow .slick-active {
background: #2C4BFF;
color: #fff;
}
.screenshot-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1D263A;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
}
.screenshot-slider-arrow button:hover {
background-color: #1D263A;
color: #fff;
}
.screenshot-slider-wrapper {
position: relative;
margin-top: 20px;
}
.screenshots-dots .slick-dots {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.screenshots-dots .slick-dots li {
list-style: none;
display: inline-block;
margin: 0 5px;
width: 11px;
height: 11px;
border-radius: 50%;
transition: 0.4s;
}
.screenshots-dots .slick-dots li button {
border: none;
list-style: none;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: #f7f9fc;
color: transparent;
opacity: 0.2;
}
.screenshots-dots .slick-dots li button:focus {
outline: none;
box-shadow: none;
}
.screenshots-dots .slick-dots li.slick-active {
background-color: #ffd166 !important;
}
.screenshot-image {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
overflow: hidden;
min-height: 720px !important;
max-height: 720px !important;
}
@media (min-width: 690px) {
.screenshot-image {
width: 283px;
min-height: 720px !important;
max-height: 720px !important;
margin-bottom: 18.5px;
}
.bg-purple-heart .slick-dotted.slick-slider {
margin-bottom: 0px;
}
}
@media (min-width: 690px) {
.screenshot-image img {
width: 100%;
border-radius: 20px;
}
}
.phone-bg-img {
position: absolute;
left: 50%;
top: 50%;
z-index: 11;
display: none;
}
@media (min-width: 690px) {
.phone-bg-img {
display: block;
transform: translate(-50%, -50%);
}
}
.screenshot-slider .slick-list {
margin: 0 -23.5px;
}
.screenshot-slider .slick-slide {
opacity: .5;
transition: 0.4s;
}
.screenshot-slider .slick-center {
opacity: 1;
border-radius: 40px;
max-height: 720px !important;
transform: scale(1.1);
min-height: 690px;
}
.screenshot-slider .slick-center img {
border-radius: 40px;
} .arcatec-crypto-widget-item {
padding: 30px;
background-color: #fff;
transition: 0.4s;
border-radius: 3px;
}
.arcatec-crypto-top {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(97, 118, 134, 0.1);
margin-bottom: 24px;
padding-bottom: 24px;
}
.crypto-thumbnail-wrapper {
margin-right: 15px;
}
.crypto-title {
font-size: 24px;
}
.arcatec-crypto-top-content h3 {
margin-bottom: 0;
font-size: 18px;
}
.arcatec-crypto-widget-item .crypto-content p {
margin-bottom: 40px;
}
.arcatec-crypto-bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.arcatec-crypto-button {
font-size: 16px;
border: 2px solid #1A1AFF;
line-height: 26px;
padding: 8px 26px;
color: #1A1AFF;
transition: 0.4s;
border-radius: 3px;
}
.arcatec-crypto-button:hover {
background-color: #1A1AFF;
color: #fff;
border-radius: 3px;
} .arcatec-content-box span {
display: block;
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px;
-o-border-radius: 10px 10px 0px 0px;
}
.arcatec-content-box {
box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
padding: 20px;
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px;
-o-border-radius: 0px 0px 10px 10px;
}
.arcatec-dr-thum img {
width: 100%;
border-radius: 10px 10px 0px 0px;
object-fit: contain;
object-position: center top;
}
.arcatec-dr-rating {
position: absolute;
top: 18px;
border: 0.5px solid #00BB98;
border-radius: 10px;
background-color: #fff;
padding: 3px 13px;
left: 20px;
}
.arcatec-dr-thum {
position: relative;
}
.arcatec-dr-rating i {
color: #00BB98;
margin-right: 10px;
}
.arcatec-dr-rating-number {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #00BB98;
}
.arcatec-content-box .arcatec-dr-name {
color: #000B33;
font-size: 16px;
text-transform: capitalize;
font-weight: 600;
line-height: 24px;
margin-bottom: 10px;
}
.arcatec-content-box span.arcatec-dr-catgory {
color: #2B59FF;
font-weight: 600;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
}
.arcatec-content-box .arcatec-dr-Designation {
color: #000B33;
font-size: 16px;
line-height: 26px;
margin-bottom: 3px;
}
.arcatec-content-box .arcatec-dr-deggre {
color: #000B33;
font-size: 14px;
line-height: 21px;
margin-bottom: 20px;
}
.arcatec-contetn-bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.arcatec-contetn-bottom .arcatec-dr-available {
color: #00BB98;
font-size: 14px;
font-weight: 600;
line-height: 21px;
}
.arcatec-dr-btn {
min-width: 101px;
text-align: center;
background: #FD4C5C;
border-radius: 3px;
font-size: 16px;
color: #fff !important;
min-height: 30px;
align-items: center;
line-height: 30px;
} .arcatec-step-single-item {
display: flex;
padding-bottom: 40px;
position: relative;
flex-wrap: wrap;
}
.arcatec-step-text-box {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background-color: #781BFF;
margin-right: 30px;
text-align: center;
display: inline-table;
}
.arcatec-step-text-box span {
font-size: 20px;
color: #fff;
line-height: 1.3em;
font-weight: 600;
}
.arcatec-setp-content .setp-headding {
color: #000B33;
margin-bottom: 5px;
line-height: 1.3em;
font-weight: 600;
font-size: 20px;
}
.arcatec-step-single-item:last-child {
padding-bottom: 0;
}
.arcatec-setp-content p {
margin-bottom: 0;
color: rgba(0, 10, 45, 0.7);
font-size: 16px;
line-height: 1.625em;
}
.arcatec-setp-content {
width: calc(100% - 80px);
}
.arcatec-step-text-box:after {
position: absolute;
left: 0;
bottom: 0;
}
.arcatec-step-single-item:after {
position: absolute;
left: 23.5px;
top: 55px;
height: calc(100% - 60px);
content: "";
width: 2px;
background: #1A1AFF;
}
.arcatec-step-single-item:last-child:after {
display: none;
} .salary-range {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.salary-range span svg,
.salary-range span i {
margin-right: 5px;
}
.salary-range {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.jobs-area {
padding-top: 55px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.salary-range {
display: block;
}
.salary-range span {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.jobs-area {
padding-top: 75px;
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.jobs-area {
padding-top: 110px;
padding-bottom: 95px;
}
}
@media (max-width: 991px) {
.jobs-filter {
margin-bottom: 50px;
}
}
.jobs-filter__title {
font-size: 21px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.4285;
margin-bottom: 30px;
}
.jobs-filter__menu {
padding: 0;
margin: 0;
display: block;
}
.jobs-filter__menu ul li {
font-size: 18px;
font-weight: 500;
letter-spacing: normal;
line-height: 30px;
color: #262729;
display: block;
transition: 0.4s;
position: relative;
background-color: transparent;
border: none;
cursor: pointer;
border-bottom: 1px solid rgba(44, 75, 255, 0.1);
padding: 15px 0px 15px 0px;
}
.jobs-filter__menu ul li:last-child {
border: none;
}
.jobs-filter__menu ul li:hover,
.jobs-filter__menu ul li:active {
color: #2C4BFF;
}
.jobs-area__tab .card {
display: inherit;
}
.jobs-area__tab .card--single {
border-radius: 10px;
border: 1px solid rgba(181, 181, 181, 0.2);
border-radius: 10px;
background-color: #fff;
padding-top: 35px;
padding-bottom: 40px;
padding-left: 50px;
padding-right: 35px;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
position: relative;
}
.jobs-area__tab .card--single:hover {
box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
border: 1px solid transparent;
}
.jobs-area__tab .card--single:hover .job-icon i {
margin-left: 10px;
}
.career-details-box {
padding-left: 50px;
padding-right: 50px;
}
.job-details-page .card-jobs__content ul li {
font-family: var(--body-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.500211px;
color: #696871;
}
.job-details-page .card-jobs__content .job_type_meta {
font-family: var(--body-font);
font-style: normal;
font-weight: 450;
font-size: 13px;
line-height: 16px;
padding: 7px 10px;
border-radius: 5px;
margin-left: 60px;
}
.job-details-page h2.card-jobs__content__heading {
font-family: var(--body-font);
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 1.05em;
text-align: center;
letter-spacing: -2.50105px;
color: var(--heading-color);
margin-bottom: 40px;
margin-top: 20px;
}
.job-details-page .career-details-box p {
font-family: var(--body-font);
font-style: normal;
font-weight: 450;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.500211px;
color: var(--text-color);
margin-bottom: 25px;
}
.job-details-page .career-details-box strong {
font-family: var(--body-font);
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 28px;
letter-spacing: -0.656526px;
color: var(--heading-color);
display: inline-block;
margin-top: 35px;
}
.job-details-page .career-deatils__content ul li {
font-family: var(--body-font);
font-style: normal;
font-weight: 450;
font-size: 16px;
letter-spacing: -0.500211px;
color: var(--heading-color);
position: relative;
margin-bottom: 15px;
}
.job-details-page .career-deatils__content ul li:before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 9px;
height: 9px;
border-radius: 50%;
display: inline-block;
background-color: var(--heading-color);
}
.jobs-area__tab .card--single .card__list {
display: flex;
margin-bottom: 0;
}
a.arcatec-job-btn {
color: #FFFFFF;
}
a.arcatec-job-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 42px;
font-family: var(--body-font);
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 1.28em;
text-align: center;
letter-spacing: -0.656526px;
color: #FFFFFF;
background: var(--accent-color);
border: 1px solid #C31A12;
border-radius: 10px;
}
.arcatec-job-search-form .input-wrap {
position: relative;
}
.arcatec-job-search-form input,
.arcatec-job-search-form select {
width: 100%;
}
.arcatec-job-search-form .input-wrap .input-wrap-icon {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 99;
}
.arcatec-job-search-form .nice-select .current {
display: flex;
align-items: center;
height: 100%;
}
.arcatec-job-search-form .nice-select:after {
right: 25px;
}
.arcatec-job-search-form form {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.job-categories-wrap .arcatec-job-cat {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
transition: 0.4s;
}
.job-categories-wrap .arcatec-job-cat:hover {
background: linear-gradient(90deg, #FF176F 0.01%, #FF573E 100%);
}
.job-categories-wrap .arcatec-cat-contnt {
width: 100%;
}
.job-categories-wrap .arcatec-job-cat-title {
transition: 0.4s;
}
.arcatec-icon-positions-top {
flex-direction: column;
}
.arcatec-icon-positions-top .arcatec-cat-icon {
width: 100%;
flex: 0 0 100%;
}
.arcatec-icon-positions-bottom {
flex-direction: column-reverse;
}
.arcatec-icon-positions-bottom .arcatec-cat-icon {
width: 100%;
flex: 0 0 100%;
}
.arcatec-icon-positions-bottom .arcatec-cat-contnt {
width: inherit;
min-width: 100%;
flex: 0 0 100%;
}
.arcatec-icon-positions-left {
justify-content: start;
}
.arcatec-icon-positions-left .arcatec-cat-icon {
width: 30%;
flex: 0 0 30%;
}
.arcatec-icon-positions-left .arcatec-cat-contnt {
width: inherit;
min-width: 70%;
flex: 0 0 70%;
}
.arcatec-icon-positions-right {
justify-content: end !important;
text-align: right;
flex-direction: row-reverse;
}
.arcatec-icon-positions-right .arcatec-cat-icon {
width: 30%;
flex: 0 0 30%;
}
.arcatec-icon-positions-right .arcatec-cat-contnt {
width: inherit;
min-width: 70%;
flex: 0 0 70%;
}
.job-thumb-yes {
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
}
@media (max-width: 1024px) {
.job-details-page h2.card-jobs__content__heading {
font-size: 60px;
}
}
@media (max-width: 767px) {
.job-details-page h2.card-jobs__content__heading {
font-size: 40px;
margin-bottom: 30px;
}
.career-details-box {
padding-left: 15px;
padding-right: 15px;
}
.job-details-page .career-details-box strong {
margin-top: 15px;
}
.arcatec-job-btn {
padding: 12px 35px;
font-size: 18px;
}
}  .newsletter--inner-career {
background-color: #fff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
.newsletter--inner-career form {
display: flex;
align-items: center;
justify-content: space-between;
}
.newsletter--inner-career form input {
height: 75px;
border: none;
width: 100%;
border-radius: 9px;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
line-height: 30px;
color: rgba(38, 39, 41, 0.7);
}
.newsletter--inner-career form input:focus {
outline: none;
box-shadow: none;
}
.newsletter--inner-career form button {
border: none;
background-color: #FF5722;
color: #fff;
font-size: 15px;
line-height: 26px;
padding: 15px 35px;
box-shadow: 0px 10px 20px rgba(255, 87, 34, 0.25);
}
.newsletter--inner-career form button:focus {
outline: none;
box-shadow: none;
}
.newsletter-form--countdown {
max-width: inherit;
}
@media (min-width: 480px) {
.newsletter-form--countdown {
background-color: #fff;
}
}
.newsletter--inner-career form {
text-align: center;
border-radius: 50px;
padding: 0 10px;
}
@media (min-width: 480px) {
.newsletter--inner-career form {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
text-align: left;
}
;
}
.newsletter--inner-career form .form-control {
background-color: #fff !important;
display: flex;
align-items: center;
border: none;
height: 72px;
border-radius: 50px;
}
@media (min-width: 480px) {
.newsletter--inner-career form .form-control {
background-color: transparent;
margin-bottom: 0;
}
}
.newsletter--inner-career form .form-control i {
margin-right: 10px;
color: #5034FC;
margin-left: 20px;
}
.newsletter--inner-career form .form-control input {
height: 100%;
background-color: transparent;
border: none;
width: 100%;
display: block;
font-family: 'Rubik';
}
.newsletter--inner-career form .form-control input:focus {
border: none;
outline: none;
}
@media (max-width: 767px) {
.newsletter--inner-career form .form-control i {
margin-left: 0;
}
} span.salary-icon {
width: 15%;
}
h5.salary {
width: 85%;
}
.card-jobs {
box-shadow: 0 4px 56px rgba(0, 0, 0, 0.07);
border-radius: 10px;
border: 1px solid rgba(181, 181, 181, 0.2);
background-color: #fff;
padding: 30px 30px;
}
@media (min-width: 576px) {
.card-jobs {
padding: 26px 50px;
}
}
.card-jobs .card-jobs__content__heading {
font-size: 32px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.38095;
color: #262729;
margin-bottom: 10px;
font-family: 'Rubik';
}
@media (min-width: 768px) {
.card-jobs .card-jobs__content__heading {
font-size: 35px;
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.card-jobs .card-jobs__content__heading {
font-size: 42px;
}
}
.card-jobs .card-jobs__content__details {
margin: 0;
padding: 0;
}
.card-jobs .card-jobs__content__details li {
font-size: 18px;
font-weight: 400;
letter-spacing: normal;
line-height: 32px;
color: rgba(38, 39, 41, 0.7);
margin-right: 15px;
}
.card-jobs .card-jobs__content__details li i {
margin-right: 5px;
color: #5034fc;
}
.card-job__btn a.falsland-job-btn {
padding: 15px 42px;
display: block;
margin-top: 13px;
background-color: #FF5722;
box-shadow: 0px 10px 20px rgba(255, 87, 34, 0.25);
color: #fff;
}
a.falsland-job-btn.border {
background-color: transparent;
color: #FF5722;
border: 1px solid #FF5722 !important;
box-shadow: inherit;
}
.career-deatils__content__heading {
font-size: 24px;
font-weight: 500;
letter-spacing: normal;
line-height: 40px;
color: var(--heading-color);
margin-bottom: 20px;
}
.career-deatils__content__text {
font-size: 18px;
font-weight: 400;
letter-spacing: normal;
line-height: 32px;
color: var(--text-color);
}
.career-deatils__content ul {
padding: 0;
margin: 0;
}
.career-deatils__content ul li {
font-size: 18px;
font-weight: 400;
letter-spacing: normal;
line-height: 32px;
list-style: none;
padding-left: 25px;
position: relative;
margin-bottom: 15px;
}
.career-deatils__content ul li:before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
background-color: #5034fc;
}
.job-details-page {
background-color: #F3F4F6;
margin-top: -100px;
padding-top: 150px;
} .arcatec-single-job-meta-widget ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.job-meta-label {
font-weight: 600;
margin-right: 5px;
}
ul.job-meta li {
display: inline-block;
}
.arcatec-single-job-meta-widget {
padding: 40px 30px;
}
.arcatec-single-job-meta-widget.style-two span.job-meta-label {
display: block;
}  .arcatec-portfolio-item {
display: block;
}
.arcatec-addons-portfolio-item {
position: relative;
overflow: hidden;
}
.arcatec-addons-portfolio-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 100%;
object-fit: cover; margin-bottom: 0 !important;
}
a.arcatec-addons-portfolio-content.content-postion-on-image {
position: absolute;
bottom: 15px;
background-color: rgba(255, 255, 255, 0.85);
left: 15px;
right: 15px;
padding: 20px 30px;
border-radius: 8px;
color: #161c2d;
transition: .4s;
transform: translatex(-10%);
opacity: 0;
}
a.arcatec-addons-portfolio-content .arcatec-addons-pf-category {
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
text-transform: uppercase;
margin-bottom: 7px;
color: rgba(22, 28, 45, .5);
}
h3.arcatec-addons-portfolio-title {
font-size: 21px;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 32px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
}
.arcatec-addons-portfolio-item:hover a.arcatec-addons-portfolio-content.content-postion-on-image {
opacity: 1;
transform: translate(0);
}
ul.pf-isotope-nav {
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
display: flex;
justify-content: center;
margin-bottom: 60px;
}
ul.pf-isotope-nav:last-child li {
margin-right: 0;
}
ul.pf-isotope-nav li { color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-right: 55px;
cursor: pointer;
transition: .3s;
}
@media (max-width: 767px) {
ul.pf-isotope-nav li {
flex: 0 0 33%;
text-align: center;
}
}
ul.pf-isotope-nav li span {
display: flex;
height: 55px;
align-items: center;
padding: 10px 20.5px;
background-color: #13111A;
}
ul.pf-isotope-nav li span img {
margin-right: 10px;
}
a.arcatec-addons-portfolio-content.content-postion-below-image {
display: block;
position: relative;
padding: 40px 30px;
}
.arcatec-addons-pf-loadmore-btn {
cursor: pointer;
font-size: 13px;
color: #030303;
font-weight: 700;
text-transform: uppercase;
border: 1px solid;
letter-spacing: 1.63px;
border: 1px solid rgba(3, 3, 3, 0.3);
}
.arcatec-addons-hover-rotate .arcatec-addons-portfolio-item:hover img {
transform: scale(0.8) rotate(-6deg);
border-radius: 20px;
box-shadow: 0 32px 74px rgba(68, 77, 136, 0.2);
}
.arcatec-addons-hover-rotate .arcatec-addons-portfolio-item img {
transition: .4s;
}
a.arcatec-addons-portfolio-content.content-postion-disabled {
display: none;
}
ul.jf-isotope-nav {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 60px;
}
ul.jf-isotope-nav li { color: #6f727b;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
text-transform: uppercase;
display: inline-block;
margin-right: 55px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
}
ul.jf-isotope-nav li.active,
ul.jf-isotope-nav li:hover {
color: var(--accent-color);
}
.arcatec-portfolio-content.content-postion-below-image {
display: block;
position: relative;
padding: 40px 30px;
}
.arcatec-jf-loadmore-btn {
cursor: pointer;
font-size: 13px;
color: #030303;
font-weight: 700;
text-transform: uppercase;
border: 1px solid;
letter-spacing: 1.63px;
border: 1px solid rgba(3, 3, 3, 0.3);
} ul.pf-meta {
padding: 0;
display: flex;
justify-content: space-between;
margin: 0;
}
ul.pf-meta li span {
display: block;
}
@media only screen and (min-width: 320px) and (max-width:767px) {
ul.pf-meta {
display: block;
}
}       .single-item {
transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
@media (min-width: 1200px) {
.team-area-style-01 .slick-list {
width: 155%;
}
}
.team-wrapper img {
width: 100%;
object-fit: cover;
object-position: center top;
transition: 0.4s;
} .team-area .slick-prev:before,
.team-area .slick-next:before {
display: none;
}
.team-single-item:focus {
outline: none;
box-shadow: none;
}
.team-slider ul.team-slider-dot-list {
margin-top: 25px;
text-align: center;
display: flex;
justify-content: center;
}
.team-slider ul.team-slider-dot-list {
list-style: none;
left: 0;
bottom: 0;
margin-bottom: 0px;
padding: 0;
}
.team-slider ul.team-slider-dot-list li.slick-active {
width: 10px !important;
height: 10px !important;
background: #2C4BFF !important;
opacity: 1;
}
.team-slider ul.team-slider-dot-list li {
border-radius: 50%;
width: 10px;
height: 10px;
opacity: .3;
margin: 0 4px;
background: #1E3D59;
cursor: pointer;
}
.team-slider ul.team-slider-dot-list li button {
display: none;
}
.team-slider-arrow .slick-active {
color: #1D263A;
}
.team-slider-arrow img {
font-size: 20px;
color: #ddd;
margin: 0px 13px;
cursor: pointer;
}
@media (min-width: 1200px) {
.team-slider ul.team-slider-dot-list {
margin-top: 40px;
}
}
.team-single-item {
margin-bottom: 12px;
margin-right: 24px;
}
.team-area {
margin-right: -24px;
margin-bottom: -24px;
}
.team-area .hover-one .team-image img {
transition: all 0.4s ease-in-out;
}
.team-area .hover-one .team-image:hover img {
transform: scale(1.1);
} .team-wrapper {
position: relative;
}
.user-identity .team-single-item {
margin: 0;
}
.team-single-item {
display: block;
position: relative;
transition: 0.4s;
}
.social-icons ul {
margin: 0;
padding: 0;
list-style: none;
}
.team-wrapper .social-icons ul li {
margin: 0px 5px;
}
.team-wrapper .social-icons ul li:last-child {
margin-right: 0;
}
.team-wrapper .social-icons ul li:first-child {
margin-left: 0;
}
.team-wrapper .social-icons ul li i {
color: #13111A;
transition: all 0.4s;
}
.team-wrapper .social-icons ul li:hover i {
color: #FFE03B;
}
.team-wrapper img {
border-radius: 10px;
}
.team-wrapper .user-identity h6 {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
color: #000000;
margin-top: 15px;
margin-bottom: 5px;
}
.team-wrapper .user-identity span {
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #000000;
opacity: 0.8;
} .style-one .team-thumb{
position: relative;
}
.style-one .team-thumb {
position: relative;
}
.style-one .team-thumb:before, 
.style-one .team-thumb:after {
content: "";
left: 50%;
top: 50%;
width: 200px;
height: 200px;
opacity: 1;
visibility: visible;
position: absolute;
border-radius: 100%;
transition: all 0.4s;
transform: translate(-50%, -50%);
border: 1px solid var(--heading-color);
}
.style-one .team-single-item:hover .team-thumb:before{
border: 10px solid var( --accent-color);
}
.style-one .team-thumb:after {
opacity: 0;
width: 180px;
height: 180px;
visibility: hidden;
background-color: rgba(5, 5, 5, 0.4);
border: 1px solid transparent;
} 
.style-one .team-single-item:hover .team-thumb:after {
opacity: 1;
visibility: visible;
} 
.style-one .team-thumb a {
display: block;
}
.style-one .social-icons {
position: absolute;
top: 60%;
left: 50%;
z-index: 1;
opacity: 0;
transition: all 0.4s;
visibility: hidden;
transform: translate(-50%, -50%);
}
.style-one .team-single-item:hover .social-icons{
top: 50%;
opacity: 1;
visibility: visible;
}
.style-one .social-icons ul {
line-height: 1;
}
.style-one .social-icons ul li {
display: inline-block;
margin-right: 12px;
}
.style-one .social-icons ul li a i {
transition: all 0.4s;
}
.style-one .social-icons ul li:last-child {
margin-right: 0;
}
.style-one .team-content-top {
position: absolute;
bottom: -24px;
opacity: 0;
padding: 24px;
visibility: hidden;
transition: all 0.4s;
}
.style-one .team-single-item:hover .team-content-top {
opacity: 1;
visibility: visible;
bottom: 0;
}
.style-one .user-identity h6{
transition:all 0.4s
}
.style-one .team-single-item:hover .user-identity h6{
text-decoration: underline;
}
@media (max-width: 767px) {
.style-one .team-thumb:after {
opacity: 1;
visibility: visible;
}
.style-one .team-thumb:before{
border: 10px solid var( --accent-color);
}
.style-one .social-icons{
top: 50%;
opacity: 1;
visibility: visible;
}
.style-one .team-content-top {
bottom: 0;
opacity: 1;
visibility: visible;
}
.style-one .user-identity h6{
text-decoration: underline;
}
} .team-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.team-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.team-slider-arrow .slick-active {
background: #2C4BFF;
color: #fff;
}
.team-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1D263A;
margin: 0px 13px;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(44, 71, 255, 0.6);
line-height: 60px;
text-align: center;
}
.team-slider-arrow button:hover {
background-color: #1D263A;
color: #fff;
} .arcatec--tn-dis p:last-child {
margin-bottom: 0px !important;
}
.testimonial-slider-arrow {
position: absolute;
width: 100%;
} .arcatec--tn-single.style-one {
text-align: left !important;
}
.arcatec--tn-single.style-one .arcatec--tn-icon {
margin-bottom: 30px;
position: unset;
}
.arcatec--tn-single.style-one .arcatec--tn-name {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
color: #000B33;
} .arcatec--tn-single.style-two {
background-color: #fff;
box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
border-radius: 10px;
padding: 30px;
text-align: left !important;
margin-top: 55px;
}
.arcatec--tn-single.style-two .arcatec--t-thumb:after {
background: linear-gradient(90deg, #8C30F5 0%, #FF4B5C 100%);
opacity: 0.8;
width: 90px;
height: 90px;
border-radius: 50%;
content: "";
position: absolute;
top: -6px;
left: -6px;
z-index: -1;
}
.arcatec--tn-single.style-two .arcatec--t-thumb img {
width: 78px !important;
height: 78px !important;
z-index: 3;
object-position: center top;
}
.arcatec--tn-single.style-two .arcatec--t-thumb {
position: absolute;
z-index: 1;
top: -45px;
}
.arcatec-tn-bottom-style-two {
margin-top: 30px;
margin-bottom: 16px;
}
.arcatec--tn-single.style-two .arcatec--tn-icon {
position: absolute;
right: 30px;
top: 84px;
color: #FD4C5C;
}
.arcatec-tn-bottom-style-two .arcatec--tn-icon {
position: absolute;
}
.arcatec--tn-single {
position: relative;
} .arcatec--tn-single.style-three .arcatec--tn-dis {
padding: 30px;
background-color: #fff;
border: 1px solid #E9E5EF;
border-radius: 10px;
margin-bottom: 35px;
position: relative;
box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);
}
.arcatec--tn-single.style-three .arcatec--tn-dis p {
margin-bottom: 0px;
text-align: left;
}
.arcatec-tn-bottom-style-three .arcatec--t-thumb img {
margin: 0 auto;
}
.arcatec--tn-single.style-three .arcatec--tn-dis:after {
position: absolute;
width: 25px;
height: 25px;
background-color: #fff;
content: "";
transform: rotate(45deg);
left: calc(50% - 13px);
border-bottom: 1px solid #E9E5EF;
bottom: -13px;
border-left: 1px;
border-right: 1px solid #E9E5EF;
} .arcatec--tn-single.style-four {
border-radius: 10px;
background-color: #fff;
}
.arcatec-tn-bottom-style-four {
display: flex;
align-items: center;
justify-content: space-between;
}
.arcatec-tn-bottom-style-four .arcatec--tn-user-identity {
display: flex;
align-items: center;
}
.arcatec-tn-bottom-style-four .arcatec--tn-name-title {
margin-bottom: 0px;
}
.arcatec--tn-single.style-four {
padding: 40px;
}
.arcatec--tn-dis p {
margin-bottom: 0px;
}
.style-four .testimonial-slider .slick-list {
box-sizing: initial;
} .arcatec-tn-bottom-style-five .arcatec--tn-top .arcatec--t-thumb img {
width: 95px !important;
height: 95px !important;
display: inline-block;
margin-right: 20px;
max-width: fit-content;
}
@media only screen and (min-width: 992px) and (max-width: 2550px) {
.arcatec-tn-bottom-style-five {
display: flex;
}
.arcatec--tn-single.style-five .arcatec--tn-top {
width: 21.5%;
}
.arcatec--tn-single.style-five .arcatec--tn-right {
width: 79.5%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) {
.arcatec--tn-single.style-five .arcatec--tn-right {
margin-left: 25px;
}
}
@media only screen and (min-width: 320px) and (max-width:767px) {
.arcatec--tn-single.style-five .arcatec--tn-right {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width:1024px) {
.arcatec--tn-single.style-five .arcatec--tn-right {
margin-top: 25px;
}
.arcatec-tn-bottom-style-five {
display: inline-block !important;
}
}   .arcatec-tn-bottom-style-five .arcatec--tn-name-title {
margin-bottom: 0;
} .style-eight-top {
padding: 40px;
box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
border-radius: 10px;
background-color: #fff;
position: relative;
text-align: left;
}
.style-eight-top:after {
position: absolute;
left: 5%;
bottom: -28px;
content: "";
border-left: 15px solid transparent;
border-right: 15px solid #fff;
z-index: 99;
border-top: 15px solid #fff;
border-bottom: 15px solid transparent; border-radius: 2px;
}
.arcatec-tn-bottom-style-eight {
display: flex;
align-items: center;
margin-top: 40px;
margin-left: 25px;
text-align: left;
}
.style-eight-top .arcatec--tn-icon {
position: initial;
margin-top: 30px;
color: #FD4C5C;
}
.style-eight-top .arcatec--tn-icon i {
margin-right: 4px;
}
.arcatec-tn-bottom-style-eight .arcatec--tn-name-title {
margin-bottom: 0;
} .arcatec--tn-single.style-nine .arcatec--tn-icon {
position: static;
}
.arcatec-tn-bottom-style-nine {
display: flex;
}
.arcatec--tn-single.style-nine {
background-color: #fff;
box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
border-radius: 10px;
padding: 40px;
}
.arcatec--tn-single.style-nine .arcatec--t-thumb img {
width: 70px !important;
height: 70px !important;
margin-right: 0px;
margin-bottom: 15px;
}
.arcatec--tn-name-title {
margin-bottom: 20px;
}
.arcatec--tn-single.style-nine .arcatec--tn-dis {
font-size: 18px;
color: #000B33;
} .arcatec--tn-single.style-ten {
padding: 40px;
box-shadow: 0px 9px 11px rgb(43 89 255 / 8%);
background-color: #fff;
text-align: left;
}
.arcatec-tn-bottom-style-style-ten {
display: flex;
align-items: center;
text-align: left;
}
.arcatec--tn-single.style-ten .arcatec--tn-dis p {
margin-bottom: 40px;
text-align: left;
}
.arcatec--tn-single.style-ten .arcatec--tn-icon {
color: #FFC83E;
position: absolute;
}
.arcatec--tn-single.style-ten .style-eight-top:after {
display: none;
}
.arcatec-tn-bottom-style-style-ten .arcatec--tn-name-title {
margin-bottom: 0;
}
.arcatec--tn-single,
.arcatec--t-thumb img,
.arcatec--tn-name,
.arcatec--tn-title,
.arcatec--tn-icon,
.arcatec--tn-bottm p,
.arcatec-tn-bottom-style-three {
transition: ease-in-out 0.4s;
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
.arcatec--t-thumb img {
width: 50px !important;
height: 50px !important;
object-fit: cover;
border-radius: 50% !important;
margin-right: 13px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
-o-border-radius: 50% !important;
object-position: center top;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.style-three .testimonial-slider-arrow .slick-prev {
position: absolute;
top: 104%;
left: 30%;
transform: translate(-50%, -50%);
}
.style-three .testimonial-slider-arrow .slick-next {
position: absolute;
top: 104%;
right: 30%;
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.style-three .testimonial-slider-arrow .slick-next {
position: absolute;
top: 104%;
right: 43%;
transform: translate(-50%, -50%);
}
.style-three .testimonial-slider-arrow .slick-prev {
position: absolute;
top: 104%;
left: 43%;
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.style-three .testimonial-slider-arrow .slick-prev {
position: absolute;
top: 100%;
left: 35%;
transform: translate(-50%, -50%);
}
.style-three .testimonial-slider-arrow .slick-next {
position: absolute;
top: 100%;
right: 50%;
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1200px) and (max-width: 2500px) {
.style-three .testimonial-slider-arrow .slick-prev {
position: absolute;
top: 95%;
left: 42%;
transform: translate(-50%, -50%);
}
.style-three .testimonial-slider-arrow .slick-next {
position: absolute;
top: 95%;
right: 50%;
transform: translate(-50%, -50%);
}
}
.testimonial-slider:focus {
outline: none;
box-shadow: none;
}
.testimonial-slider ul.testimonial-slider-dot-list {
margin-top: 25px;
text-align: center;
display: flex;
justify-content: center;
}
.testimonial-slider ul.testimonial-slider-dot-list {
list-style: none;
left: 0;
bottom: 0;
margin-bottom: 0px;
padding: 0;
}
.testimonial-slider ul.testimonial-slider-dot-list li.slick-active {
width: 10px !important;
height: 10px !important;
background: #2C4BFF !important;
opacity: 1;
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
}
.testimonial-slider ul.testimonial-slider-dot-list li {
border-radius: 50%;
width: 10px;
height: 10px;
opacity: .3;
margin: 0 4px;
background: #1E3D59;
cursor: pointer;
}
.testimonial-slider ul.testimonial-slider-dot-list li button {
display: none;
}
.team-slider-arrow .slick-active {
color: #1D263A;
}
@media (min-width: 1200px) {
.testimonial-slider ul.testimonial-slider-dot-list {
margin-top: 40px;
}
} .testimonial-slider-arrow .slick-prev:before,
.testimonial-slider-arrow .slick-next:before {
display: none;
}
.testimonial-slider-arrow.slick-active {
color: #1D263A;
}
.testimonial-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.testimonial-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.testimonial-slider-arrow .slick-active {
background: #2C4BFF;
color: #fff;
}
.testimonial-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1D263A;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
}
.testimonial-slider-arrow button:hover {
background-color: #1D263A;
color: #fff;
} .portfolio-slider-arrow .slick-arrow.slick-hidden {
display: block !important;
}
.portfolio-slider-arrow {
position: absolute;
width: 100%;
}
.portfolio-slider:focus {
outline: none;
box-shadow: none;
}
.portfolio-slider ul.portfolio-slider-dot-list {
margin-top: 25px;
text-align: center;
display: flex;
justify-content: center;
}
.portfolio-slider ul.portfolio-slider-dot-list {
list-style: none;
left: 0;
bottom: 0;
margin-bottom: 0px;
padding: 0;
}
.portfolio-slider ul.portfolio-slider-dot-list li.slick-active {
width: 10px !important;
height: 10px !important;
background: #2C4BFF !important;
opacity: 1;
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-ms-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
}
.portfolio-slider ul.portfolio-slider-dot-list li {
border-radius: 50%;
width: 10px;
height: 10px;
opacity: .3;
margin: 0 4px;
background: #1E3D59;
cursor: pointer;
}
.portfolio-slider ul.portfolio-slider-dot-list li button {
display: none;
}
@media (min-width: 1200px) {
.portfolio-slider ul.portfolio-slider-dot-list {
margin-top: 40px;
}
} .portfolio-slider-arrow .slick-prev:before,
.portfolio-slider-arrow .slick-next:before {
display: none;
}
.portfolio-slider-arrow.slick-active {
color: #1D263A;
}
.portfolio-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.portfolio-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.portfolio-slider-arrow .slick-active {
background: #2C4BFF;
color: #fff;
}
.portfolio-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1D263A;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
}
.portfolio-slider-arrow button:hover {
background-color: #1D263A;
color: #fff;
} .circle-126 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 106px;
max-width: 106px;
min-height: 106px;
max-height: 106px;
}
@media (min-width: 768px) {
.circle-126 {
min-width: 126px;
max-width: 126px;
min-height: 126px;
max-height: 126px;
}
}
.circle-91 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 91px;
max-width: 91px;
min-height: 91px;
max-height: 91px;
}
.circle-103 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 90px;
max-width: 90px;
min-height: 90px;
max-height: 90px;
}
@media (min-width: 768px) {
.circle-103 {
min-width: 103px;
max-width: 103px;
min-height: 103px;
max-height: 103px;
}
}
.circle-98 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 98px;
max-width: 98px;
min-height: 98px;
max-height: 98px;
}
.circle-99 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 99px;
max-width: 99px;
min-height: 99px;
max-height: 99px;
}
@media (min-width: 768px) {
.circle-99 {
min-width: 99px;
max-width: 99px;
min-height: 99px;
max-height: 99px;
}
}
.circle-95 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 85px;
max-width: 85px;
min-height: 85px;
max-height: 85px;
}
@media (min-width: 768px) {
.circle-95 {
min-width: 95px;
max-width: 95px;
min-height: 95px;
max-height: 95px;
}
}
.circle-113 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 95px;
max-width: 95px;
min-height: 95px;
max-height: 95px;
}
@media (min-width: 768px) {
.circle-113 {
min-width: 113px;
max-width: 113px;
min-height: 113px;
max-height: 113px;
}
}
.circle-88 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 78px;
max-width: 78px;
min-height: 78px;
max-height: 78px;
}
@media (min-width: 768px) {
.circle-88 {
min-width: 88px;
max-width: 88px;
min-height: 88px;
max-height: 88px;
}
}
.circle-108 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
min-width: 98px;
max-width: 98px;
min-height: 98px;
max-height: 98px;
}
@media (min-width: 768px) {
.circle-108 {
min-width: 108px;
max-width: 108px;
min-height: 108px;
max-height: 108px;
}
}
.brand-area--l2 {
padding-top: 50px;
padding-bottom: 0px;
}
@media (min-width: 768px) {
.brand-area--l2 {
padding-top: 100px;
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.brand-area--l2 {
padding-top: 123px;
padding-bottom: 135px;
}
}
.brand-group-image-l2 {
margin-left: -22px;
}
@media (min-width: 576px) {
.brand-group-image-l2 {
transform: scale(0.8);
}
}
@media (min-width: 768px) {
.brand-group-image-l2 {
margin-top: 40px;
transform: scale(1);
}
}
@media (min-width: 992px) {
.brand-group-image-l2 {
margin-top: 100px;
}
}
.brand-image-group--l2 {
display: flex;
align-items: center;
justify-content: center;
min-height: 503px;
transform: scale(0.9);
}
@media (min-width: 768px) {
.brand-image-group--l2 {
transform: scale(0.9);
}
}
@media (min-width: 992px) {
.brand-image-group--l2 {
transform: scale(1);
}
}
.brand-image-group--l2__single {
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.brand-image-group--l2__image--main {
width: 5%;
position: relative;
border: 6px solid #ffffff;
background-color: #ff5722;
border-radius: 50%;
z-index: 1;
}
.brand-image-group--l2__img-1 {
position: absolute;
left: 37%;
top: 7%;
width: 10%;
z-index: 2;
}
@media (min-width: 480px) {
.brand-image-group--l2__img-1 {
left: 47%;
}
}
.brand-image-group--l2__img-2 {
position: absolute;
right: -8%;
top: 16%;
width: 11%;
z-index: 1;
}
@media (min-width: 768px) {
.brand-image-group--l2__img-2 {
right: -12%;
top: 10%;
}
}
.brand-image-group--l2__img-3 {
position: absolute;
right: -10%;
top: 50%;
transform: translateY(-50%);
width: 11%;
z-index: 1;
}
@media (min-width: 576px) and (max-width: 768px) {
.brand-image-group--l2__img-3 {
right: -9%;
}
}
@media (min-width: 768px) {
.brand-image-group--l2__img-3 {
right: -28%;
}
}
.brand-image-group--l2__img-4 {
position: absolute;
right: 0;
bottom: 20%;
width: 10%;
z-index: 1;
}
.brand-image-group--l2__img-5 {
position: absolute;
left: 38%;
} .elementor-109 .elementor-element.elementor-element-75dd13e img {
object-position: center top;
}
@media only screen and (min-width: 1025px) and (max-width:1300px) {
h1.elementor-heading-title {
font-size: 60px !important;
line-height: 60px;
}
.elementor-element-dacafd5 {
display: none;
}
.blog-breadcrumb h1.post__title {
font-size: 60px;
}
.blog-breadcrumb p.post__caption {
padding: 0px 50px;
}
}
.elementor-109 .elementor-element.elementor-element-75dd13e img {
image-rendering: pixelated;
} @media (min-width: 992px) and (max-width: 1570px) {
.elementor-109 .elementor-element.elementor-element-75dd13e {
right: 0;
}
}
@media (min-width: 992px) and (max-width: 1349px) {
.elementor-109 .elementor-element.elementor-element-75dd13e {
bottom: -134px !important;
}
.elementor-109 .elementor-element.elementor-element-0f056ed .elementor-heading-title {
font-size: 50px !important;
}
.elementor-109 .elementor-element.elementor-element-75dd13e img {
height: 600px !important;
width: 80% !important;
}
}
@media (min-width: 1024px) and (max-width: 1350px) {
.elementor-109 .elementor-element.elementor-element-c0983b7 {
padding-bottom: 113px !important;
}
}.arcatec-woocommer-top-righ-wraper ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
align-items: center;
justify-content: end;
}
.arcatec-woocommer-top-righ-wraper ul li a {
position: relative;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.arcatec-woocommer-top-righ-wraper ul li a span {
background-color: #222;
color: #fff;
width: 20px;
text-align: center;
line-height: 20px;
height: 20px;
font-size: 12px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
font-weight: 700;
transform: translate(25px, 9px);
}
.arcatec-woocommer-top-righ-wraper ul li a svg path {
stroke: transparent !important;
}@font-face {
font-family: 'ClashDisplay-Semibold';
src: url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/ClashDisplay-Semibold.woff2) format('woff2'),
url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/ClashDisplay-Semibold.woff) format('woff'),
url(//vesta-insaat.com/wp-content/plugins/arcatec-helper/assets/fonts/ClashDisplay-Semibold.ttf) format('truetype');
font-weight: 600;
font-display: swap;
font-style: normal;
}.arcatec-text-slider-data {
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 10px;
}
h2.arcatec-text-slider-content,
h3.arcatec-text-slider-content,
h4.arcatec-text-slider-content,
h5.arcatec-text-slider-content,
h6.arcatec-text-slider-content {
margin: 0 15px;
}
.arcatec-text-slider-icon {
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s;
}
.arcatec-text-slider-icon i,
.arcatec-text-slider-icon path {
transition: all 0.4s;
font-size: 30px;
}
.slick-dots li button::before {
content: none;
} .arcatec-btn {
font-size: 16px;
line-height: 24px;
border-radius: 0;
padding: 16px 28px;
font-weight: 500;
font-family: 'Space Grotesk', sans-serif;
position: relative;
z-index: 1;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-flex;
align-items: center;
text-align: center;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
background-color: var(--accent-color);
}
.arcatec-btn-icon .arcatec-btn:before {
background-repeat: no-repeat;
position: absolute;
content: "";
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 0;
opacity: 1;
height: 100%;
width: 17px;
transform: translate(-56px, 56px);
transition: all 0.2s linear 0s;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_86_5794' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_86_5794)'%3E%3Cpath d='M5.86665 16.4999L4.58331 15.2166L13.3833 6.41659H5.49998V4.58325H16.5V15.5833H14.6666V7.69992L5.86665 16.4999Z' fill='%23050505'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.arcatec-btn-icon .arcatec-btn.button-dark {
color: var(--white-color);
background-color: var(--dark-bg);
}
.arcatec-btn-icon .arcatec-btn.button-dark:before {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_156_5957' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_156_5957)'%3E%3Cpath d='M5.86659 16.5L4.58325 15.2166L13.3833 6.41665H5.49992V4.58331H16.4999V15.5833H14.6666V7.69998L5.86659 16.5Z' fill='%23F5F5F5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.arcatec-btn-icon .arcatec-btn:hover:before {
opacity: 1;
text-indent: 0px;
transform: translate(-35px, 17px);
}
.arcatec-btn i,
.arcatec-btn svg {
transition: all 0.4s ease-in-out;
}
.arcatec-btn:hover i,
.arcatec-btn:hover svg {
transform: translate(42px, -42px);
}
.arcatec-small-btn .arcatec-btn-icon .arcatec-btn:hover:before {
transform: translate(-30px, 14px);
} .arcatec-default-btn {
display: flex;
align-items: center;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
position: relative;
overflow: hidden;
width: 100%;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
color: var(--heading-color);
padding: 12px 26px 12px 26px;
background-color: var(--accent-color);
}
.icon-after.btn-icon {
opacity: 1;
visibility: visible;
}
.arcatec-default-btn:before {
background-repeat: no-repeat;
position: absolute;
content: "";
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 0;
opacity: 1;
height: 100%;
width: 17px;
transform: translate(-56px, 56px);
transition: all 0.2s linear 0s;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_86_5794' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_86_5794)'%3E%3Cpath d='M5.86665 16.4999L4.58331 15.2166L13.3833 6.41659H5.49998V4.58325H16.5V15.5833H14.6666V7.69992L5.86665 16.4999Z' fill='%23050505'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.arcatec-default-btn:hover:before {
opacity: 1;
text-indent: 0px;
transform: translate(-30px, 14px);
}
.arcatec-default-btn i,
.arcatec-default-btn svg {
transition: all 0.4s ease-in-out;
}
.arcatec-default-btn:hover i,
.arcatec-default-btn:hover svg {
transform: translate(42px, -42px);
} .arcatec-text-slider-section {
padding: 22px 0;
overflow: hidden;
background: linear-gradient(225deg, #0080ff 0, #7d41ea 46.35%, #ff00d4 100%);
}
.arcatec-text-slider-data {
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 10px;
flex-direction: row-reverse;
}
@media (max-width: 600px) {
.arcatec-text-slider-data {
text-align: center;
display: block !important;
}
}
@media (max-width: 600px) {
.arcatec-text-slider-icon {
margin-bottom: 10px;
}
} .arcatec-nft-slider .slick-slide {
margin: 0 12px;
} .fugo-counter-section .elementor-counter {
width: 250px;
height: 250px;
border: 1px solid #fff;
border-radius: 100%;
display: flex;
padding: 40px;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1207px) {
.fugo-counter-section .elementor-counter {
width: 210px;
height: 210px;
padding: 20px;
}
} .arcatec-iconbox-border {
position: relative;
}
.arcatec-iconbox-border:before {
content: "";
top: 45px;
left: 50%;
width: calc(100% - 30%);
height: 1px;
position: absolute;
transform: translateX(-50%);
border: 1px dashed rgba(19, 17, 26, .1);
}
@media (max-width: 1023px) {
.arcatec-iconbox-border:before {
width: calc(100% - 50%);
}
}
@media (max-width: 767px) {
.arcatec-iconbox-border:before {
content: none;
}
} .arcatec-portfolio-image {
position: relative;
}
.arcatec-portfolio-image:before,
.arcatec-portfolio-image:after {
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.4s;
position: absolute;
background: linear-gradient(180deg, rgba(5, 5, 5, 0.8) 0%, rgba(5, 5, 5, 0) 100%);
opacity: 0;
visibility: hidden;
}
.arcatec-portfolio-image:after {
background: #050505;
}
.arcatec-portfolio-image:hover:before,
.arcatec-portfolio-image:hover:after {
opacity: 0.4;
visibility: visible;
}
.arcatec-portfolio-content {
position: absolute;
top: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.4s;
visibility: hidden;
}
.arcatec-portfolio-image:hover .arcatec-portfolio-content {
opacity: 1;
visibility: visible;
}
.arcatec-portfolio-content-wrap {
display: flex;
justify-content: space-between;
}
.pf-pre-sale span {
color: var(--white-color);
}
.portfolio-btn-wrap {
position: absolute;
width: calc(100% - 80px);
left: 40px;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.arcatec-portfolio-image:hover .portfolio-btn-wrap {
bottom: 40px;
opacity: 1;
visibility: visible;
}
.portfolio-btn-wrap .portfolio-btn {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.arcatec-portfolio-image:before,
.arcatec-portfolio-image:after {
opacity: .4;
visibility: visible;
}
.arcatec-portfolio-content {
opacity: 1;
visibility: visible;
}
.portfolio-btn-wrap {
opacity: 1;
bottom: 40px;
visibility: visible;
}
} .arcatec-portfolio-box {
transition: all 0.4s;
}
.style-two .arcatec-portfolio-content {
position: static;
visibility: visible;
overflow: inherit;
opacity: 1;
}
.style-two .pf-pre-sale span {
color: #050505;
transition: all 0.4s;
}
.style-two .arcatec-portfolio-image:hover .pf-pre-sale span {
opacity: 0;
}
.style-two .arcatec-portfolio-image:before,
.style-two .arcatec-portfolio-image:after {
content: none;
}
.style-two .portfolio-btn {
width: auto;
display: inline-block;
}
.style-two .portfolio-btn:before {
content: none;
}
.style-two .portfolio-btn-wrap {
left: auto;
right: -40px;
text-align: right;
display: inline-block;
width: auto;
top: 0;
opacity: 0;
visibility: hidden;
}
.style-two .arcatec-portfolio-image:hover .portfolio-btn-wrap {
right: 0;
}
.style-two .portfolio-btn:hover i,
.style-two .portfolio-btn:hover svg {
transform: inherit;
}
.style-two .arcatec-portfolio-content-wrap {
position: relative;
}
@media (max-width: 991px) {
.style-two .arcatec-portfolio-content-wrap {
display: block;
}
.style-two .pf-pre-sale span {
opacity: 1;
position: absolute;
top: 0;
right: 0;
}
.style-two .arcatec-portfolio-image:hover .pf-pre-sale span {
opacity: 1;
}
.style-two .portfolio-btn-wrap {
opacity: 1;
visibility: visible;
position: static;
}
.style-two .portfolio-btn {
height: auto;
margin-top: 15px;
}
} .arcatec-portfolio-slider .slick-slide {
margin: 0 10px;
}
.portfolio-slider-arrows button {
display: flex;
align-items: center;
justify-content: center;
}
.portfolio-slider-arrows .slick-prev,
.portfolio-slider-arrows .slick-next {
left: 0;
top: 50%;
z-index: 9;
position: absolute;
transform: translateY(-50%);
}
.portfolio-slider-arrows .slick-next {
left: auto;
right: 0;
}
.portfolio-slider-arrows .slick-prev:before,
.portfolio-slider-arrows .slick-next:before {
content: none;
}
@media (max-width: 767px) {
.portfolio-slider-arrows .slick-prev,
.portfolio-slider-arrows .slick-next {
display: none !important;
}
}
.arcatec-portfolio-slider-wrap {
margin: 0 100px;
}
@media (max-width: 991px) {
.arcatec-portfolio-slider-wrap {
margin: 0 70px;
}
}
@media (max-width: 767px) {
.arcatec-portfolio-slider-wrap {
margin: 0px;
}
}
.arcatec-portfolio-thumb {
position: relative;
}
.arcatec-portfolio-data {
position: absolute;
bottom: 20px;
width: calc(100% - 40px);
left: 20px;
}
@media (max-width: 1024px) {
.blog-breadcrumb {
padding: 170px 0 75px;
}
}
@media (max-width: 767px) {
.blog-breadcrumb {
padding: 130px 0 55px;
}
}  .arcatec-t-arrow button {
transition: all 0.4s;
}
.slick-prev:before,
.slick-next:before {
content: none !important;
}
.arcatec-t-arrow .slick-prev,
.arcatec-t-arrow .slick-next {
position: absolute;
margin: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.arcatec-t-arrow .slick-next {
left: auto;
right: 0;
}
@media (max-width: 767px) {
.arcatec-t-arrow .slick-prev,
.arcatec-t-arrow .slick-next {
display: none !important;
}
}  .arcatec-t-wrap {
transition: all 0.4s;
overflow: hidden;
}
.style-normal-two .arcatec-t-author {
display: flex;
height: 100%;
}
.style-normal-two .arcatec-t-author img {
width: 100%;
height: 100%;
object-fit: cover;
} .arcatec-counter-data-wrap {
display: flex;
}
h1.arcatec-counter,
h2.arcatec-counter,
h3.arcatec-counter,
h4.arcatec-counter,
h5.arcatec-counter,
h6.arcatec-counter {
margin: 0;
} .arcatec-table-list table {
margin: 0;
white-space: nowrap;
}
.arcatec-table-list table tbody tr {
border-bottom: 1px solid #414141;
}
.arcatec-table-list table tbody tr:first-child {
border-top: 0 !important;
}
.arcatec-table-list table tbody tr td {
border: none;
background-color: transparent;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 1;
padding: 27px 0;
}
.arcatec-table-list table tbody tr td:first-child {
min-width: 170px;
padding-left: 0 !important;
}
.arcatec-table-list table tbody tr td:last-child {
text-align: right;
padding-right: 0 !important;
}
@media (max-width: 1199px) {
.arcatec-table-list {
overflow-x: scroll;
}
} .arcatec-text-circle {
position: relative;
}
.arcatec-text-circle img {
transition: all 0.4s;
-webkit-animation: rotate-animation 12s infinite linear;
-moz-animation: rotate-animation 12s infinite linear;
-o-animation: rotate-animation 12s infinite linear;
animation: rotate-animation 12s infinite linear;
}
.arcatec-text-circle {
position: relative;
display: inline-block;
}
.arcatec-text-circle-icon {
position: absolute;
top: 33%;
left: 30%;
transition: all 0.4s;
transform: translate(-50%, -50%);
-webkit-animation: float-animation 3s ease-in-out infinite;
-moz-animation: float-animation 3s ease-in-out infinite;
-o-animation: float-animation 3s ease-in-out infinite;
animation: float-animation 3s ease-in-out infinite;
}
.arcatec-text-circle-icon i,
.arcatec-text-circle-icon svg path {
transition: all 0.4s;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes float-animation {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@media (max-width: 1024px) {
.arcatec-text-circle-icon {
top: 50%;
left: 50%;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
} .arcatec-footer-subscribe button[type=submit] {
width: 45px !important;
height: 30px !important;
} section.arcatec-hero-slide-section {
position: relative;
}
.arcatec-slider-item {
z-index: 0;
position: relative;
background-size: cover;
background-position: center center;
}
.arcatec-slider-item:before {
content: "";
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
}
.arcatec-hero-content {
margin: 0 auto;
}
.arcatec-hero-nav {
position: absolute;
bottom: 60px;
width: 100%;
}
@media (max-width: 767px) {
.arcatec-hero-nav {
display: none;
}
}
.arcatec-hero-nav .slick-slide {
cursor: pointer;
padding-bottom: 10px;
text-align: center;
border-bottom: 2px solid rgba(245, 245, 245, 0.12);
}
.arcatec-hero-nav .slick-slide.slick-current {
border-bottom: 2px solid #fff;
}
.arcatec-hero-nav .slick-slide:first-child {
text-align: left;
}
.arcatec-hero-nav .slick-slide:last-child {
text-align: right;
}
.arcatec-hero-nav .slick-track {
width: 100%;
}
.slider-nav {
color: var(--white-color);
font-size: 18px;
font-weight: 500;
line-height: 30px;
}
@media (max-width: 991px) {
.slider-nav {
font-size: 16px;
}
} .arcatec-pricig-box-wrap {
height: 610px;
}
.arcatec-pricig-box-body ul {
margin: 0;
padding: 0;
list-style: none;
}
.arcatec-pricig-box-body ul li {
position: relative;
}
.arcatec-pricig-box-body ul li:last-child {
padding-bottom: 0 !important;
}
.arcatec-pricig-box-body ul li:before {
content: '';
left: 0;
top: 12px;
width: 6px;
height: 6px;
border-radius: 100px;
position: absolute;
background-color: var(--dark-bg);
}
.arcatec-service-widget-item:hover .arcatec-default-btn.service-btn {
visibility: visible;
opacity: 1;
margin-top: 45px;
}
.arcatec-pricig-box-price {
margin-top: 130px;
transition: all 0.4s;
}
.arcatec-pricig-box-wrap:hover .arcatec-pricig-box-price {
margin-top: 65px;
}
.arcatec-pricing-btn-wraper .pricing-btn {
margin-top: -60px;
}
.arcatec-pricig-box-wrap:hover .arcatec-pricing-btn-wraper .pricing-btn {
margin-top: 25px;
opacity: 1;
visibility: visible;
}
@media (min-width: 1025px) and (max-width: 1349px) {
.arcatec-pricig-box-wrap {
height: 640px;
}
}
@media (max-width: 1024px) {
.arcatec-pricig-box-wrap {
height: auto;
}
.arcatec-pricig-box-wrap .arcatec-pricing-btn-wraper .pricing-btn {
margin-top: 25px;
opacity: 1;
visibility: visible;
}
.arcatec-pricig-box-wrap .arcatec-pricig-box-price {
margin-top: 65px;
}
}
@media (min-width: 374px) and (max-width: 767px) {
.arcatec-pricig-box-wrap {
height: 590px;
}
.arcatec-pricig-box-wrap:hover .arcatec-pricing-btn-wraper .pricing-btn {
margin-top: 20px;
}
} span.popup-menubar {
cursor: pointer;
display: inline-block;
background-color: #F5F5F51F;
padding: 13px 20px 13px 20px;
border-radius: 100px 100px 100px 100px;
}
.arcatec-addons-popup-content {
position: fixed;
height: 100vh;
top: 0;
z-index: 9999999;
opacity: 0;
visibility: hidden;
right: -30%;
width: 559px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-color: var(--accent-color);
}
.arcatec-addons-popup-content.show {
opacity: 1;
visibility: visible;
right: 0;
}
.arcatec-addons-popup-content #offset-menu-close-btn {
position: fixed;
right: 30px;
font-size: 28px;
color: #fff;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 9;
top: 40px;
} @media (min-width: 1025px) and (max-width: 1199px) {
.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-226c93d.arcitace-column-left {
width: 100% !important;
}
.arcitace-column-right.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-9d4fb69.arcitace-column-right {
display: none !important;
}
}@keyframes bounce {
20%,
53%,
80%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 0, 0)
}
40%,
43% {
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -30px, 0)
}
70% {
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom
}
@keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
animation-name: flash
}
@keyframes pulse {
from,
to {
transform: scale3d(1, 1, 1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
}
.pulse {
animation-name: pulse
}
@keyframes rubberBand {
from,
to {
transform: scale3d(1, 1, 1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
}
.rubberBand {
animation-name: rubberBand
}
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0)
}
}
.shake {
animation-name: shake
}
@keyframes headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
transform: translateX(5px) rotateY(7deg)
}
31.5% {
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
transform: translateX(2px) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
transform: rotate3d(0, 0, 1, -5deg)
}
to {
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
transform-origin: top center;
animation-name: swing
}
@keyframes tada {
from,
to {
transform: scale3d(1, 1, 1)
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
.tada {
animation-name: tada
}
@keyframes wobble {
from,
to {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
.wobble {
animation-name: wobble
}
@keyframes jello {
11.1%,
from,
to {
transform: none
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
animation-name: jello;
transform-origin: center
}
@keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
animation-name: bounceIn
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
transform: none
}
}
.bounceInDown {
animation-name: bounceInDown
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
transform: none
}
}
.bounceInLeft {
animation-name: bounceInLeft
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
transform: none
}
}
.bounceInRight {
animation-name: bounceInRight
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
animation-name: bounceInUp
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
animation-name: fadeIn
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -30%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDown {
animation-name: fadeInDown
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-30%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInLeft {
animation-name: fadeInLeft
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(30%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRight {
animation-name: fadeInRight
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUp {
animation-name: fadeInUp
}
@keyframes lightSpeedIn {
from {
transform: translate3d(30%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg);
opacity: 1
}
to {
transform: none;
opacity: 1
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
.rotateIn {
animation-name: rotateIn
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
animation-name: rotateInUpRight
}
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-30%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
transform: none
}
}
.rollIn {
animation-name: rollIn
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
animation-name: zoomIn
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
animation-name: zoomInDown
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
animation-name: zoomInLeft
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
animation-name: zoomInRight
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
animation-name: zoomInUp
}
@keyframes slideInDown {
from {
transform: translate3d(0, -30%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
animation-name: slideInDown
}
@keyframes slideInLeft {
from {
transform: translate3d(-30%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
animation-name: slideInLeft
}
@keyframes slideInRight {
from {
transform: translate3d(30%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
animation-name: slideInRight
}
@keyframes slideInUp {
from {
transform: translate3d(0, 30%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
animation-name: slideInUp
}
.elementor-animation-grow {
transition-duration: .3s;
transition-property: transform
}
.elementor-animation-grow:active,
.elementor-animation-grow:focus,
.elementor-animation-grow:hover {
transform: scale(1.1)
}
.elementor-animation-shrink {
transition-duration: .3s;
transition-property: transform
}
.elementor-animation-shrink:active,
.elementor-animation-shrink:focus,
.elementor-animation-shrink:hover {
transform: scale(0.9)
}
@keyframes elementor-animation-pulse {
25% {
transform: scale(1.1)
}
75% {
transform: scale(0.9)
}
}
.elementor-animation-pulse:active,
.elementor-animation-pulse:focus,
.elementor-animation-pulse:hover {
animation-name: elementor-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes elementor-animation-pulse-grow {
to {
transform: scale(1.1)
}
}
.elementor-animation-pulse-grow:active,
.elementor-animation-pulse-grow:focus,
.elementor-animation-pulse-grow:hover {
animation-name: elementor-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate
}
@keyframes elementor-animation-pulse-shrink {
to {
transform: scale(0.9)
}
}
.elementor-animation-pulse-shrink:active,
.elementor-animation-pulse-shrink:focus,
.elementor-animation-pulse-shrink:hover {
animation-name: elementor-animation-pulse-shrink;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate
}
@keyframes elementor-animation-push {
50% {
transform: scale(0.8)
}
30% {
transform: scale(1)
}
}
.elementor-animation-push:active,
.elementor-animation-push:focus,
.elementor-animation-push:hover {
animation-name: elementor-animation-push;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1
}
@keyframes elementor-animation-pop {
50% {
transform: scale(1.2)
}
}
.elementor-animation-pop:active,
.elementor-animation-pop:focus,
.elementor-animation-pop:hover {
animation-name: elementor-animation-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1
}
.elementor-animation-bounce-in {
transition-duration: .5s
}
.elementor-animation-bounce-in:active,
.elementor-animation-bounce-in:focus,
.elementor-animation-bounce-in:hover {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36)
}
.elementor-animation-bounce-out {
transition-duration: .5s
}
.elementor-animation-bounce-out:active,
.elementor-animation-bounce-out:focus,
.elementor-animation-bounce-out:hover {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36)
}
.elementor-animation-rotate {
transition-duration: .3s;
transition-property: transform
}
.elementor-animation-rotate:active,
.elementor-animation-rotate:focus,
.elementor-animation-rotate:hover {
transform: rotate(4deg)
}
.elementor-animation-grow-rotate {
transition-duration: .3s;
transition-property: transform
}
.elementor-animation-grow-rotate:active,
.elementor-animation-grow-rotate:focus,
.elementor-animation-grow-rotate:hover {
transform: scale(1.1) rotate(4deg)
}
.elementor-animation-float {
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.elementor-animation-float:active,
.elementor-animation-float:focus,
.elementor-animation-float:hover {
transform: translateY(-8px)
}
.elementor-animation-sink {
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.elementor-animation-sink:active,
.elementor-animation-sink:focus,
.elementor-animation-sink:hover {
transform: translateY(8px)
}
@keyframes elementor-animation-bob {
0% {
transform: translateY(-8px)
}
50% {
transform: translateY(-4px)
}
30% {
transform: translateY(-8px)
}
}
@keyframes elementor-animation-bob-float {
30% {
transform: translateY(-8px)
}
}
.elementor-animation-bob:active,
.elementor-animation-bob:focus,
.elementor-animation-bob:hover {
animation-name: elementor-animation-bob-float, elementor-animation-bob;
animation-duration: .3s, 1.5s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate
}
@keyframes elementor-animation-hang {
0% {
transform: translateY(8px)
}
50% {
transform: translateY(4px)
}
30% {
transform: translateY(8px)
}
}
@keyframes elementor-animation-hang-sink {
30% {
transform: translateY(8px)
}
}
.elementor-animation-hang:active,
.elementor-animation-hang:focus,
.elementor-animation-hang:hover {
animation-name: elementor-animation-hang-sink, elementor-animation-hang;
animation-duration: .3s, 1.5s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate
}
.elementor-animation-skew {
transition-duration: .3s;
transition-property: transform
}
.elementor-animation-skew:active,
.elementor-animation-skew:focus,
.elementor-animation-skew:hover {
transform: skew(-10deg)
}
.elementor-animation-skew-forward {
transition-duration: .3s;
transition-property: transform;
transform-origin: 0 30%
}
.elementor-animation-skew-forward:active,
.elementor-animation-skew-forward:focus,
.elementor-animation-skew-forward:hover {
transform: skew(-10deg)
}
.elementor-animation-skew-backward {
transition-duration: .3s;
transition-property: transform;
transform-origin: 0 30%
}
.elementor-animation-skew-backward:active,
.elementor-animation-skew-backward:focus,
.elementor-animation-skew-backward:hover {
transform: skew(10deg)
}
@keyframes elementor-animation-wobble-vertical {
16.65% {
transform: translateY(8px)
}
33.3% {
transform: translateY(-6px)
}
49.95% {
transform: translateY(4px)
}
66.6% {
transform: translateY(-2px)
}
83.25% {
transform: translateY(1px)
}
30% {
transform: translateY(0)
}
}
.elementor-animation-wobble-vertical:active,
.elementor-animation-wobble-vertical:focus,
.elementor-animation-wobble-vertical:hover {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-horizontal {
16.65% {
transform: translateX(8px)
}
33.3% {
transform: translateX(-6px)
}
49.95% {
transform: translateX(4px)
}
66.6% {
transform: translateX(-2px)
}
83.25% {
transform: translateX(1px)
}
30% {
transform: translateX(0)
}
}
.elementor-animation-wobble-horizontal:active,
.elementor-animation-wobble-horizontal:focus,
.elementor-animation-wobble-horizontal:hover {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-to-bottom-right {
16.65% {
transform: translate(8px, 8px)
}
33.3% {
transform: translate(-6px, -6px)
}
49.95% {
transform: translate(4px, 4px)
}
66.6% {
transform: translate(-2px, -2px)
}
83.25% {
transform: translate(1px, 1px)
}
30% {
transform: translate(0, 0)
}
}
.elementor-animation-wobble-to-bottom-right:active,
.elementor-animation-wobble-to-bottom-right:focus,
.elementor-animation-wobble-to-bottom-right:hover {
animation-name: elementor-animation-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-to-top-right {
16.65% {
transform: translate(8px, -8px)
}
33.3% {
transform: translate(-6px, 6px)
}
49.95% {
transform: translate(4px, -4px)
}
66.6% {
transform: translate(-2px, 2px)
}
83.25% {
transform: translate(1px, -1px)
}
30% {
transform: translate(0, 0)
}
}
.elementor-animation-wobble-to-top-right:active,
.elementor-animation-wobble-to-top-right:focus,
.elementor-animation-wobble-to-top-right:hover {
animation-name: elementor-animation-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-top {
16.65% {
transform: skew(-12deg)
}
33.3% {
transform: skew(10deg)
}
49.95% {
transform: skew(-6deg)
}
66.6% {
transform: skew(4deg)
}
83.25% {
transform: skew(-2deg)
}
30% {
transform: skew(0)
}
}
.elementor-animation-wobble-top {
transform-origin: 0 30%
}
.elementor-animation-wobble-top:active,
.elementor-animation-wobble-top:focus,
.elementor-animation-wobble-top:hover {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-bottom {
16.65% {
transform: skew(-12deg)
}
33.3% {
transform: skew(10deg)
}
49.95% {
transform: skew(-6deg)
}
66.6% {
transform: skew(4deg)
}
83.25% {
transform: skew(-2deg)
}
30% {
transform: skew(0)
}
}
.elementor-animation-wobble-bottom {
transform-origin: 30% 0
}
.elementor-animation-wobble-bottom:active,
.elementor-animation-wobble-bottom:focus,
.elementor-animation-wobble-bottom:hover {
animation-name: elementor-animation-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-wobble-skew {
16.65% {
transform: skew(-12deg)
}
33.3% {
transform: skew(10deg)
}
49.95% {
transform: skew(-6deg)
}
66.6% {
transform: skew(4deg)
}
83.25% {
transform: skew(-2deg)
}
30% {
transform: skew(0)
}
}
.elementor-animation-wobble-skew:active,
.elementor-animation-wobble-skew:focus,
.elementor-animation-wobble-skew:hover {
animation-name: elementor-animation-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@keyframes elementor-animation-buzz {
50% {
transform: translateX(3px) rotate(2deg)
}
30% {
transform: translateX(-3px) rotate(-2deg)
}
}
.elementor-animation-buzz:active,
.elementor-animation-buzz:focus,
.elementor-animation-buzz:hover {
animation-name: elementor-animation-buzz;
animation-duration: .15s;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes elementor-animation-buzz-out {
10% {
transform: translateX(3px) rotate(2deg)
}
20% {
transform: translateX(-3px) rotate(-2deg)
}
30% {
transform: translateX(3px) rotate(2deg)
}
40% {
transform: translateX(-3px) rotate(-2deg)
}
50% {
transform: translateX(2px) rotate(1deg)
}
60% {
transform: translateX(-2px) rotate(-1deg)
}
70% {
transform: translateX(2px) rotate(1deg)
}
80% {
transform: translateX(-2px) rotate(-1deg)
}
90% {
transform: translateX(1px) rotate(0)
}
30% {
transform: translateX(-1px) rotate(0)
}
}
.elementor-animation-buzz-out:active,
.elementor-animation-buzz-out:focus,
.elementor-animation-buzz-out:hover {
animation-name: elementor-animation-buzz-out;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: 1
}.elementor-wrapper.elementor-open-lightbox {
position: relative;
}
.elementor-wrapper.elementor-open-lightbox:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
content: "";
border-radius: 10px;
z-index: 1;
opacity: 0.2;
}
.elementor-custom-embed-play {
z-index: 2;
}
.elementor-widget-text-editor .elementor-drop-cap {
line-height: 0;
} .elementor-open-lightbox {
z-index: 99;
}
.elementor-custom-embed-play:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #FFFFFF;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
}
@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;
}
}
.elementor-icon {
display: inline-flex !important;
} ul.mas-addons-breadcrumbs {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
ul.mas-addons-breadcrumbs li {
display: inline-block;
margin-right: 15px;
}
ul.mas-addons-breadcrumbs li:last-child {
margin: 0;
}
ul.mas-addons-breadcrumbs li a,
ul.mas-addons-breadcrumbs li span.mas-addons-breadcrumbs-text,
ul.mas-addons-breadcrumbs li span.mas-addons-breadcrumbs-separator-icon {
display: block;
}
ul.mas-addons-breadcrumbs li span.mas-addons-breadcrumbs-text {
-webkit-transition: all .4s;
transition: all .4s;
}
span.mas-addons-breadcrumbs-home-icon {
margin-right: 10px;
} .mas-addons-main-menu-wrap.menu-align-end {
justify-content: flex-end;
}
.mas-addons-main-menu-wrap.menu-align-center {
justify-content: center;
}
.mas-addons-main-menu-wrap.menu-align-start {
justify-content: flex-start;
} a.mas-addons-btn,
.mas-addons-btn {
background: var(--accent-color);
line-height: 25px;
font-size: 17px;
padding-bottom: 5px;
position: relative;
display: inline-flex!important;
cursor: pointer;
overflow: hidden;
justify-content: center;
color: #fff;
padding: 15px 30px;
border-radius: 5px;
}
a.mas-addons-btn.btn-type-boxed {
background-color: var(--accent-color);
color: #fff;
letter-spacing: -0.53px;
font-weight: 500;
line-height: 24px;
padding: 20px 40px 15px;
border-radius: 0px;
display: inline-flex;
border-color: transparent;
align-items: center;
}
.elementor-image-box-img {
transition: .4s;
}
.elementor-widget-mas-addons-form .mas-addons-contact-from button[type=submit],
.mas-addons-btn {
position: relative;
z-index: 1;
overflow: hidden;
}
.elementor-widget-mas-addons-form .mas-addons-contact-from button[type=submit]:hover:after,
.mas-addons-btn:hover:after {
visibility: visible;
opacity: 0;
height: 474%;
left: -90px;
top: -83px;
}
.btn-icon svg * {
transition: .3s;
}
.newsletter-form button.form-btn i {
margin-left: 0;
}
.wpcf7-form-control.wpcf7-acceptance span {
display: inline;
} .mas-addons-btn.style-one {
display: inline-block;
overflow: hidden;
transition: all 0.2s linear 0s;
}
.mas-addons-btn span {
transition: all 0s ease !important;
}
.mas-addons-btn.style-one:before {
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 2px;
opacity: 0;
height: 100%;
width: 40px;
transform: translateX(100%);
transition: all 0.2s linear 0s;
}
.mas-addons-btn.style-one:hover {
text-indent: -20px;
}
.mas-addons-btn.style-one:hover:before {
opacity: 1;
text-indent: 0px;
transform: translateX(-25%);
} .mas-addons-btn span {
position: relative;
line-height: 1;
top: 1px;
}
.mas-addons-btn.style-two::before {
position: absolute;
content: "";
transition: 0.3s ease-out;
}
.mas-addons-btn.style-two::before {
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}
.mas-addons-btn.style-two:hover::before {
width: 0%;
} .mas-addons-btn.style-three:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #ffffff;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
@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;
}
} .mas-addons-btn.style-four::before {
position: absolute;
content: "";
transition: 0.3s ease-out;
}
.mas-addons-btn.style-four::before {
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 0%;
}
.mas-addons-btn.style-four:hover::before {
width: 100%;
} .mas-addons-feature-box-item {
transition: .4s;
}
.mas-addons-feature-box-item .icon-background-yes .mas-addons-feature-icon {
width: 70px;
height: 70px;
display: flex;
text-align: center;
line-height: 70px;
font-size: 30px;
background-color: var(--accent-color);
border-radius: 0px;
color: #fff;
overflow: hidden;
align-items: center;
justify-content: center;
}
.mas-addons-feature-box-item .icon-background-yes .mas-addons-feature-icon svg {
width: 35px;
}
span.mas-addons-feature-icon.icon-type-image img {
object-fit: cover;
}
.mas-addons-feature-icon-wrap {
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.mas-addons-feature-title {
margin-bottom: 18px;
font-size: 20px;
}
.mas-addons-feature-content p {
margin-bottom: 0;
}
.mas-addons-feature-box-item.mas-addons-icon-position-left {
display: inline-flex;
text-align: left;
}
.mas-addons-feature-box-item.mas-addons-icon-position-right {
display: flex;
text-align: right;
flex-direction: row-reverse;
justify-content: space-between;
}
.mas-addons-feature-box-item.mas-addons-feature-icon-center {
text-align: center;
}
.mas-addons-feature-box-item.mas-addons-feature-icon-left {
text-align: left;
}
.mas-addons-feature-box-item.mas-addons-feature-icon-left .mas-addons-feature-icon-wrap {
justify-content: flex-start;
}
.mas-addons-feature-box-item.mas-addons-feature-icon-right .mas-addons-feature-icon-wrap {
justify-content: flex-end;
}
.mas-addons-feature-box-item.mas-addons-feature-icon-right {
text-align: right;
}
.mas-addons-feature-icon-wrap i,
.mas-addons-feature-icon-wrap svg,
.mas-addons-feature-icon {
transition: .3s ease-in-out;
;
}
.mas-addons-feature-box-item .icon-background-no .mas-addons-feature-icon svg {
MAX-HEIGHT: 118PX;
}
.mas-addons-feature-box-item .mas-addons-feature-icon i {
font-size: 25px;
}
.mas-addons-feature-box-number {
font-size: 22px;
letter-spacing: -0.73px;
font-weight: 700;
color: #ffffff;
}
.mas-addons-feature-box-number span {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .16);
}  a.mas-addons-pricing-table-action span {
transition: none;
}
.mas-addons-pricing-list-wrapper.border_bottom .mas-addons-pricing-list-item:last-child {
border-bottom: none !important;
}
.mas-addons-pricing-list-item.yes {
display: flex;
}
.mas-addons-pricing-list-item-thumbnail {
overflow: hidden;
}
.mas-addons-pricing-list-item-thumbnail img {
height: 100% !important;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.mas-addons-pricing-title {
display: flex;
align-items: center;
}
.mas-addons-pricing-title .mas-addons-pricing-list-item-price {
margin-left: auto;
}
.mas-addons-pricing-list-item-content-title {
display: flex;
font-size: 20px;
font-weight: bold;
}
.mas-addons-pricing-list-item-content-description {
margin: 0;
}
.mas-addons-pricing-list-item-price span {
display: block;
font-size: 20px;
line-height: 20px;
}
.mas-addons-pricing-list-item-content-action {
display: inline-block;
transition: all .3s ease;
}
.mas-addons-pricing-list-item-content-conntector {
border-bottom: 1px dashed;
height: 1px;
flex-grow: 1;
align-self: center;
margin: 0 15px;
}  .left {
text-align: left;
}
.left .mas-addons-pricing-table-features li {
justify-content: flex-start;
}
.left .price-box {
margin-right: auto;
}
.center {
text-align: center;
}
.center.mas-addons-pricing-table-features li {
justify-content: center;
}
.center .price-box {
margin: 0 auto;
}
.right {
text-align: right;
}
.right .mas-addons-pricing-table-features li {
justify-content: flex-end;
}
.right .price-box {
margin-left: auto;
}
.mas-addons-pricing-table-header {
position: relative;
z-index: -1;
}
.mas-addons-pricing-table-header .mas-addons-pricing-table-header-curved svg {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
}
.mas-addons-pricing-table-title {
margin: 0 0 16px 0;
font-size: 20px;
font-weight: 400;
}
.mas-addons-pricing-table-subtitle {
margin: 0 0 10px 0;
}
.price-box {
position: relative;
}
.mas-addons-pricing-table-price {
position: relative;
}
.mas-addons-pricing-table-price.mas-addons-discount-price-yes {
display: inline-flex;
align-items: flex-end;
}
.mas-addons-pricing-table-price.mas-addons-discount-price-yes .mas-addons-pricing-table-regular-price {
text-decoration: line-through;
font-size: 20px;
color: #e5e5e5;
line-height: 2.1em;
}
.mas-addons-pricing-table-price svg {
position: absolute;
}
.mas-addons-pricing-table-wrapper .mas-addons-pricing-table-price p.mas-addons-pricing-table-new-price {
font-size: 48px;
font-weight: 600;
letter-spacing: -3.2px;
}
.mas-addons-pricing-table-wrapper .mas-addons-pricing-table-price span.mas-addons-price-period {
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
}
.mas-addons-pricing-table-price p {
margin: 0;
}
.price-box p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 100%;
}
.mas-addons-pricing-table-features {
margin: 0;
padding: 0;
}
.mas-addons-pricing-table-features li {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0px;
}
.list-border-bottom li:not(:last-child) {
border-bottom: 1px solid #ff5985;
}
.mas-addons-pricing-table-features li .mas-addons-pricing-li-icon {
margin-right: 7px;
}
.mas-addons-pricing-table-action {
text-decoration: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.mas-addons-pricing-table-badge-wrapper {
position: relative;
overflow: hidden;
z-index: 1;
transition: all .3s ease;
}
.mas-addons-pricing-table-wrapper {
transition: all .3s ease;
}
.mas-addons-pricing-table-wrapper.transition_top {
transition: all .3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.mas-addons-pricing-table-wrapper.transition_top:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.mas-addons-pricing-table-wrapper.transition_bottom {
transition: all .3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.mas-addons-pricing-table-wrapper.transition_bottom:hover {
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.mas-addons-pricing-table-wrapper.transition_zoom {
transition: all .3s ease;
transform: scale(1);
-webkit-transform: scale(1);
}
.mas-addons-pricing-table-wrapper.transition_zoom:hover {
transform: scale(1.02);
-webkit-transform: scale(1.02);
}
.mas-addons-pricing-table-wrapper .text-badge {
position: absolute;
top: 0;
right: 0;
background: #13c83a;
padding: 13px 50px;
width: 160px;
text-align: center;
-webkit-transform: rotate(45deg) translate(40px, -22px);
transform: rotate(45deg) translate(40px, -22px);
color: #ffffff;
font-size: 12px;
font-weight: bold;
z-index: 2;
}
.mas-addons-pricing-table-wrapper .icon-badge {
position: absolute;
padding: 15px 10px;
border-radius: 0 0 40px 40px;
background: #13c83a;
right: 30px;
top: 0;
z-index: 2;
}
.mas-addons-pricing-table-promo-label {
display: block;
}
.mas-addons-pricing-table-currency {
position: relative;
}
.mas-addons-pricing-table-price-subtitle {
display: block;
}
.mas-addons-pricing-area .mas-addons-pricing-item ul {
list-style: none;
padding: 0;
margin: 0;
}
a.mas-addons-btn.yearly-btn {
display: none;
}
[data-value-active="yearly"] a.mas-addons-btn.yearly-btn {
display: inline-flex;
}
[data-value-active="yearly"] a.mas-addons-btn.monthly-btn {
display: none;
} .mas-addons-pricing-area .mas-addons-pricing-item {
border: 1px solid #e7e9ed;
color: var(--text-color);
padding: 35px 50px 35px;
background-color: #ffffff;
border-radius: 10px;
position: relative;
}
.mas-addons-pricing-area .mas-addons-pricing-title {
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
color: var(--accent-color);
text-transform: uppercase;
margin-bottom: 24px;
}
div#pricing-dynamic-deck--head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mas-addons-pricing-area .mas-addons-pricing-features {
margin-bottom: 30px;
color: var(--text-color);  font-size: 17px;
font-weight: 300;
letter-spacing: -0.2px;
line-height: 29px;
}
.mas-addons-pricing-features img {
margin-right: 10px;
}
.mas-addons-pricing-area .mas-addons-pricing-features p {
margin-bottom: 15px;
}
.mas-addons-pricing-area .mas-addons-pricing-item .mas-addons-price h2 {
font-size: 60px;
color: var(--heading-color);
font-weight: 700;
letter-spacing: -2px;
display: inline-block;
}
.mas-addons-pricing-area .mas-addons-pricing-item .mas-addons-price {
font-weight: 400;
}
.mas-addons-pricing-area .mas-addons-price.mas-addons-price-yearly {
display: none;
} .mas-addons-pricing-item span.price-currency {
font-size: 24px;
letter-spacing: -0.8px;
}
.mas-addons-pricing-item a.mas-addons-btn.btn-type-boxed {
background-color: rgb(71 59 240 / 0.08); color: var(--accent-color);
font-size: 17px;
font-weight: 700;
letter-spacing: -0.6px;
padding: 19.5px 20px;
line-height: 1;
border-radius: 8px;
}
.mas-addons-pricing-item a.mas-addons-btn.btn-type-boxed i {
margin-left: 40px;
}
.mas-addons-pricing-item a.mas-addons-btn.btn-type-boxed:hover {
-webkit-transform: translatey(-8px);
transform: translatey(-8px);
}  .mas-addons-pricing-item.focused {
z-index: 1;
}
.mas-addons-price-wrap span.price-subtitle.dynamic-value { color: var(--text-color);
font-size: 15px;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 26px;
display: block;
}
.mas-addons-pricing-area .mas-addons-pricing-tabs {
color: var(--heading-color);
font-size: 19px;
letter-spacing: -0.2px;
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;
margin-bottom: 55px;
}
span.mas-addons-price-offer {
font-size: 13px;
color: var(--accent-color);
font-weight: 700;
letter-spacing: 1.63px;
line-height: inherit;
background-color: rgb(71 59 240 / .1);
padding: 0.5px 13px;
border-radius: 30px;
margin-left: 15px;
text-transform: uppercase;
}
#pricing-dynamic-deck--head .btn-toggle.active {
background-color: rgb(22 28 45 / .15);
}
#pricing-dynamic-deck--head .btn-toggle {
width: 70px;
height: 33px;
border-radius: 17px;
background-color: var(--accent-color);
position: relative;
display: inline-block;
margin: 0;
}
#pricing-dynamic-deck--head .btn-toggle.active span {
right: calc(100% - 27px);
}
#pricing-dynamic-deck--head .btn-toggle span {
width: 20px;
height: 20px;
background-color: #ffffff;
position: absolute;
right: 7px;
margin-left: 6px;
top: 50%;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
border-radius: 500px;
pointer-events: none;
}
.mas-addons-pricing-duration {
color: var(--heading-color);
font-size: 17px;
letter-spacing: -0.09px;
line-height: 29px;
}
.mas-addons-pricing-item .mas-addons-btn-wrapper {
margin-bottom: 12px;
}
.mas-addons-pricing-area .mas-addons-pricing-features strong {
color: #161c2d;
} .mas-addons-pricing-tabs.style-2 .mas-addons-pricing-tab { border-radius: 22px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mas-addons-pricing-tabs.style-2 .mas-addons-pricing-tab a { color: #666666;
font-family: Karla;
font-size: 13px;
border-radius: 17px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: center;
text-transform: uppercase;
padding: 9px 27px;
margin: 4px;
-webkit-transition: .4s;
transition: .4s;
}
.mas-addons-pricing-tabs.style-2 .mas-addons-pricing-tab a.active {
background-color: var(--accent-color);
color: #fff;
-webkit-transition: .4s;
transition: .4s;
}
.mas-addons-pricing-tabs.style-2 {
position: relative;
} [data-pricing-dynamic][data-value-active="yearly"] .dynamic-value:after {
display: inline-block;
content: attr(data-yearly);
}
[data-pricing-dynamic][data-value-active="monthly"] .dynamic-value:after {
display: inline;
content: attr(data-monthly);
}
.dynamic-value:after {
display: inline-block;
content: attr(data-active);
}
.static-value:before {
display: inline-block;
content: attr(data-active);
} .mas-addons-price-wrap {
position: relative;
}
.mas-addons-pricing-badge.style-two {
background-color: #2B59FF;
position: relative;
transform: rotate(-90deg);
}
.mas-addons-pricing-badge.style-two:before {
content: "";
position: absolute;
height: 0;
width: 80px;
border-bottom: 80px solid blue;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
} .mas-addons-feature-box-item {
width: auto;
}
.mas-addons-feature-box-item .mas-addons-feature-title {
display: block;
transition: all 0.4s;
}
.mas-addons-inline-icon-item {
display: flex;
}
.mas-addons-inline-icon-box-wrap .mas-addons-inline-icon-box-icon {
width: 57px;
height: 57px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.mas-addons-inline-icon-box-wrap {
margin-right: 20px;
margin-top: 4px;
}
h4.mas-addons-inline-icon-box-title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: var(--heading-color);
margin-bottom: 10px;
}
span.mas-addons-inline-icon-box-icon,
span.mas-addons-inline-icon-box-icon svg,
span.mas-addons-inline-icon-box-icon i {
transition: .3s ease-in-out;
}
.mas-addons-inline-icon-box-content p {
margin-bottom: 0;
} .mas-addons-team-item .member-image img {
object-fit: cover;
width: 100%;
height: 333px;
border-radius: 6px;
}
.mas-addons-team-item .member-name {
font-size: 21px;
letter-spacing: -0.5px;
margin-bottom: 7px;
color: var(--heading-color);
}
.mas-addons-team-item span.team-position {
color: var(--text-color);
letter-spacing: -0.2px;
}
.team-apply-card {
height: 333px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 25px;
}
.team-apply-card h4 {
font-size: 24px;
line-height: 1.4em;
letter-spacing: -0.5px;
margin-bottom: 30px;
font-weight: 700;
}
.team-apply-card a {
font-size: 21px;
letter-spacing: -1.2px;
color: var(--accent-color);
border-style: solid;
border-width: 0px 0px 0px 0px;
font-weight: 700;
}
.team-apply-card a i {
margin-left: 15px;
}
.mas-addons-team-item {
margin-bottom: 61px;
}
.mas-addons-team-item {
display: block;
}
.team-style-2 a.mas-addons-team-item {
display: flex;
} .fsd-css-transform-yes {
-webkit-transition-duration: var(--fsd-tfx-transition-duration, 0.2s);
transition-duration: var(--fsd-tfx-transition-duration, 0.2s);
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: translate(var(--fsd-tfx-translate-x, 0), var(--fsd-tfx-translate-y, 0)) scale(var(--fsd-tfx-scale-x, 1), var(--fsd-tfx-scale-y, 1)) skew(var(--fsd-tfx-skew-x, 0), var(--fsd-tfx-skew-y, 0)) rotateX(var(--fsd-tfx-rotate-x, 0)) rotateY(var(--fsd-tfx-rotate-y, 0)) rotateZ(var(--fsd-tfx-rotate-z, 0));
transform: translate(var(--fsd-tfx-translate-x, 0), var(--fsd-tfx-translate-y, 0)) scale(var(--fsd-tfx-scale-x, 1), var(--fsd-tfx-scale-y, 1)) skew(var(--fsd-tfx-skew-x, 0), var(--fsd-tfx-skew-y, 0)) rotateX(var(--fsd-tfx-rotate-x, 0)) rotateY(var(--fsd-tfx-rotate-y, 0)) rotateZ(var(--fsd-tfx-rotate-z, 0));
}
.fsd-css-transform-yes:hover {
-webkit-transform: translate(var(--fsd-tfx-translate-x-hover, var(--fsd-tfx-translate-x, 0)), var(--fsd-tfx-translate-y-hover, var(--fsd-tfx-translate-y, 0))) scale(var(--fsd-tfx-scale-x-hover, var(--fsd-tfx-scale-x, 1)), var(--fsd-tfx-scale-y-hover, var(--fsd-tfx-scale-y, 1))) skew(var(--fsd-tfx-skew-x-hover, var(--fsd-tfx-skew-x, 0)), var(--fsd-tfx-skew-y-hover, var(--fsd-tfx-skew-y, 0))) rotateX(var(--fsd-tfx-rotate-x-hover, var(--fsd-tfx-rotate-x, 0))) rotateY(var(--fsd-tfx-rotate-y-hover, var(--fsd-tfx-rotate-y, 0))) rotateZ(var(--fsd-tfx-rotate-z-hover, var(--fsd-tfx-rotate-z, 0)));
transform: translate(var(--fsd-tfx-translate-x-hover, var(--fsd-tfx-translate-x, 0)), var(--fsd-tfx-translate-y-hover, var(--fsd-tfx-translate-y, 0))) scale(var(--fsd-tfx-scale-x-hover, var(--fsd-tfx-scale-x, 1)), var(--fsd-tfx-scale-y-hover, var(--fsd-tfx-scale-y, 1))) skew(var(--fsd-tfx-skew-x-hover, var(--fsd-tfx-skew-x, 0)), var(--fsd-tfx-skew-y-hover, var(--fsd-tfx-skew-y, 0))) rotateX(var(--fsd-tfx-rotate-x-hover, var(--fsd-tfx-rotate-x, 0))) rotateY(var(--fsd-tfx-rotate-y-hover, var(--fsd-tfx-rotate-y, 0))) rotateZ(var(--fsd-tfx-rotate-z-hover, var(--fsd-tfx-rotate-z, 0)));
} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover .ui-icon {
color: var(--accent-color) !important;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
font-size: 14px !important;
transition: .4s;
top: 50%;
transform: translatey(-4px);
}
div#ui-datepicker-div {
border: blanchedalmond;
width: 239px;
border-radius: 0px;
overflow: hidden;
padding: 0 10px;
}
.ui-datepicker-header.ui-widget-header {
background-color: #EFF0F4 !important;
border-bottom: none !important;
}
td.ui-datepicker-days-cell-over.ui-datepicker-today,
td.ui-datepicker-days-cell-over.ui-datepicker-today a {
background-color: #EFF0F4 !important;
}
td.ui-datepicker-days-cell-over.ui-datepicker-today a.ui-state-highlight {
border: none;
}
td a.ui-state-default {
font-size: 11px;
}
a.ui-state-default.ui-state-hover {
background-color: transparent !important;
}
.ui-datepicker-calendar tbody td:hover {
background: #EFF0F4;
}
.ui-datepicker th {
font-size: 12px;
}
.ui-datepicker .ui-datepicker-title {
font-size: 12px;
}
.ui-datepicker .ui-datepicker-header .ui-icon:before {
margin-bottom: 6px;
display: block;
}
.ui-datepicker table {
margin-bottom: 0 !important;
border-top: none !important;
}
.ui-datepicker .ui-datepicker-header {
border-radius: 0px !important;
overflow: hidden;
border: 0px !important;
}
table.ui-datepicker-calendar tr:first-child {
border-top: none !important;
}
.ui-widget-content tr {
height: 35px !important;
}
.elementor-counter .elementor-counter-number-prefix,
.elementor-counter .elementor-counter-number-suffix {
flex-grow: unset !important;
}
.subscribe-form.mas-addons-home-8-subscribe.btn-red button[type=submit] {
background-color: #f74d4d;
} .content-align-right {
text-align: right;
}
.content-align-center {
text-align: center;
}
.content-align-left {
text-align: left;
}
.content-align-justify .mas-addons-btn {
width: 100%;
;
}
.mas-addons-service-widget-item .service-thumbnail span.image-shape {
width: 51px;
height: 50px;
background-color: #fee444;
border-radius: 50%;
position: absolute;
left: 15px;
top: 13px;
z-index: -1;
}
.mas-addons-service-widget-item .service-thumbnail img {
z-index: 1;
position: relative;
}
.mas-addons-service-widget-item .service-thumbnail {
position: relative;
z-index: 1;
}
.mas-addons-service-widget-item .service-thumbnail-wrapper *,
.mas-addons-service-widget-item .service-content * {
transition: .3s;
}
.mas-addons-service-widget-item {
position: relative;
z-index: 1;
overflow: hidden;
height: 100%;
}
.mas-addons-service-widget-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
z-index: -1;
transform: translate(-96%, 2%);
border-radius: 50%;
transition: .4s linear;
visibility: hidden;
opacity: 0;
}
.mas-addons-service-widget-item:hover:after {
border-radius: 0;
transform: translate(-22%, -19%);
visibility: visible;
opacity: 1;
}
.mas-addons-service-widget-item h3.service-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.mas-addons-service-widget-item .service-top-title a {
display: block;
} .mas-addons-heading-title.show-line-yes:after {
content: "";
width: 100%;
background-color: #fee444;
position: absolute;
bottom: 0;
left: 0;
height: 7px;
z-index: -1;
}
.mas-addons-heading-title.show-line-yes {
position: relative;
display: inline-block;
z-index: 1;
} .mas-addons-dual-heading .mas-addons-dual-heading-wrapper {
padding: 5px;
}
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-description {
line-height: 26px;
margin: 30px 0 0 0;
padding: 10px;
font-weight: 400;
}
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-icon {
display: inline-block;
}
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-icon i {
font-size: 36px;
}
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-title {
font-size: 36px;
margin-top: 10px;
}
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-title {
font-size: 30px;
color: #132c47;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
} .mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-title span {
color: #132c47;
display: initial;
}
@media only screen and (min-width: 320px) and (max-width: 1440px) {
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-title .first-heading,
.mas-addons-dual-heading .mas-addons-dual-heading-wrapper .mas-addons-dual-heading-title .second-heading {
padding: 0;
}
}  .mas-addons-post-widget-item {
transition: 0.4s;
}
.mas-addons-post-widget-item .post-thumbnail {
display: block;
}
.mas-addons-post-widget-item .post-thumbnail img {
object-fit: cover;
height: 261px;
border-radius: 0;
width: 100%;
}
.post-style-style-three .mas-addons-post-widget-item .post-thumbnail {
width: 40%;
max-width: 40%;
min-height: 300px;
height: 100%;
position: relative;
}
.mas-addons-post-widget-item.post-style-style-three .post-thumbnail img {
height: 300px;
}
.post-style-style-three .mas-addons-post-widget-item .post-thumbnail-wrapper {
height: 100%;
}
.mas-addons-post-widget-item a.post-link {
display: block;
}
.post-style-style-three .mas-addons-post-widget-item .post-thumb-link {
display: inline-block;
height: 100%;
}
.mas-addons-post-widget-item.post-style-style-one .post-content-wrap {
padding: 40px 0 40px;
}
.mas-addons-post-widget-item.post-style-style-one {
position: relative;
}
.mas-addons-post-widget-item.post-style-style-one:after {
position: absolute;
content: '';
background: #FFBE00;
height: 5px;
width: 0%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out;
}
.mas-addons-post-widget-item.post-style-style-one:hover:after {
width: 100%;
}
.post-top-meta {
font-size: 13px;
line-height: 1.692em;
color: var(--heading-color);
margin-bottom: 15px;
}
.mas-addons-post-widget-item.post-style-style-one .category-list {
padding-right: 45px;
}
.mas-addons-post-widget-item.post-style-style-one .post-date {
position: relative;
color: rgba(2, 12, 23, 0.65);
}
.mas-addons-post-widget-item.post-style-style-one .post-date:before {
position: absolute;
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 0;
left: -25px;
font-size: 8px;
color: rgba(2, 12, 23, 0.4);
}
h3.post-title {
font-size: 21px;
line-height: 32px;
margin-bottom: 10px;
letter-spacing: -0.5px;
}
.post-meta-bottom a {
color: var(--text-color);
}
.post-meta-bottom>span {
margin-right: 10px;
}
.post-style-style-three .post-meta-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.mas-addons-post-widget-item p {
line-height: 29px;
letter-spacing: -0.2px;
font-size: 15px;
color: var(--text-color);
margin-bottom: 0;
}
.mas-addons-post-widget-item.post-style-style-one .mas-addons-post-widget-item:hover {
box-shadow: 0px 34px 33px 0px rgb(22 28 45 / 13%);
}
.mas-addons-post-widget-item.post-style-style-one .mas-addons-post-widget-item {
margin-bottom: 30px;
box-shadow: 0px 14px 120px -2px rgba(0, 0, 0, 0.06);
background-color: var(--white-color);
overflow: hidden;
transition: .4s;
} .mas-addons-post-widget-item.post-style-style-two .post-btn .icon-after {
text-indent: -10px;
transition: all 0.4s ease-in-out;
}
.mas-addons-post-widget-item.post-style-style-two .category-list {
padding: 5px 18px;
background-color: #FCDC00;
border-radius: 50px;
color: #262729;
font-size: 13px;
font-weight: 500;
font-family: 'Rubik';
line-height: 1.818em;
}
.mas-addons-post-widget-item.post-style-style-two .post-date span {
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: rgba(2, 12, 23, 0.7);
}
.mas-addons-post-widget-item.post-style-style-two .comment-count span {
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: rgba(2, 12, 23, 0.6);
}
.mas-addons-post-widget-item.post-style-style-two .post-meta-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.mas-addons-post-widget-item.post-style-style-two .post-content {
margin: 30px 40px 30px 40px;
overflow: hidden;
}
.mas-addons-post-widget-item.post-style-style-three .post-content {
width: 80%;
}
.mas-addons-post-widget-item.post-style-style-two .post-content .post-btn-wrap {
overflow: hidden;
}
.mas-addons-post-widget-item.post-style-style-two .post-category,
.mas-addons-post-widget-item.post-style-style-three .post-category {
position: absolute;
top: 5%;
right: 5%;
padding: 0;
}
.mas-addons-post-widget-item.post-style-style-two .category a {
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #057689;
}
.mas-addons-post-widget-item.post-style-style-two .separator i {
font-size: 5px;
color: rgba(2, 12, 23, 0.3);
margin-left: 8px;
margin-right: 8px !important;
margin-top: 0;
display: inherit;
}
.mas-addons-post-widget-item.post-style-style-two .post-title {
font-size: 18px;
line-height: 1.388em;
margin: 15px 0px 20px 0px;
color: #020C17;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
}
.mas-addons-post-widget-item.post-style-style-two .post-meta-bottom .mas-addons-comment:not(:first-child) {
margin-bottom: 0px;
position: relative;
margin-left: 3px;
padding-left: 17px;
}
.mas-addons-post-widget-item.post-style-style-two .post-meta-bottom .mas-addons-comment:before {
position: absolute;
left: 0;
width: 1px;
height: 80%;
background-color: #fff;
content: "";
top: 10%;
}
.mas-addons-post-widget-item.post-style-style-three .post-top-date {
margin-right: 20px;
display: flex;
align-items: center;
}
.mas-addons-post-widget-item.post-style-style-three .top-category-list {
display: flex;
align-items: center;
}
.post-content {
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s; }
.mas-addons-post-widget-item.post-style-style-one .post-content {
margin: 0px 40px 30px 40px;
}
.mas-addons-post-widget-item.post-style-style-two {
position: relative;
overflow: hidden;
}
.mas-addons-post-widget-item.post-style-style-two .post-title:hover {
color: rgb(255, 87, 34);
}
.mas-addons-post-widget-item.post-style-style-two .post-link {
display: block;
}
.post-thumbnail-wrapper.post-style-style-two {
position: relative;
}
.mas-addons-post-widget-item.post-style-style-two .post-thumbnail-wrapper img {
width: 100%;
object-fit: cover;
height: 100%;
}
.mas-addons-post-widget-item.post-style-style-two .post-thumbnail .image-icon {
position: absolute;
bottom: 10px;
right: 10px;
width: 50px;
height: 50px;
background-color: var(--accent-color-2);
color: var(--heading-color);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: .4s;
}
.mas-addons-post-widget-item.post-style-style-two:hover .post-thumbnail .image-icon {
transform: scale(1.4);
}
.mas-addons-post-widget-item.post-style-list {
display: flex;
position: relative;
margin-bottom: 30px;
}
.mas-addons-post-widget-item.post-style-list .post-thumbnail-wrapper .post-link {
height: 100%;
}
.mas-addons-post-widget-item.post-style-list .post-thumbnail-wrapper .post-thumbnail {
height: 100%;
}
.mas-addons-post-widget-item.post-style-list .post-thumbnail-wrapper img {
height: 100%;
object-fit: cover;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.mas-addons-post-widget-item.post-style-list .post-thumbnail-wrapper {
width: 57%;
padding-right: 30px;
}
.mas-addons-post-widget-item.post-style-list .post-content-wrap {
padding-top: 0;
} .blog-slider-arrow .slick-prev:before,
.blog-slider-arrow .slick-next:before {
display: none;
}
.blog-slider-arrow.slick-active {
color: #1d263a;
}
.blog-slider-arrow .prev {
position: relative;
}
.blog-slider-arrow .next {
position: relative;
}
.blog-slider-arrow .slick-active {
background: #2c4bff;
color: #fff;
}
.blog-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 18px;
}
.blog-slider-arrow button:hover {
background-color: #1d263a;
color: #fff;
}
.blog-slider-arrow {
background: rgba(2, 12, 23, 0.4);
position: absolute;
right: 0;
top: -130px;
padding: 7px 15px;
border-radius: 5px;
}
.blog-slider-arrow .slick-prev {
left: 0px !important;
display: inline-block;
width: initial;
height: initial;
transform: initial;
margin-right: 15px;
}
.blog-slider-arrow .slick-next {
left: 0px !important;
display: inline-block;
width: initial;
height: initial;
transform: initial;
margin-left: 15px;
} .mas-addons-pagination a,
.mas-addons-pagination span.current {
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: #262729;
font-size: 18px;
font-weight: 500;
border: 1px solid rgba(38, 39, 41, 0.1);
margin: 0px 5px;
transition: .4s;
}
.mas-addons-pagination {
margin-top: 30px;
}
.mas-addons-pagination span.current {
color: #fff;
background-color: #5034FC;
}
.mas-addons-pagination {
margin-left: -5px;
}
.mas-addons-pagination a:hover {
color: #fff;
background-color: #5034FC;
}
.mas-addons-post-widget-item.post-style-style-one .post-btn-wrap {
margin: 40px 0px 0px 40px;
color: #fff;
overflow: hidden;
transition: 0.4s;
}
.post-meta-bottom i,
.post-meta-bottom svg {
margin-right: 12px;
} .post-thumbnail img {
transition: all 0.4s ease-in-out;
}
.mas-addons-post-widget-wrap.hover-one:hover .post-thumbnail img {
transform: scale(1.1);
}
.mas-addons-post-widget-wrap.hover-one .post-thumbnail {
overflow: hidden;
}
.mas-addons-post-widget-item.post-style-style-two:hover .mas-addons-post-widget-item .post-content-wrap {
opacity: 1;
border: 0;
z-index: 999;
}
.mas-addons-post-widget-item.post-style-style-two:hover .post-content-wrap {
opacity: 1;
visibility: visible;
bottom: 0;
}
@media (max-width: 768px) {
.mas-addons-post-widget-item.post-style-style-two .post-content-wrap {
opacity: 1;
bottom: 0;
visibility: visible;
}
}  .advis-blog-cat {
position: relative;
}
.advis-cat-contnt {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .4s;
}
.advis-blog-cat-title {
background-color: #020C17;
font-size: 18px;
color: #fff;
padding: 13px 25px;
line-height: 1.5em;
text-align: center;
margin-bottom: 0px;
border-radius: 5px;
transition: .4s;
}
.advis-blog-cat:hover .advis-blog-cat-title {
background-color: #FFBE00;
color: #020C17;
}
.advis-cat-image img {
height: 250px;
width: 100%;
object-fit: cover;
object-position: center top;
border-radius: 5px;
}
.mas-addons-addon-post-navigation .nav-links a { color: var(--heading-color);
font-family: Manrope;
font-size: 15px;
font-weight: 500;
font-style: normal;
text-align: center;
text-transform: uppercase;
border: 1px solid var(--heading-color);
padding: 24px 31px;
transition: .4s;
position: relative;
z-index: 1;
line-height: 1;
}
.mas-addons-addon-post-navigation .nav-links a:hover {
border-color: #5034FC;
}
.mas-addons-addon-post-navigation .nav-links a:hover:after {
transform: scale(1);
}
.mas-addons-addon-post-navigation .nav-links a .nav-icon svg {
width: 17px;
}
.mas-addons-addon-post-navigation .nav-links a .nav-icon i {
font-size: 17px;
}
.mas-addons-addon-post-navigation .nav-links .nav-previous a .nav-icon {
margin-right: 14px;
}
.mas-addons-addon-post-navigation .nav-links .nav-next a .nav-icon {
margin-left: 14px;
} .mas-addons-back-to-top-wraper .mas-addons-icon {
display: flex;
align-items: center;
justify-content: center;
right: 0;
bottom: 0;
cursor: pointer;
position: fixed;
transition: all .4s;
opacity: 0;
transform: translatey(20px);
}
.mas-addons-back-to-top-wraper .mas-addons-icon.sticky-active {
opacity: 1;
visibility: visible;
transition: all .4s linear;
z-index: 111;
transform: translatey(0);
}
.elementor-editor-active .mas-addons-back-to-top-wraper .mas-addons-icon {
opacity: 1;
visibility: visible;
} .mas-addons-portfolio-item {
position: relative;
overflow: hidden;
}
.mas-addons-portfolio-item img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 100%;
object-fit: cover; margin-bottom: 0 !important;
}
a.mas-addons-portfolio-content.content-postion-on-image {
position: absolute;
bottom: 15px;
background-color: rgba(255, 255, 255, 0.85);
left: 15px;
right: 15px;
padding: 20px 30px;
border-radius: 8px;
color: #161c2d;
transition: .4s;
transform: translatex(-10%);
opacity: 0;
}
a.mas-addons-portfolio-content .mas-addons-pf-category {
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
text-transform: uppercase;
margin-bottom: 7px;
color: rgba(22, 28, 45, .5);
}
h3.mas-addons-portfolio-title {
font-size: 21px;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 32px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
}
.mas-addons-portfolio-item:hover a.mas-addons-portfolio-content.content-postion-on-image {
opacity: 1;
transform: translate(0);
}
ul.pf-isotope-nav {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 60px;
}
ul.pf-isotope-nav li { color: #6f727b;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
text-transform: uppercase;
display: inline-block;
margin-right: 55px;
cursor: pointer;
transition: .3s;
}
ul.pf-isotope-nav li.active,
ul.pf-isotope-nav li:hover {
color: var(--accent-color);
}
a.mas-addons-portfolio-content.content-postion-below-image {
display: block;
position: relative;
padding: 40px 30px;
}
.mas-addons-pf-loadmore-btn {
cursor: pointer;
font-size: 13px;
color: #030303;
font-weight: 700;
text-transform: uppercase;
border: 1px solid;
letter-spacing: 1.63px;
border: 1px solid rgba(3, 3, 3, 0.3);
}
.mas-addons-hover-rotate .mas-addons-portfolio-item:hover img {
transform: scale(0.8) rotate(-6deg);
border-radius: 20px;
box-shadow: 0 32px 74px rgba(68, 77, 136, 0.2);
}
.mas-addons-hover-rotate .mas-addons-portfolio-item img {
transition: .4s;
}
a.mas-addons-portfolio-content.content-postion-disabled {
display: none;
} .mas-addons-post-widget-item .post-thumbnail {
overflow: hidden;
}
.mas-addons-post-widget-item .post-thumbnail:hover img {
transform: scale(1.1);
}
.mas-addons--blog-thumb {
position: relative;
}
.mas-addons-icon-videobox {
bottom: 37px;
background: #FEE444;
width: 115px;
height: 115px;
text-align: center;
position: absolute;
left: 21px;
display: flex;
align-items: center;
justify-content: center;
}
.mas-addons--blog-thumb img {
width: 100%;
height: 100%;
display: inline-block;
}
.mas-addons--blog-thumb .owl-carousel .owl-item img {
height: 100% !important;
}
.mas-addons--tc p {
font-size: 28px;
line-height: 46px;
}
.t--name {
font-size: 21px;
font-weight: 700;
line-height: 30px;
margin-bottom: 4px;
}
.t-postion {
opacity: 0.7;
font-family: Manrope;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.mas-addons--blog .owl-nav {
position: absolute;
right: 0;
bottom: -40px;
}
.mas-addons-contact-from button i {
margin-left: 20px;
}
.business-subs-form-01 button i {
margin-left: 0px;
}
.mas-addons--blog .owl-nav i {
color: #FFFFFF;
font-size: 24px;
}
.mas-addons--blog .owl-nav .owl-prev {
margin-right: 60px;
}
.mas-addons--blog .owl-nav i:hover {
color: #FEE444;
}
.fIngo--tn-single.style-five .fIngo--tn-icon {
position: static;
} .mas-addons-vertical-menu-wrap ul {
padding: 0;
margin: 0;
list-style: none;
}
.mas-addons-vertical-menu a { color: #171b24;
font-family: Manrope;
font-size: 21px;
font-weight: 700;
text-align: left; font-style: normal;
letter-spacing: normal;
padding: 14px 0;
transition: .3s;
display: block;
}
.mas-addons-vertical-menu a:hover,
.mas-addons-vertical-menu li.current-menu-item>a {
color: var(--accent-color);
} .mas-addons-rev-btn:hover img {
margin-left: 15px;
}
.mas-addons-rev-btn img {
transition: .4s;
margin-left: 7px;
;
} .sticky-wrapper {
width: 100%;
height: auto!important;
}
.sticky-wrapper.is-sticky>.mas-addons-sticky-yes { opacity: 0;
transform: translateY(-50%);
}
.sticky-wrapper.is-sticky>.mas-addons-sticky-yes.reveal-sticky { opacity: 1;
transform: translate(0px);
transition: all 0.3s;
} .main-navigation ul.navbar-nav .menu-item-has-children .sub-menu.mas-addons-megamenu-builder-content-wrap {
padding: 0 !important;
border: none;
} .mas-addons-countdown .mas-addons-countdown__count {
font-size: 120px;
letter-spacing: -3.96px;
font-weight: 700;
color: var(--heading-color);
line-height: 1.3;
}
.mas-addons-countdown li {
text-align: center;
display: inline-block;
}
.mas-addons-countdown .text {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--heading-color);
font-weight: 700;
}
ul.mas-addons-countdown {
margin: 0;
padding: 0;
list-style: none;
}
.mas-addons-countdown-item.show-no {
display: none;
}
li.mas-addons-countdown-item.count-down-block .text {
display: block;
}
li.mas-addons-countdown-item.count-down-inline .text {
display: inline-block;
}
.mas-addons-countdown-wrapper .divider {
position: relative;
} .mas-addons--contactform-wraper.absolute {
position: relative;
}
.mas-addons--contactform-wraper.absolute input[type=submit],
.mas-addons--contactform-wraper.absolute button[type=submit] {
position: absolute;
top: 0;
right: 0;
}
.mas_addons--contact-form- p:empty:before {
display: none;
}
.mas-addons--contactform-wraper p:empty:before {
display: none;
}
.mas-addons--contactform-wraper input:not([type=checkbox]) {
height: 70px;
padding: 20px;
border-radius: 10px;
max-width: 100%;
}
.mas-addons--contactform-wraper input[type=submit],
.mas-addons--contactform-wraper button[type=submit] {
background-color: #6A26DA;
color: #fff;
font-weight: 600;
height: 70px;
width: 172px;
padding: 0px;
transition: all 0.4s ease-in-out;
}
form.wpcf7-form {
display: inline-block;
}
.mas-addons--contact-icon-before {
position: relative;
}
.mas-addons--contact-icon-before:before {
position: absolute;
left: 38px;
top: 22px;
color: #6001D3;
z-index: 10;
font-family: 'Font Awesome 5 Free';
content: "\f0e0";
font-size: 20px;
}
form.wpcf7-form input {
width: 100%;
;
}
.mas-addons--contact-icon-before:before {
left: 25px;
}
div.wpcf7 .ajax-loader:before {
display: none;
}
.wpcf7 form.submitting .ajax-loader {
display: none;
}
.wpcf7 form.submitting input.wpcf7-form-control.wpcf7-submit {
opacity: .4;
cursor: alias;
cursor: progress;
}
.mas-addons--contactform-wraper.mas-addons-contact-from {
position: relative;
} .form-field label {
display: block;
}
.form-field label,
.form-field input {
width: 100%;
}
.log-remember span.checkmark {
display: flex;
align-items: center;
}
.form-field input {
margin-bottom: 20px;
} #rememberme input[type="checkbox"],
.reg-remember input[type="checkbox"] {
height: 20px !important;
width: 20px !important;
margin-right: 11px !important;
cursor: pointer;
margin-bottom: 0px !important;
}
.mas-addons-login-form-wrapper form .log-remember label,
.mas-addons-register-form form .reg-remember label {
display: flex;
align-items: center;
}
.mas-addons-register-wrapper form .reg-remember label a {
margin-left: 3px;
} .mas-addons-form .mas-addons-input {
height: 56px;
width: 100%;
padding: 20px;
border-radius: 40px;
} .mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title {
position: relative;
display: flex;
overflow: hidden;
align-items: center;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title h3 {
width: 100%;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title:hover {
cursor: pointer;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-active-inactive-icon {
position: relative;
margin-left: 15px;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title span.mas-addons-tab-title-icon {
position: relative;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-active-icon i,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-inactive-icon i,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title span.mas-addons-tab-title-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-active-icon svg,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-inactive-icon svg,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title span.mas-addons-tab-title-icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title.active .mas-addons-inactive-icon,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-active-icon {
display: none;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title.active .mas-addons-active-icon {
display: block;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content {
display: none;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-title .mas-addons-active-inactive-icon {
width: 70px;
margin-left: auto;
flex-shrink: 0;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper {
display: flex;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes .mas-addons-accordion-text {
width: 60%;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes .mas-addons-accordion-image {
width: 40%;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes.image-position-left .mas-addons-accordion-text {
order: 2;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes.image-position-left .mas-addons-accordion-image {
order: 1;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper .mas-addons-accordion-button a {
display: inline-block;
}
@media only screen and (max-width: 767px) {
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper {
flex-direction: column;
}
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes .mas-addons-accordion-text,
.mas-addons-accordion-items .mas-addons-accordion-single-item .mas-addons-accordion-content .mas-addons-accordion-content-wrapper.has-image-yes .mas-addons-accordion-image {
width: 100%;
}
.mas-addons-post-widget-item.post-style-style-three .post-content {
width: 100%;
}
}
.mas-addons-accordion-items .mas-addons-accordion-single-item:last-child {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
} .ldBar {
position: relative;
}
.ldBar.label-center>.ldBar-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-shadow: 0 0 3px #ffffff;
}
.mas-addons-progress-bar .ldBar-label:after {
content: "%";
display: inline;
position: absolute;
}
.ldBar.no-percent .ldBar-label:after {
content: ""
}
[class*="mas-addons-progress-bar-"].line {
position: relative;
}
[class*="mas-addons-progress-bar-"].line .ldBar-label {
position: absolute;
top: -12px;
right: 0;
}
[class*="mas-addons-progress-bar-"].line-bubble {
position: relative;
}
[class*="mas-addons-progress-bar-"].line-bubble .ldBar-label {
position: absolute;
left: 0;
top: 0%;
width: 50px;
height: 50px;
-webkit-transform: translate(-50%, 25%);
transform: translate(-50%, 25%);
background-color: #ccc;
line-height: 27px;
}
[class*="mas-addons-progress-bar-"].circle {
position: relative;
}
[class*="mas-addons-progress-bar-"].circle .ldBar-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[class*="mas-addons-progress-bar-"].circle h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="mas-addons-progress-bar-"].fan {
position: relative;
}
[class*="mas-addons-progress-bar-"].fan svg {
margin-top: -40%;
}
[class*="mas-addons-progress-bar-"].fan h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="mas-addons-progress-bar-"].fan .ldBar-label {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -20%);
transform: translate(-50%, -20%);
font-size: 30px;
bottom: 7%;
}
[class*="mas-addons-progress-bar-"].fan .left-title {
position: absolute;
left: 0;
bottom: -10px;
}
[class*="mas-addons-progress-bar-"].fan .right-title {
position: absolute;
bottom: -10px;
right: 0;
}
.mas-addons-progress-bar svg:not(:root) {
overflow: hidden;
height: inherit;
}
.mas-addons-progress-bar-title {
font-size: 16px;
font-weight: 600;
} span.mas-addons-pricing-badge {
background-color: var(--accent-color);
position: absolute;
top: 0;
right: 0;
padding: 0 14px;
border-radius: 8px 8px 8px 8px;
}
span.mas-addons-pricing-badge:before {
height: 0;
width: 0;
right: -5.5px;
top: 0.1px;
border-bottom: 6px solid transparent;
border-right: 6px solid transparent;
}
span.mas-addons-pricing-badge:before,
span.mas-addons-pricing-badge:after {
content: "";
position: absolute;
}
span.mas-addons-pricing-badge:after {
height: 0;
width: 0;
bottom: 0;
left: -9px;
border-top: 11px solid #F47530;
border-bottom: 14px solid #F47530;
border-left: 17px solid transparent;
}   .brand-logo-slider .slick-slide {
margin: 0 27px;
} .brand-logo-slider .slick-list {
margin: 0 -27px;
}
.brand-logo-slider-arrow {
position: relative;
}
.brand-logo-slider-arrow .slick-prev:before,
.brand-logo-slider-arrow .slick-next:before {
display: none;
}
.brand-logo-slider-arrow button button {
display: none;
}
.brand-logo-slider-arrow.slick-active {
color: #1d263a;
}
.brand-logo-slider-arrow button.prev {
position: absolute;
}
.brand-logo-slider-arrow button.next {
position: absolute;
}
.brand-logo-slider-arrow .slick-active {
background: #2c4bff;
color: #fff;
}
.brand-logo-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1d263a;
cursor: pointer;
height: 60px;
width: 60px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
}
.brand-logo-slider-arrow button:hover {
background-color: #1d263a;
color: #fff;
}
.brand-logo-dots .slick-dots {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.brand-logo-dots .slick-dots li {
list-style: none;
display: inline-block;
margin: 0 5px;
width: 11px;
height: 11px;
border-radius: 50%;
transition: 0.4s;
}
.brand-logo-dots .slick-dots li button {
border: none;
list-style: none;
width: 11px;
height: 11px;
border-radius: 50%;
color: transparent;
opacity: 0.2;
}
.brand-logo-dots .slick-dots li button:focus {
outline: none;
box-shadow: none;
}
.brand-logo-dots .slick-dots li.slick-active {
background-color: #ffd166 !important;
}
@media only screen and (min-width: 768px) {
.brand-logo-slider .slick-slide img {
display: block;
margin: 0px auto;
}
.brand-logo-slider-arrow .prev {
left: 215px !important;
right: auto !important;
}
}
@media only screen and (min-width: 320px) {
.brand-logo-slider .slick-slide img {
display: block;
margin: 0px auto;
}
} .mas-addons-card-images {
position: relative;
}
.mas-addons-card-images img {
overflow: hidden;
width: 100%;
}
.mas-addons-card-number {
position: absolute;
top: 0;
width: 60px;
height: 60px;
background-color: #ED6341;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30px;
margin-top: 30px;
opacity: 0;
visibility: hidden;
z-index: 2;
transition: 0.4s all ease-in-out;
}
.mas-addons-single-card:hover .mas-addons-card-number {
opacity: 1;
visibility: visible;
margin-left: 30px;
}
.mas-addons-card-content {
position: absolute;
bottom: 0;
padding-bottom: 30px;
padding-left: 30px;
background: linear-gradient(180deg, rgba(31, 40, 57, 0) 17.52%, #000000 100%);
width: 100%;
}
.mas-addons-card-images:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
content: "";
background: linear-gradient(180deg, rgba(31, 40, 57, 0) 17.52%, #000000 100%);
}
.mas-addons-card-title {
font-size: 22px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
line-height: 33px;
}
.mas-addons-card-discription {
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
}
.mas-addons-single-card.hover-one:hover .mas-addons-card-images img {
transform: scale(1.1);
}
.mas-addons-single-card.hover-one .mas-addons-card-images {
overflow: hidden;
}
.mas-addons-card-images img {
transition: .7s;
} .mas-addons-tab-content-single {
display: none;
}
.mas-addons-tab-content-single.current {
display: block;
position: relative;
}
.mas-addons--tab-menu ul.tabs {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 856px;
border-bottom: 2px solid rgb(0 28 128 / 20%);
flex-wrap: wrap;
}
.mas-addons--tab-menu ul.tabs>li {
display: inline-flex;
font-style: normal;
font-weight: 1.3;
font-size: 20px;
color: #2B59FF;
position: relative;
padding: 20px 0;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: .3s;
cursor: pointer;
}
.mas-addons--tab-menu ul.tabs>li .mas-addons-tab-icon {
margin-right: 8px;
font-size: 18px;
width: 18px;
}
.mas-addons--tab-menu {
text-align: center;
}
.mas-addons--tab-menu ul.tabs>li.current {
border-color: #FD4C5C;
color: #FD4C5C;
}
.mas-addons-elm-edit-popup .mfp-content {
max-width: 80vw;
max-height: 80vh;
}
.mas-addons-elm-edit-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
border: 1px solid #ffa500d9;
transition: .3s;
}
a.mas-addons-elm-edit {
transform: translatey(-100%);
background: #ffa500d9;
color: #fff;
padding: 0 13px;
}
.toggle-password {
cursor: pointer;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
color: rgba(73, 100, 136, 0.5);
} @media only screen and (min-width: 1350px) {
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1320px;
}
}
@media only screen and (min-width:1025px) and (max-width:1200px) {
.mas-addons-pricing-area .container-fluid {
padding: 0 100px;
}
.mas-addons-pricing-item-wrap {
margin-bottom: 30px;
}
.mas-addons-register-form form .reg-remember label {
display: block;
}
.reg-remember input[type="checkbox"] {
width: 15px !important;
}
}
@media only screen and (min-width:991px) and (max-width:1200px) {
.mas-addons-pricing-item-wrap {
margin-bottom: 30px;
}
}
@media only screen and (max-width:991px) {
.mas-addons-pricing-item-wrap {
margin-bottom: 30px;
}
.mas-addons-register-form form .reg-remember label {
display: block;
}
.reg-remember input[type="checkbox"] {
width: 15px !important;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
.mas-addons-blog-stories .swiper-navigation {
margin-top: 0;
}
.content-align-tablet-right {
text-align: right;
}
.content-align-tablet-center {
text-align: center;
}
.content-align-tablet-left {
text-align: left;
}
.content-align-tablet-justify .mas-addons-btn {
width: 100%;
} .mas-addons-main-menu-wrap.menu-align-tablet-end {
justify-content: flex-end;
}
.mas-addons-main-menu-wrap.menu-align-tablet-center {
justify-content: center;
}
.mas-addons-main-menu-wrap.menu-align-tablet-start {
justify-content: flex-start;
}
.mas-addons-post-widget-item.post-style-style-three .post-content {
width: 100%;
}
}
@media only screen and (max-width:767px) {
.content-align-mobile-right {
text-align: right;
}
.content-align-mobile-center {
text-align: center;
}
.content-align-mobile-left {
text-align: left;
}
.content-align-mobile-justify .mas-addons-btn {
width: 100%;
} .mas-addons-main-menu-wrap.menu-align-mobile-end {
justify-content: flex-end;
}
.mas-addons-main-menu-wrap.menu-align-mobile-center {
justify-content: center;
}
.mas-addons-main-menu-wrap.menu-align-mobile-start {
justify-content: flex-start;
}
.nice-select ul.list {
width: 100%;
margin-top: 0;
}
.mas-addons-addon-post-navigation .nav-links {
display: block;
}
.mas-addons-addon-post-navigation .nav-links .nav-previous {
margin-bottom: 10px;
}
.mas-addons--contactform-wraper.absolute input[type=submit],
.mas-addons--contactform-wraper.absolute button[type=submit] {
left: 0;
}
} .elementor-widget-image .elementor-widget-container {
overflow: hidden;
}
.subscribe-form-02 .with-icon-input i {
color: #CDCCD9;
font-size: 22px;
position: absolute;
left: 15;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.subscribe-form-02 .with-icon-input input {
position: relative;
z-index: 1;
}
.subscribe-form-02 p {
margin: 0;
}
@media screen and (max-width: 768px) {
.subscribe-form-02 .with-icon-input i {
left: 10px;
top: 36px;
}
}
.mas-addons-form .mas-addons-link {
display: inherit;
margin: 0;
margin-top: 30px;
}
.mas-addons-form .mas-addons-link p {
margin: 0;
}
.mas-addons-form .mas-addons-link p {
margin-left: 9px;
}
.mas-addons-login-form-wrapper .password-field {
position: relative;
}
.mas-addons-login-form-wrapper .forgetpassword {
right: 0;
top: 50%;
}
.elementor-widget-mas-addons-lost-password .elementor-widget-container {
text-align: center;
} .mas-modal-button .mas-modal-image-action {
display: inline-block;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.top-to-middle {
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-modal-item.modal-vimeo.bottom-to-middle {
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-modal-item.active.modal-vimeo.bottom-to-middle {
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mas-modal-item.modal-vimeo.right-to-middle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-30%, -50%);
transform: translate(-30%, -50%);
}
.mas-modal-item.active.modal-vimeo.right-to-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999;
}
.mas-modal-item.modal-vimeo.left-to-middle {
-webkit-transform: translate(-70%, -50%);
transform: translate(-70%, -50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-modal-item.active.modal-vimeo.left-to-middle {
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mas-modal-item.modal-vimeo.zoom-in {
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-modal-item.active.modal-vimeo.zoom-in {
z-index: 9999;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.mas-modal-item.modal-vimeo.zoom-out {
-webkit-transform: translate(-50%, -50%) scale(1.5);
transform: translate(-50%, -50%) scale(1.5);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-modal-item.active.modal-vimeo.zoom-out {
z-index: 9999;
display: block;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.mas-modal-item.modal-vimeo.left-rotate {
opacity: 0;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translate(-50%, -50%) rotateX(90deg);
transform: translate(-50%, -50%) rotateX(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.mas-modal-item.active.modal-vimeo.left-rotate {
opacity: 1;
z-index: 9999;
-webkit-transform: translate(-50%, -50%) rotateX(0);
transform: translate(-50%, -50%) rotateX(0);
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-close-btn {
position: absolute;
top: -40px;
right: -40px;
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 50%;
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-close-btn span {
display: block;
height: 100%;
width: 100%;
position: absolute;
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-close-btn span::before {
content: "";
position: absolute;
height: 2px;
width: 20px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-close-btn span::after {
content: "";
position: absolute;
height: 20px;
width: 2px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.mas-modal-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
display: none;
}
.mas-modal-overlay.active {
opacity: 1;
z-index: 1000;
display: block;
transition: all 0.3s ease;
}
.mas-modal-item.image-gallery .mas-modal-element {
display: flex;
flex-wrap: wrap;
}
.mas-modal-item.image-gallery .mas-modal-element.column-one .mas-modal-element-card {
width: 100%;
}
.mas-modal-item.image-gallery .mas-modal-element.column-two .mas-modal-element-card {
width: 50%;
}
.mas-modal-item.image-gallery .mas-modal-element.column-three .mas-modal-element-card {
width: 33.33%;
}
.mas-modal-item.image-gallery .mas-modal-element.column-four .mas-modal-element-card {
width: 25%;
}
.mas-modal-item.image-gallery .mas-modal-element.column-five .mas-modal-element-card {
width: 20%;
}
.mas-modal-item.image-gallery .mas-modal-element.column-six .mas-modal-element-card {
width: 16.66%;
}
.mas-modal-item {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.mas-modal-item.modal-vimeo {
opacity: 0;
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
height: auto;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden;
}
@media (max-width: 991px) {
.mas-modal-item.modal-vimeo {
height: 100%;
}
.mas-modal-item.modal-vimeo::-webkit-scrollbar {
display: none;
}
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-modal-element img {
display: block;
width: 100%;
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-modal-element .mas-modal-element-card .mas-modal-element-card-body p {
margin: 0;
}
.mas-modal-item.modal-vimeo .mas-modal-content .mas-modal-element .mas-modal-element-card img {
display: block;
width: 100%;
}
.mas-modal-item.modal-vimeo .mas-modal-content {
position: relative;
}
.mas-modal-item .mas-modal-content .mas-modal-element iframe {
display: block;
height: 100%;
width: 100%;
}
.mas-modal-item.active.modal-vimeo {
opacity: 1;
z-index: 2000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: visible;
}
.mas-modal-button.mas-modal-btn-fixed-width-yes .mas-modal-image-action {
position: relative;
}
.mas-modal-button.mas-modal-btn-fixed-width-yes .mas-modal-image-action span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.mas-modal-wrapper .mas-modal-item.mas-content-overflow-x- {
overflow-x: hidden;
}
.mas-modal-wrapper .mas-modal-item.mas-content-overflow-y- {
overflow-y: scroll;
} .mas-content-switcher-toggle-switch-label {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.mas-content-switcher-toggle-switch-label input {
opacity: 0;
width: 0;
height: 0;
}
.mas-content-switcher-toggle-switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
display: block;
border-style: solid;
}
.mas-content-switcher-toggle-switch-slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.mas-content-switcher-toggle-switch-slider {
background-color: #2196F3;
}
input:focus+.mas-content-switcher-toggle-switch-slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.mas-content-switcher-toggle-switch-slider:before {
-webkit-transform: translate(34px, -50%);
-ms-transform: translate(34px, -50%);
transform: translate(34px, -50%);
}
.mas-content-switcher-toggle-inner {
display: flex;
align-items: center;
flex-direction: row;
padding: 30px 0;
}
.mas-content-switcher-toggle.mas_switecher_left {
justify-content: flex-start;
display: flex;
}
.mas-content-switcher-toggle.mas_switecher_center {
justify-content: center;
display: flex;
}
.mas-content-switcher-toggle.mas_switecher_right {
justify-content: flex-end;
display: flex;
}
.mas-content-switcher-toggle.mas_switecher_justify {
display: block;
}
.mas-content-switcher-toggle.mas_switecher_justify .mas-content-switcher-toggle-inner {
justify-content: center;
}
.mas-content-switcher-toggle-label-1 {
cursor: pointer;
}
.mas-content-switcher-toggle-label-2 {
cursor: pointer;
} .mas-list-group-wrapper {
margin: 0;
padding: 0;
list-style: none;
}
.mas-list-group .mas-list-group-wrapper.layout_1 {
display: flex;
flex-direction: column;
}
.mas-list-group .mas-list-group-wrapper.layout_2 {
display: flex;
flex-direction: row;
align-items: center;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item:last-child{
padding-bottom: 0!important;
padding-right: 0!important;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item,
.mas-list-group .mas-list-group-wrapper .mas-list-group-item a {
position: relative;
line-height: 1;
display: flex;
align-items: center;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item.mas-icon-center,
.mas-list-group .mas-list-group-wrapper .mas-list-group-item.mas-icon-center a {
flex-direction: column;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item.mas-icon-right .mas-list-group-icon {
order: 2;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon .mas-list-group-icon-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon .mas-list-group-icon-image {
display: flex;
}
.mas-list-group .mas-list-group-wrapper.layout_1 .mas-list-group-item:after {
position: absolute;
bottom: 0;
width: 100%;
content: "";
left: 0;
}
.mas-list-group .mas-list-group-wrapper.layout_2 .mas-list-group-item:after {
position: absolute;
right: 0;
height: 100%;
content: "";
top: 0;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon.yes {
position: relative;
transition: all 0.4s;
display: flex;
align-items: center;
justify-content: center;
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon.yes i,
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon.yes .mas-list-group-icon-image,
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon.yes .mas-list-group-icon-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mas-list-group .mas-list-group-wrapper .mas-list-group-item .mas-list-group-icon.yes .mas-list-group-icon-number {
line-height: 0;
} .busico-pricing-page .mas-addons-pricing-table-description,
.busico-service-page .mas-addons-pricing-table-description {
display: none;
} a.arcatec-author-wrap {
display: flex;
align-items: center;
}
.arcatec-author-avatar {
width: 40px;
height: 40px;
overflow: hidden;
margin-right: 10px;
border-radius: 100%;
flex-shrink: 0;
}
.arcatec-author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
} .btn-icon, 
.btn-icon {
line-height: 1;
position: relative;
top: 1px;
}
.arcatec-blog-wrap {
transition: all 0.4s;
}
.arcatec-blog-thumbnail {
position: relative;
overflow: hidden;
}
.arcatec-blog-thumbnail img{
transition: all 0.4s;
}
.arcatec-post-widget-item:hover .arcatec-blog-thumbnail img{
transform: scale(1.07);
}
.arcatec-author-data {
position: absolute;
bottom: 0;
right: 0;
}
h5.arcatec-post-title{
transition: all 0.4s;
}
.arcatec-post-widget-item:hover h5.arcatec-post-title{
text-decoration: underline;
}
.style-two .arcatec-blog-wrap {
display: grid;
grid-template-columns: 230px 1fr;
}
.style-two .arcatec-blog-thumbnail{
display: flex;
height: 100%;
}
.style-two .arcatec-author-data{
right: auto;
left: 0;
}
.arcatec-blog-thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.style-two .arcatec-blog-wrap {
display: block;
}
}.mas-creative-btn-wrap {
display: inline-block;
--ha-ctv-btn-bg-clr: #fff;
--ha-ctv-btn-bg-hvr-clr: #4243DC;
--ha-ctv-btn-border-clr: #4243DC;
--ha-ctv-btn-border-hvr-clr: #4243DC;
--ha-ctv-btn-txt-clr: #4243DC;
--ha-ctv-btn-txt-hvr-clr: #fff;
width: 100%;
}
.mas-creative-btn-wrap .mas-creative-btn {
position: relative;
z-index: 0;
display: inline-block;
padding: 15px 25px;
max-width: 100%;
border-color: var(--ha-ctv-btn-border-clr);
border-radius: 5px;
background: var(--ha-ctv-btn-bg-clr);
color: var(--ha-ctv-btn-txt-clr);
text-align: center;
text-decoration: none;
font-size: 16px;
line-height: 1;
font-weight: 700;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mas-creative-btn-wrap .mas-creative-btn:hover {
border-color: var(--ha-ctv-btn-border-hvr-clr);
background: var(--ha-ctv-btn-bg-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--estilo {
padding: 25px 80px;
border-width: 3px;
border-style: solid;
border-radius: 0;
cursor: pointer;
}
.mas-creative-btn-wrap .mas-stl--estilo:after {
position: absolute;
z-index: -1;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mas-creative-btn-wrap .mas-stl--estilo:active,
.mas-creative-btn-wrap .mas-stl--estilo:hover {
background: var(--ha-ctv-btn-bg-clr);
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--dissolve:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--dissolve:active,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--dissolve:hover,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen:hover,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen:active,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen:hover {
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--dissolve:active:after,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--dissolve:hover:after {
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-down:after {
top: 0;
left: 0;
width: 100%;
height: 0;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-down:active:after,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-down:hover:after {
height: 100%;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-right:after {
top: 0;
left: 0;
width: 0;
height: 100%;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-right:active:after,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-right:hover:after {
width: 100%;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--cross-slider,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-x,
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-y {
overflow: hidden;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-x:after {
top: 50%;
left: 50%;
width: 0;
height: 103%;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-x:hover:after {
width: 90%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-x:active:after {
width: 101%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--cross-slider:after {
top: 50%;
left: 50%;
width: 100%;
height: 0;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--cross-slider:hover:after {
height: 260%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--cross-slider:active:after {
height: 400%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-y:after {
top: 50%;
left: 50%;
width: 101%;
height: 0;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-y:hover:after {
height: 75%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo.mas-eft--slide-y:active:after {
height: 130%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--estilo,
.mas-creative-btn-wrap .mas-stl--iconica,
.mas-creative-btn-wrap .mas-stl--symbolab {
display: inline-block;
overflow: hidden;
outline: none;
background: var(--ha-ctv-btn-bg-clr);
color: var(--ha-ctv-btn-txt-clr);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.mas-creative-btn-wrap .mas-stl--symbolab {
border-width: 3px;
border-style: solid;
padding: 25px 80px;
border-radius: 50px;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--wapasha:hover,
.mas-creative-btn-wrap .mas-stl--symbolab:active,
.mas-creative-btn-wrap .mas-stl--symbolab:hover {
background: var(--ha-ctv-btn-bg-hvr-clr);
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--symbolab > i {
position: absolute;
top: 50%;
-webkit-transition: left 0.3s, right 0.3s;
transition: left 0.3s, right 0.3s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-right i {
left: 130%;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-right:active i,
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-right:hover i {
left: 80%;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-left i {
left: -50%;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-left:active i,
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-in-left:hover i {
left: 10%;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-right i {
left: 70%;
opacity: 0;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-right:active i,
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-right:hover i {
left: 80%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-left i {
left: 30%;
opacity: 0;
}
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-left:active i,
.mas-creative-btn-wrap .mas-stl--symbolab.mas-eft--back-out-left:hover i {
left: 10%;
opacity: 1;
}
.mas-creative-btn-wrap .mas-stl--iconica {
padding: 0 !important;
border-radius: 0;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mas-creative-btn-wrap .mas-stl--iconica:active,
.mas-creative-btn-wrap .mas-stl--iconica:hover {
border-color: var(--ha-ctv-btn-border-hvr-clr);
background: var(--ha-ctv-btn-bg-hvr-clr);
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--iconica > span {
display: inline-block;
padding: 25px 80px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mas-creative-btn-wrap .mas-stl--iconica > i {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-down:hover > span {
-webkit-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-down > i {
top: -100%;
left: 0;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-down:hover > i,
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-top:hover > i {
top: 0;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-top:hover > span {
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%);
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-top > i {
top: 100%;
left: 0;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-right:hover > span {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-right > i {
top: 0;
left: -100%;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-left:hover > i,
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-right:hover > i {
left: 0;
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-left:hover > span {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
.mas-creative-btn-wrap .mas-stl--iconica.mas-eft--slide-in-left > i {
top: 0;
left: 100%;
}
.mas-creative-btn-wrap .mas-stl--iconica,
.mas-creative-btn-wrap .mas-stl--montino {
border-width: 3px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-clr);
}
.mas-creative-btn-wrap .mas-stl--montino:active,
.mas-creative-btn-wrap .mas-stl--montino:hover {
border-color: var(--ha-ctv-btn-border-hvr-clr);
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona {
z-index: 1;
overflow: hidden;
padding: 0 !important;
outline: none;
border-radius: 0;
background: var(--ha-ctv-btn-bg-clr);
cursor: pointer;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona > span {
padding: 25px 80px;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona > span {
display: block;
vertical-align: middle;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona::after {
position: absolute;
top: 0;
left: 0;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: attr(data-text);
opacity: 0;
-webkit-transform: translate(0, 25%);
-ms-transform: translate(0, 25%);
transform: translate(0, 25%);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona:hover > span {
opacity: 0;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--winona:hover::after {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen::before {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: attr(data-text);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
padding: 25px 80px;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen > span {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen > span {
display: block;
padding: 25px 80px;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen:hover::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen:hover::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen:hover::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--rayen:hover > span {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen {
z-index: 1;
overflow: hidden;
padding: 25px 80px;
outline: none;
border-radius: 0;
background: var(--ha-ctv-btn-bg-clr);
cursor: pointer;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::before {
position: absolute;
bottom: 100%;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::before {
background: var(--ha-ctv-btn-bg-hvr-clr);
opacity: 0.7;
}
.mas-creative-btn-wrap .mas-stl--hermosa,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina:hover {
background: var(--ha-ctv-btn-bg-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--aylen:hover::after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--wapasha {
z-index: 1;
padding: 25px 80px;
outline: none;
border-width: 0;
border-radius: 0;
background: var(--ha-ctv-btn-bg-clr);
cursor: pointer;
--ha-ctv-btn-bg-clr: #4243DC;
--ha-ctv-btn-bg-hvr-clr: #fff;
--ha-ctv-btn-border-clr: #fff;
--ha-ctv-btn-border-hvr-clr: #4243DC;
--ha-ctv-btn-txt-clr: #fff;
--ha-ctv-btn-txt-hvr-clr: #4243DC;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--wapasha::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: inherit;
content: "";
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--wapasha:hover::before {
border-color: var(--ha-ctv-btn-border-hvr-clr);
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina {
overflow: hidden;
padding: 25px 80px;
background: var(--ha-ctv-btn-bg-clr);
color: var(--ha-ctv-btn-txt-clr);
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina > span {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina > span {
display: inline-block;
color: var(--ha-ctv-btn-txt-clr);
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::before,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina::before {
position: absolute;
top: 0;
left: 0;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina::before {
padding: 25px 80px;
content: attr(data-text);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina:hover::before {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--nina:hover > span {
color: var(--ha-ctv-btn-txt-hvr-clr);
opacity: 1;
-webkit-transition-delay: var(--delay, 0.045s);
transition-delay: var(--delay, 0.045s);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman {
padding: 25px 80px;
border-width: 0;
background: var(--ha-ctv-btn-bg-hvr-clr);
--ha-ctv-btn-bg-clr: #4243DC;
--ha-ctv-btn-bg-hvr-clr: #fff;
--ha-ctv-btn-border-clr: #fff;
--ha-ctv-btn-border-hvr-clr: #4243DC;
--ha-ctv-btn-txt-clr: #fff;
--ha-ctv-btn-txt-hvr-clr: #4243DC;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::after,
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::before {
z-index: -1;
border-radius: inherit;
content: "";
pointer-events: none;
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::before {
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-hvr-clr);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman::after {
width: 100%;
height: 100%;
background: var(--ha-ctv-btn-bg-clr);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman:hover::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--antiman:hover::after {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--sacnite {
overflow: hidden;
padding: 25px 80px;
background: var(--ha-ctv-btn-bg-clr);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--sacnite::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: inherit;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--sacnite:hover::before {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.mas-creative-btn-wrap .mas-stl--montino.mas-eft--sacnite > span {
pointer-events: none;
}
.mas-creative-btn-wrap .mas-stl--hermosa {
padding: 25px 80px;
color: var(--ha-ctv-btn-txt-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa:active,
.mas-creative-btn-wrap .mas-stl--hermosa:hover {
color: var(--ha-ctv-btn-txt-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa::after,
.mas-creative-btn-wrap .mas-stl--hermosa::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--expandable {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
padding: 20px 25px;
border-width: 2px;
border-style: solid;
border-radius: 0;
background: var(--ha-ctv-btn-bg-clr);
color: var(--ha-ctv-btn-txt-clr);
font-weight: 700;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--expandable span {
position: relative;
display: inline-block;
overflow: hidden;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--expandable span.text {
width: 0;
white-space: nowrap;
-webkit-transition: width 0.2s;
transition: width 0.2s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--expandable:hover span.text {
margin-right: 10px;
width: auto;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--upward {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-radius: 3em;
font-weight: 700;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--upward span {
position: relative;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie::before,
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--upward::before {
background: var(--ha-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1),
-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--upward:hover::before {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie {
overflow: hidden;
padding: 25px 80px;
border-width: 2px;
border-style: solid;
font-weight: 700;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie span {
position: relative;
display: block;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie > span,
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie > span > span {
overflow: hidden;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie:hover > span > span {
-webkit-animation: HaCtvBtn_Newbie_MoveUpInitial 0.2s forwards,
HaCtvBtn_Newbie_MoveUpEnd 0.2s forwards 0.2s;
animation: HaCtvBtn_Newbie_MoveUpInitial 0.2s forwards,
HaCtvBtn_Newbie_MoveUpEnd 0.2s forwards 0.2s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie::before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--newbie:hover::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--render {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-clr);
border-radius: 0.5em;
background: var(--ha-ctv-btn-bg-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--render > span {
position: relative;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--render::before {
left: -10%;
width: 120%;
background: var(--ha-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1),
-webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
-webkit-transform: skew(30deg);
-ms-transform: skew(30deg);
transform: skew(30deg);
}
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--downhill:hover
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--downhill:active,
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--exploit:hover
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--exploit:active,
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--render:hover
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--render:active {
border-color: var(--ha-ctv-btn-border-hvr-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--render:hover::before {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 1.5em 3em;
width: 175px;
height: 120px;
background: 0 0;
--ha-ctv-btn-bg-clr: #4243DC;
--ha-ctv-btn-bg-hvr-clr: #562dd4;
--ha-ctv-btn-txt-clr: #fff;
--ha-ctv-btn-txt-hvr-clr: #fff;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape::before {
background: var(--ha-ctv-btn-bg-clr);
content: "";
-webkit-transition: background 0.5s ease,
-webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
background 0.5s ease;
transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
background 0.5s ease,
-webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
-webkit-clip-path: path(
"M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z"
);
clip-path: path(
"M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z"
);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape:hover::before {
background: var(--ha-ctv-btn-bg-hvr-clr);
-webkit-clip-path: path(
"M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z"
);
clip-path: path(
"M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z"
);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape::after {
top: 5%;
z-index: -1;
width: 97%;
height: 86%;
border-width: 1px;
border-style: solid;
border-color: var(--ha-ctv-btn-bg-clr);
border-radius: 58% 42% 55% 45%/56% 45% 55% 44%;
content: "";
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
-webkit-transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape:hover::after {
border-color: var(--ha-ctv-btn-bg-hvr-clr);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape > span {
z-index: 1;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--reshape:hover span {
-webkit-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-clr);
border-radius: 0.85em;
background: var(--ha-ctv-btn-bg-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit > span {
position: relative;
z-index: 10;
display: block;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit:hover span {
-webkit-animation: HaCtvBtn_Exploit_MoveScaleUpInitial 0.3s forwards,
HaCtvBtn_Exploit_MoveScaleUpEnd 0.3s forwards 0.3s;
animation: HaCtvBtn_Exploit_MoveScaleUpInitial 0.3s forwards,
HaCtvBtn_Exploit_MoveScaleUpEnd 0.3s forwards 0.3s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit::before {
top: -110%;
left: -10%;
padding-bottom: 120%;
width: 120%;
height: 0;
border-radius: 50%;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit::after,
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit:hover::before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit:hover::before {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit::after {
background: var(--ha-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--exploit:hover::after {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 0.05s;
transition-duration: 0.05s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 0;
width: 100px;
height: 100px;
border-width: 2px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-clr);
border-radius: 50%;
font-weight: 500;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill span {
position: relative;
display: block;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill > span {
overflow: hidden;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill:hover > span > span {
-webkit-animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill::before {
padding-bottom: 100%;
width: 100%;
height: 0;
border-radius: 50%;
background: var(--ha-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--downhill:hover::before {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom {
padding: 0 !important;
border-width: 0 !important;
background: 0 0;
--ha-ctv-btn-bg-clr: #4243DC;
--ha-ctv-btn-bg-hvr-clr: #fff;
--ha-ctv-btn-txt-clr: #fff;
--ha-ctv-btn-txt-hvr-clr: #4243DC;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div,
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom:hover div::before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-color: var(--ha-ctv-btn-border-clr);
border-radius: 0.85em;
background: var(--ha-ctv-btn-bg-clr);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom:hover div {
border-color: var(--ha-ctv-btn-border-hvr-clr);
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div::after,
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div::before {
position: absolute;
background: var(--ha-ctv-btn-bg-hvr-clr);
content: "";
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div::before {
top: 50%;
left: 50%;
padding-bottom: 110%;
width: 110%;
height: 0;
border-radius: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom:hover div::before {
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom div::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom:hover div::after {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-duration: 0.01s;
transition-duration: 0.01s;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--bloom span {
position: relative;
display: block;
padding: 1.5em 3em;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
width: 120px;
height: 120px;
border-width: 0 !important;
background: 0 0;
font-weight: 700;
--ha-ctv-btn-border-clr: #e8e8e8;
--ha-ctv-btn-border-hvr-clr: #4243DC;
--ha-ctv-btn-stroke-width: 1px;
--ha-ctv-btn-txt-clr: #4243DC;
--ha-ctv-btn-txt-hvr-clr: #4243DC;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup .progress {
position: absolute;
top: 50%;
left: 50%;
width: calc(120px - ((120px / 100) * 20));
height: calc(120px - ((120px / 100) * 20));
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup:hover .progress {
-webkit-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1);
transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup .progress__circle {
fill: none;
stroke: var(--ha-ctv-btn-border-clr);
stroke-width: var(--ha-ctv-btn-stroke-width, 1px);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup .progress__path {
fill: none;
stroke-width: var(--ha-ctv-btn-stroke-width, 1px);
}
.mas-creative-btn-wrap
.mas-stl--hermosa.mas-eft--roundup:focus-visible
.progress__circle {
fill: rgba(252, 196, 63, 0.4);
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup .progress__path {
-webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
stroke: var(--ha-ctv-btn-border-hvr-clr);
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.mas-creative-btn-wrap .mas-stl--hermosa.mas-eft--roundup:hover .progress__path {
stroke-dashoffset: 0;
}
@-webkit-keyframes HaCtvBtn_Newbie_MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
}
}
@keyframes HaCtvBtn_Newbie_MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
}
}
@-webkit-keyframes HaCtvBtn_Newbie_MoveUpEnd {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes HaCtvBtn_Newbie_MoveUpEnd {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes HaCtvBtn_Exploit_MoveScaleUpInitial {
to {
opacity: 0;
-webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
}
}
@keyframes HaCtvBtn_Exploit_MoveScaleUpInitial {
to {
opacity: 0;
-webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
}
}
@-webkit-keyframes HaCtvBtn_Exploit_MoveScaleUpEnd {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes HaCtvBtn_Exploit_MoveScaleUpEnd {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}.mas-cig {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
vertical-align: middle;
}
.mas-cig-item {
position: relative;
display: inline-block;
border-radius: 100%;
text-decoration: none;
line-height: 100%;
}
.mas-cig-item a.mas-cig-item-outline,
.mas-cig-item-outline {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.mas-cig-item .fw-svg-wrap,
.mas-cig-item i,
.mas-cig-item img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
max-width: 100%;
width: 60px;
height: 60px;
border: 3px solid #fff;
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-object-fit: cover;
object-fit: cover;
}
.mas-cig-item:not(:first-child) {
margin-left: -30px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mas-cig-item:not(:last-child) {
margin-right: 5px;
}
.mas-cig:hover .mas-cig-item {
margin-left: 0;
}
[tooltip] {
position: relative;
}
[tooltip]::after,
[tooltip]::before {
position: absolute;
display: none;
text-transform: none;
font-size: 0.8em;
line-height: 1;
opacity: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[tooltip]::before {
z-index: 1001;
border: 5px solid transparent;
content: "";
}
[tooltip]::after {
z-index: 1000;
overflow: hidden;
padding: 1ch 1.5ch;
min-width: 3em;
max-width: 21em;
border-radius: 0.3ch;
background: #333;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
color: #fff;
content: attr(tooltip);
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Helvetica, sans-serif;
}
[tooltip]:hover::after,
[tooltip]:hover::before {
display: block;
}
[tooltip=""]::after,
[tooltip=""]::before {
display: none !important;
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-top-color: var(--caret-color, #333);
border-bottom-width: 0;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::after,
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::after,
[tooltip][flow^="up"]::before {
left: 50%;
-webkit-transform: translate(-50%, -0.5em);
-ms-transform: translate(-50%, -0.5em);
transform: translate(-50%, -0.5em);
}
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: var(--caret-color, #333);
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::after,
[tooltip][flow^="down"]::before {
left: 50%;
-webkit-transform: translate(-50%, 0.5em);
-ms-transform: translate(-50%, 0.5em);
transform: translate(-50%, 0.5em);
}
[tooltip][flow^="left"]::after,
[tooltip][flow^="left"]::before {
top: 50%;
-webkit-transform: translate(-0.5em, -50%);
-ms-transform: translate(-0.5em, -50%);
transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::before {
left: calc(0em - 5px);
border-right-width: 0;
border-left-color: var(--caret-color, #333);
}
[tooltip][flow^="left"]::after {
right: calc(100% + 5px);
}
[tooltip][flow^="right"]::after,
[tooltip][flow^="right"]::before {
top: 50%;
-webkit-transform: translate(0.5em, -50%);
-ms-transform: translate(0.5em, -50%);
transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::before {
right: calc(0em - 5px);
border-right-color: var(--caret-color, #333);
border-left-width: 0;
}
[tooltip][flow^="right"]::after {
left: calc(100% + 5px);
}
@-webkit-keyframes tooltips-vert {
to {
opacity: 0.9;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@keyframes tooltips-vert {
to {
opacity: 0.9;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@-webkit-keyframes tooltips-horz {
to {
opacity: 0.9;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@keyframes tooltips-horz {
to {
opacity: 0.9;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
[tooltip]:not([flow]):hover::after,
[tooltip]:not([flow]):hover::before,
[tooltip][flow^="down"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="up"]:hover::before {
-webkit-animation: tooltips-vert 300ms ease-out forwards;
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="right"]:hover::after,
[tooltip][flow^="right"]:hover::before {
-webkit-animation: tooltips-horz 300ms ease-out forwards;
animation: tooltips-horz 300ms ease-out forwards;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{color:hsla(0,0%,93%,.9);cursor:pointer;display:inline-flex;font-size:25px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93%,.9);height:1em;width:1em}.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{height:4px;left:0;top:0;width:100%}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}.elementor-widget-image-carousel .swiper{position:static}.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide{max-width:calc(100% / var(--e-image-carousel-slides-to-show, 3))}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}