@charset "utf-8";













#footer{ margin-top:30px; border-top:1px solid var(--c1);}
#footer>.in{position:relative; max-width:1400px; margin:0 auto; text-align:center; padding:50px 20px 20px 20px; box-sizing:border-box; }
#footer h1{margin-bottom:20px;}

#footer .top{text-align:center;  box-sizing:border-box; padding:50px 20px; }
#footer .top h2{font-size:20px; color:var(--c1); margin-bottom:20px;}
#footer .top p{font-size:15px; color:var(--c1); opacity:0.8;}
#footer .top ul{margin-top:30px; display:flex; align-items:center; justify-content:center;}
#footer .top ul li{margin:0 5px; text-transform:uppercase;}
#footer .top ul li a{display:inline-block; padding:5px 15px; background:#f4f4f4; color:var(--c1); border-radius:40px; transition:0.3s;}
#footer .top ul li a:hover{background:#eee;}

#footer .in{ border-top:1px solid #eee;}
#footer .in h1{margin-bottom:20px;}
#footer .in p{margin-bottom:20px; color:var(--c1);}
#footer .in ul{display:flex; justify-content:center;}
#footer .in ul li{margin:0 5px;}
#footer .in ul li a{transition:0.3s;}
#footer .in ul li a:hover{opacity:0.6;}

.bottom-fixed{position:fixed; bottom:60px; right:10px; width:50px; z-index:100;}
.bottom-fixed a{transition:0.3s;}
.bottom-fixed a:hover{opacity:0.7;}



.right-fixed{position:fixed; top:50%; transform:translateY(-50%); z-index:100; right:10px;}
.right-fixed ul{text-align:center;}
.right-fixed ul li{cursor:pointer; font-size:15px;  width:30px; height:30px; line-height:30px; border-radius:50%; background:rgba(0,0,0,0.3); transition:0.3s;}
.right-fixed ul li + li{margin-top:15px; }
.right-fixed ul li:hover{background:rgba(0,0,0,0.5);}
.right-fixed ul li i{color:#fff;}


@media all and (min-width:768px){
  #footer{margin-top:70px; overflow:hidden;}
  #footer>.in{padding:70px 0;}
  #footer h1{margin-bottom:0;}

  #footer .top{ padding:70px 0; }
  #footer .top h2{font-size:40px; margin-bottom:30px;}
  #footer .top p{font-size:17px;}
  #footer .top ul{margin-top:50px;}
  #footer .top ul li a{font-size:15px; padding:10px 20px;}

  #footer .in{display:flex; justify-content:center; justify-content:space-between;}
  #footer .in h1{margin:0;}
  #footer .in p{margin:0; font-size:14px;}
  #footer .in ul{}



  .bottom-fixed{ width:68px; bottom:85px; right:14px;  }

  .right-fixed{right:20px;}
  .right-fixed ul li{width:40px; height:40px; ;}
  .right-fixed ul li i{font-size:20px; line-height:40px}



}























/**/