footer.footer {
padding:37px 0 44px;
position:relative;
z-index:3;
}
.footer-flex {
display: flex;
flex-wrap: wrap;
}
.footer-list-first .privacy-policy {
margin-top: 92px;
}
.footer-list-first .privacy-policy p { 
margin:0;
font-size:18px;
line-height:24px;
letter-spacing: -0.68px;
}
.footer-list-second .hs-menu-wrapper ul {
display: block;
}
.footer-list-third ul,.footer-list-four ul {
padding: 0;
list-style: none;
display: flex;
margin:0;
}
.footer-list-third ul {
margin-top: 166px;
}
.footer-list-third ul li {
margin-right: 10px;
}
.footer-list-second .hs-menu-wrapper ul li {
margin-bottom:7px;
}
.footer-list-second .hs-menu-wrapper ul li a{
font-size: 24px;
line-height: 31px;
letter-spacing: -0.01em;
}
.footer-flex>div {
width: 17.2%;
}

.footer-flex>div.footer-list-four {
width: 48.4%;
padding-right: 70px;
}
.footer-flex>div.footer-list-four ul {
justify-content: flex-end;
}
.footer-flex>div.footer-list-four ul li {
text-align: center;
margin-left: 57px;
font-weight: 600;
font-size: 24px;
line-height: 31px;
letter-spacing: 0.3em;
text-transform: uppercase;
}
.footer-flex>div.footer-list-four ul li img {
margin-bottom: 10px;
}
.footer-list-third ul li {
margin-right: 34px;
}
@media (max-width: 1600px){
.footer-list-third ul li {
margin-right: 27px;
}
}
@media (max-width:1280px){
.footer-list-second .hs-menu-wrapper ul li a {
font-size: 20px;
line-height: 27px;
}
.footer-flex>div {
width: 22.2%;
}
.footer-flex>div.footer-list-four {
width: 33.4%;
padding-right: 0;
}
.footer-flex>div.footer-list-four ul li {
margin-left: 33px;
}
}
@media (max-width:991px){
footer.footer {
padding: 26px 0 20px;
}
.footer-list-second{
display: none;
}
.footer-flex>div {
width: 100%;
}
.footer-flex>div.footer-list-four {
width:100%;
}
.footer-list-third ul {
display: none;
}
.footer-flex>div.footer-list-four ul {
justify-content: flex-start;
}
.footer-list-third {
order: 1;
}
.footer-list-four{
order: 2;
margin: 25px 0px 69px;
}
.footer-list-first{
order: 3;
display: flex;
align-items: flex-end;
}
.footer-flex>div.footer-list-four ul li img {
margin-bottom: 5px;
width: 73px;
}
.footer-flex>div.footer-list-four ul li {
margin-left: 0;
margin-right: 34px;
}
.footer-list-first a img {
width: 48px;
margin-right: 34px;
}
.footer-list-first .secondary_paragraph p {
margin: 0 0 4px;
}
}
@media (max-width:767px){
.footer-flex>div.footer-list-four ul li{
font-size: 16px;
line-height: 23px;
}
}

.footer-list-four .demo-container{
   text-align:right;
}

.clock {
  border-radius: 50%;
  border:4px solid #ffffff;
  display: inline-block;
  margin:0 4%;
  position: relative;
  width: 120px;
  height:120px;
  opacity: 0;
}

.clock.show {
  opacity: 1;
  transition: all 2.5s 0.5s cubic-bezier(.12,1.03,.34,1);
}

.clock::after {
  background: red;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4%;
  height: 4%;
  z-index: 10;
}

.minutes-container, .hours-container, .seconds-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hours-container {
  animation: rotate 43200s infinite linear;
}

.linear .minutes-container {
  animation: rotate 3600s infinite linear;
}

.linear .seconds-container {
   animation: rotate 60s infinite linear;
}

.steps .minutes-container {
  animation: rotate 3600s infinite steps(60);
}

.steps .seconds-container {
  animation: rotate 60s infinite steps(60);
}

.local.steps .minutes-container {
   animation: none;
}

.bounce .minutes-container {
  transition: transform 0.3s cubic-bezier(.4,2.08,.55,.44);
}

.bounce .seconds-container {
  transition: transform 0.2s cubic-bezier(.4,2.08,.55,.44);
}


.hours {
  background: #ffffff;
  width: 3.5%;
  height: 40%;
  position: absolute;
  left: 48.25%;
  top: 22%;
  transform-origin: 50% 71%;
}

.minutes {
  background: #ffffff;
  width: 3.5%;
  height: 55%;
  position: absolute;
  left: 48.25%;
  top: 7%;
  transform-origin: 50% 78.5%;
}

.seconds {
  background: red;
  width: 1.5%;
  height: 42%;
  position: absolute;
  left: 49.25%;
  top: 20%;
  transform-origin: 50% 71%;
  z-index: 8;
}

.demo-container .label {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.5em 0.75em 0.25em;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  letter-spacing:0.3em;
}

@keyframes rotate {
  100% {
    transform: rotateZ(360deg);
  }
}

.clock.station .seconds::before {
  background: red;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: -9%;
  left: -200%;
  height: 18%;
  width: 500%;
}

.clock.ios7 {
  background: #fff url(/assets/images/posts/clocks/ios_clock.svg) no-repeat center;
  background-size: 88%;
}

.clock.ios7:before {
  background: black;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6%;
  height: 6%;
  z-index: 0;
}

.clock.ios7:after {
  width: 2%;
  height: 2%;
}

.clock.ios7 .seconds {
  border-radius: 200%/10%;
  height: 30%;
  left: 49.5%;
  top: 20%;
  width: 1%;
  transform-origin: 50% 100%;
}

.clock.ios7 .minutes {
  border-radius: 150%/10%;
  width: 2%;
  height: 35%;
  left: 49%;
  top: 15%;
  transform-origin: 50% 100%;
}

.clock.ios7 .hours {
  border-radius: 85%/10%;
  width: 2%;
  height: 20%;
  left: 49%;
  top: 30%;
  transform-origin: 50% 100%;
}


.clock.simple {
  background: #fff url(/assets/images/posts/clocks/ios_clock.svg) no-repeat center;
  background-size: 88%;
}

.clock.simple:after {
  background-color: #000;
  width: 5%;
  height: 5%;
}

.clock.simple .seconds {
  background-color: #000;
  height: 45%;
  left: 49.5%;
  top: 14%;
  width: 1%;
  transform-origin: 50% 80%;
}

.clock.simple .minutes {
  width: 2%;
  height: 40%;
  left: 49%;
  top: 10%;
  transform-origin: 50% 100%;
}

.clock.simple .hours {
  width: 2.5%;
  height: 20%;
  left: 48.75%;
  top: 30%;
  transform-origin: 50% 100%;
}

.hours.angled {
  transform: rotateZ(-40deg);
}

.minutes.angled {
  transform: rotateZ(40deg);
}


@media(max-width:1280px){

.clock{
  width:80px;
  height:80px;
  margin:0 2%;
}
}


@media(max-width:991px){

.footer-list-four .demo-container {
    text-align: left;
}
  
.demo-container .label{
  font-size:16px;
}
  
.clock{
  width:80px;
  height:80px;
}
}

@media(max-width:767px){
.clock{
  width:70px;
  height:70px;
}
}