:root {
--e-global-color-agrios_accent: #FF642F;
--e-global-color-agrios_accent_2: #008BA7;
--e-global-color-agrios_accent_3: #7AC143;
--e-global-color-agrios_accent: #FDBB4B;
--e-global-color-agrios_primary: #222222;
--e-global-color-agrios_text: #787878;
--border-color: #ECE7E2;
--light-background: #F8F7F0;
} .pointer-events-none { pointer-events: none !important; }
.pointer-events-auto { pointer-events: auto !important; }
.has-underline {
position: relative;
display: inline-block;
}
.has-underline:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 1px;
background-color: currentColor;
opacity: 0.7;
}
.align-center .content-wrap { 
align-items: center; 
}
.align-right .content-wrap { 
align-items: flex-end; 
}
.item-align-center .elementor-widget-container { justify-content: center; }
.item-align-right .elementor-widget-container { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft { text-align: left;  }
.align--tabletcenter { text-align: center; }
.align--tabletright { text-align: right; }
.align--tabletleft .content-wrap { align-items: flex-start; }
.align--tabletcenter .content-wrap { align-items: center; }
.align--tabletright .content-wrap { align-items: flex-end; }
.item-align--tabletleft .elementor-widget-container { justify-content: flex-start; }
.item-align--tabletcenter .elementor-widget-container { justify-content: center; }
.item-align--tabletright .elementor-widget-container { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft { text-align: left; }
.align--mobilecenter { text-align: center; }
.align--mobileright { text-align: right; }
.align--mobileleft .content-wrap { align-items: flex-start; }
.align--mobilecenter .content-wrap { align-items: center; }
.align--mobileright .content-wrap { align-items: flex-end; }
.item-align--mobileleft .elementor-widget-container { justify-content: flex-start; }
.item-align--mobilecenter .elementor-widget-container { justify-content: center; }
.item-align--mobileright .elementor-widget-container { justify-content: flex-end; }
}
.hidden { display: none !important; }
.show { display: block !important; }
@media (max-width: 1440px) { 
.xl-hidden { display: none !important; }
.xl-show { display: block !important; }
}
@media (max-width: 991px) { 
.lg-hidden { display: none !important; }
.lg-show { display: block !important; }
}
@media (max-width: 767px) { 
.md-hidden { display: none !important; }
.md-show { display: block !important; }
}
@media (max-width: 576px) { 
.sm-hidden { display: none !important; }
.sm-show { display: block !important; }
}
@media (min-width: 1440px) {
.col-fix-1 { width: 100px !important; max-width: 100px !important; }
.col-fix-2 { width: 200px !important; max-width: 200px !important; }
.col-fix-3 { width: 300px !important; max-width: 300px !important; }
.col-fix-4 { width: 400px !important; max-width: 400px !important; }
.col-fix-5 { width: 500px !important; max-width: 500px !important; }
.col-fix-6 { width: 600px !important; max-width: 600px !important; }
.col-fix-7 { width: 700px !important; max-width: 700px !important; }
.col-fix-8 { width: 800px !important; max-width: 800px !important; }
}
.gradient .elementor-shape-bottom .elementor-shape-fill {
fill: url(#svg-gradient) !important;
}
.shape-divider-animated.gradient .elementor-shape-top,
.shape-divider-animated.gradient .elementor-shape-bottom {
animation: dividerAnim 20s cubic-bezier(0.42,0,0.58,1) infinite;
}
.shape-divider-animated .elementor-shape-top,
.shape-divider-animated .elementor-shape-bottom {
width: 200%;
animation: dividerAnim 10s cubic-bezier(0.42,0,0.58,1) infinite;
}
@keyframes dividerAnim {
0% { margin-left: 0; }
50% { margin-left: -100%; }
100% { margin-left: 0; }
}
@keyframes dividerAnim2 {
0% { margin-left: -100%; }
50% { margin-left: 0; }
100% { margin-left: -100%; }
}
.metform-submit-btn { box-shadow: none !important; }  .elementor-widget-mae-link .elementor-widget-container,
.elementor-widget-mae-cta .elementor-widget-container {
display: flex;
}
.custom-section {
padding: 0 15px;
}
.elementor-section.elementor-section-boxed.section-1600px > .elementor-container {
max-width: 100%;
} .agrios-container .elementor-container.elementor-column-gap-default > .elementor-column {
padding: 0 15px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0;
}
.agrios-container .elementor-section-stretched.elementor-section-full_width .elementor-inner-section.elementor-section-boxed
> .elementor-container > .elementor-column {
padding-left: 15px; padding-right: 15px;
}
.agrios-container .elementor-section-stretched.elementor-section-full_width >
.elementor-container.elementor-column-gap-default > .elementor-column {
padding: 0;
}
.agrios-container .elementor-top-section.elementor-section-boxed:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-default,
.agrios-container .elementor-column > .elementor-widget-wrap > .elementor-inner-section {
width: calc(100% + 30px); margin-right: -15px; margin-left: -15px;
}
.elementor-widget-container p:last-child {
margin-bottom: 0;
}
.elementor-element.elementor-widget:not(:last-child) { margin-bottom: 0px; }
@media (max-width: 1400px) {
.agrios-container .elementor-element.elementor-section-full_width.elementor-section-stretched > 
.elementor-container .elementor-inner-section.elementor-section-boxed .elementor-container,
.agrios-container .elementor-element.elementor-section-boxed.elementor-section-stretched:not(.custom-section) > .elementor-container {
max-width: 90%;
}
} .page-header-single #page #site-header-wrap,
.page-header-single #page #featured-title, 
.page-header-single #page .inner-content > *:not(.post-content){
display: none;
}
.page-header-single #main-content {
padding: 0; margin-bottom: 1000px;
} .page-footer-single #footer,
.page-footer-single #bottom,
.page-footer-single #page .inner-content > *:not(.post-content) {
display: none;
}
.page-footer-single #main-content {
padding: 0 0 500px;
}
.elementor-icon-wrapper {
line-height: 1;
}
.overflow-hidden .elementor-widget-container {
overflow: hidden;
}
@media screen and (min-width: 1025px) {
.elementor-preview .elementor-hidden-desktop .agrios-menu-panel { opacity: 0; }
} .headline-2 { 
font-size: 20px; 
line-height: 1.4; 
margin-bottom: 13px; 
transition: color 0.3s; 
}
.desc {
font-size: 16px;
line-height: 1.875;
}
.icon-wrap {
display: flex;
} .master-wrap { position: relative; }
.master-decor { position: absolute; pointer-events: none; width: auto; }
.master-decor.icon { line-height: 1; } .sep { 
height: 2px; 
width: 30px; 
background-color: var(--e-global-color-agrios_accent); 
margin-bottom: 6px; 
} .master-link { 
position: relative; 
display: inline-flex; 
align-items: center;
font-size: 16px;
font-weight: 600; 
transition: 0.3s;
color: var(--e-global-color-agrios_primary);
}
.master-link .icon { 
color: var(--e-global-color-agrios_accent); 
display: inline-block;  
}
.master-link.icon-right .icon { margin-left: 5px; }
.master-link.icon-left .icon { margin-right: 5px; }
.line-yes .master-link:after,
.line-hover .master-link:after { 
position: absolute; 
bottom: 0; 
right: 0; 
width: 100%; 
height: 1px; 
background-color: currentColor; 
content: ""; 
}
.line-hover .master-link:after { 
width: 0; 
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1); 
}
.line-hover .master-link:hover:after { 
width: 100%; 
left: 0; 
}
.master-link:hover .icon { 
animation: 0.3s link-icon linear;
} .master-arrow {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background-color: #eef3f7;
color: var(--e-global-color-agrios_primary);
cursor: pointer;
transition: 0.3s;
}
.master-arrow i {
display: inline-block;
font-size: 20px;
}
.master-arrow:hover {
color: #fff;
background-color: var(--e-global-color-agrios_accent_2);
}
.master-arrow:hover i { 
animation: 0.3s link-icon linear;
} .master-button { 
position: relative; 
display: inline-flex; 
font-size: 14px; 
line-height: 30px; 
padding: 15px 50px; 
font-weight: 700; 
border-radius: 10px;
transition: all 0.3s ease; 
background-color: var(--e-global-color-agrios_accent);
overflow: hidden; 
cursor: pointer;
}
.master-button .text {
transition: all 0.3s ease;
}
.master-button .icon { 
display: inline-block; 
}
.master-button.icon-right .icon { 
margin-left: 15px;
}
.master-button.icon-left .icon { 
margin-right: 15px; 
}
.master-button.big { 
font-size: 14px; 
padding: 14px 50px; 
}
.master-button.big.icon-right .icon { 
margin-left: 20px; 
}
.master-button.big.icon-left .icon { 
margin-right: 20px; 
}
.master-button.small { 
font-size: 14px; 
padding: 10px 30px; 
}
.master-button.small.icon-right .icon { 
margin-left: 10px; 
}
.master-button.small.icon-left .icon { 
margin-right: 10px; 
}
.master-button.btn-white { 
background-color: #fff; 
}
.master-button.btn-dark { 
background-color: var(--e-global-color-agrios_primary); 
}
.master-button.btn-outline { 
background-color: transparent; 
border: 1px solid var(--e-global-color-agrios_accent); 
}
.master-button.btn-white .content-hover { 
color: #fff; 
}
.master-button.btn-white .bg-hover { 
background-color: var(--e-global-color-agrios_primary); 
}
.master-button.btn-white .content-base { 
color: var(--e-global-color-agrios_accent); 
}
.master-button.btn-dark .bg-hover { 
background-color: var(--e-global-color-agrios_accent); 
}
.master-button.btn-outline .content-base { 
color: var(--e-global-color-agrios_accent); 
}
.master-button.btn-outline .bg-hover {
background-color: var(--e-global-color-agrios_accent); 
} .master-button .inner { 
position: relative; 
display: inline-block; 
z-index: 1; 
}
.master-button .content-base,
.master-button .content-hover { 
display: flex; 
align-items: center; 
position: relative; 
color: #fff; 
transition: all 0.3s ease; 
}
.master-button .content-hover { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
opacity: 0; 
}
.master-button.btn-hover-1 .bg-hover {
position: absolute; 
top: 0; 
right: 0; 
width: 0; 
height: 100%; 
z-index: 0; 
background-color: var(--e-global-color-agrios_primary); 
}
.master-button.btn-hover-1 .content-hover { 
transform: translateY(5px); 
}
.master-button.btn-hover-1:hover .content-base { 
transform: translateY(-5px); 
opacity: 0; 
}
.master-button.btn-hover-1:hover .content-hover { 
transform: translateY(0); 
opacity: 1; 
}
.master-button.btn-hover-1 .bg-hover { 
transition: width 0.2s cubic-bezier(0.35, 0.7, 0.35, 1);
}
.master-button.btn-hover-1:hover .bg-hover { 
width: 100%; 
left: 0; 
}
.master-button.btn-hover-2 .content-hover {
display: none;
}
.master-button.btn-hover-2 .bg-hover {
position: absolute;
display: block;
width: 0;
height: 0;
transform: translate(-50%, -50%);
transition: 0.5s ease-in-out;
z-index: 0;
border-radius: 100%;
opacity: 0.3;
background-color: var(--e-global-color-agrios_primary); 
transition: width 0.7s ease, padding-top 0.7s ease, opacity 0.7s ease, top 0s, left 0s;
}
.master-button.btn-hover-2:hover .bg-hover {
width: calc(100% * 2.25);
padding-top: calc(100% * 2.25);
opacity: 1;
} .master-heading { 
display: flex; 
justify-content: center; 
flex-direction: column; 
}
.master-heading .pre-heading { 
position: relative;
font-size: 24px; 
line-height: 1.5;  
margin-bottom: 0; 
padding-left: 20px;
font-family: "Covered By Your Grace";
font-weight: 400;
color: var(--e-global-color-agrios_accent_2);
}
.master-heading .pre-heading .line {
position: absolute;
top: 10px;
left: 0;
overflow: hidden;
line-height: 0;
}
.master-heading .pre-heading .line .inner {
display: inline-block;
width: 10px;
height: 2px;
background-color: var(--e-global-color-agrios_accent_2);
animation: 1.5s line-moving infinite linear;
}
.master-heading .main-heading { 
font-size: 48px;
line-height: 1.2;
margin-bottom: 30px; 
}
.master-heading .sub-heading { 
font-size: 16px; 
line-height: 1.875; 
}
.master-heading .sep { 
margin-bottom: 12px; 
background-color: var(--e-global-color-agrios_accent); 
}
.master-heading.sep-after .main-heading { 
margin-bottom: 10px; 
}
.master-heading.sep-after .sep { 
margin-bottom: 45px; 
}
.master-heading.sep-before .sep { 
margin-bottom: 0; 
}
.heading-default .master-heading .pre-heading .line {
display: none;
}
.heading-default .master-heading .pre-heading {
padding-left: 0;
}
.align-left .master-heading { align-items: flex-start; }
.align-center .master-heading { align-items: center; }
.align-right .master-heading{ align-items: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-heading { align-items: flex-start; }
.align--tabletcenter .master-heading { align-items: center; }
.align--tabletright .master-heading { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-heading { align-items: flex-start; }
.align--mobilecenter .master-heading { align-items: center; }
.align--mobileright .master-heading{ align-items: flex-end; }
}
@media (max-width: 575px) {
.master-heading .main-heading { font-size: 34px; line-height: 50px; }
.text-box .master-heading .main-heading { font-size: 20px; line-height: 36px; }
} .master-list .list-item:last-child { margin-bottom: 0 !important; } .master-icon { 
display: inline-block; 
font-size: 64px; 
line-height: 1; 
color: var(--e-global-color-agrios_accent); 
transition: color 0.3s, background 0.3s; 	
}
.master-icon i {
position: relative;
z-index: 1;
line-height: inherit;
}
.master-icon svg { 
transition: fill 0.3s; 
fill: currentColor; 
}
.icon-has-bg .master-icon { 
position: relative; 
line-height: 130px; 
width: 130px;
height: 130px; 
color: #fff; 
background-color: var(--e-global-color-agrios_accent); 
border-radius: 50%;
text-align: center; 
}
.icon-has-bg .master-icon svg { 
position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%); 
} .master-icon-box {
position: relative;
transition: 0.3s all ease;
}
.master-icon-box .inner { 
display: flex;  
position: relative; 
z-index: 10;
}
.master-icon-box .inner .icon-wrap { 
display: inline-flex;  
}
.master-icon-box .sep,
.master-icon-box .desc { 
transition: color 0.3s; 
}
.master-icon-box .desc {
margin-bottom: 20px;
}
.master-icon-box .master-icon {
position: relative;
}
.master-icon-box .master-icon:before,
.master-icon-box .master-icon:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
width: 100%;
height: 100%;
transform: translate(-50%, -50%) scale(0.3);
transition: 0.3s;
opacity: 0;
transform-origin: 50% 50%;
z-index: 0;
border-radius: inherit;
}
.master-icon-box:hover .master-icon:after,
.master-icon-box.active .master-icon:after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.master-icon-box .master-icon:before {
transform: translate(-50%, -50%) scale(0.4);
opacity: 1;
z-index: -1;
transition: 0s;
}
.master-icon-box:hover .master-icon:before,
.master-icon-box.active .master-icon:before {
opacity: 0;
transform: translate(-50%, -50%) scale(1);
transition: 0.3s;
transition-delay: 0.1s;
}
.icon-position-top .master-icon-box .icon-wrap {
margin-bottom: 25px;
}
.icon-position-left .master-icon-box .icon-wrap {
margin-right: 25px;
}
.icon-position-right .master-icon-box .icon-wrap {
margin-left: 25px;
}
.master-icon-box .bg-static,
.master-icon-box .bg,
.master-icon-box .bg-hover { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
transition: 0.3s ease; 
z-index: 0; 
border-radius: inherit;
}
.master-icon-box .bg-hover { 
opacity: 0; 
}
.master-icon-box:hover .bg {
opacity: 0;
}
.master-icon-box:hover .bg-hover { 
opacity: 1;
} .icon-position-top .master-icon-box .inner { flex-direction: column;}
.icon-position-bottom .master-icon-box .inner { flex-direction: column-reverse; } .icon-position-left .master-icon-box .inner { flex-direction: row; }
.icon-position-right .master-icon-box .inner { flex-direction: row-reverse; }
.align-left .master-icon-box .inner { align-items: flex-start; }
.align-center .master-icon-box .inner { align-items: center; }
.align-right .master-icon-box .inner { align-items: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-icon-box .inner { align-items: flex-start; }
.align--tabletcenter .master-icon-box .inner { align-items: center; }
.align--tabletright .master-icon-box .inner { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-icon-box .inner { align-items: flex-start; }
.align--mobilecenter .master-icon-box .inner { align-items: center; }
.align--mobileright .master-icon-box .inner { align-items: flex-end; }
}
@media (max-width: 575px) {
.icon-position-right .master-icon-box .inner,
.icon-position-left .master-icon-box .inner { flex-direction: column; }
.icon-position-right .master-icon-box .inner .master-icon,
.icon-position-left .master-icon-box .inner .master-icon { margin-bottom: 30px; }
.icon-position-right .master-icon-box .inner .desc,
.icon-position-left .master-icon-box .inner .desc { margin-left: 0 !important; margin-right: 0 !important; }
.icon-position-right.small-icon .master-icon-box .inner .master-icon,
.icon-position-left.small-icon .master-icon-box .inner .master-icon { margin-bottom: 10px; }
} .master-icon-text { 
display: flex; 
align-items: center; 
font-size: 18px; 
line-height: 22px; 
}
.master-icon-text .icon-wrap { 
display: inline-block; 
color: var(--e-global-color-agrios_accent); 
margin-right: 9px; 
flex-shrink: 0;
text-align: center; 
line-height: 1; 
}
.master-icon-text .content-wrap { 
position: relative; 
display: inline-block; 
font-weight: 500; 
}
.master-icon-text .icon-wrap i { 
position: relative; 
display: inline-block; 
}
.icon-has-bg .master-icon-text .icon-wrap { 
position: relative; 
width: 26px; 
height: 26px; 
line-height: 26px; 
background-color: #f6f6f6; 
}
.icon-has-bg .master-icon-text .icon-wrap i { 
position: absolute; 
top: 50%; 
left: 50%;
transform: translate(-50%, -50%); 
}
.align-center .master-icon-text {
justify-content: center;
}
.align-right .master-icon-text {
justify-content: flex-end;
}
@media (max-width: 1024px) {
.align--tabletleft .master-icon-text { justify-content: flex-start; }
.align--tabletcenter .master-icon-text  { justify-content: center; }
.align--tabletright .master-icon-text  { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-icon-text  { justify-content: flex-start; }
.align--mobilecenter .master-icon-text  { justify-content: center; }
.align--mobileright .master-icon-text  { justify-content: flex-end; }
}
@media (max-width: 570px) {
.big-icon .master-icon-text { flex-direction: column; align-items: flex-start; }
.big-icon .master-icon-text .icon-wrap { margin-bottom: 30px; }
} .master-slider { 
position: relative; 
width: 100%; 
min-height: 700px; 
} .master-slider .bg-wrap { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
pointer-events: none; 
overflow: hidden; 
background-color: var(--e-global-color-agrios_primary); 
}
.master-slider .bg-wrap .bg { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
visibility: hidden;
background-position: center center; 
background-size: cover; 
background-repeat: no-repeat; 
}
.master-slider .bg-wrap .bg.active { 
visibility: visible; 
} .master-slider .slide { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
display: flex; 
flex-direction: column; 
visibility: hidden; 
}
.master-slider .slide.active { 
visibility: visible; 
}
.master-slider .slide .sub-title { 
font-size: 16px; 
line-height: 30px; 
font-weight: 600; 
text-transform: uppercase;
color: #fff; 
margin-bottom: 18px;
}
.master-slider .slide .title { 
font-size: 120px; 
line-height: 110px; 
font-weight: 400; 
color: #fff; 
margin-bottom: 22px;
}
.master-slider .slide .desc { 
font-size: 16px; 
line-height: 30px; 
font-weight: 600; 
color: rgba(255,255,255,0.7); 
margin-bottom: 40px;
}
.master-slider .url-wrap { 
display: flex; 
}
.master-slider .master-video-icon a { 
width: unset; 
height: unset; 
line-height: 1; 
padding: 30px;
font-size: 12px; 
} .slider-full-screen .master-slider .bg-wrap,
.slider-full-width .master-slider .bg-wrap { 
width: 100vw; 
left: 50%; 
transform: translateX(-50%); 
}
.slider-full-screen .master-slider { 
height: 100vh; 
} .master-slider.on-load .bg-wrap:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0,0,0,0.5);
z-index: 100;
}
.master-slider.on-load .slide.active {
opacity: 0;
transform: translateY(100px);
}
.master-slider.on-load.loaded .bg-wrap:after {
transform: translateY(-120%);
transition: transform 1s ease 1s;
}
.master-slider.on-load.loaded .slide.active {
transform: translateY(0);
opacity: 1;
transition: 1s ease 1.2s;
} .master-slider .control-wrap { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
pointer-events: none; 
z-index: 10; 
} .master-slider .nav-dots { 
position: absolute; 
bottom: 60px; 
left: 50%; 
transform: translateX(-50%); 
width: auto; 
line-height: 1; 
text-align: center; 
pointer-events: auto; 
}
.master-slider .nav-dots .dot { 
position: relative;
display: inline-block; 
width: 14px; 
height: 14px; 
padding: 0 13px; 
cursor: pointer; 
}
.master-slider .nav-dots .dot:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
opacity: 0.3;
transition: 0.3s;
}
.master-slider .nav-dots:hover .dot.active:after,
.master-slider .nav-dots:hover .dot:after {
width: 10px;
height: 10px;
opacity: 0.3;
}
.master-slider .nav-dots:hover .dot.active:hover:after,
.master-slider .nav-dots .dot:hover:after,
.master-slider .nav-dots .dot.active:after { 
background-color: #fff; 
width: 14px;
height: 14px;
opacity: 1;
}
.slider-dots-no .master-slider .nav-dots { 
display: none; 
}
.dots-pos-bl .master-slider .nav-dots { 
left: 0; 
transform: translateX(0); 
}
.dots-pos-br .master-slider .nav-dots { 
right: 0; transform: translateX(0); 
} .master-slider .arrow { 
pointer-events: auto; 
cursor: pointer; 
text-align: center; 
}
.master-slider .arrow { 
position: absolute; 
display: inline-block; 
width: 66px; 
height: 66px; 
line-height: 66px; 
font-size: 20px; 
border-radius: 50%;
color: #fff; 
background-color: transparent; 
opacity: 0.3;
border: 2px solid #fff;
transition: color 0.3s, background 0.3s, opacity 0.3s; 
}
.master-slider .arrow:after { 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%; 
height: 100%; 
text-align: center; 
line-height: inherit; 
font-size: inherit; 
border-radius: inherit;
}
.master-slider .arrow:hover { 
opacity: 1; 
}
.master-slider .arrow.arrow-next:hover:after {
animation: 0.3s link-icon2 linear;
}
.master-slider .arrow.arrow-prev:hover:after {
animation: 0.3s link-icon2-reverse linear;
} .arrows-pos-cc .master-slider .arrow { top: 50%; transform: translate(0, -50%);  }
.arrows-pos-cc .master-slider .arrow-next { right: 0px;  }
.arrows-pos-cc .master-slider .arrow-prev { left: 0px;  } .arrows-pos-br .master-slider .arrow { position: static; }
.arrows-pos-br .master-slider .nav-arrow { position: absolute; bottom: 0; right: 0; display: flex; }
.arrows-pos-br .master-slider .arrow-next { right: 0; bottom: 0; background-color: #fff; color: var(--e-global-color-agrios_primary); }
.arrows-pos-br .master-slider .arrow-prev { right: 84px; bottom: 0; background-color: var(--e-global-color-agrios_accent); color: #fff; }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-prev { background-color: #fff; color: var(--e-global-color-agrios_primary); }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-prev:hover { background-color: var(--e-global-color-agrios_accent); color: #fff; }
.arrows-pos-br .master-slider .nav-arrow:hover .arrow-next:hover { background-color: var(--e-global-color-agrios_accent); color: #fff; } .arrows-pos-cfw .master-slider .control-wrap { width: 100vw; left: 50%; transform: translateX(-50%); }
.arrows-pos-cfw .master-slider .arrow { top: 50%; transform: translate(0, -50%); }
.arrows-pos-cfw .master-slider .arrow-next { right: 4%; }
.arrows-pos-cfw .master-slider .arrow-prev { left: 4%; } .arrows-pos-cr .master-slider .arrow { position: relative; margin: 5px 0; }
.arrows-pos-cr .master-slider .nav-arrow { position: absolute; top: 50%; right: 0; display: flex; flex-direction: column; transform: translateY(-50%); }
.arrows-pos-cr .master-slider .arrow-next { opacity: 1; }
.arrows-pos-cr .master-slider .nav-arrow:hover .arrow { opacity: 0.3; }
.arrows-pos-cr .master-slider .nav-arrow:hover .arrow:hover { opacity: 1; }
.slider-arrows-no .master-slider .nav-arrow { display: none; }
.slider-arrows-hover .master-slider .nav-arrow { opacity: 0; transition: opacity 0.3s; }
.slider-arrows-hover:hover .master-slider .nav-arrow { opacity: 1; }
.arrows-size-medium .master-slider .arrow { width: 80px; height: 80px; line-height: 80px; font-size: 18px; } .master-slider .text-wrap { display: inline-block; overflow: hidden; white-space: break-spaces; }
.master-slider .text-wrap > span { display: inline-block; }
@media (max-width: 767px) {
.master-slider .arrow { display: none !important; }
.master-slider .nav-dots { display: none !important; }
.master-slider .slide ul li { margin-bottom: 15px; }
.master-slider .url-wrap { flex-direction: column; }
.master-slider .url-wrap .url2 { margin-top: 20px; }
.master-slider .slide .special-sub-title { background-color: transparent; padding: 0; }
} .master-portfolio a.thumb img {
transition: 0s !important;
transform: scale(1) !important;
}
.master-portfolio a.thumb .inner {
display: inline-flex;
transition: 0.5s ease;
width: 100%;
}
.master-portfolio .master-project:hover a.thumb .inner,
.master-portfolio .master-news:hover a.thumb .inner {
transform: scale(1.2);
}
.item-has-shadow .cbp-wrapper-outer {
overflow: visible;
} .item-carousel { width: 100%; line-height: 0; transition: box-shadow 0.3s; }
.flickity-viewport { overflow: hidden; }
.full-screen-true .flickity-viewport { overflow: visible !important; }
.flickity-aside-wrap .flickity-viewport { overflow: visible !important; }
.viewport-overflow-visible .flickity-wrap,
.viewport-overflow-visible .flickity-viewport { overflow: visible !important; }
.viewport-overflow-visible .master-carousel-box .item-carousel { transition: opacity 0.3s; }
.viewport-overflow-visible .master-carousel-box .item-carousel:not(.is-selected) { opacity: 0 !important; } .master-carousel-box.bullets-yes { margin-bottom: 13px; }
.master-carousel-box .flickity-page-dots { position: absolute; bottom: -13px; left: 50%; 
height: auto; width: auto; transform: translateX(-50%);
z-index: 999; list-style: none; display: flex; margin: 0 0; justify-content: center;}
.master-carousel-box .flickity-page-dots .dot { position: relative; width: 10px; height: 10px;  display: inline-block;
background-color: transparent; border: none; opacity: 1; transition: all 0.3s ease; border-radius: 0; margin: 0 4px; cursor: pointer; }
.master-carousel-box .flickity-page-dots .dot:after { position: absolute; top: 50%; left: 50%; content: "";
width: 10px; height: 10px; transition: 0.3s; background-color: #d3d3d3; transform: translate(-50%, -50%);
border-radius: 50%; border: 2px solid #d3d3d3; }
.master-carousel-box .flickity-page-dots:hover .dot.is-selected:hover:after,
.master-carousel-box .flickity-page-dots:hover .dot:hover:after,
.master-carousel-box .flickity-page-dots .dot.is-selected:after { width: 10px; height: 10px; border: 2px solid var(--e-global-color-agrios_accent);
background-color: transparent; }
.master-carousel-box .flickity-page-dots:hover .dot.is-selected:after,
.master-carousel-box .flickity-page-dots:hover .dot:after {
width: 10px; height: 10px; background-color: #d3d3d3; border: 2px solid #d3d3d3;
}
.dot-left .master-carousel-box .flickity-page-dots { left: -2px; transform: translate(0px); }
.dot-right .master-carousel-box .flickity-page-dots { left: unset; right: -2px; transform: translate(0px); } .master-carousel-box .flickity-button { position: absolute; top: 50%; padding: 0; margin: 0; 
background-color: transparent; width: 64px; height: 64px; border-radius: 50%; 
color: var(--e-global-color-agrios_primary); background-color: var(--light-background);
transform: translateY(-50%); z-index: 9999; transition: 0.3s; }
.master-carousel-box .flickity-button:before {
position: absolute; top: 50%; left: 50%; font-size: 22px; color: inherit;
width: 64px; height: 64px; line-height: 64px; text-align: center; transform: translate(-50%, -50%);
font-weight: 400;
}
.master-carousel-box .flickity-button.previous { left: -32px; }
.master-carousel-box .flickity-button.next { right: -32px; }
.master-carousel-box .flickity-button:hover { background-color: var(--light-background); }
.master-carousel-box .flickity-button .flickity-button-icon { display: none; }
.master-carousel-box .flickity-button.next:hover:before { animation: 0.3s link-icon2 linear; }
.master-carousel-box .flickity-button.previous:hover:before { animation: 0.3s link-icon2-reverse linear; }
.master-carousel-box .flickity-button:focus { box-shadow: none; }
.master-carousel-box .flickity-button:disabled { opacity: 0.7 !important; pointer-events: none;
border-color: var(--e-global-color-agrios_primary) !important; color: var(--e-global-color-agrios_primary) !important;
cursor: not-allowed;
}
.arrow-position-top .flickity-button { top: 0; margin-top: -40px; transform: translateY(-100%); }
.arrow-position-top .flickity-button.next { right: 0; top: 0px; }
.arrow-position-top .flickity-button.previous { left: auto; right: 74px; top: 0px; }
.arrow-position-bottom .flickity-button { top: unset; bottom: 0; transform: translateY(100%); }
.arrow-position-bottom .flickity-button.next { left: 74px;  }
.arrow-position-bottom .flickity-button.previous { left: 0; }
@media screen and (max-width: 767px) {
.master-carousel-box .flickity-viewport { overflow: hidden !important; }
}
@media screen and (max-width: 370px) {
.master-carousel-box .item-carousel:not(.master-partner) { margin-right: 0 !important; width: 100% !important; }
} .swiper-container-vertical { pointer-events: none; }
.master-vertical-slider { overflow: hidden; }
.master-vertical-slider .swiper-button { position: absolute; width: 64px; height: 64px; background-color: #fff; color: var(--e-global-color-agrios_primary);
font-size: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background-image: none; opacity: 1; border-radius: 50%;
}
.master-vertical-slider .swiper-button:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
font-size: inherit;
line-height: 64px;
font-family: "core-icons";
}
.master-vertical-slider .swiper-button-next:after { content: '\e918'; }
.master-vertical-slider .swiper-button-prev:after { content: '\e906'; }
.master-vertical-slider .swiper-button-next { left: -95px; top: unset; bottom: 85px; }
.master-vertical-slider .swiper-button-prev { left: -95px; top: unset; bottom: 10px; }
.master-vertical-slider .swiper-button.swiper-button-disabled { opacity: 0.35; }
@media (max-width: 1024px) {
.master-vertical-slider .swiper-button { display: none; }
} .grid-container { display: flex; flex-wrap: wrap; }
.grid-container .column { transition: 0.3s; } .master-text-box {
display: flex;
flex-direction: column;
transition: background-color 0.3s;
}
.master-text-box .title,
.master-text-box .text,
.master-text-box .icon-wrap {
transition: color 0.3s;
}
.master-text-box .title { 
display: flex; 
font-size: 18px; 
align-items: center; 
margin-bottom: 0; 
}
.master-text-box .icon-wrap { 
margin-right: 5px; 
color: var(--e-global-color-agrios_accent); 
}
.master-text-box .icon-wrap i { 
position: relative; 
display: inline-block; 
}
.icon-has-bg .master-icon-text .icon-wrap { 
position: relative; 
width: 26px; 
height: 26px; 
line-height: 26px; 
background-color: #f6f6f6; 
}
.icon-has-bg .master-icon-text .icon-wrap i { 
position: absolute; 
top: 50%; 
left: 50%;
transform: translate(-50%, -50%); 
}
.align-center .master-text-box {
align-items: center;
}
.align-right .master-text-box {
align-items: flex-end;
}
@media (max-width: 1024px) {
.align--tabletleft .master-text-box { align-items: flex-start; }
.align--tabletcenter .master-text-box { align-items: center; }
.align--tabletright .master-text-box { align-items: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-text-box { align-items: flex-start; }
.align--mobilecenter .master-text-box { align-items: center; }
.align--mobileright .master-text-box { align-items: flex-end; }
} .master-copyright { 
font-size: 14px; 
line-height: 30px; 
font-weight: 600; 
color: #a5a49a; 
}
.master-copyright a {
color: inherit;
}
.master-copyright a:hover { 
color: #fff; 
} .master-counter {
position: relative;
overflow: hidden;
}
.master-counter:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
z-index: 0;
transition: 0.5s ease;
}
.elementor-widget-mae-counter:hover .master-counter:before {
transform: scale(1.2);
}
.master-counter .inner { 
display: flex;
flex-direction: column; 
position: relative; 
}
.master-counter .icon-wrap { 
font-size: 18px; 
line-height: normal; 
color: var(--e-global-color-agrios_accent); 
}
.master-counter .number-wrap { 
line-height: 1; 
display: flex;
}
.master-counter .number-wrap span { 
font-size: 50px; 
line-height: 1; 
font-weight: 700; 
color: var(--e-global-color-agrios_primary); 
}
.master-counter .title { 
font-size: 20px; 
line-height: 30px; 
margin-bottom: 0; 
}
.icon-position-right .master-counter,
.icon-position-left .master-counter { 
display: flex;
flex-wrap: wrap;
}
.align-center .master-counter .inner { align-items: center; }
.align-center .master-counter .icon-wrap { justify-content: center; }
.align-right .master-counter .inner { align-items: flex-end; }
.align-right .master-counter .icon-wrap { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-counter .inner { align-items: flex-start; }
.align--tabletcenter .master-counter .inner { align-items: center; }
.align--tabletright .master-counter .inner { align-items: flex-end; }
.align--tabletleft .master-counter .icon-wrap { justify-content: flex-start; }
.align--tabletcenter .master-counter .icon-wrap { justify-content: center; }
.align--tabletright .master-counter .icon-wrap { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-counter .inner { align-items: flex-start; }
.align--mobilecenter .master-counter .inner { align-items: center; }
.align--mobileright .master-counter .inner { align-items: flex-end; }
.align--mobileleft .master-counter .icon-wrap { justify-content: flex-start; }
.align--mobilecenter .master-counter .icon-wrap { justify-content: center; }
.align--mobileright .master-counter .icon-wrap { justify-content: flex-end; }
}
@media (max-width: 575px) {
.icon-position-right .master-counter,
.icon-position-left .master-counter { flex-direction: column; }
.icon-position-right .master-counter .master-icon,
.icon-position-left .master-counter .master-icon { margin-bottom: 30px !important; }
} .master-pie-chart .chart { 
position: relative; 
display: inline-flex;
width: auto; 
border-radius: 50%; 
line-height: 1;
height: auto; 
}
.master-pie-chart .chart .percent-wrap { 
position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
font-size: 24px; 
line-height: 1;
font-weight: 500;
color: var(--e-global-color-agrios_primary); 
}
.master-pie-chart canvas { 
border-radius: 50%; 
max-width: 100%; 
}
.pie-chart-inline-no .master-pie-chart .chart { margin-bottom: 20px; }
.pie-chart-inline-yes .master-pie-chart { display: flex; flex-direction: row; }
.pie-chart-inline-yes.valign-middle .master-pie-chart { align-items: center; }
.pie-chart-inline-yes.valign-bottom .master-pie-chart { align-items: flex-end; }
.pie-chart-inline-yes .master-pie-chart .chart { flex-shrink: 0; margin-right: 20px; }
.pie-chart-inline-no.align-center .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align-right .master-pie-chart { align-items: flex-end; }
@media (max-width: 1024px) {
.pie-chart-inline-no.align--tabletleft .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--tabletcenter .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--tabletright .master-pie-chart { align-items: flex-end; }
}
@media (max-width: 767px) {
.pie-chart-inline-no.align--mobileleft .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--mobilecenter .master-pie-chart { align-items: center; }
.pie-chart-inline-no.align--mobileright .master-pie-chart { align-items: flex-end; }
} .master-progress-bar .texts { 
margin-bottom: 8px; 
display: flex; 
justify-content: space-between; 
align-items: flex-end; 
}
.master-progress-bar .title { 
color: var(--e-global-color-agrios_primary); 
font-size: 18px; 
font-weight: 800;
}
.master-progress-bar .percent { 
position: absolute;
top: -34px;
left: 0;
display: inline-block;
text-align: right;
width: 0;
font-size: 14px; 
font-weight: 500; 
line-height: 1; 
color: var(--e-global-color-agrios_text);  
transition: width 0.6s linear; 
}
.master-progress-bar .progress-bar { 
position: relative;
height: 8px; 
background-color: var(--light-background); 
}
.master-progress-bar .progress { 
height: 100%; 
width: 0; 
background-color: var(--e-global-color-agrios_accent); 
transition: width 0.6s linear; 
} .master-video-icon a { 
position: relative; 
width: 100px; 
height: 100px; 
line-height: 100px; 
border-radius: 50%;
display: inline-block; 
background-color: var(--e-global-color-agrios_accent_2); 
color: #fff; 
text-align: center; 
font-size: 30px; 
z-index: 1; 
}
.master-video-icon a i { 
margin-left: 7%; 
}
.master-video-icon a .p { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
content: ""; 
background-color: inherit;
z-index: -1; 
border-radius: inherit;
}
.master-video-icon a .p1 { 
animation: v-fade-before 2s infinite ease-in-out; 
}
.master-video-icon a .p2 { 
animation: v-fade-after 2s infinite ease-in-out; 
}
.master-image-morphing .master-video-icon a {
background-color: #fff; 
color: var(--e-global-color-agrios_accent);
}
.master-image-morphing .master-video-icon a .p {
border-color: #fff; 
} .elementor-absolute .master-fancy-image {
display: block;
}
.master-fancy-image { 
position: relative; 
display: flex;
align-items: flex-start;
width: auto;
}
.master-fancy-image .image-wrap { 
display: flex;
align-items: flex-start;
position: relative; 
width: 100%; 
height: auto; 
z-index: 0; 
transition: 0.3s;
}
.master-fancy-image .image-wrap img { 
width: 100%; 
transition: box-shadow 0.3s; 
}
.master-fancy-image .master-video-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.align-center .master-fancy-image { justify-content: center; }
.align-right .master-fancy-image { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-fancy-image { justify-content: flex-start; }
.align--tabletcenter .master-fancy-image { justify-content: center; }
.align--tabletright .master-fancy-image { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-fancy-image { justify-content: flex-start; }
.align--mobilecenter .master-fancy-image { justify-content: center; }
.align--mobileright .master-fancy-image { justify-content: flex-end; }
} .master-image-morphing { position: relative; display: flex; }
.master-image-morphing image { width: 100%; }
.master-image-morphing clipPath:not(:first-child) { visibility: hidden; }
.master-image-morphing path { transition-delay: 0s !important; animation-delay: 0s !important; }
.master-image-morphing .master-video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.master-image-morphing svg image { width: 100%; height: auto; } .master-image-box { 
position: relative; 
transition: box-shadow 0.5s, transform 0.3s; 
border-radius: 10px;
overflow: hidden;
}
.master-image-box .icon-wrap {
position: absolute;
z-index: 3;
}
.master-image-box .content-wrap { 
position: relative;
display: flex; 
flex-direction: column; 
padding: 45px 50px; 
}
.master-image-box .headline-2 { 
transition: color 0.3s; 
margin-bottom: 10px; 
}
.master-image-box .desc { 
position: relative; 
margin-bottom: 20px; 
transition: color 0.3s, opacity 0.3s, transform 0.3s; 
}
.master-image-box .thumb { 
position: relative;
overflow: hidden; 
}
.master-image-box .thumb img { 
width: 100%; 
height: auto; 
transition: transform 0.5s; 
}
.master-image-box:hover .thumb img { 
transform: scale(1.1); 
}
.master-image-box .thumb .arrow { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
transition: 0.3s all ease;
}
.master-image-box .arrow:before,
.master-image-box .arrow:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
background-color: #fff;
transition: opacity 0.3s;
opacity: 0;
}
.master-image-box .arrow:before {
width: 2px; 
height: 30px;
}
.master-image-box .arrow:after {
width: 30px;
height: 2px;
}
.master-image-box:hover .thumb .arrow {
opacity: 1 
}
.master-image-box .arrow:before,
.master-image-box .arrow:after {
opacity: 1;
}
.image-box-style-2 .master-image-box { 
margin: 110px 0 10px; 
text-align: center;
overflow: visible;
}
.image-box-style-2 .master-image-box .thumb { 
position: absolute; 
top: -110px; 
left: 50%; 
transform: translateX(-50%);
width: 240px; 
height: 240px; 
display: flex; 
justify-content: center; 
align-items: center; 
overflow: visible;
z-index: 1;
}
.image-box-style-2 .master-image-box .thumb .inner {
border-radius: 50%; 
overflow: hidden;
}
.image-box-style-2 .master-image-box .icon-wrap {
position: absolute;
bottom: -15px;
right: 15px;
}
.image-box-style-2 .master-image-box .master-icon {
font-size: 44px;
width: 78px;
height: 78px;
line-height: 78px;
text-align: center;
background-color: #fff;
border-radius: 50%;
overflow: hidden;
box-shadow: 2px 5px 35px 1px rgba(0, 0, 0, 0.15);
}
.image-box-style-2 .master-image-box .content-wrap { 
padding: 163px 35px 43px; 
background-color: #fff;
border-radius: 10px; 
box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.image-box-style-2 .master-image-box {
position: relative;
}
.image-box-style-2 .master-image-box:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 22px;
z-index: -1;
background-color: var(--e-global-color-agrios_accent_2);
border-radius: 10px;
transform: translateY(-3px);
transition: 0.3s all ease;
}
.image-box-style-2 .master-image-box .desc {
margin-bottom: 0;
}
.image-box-style-2 .master-image-box .url-wrap {
position: absolute;
bottom: -20px;
left: 50%;
width: fit-content;
opacity: 0;
transform: translate(-50%, 10px);
transition: all 0.3s ease;
}
.image-box-style-2 .master-image-box:hover:after {
transform: translateY(2px);
}
.image-box-style-2 .master-image-box:hover .url-wrap {
opacity: 1;
transform: translate(-50%, 0px);
}
.image-box-style-3 .master-image-box {
padding-bottom: 4px;
overflow: visible;
}
.image-box-style-3 .master-image-box .content-wrap {
background-color: #fff;
z-index: 1;
}
.image-box-style-3 .master-image-box:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
content: "";
background-color: var(--e-global-color-agrios_accent_2);
z-index: 0;
transform: translateY(-10px);
border-radius: 10px;
transition: all 0.3s ease;
}
.image-box-style-3 .master-image-box:hover:after {
transform: translateY(0);
} .image-box-style-4 .master-image-box {
border-radius: 10px;
}
.image-box-style-4 .master-image-box .headline-2 {
position: relative;
padding: 21px 30px;
margin: 0;
background-color: #fff;
z-index: 2;
transition: all 0.3s ease;
}
.image-box-style-4 .master-image-box:hover .headline-2 {
background-color: var(--e-global-color-agrios_accent_3);
}
.image-box-style-4 .master-image-box .headline-2:after {
position: absolute;
bottom: -14px;
left: 50%;
content: "";
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 15px solid #fff;
transform: translateX(-50%);
z-index: 1;
transition: all 0.3s ease;
}
.image-box-style-4 .master-image-box:hover .headline-2:after {
border-top-color: var(--e-global-color-agrios_accent_3);
}
.image-box-style-4 .master-image-box .icon-wrap {
position: relative;
margin-bottom: 23px;
}
.image-box-style-4 .master-image-box .inner { 
position: relative;
}
.image-box-style-4 .master-image-box .content-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(31,30,23,0.9);
padding: 50px 50px;
opacity: 0;
transition: all 0.5s ease;
}
.image-box-style-4 .master-image-box:hover .content-wrap {
opacity: 1;
}
.image-box-style-4 .master-image-box .desc {
color: rgba(255,255,255,0.6);
}
@media (max-width: 767px) {
.image-box-style-4 .master-image-box .headline-2 {
background-color: var(--e-global-color-agrios_accent_3);
}
}
@media (max-width: 350px) {
.master-image-box .content-wrap {
padding: 35px 40px;
}
} .master-hover-box { 
position: relative; 
overflow: hidden; 
}
.master-hover-box .thumb img { 
width: 100%; 
height: auto; 
transition: transform 0.5s; 
}
.master-hover-box .content-wrap,
.master-hover-box .hover-content-wrap { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
display: flex; 
flex-direction: column; 
padding: 52px; 
}
.master-hover-box .hover-content-wrap { 
opacity: 0; 
background-color: rgba(36,36,36,0.8); 
}
.master-hover-box .content-wrap { 
align-items: center; 
justify-content: center; 
text-align: center; 
}
.master-hover-box .icon-wrap { 
margin-bottom: 23px; 
}
.master-hover-box .content-wrap .headline-2, 
.master-hover-box .hover-content-wrap .headline-2 { 
font-size: 30px; 
line-height: 34px; 
color: #fff; 
margin: 0;
}
.master-hover-box .hover-content-wrap .headline-2 { 
margin-bottom: 22px; 
}
.master-hover-box .desc { 
color: #fff; 
line-height: 34px; 
}
.master-hover-box .arrow { 
position: absolute; 
right: 0; 
bottom: 0; 
width: 56px; 
height: 56px; 
line-height: 56px; 
transform: translateY(100%);
text-align: center; 
font-size: 12px; 
color: #fff; 
background-color: var(--e-global-color-agrios_accent);
transition: 0.3s transform; 
}
.master-hover-box .arrow i { 
display: inline-block; 
}
.master-hover-box:hover .thumb img { 
transform: scale(1.1); 
}
.master-hover-box .arrow:hover i { 
animation: 0.3s link-icon linear; 
}
.master-hover-box .hover-content-wrap { 
opacity: 0; 
transition: opacity 0.3s ease; 
}
.master-hover-box .hover-content-wrap .headline-2,
.master-hover-box .hover-content-wrap .desc { 
opacity: 0; 
transform: translateY(100%); 
transition: transform 0.3s ease, opacity 0.3s ease; 
}
.master-hover-box.active .icon-wrap { 
transform: translateY(-50px); 
opacity: 0; 
transition: transform 0.3s ease; 
}
.master-hover-box.active .content-wrap .headline-2 { 
transform: translateY(-50px); 
opacity: 0; transition: transform 0.3s ease; 
}
.master-hover-box.active .hover-content-wrap { 
opacity: 1; 
}
.master-hover-box.active .hover-content-wrap .desc,
.master-hover-box.active .hover-content-wrap .headline-2 { 
transform: translateY(0); 
opacity: 1; 
}
.master-hover-box.active .arrow { 
transform: translateY(0); 
}
@media (max-width: 575px) {
.master-hover-box .content-wrap,
.master-hover-box .hover-content-wrap { padding: 30px; }
} .master-social-icons { 
font-size: 18px; 
display: flex;
flex-wrap: wrap; 
}
.master-social-icons a { 
position: relative;
display: inline-block; 
color: var(--e-global-color-agrios_text);
}
.master-social-icons a i {
display: inline-block;
transition: transform 0.3s ease;
}
.master-social-icons a:hover i {
transform: scaleX(-1);
}
.icon-has-bg .master-social-icons a {
text-align: center;
background-color: var(--light-background);
width: 40px;
height: 40px;
font-size: 14px;
}
.icon-has-bg .master-social-icons a i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icon-has-bg .master-social-icons a:hover i {
transform: translate(-50%, -50%) scaleX(-1);
}
.align-left .master-social-icons a:first-child { margin-left: 0 !important; }
.align-right .master-social-icons a:last-child { margin-right: 0 !important; }
.align-center .master-social-icons { justify-content: center; }
.align-right .master-social-icons { justify-content: flex-end; }
.align-left .master-social-icons { justify-content: flex-start; }
.palign-left .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign-right .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign-center .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign-right .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
.palign-left .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
@media (max-width: 1024px) {
.align--tabletleft .master-social-icons a:first-child { margin-left: 0 !important; }
.align--tabletright .master-social-icons a:last-child { margin-right: 0 !important; }
.align--tabletleft .master-social-icons { justify-content: flex-start; }
.align--tabletcenter .master-social-icons { justify-content: center; }
.align--tabletright .master-social-icons { justify-content: flex-end; }
.palign--tabletleft .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign--tabletright .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign--tabletleft .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
.palign--tabletcenter .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign--tabletright .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-social-icons a:first-child { margin-left: 0 !important; }
.align--mobileright .master-social-icons a:last-child { margin-right: 0 !important; }
.align--mobileleft .master-social-icons { justify-content: flex-start; }
.align--mobilecenter .master-social-icons { justify-content: center; }
.align--mobileright .master-social-icons { justify-content: flex-end; }
.palign--mobileleft .menu-panel-wrap .master-social-icons a:first-child { margin-left: 0 !important; }
.palign--mobileright .menu-panel-wrap .master-social-icons a:last-child { margin-right: 0 !important; }
.palign--mobileleft .menu-panel-wrap .master-social-icons { justify-content: flex-start; }
.palign--mobilecenter .menu-panel-wrap .master-social-icons { justify-content: center; }
.palign--mobileright .menu-panel-wrap .master-social-icons { justify-content: flex-end; }
} .master-tabs { 
position: relative; 
}
.master-tabs .tab-link-wrap { 
position: absolute; 
left: 0; 
top: 0; 
list-style: none; 
margin: 0; 
overflow: hidden; 
width: 100%;
display: flex; 
}
.master-tabs .tab-content-wrap { 
padding-top: 60px; 
}
.master-tabs .tab-link { 
position: relative;
display: inline-block; 
font-size: 20px; 
font-weight: 600; 
line-height: 30px; 
white-space: normal; 
text-align: center; 
cursor: pointer; 
color: #fff; 
background-color: var(--e-global-color-agrios_primary);
padding: 27px 25px; 
transition: color 0.3s ease; 
}
.master-tabs .tab-link.active:after,
.master-tabs .tab-link.active:before { 
position: absolute; 
bottom: 0; 
left: 100%; 
content: ""; width: 1000px; 
}
.master-tabs .tab-link.active:before { 
right: 100%; 
left: unset; 
}
.master-tabs .tab-link.active { 
color: var(--e-global-color-agrios_primary); 
background-color: #fff;
}
.master-tabs .tab-link:last-child { 
margin-right: 0 !important; 
}
.master-tabs .tab-content { 
display: none; 
padding: 72px 0 0; 
}
.master-tabs .tab-content.active { 
display: block; 
}
.master-tabs .tab-content p:last-child { 
margin-bottom: 0;
}
.btn-align-stretch .master-tabs .tab-link { width: 100%; }
.btn-align-left .master-tabs .tab-link-wrap  { justify-content: flex-start; }
.btn-align-right .master-tabs .tab-link-wrap  { justify-content: flex-end; }
.btn-align-center .master-tabs .tab-link-wrap  { justify-content: center; }
.btn-align-space-around .master-tabs .tab-link-wrap  { justify-content: space-around; }
.btn-align-space-between .master-tabs .tab-link-wrap  { justify-content: space-between; }
.btn-align-space-evenly .master-tabs .tab-link-wrap  { justify-content: space-evenly; }
.master-tabs .elementor-section { width: calc(100% + 30px); margin-right: -15px; margin-left: -15px; }
@media screen and (max-width: 767px) {
.master-tabs .tab-link-wrap .tab-link { padding: 10px 8px; font-size: 14px; line-height: 20px; }
} .master-accordions .item { 
margin-bottom: 20px;
}
.master-accordions .item:last-child { 
margin-bottom: 0 !important; 
}
.master-accordions .title { 
position: relative; 
padding: 10px 10px 10px 38px; 
cursor: pointer; 
display: flex; 
align-items: center; 
flex-direction: row-reverse;
justify-content: space-between; 
width: 100%;
background-color: var(--light-background);
border-radius: 10px; 
}
.master-accordions .title .arrow { 
position: relative; 
display: inline-block; 
font-size: 13px; 
line-height: 60px; 
text-align: center; 
transition: all 0.3s ease; 
width: 60px; 
height: 60px; 
color: #fff;
border-radius: 10px;
background-color: var(--e-global-color-agrios_accent_3); 
flex-shrink: 0;
}
.master-accordions .title .arrow:after { 
position: absolute; 
top: 0; 
left: 0; 
content: "\e910";
font-weight: 900;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-family: "core-icons";
transition: transform 0.3s, color 0.3s; 
}
.master-accordions .item.active .title .arrow:after { 
transform: rotate(90deg); 
}
.master-accordions .title .arrow:hover {
background-color: var(--e-global-color-agrios_primary);
}
.master-accordions .title .arrow i { 
margin-left: 2px; 
}
.master-accordions .title h3 { 
font-size: 20px; 
line-height: 30px; 
color: var(--e-global-color-agrios_primary);  
margin-bottom: 0; 
transition: color 0.3s, background 0.3s; 
}
.master-accordions .content { 
display: none; 
font-size: 16px;
line-height: 30px;
padding: 22px 0px 18px 38px; 
}
.master-accordions p { 
margin-bottom: 0; 
}
.arrow-none .master-accordions .title .arrow { display: none; }
.arrow-left .master-accordions .title { flex-direction: row; justify-content: space-between; }
.accordion-style-1 .master-accordions .item { 
margin-bottom: 10px;
}
.accordion-style-1 .master-accordions .item .title:hover h3 { 
color: var(--e-global-color-agrios_accent); 
}
.accordion-style-2 .master-accordions .item {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 30px rgba(0,0,0,0.07); 
background-color: #eef3f7;
margin-bottom: 20px;
}
.accordion-style-2 .master-accordions .item.active {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.arrow-left .master-accordions .content { padding-left: 0; }
}
@media screen and (max-width: 570px) {
.master-accordions .title .arrow,
.master-accordions .title .arrow:after { 
line-height: 40px; 
width: 40px; 
height: 40px; 
}
} .master-subscribe-form .mc4wp-form-fields {
position: relative;
}
.master-subscribe-form .mc4wp-form-fields button {
position: absolute;
top: 0;
right: 0;
padding: 0 20px;
width: 50px;
border-radius: 0 10px 10px 0;
}
.master-subscribe-form .mc4wp-form-fields button i {
position: relative;
display: inline-block;
left: -2px;
}
.master-subscribe-form.style-1 input[type="email"] {
background-color: #fff;
}
.master-subscribe-form.style-2 {
position: relative;
}
.master-subscribe-form.style-2:after {
position: absolute;
bottom: -2px;
left: 0;
height: 2px;
width: 100%;
content: '';
background-color: #fff;
opacity: 0.2;
}
.master-subscribe-form.style-2 input[type="email"] {
border: none;
padding: 10px 0;
font-size: 16px;
line-height: 26px;
color: #fff;
background-color: transparent;
font-weight: 400;
}
.master-subscribe-form.style-2 button {
position: absolute;
right: -6px;
top: 3px;
color: #fff;
}
.master-subscribe-form.style-2 button[value=""] {
background-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
}
.master-subscribe-form.style-2 button[value=""]:after {
position: absolute;
top: 0;
left: 0;
content: '\e91e';
font-size: 24px;
line-height: 1;
font-weight: 400;
width: 100%;
height: 100%;
line-height: 40px;
font-family: "core-icons";
}
.master-subscribe-form.style-2 input[type="email"]::placeholder { color: #fff; }
.master-subscribe-form.style-2 input[type="email"]:-ms-input-placeholder { color: #fff; }
.master-subscribe-form.style-2 input[type="email"]::-ms-input-placeholder { color: #fff; }
.small-input .master-subscribe-form input[type="email"] {
padding: 11px 70px 11px 20px;
font-size: 12px;
}
.small-input .master-subscribe-form button {
height: 50px;
line-height: 50px;
}
.align-center .master-subscribe-form .mc4wp-form { justify-content: center; }
.align-right .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-subscribe-form .mc4wp-form { justify-content: flex-start; }
.align--tabletcenter .master-subscribe-form .mc4wp-form { justify-content: center; }
.align--tabletright .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-subscribe-form .mc4wp-form { justify-content: flex-start; }
.align--mobilecenter .master-subscribe-form .mc4wp-form { justify-content: center; }
.align--mobileright .master-subscribe-form .mc4wp-form { justify-content: flex-end; }
} .master-cf7 {
display: flex;
}
.master-cf7 .wpcf7 p { 
margin: 0; 
}
.master-cf7 .wpcf7 input,
.master-cf7 .wpcf7 select,
.master-cf7 .wpcf7 textarea { 
width: 100%; 
}
.master-cf7 .wpcf7 textarea { 
height: 190px; 
}
.master-cf7 .wpcf7 select {
background-position: calc(100% - 40px) calc(50% + 3px);
}
.master-cf7 .wpcf7 .input-wrap { 
display: flex; 
width: 100%; 
justify-content: space-between; 
}
.master-cf7 .wpcf7 .input-wrap > * {
width: calc((100% - 30px)/ 2); 
}
.master-cf7 .wpcf7 .wpcf7-submit { 
padding: 0 50px; 
}
.master-cf7 .wpcf7-spinner {
display: none;
}
.align-right .master-cf7 .wpcf7 .ajax-loader { 
display: none; 
} .master-cf7 .uacf7-value,
.master-cf7 .uacf7-slider-label {
display: none;
}
.master-cf7 .uacf7-form-5 input[type="range"] {
height: 10px;
background-color: var(--light-background);
cursor: pointer;
}
.master-cf7 .uacf7-slider-handle {
position: relative;
display: inline-block;
}
.master-cf7 .uacf7-form-5 .uacf7-slider::-webkit-slider-thumb {
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-appearance: none;
background-color: var(--e-global-color-agrios_accent_3);
}
.master-cf7 .uacf7-form-5 .uacf7-slider::-moz-range-thumb {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--e-global-color-agrios_accent_3);
}
.master-cf7 .uacf7-form-5 .slider-progress {
display: inline-block;
position: absolute;
top: 10px;
left: 0;
height: 10px;
border-radius: 5px;
background-color: var(--e-global-color-agrios_accent_3);
pointer-events: none;
}
.master-cf7 .uacf7-form-5 .slider-number {
display: inline-block;
pointer-events: none;
color: #fff;
font-size: 15px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
top: 0;
left: 0;
transform: translateX(2px);
background-color: var(--e-global-color-agrios_accent_3);
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.master-cf7 .wpcf7 .input-wrap { display: block; }
.master-cf7 .wpcf7 .input-wrap > span { width: 100%; margin-bottom: 30px; }
.master-cf7 .wpcf7 .input-wrap > span:first-child { margin-right: 0; }
}
.align-center .master-cf7 { justify-content: center; }
.align-right .master-cf7{ justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-cf7 { justify-content: flex-start; }
.align--tabletcenter .master-cf7 { justify-content: center; }
.align--tabletright .master-cf7 { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-cf7 { justify-content: flex-start; }
.align--mobilecenter .master-cf7 { justify-content: center; }
.align--mobileright .master-cf7 { justify-content: flex-end; }
} .master-gallery .thumb {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.master-gallery .thumb::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
transition: all 0.5s ease;
z-index: 1;
pointer-events: none;
transform: scale(0.8);
opacity: 0;
background-color: var(--e-global-color-agrios_primary);
}
.master-gallery:hover .thumb::before {
transform: scale(1);
opacity: 0.4
}
.master-gallery .zoom-popup-mfp {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: transparent;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 22px;
font-weight: 400;
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
z-index: 99999;
}
.master-gallery .zoom-popup-mfp::after,
.master-gallery .zoom-popup-mfp::before {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
background-color: #fff;
transition: 0.3s ease;
}
.master-gallery .zoom-popup-mfp::after {
width: 20px;
height: 2px;
}
.master-gallery .zoom-popup-mfp::before {
width: 2px;
height: 20px;
}
.master-gallery .zoom-popup-mfp:hover:after,
.master-gallery .zoom-popup-mfp:hover:before {
background-color: var(--e-global-color-agrios_accent);
}
.master-gallery:hover .zoom-popup-mfp {
opacity: 1;
visibility: visible;
}
.master-gallery .thumb img {
width: 100%;
display: inline-block;
transition: transform 0.5s ease, width 0s;
}
.master-gallery:hover .thumb img {
transform: scale(1.1);
}
.master-carousel-box .master-gallery { margin-top: 10px; transition: transform 0.3s; }
.master-carousel-box .master-gallery:hover { transform: translateY(-10px); }
.custom-grid .cbp-item img { width: 270px; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 80px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 40px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
@media (max-width: 767px) {
.custom-grid .cbp-item img { width: 370px; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 40px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
}
@media (max-width: 570px) {
.custom-grid .cbp-item img { width: 100%; }
.custom-grid .cbp-item:nth-child(1) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(2) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(3) .cbp-item-wrapper { margin-top: 0px; }
.custom-grid .cbp-item:nth-child(4) .cbp-item-wrapper { margin-top: 0px; }
} .master-gallery-stack { 
position: relative; 
display: flex;
}
.master-gallery-stack div:not(:first-child) { 
position: absolute; 
}
.image-width-full .master-gallery-stack {
width: 100%;
}
.image-width-fit .master-gallery-stack,
.image-width-fit .master-gallery-stack .master-fancy-image:first-child {
width: fit-content;
width: -moz-fit-content;
}
.align-center .master-gallery-stack { justify-content: center; }
.align-right .master-gallery-stack { justify-content: flex-end; }
@media (max-width: 1024px) {
.align--tabletleft .master-gallery-stack { justify-content: flex-start; }
.align--tabletcenter .master-gallery-stack { justify-content: center; }
.align--tabletright .master-gallery-stack { justify-content: flex-end; }
}
@media (max-width: 767px) {
.align--mobileleft .master-gallery-stack { justify-content: flex-start; }
.align--mobilecenter .master-gallery-stack { justify-content: center; }
.align--mobileright .master-gallery-stack { justify-content: flex-end; }
} .master-shape { 
width: 100px; 
height: 100px; 
background-color: var(--e-global-color-agrios_accent); 
} .master-text.m90deg { 
text-orientation: mixed; 
writing-mode: vertical-lr; 
}
.master-text.m90deg .inner { 
transform: rotate(180deg); 
}
.master-text.r90deg { 
text-orientation: mixed; 
writing-mode: vertical-lr; 
} .master-cta { 
display: inline-block; 
transition: none; 
}
.master-cta .content-wrap { 
display: flex; 
align-items: center; 
transition: all 0.3s ease;
}
.master-cta .icon { 
display: inline-block; 
font-size: 40px; 
line-height: 1; 
margin-right: 20px; 
color: var(--e-global-color-agrios_accent); 
transition: all 0.3s ease;
}
.master-cta .icon svg {
width: 35px;
height: auto;
}
.master-cta .icon i { 
display: inline-block; 
will-change: transform; 
}
.master-cta .text { 
display: block; 
font-size: 14px;
line-height: 20px;
color: var(--e-global-color-agrios_text); 
transition: all 0.3s ease;
}
.master-cta .phone { 
display: block; 
font-size: 16px;
line-height: 26px;
font-weight: 600; 
color: var(--e-global-color-agrios_primary); 
transition: all 0.3s ease;
}
.icon-has-bg .icon { 
width: 36px; 
height: 36px;
text-align: center; 
line-height: 36px; 
font-size: 11px; 
}
.shake-hover .master-cta:hover .icon svg,
.shake-hover .master-cta:hover .icon i { animation: 1s tada infinite alternate; }
.shake-always .master-cta .icon svg,
.shake-always .master-cta .icon i { animation: 1s tada infinite alternate; } .master-price-box { 
text-align: center; 
transition: all 0.3s ease; 
background-color: var(--light-background);
border-radius: 10px;
overflow: hidden;
}
.master-price-box:hover {
box-shadow: 0 0 38px 2px rgba(0,0,0,0.06);
}
.master-price-box .extra-text {
margin-bottom: 5px;
}
.master-price-box .price { 
display: inline-block; 
font-size: 72px; 
line-height: 1; 
font-weight: 700;
margin-bottom: 4px;
color: var(--e-global-color-agrios_primary); 
}
.master-price-box .price sub,
.master-price-box .price sup {
font-size: 40px;
}
.master-price-box .price sup {
top: -25px;
}
.master-price-box .plan { 
font-size: 24px; 
line-height: 32px; 
margin-bottom: 0px; 
font-weight: 500; 
color: var(--e-global-color-agrios_accent); 
}
.master-price-box .desc { 
margin-bottom: 38px; 
}
.master-price-box .content-wrap { 
padding: 50px 30px 50px; 
transition: all 0.3s ease;
}
.master-price-box .heading-wrap { 
position: relative; 
background-color: var(--light-background); 
padding: 50px 30px; 
transition: all 0.3s ease;
}
.master-price-box .featured-title {
font-size: 24px;
line-height: 36px;
margin-bottom: 15px;
}
.master-price-box .featured-list .item > span { 
display: inline-block; 
font-size: 18px; 
line-height: 36px; 
font-weight: 400;
}
.master-price-box .featured-list .item .icon { 
font-size: 12px; 
padding-right: 3px; 
top: -2px;
color: var(--e-global-color-agrios_accent); 
} .master-project { 
position: relative; 
text-align: left; 
transition: box-shadow 0.3s, transform 0.3s; 
overflow: hidden; 
border-radius: 10px;
display: flex;
flex-direction: column;
}
.master-project .thumb { 
position: relative; 
display: inline-flex; 
width: 100%; 
overflow: hidden; 
border-radius: 10px;
}
.master-project .thumb .inner {
display: inline-block;
width: 100%;
}
.master-project .thumb img { 
width: 100%; 
height: auto; 
transition: transform 0.5s; 
}
.master-project .thumb .inner:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 270px;
background-image: linear-gradient(to top, rgba(31,30,23,1), rgba(31,30,23,0) );
content: "";
}
.master-project .content-wrap { 
position: absolute; 
display: flex; 
flex-direction: column; 
justify-content: flex-end; 
overflow: hidden;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
padding: 33px 40px;
z-index: 1;
transform: translateY(50px);
}
.master-project:hover .content-wrap {
transform: translateY(0);
}
.master-project .headline-2 { 
position: relative;
font-size: 30px;
line-height: 36px;
margin-bottom: 10px; 
color: #fff;
max-width: 60%;
}
.master-project .cat-item:hover,
.master-project .headline-2:hover {
color: rgba(255,255,255,0.7);
}
.master-project .cat-wrap { 
position: relative;
font-size: 14px; 
line-height: 20px; 
font-weight: 600; 
}
.master-project .cat-sep { 
display: inline-block; 
color: var(--e-global-color-agrios_accent); 
padding: 0 5px; 
}
.master-project .cat-item { 
display: inline-block; 
color: var(--e-global-color-agrios_text);
margin-bottom: 4px;
}
.master-project .desc {
position: relative;
font-size: 14px;
line-height: 30px;
color: rgba(255,255,255,0.7);
opacity: 0;
}
.master-project:hover .desc {
opacity: 1;
} 
.master-project .cat-item:hover {
color: #fff;
}
.master-project .content-wrap,
.master-project .headline-2,
.master-project .cat-item,
.master-project .desc {
transition: 0.3s;
}
.master-project .headline-2 a {
transition: 0s;
}
.master-project > .arrow {
position: absolute;
right: 30px;
top: 30px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 20px;
color: var(--e-global-color-agrios_primary);
background-color: #fff;
border: 2px solid #fff;
border-radius: 50%;
opacity: 0;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
transition: transform 0.3s, opacity 0.3s;
z-index: 10;
}
.master-project:hover > .arrow {
opacity: 1;
}
.master-project.active .thumb img {
transform: scale(1.1);
}
.master-project .arrow i {
display: inline-block;
will-change: transform;
}
.master-project .arrow:hover i {
animation: 0.3s link-icon linear;
}
.master-project .content-wrap .arrow {
display: none;
opacity: 1;
font-size: 18px;
width: 64px;
height: 64px;
line-height: 64px;
border-radius: 50%;
color: var(--e-global-color-agrios_primary);
background-color: var(--light-background);
}
.master-project:hover .cat-item,
.master-project:hover .headline-2,
.master-project.active .cat-item,
.master-project.active .headline-2 {
color: #fff;
}
.master-project:hover .content-wrap .arrow,
.master-project.active .content-wrap .arrow {
color: var(--e-global-color-agrios_accent_2);
background-color: #fff;
}
.master-project.style-2 .headline-2 {
font-size: 24px;
}
.master-project.style-2 .content-wrap {
padding: 25px 30px;
}
.master-project.style-2 .arrow {
top: 50%;
right: 20px;
transform: translate(0, -50%);
width: 46px;
height: 46px;
line-height: 46px;
}
@media (max-width: 767px) {
.master-project .content-wrap { transform: translateY(0); }
.master-project > .arrow { opacity: 1; }
.master-project .desc { opacity: 1; }
} .master-news {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.master-news .content-wrap {
position: relative;
padding-top: 20px;
}
.master-news .image-wrap {
position: relative;
display: flex;
width: 100%;
}
.master-news .headline-2 {
font-size: 26px;
line-height: 32px;
margin-bottom: 0px;
}
.master-news .headline-2 a {
color: inherit;
transition: 0s;
}
.master-news .headline-2:hover {
color: var(--e-global-color-agrios_accent);
}
.master-news .sep {
display: none;
width: 100%;
height: 1px;
margin-bottom: 30px;
background-color: var(--e-global-color-agrios_border);
}
.master-news .desc {
display: none;
font-size: 16px;
line-height: 30px;
transition: color 0.3s;
}
.master-news .image-wrap .post-date {
position: absolute;
bottom: 0px;
left: 0px;
border-radius: 0 8px 0 0;
transition: color 0.3s, background 0.3s;
z-index: 1;
}
.master-news .thumb .inner {
display: inline-block;
width: 100%;
transition: all 0.5s ease;
}
.master-news .thumb img {
width: 100%;
height: auto;
}
.master-news .post-date.trapezoid {
position: absolute;
top: 50%;
left: 0px;
display: inline-block;
height: fit-content;
font-weight: 700;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.1em;
text-transform: uppercase;
writing-mode: vertical-rl;
text-orientation: mixed;
background-color: var(--e-global-color-agrios_accent_3);
color: #fff;
z-index: 1;
transform: rotate(180deg) translateY(50%);
padding: 40px 0;
clip-path: polygon(0 28px, 100% 0, 100% 100%, 0 calc(100% - 28px));
border-radius: 0;
}
.master-news .post-date.square {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20px;
background-color: #fff;
text-align: center;
font-weight: 800;
width: 70px;
height: 70px;
color: var(--e-global-color-agrios_primary);
}
.master-news .post-date.default {
position: absolute;
top: 0;
left: 50%;
font-size: 14px;
line-height: 40px;
padding: 0 25px;
font-weight: 700;
border-radius: 10px;
color: #fff;
background-color: var(--e-global-color-agrios_accent);
overflow: hidden;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.master-news .post-date.default span,
.master-news .post-date.default a {
color: #fff;
}
.master-news .post-date.default a:hover {
opacity: 0.7;
}
.master-news .post-meta .meta-sep {
margin: 0 5px;
display: none;
}
.master-news .url-wrap {
line-height: 1;
}
.master-news:hover .image-wrap .inner {
transform: scale(1.1);
} .news-style-1 .master-news {
text-align: center;
box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.05);
background-color: #fff;
border-top-width: 0;
}
.news-style-1 .master-news .content-wrap {
display: flex;
align-items: center;
flex-direction: column;
padding: 36px 45px 40px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.05);
}
.news-style-1 .master-news .post-meta {
display: inline-flex;
margin-bottom: 8px;
justify-content: center;
}
.news-style-1 .master-news .headline-2 {
font-size: 26px;
line-height: 36px;
}
.news-style-1 .master-news .desc {
margin-bottom: 20px;
} .news-style-2 .master-news {
border-radius: 0;
}
.news-style-2 .master-news .thumb {
border-radius: 10px;
}
.news-style-2 .master-news .post-date {
top: unset;
left: 30px;
bottom: 30px;
transform: translate(0);
}
.news-style-2 .master-news .content-wrap {
text-align: center;
padding: 30px 30px 0;
}
.news-style-2 .master-news .headline-2 {
font-size: 34px;
line-height: 42px;
}
.news-style-2 .master-news .post-meta .item {
font-size: 16px;
padding-left: 23px;
margin-bottom: 8px;
}
.news-style-2 .master-news .post-meta .item:after {
font-size: 16px;
}
@media (max-width: 767px) {
.news-style-1 .master-news { box-shadow: none; }
.news-style-1 .master-news .content-wrap { border-width: 2px; }
} .master-news-block {
display: flex;
}
.master-news-block .master-news .post-date {
left: unset;
right: 20px;
}
.master-news-block .master-news .headline-2 {
line-height: 34px;
margin-bottom: 0;
}
.master-news-block .master-news .thumb {
display: flex;
align-items: flex-start;
}
.master-news-block .master-news {
width: 25%;
margin-right: 30px;
height: auto;
}
.master-news-block .master-news.news-1 {
position: relative;
width: 50%;
margin-right: 30px;
}
.master-news-block .master-news.news-1 .thumb:before {
opacity: 0.5;
}
.master-news-block .master-news.news-1 .content-wrap {
position: absolute;
bottom: 0;
left: 0;
padding: 40px 50px;
}
.master-news-block .master-news.news-1 .meta-sep,
.master-news-block .master-news.news-1 .post-meta .item,
.master-news-block .master-news.news-1 .headline-2 {
color: #fff;
}
.master-news-block .master-news.news-1 .headline-2 {
max-width: 340px;
}
.master-news-block .master-news.news-1 .headline-2:hover,
.master-news-block .master-news.news-1 .post-meta .item a:hover {
opacity: 0.7;
color: #fff;
}
.master-news-block .master-news.news-3 {
margin-right: 0;
}
.master-news-block .master-news.active .post-date {
background-color: var(--e-global-color-agrios_accent);
color: #fff;
}
.master-news-block .master-news .post-meta .item:after {
display: none;
}
@media (max-width: 1024px) {
.master-news-block { flex-wrap: wrap; }
.master-news-block .master-news { width: calc(50% - 15px); }
.master-news-block .master-news.news-1 { width: 100%; margin: 0 0 30px; }
}
@media (max-width: 575px) {
.master-news-block .master-news { width: 100%; margin: 0 0 30px }
.master-news-block .master-news.news-1 .content-wrap { padding: 30px 25px; }
.master-news-block .master-news.news-3 { margin-bottom: 0; }
.master-news-block .master-news .post-meta { margin-bottom: 5px;}
.master-news-block .master-news .headline-2 { font-size: 22px; line-height: 34px; }
.master-news-block .master-news .post-date { display: none; }
} .master-team {
position: relative;
text-align: center;
transition: all 0.3s ease;
background-color: #fff;
padding-right: 30px;
padding-bottom: 40px;
margin-bottom: 10px;
}
.master-team .avatar-wrap {
position: relative;
}
.master-team .avatar {
position: relative;
display: inline-flex;
width: 100%;
border-radius: 10px;
overflow: hidden;
transition: 0.3s;
}
.master-team .avatar .inner {
display: inline-block;
width: 100%;
}
.master-team .avatar img {
width: 100%;
height: auto;
}
.master-team .content-wrap {
position: absolute;
bottom: 0; 
right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
padding: 22px 60px 20px 30px;
width: 245px;
border-radius: 10px 0 0 10px;
box-shadow: -5px 0 10px 0 rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.06);
background-color: #fff;
transition: all 0.3s ease;
}
.master-team .team-role {
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}
.master-team .team-name {
font-size: 20px;
line-height: 26px;
margin-bottom: 2px;
transition: all 0.3s ease;
}
.master-team .team-name a {
color: inherit;
line-height: inherit;
}
.master-team .desc {
margin-bottom: 30px;
}
.master-team .image-wrap {
position: relative;
}
.master-team .socials .btn {
position: absolute;
display: inline-block;
bottom: 20px;
left: -25px;
width: 50px;
height: 50px;
border-radius: 10px;
background-color: var(--e-global-color-agrios_accent);
}
.master-team .socials .btn:after {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
font-family: "core-icons";
color: #fff;
content: "\e927";
}
.master-team .socials-wrap {
position: absolute;
display: flex;
flex-direction: column;
bottom: 82px;
left: -25px;
width: 50px;
text-align: center;
opacity: 0;
background-color: var(--e-global-color-agrios_accent_2);
border-radius: 10px;
transform: translateY(5px);
padding-left: 2px;
transition: 0.3s;
}
.master-team .socials-wrap:after {
position: absolute;
bottom: -7px;
left: 16px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: var(--e-global-color-agrios_accent_2) transparent transparent transparent;
}
.master-team .socials-wrap a {
display: inline-block;
font-size: 18px;
line-height: 50px;
height: 50px;
width: 50px;
text-align: center;
color: #fff;
transition: 0.5s;
}
.master-team.active .socials-wrap {
opacity: 1;
transform: translateY(0);
}
.master-team .master-toogle-menu {
position: absolute;
width: 50px;
height: 50px;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.master-toogle-menu i {
display: inline-block;
}
.master-team .master-toogle-menu .menu-item,
.master-team .master-toogle-menu .menu-toggle-button,
.master-team .master-toogle-menu .menu-item-bounce,
.master-team .master-toogle-menu .menu-item-button {
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background-color: #fff;
font-size: 16px;
color: var(--e-global-color-agrios_primary);
cursor: pointer;
}
.master-team .master-toogle-menu .menu-item:first-child {
z-index: 1;
}
.master-team .master-toogle-menu .menu-toggle-button {
z-index: 2;
}
.master-team .master-toogle-menu .menu-item-bounce {
z-index: -1;
}
.master-team .master-toogle-menu .menu-item-button,
.master-team .master-toogle-menu .menu-toggle-button {
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}
.master-team.has-decor {  
overflow: visible;
}
.master-team .decor-wrap {
position: absolute;
top: 50%;
left: 50%;
width: 370px;
height: 370px;
transform: translate(-50%, -50%);
z-index: 0;
}
.master-team .decor-wrap svg {
width: 100%;
height: 100%;
}
.master-team .svg-decor path {
mix-blend-mode: multiply;
} .master-testimonial {
position: relative;
background-color: #fff;
transition: box-shadow 0.3s, transform 0.3s;
}
.master-testimonial .name {
font-size: 20px;
line-height: 26px;
font-weight: 800;
color: var(--e-global-color-agrios_primary);
margin-bottom: 0;
}
.master-testimonial .role {
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
.master-testimonial .content-wrap {
padding: 40px 70px 55px;
}
.master-testimonial .comment {
font-size: 18px;
line-height: 36px;
font-weight: 400;
color: var(--e-global-color-agrios_text);
}
.master-testimonial .star-rating {
position: relative;
width: auto;
height: auto;
}
.master-testimonial .star-rating > span {
display: inline-block;
font-size: 16px;
line-height: 1;
color: #eec044;
width: 16px;
}
.master-testimonial .avatar {
position: relative;
width: 110px;
height: 110px;
overflow: hidden;
background-color: var(--light-background);
border-radius: 50%;
}
.master-testimonial .avatar-wrap .icon {
display: inline-block;
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background-color: var(--e-global-color-agrios_accent);
color: #fff;
position: absolute;
top: 23px;
left: 68px;
}
.testimonial-style-1 .master-testimonial {
margin-top: 45px;
text-align: center;
}
.testimonial-style-1 .master-testimonial .content-wrap {
padding-top: 75px;
}
.testimonial-style-1 .master-testimonial .avatar {
position: absolute;
top: -45px;
left: 0;
}
.testimonial-style-1 .master-testimonial .avatar {
transform: translateX(-50%);
left: 50%;
margin: 0 auto;
}
.testimonial-style-1 .master-testimonial .content-wrap {
position: relative;
}
.testimonial-style-1 .master-testimonial .content-wrap:after {
position: absolute;
top: -4px;
left: 2px;
right: 2px;
content: "";
width: calc(100% - 4px);
height: 4px;
background-color: var(--e-global-color-agrios_accent);
transform-origin: 50% 50%;
transform: scaleX(0);
transition: transform 0.5s;
z-index: -1;
}
.testimonial-style-1 .master-testimonial .content-wrap:before {
position: absolute;
top: 0;
left: 2px;
right: 2px;
content: "";
width: calc(100% - 4px);
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
opacity: 0;
transition: opacity 0.3s;
}
.testimonial-style-1 .master-testimonial .avatar:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
box-shadow: inset 0 0 0 0 var(--e-global-color-agrios_accent);
transition: box-shadow 0.3s;
}
.testimonial-style-1 .master-testimonial.active .content-wrap {
border-left: 1px solid var(--e-global-color-agrios_border);
border-right: 1px solid var(--e-global-color-agrios_border);
}
.testimonial-style-1 .master-testimonial.active .content-wrap:after {
transform: scaleX(1);
}
.testimonial-style-1 .master-testimonial.active .content-wrap:before {
opacity: 1;
}
.testimonial-style-1 .master-testimonial.active .avatar:after {
box-shadow: inset 0 0 0 4px var(--e-global-color-agrios_accent);
}
.testimonial-style-1 .master-testimonial .avatar-wrap .author-wrap,
.testimonial-style-1 .master-testimonial .star-rating {
display: none;
} .testimonial-style-2 .master-testimonial {
padding: 47px 50px;
border-radius: 10px;
background-color: #fff;
margin-top: 10px;
border: 2px solid rgba(0,0,0,0.04);
transition: border-color 0.3s ease, transform 0.3s ease;
}
.testimonial-style-2 .master-testimonial:hover {
border-color: var(--e-global-color-agrios_accent);
transform: translateY(-10px);
}
.testimonial-style-2 .master-testimonial .avatar-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.testimonial-style-2 .master-testimonial .avatar-wrap .author-wrap {
flex-grow: 1;
}
.testimonial-style-2 .master-testimonial .avatar-wrap .avatar {
margin-right: 40px;
border-radius: 10px;
overflow: hidden;
width: 90px;
height: 90px;
border: none;
flex-shrink: 0;
}
.testimonial-style-2 .master-testimonial .content-wrap {
padding: 18px 0 24px;
}
.testimonial-style-2 .master-testimonial .name {
font-size: 20px;
line-height: 24px;
}
.testimonial-style-2 .master-testimonial .role {
font-size: 16px;
line-height: 26px;
font-weight: 500;
} .testimonial-style-3 .master-testimonial {
position: relative;
padding-left: 70px;
background-color: transparent;
}
.testimonial-style-3 .master-testimonial .content-wrap {
padding: 38px 50px 45px 120px;
border-radius: 10px;
background-color: #fff;
}
.testimonial-style-3 .master-testimonial .comment {
margin-bottom: 6px;
}
.testimonial-style-3 .master-testimonial .avatar-wrap {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.testimonial-style-3 .master-testimonial .avatar-wrap .avatar {
width: 140px;
height: auto;
border-radius: 10px;
}
.testimonial-style-3 .master-testimonial .info-wrap {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
.testimonial-style-3 .master-testimonial .author-wrap {
text-align: right;
}
.testimonial-style-3 .master-testimonial .avatar-wrap .icon {
top: 50%;
right: 0;
left: unset;
transform: translate(50%, -50%);
} .master-vertical-slider .master-testimonial {
display: flex;
justify-content: space-between;
align-items: center;
padding: 38px 50px 55px;
border-radius: 10px; 
overflow: hidden;
}
.master-vertical-slider .master-testimonial .content-wrap {
padding: 0;
margin-right: 45px;
}
.master-vertical-slider .master-testimonial .comment {
font-size: 18px;
line-height: 36px;
font-weight: 500;
margin-bottom: 23px;
}
.master-vertical-slider .master-testimonial .author-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.master-vertical-slider .master-testimonial .name {
font-size: 24px;
line-height: 30px;
font-weight: 800;
margin-right: 30px;
}
.master-vertical-slider .master-testimonial .avatar-wrap {
position: relative;
padding: 10px;
flex-shrink: 0;
}
.master-vertical-slider .master-testimonial .avatar-wrap:before {
position: absolute;
bottom: 5px;
left: 50%;
transform: translate(-50%, 50%);
content: "";
background-color: var(--e-global-color-agrios_accent);
width: 50px;
height: 50px;
border-radius: 50%;
content: "\f10e";
font-family: "core-icons";
font-size: 16px;
line-height: 50px;
z-index: 1;
color: #fff;
text-align: center;
}
.master-vertical-slider .master-testimonial .avatar-wrap:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='134.5px' height='134.5px' ><path fill-rule='evenodd'  stroke='rgb(238, 192, 68)' stroke-width='3px' stroke-dasharray='1.5, 6' stroke-linecap='round' stroke-linejoin='miter' fill='none' d='M66.499,1.499 C102.398,1.499 131.499,30.600 131.499,66.499 C131.499,102.397 102.398,131.498 66.499,131.498 C30.601,131.498 1.500,102.397 1.500,66.499 C1.500,30.600 30.601,1.499 66.499,1.499 Z'/></svg>");
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
}
.master-vertical-slider .master-testimonial .star-rating {
margin-right: 10px;
}
@media (max-width: 767px) {
.testimonial-style-3 .master-testimonial {
padding-top: 90px; 
padding-left: 0;
}
.testimonial-style-3 .master-testimonial .avatar-wrap {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.testimonial-style-3 .master-testimonial .avatar-wrap .icon {
top: unset;
bottom: 0;
left: 50%;
right: unset;
transform: translate(50%, -50%);
}
.testimonial-style-3 .master-testimonial .content-wrap {
padding: 120px 30px 32px;
}
}
@media (max-width: 575px) {
.testimonial-style-2 .master-testimonial .avatar-wrap {
padding: 0;
flex-direction: column;
align-items: flex-start;
}
.testimonial-style-2 .master-testimonial .avatar-wrap .avatar {
margin-bottom: 30px;
}
.master-vertical-slider .master-testimonial {
flex-direction: column-reverse; align-items: flex-start;
}
.master-vertical-slider .master-testimonial .content-wrap {
margin: 40px 0 0;
}
}
@media (max-width: 400px) {
.master-vertical-slider .master-testimonial { padding: 30px 20px; }
} .master-partner { 
overflow: hidden;
opacity: 0.5;
transition: all 0.3s ease; 
cursor: pointer; 
}
.master-partner:hover {
opacity: 1;
} .cb-vslide { transition-timing-function: cubic-bezier(0.9,0,.2,1); }
.cb-vslide2 { transition-timing-function: cubic-bezier(0.62, 0.12, 0.52, 0.94); }
.cb-zoom { transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.animate { animation-duration: 0s !important; }
.master-animation { opacity: 0; animation-duration: 0.7s; animation-fill-mode: forwards; }
.master-animation.elementor-invisible { visibility: visible !important; opacity: 0; }
.elementor-invisible.no-animate { visibility: visible !important; }
.fadeInUpSmall { animation-name: fadeInUpSmall; }
.fadeInDownSmall { animation-name: fadeInDownSmall; }
.fadeInLeftSmall { animation-name: fadeInLeftSmall; }
.fadeInRightSmall { animation-name: fadeInRightSmall; }
.fadeInUpLeft { animation-name: fadeInUpLeft; }
.fadeInUpRight { animation-name: fadeInUpRight; }
.fadeInDownLeft { animation-name: fadeInDownLeft; }
.fadeInDownRight { animation-name: fadeInDownRight; }
.fadeInDownRight { animation-name: fadeInDownRight; }
.slideUp { animation-name: slideUp; opacity: 1; }
.slideDown { animation-name: slideDown; opacity: 1; }
.slideLeft { animation-name: slideLeft; opacity: 1; }
.slideRight { animation-name: slideRight; opacity: 1; }
.slideUpLeft { animation-name: slideUpLeft; opacity: 1; }
.slideDownLeft { animation-name: slideDownLeft; opacity: 1; }
.slideUpRight { animation-name: slideUpRight; opacity: 1; }
.slideDownRight { animation-name: slideDownRight; opacity: 1; }
.zoomInSmall { animation-name: zoomInSmall; }
.revealTop { animation: revealTop; animation-duration: 1s; opacity: 1; }
.revealBottom { animation: revealBottom; animation-duration: 1s; opacity: 1; }
.revealRight { animation: revealRight; animation-duration: 1s; opacity: 1; }
.revealLeft { animation: revealLeft; animation-duration: 1s; opacity: 1; }
.reveal { position: relative; overflow: hidden; }
.master-animation.reveal { opacity: 1; }
.reveal { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.reveal > * { 
visibility: hidden;
opacity: 0;
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); 
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
-webkit-animation-name: hide-show; 
animation-name: hide-show; 
animation-delay: inherit;
transition: opacity 1s;
}
.reveal:after { 
content: ""; 
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
background-color: #ddd; 
-webkit-transform-origin: left top; 
transform-origin: left top; 
-webkit-transform: scale(0, 0); 
transform: scale(0, 0); 
-webkit-animation-duration: 1.2s; 
animation-duration: 1.2s; 
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); 
animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); 
animation-delay: inherit; 
}
.reveal.revealLeft2:after { -webkit-animation-name: reveal-from-left; animation-name: reveal-from-left; } 
.reveal.revealRight2:after { -webkit-animation-name: reveal-from-right; animation-name: reveal-from-right; } 
.reveal.revealTop2:after { -webkit-animation-name: reveal-from-top; animation-name: reveal-from-top; } 
.reveal.revealBottom2:after { -webkit-animation-name: reveal-from-bottom; animation-name: reveal-from-bottom; } 
.reveal.revealTop2 img,
.reveal.revealLeft2 img,
.reveal.revealRight2 img,
.reveal.revealBottom2 img { visibility: hidden; opacity: 0;
animation: 1s hide-show cubic-bezier(0.86, 0, 0.07, 1) forwards 0.2s, 2s imgZoom cubic-bezier(0.7, 0, 0.3, 1) forwards; 
}
.master-animation.zoomIn { animation-name: zoomInSmall; }
.master-animation.slideInDown{animation-name:slideInDown2;visibility: visible;}
.master-animation.slideInLeft{animation-name:slideInLeft2;visibility: visible;}
.master-animation.slideInRight{animation-name:slideInRight2;visibility: visible;}
.master-animation.slideInUp{animation-name:slideInUp2;visibility: visible;}
@keyframes imgZoom{from{transform:scale(1.2)}to{transform: scale(1)}}
@keyframes yoyo { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
@keyframes zoomInSmall{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform: none;}}
@keyframes fadeInUpSmall {from{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownSmall {from{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeftSmall {from{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRightSmall {from{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInUpLeft {from{opacity:0;transform:translate3d(30px,30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInUpRight {from{opacity:0;transform:translate3d(-30px,30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownLeft {from{opacity:0;transform:translate3d(30px,-30px,0)}to{opacity:1;transform:none}}
@keyframes fadeInDownRight {from{opacity:0;transform:translate3d(-30px,-30px,0)}to{opacity:1;transform:none}}
@keyframes revealTop {from{clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealBottom {from{clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealRight {from{clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes revealLeft {from{clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}to{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}
@keyframes link-icon { 0% { transform: translateX(0); opacity: 1; } 49% {  transform: translateX(20px); opacity: 0; } 50% {  transform: translateX(-20px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }
@keyframes link-icon2 { 0% { left: 50%; opacity: 1; } 49% { left: calc(50% + 20px); opacity: 0; } 50% {  left: calc(50% - 20px); opacity: 0; } 100% { left: 50%; opacity: 1; } }
@keyframes link-icon2-reverse { 0% { left: 50%; opacity: 1; } 49% { left: calc(50% - 20px); opacity: 0; } 50% {  left: calc(50% + 20px); opacity: 0; } 100% { left: 50%; opacity: 1; } }
@keyframes v-fade-before { 0% { transform: scale(1); opacity: 0.4; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes v-fade-after { 0% { transform: scale(1); opacity: 0.2; } 100% { transform: scale(2.1); opacity: 0; } }
@keyframes slideInDown2{from{transform:translate3d(0,-100%,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInLeft2{from{transform:translate3d(-100%,0,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInRight2{from{transform:translate3d(100%,0,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideInUp2{from{transform:translate3d(0,100%,0);opacity: 1;}to{transform:translate3d(0,0,0);opacity: 1;}}
@keyframes slideUp {from{transform: translate3d(0,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDown {from{transform: translate3d(0,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideLeft {from{transform: translate3d(10px,0,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideRight {from{transform: translate3d(-10px,0,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideUpLeft {from{transform: translate3d(10px,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDownLeft {from{transform: translate3d(10px,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideUpRight {from{transform: translate3d(-10px,10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes slideDownRight {from{transform: translate3d(-10px,-10px,0);} to{transform: translate3d(0,0,0);}}
@keyframes hide-show { 0% { opacity: 0; visibility: hidden; } 66.6% { opacity: 0; visibility: hidden; } 66.7% { opacity: 1; visibility: visible; } 100% { opacity: 1; visibility:visible; } }
@keyframes reveal-from-left {
0% {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
66.6% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@keyframes reveal-from-right {
0% {
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
66.6% {
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
}
@keyframes reveal-from-top {
0% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
66.6% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes reveal-from-bottom {
0% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
66.6% {
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
66.7% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
}
@keyframes line-moving {
0% { transform: translateX(0); }
49% { transform: translateX(110%) }
50% { transform: translateX(-110%) }
100% { transform: translateX(0); }
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes floatX { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } }
.floatX { animation: floatX 5s infinite ease-in-out; }
.floatX1 { animation: floatX 4s infinite ease-in-out 0.3s; }
@keyframes floatY { 0% { transform: translateY(-30px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-30px); } }
.floatY { animation: floatY 5s infinite ease-in-out; }
.floatY1 { animation: floatY 4s infinite ease-in-out 0.3s; }
@keyframes shakeA { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 10deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 10deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } }
.shakeA { animation: shakeA 5s infinite ease-out; } .master-svg-drawing svg {
fill: none;
stroke: #000;
} .parallax-hover { transition: 0.3s ease; } .master-particles {
position: absolute;
width: 100%;
height: 100%;
}
.master-particles canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .master-png-dots {
width: 100%;
height: 100%;
}
.master-png-dots img {  
visibility: hidden;
opacity: 0;
}
.master-png-dots canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.canvas-absolute {
position: static;
}
.canvas-absolute .elementor-widget-container {
position: static;
}
.canvas-absolute img {
display: none;
} .master-globe {
width: 100%;
height: 100%;
overflow: hidden;
}
.master-globe .globe {
position: relative;
}
@media screen and (max-width: 575px) {
.master-globe { display: none !important;}
} .hover-effect-none .master-icon-text .master-icon i,
.hover-effect-style-1 .master-icon-text .master-icon i ,
.hover-effect-none .master-icon-box .master-icon i,
.hover-effect-style-1 .master-icon-box .master-icon i {
display: inline-block;
transition: 0.3s;
}
.hover-effect-none .master-icon-text:hover .master-icon i,
.hover-effect-style-1 .master-icon-text:hover .master-icon i,
.hover-effect-none .master-icon-box:hover .master-icon i,
.hover-effect-style-1 .master-icon-box:hover .master-icon i {
transform: scaleX(-1);
}
.hover-effect-style-1 {
transition: transform 0.3s;
}
.hover-effect-style-1:hover {
transform: translateY(-10px);
}
.hover-effect-style-2 .master-icon-box .inner  {
position: relative;
z-index: 1;
}
.hover-effect-style-2 .master-icon-box .inner .line {
position: absolute;
content: "";
top: 3px;
right: 7px;
width: 2px;
height: 170px;
background-color: var(--e-global-color-agrios_accent);
z-index: -1;
transform: rotate(45deg) scaleY(0);
transform-origin: 0% 0%;
transition: 0.6s;
}
.hover-effect-style-2 .master-icon-box .inner .line1 {
top: unset;
bottom: 0px;
left: 5px;
transform-origin: 100% 100%;
}
.hover-effect-style-2 .master-icon-box.active .inner .line {
transform: rotate(45deg) scaleY(1);
}
.has-sep .master-icon-box .text-wrap {
position: relative;
}
.has-sep .master-icon-box .text-wrap:after {
position: absolute;
top: 0;
left: -35px;
content: "";
width: 1px;
height: 100%;
background-color: #fff;
opacity: 0.3;
} .section-stretch-right { left: 0 !important; }
.section-stretch-right > .elementor-container { width: 1600px !important; max-width: 1600px !important; }
.decor-leaf { position: relative; display: inline-flex; }
.decor-leaf img { position: absolute; top: -18px; right: -63px; width: 92px; height: auto; max-width: 92px; }
@media (max-width: 767px) {
.decor-leaf img { width: 30px; top: 5px; right: -20px; }
}
.decor-line { position: relative; display: inline-flex; }
.decor-line img { position: absolute; bottom: -11px; left: 0; width: 100%; }
.hover-icon-effect:hover .elementor-icon { transform: scaleX(-1); }
.custom-image-box-1 .master-image-box { padding-bottom: 110px; }
.custom-image-box-1 .icon-wrap { position: absolute; bottom: 130px; left: 0; justify-content: center; width: 100%; z-index: 3; }
.custom-image-box-1 .master-decor { pointer-events: initial; }
.custom-image-box-1 .master-decor .master-button { font-size: 12px; line-height: 36px; padding: 10px 24px 0; transform: translateY(-50px); }
.custom-image-box-1:hover .master-decor .master-button { transform: translateY(0); }
.custom-image-box-1 .content-wrap { background-color: #fff; border-radius: 10px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
padding: 49px 30px 13px; z-index: 2; position: absolute; bottom: 36px; left: 25px; width: calc(100% - 50px); }
.project-info { position: relative; background-color: #fff; box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1); border-radius: 10px; margin-top: 4px; padding: 38px 60px; }
.project-info:before { position: absolute; top: -4px; left: 0; width: 100%; height: 20px; content: ""; background-color: var(--e-global-color-agrios_accent_2); border-radius: 10px; z-index: -1; }
.project-info > span { display: block; }
.project-info .title { font-size: 14px; line-height: 26px; font-weight: 600; }
.project-info .info { font-size: 16px; line-height: 26px; font-weight: 800; color: var(--e-global-color-agrios_primary); margin-bottom: 26px; }
.project-info .master-social-icons a { text-align: center; font-size: 14px; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; color: var(--e-global-color-agrios_primary); background-color: var(--light-background); }
.project-info .master-social-icons a:hover { color: #fff; background-color: var(--e-global-color-agrios_accent); }
.box-quote { position: relative; display: flex; justify-content: center; align-items: center; padding: 30px 36px; background-color: var(--e-global-color-agrios_accent_2); border-radius: 10px 10px 0 10px; }
.box-quote:after { position: absolute; bottom: -29px; right: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent var(--e-global-color-agrios_accent_2) transparent transparent; }
.box-quote img { margin-right: 8px; width: 96px; }
.box-exp { position: relative; background-color: #fff; border-radius: 14px 20px 0 20px; padding: 30px 38px; box-shadow: 0 10px 60px 0 rgba(0,0,0,0.1); }
.box-exp:after { position: absolute; content: ""; bottom: -23px; right: 0; width: 0; height: 0; border-left: 40px solid transparent; border-top: 24px solid #FFF; }
.box-exp > span { display: block; }
.box-exp .number { font-size: 75px; line-height: 60px; font-weight: 800; color: var(--e-global-color-agrios_accent_2); margin-bottom: 6px; }
.box-exp .number sub { font-size: 36px; }
.box-exp .text { font-size: 18px; line-height: 30px; }
.decor-box { position: relative; }
.decor-box:after { position: absolute; bottom: -33px; right: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent #fff transparent transparent; }
.custom-divider .elementor-divider-separator { display: inline-block; position: relative; border-radius: 2px; }
.custom-divider .elementor-divider-separator:after { position: absolute; bottom: 0; right: -10px; content: ""; width: 4px; height: 4px; border-radius: 2px; background-color: var(--e-global-color-agrios_accent); }
.light-animation { position: relative; overflow: hidden; }
.light-animation:after,
.light-animation:before { position: absolute; top: -25%; left: 7%; width: 16%; height: 150%; content: ""; 
background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0) );
transform: rotate(15deg); opacity: 0.06; z-index: 1; pointer-events: none; }
.light-animation:before { opacity: 0.04; left: 15%; animation: flicking 1s infinite linear alternate; }
.light-animation:after { animation: flicking2 1.2s infinite linear alternate; }
.light-animation.right:after { left: unset; right: 7%; }
.light-animation.right:before { left: unset; right: 15%; }
@keyframes flicking {
from { opacity: 0.04; }
to { opacity: 0.08; }
}
@keyframes flicking2 {
from { opacity: 0.03; }
to { opacity: 0.07; }
}
.cta-info { text-align: center; }
.cta-info span { display: inline-block; }
.cta-info .text { font-size: 20px; line-height: 24px; font-family: "Covered By Your Grace"; font-weight: 400; }
.cta-info .phone { font-size: 30px; line-height: 34px; font-weight: 800; }
.sub-title img { display: block; margin: 0 auto 25px; filter: brightness(0) invert(1); opacity: 0.3; }
.counter-custom-1 .icon-wrap { position: relative; padding-bottom: 96px; }
.counter-custom-1 .icon-wrap:after { position: absolute; bottom: 15px; left: 50%; width: 2px; height: 50px; content: "";
background-color: var(--e-global-color-agrios_accent_2); }
.sub-index-1 .sub-title { z-index: 1; }
.widget-link .master-link { position: relative; z-index: 1; width: 100%; justify-content: space-between; }
.widget-link .master-link > span { position: relative; z-index: 1; }
.widget-link .master-link > .icon { opacity: 0; animation: none; transform: translateX(-20px); transition: all 0.3s ease; }
.widget-link .master-link:hover > .icon { opacity: 1; transform: translate(0); }
.widget-link .master-link:before { position: absolute; top: 0; left: -20px; content: ""; width: 0; height: 100%;
background-color: #fff; border-radius: 10px; transition: all 0.3s ease; z-index: 0; }
.widget-link .master-link:hover:before { width: calc(100% + 40px); }