#sp-section1 {
	
	z-index: 2;
	position: relative;
}
#sp-menu,
#sp-logo {
	margin: auto;
	display: flex;
	justify-content:center;
}
#sp-footer,#sp-bottom {
	
	background: #fff !important;
}
#sp-header,
#sp-header-topbar {
	
	background: transparent !important;
	box-shadow:  none;
}

#sp-header.lg-header {
  box-shadow:  none;
}
.sp-page-builder .page-content #section-id-1619601564890 {
	
	margin-top: -200px !important; 
}

#sppb-addon-1619605973857 {
  height: 100%;
  margin-top: 100px;
  right: 0;
  position: absolute;
  left: -20%;
}

.itemid-101 .sp-megamenu-parent > li > a {
  color: #fff;
  font-size: 21px;
  font-weight: bold;
}

.sp-megamenu-parent > li > a {
  color: #060606;
  font-size: 21px;
  font-weight: bold;
}

.sp-megamenu-parent > li.active > a {
  font-weight: bold;
  
}

.sp-megamenu-parent > li:hover > a {
  color: #1dafa7;
}

.itemid-101 .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #060606;
}
.sp-megamenu-parent > li.active > a {
  font-weight: bold;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #44b0df;
}

#sp-header.header-sticky {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  animation: spFadeInDown 0.5s;
  background: #1dafa7 !important;
  height: 100px;
	display: flex;
	align-content: center;
	align-items: center;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
  color: #fff !important;

}
#sp-header.header-sticky .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #060606 !important;
}

#sp-point-bottom {
	padding-top: 60px;
	position: realative;
	right: 0;
	left: 0;
	overflow: hidden;
}

#sp-bottom1 {
	
	padding:0px !important; 
	
	}

#sp-point-bottom .container {
	
	max-width: 100%;
}

.sppb-shape-container.sppb-bottom-shape {
  bottom: -3px;
}
.logo-image {
  height: 100px !important;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
	
	margin-left: 0px;
}

.itemid-101 .burger-icon > span {
  display: block;
  height: 3px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  border-radius: 30px;
}

.offcanvas-active .close-offcanvas .burger-icon > span {
	
	background-color: #fff;
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  right: 0;
  top: 0;
  width: 90%;
  margin: auto;
  left: 0;
  background: transparent;
}

.offcanvas-menu a.onama {
  color: #060606 !important;
}

.offcanvas-menu a.reference {
  color: #f71579 !important;
}

.offcanvas-menu a.kontakti{
  color: #ff0 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 26px;
  padding: 10px 0px;
  position: relative;
  line-height: 26px;
  opacity: 1;
  transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #e4d8d4 !important;
}

.offcanvas-menu .offcanvas-inner {
  padding-top: 0px;
}

.offcanvas-menu .offcanvas-inner {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  background: #1dafa7;
  border-radius: 50px 50px 0px 0px;
  height: 100%;
  margin-top: 20%;
}

.offcanvas-top {
  background-color: white !important;
  border-radius: 36px;
  padding: 15px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module {
	
	margin-top: -65px;
	margin-bottom: 100px;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-bottom: 20px;
  order: 2;
}

.sppb-modal-selector .fas {
	
	padding-right: 5px;
}



@media (max-width: 991px) {

#column-wrap-id-1619601564918 {
	
	max-width: 100% !important;
	flex-basis: 100% !important;
}
.point-section1 {
  padding-top: 110px !important;
  margin-top: -170px !important;
}
#sppb-addon-wrapper-OWwSKbq668JKMvhSO2VHy {
  display: none;
}
.logo-image {
  height: 80px !important;
}
#sp-header.header-sticky {

  height: 60px;

}
#sppb-addon-wrapper-1684307971498 {
  width: 100% !important;
}

}



@media (max-width: 767px) {
	.point-reference .sppb-row {
	flex-direction: column-reverse;
	}
	.ba-form-page {
  padding: 0px !important;
  width: 100% !important;
}
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn {
  overflow: hidden;
  position: relative;
  transition: background .0s ease-in-out;
  padding: 20px !important;
  width: 100% !important;
}
#column-wrap-id-1684484484674 {
	
	margin-top: 0px !important;
}
}
.button-point__text:active,
.button-point__text:hover {
	
	color: #000;
}

