.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-align:center;}
#sp-main-body {padding: 10px 0;}
#sp-top-bar a {color: #ffffff;}
.sp-contact-info li {font-size: 120%;}
.fa, .fas {color: #ffffff;}
.fa-map-marker-alt:before {display:none;}
img {display: block; max-width: 100%; height: auto; border-radius: 15px;}
a {color: #0000EE;}
.gtukopes-amiktun { 
  background:#309705; 
  border:2px solid #287b04; 
  border-radius:50%; 
  box-shadow:0 8px 10px rgba(56,163,253,0.3); 
  cursor:pointer; 
  height:68px; 
  text-align:center; 
  width:68px; 
  position: fixed; 
  right: 4%; 
  bottom: 4%; 
  z-index:999; 
  transition:.3s; 
  -webkit-animation:hoverWave linear 1s infinite; 
  animation:hoverWave linear 1s infinite; 
} 

.gtukopes-amiktun .telifonas { 
  height: 71px; 
  width: 71px; 
  border-radius: 100%; 
  position: relative; 
  overflow: hidden; 
} 

.gtukopes-amiktun .telifonas span { 
  text-align: center; 
  color: #1464a7; 
  opacity: 0; 
  font-size: 0; 
  position: absolute; 
  right: 7px; 
  top: 19px; 
  line-height: 12px; 
  font-weight: 600; 
  text-transform: uppercase; 
  transition: opacity .4s linear; 
  font-family: 'montserrat', Arial, Helvetica, sans-serif; 
} 

.gtukopes-amiktun .telifonas:hover span { 
  opacity: 1; 
  font-size: 9px; 
} 
.gtukopes-amiktun:hover i { 
  display:none; 
} 

.gtukopes-amiktun:hover { 
  z-index:1; 
  background:#fff; 
  color:transparent; 
  transition:.3s; 
} 
.gtukopes-amiktun:hover i { 
  color:#3992dc; 
  font-size:39px; 
  transition:.4s; 
} 
.gtukopes-amiktun i { 
  color: #e8e6e6; 
  font-size: 36px; 
  transition: .4s; 
  line-height: 69.7px; 
  transition: .5s ease-in-out; 
} 

.gtukopes-amiktun i { 
  animation: 1200ms ease 0s normal none 1 running shake; 
  animation-iteration-count: infinite; 
  -webkit-animation: 1200ms ease 0s normal none 1 running shake; 
  -webkit-animation-iteration-count: infinite; 
} 

@-webkit-keyframes hoverWave { 
  0% { 
  box-shadow:0 7px 9px rgba(64, 156, 232, 0.3),0 0 0 0 rgba(64, 156, 232, 0.3),0 0 0 0 rgba(64, 156, 232, 0.3)
} 
40% { 
  box-shadow:0 7px 9px rgba(64, 160, 241, 0.3),0 0 0 15px rgba(64, 160, 241, 0.3),0 0 0 0 rgba(64, 160, 241, 0.3) 
} 

}@keyframes hoverWave { 
  0% { 
  box-shadow:0 8px 10px rgba(49, 151, 236, 0.3),0 0 0 0 rgba(49, 151, 236, 0.3),0 0 0 0 rgba(49, 151, 236, 0.3) 
} 
40% { 
  box-shadow:0 8px 10px rgba(49, 151, 236, 0.3),0 0 0 15px rgba(49, 151, 236, 0.3),0 0 0 0 rgba(49, 151, 236, 0.3) 
} 
} 

/* animations icon */ 

@keyframes shake { 
0% { 
  transform: rotateZ(0deg); 
  -ms-transform: rotateZ(0deg); 
  -webkit-transform: rotateZ(0deg); 
} 
10% { 
  transform: rotateZ(-30deg); 
  -ms-transform: rotateZ(-30deg); 
  -webkit-transform: rotateZ(-30deg); 
} 
20% { 
  transform: rotateZ(15deg); 
  -ms-transform: rotateZ(15deg); 
  -webkit-transform: rotateZ(15deg); 
} 
30% { 
  transform: rotateZ(-10deg); 
  -ms-transform: rotateZ(-10deg); 
  -webkit-transform: rotateZ(-10deg); 
} 
40% { 
  transform: rotateZ(7.5deg); 
  -ms-transform: rotateZ(7.5deg); 
  -webkit-transform: rotateZ(7.5deg); 
} 
50% { 
  transform: rotateZ(-6deg); 
  -ms-transform: rotateZ(-6deg); 
  -webkit-transform: rotateZ(-6deg); 
} 
60% { 
  transform: rotateZ(5deg); 
  -ms-transform: rotateZ(5deg); 
  -webkit-transform: rotateZ(5deg); 
} 
70% { 
  transform: rotateZ(-4.28571deg); 
  -ms-transform: rotateZ(-4.28571deg); 
  -webkit-transform: rotateZ(-4.28571deg); 
} 
80% { 
  transform: rotateZ(3.75deg); 
  -ms-transform: rotateZ(3.75deg); 
  -webkit-transform: rotateZ(3.75deg); 
} 
90% { 
  transform: rotateZ(-3.33333deg); 
  -ms-transform: rotateZ(-3.33333deg); 
  -webkit-transform: rotateZ(-3.33333deg); 
} 
100% { 
  transform: rotateZ(0deg); 
  -ms-transform: rotateZ(0deg); 
  -webkit-transform: rotateZ(0deg); 
} 
} 

@-webkit-keyframes shake { 
0% { 
  transform: rotateZ(0deg); 
  -ms-transform: rotateZ(0deg); 
  -webkit-transform: rotateZ(0deg); 
} 
10% { 
  transform: rotateZ(-30deg); 
  -ms-transform: rotateZ(-30deg); 
  -webkit-transform: rotateZ(-30deg); 
} 
20% { 
  transform: rotateZ(15deg); 
  -ms-transform: rotateZ(15deg); 
  -webkit-transform: rotateZ(15deg); 
} 
30% { 
  transform: rotateZ(-10deg); 
  -ms-transform: rotateZ(-10deg); 
  -webkit-transform: rotateZ(-10deg); 
} 
40% { 
  transform: rotateZ(7.5deg); 
  -ms-transform: rotateZ(7.5deg); 
  -webkit-transform: rotateZ(7.5deg); 
} 
50% { 
  transform: rotateZ(-6deg); 
  -ms-transform: rotateZ(-6deg); 
  -webkit-transform: rotateZ(-6deg); 
} 
60% { 
  transform: rotateZ(5deg); 
  -ms-transform: rotateZ(5deg); 
  -webkit-transform: rotateZ(5deg); 
} 
70% { 
  transform: rotateZ(-4.28571deg); 
  -ms-transform: rotateZ(-4.28571deg); 
  -webkit-transform: rotateZ(-4.28571deg); 
} 
80% { 
  transform: rotateZ(3.75deg); 
  -ms-transform: rotateZ(3.75deg); 
  -webkit-transform: rotateZ(3.75deg); 
} 
90% { 
  transform: rotateZ(-3.33333deg); 
  -ms-transform: rotateZ(-3.33333deg); 
  -webkit-transform: rotateZ(-3.33333deg); 
} 
100% { 
  transform: rotateZ(0deg); 
  -ms-transform: rotateZ(0deg); 
  -webkit-transform: rotateZ(0deg); 
} 
}
.sss {text-align:center;}

body.ltr .offcanvas-menu .offcanvas-inner li {
    margin-left: 1px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.service-block {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.service-image {
    flex: 1;
}

.service-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.service-content {
    flex: 1;
}

.service-content h2 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1.2;
}

.service-content p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.6;
}

.btn {
    display: inline-block;
    padding: 12px 24px;
    background: #f7c600;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .service-block {
        flex-direction: column;
        gap: 20px;
        padding: 5px 1px;
    }

    .service-content {
        text-align: center;
    }

    .service-content h2 {
        font-size: 26px;
    }

    .service-content p {
        font-size: 16px;
    }
}
.scroll-image {
    opacity: 0;
    transform: translateY(50px) scale(0.96);
    transition:
        opacity 1s ease,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.scroll-image.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li a,
.sp-megamenu-parent .sp-dropdown li span {
    text-transform: uppercase !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span,
.offcanvas-menu .offcanvas-inner ul.menu li a {
    text-transform: uppercase !important;
}
#sp-top-bar {
    background: #01983e;
    color: #ffffff;
}
.button-top {
    width: 100%;
    max-width: 700px;
    margin: 20px auto;
    overflow: hidden;
}
.button-top .lines {
    display: block;
    width: 100%;
    margin: 15px auto;

    box-sizing: border-box;

    background: #01983e !important;
    border: none !important;

    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 100 !important;
    line-height: 1.3;

    padding: 14px 20px;

    border-radius: 10px;

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.18),
        0 2px 5px rgba(22, 138, 69, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    opacity: 0;
    transform: translateX(-120px) scale(0.96);

    animation: modernLineAppear 0.65s cubic-bezier(.22, 1, .36, 1) forwards;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}
.button-top .lines:nth-child(1) {
    animation-delay: 0.1s;
}

.button-top .lines:nth-child(2) {
    animation-delay: 0.3s;
}

.button-top .lines:nth-child(3) {
    animation-delay: 0.5s;
}

.button-top .lines:nth-child(4) {
    animation-delay: 0.7s;
}

.button-top .lines:nth-child(5) {
    animation-delay: 0.9s;
}
@keyframes modernLineAppear {

    0% {
        opacity: 0;
        transform: translateX(-120px) scale(0.96);
    }

    70% {
        opacity: 1;
        transform: translateX(8px) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}
.button-top .lines:hover {
    background: #126f38 !important;

    transform: translateY(-3px) scale(1.015) !important;

    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.22),
        0 4px 10px rgba(22, 138, 69, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.button-top .lines:active {
    transform: translateY(1px) scale(0.99) !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.18);
}
@media (max-width: 767px) {

    .button-top {
        padding: 0 10px;
        margin: 20px auto;
    }

    .button-top .lines {
        font-size: 15px !important;
        font-weight: 400 !important;
        padding: 13px 12px;
        margin: 15px auto;
        border-radius: 8px;
    }
}
@media (prefers-reduced-motion: reduce) {

    .button-top .lines {
        animation: none;
        opacity: 1;
        transform: none;
    }
}
@media (max-width: 575px) {
    #sp-header {
        height: 55px;
    }
}