/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 1279px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool-bar { position: fixed; right:10px; bottom:20%; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width:50px; height:50px;line-height: 0px; background:#000000;border-radius: 100%; margin-bottom: 10px;display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div img { width:23px; }
.right-tool-bar > div:hover { transform: scale(0.9); background: #ff3131;}
#gotop { cursor: pointer;  text-align: center; position: relative;}
#gotop div { position: absolute; width: 10px; height: 10px; display: block; border-width: 1px 1px 0 0 ; border-style:solid; border-color: #fff;top:46%; left: 55%; transform: rotate(-45deg) translate(-50%, -50%); }

.right-tool-bar-show { right:10px; }

footer { font-size: 18px; line-height:1.7; color: #fff; letter-spacing: 0; font-weight: 400;}

.footer-top-section { padding: calc(20px + 5%) 5% calc(20px + 3%) 5%; background: linear-gradient(0deg, #fff 0%, #f0f0f0 100%);}

.idx-client-tool { position: relative; width: 100%; margin:60px 0 0px 0;}
.idx-client-link { text-align: center;}
.swiper-pagination-client { text-align: center;}
.swiper-pagination-client .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px !important; background: #d1d1d1; opacity: 1;}
.swiper-pagination-client .swiper-pagination-bullet-active { background: #ff3131;}

.footer-bottom-section { padding: calc(20px + 3%) 5%; background: #122036;}
.footer-bottom-section a, .footer-bottom-section a:hover { color: #fff;}

.footer-bottom-content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.footer-bottom-content > div:nth-of-type(1) { width: 170px;}
.footer-bottom-content > div:nth-of-type(2), .footer-bottom-content > div:nth-of-type(3) { width: calc((100% - 170px - 225px) / 2); padding-left: 3%;}
.footer-bottom-content > div:nth-of-type(4) { width: 225px;}

.footer-logo { filter: brightness(0) invert(1);}

.footer-info { display: flex; flex-direction: row; flex-wrap: nowrap; }
.footer-info .layout-nowrap > div:nth-of-type(1){ white-space: nowrap;}
.footer-info a { display: inline-block;}
.footer-info a:hover { text-decoration: underline;}
.footer-info > div:nth-of-type(1) { width: 30px; }
.footer-info > div:nth-of-type(1) img { filter: invert(1);}
.footer-info > div:nth-of-type(2) { width: calc(100% - 30px); padding-left: 15px; font-weight: 300;}

.footer-social { padding-bottom: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}
.footer-social > a { margin: 0 0 10px 10px; border-radius: 100%;  border: 1px solid rgba(255,255,255,.3);display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: center; align-items: center; width: 50px; height: 50px;}
.footer-social > a > img { filter: invert(1); width: 20px;}
.footer-social > a:hover { background: #fff;}
.footer-social > a:hover > img { filter: invert(0); }

.copyright { text-align: right; font-size: 16px; color: #fff; font-weight: 300;}
.copyright a { color: #fff;}
.copyright a:hover { text-decoration: underline;}

@media only screen and (max-width: 1365px) {
	.right-tool-bar { transform: scale(0.7); right: -7px;}
}

@media only screen and (max-width: 1279px) {
	footer {line-height: 1.6;font-size: 16px;}
	
}

@media only screen and (max-width: 980px) {
	.footer-bottom-content > div { width: 100% !important; padding-bottom: 30px; padding-left: 0 !important;}
	.footer-bottom-content > div:last-child { padding-bottom: 0;}
	.footer-logo { max-width: 150px;}
	.footer-social { justify-content: flex-start;}
	.footer-social > a { margin: 0 10px 10px 0;}
	.copyright { text-align: left;}
}
@media only screen and (max-width: 768px) {
	
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 320px) {
	
}