/* 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; }
}
.right-tool-bar { position: fixed; right:10px; bottom:100px; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;}
.right-tool-bar > div { width: 35px; margin-bottom: 10px; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { display: block; cursor: pointer;  text-align: center;}
#gotop a { display:inline-block; width:42px; height:42px;line-height: 42px;  background:#71c7d1; border-radius: 100%; font-size: 15px; color: #005ea6; position: relative; text-align: center;  cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0); padding-top: 3px;}
#gotop a:before { /*content: "";*/ position: absolute; width: 8px; height: 8px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:15px; left: 14px;}
#gotop a:hover { }

.social-tool-bar { position: fixed; left:2%; top:30%; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap; justify-content: center; align-items: center;}
.social-tool-bar > a, .social-tool-bar > div { margin-bottom: 10px; position: relative;}
.social-tool-bar > a:hover { transform: scale(0.85);}
.social-tool-btn { width: 38px; height: 38px; border-radius: 100%; background: #b29763; display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; justify-content: center; padding: 5px;}
.social-tool-btn > img { max-height: 25px; max-width: 22px;}
.social-tool-txt { font-weight: 700; font-size: 17px; color: #b29763; position: absolute; transform-origin: 50% 0%;top:45px;left: -57px;transform: rotate(-90deg); white-space: nowrap; }

footer { line-height: 1.5; letter-spacing: 0; font-weight: 400; color: #898989;}
footer a { color: #898989;}
footer a:hover { color: #fff;}

.footer-top-section { padding: calc(20px + 3%) 5%;}
.footer-top-content { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-top-content > div:nth-of-type(1) { width: 320px;}
.footer-top-content > div:nth-of-type(2) { width: calc(100% - 320px); padding-left: 7%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.footer-top-content > div:nth-of-type(2) > div { width: 28%;}

.footer-logo { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px solid #2d2d2d;}
.footer-info { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 10px;}
.footer-info > div { margin-bottom: 5px;}
.footer-info > div:nth-child(odd) { width: 16px;}
.footer-info > div:nth-child(even) { width: calc(100% - 16px); padding-left: 10px; font-size: 14px;}
.footer-info > div:nth-child(even) a { color: #898989;}
.footer-info > div:nth-child(even) a:hover { color: #fff;}

.footer-social { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer-social > div:nth-of-type(1) { font-size: 14px; padding-right: 7px;}
.footer-social > div:nth-of-type(2) > a { display: inline-block; margin-right: 7px;}
.footer-social > div:nth-of-type(2) > a:hover { transform: scale(0.9); opacity: 0.6;}

.footer-top-link-title { text-transform: uppercase; font-weight: 700; color: #71c7d1; font-size: 18px; padding-bottom: 10px;}
.footer-top-link > a { display: block; border-bottom: 1px dashed #1f1f1f; padding: 13px 0 13px 25px; line-height: 1.3; background: url("../images/footer-icon.png") no-repeat 0 15px; color: #898989; font-size: 16px;}
.footer-top-link > a:hover{ color: #fff;}

.copyright { background: #1b1b1b; border-top: 2px solid #b29763; padding: 20px 5%; font-size: 14px;}
.copyright .content-Box { text-align: right; color: #d3d3d8;}
.copyright .content-Box a { display: inline-block; color: #d3d3d8;}
.copyright .content-Box a:hover { color: #fff; text-decoration: underline;}

@media only screen and (max-width: 1279px) {
	
}

@media only screen and (max-width: 980px) {
	.social-tool-bar { display: none;}
	
	.footer-top-content > div:nth-of-type(1) { width: 100%; padding-bottom: 35px;}
	.footer-top-content > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0%; }
	.footer-logo img { max-width: 290px; width: 100%;}
	
	.copyright .content-Box { text-align: center; }
}
@media only screen and (max-width: 768px) {
	
	
}
@media only screen and (max-width: 640px) {
	.footer-top-content > div:nth-of-type(1) { padding-bottom: 0px;}
	.footer-top-content > div:nth-of-type(2) { display: none;}
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	

}

@media only screen and (max-width: 320px) {
	

}