[data-cattype="261"].wrapper_footer { border-top: transparent !important; text-align: center; transform: scale(0.9); margin-top: -3vh; transition: 0.3s; z-index: -1; } footer[data-cattype="261"].wrapper_footer, footer[data-cattype="261"].wrapper_footer .footer-bottom { line-height: 1.5; } .bottom-reached-footer .wrapper_header { opacity: 0; transition: 0.3s; } .bottom-reached-footer footer[data-cattype="261"].wrapper_footer { transform: scale(01); background-color: #ffffff; margin-top: 0; transition: 0.3s; z-index: 9; } [data-cattype="261"] .menu-bottom { } [data-cattype="261"] .footer-bottom a { color: #fb9202; } [data-cattype="261"] .footer-bottom a:hover { color: #333; } [data-cattype="261"] #nav-wrap { text-align: center; padding-right: 0; } [data-cattype="261"] .footer-top { margin: 0 60px; border-bottom: #fb9202 1px solid; padding-bottom: 20px; } [data-cattype="261"] .logo { text-align: left; padding-left: 0; padding-top: 10px; } [data-cattype="261"] .contact { text-align: center; } [data-cattype="261"] .contact span { color: #fb9202; } [data-cattype="261"] .contact a { display: block; color: #000; font-size: 22px; line-height: 2; } [data-cattype="261"] .contact .fa { padding-right: 10px; } [data-cattype="261"] .address { text-align: right; font-size: 16px; padding-top: 15px; } [data-cattype="261"] b, strong { font-weight: bold; } [data-cattype="261"] .mag { margin-bottom: 10px; } [data-cattype="261"] .mobile-nav-toggler { display: none; } [data-cattype="261"] .contact a.telephone::before { content: "\f095"; font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: 10px; vertical-align: middle; font-weight: 900; font-size: 21px; } [data-cattype="261"] .contact a.email::before { content: "\f003"; font-family: "Font Awesome 5 Free"; display: inline-block; padding-right: 10px; vertical-align: middle; font-weight: normal; font-size: 25px; } [data-cattype="261"] .more a::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; display: inline-block; padding: 0 5px; vertical-align: top; font-weight: bold; font-size: 15px; transition: all 0.3s 0.3s ease; } [data-cattype="261"] .more a:hover::after { transform: rotate(180deg); } [data-cattype="261"] .more ul li a::after { display: none; } [data-cattype="261"] small { font-size: 12px; } [data-cattype="261"] .more a::before { display: none; } [data-cattype="261"] nav#nav-wrap>ul ul { background: #FB9202; padding: 0; position: absolute; width: 70%; opacity: 0; height: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: flex; left: 0; text-align: center !important; right: 0; flex-wrap: wrap; justify-content: center; align-items: center; margin: auto; top: 38%; border-radius: 50px; } [data-cattype="261"] .menu-mobile { display: none; } .reached-bottom #toTop-morph, .reached-bottom #toTop { right: calc(50% - 30px); top: auto; bottom: -25px; height: 60px; width: 60px; padding: 9px 18px; background: #FEC22C; transition: none; border-radius: 50% !important; } [data-cattype="261"].wrapper_footer a.stack { font-size: 16px; } [data-cattype="261"].wrapper_footer nav#nav-wrap>ul a { font-size: 15px; } .floatingButtonWrap { display: block; position: fixed; bottom: 35px; left: 65px; z-index: 999999999; } .floatingButtonInner { position: relative; } .floatingButton { display: block; width: 60px; height: 60px; text-align: center; background: -webkit-linear-gradient(45deg, #8769a9, #507cb3); background: -o-linear-gradient(45deg, #8769a9, #507cb3); background: #f79206; color: #fff; line-height: 50px; position: absolute; border-radius: 50% 50%; bottom: 0px; right: 0px; border: 5px solid #ffbc5f; opacity: 1; transition: all 0.4s; } a.floatingButton { color: #fff !important; } .floatingButton .fa { font-size: 15px !important; } .floatingButton.open, .floatingButton:hover, .floatingButton:focus, .floatingButton:active { opacity: 1; color: #fff; } .floatingButton .fa { transform: rotate(0deg); transition: all 0.4s; } .floatingButton.open .fa { transform: rotate(270deg); } .floatingMenu { position: absolute; bottom: 60px; right: -37px; display: none; } .floatingMenu li { width: 100%; float: left; list-style: none; text-align: left; margin-bottom: 5px; } .floatingMenu li a { padding: 8px 15px; display: inline-block; background: #ccd7f5; color: #000; border-radius: 5px; overflow: hidden; white-space: nowrap; transition: all 0.4s; -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5); box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5); } .floatingMenu li a:hover { margin-right: 10px; text-decoration: none; } @media (min-width: 1200px) and (max-width: 1450px) { [data-cattype="261"] nav#nav-wrap>ul ul { background: #FB9202; margin: 0px 0px 0px 5px; padding: 0; position: absolute; width: 90%; opacity: 0; height: 0; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: flex; top: ; left: 0; text-align: center !important; right: 0; flex-wrap: wrap; justify-content: center; align-items: center; margin: auto; top: 48%; border-radius: 50px; } .wrapper_footer a.stack { display: inline-block; font-size: 18px; margin: 0 1px; color: #111; } [data-cattype="261"] nav#nav-wrap>ul>li>a { padding: 10px 5px 10px 5px; font-size: 14px !important; } [data-cattype="261"].wrapper_footer a.stack { font-size: 13px; margin: 10px -2px; } [data-cattype="261"].wrapper_footer { transform: 1; } [data-cattype="261"] .footer-top { margin: 0 30px; } [data-cattype="261"].wrapper_footer { transform: scale(1); } } @media (min-width: 1000px) and (max-width: 1200px) { [data-cattype="261"].wrapper_footer a.stack { font-size: 12px; } } @media (min-width: 768px) and (max-width: 980px) { [data-cattype="261"].wrapper_footer { overflow: hidden; padding: 30px 0; } [data-cattype="261"] .logo { text-align: center; padding: 0 0 20px 20px; } [data-cattype="261"] .address { text-align: center; font-size: 16px; padding-top: 20px; } } @media (max-width: 767px) {} @media (max-width: 480px) { [data-cattype="261"].wrapper_footer { padding: 30px 0px 50px 0px; } [data-cattype="261"] .logo { text-align: center; padding: 0 0 20px 20px; } [data-cattype="261"] .address, [data-cattype="261"] .title { text-align: center; font-size: 15px; padding-top: 20px; line-height: 1.5; } [data-cattype="261"] .contact a { display: block; color: #000; font-size: 15px; line-height: 2; } .fa.fa-bars { font-size: 20px; padding-top: 10px; } [data-cattype="261"] .menu-bottom { position: relative; } [data-cattype="261"] .menu-mobile { display: block; margin: 0; padding: 30px 0px; } [data-cattype="261"] .menu-mobile ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; } [data-cattype="261"] .menu-mobile ul li { width: 90px; margin: 5px; text-align: center; } [data-cattype="261"] .menu-mobile li { list-style: none; font-size: 18px; } .menu-mobile ul li.more ul { opacity: 0; transition: 0.3s; display: none; z-index: -1; } .menu-mobile ul li.more:hover ul { opacity: 1; transition: 0.3s; display: block; z-index: 20; } [data-cattype="261"] .footer-top { margin: 0 20px; } [data-cattype="261"] .menu-bottom { display: none; margin-top: 40px; margin-bottom: 20px; margin: 40px 0px 20px 0px; } [data-cattype="261"].wrapper_footer a.stack { font-size: 16px; } .menu-mobile ul li.more ul { position: absolute; width: 100%; background-color: #f2f2f2; left: 0; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px; } .menu-mobile ul li.more ul li { width: 45%; font-size: 16px; } .bottom-reached-footer .wrapper_footer, .wrapper_footer { transform: scale(01); background-color: #ffffff; margin-top: 0; transition: 0.3s; } [data-cattype="261"] .contact-link { display: block; } [data-cattype="261"] .col { flex: 1 0 100% !important; } [data-cattype="261"] ul.list-quicklink li a{ padding: 6px; display: block; } [data-cattype="261"] ul.list-quicklink li a:hover{ color: #F79206; } [data-cattype="261"].wrapper_footer .footer-bottom{ border-top: #fb9202 1px solid; padding-top: 20px; margin: 20px; } }