.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-align:center; border-bottom: 2px solid black; padding-bottom: 5px;}
#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;
}
img {
  opacity: 0;
  transform: translateX(-40px);
  transition: all 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

img.img-show {
  opacity: 1;
  transform: translateX(0);
}