﻿ footer{ position:relative;}
        footer .wave {position: absolute;top: 0;left: 0;width: 100%;height: 100px;background: url(images/wave.webp);background-size: 1000px 100px;}
        footer .wave#wave1 {z-index: 1000;opacity: 1;bottom: 0;animation: animateWave 4s linear infinite;}
        footer .wave#wave2 {z-index: 999;opacity: 0.5;bottom: 10px;animation: animateWave2 4s linear infinite;}
        footer .wave#wave3 {z-index: 1000;opacity: 0.2;bottom: 15px;animation: animateWave 3s linear infinite;}
        footer .wave#wave4 {z-index: 999;opacity: 0.7;bottom: 20px;animation: animateWave2 3s linear infinite;}
        @keyframes animateWave {
            0% {
                background-position: 1000px;
            }
        
            100% {
                background-position-x: 0px;
            }
        }
        
        @keyframes animateWave2 {
            0% {
                background-position: 0px;
            }
        
            100% {
                background-position-x: 1000px;
            }
        }
        .section-block-demo122-footer{padding: 0px 0 0;background: transparent;z-index: 3;width:100%;float:left;}
        .section-block-demo122-footer .foot-outer-wrap{position: relative;z-index: 1001;padding: 8% 0 0;background:#f7f7f7 url(../images/footer_bg.webp) center/cover no-repeat;}
        .section-block-demo122-footer .foot-item .foot-title{font-family: var(--bs-h-font-family);font-size: 24px; color:#fff;font-weight: 600;margin-bottom: 12px;text-transform: uppercase;}
        .section-block-demo122-footer .copyright{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.36);background-color: transparent;font-size: 16px; text-align:center;color: #ffffff;opacity: 1;} 
        .section-block-demo122-footer .foot-items{padding-bottom: 3px;}
        .section-block-demo122-footer .foot-item{padding: 10px 0;}
        .section-block-demo122-footer .foot-contact-item{width: 34%;padding-right: 12.6%;}
        .section-block-demo122-footer .foot-nav-item{flex: 1;}
        .section-block-demo122-footer .foot-nav-item:nth-child(2){margin-right: 3%;}
        .section-block-demo122-footer .foot-inquiry-item{width: 292px;}
        .section-block-demo122-footer .foot-contacts{padding: 16px 0 10px;}
    
        .section-block-demo122-footer .foot-contacts .foot-val{font-size: 16px;line-height:25px;color:#FFF;}
		.section-block-demo122-footer .foot-contacts .foot-val a{ color:#FFF;}
        .section-block-demo122-footer .foot-contacts li:not(:last-child){margin-bottom: 12px;}
        .section-block-demo122-footer .foot-contacts li .foot-ico{transition: transform 0.3s ease-in-out;float: left;
  font-size: 20px;
  color: #fff;
  padding-right: 10px;}
        .section-block-demo122-footer .foot-contacts li:hover .foot-ico{animation: swing 0.4s ease alternate;}
        @keyframes swing {
          0% {
            transform: rotate(0deg);
          }
          20% {
            transform: rotate(35deg);
          }
          40% {
            transform: rotate(-35deg);
          }
          60% {
            transform: rotate(35deg);
          }
          80% {
            transform: rotate(-35deg);
          }
          100% {
            transform: rotate(0deg);
          }
        }
        .section-block-demo122-footer .foot-social{padding: 10px 0;margin-left: -5px;margin-top: -7px;}
        .section-block-demo122-footer .foot-social li{padding: 3px;}
        .section-block-demo122-footer .foot-social li a{ background-color:#fff;display: flex;align-items: center;justify-content: center;padding: 10px; border-radius:10px;} 
 .section-block-demo122-footer .foot-social li a i{ color:var(--bs-theme-color) ; font-size:20px;}
        .section-block-demo122-footer .foot-nav{padding: 10px 0;}
        .section-block-demo122-footer .foot-nav li{padding: 8px 0;margin-bottom: .5px;}
        .section-block-demo122-footer .foot-nav li a{font-weight: 400;line-height: 1.2; font-size:16PX;transition: all .35s ease;color: #ffffff}
        .section-block-demo122-footer .foot-nav li:hover a,
        .section-block-demo122-footer .foot-nav li:hover,
        .section-block-demo122-footer .foot-nav li a:hover{color:rgba(255,255,255,.5)}
        .section-block-demo122-footer .foot-nav li:hover a{transform: translateX(6px)}
        .section-block-demo122-footer .inquiry-form{padding: 19px 0;background: transparent;
  border: 0;}
        .section-block-demo122-footer .inquiry-form .form-item{padding: 4px 0;margin: 0;}
        .section-block-demo122-footer .inquiry-form .form-item:not(:last-child){margin: 0;}
        .section-block-demo122-footer .inquiry-form .form-item input, .section-block-demo122-footer .inquiry-form .form-item textarea{border: 1px solid rgba(255, 255, 255,.6);border-radius: 5px;font-size: 14px;padding: 10px 12px;outline: none;background-color: transparent;color: #ffffff;}
        .section-block-demo122-footer .inquiry-form .form-item input::placeholder, 
        .section-block-demo122-footer .inquiry-form .form-item textarea::placeholder{color: #ffffff;opacity: .8;}
        .section-block-demo122-footer .inquiry-form .form-item textarea{height: 47px;min-height: unset;}
        .section-block-demo122-footer .inquiry-form .form-item button{padding: 10px 27px 10px 24px;border-radius: 30px;font-size: 16px;border-width: 1px;font-weight: 400;text-transform: uppercase;}
        .section-block-demo122-footer .inquiry-form .form-item button .la{margin-left: 8px;margin-top: -5px;}

        .section-block-demo122-footer .inquiry-form .form-item.item-submit{margin-top: 9px;}
        .form-footer-inquiry-block .inquiry-form .form-checktip, .form-header-inquiry-block .inquiry-form .form-checktip, .section-form-wrap-block .inquiry-form .form-checktip{position: relative;top: unset;margin-top: 5px;}
        @media (max-width:1280px) {
            .section-block-demo122-footer .foot-item .foot-title{font-size: 18px}
        }
        @media (max-width:992px) {
            .section-block-demo122-footer .foot-items .foot-item{width: 100%;flex: unset}
            .section-block-demo122-footer .foot-contacts .foot-val{font-size: 14px}
            footer .wave{height: 160px;background-size: 1000px 160px;;}
        }
        @media (max-width:576px) {
            .section-block-demo122-footer .foot-items .foot-item{width: 100%;margin: 0;}
            .section-block-demo122-footer .foot-item .foot-title{margin-bottom: 6px;}
        }
	
	
.gotop {
	right: 2rem;
	color: #fff;
	background-color: var(--bs-theme-color);
	text-align: center;
	height: 4.6rem;
	width: 4.6rem;
	background-clip: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 99999;
	font-size: 1.6rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.gotop.active:hover, .gotop:hover {
	opacity: 1;
	color: #fff
}
.gotop::before {
  display: block;
content: "\f102";
  font: normal normal normal 14px/1 FontAwesome;
font-size: 1.8rem;
  margin-top: 15px;
}

.gotop.active {
	opacity: 1;
	visibility: visible;
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.gotop:hover:after {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
.gotop:hover { background-color:#000;
}
.foot-item h3 i {
	display: none;
}
.section-block-demo122-footer .foot-item{
    position: relative;
  }



@media(max-width:768px){
	.section-block-demo122-footer .foot-contact-item{padding-right: 0;}
.section-block-demo122-footer .foot-item{width:100%;}.section-block-demo122-footer .foot-items{padding-right:0;display:block;}
.section-block-demo122-footer .foot-title{margin-bottom: 0; border-bottom:solid 1px rgba(255,255,255,.5);padding-bottom:20px;}
.foot-item{display:block !important;}
.section-block-demo122-footer .foot-item{position: relative;}
.foot-item h3 i {display: block; position:absolute;right:20px;top: 10px; cursor:pointer;}
.foot-item ul{display: none;}
.active h3 i {transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.section-block-demo122-footer  foot-item{width:100%;margin-bottom: 4vw;}

.section-block-demo122-footer .layout .foot-items .foot-item{width:100% !important;}
.section-block-demo122-footer .inquiry-form .form-item input, .section-block-demo122-footer .inquiry-form .form-item textarea{width:100%;}
.section-block-demo122-footer .foot-social{width:100%;}.section-block-demo122-footer .foot-social li{float:left;}
.section-block-demo122-footer .foot-items .foot-item{float:left;}
}





			#onlineService {
  display: none;
}

@media(max-width:768px) {
	.policy-list{margin: auto;}
.section-block-demo122-footer{padding-bottom: 15%;}
.gotop.active,.im{
  display: none;
}
  #onlineService {
    display:block;
  }
  #onlineService {
    overflow:visible;
  }
  #onlineService {
    position:fixed;
    z-index:9999;
    bottom:0;
    left:50%;
    width:100%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
  }
  .offside {
    display:flex;
    width:100%
  }
  .offside li {
    flex-grow:1;
    flex:1;
    text-align:center;
    width:auto;
    height:60px;
    background:var(--bs-theme-color) !important;
    border-bottom:none !important;
    border-right:1px solid rgba(255,255,255,0.15)
  }
  .offside li i {
    color:#fff !important;
    font-size:20px !important;
    line-height:60px !important;
    padding:0;
    font-size:22px !important
  }
  .offside li.tel {
    width:47px;
    transform:translateX(0);
    -webkit-transform:translateX(0)
  }
  .offside li:last-child {
    display:none
  }
  .offside li p {
    display:none !important
  }
  .offside li a {
    position:static;
    display:inline-block
  }

}
		

