/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}

#gotop { display: none; position: fixed; right:0px; bottom:20px; text-align: center; cursor: pointer; z-index:20;}
#gotop a { display:inline-block; width:30px; height:30px; padding-top:6px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}

.footer-bg {/*background: url(../images/footer-bg.jpg) no-repeat center fixed; background-size: cover;*/ min-height: 398px; padding: 138px 0 124px 0;}
.footer-box { display: flex; flex-direction: row; flex-wrap: nowrap;padding: 0 10px}
.footer-box > div {padding: 0 10px; border-right: 1px solid #fff;}
.footer-box > div:last-child {border-width: 0;}
.footer-box > div:nth-of-type(1) { width: 220px; font-size: 38px; color: #fff; line-height: 100%; font-weight: normal;}
.footer-box > div:nth-of-type(2), .footer-box > div:nth-of-type(3) {min-width: 300px;}
.footer-box > div:nth-of-type(2), .footer-box > div:nth-of-type(3), .footer-box > div:nth-of-type(4) { padding: 0 40px; font-size: 16px; letter-spacing: 1px; color: #ffffff; line-height: 30px;}
.footer-box > div:nth-of-type(2) a, .footer-box > div:nth-of-type(3) a, .footer-box > div:nth-of-type(4) a { color: #ffffff;}
.footer-box > div:nth-of-type(2) font, .footer-box > div:nth-of-type(3) font, .footer-box > div:nth-of-type(4) font {display: block; font-size: 24px; font-weight: bold; padding-bottom: 20px; line-height: 100%;}
.footer-box > div:nth-of-type(2) i, .footer-box > div:nth-of-type(3) i, .footer-box > div:nth-of-type(4) i { font-size: 34px; display: inline-block; vertical-align: middle; padding-right: 10px;}

.copyright { background: #1d2a54; padding: 34px 0;}
.copyright-box {padding: 0 10px; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; letter-spacing: 1px; font-size: 15px; line-height: 24px; color: #ffffff;}
.copyright-box > div:first-child {}
.copyright-box > div:last-child a { text-decoration: underline; color: #fff;}
.copyright-box > div:last-child a:hover {text-decoration: none;}

@media only screen and (max-width: 980px) {
	.footer-bg { min-height:inherit; padding: 20px 0;}
	.footer-box { flex-direction: column;}
	.footer-box > div { width: 100% !important; padding:20px 10px 20px 10px !important; border-bottom: 1px solid rgba(255,255,255,.3); border-right-width: 0;}
	.footer-box > div:nth-of-type(1){font-size: 38px;}
}
@media only screen and (max-width: 768px) {
	.copyright-box {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.copyright-box > div:last-child {padding-top: 15px;}
}

.social {position: fixed; right: 20px; top: 50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9999;}
.social a {margin: 5px 0;}
.social a:hover img {opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
@-webkit-keyframes hvr-icon-drop {
  0% {opacity: 0;} 50% {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);} 51%, 100% {opacity: 1;}
}

@keyframes hvr-icon-drop {
  0% {opacity: 0;} 50% {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);} 51%, 100% {opacity: 1;}
}