﻿     .section-block-demo310-footer {
         background: #000;
         padding: 3% 0 1%;
         width: 100%;
         float: left;
     }

     .section-block-demo310-footer,
     .section-block-demo310-footer a {
         font-weight: 300;
         color: #fff
     }

     .section-block-demo310-footer a {
         -webkit-transition: all .4s;
         -o-transition: all .4s;
         transition: all .4s;
         display: inline-block;
     }

     .section-block-demo310-footer .foot-item {
         max-width: 21%;

     }

     .section-block-demo310-footer .foot-item .foot-title {
         font-size: 24px;
         font-weight: 600;
         color: #fff;
         text-transform: uppercase;
     }

     .section-block-demo310-footer .foot-logo {
         padding-bottom: 20px;
     }

     .section-block-demo310-footer .foot-contacts {
         padding: 13px 0;
     }

     .section-block-demo310-footer .foot-contacts li {
         position: relative;
         padding: 12px 0 12px 39px;
         line-height: 1.43;
     }

     .section-block-demo310-footer .foot-contacts li .foot-ico {
         position: absolute;
         top: 12px;
         left: 0;
     }

     .section-block-demo310-footer .foot-nav {
         padding: 16px 0;
     }

     .section-block-demo310-footer .foot-nav li {
         padding: 12px 0;
         font-size: 16px;
     }

     .section-block-demo310-footer .foot-nav li a {
         border-bottom: 1px solid transparent;
     }

     .section-block-demo310-footer .foot-nav li a:hover {
         border-color: var(--bs-theme-color);
         color: var(--bs-theme-color);
     }

     .section-block-demo310-footer .inquiry-form {
         padding-top: 35px;
         background-color: transparent;
         border: none;
     }

     .section-block-demo310-footer .inquiry-form .form-item {
         padding-bottom: 9px;
     }

     .section-block-demo310-footer .inquiry-form input,
     .section-block-demo310-footer .inquiry-form textarea {
         background: none;
         border: 1px solid rgba(255, 255, 255, .6);
         border-radius: 5px;
         width: 100%;
         outline: 0;
         color: #fff;
         padding: 8px 0 0 11px;
     }

     .section-block-demo310-footer .foot-item.foot-inquiry-item {
         width: 21.5%;
         max-width: none;
     }

     .section-block-demo310-footer .inquiry-form input {
         height: 38px;
     }

     .section-block-demo310-footer .inquiry-form textarea {
         height: 54px;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::-webkit-input-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::-webkit-input-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::-moz-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::-moz-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input:-ms-input-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea:-ms-input-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::-webkit-input-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::-webkit-input-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::-moz-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::-moz-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input:-ms-input-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea:-ms-input-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::-ms-input-placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::-ms-input-placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .form-item input::placeholder,
     .section-block-demo310-footer .inquiry-form .form-item textarea::placeholder {
         color: #fff;
         font-size: 14px;
         font-weight: 300;
     }

     .section-block-demo310-footer .inquiry-form .btn-submit {
         font-size: 16px;
         text-transform: uppercase;
         border-radius: 22px;
         padding: 6px 42px;
         margin-top: 18px;
         display: flex;
     }

     .section-block-demo310-footer .inquiry-form .btn i.la {
         font-size: 1.3rem;
     }

     .section-block-demo310-footer .inquiry-form .btn[btn-arrow] i.la {
         margin-left: 8px;
         margin-top: -5px;
     }

     .section-block-demo310-footer .foot-bottom {
         border-top: 1px solid rgba(255, 255, 255, .5);
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         padding-top: 1%;
         margin-top: 3%;
     }

     .section-block-demo310-footer .copyright {
         width: 65%;
         line-height: 1.5;
     }

     .section-block-demo310-footer .foot-social {
         padding: 5px 0;
     }

     .section-block-demo310-footer .foot-social li {
         display: inline-block;
         padding: 5px 0 5px 10px;
     }

     .section-block-demo310-footer .foot-social li a {
         padding: 4px 0;
         width: 30px;
         height: 30px;
         background-color: #fff;
         color: #000;
         text-align: center;
         line-height: 20px;
     }

     .section-block-demo310-footer .foot-social li a:hover {
         -webkit-transform: rotate(30deg);
         -ms-transform: rotate(30deg);
         transform: rotate(30deg);
     }

     .section-block-demo310-footer .inquiry-form .form-checktip {
         font-size: 12px;
     }

     @media only screen and (max-width:1680px) {
         .section-block-demo310-footer .foot-item {
             max-width: 30%;
         }
     }

     @media only screen and (max-width:1366px) {
         .section-block-demo310-footer .foot-logo img {
             height: 52px;
         }

         .section-block-demo310-footer .foot-item .foot-title {
             font-size: 20px;
         }

         .section-block-demo310-footer .foot-nav li {
             font-size: 14px;
         }

         .section-block-demo310-footer .inquiry-form .btn-submit {
             font-size: 14px;
             padding: 3px 35px;
         }
     }

     @media only screen and (max-width:992px) {
         .section-block-demo310-footer {
             padding: 2rem 0;
         }

         .section-block-demo310-footer .foot-item .foot-title {
             font-size: 18px;
         }

         .section-block-demo310-footer .foot-item {
             max-width: 42%;
             padding: 1.5rem 0;
         }

         .section-block-demo310-footer .foot-item.foot-inquiry-item {
             width: 100%;
         }

         .section-block-demo310-footer .foot-logo {
             padding-bottom: 14px;
         }

         .section-block-demo310-footer .foot-logo img {
             height: 43px;
         }

         .section-block-demo310-footer .copyright {
             width: 100%;
             padding-top: 20px;
             text-align: center;
         }

         .section-block-demo310-footer .foot-social {
             margin: 5px auto;
         }

         .section-block-demo310-footer .foot-social li {
             padding: 5px;
         }
     }

     @media only screen and (max-width:768px) {
         .section-block-demo310-footer .foot-item .foot-title {
             font-size: 16px;
             display: flex;
             justify-content: space-between;
             align-items: center;
         }

         .section-block-demo310-footer .foot-item {
             max-width: 100%;
             width: 100%;
         }

         .section-block-demo310-footer .foot-contacts li {
             padding: 12px 0 12px 30px;
         }
     }

     @media only screen and (max-width:480px) {

         .section-block-demo310-footer .foot-item,
         .section-block-demo310-footer .foot-item.foot-inquiry-item {
             max-width: 100%;
             width: 100%;
         }
     }


     .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-demo310-footer .foot-item {
         position: relative;
     }



     @media(max-width:768px) {
         .section-block-demo310-footer .foot-item {
             border-bottom: solid 1px #dedede;
             padding-bottom: 10px;
         }

         .foot-item {
             display: block !important;
         }

         .section-block-demo133-footer .foot-item {
             position: relative;
         }

         .foot-item h3 i {
             display: block;
             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-demo310-footer .foot-item {
             border-bottom: solid 1px rgba(255, 255, 255, .5);
             padding-bottom: 20px;
         }

         .section-block-demo310-footer .foot-item {
             width: 100%;
             margin-bottom: 4vw;
         }



     }









     #onlineService {
         display: none;
     }

     @media(max-width:768px) {
         .policy-list {
             margin: auto;
         }

         .section-block-demo310-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
         }

     }