@charset "utf-8";
/* CSS Document */
/*-----------bottom------------*/
footer{ border-top: var(--web-theme-color) solid 8px; background-color:#000; padding-top:6rem; padding-bottom: 4rem;}
#foottop{ display: grid; grid-template-columns:1fr 1fr;   }
footer img{ display:inline-block; width:22rem;}
.foottop  p{  margin-top: 2rem; line-height:1.8em;} 
.foottop  p a{color:rgba(255, 255, 255, .6);}
.foottop  p a span{color:rgba(255, 255, 255, 1); display:block;}
.foottop  p a:hover,footer ul li a:hover{color:rgba(255, 255, 255, 1);}
footer ul{grid-template-columns: repeat(3,1fr);}
footer ul li a{ color:rgba(255, 255, 255, .6);}
footer ul li{padding-top:8px;}
/*copy*/
#copy{ border-top:rgba(233,233,233,.6) solid 1px; margin-top:2rem; padding-bottom:2rem; }
#copy  p{ padding-top:3rem; text-align:center;  color:rgba(255, 255, 255, .5);}
@media (max-width:1023px){
footer{ padding-top:4rem;}	
.foottop p{margin-top: 1rem; }
.foottop p a{ width:100%;}
.foottop  p a span{ display:inline;}
#foot-contact .info-arrow i{ padding:8px; font-size:2.6rem; }	
footer #foottop{display: -webkit-grid; display: grid;grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:2rem; padding-top:2rem;}
.foottop img{ display:inline-block; width:18rem;}
footer h3{padding-top:10px;}	
.foottop-title{  font-size:1.3rem;  line-height:1.8em;}
footer ul li{padding-top:5px;}
#copy{ margin-top:2rem;}
}