.button-point{
    position : relative ;
    z-index : 0 ;
    width : 280px ;
    height : 56px ;
    text-decoration : none ;
    font-size : 14px ; 
    font-weight : bold ;
    color : black ;
    letter-spacing : 2px ;
    transition : all .3s ease ;
}
.button-point__text{
    display : flex ;
    justify-content : center ;
    align-items : center ;
    width : 100% ;
    height : 100% ;
	color: #000;
}
.button-point::before,
.button-point::after,
.button-point__text::before,
.button-point__text::after{
    content : '' ;
    position : absolute ;
    height : 3px ;
    border-radius : 2px ;
    background : black ;
    transition : all .5s ease ;
}
.button-point::before{
    top : 0 ;
    left : 54px ;
    width : calc( 100% - 56px * 2 - 16px ) ;
}
.button-point::after{
    top : 0 ;
    right : 54px ;
    width : 8px ;
}
.button-point__text::before{
    bottom : 0 ;
    right : 54px ;
    width : calc( 100% - 56px * 2 - 16px ) ;
}
.button-point__text::after{
    bottom : 0 ;
    left : 54px ;
    width : 8px ;
}
.button-point__line{
    position : absolute ;
    top : 0 ;
    width : 56px ;
    height : 100% ;
    overflow : hidden ;
}
.button-point__line::before{
    content : '' ;
    position : absolute ;
    top : 0 ;
    width : 150% ;
    height : 100% ;
    box-sizing : border-box ;
    border-radius : 300px ;
    border : solid 3px black ;
}
.button-point__line:nth-child(1),
.button-point__line:nth-child(1)::before{
    left : 0 ;
}
.button-point__line:nth-child(2),
.button-point__line:nth-child(2)::before{
    right : 0 ;
}
.button-point:hover{
    letter-spacing : 6px ;
}
.button-point:hover::before,
.button-point:hover .button-point__text::before{
    width : 8px ;
}
.button-point:hover::after,
.button-point:hover .button-point__text::after{
    width : calc( 100% - 56px * 2 - 16px ) ;
}
.button-point__drow1,
.button-point__drow2{
    position : absolute ;
    z-index : -1 ;
    border-radius : 16px ;
    transform-origin : 16px 16px ;
}
.button-point__drow1{
    top : -16px ;
    left : 40px ;
    width : 32px ;
    height : 0;
    transform : rotate( 30deg ) ;
}
.button-point__drow2{
    top : 44px ;
    left : 77px ;
    width : 32px ;
    height : 0 ;
    transform : rotate(-127deg ) ;
}
.button-point__drow1::before,
.button-point__drow1::after,
.button-point__drow2::before,
.button-point__drow2::after{
    content : '' ;
    position : absolute ;
}
.button-point__drow1::before{
    bottom : 0 ;
    left : 0 ;
    width : 0 ;
    height : 32px ;
    border-radius : 16px ;
    transform-origin : 16px 16px ;
    transform : rotate( -60deg ) ;
}
.button-point__drow1::after{
    top : -10px ;
    left : 45px ;
    width : 0 ;
    height : 32px ;
    border-radius : 16px ;
    transform-origin : 16px 16px ;
    transform : rotate( 69deg ) ;
}
.button-point__drow2::before{
    bottom : 0 ;
    left : 0 ;
    width : 0 ;
    height : 32px ;
    border-radius : 16px ;
    transform-origin : 16px 16px ;
    transform : rotate( -146deg ) ;
}
.button-point__drow2::after{
    bottom : 26px ;
    left : -40px ;
    width : 0 ;
    height : 32px ;
    border-radius : 16px ;
    transform-origin : 16px 16px ;
    transform : rotate( -262deg ) ;
}
.button-point__drow1,
.button-point__drow1::before,
.button-point__drow1::after,
.button-point__drow2,
.button-point__drow2::before,
.button-point__drow2::after{
    background: #fb94c1;
}
.button-point:hover .button-point__drow1{
    animation : drow1 ease-in .06s ;
    animation-fill-mode : forwards ;
}
.button-point:hover .button-point__drow1::before{
    animation : drow2 linear .08s .06s ;
    animation-fill-mode : forwards ;
}
.button-point:hover .button-point__drow1::after{
    animation : drow3 linear .03s .14s ;
    animation-fill-mode : forwards ;
}
.button-point:hover .button-point__drow2{
    animation : drow4 linear .06s .2s ;
    animation-fill-mode : forwards ;
}
.button-point:hover .button-point__drow2::before{
    animation : drow3 linear .03s .26s ;
    animation-fill-mode : forwards ;
}
.button-point:hover .button-point__drow2::after{
    animation : drow5 linear .06s .32s ;
    animation-fill-mode : forwards ;
}
@keyframes drow1{
    0%   { height : 0 ; }
    100% { height : 100px ; }
}
@keyframes drow2{
    0%   { width : 0 ; opacity : 0 ;}
    10%  { opacity : 0 ;}
    11%  { opacity : 1 ;}
    100% { width : 120px ; }
}
@keyframes drow3{
    0%   { width : 0 ; }
    100% { width : 80px ; }
}
@keyframes drow4{
    0%   { height : 0 ; }
    100% { height : 120px ; }
}
@keyframes drow5{
    0%   { width : 0 ; }
    100% { width : 124px ; }
}

.container-point{
    width : 100% ;
    height : 100px ;
    display : flex ;
    flex-direction : column ;
    align-items : center ;
}