@charset "utf-8";
/* CSS Document */
footer {background: url("../images/bg_04.jpg") #fff no-repeat scroll center center; padding-bottom: 2.74%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.footer {max-width: 1210px; margin: auto; padding: 5% 20px 0 20px; position: relative; color:#fff;}
.footer div {color: #fff; padding-bottom: 30px;}
.footer a:link, .footer a:visited {text-decoration:none; color:#fff; position: relative; transition: all 0.5s ease 0s;}
.footer a:active, .footer a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.footer ul , .footer li {list-style-type:none; margin: 0; padding: 0;}
.footer > ul {display: flex; flex-wrap: wrap; width: 100%;}
.footer > ul > li:nth-child(1) {width: 29.9%;}
.footer > ul > li:nth-child(1) ul {display: flex; flex-wrap: wrap; text-transform:uppercase; line-height: 250%; overflow: hidden; transition: all 0.5s ease 0s;}
.footer > ul > li:nth-child(1) ul li {width: 43%; background: url("../images/icon_01d.png") no-repeat left center; padding-left: 18px;}
.footer > ul > li:nth-child(1) ul li a::after {content: ''; height: 2px; width: 0%; background-color: #fff; position: absolute; bottom: -5px; left: 0px; transition: all 0.25s ease 0s;}
.footer > ul > li:nth-child(1) ul li a:hover::after {content: ''; height: 2px; width: 100%; background-color: #fff; position: absolute; bottom: -5px; left: 0px;}
.footer > ul > li:nth-child(2) {width: 51.7%;}
.footer > ul > li:nth-child(2) ul {line-height: 250%; overflow: hidden; transition: all 0.25s ease 0s;}
.footer > ul > li:nth-child(2) ul li {padding-left: 40px;}
.footer > ul > li:nth-child(2) ul li:nth-child(1) {background: url("../images/icon_03a.png") no-repeat left center;}
.footer > ul > li:nth-child(2) ul li:nth-child(2) {background: url("../images/icon_03b.png") no-repeat left center;}
.footer > ul > li:nth-child(2) ul li:nth-child(3) {background: url("../images/icon_03c.png") no-repeat left center;}
.footer > ul > li:nth-child(2) ul li:nth-child(4) {background: url("../images/icon_03d.png") no-repeat left center;}
.footer > ul > li:nth-child(2) ul li a::after {content: ''; height: 2px; width: 0%; background-color: #fff; position: absolute; bottom: -5px; left: 0px; transition: all 0.25s ease 0s;}
.footer > ul > li:nth-child(2) ul li a:hover::after {content: ''; height: 2px; width: 100%; background-color: #fff; position: absolute; bottom: -5px; left: 0px;}
.footer > ul > li:nth-child(3) {width: 18.4%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding-bottom: 50px;}
.footer > ul > li:nth-child(3) a:hover img {text-decoration:none; -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}

.copyright {font-size: 15px; color: #fff; text-align: center; background-color: #105ba9; padding: 2.52% 20px; line-height: 180%; letter-spacing: 0.5px;}
.copyright a:link, .copyright a:visited {text-decoration:none; position: relative; color:#fff; transition: all 0.5s ease 0s;}
.copyright a:active, .copyright a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.copyright  a::after {content: ''; height: 2px; width: 0%; background-color: #fff; position: absolute; bottom: -5px; left: 0px; transition: all 0.25s ease 0s;}
.copyright  a:hover::after {content: ''; height: 2px; width: 100%; background-color: #fff; position: absolute; bottom: -5px; left: 0px;}