/* 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:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:45px; height:45px;line-height: 40px;  background:#27597e; border-radius: 100%; font-size: 15px; color: #005ea6; position: relative; text-align: center; padding-top: 10px; cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);}
#gotop a:before { content: ""; position: absolute; width: 12px; height: 12px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:19px; left: 17px;}
#gotop a:hover { opacity: 0.8;}

footer { letter-spacing: 0.05rem; color: #222; font-size: 17px; line-height: 1.5; font-weight: 400;}

.footer-top-section { background: #ececed; padding: calc(20px + 3%) 5%;}
.footer-top-content { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-top-content > div { padding-right: 3%;}
.footer-top-content > div:nth-of-type(1) { width: 25%;}
.footer-top-content > div:nth-of-type(2) { width: 37%;}
.footer-top-content > div:nth-of-type(3) { width: 38%;}

.footer-title { font-size: 18px; font-weight: 700; line-height: 1.3; padding-bottom: calc(10px + 1%); text-transform: uppercase;}
.footer-location { display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-location > div {  width: 50%; padding-right: 3%;}
.footer-location > div > div {  padding-bottom: 6px;}

.footer-info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
.footer-info > img { width: 20px; filter: invert(100%) brightness(0%); padding-top: 4px;}
.footer-info > div { width: calc(100% - 20px); padding-left: 6px;}
.footer-info-icon {width: 35px; margin: 0 5px 5px 0;}
.footer-info-icon:hover {opacity: 0.6;}

.copyright { background: #27597e; padding: calc(10px + 1%) 5%; text-align: center; color: #fff; font-size: 15px;}
.copyright a { color: #fff !important;}
.copyright a:hover { text-decoration: underline;}
.copyright span { text-transform: uppercase;}

.logoF {display: none!important;}
.loca_wrap {width: 35%!important;}
.serv_wrap {width: 65%!important; padding: 0 0 0 3%!important;}
.serv_wrap .footer-info-section > div {width: calc(100% / 3);}

@media only screen and (max-width: 1365px) {
	footer { font-size:16px;}
}
@media only screen and (max-width: 1279px) {
	.footer-top-content > div:nth-of-type(1) { width: 100%;}
	.footer-top-content > div:nth-of-type(1) img { max-width: 200px; padding-bottom: 25px;}
	.footer-top-content > div:nth-of-type(2) { width: 50%;}
	.footer-top-content > div:nth-of-type(3) { width: 50%;}
	
}
@media only screen and (max-width: 1200px) {
    .loca_wrap {width: 100%!important; padding: 0!important;}
    .loca_wrap .footer-location > div {width: 100%; display: flex; flex-flow: wrap; padding: 0!important;}
    .loca_wrap .footer-location > div > div {width: calc(100% / 4); padding: 0 10px 5px 0; word-wrap:break-word}
    .serv_wrap {width: 100%!important; padding: 40px 0 0 0!important;}
    .serv_wrap .footer-info-section > div {width: 100%; display: flex; flex-flow: wrap; padding: 0!important;}
    .serv_wrap .footer-info-section > div > div { padding: 0 15px 10px 0; word-wrap:break-word}
}
@media only screen and (max-width: 980px) {
	#gotop { transform: scale(0.6); transform-origin: 100% 50%;}
	
	.footer-top-content > div:nth-of-type(2) { width: 100%; padding-bottom: 25px;}
	.footer-top-content > div:nth-of-type(3) { width: 100%;}
}
@media only screen and (max-width: 768px) {
    .serv_wrap .footer-info-section > div > div {width: calc(100% / 3);}
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	.footer-location > div {  width: 100%; padding-right: 0%;}
	.footer-info-section > div {  padding-bottom: 10px;}
    .loca_wrap .footer-location > div > div {width: calc(100% / 2);}
    .serv_wrap .footer-info-section > div {padding: 0 0 20px 0!important;}
	.serv_wrap .footer-info-section > div > div {width: calc(100% / 2); padding: 0 15px 10px 0;}
	
}

@media only screen and (max-width: 414px) {
    .loca_wrap .footer-location > div > div {width: 100%; padding: 0 0 5px 0;}
	.serv_wrap .footer-info-section > div > div {width: 100%; padding: 0 0 10px 0;}
}

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