@charset "utf-8";

.textUpper {
	text-transform: uppercase !important;
}
.formErrorText, div .formErrorText {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	color:#ff0000 !important;
	font-style:italic !important;
	padding-bottom:10px;
}
.successMsg {
	color:#029202;
}
.errorMsg {
	color:#ff0000;
}
.floatLeft { float:left !important; }

.footerWrap { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.footerWrap > div { width: calc(50% - 1px); padding: 0 15px; border-left: 0; }
.footerWrap > div:last-child { border-left: 2px solid #000; }
.contactWrap { display: flex; align-items: center; justify-content: center; }
.contactWrap > div { max-width: 50%; padding-left: 0px; padding-right: 10px; }
.contactWrap > div:last-child { padding-left: 10px; padding-right: 0px; }
ul.icon-list { margin-bottom: 0; list-style-type: none; padding-left: 0; margin-left: 0; }
.icon-list li { font-size: 16px; line-height: 20px; margin-bottom: 5px; display: flex; align-items: center; }
.icon-list li:last-child { margin-bottom: 0; }
.icon-list span { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #000; text-align: center; margin-right: 4px; }
.icon-list .footerWA span { display: flex; align-items: center; }
.icon-list .footerWA span img { width: 18px; height: 18px; margin: 0 auto; }
.icon-list .footerWA a { color: #000000; }
.icon-list i { position: relative; font-size: 14px; color: #FFFFFF; line-height: 25px; }
.icon-list li.large { font-size: 22px; }
.icon-list li.large span { width: 35px; height: 35px; }
.icon-list li.large span i { font-size: 25px; line-height: 35px; }

.contactWrap.inline { padding-left: 50px; justify-content: flex-start; }
.contactWrap.inline > div { padding-left: 0; padding-right: 0; }
.contactWrap.inline > div:first-child { padding-right: 20px; position: relative;}
.contactWrap.inline > div:first-child::before { content: ""; width: 2px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-color: rgba(0,0,0,0.8); }
.contactWrap.inline > div:last-child { padding-left: 15px; }

.alert-box {font-size:  1.05rem; }

@media only screen and (max-width: 991px) {
  .footerWrap { flex-direction: column; }
  .footerWrap > div { width: 100%; }
  .footerWrap > div:last-child { border-left: 0; }
  .footer-address { margin-bottom: 10px; }
  .icon-list li { display: inline-block; margin-right: 15px; }
}
@media only screen and (max-width: 420px) {
  .contactWrap { flex-direction: column; }
  .contactWrap > div { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
  .contactWrap.inline > div { text-align: left; padding-left: 0!important; padding-right: 0!important; }
  .contactWrap.inline > div:first-child::before { width: 0; }
  ul.icon-list { margin-left: 15px; }
}
.mb-5 { margin-bottom: 5px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-50 { margin-bottom: 40px!important; }
.mt-5 { margin-top: 5px!important; }
.mt-10 { margin-top: 10px!important; }
.mt-20 { margin-top: 20px!important;}
.mt-30 { margin-top: 30px!important;}
.mt-40 { margin-top: 40px!important;}
.mt-50 { margin-top: 50px!important;}

#share {
	width: 100%;
  margin: 0px auto;
  text-align: center;
}
#share.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  width: auto;
}

/* buttons */
#share a, .side-nav .sidebarShare a, .side-nav .sidebarShare a:visited {
	width: 25px;
  height: 25px;
  display: inline-block;
  margin: 8px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
	transition: opacity 0.15s linear;
  position: relative;
  z-index: 1;
  background-color: #000000;
}
#share a:hover { opacity: 1; }
#share a.wechat { z-index: 2; }
#share.inline a { margin: 5px 2px; }
.side-nav .sidebarShare { display: flex; justify-content: flex-end; padding-right: 30px; margin-bottom: 30px; }
.side-nav .sidebarShare a, .side-nav .sidebarShare a:visited { padding: 0!important; color: #FFFFFF!important; display: block; margin: 0; margin-left: 3px!important; }

#share a img, .side-nav .sidebarShare a img { vertical-align: top; padding: 4px!important; }

/* icons */
#share i {  position: relative; line-height: 30px; }
.side-nav .sidebarShare a i { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}

/* colors */
.facebook:hover { background-color: #1877f2!important; }
.instagram:hover { background: #d6249f!important; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)!important; }
.whatsapp:hover { background-color: #075e54!important; }
.wechat:hover { background-color: #7bb32e!important;}
.lineapp:hover { background-color: #00c300!important; }
.tiktok:hover { background-color: #00f2ea!important; }

#share a.wechat > div, .sidebarShare a.wechat > div { position: absolute; width: 130px; height: 40px; padding: 5px; background-color: #f0f0f0; display: none; opacity: 0; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
#share a.wechat > div.bottom, .sidebarShare a.wechat > div.bottom { bottom: auto; top: calc(100% + 10px); }
#share a.wechat:hover > div, .sidebarShare a.wechat:hover > div { display: block; opacity: 1; }
#share a.wechat:hover > div:after, 
.sidebarShare a.wechat:hover > div:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(242, 242, 242, 0);
	border-top-color: #f0f0f0;
	border-width: 6px;
	margin-left: -6px;
}
#share a.wechat:hover > div.bottom:after, 
.sidebarShare a.wechat:hover > div.bottom:after { top:auto; bottom: 100%; border-bottom-color:#f0f0f0; border-top-color: transparent; }
#share a.wechat:hover > div span,
.sidebarShare a.wechat:hover > div span { font-size: 15px; color: #333333; line-height: 15px; display: block; font-family: "Cabin Condensed", "Roboto Condensed"; font-weight: 600; }
#share a.wechat:hover > div span.tt,
.sidebarShare a.wechat:hover > div span.tt { font-size: 11px; line-height: 14px; font-weight: 400; }
.sidebarShare a.wechat:hover > div { text-align: center!important; }
.sidebarShare a.wechat:hover > div span { padding: 0; text-transform: none; }

@media only screen and (max-width: 1200px) {
  .side-nav .sidebarShare a { width: 25px; height: 25px; line-height: 25px; }
  .side-nav .sidebarShare a i { font-size: 16px; }
}
@media only screen and (max-width: 760px) {
  .side-nav .sidebarShare { padding-right: 15px; }
  .side-nav .sidebarShare a { width: 20px; height: 20px; line-height: 20px; }
  .side-nav .sidebarShare a i { font-size: 14px; }
}

@media only screen and (max-width: 420px) {
  .contactWrap.inline #share { margin-left: 0; text-align: left; margin-bottom: 3px; }
  .contactWrap.inline #share a { margin-left: 0; margin-top: 0px; text-align: center; }
}

.tooltiptext {
  display: none;
  background-color: rgba(60,60,60,0.8);
  color: #fff!important;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 99!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  line-height: 1.2;
}

.left-wrap.mod { position: static; }
.agencyWrap { padding-right: 30px; }
.agencyWrap a { margin-bottom: 5px!important; }
.agencyWrap img { max-width: 100px; }
.google-maps {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.fax-link {
  background: url(../../images/contact-fax.jpg) no-repeat 0px 5px;
}
.whatsapp-link {
  background: url("../../images/contact-whatsapp.jpg") no-repeat 0px 5px;
}

/* Floating button */
#whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

#whatsapp-button img {
  width: 36px;
  height: 36px;
}

/* Hover effect */
#whatsapp-button:hover {
 background-color: #128C7E;
}

/*** Google Map ***/
.google-map {
	background: #E5E3DF;
	height: 520px;
	margin: 20px 0 30px 0;
	width: 100%;
}