<>
div.no-script-close-button {
position: absolute;
margin: 0px;
top: 0px;
right: 0px;
padding: 5px;
z-index: 2001;
cursor: pointer;
}
div.no-script-warning {
display: block;
position: absolute;
width: 100%;
margin: 0px;
top: 0px;
left: 0px;
padding: 20px;
min-height: 80px;
background-color: red;
text-align: center;
z-index: 2000;
}
div.no-script-warning p {
clear: both;
font-size: 15px;
color: #fff !important;
}
>
×
Attention: You are using an outdated browserdevice or you do not have the latest version of
JavaScript downloaded and so this website may not work as expected.
Please download the latest software or switch device to avoid further issues.
< type="text/css">
.flex_center {
display: flex !important;
justify-content: center;
align-items: center;
}
.custom-logo-container-stacked {
width: 100%;
}
.tt_custom_logo_1 {
width: 100%;
min-height: 50px;
}
.tt_custom_logo_1_element {
-webkit-transition: all 0.2s ease;
transition: all 0.5s ease;
position: relative;
}
.tt_custom_logo_1_element tt_custom_logo_1 {
height: 100%;
}
/* functional bar search box */
#topnav-search-container .form-control {
background-color: #FEBE10;
border-bottom: 2px solid #000000;
color: #000000;
border-bottom: 2px solid #000000;
color: #000000;
}
#topnav-search-container .form-control::placeholder {
color: #000000 !important;
opacity: 1; /* Firefox */
}
#topnav-search-container .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000000 !important;
}
#topnav-search-container .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #000000 !important;
}
/* Set css for TT baby logo in footer */
.toucan-tech-baby-logo {
display: block;
float: left;
width: 25px;
height: 25px;
margin-left: 5px;
margin-right: 5px;
fill: #FFFFFF80;
}
.inviteFriendsBtn{
font-size: 1rem !important;
background-color: #FFFFFF;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
}
.inviteFriendsBtn:hover{
background-color: #000000;
color: #FFFFFF;
}
#logo-area {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.logo_bar_color_overlay_element {
background-color: #6C6C6C;
}
#menu-bar {
/* Menu bar shadow */
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu_bar_on_scroll {
/* Menu bar shadow */
}
.menu_bar_color_overlay_element {
background-color: #000000;
}
.menu_bar_color_overlay_element_on_scroll {
/* Menu bar transparency on scroll */
}
/* Languages menu */
#languagesDropdownMenu {
padding-bottom: 0 !important;
}
#languagesDropdownMenu .dropdown-toggle {
padding-top: 2px;
}
#languagesDropdownMenu .dropdown-toggle::after {
display: none;
}
#languagesDropdownMenu .dropdown-menu {
position: absolute;
transform: translate3d(-130px35px0px);
top: 0px;
left: 0px;
will-change: transform;
height: auto;
max-height: 400px;
overflow-x: hidden;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
@media screen and (min-width: 320px) and (max-width: 576px) {
.inviteFriendsContainer{ visibility: hidden !important; display: none !important; }
}
@media screen and (min-width: 992px) {
.nav-item__menu_toggler {
display: none !important;
}
}
.profileMenuShowHide {
cursor: pointer;
}
#collapseProfileMenu {
cursor: default;
display: none;
position: absolute;
left: 0;
width: 100%;
min-width: max-content;
background-image: none;
}
#collapseProfileMenu a {
display: inline-flex;
flex-direction: column;
}
#collapseProfileMenu.dropdown-content a:hover {
color: #000000 !important;
font-weight: 700 !important;
}
#collapseProfileMenu a::after {
content: attr(data-text);
content: attr(data-text)/"";
font-weight: bold;
height: 0;
visibility: hidden;
overflow: hidden;
user-select: none;
pointer-events: none;
}
@media only screen and (min-width: 768px) {
#userIcon {
position: relative;
}
#collapseProfileMenu {
top: 51px;
}
#collapseProfileMenu.dropdown-content {
box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
border-radius: 5px !important;
text-align: end;
z-index: 1;
padding: 0 !important;
}
#collapseProfileMenu nav {
padding-top: 0;
padding-left: 20px;
}
}
>
<>
.main-nav-drp-btn .main-nav {
font-size: 1rem !important;
font-family: Raleway !important;
font-weight: 400 !important;
width: fit-content;
position: relative;
overflow: hidden;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.main-nav-drp-btn .sub-menu-toggler {
font-size: 1rem !important;
font-family: Raleway !important;
font-weight: 400 !important;
}
.dropdown-sub-page {
font-size: 1rem !important;
font-family: Raleway !important;
font-weight: 400 !important;
}
.active-main-page {
color: #FEBE10 !important;
border-bottom: 2px solid #FEBE10 !important;
}
.active-sub-page {
color: #FEBE10 !important;
}
.main-nav-drp-btn .main-nav:not(.customized-main-nav-button):hover {
border-bottom: 2px solid #FEBE10 !important;
color: #FEBE10 !important;
text-decoration: none !important;
}
/* Customised menu buttons */
.dropbtn {
font-size: 16px;
color:#ffffff;
}
.dropdown {
position: relative;
display: inline-block;
}
.main-nav-drp-btn a {
text-align: right;
}
.dropdown-content {
z-index: 1;
text-decoration: none;
background-color: #000000;
color: #FFFFFF;
}
.dropdown-content a {
padding: 12px 16px;
display: block;
text-decoration: none;
}
.dropdown-content a:hover {
color: #FEBE10 !important;
}
.underline-links a {
border-bottom: none;
}
// Menu justification and spacing
#lg-menu {
}
#lg-menu .dropdown-content {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0sopacity 0.2s linear;
transition: visibility 0sopacity 0.2s linear;
position: absolute;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-radius: 5px !important;
top: 100%;
}
#lg-menu .dropdown:hover .dropdown-content {
visibility: visible;
opacity: 1;
}
/* Big menu s */
#lg-menu .main-nav-drp-btn {
text-align: right;
justify-content: flex-start;
margin-left: 3rem; }
/* Small menu s */
#mobile-menu {
position: absolute;
left: 0;
padding-left: 1rem;
max-height: 100vh;
overflow:auto;
background-color: #000000;
}
#mobile-menu .dropdown-content {
display: none;
box-shadow: none !important;
background-color: unset !important;
border-bottom: 1px solid;
}
#mobile-menu .main-nav-drp-btn {
display: block;
}
#mobile-menu .main-nav-drp-btn .dropbtn:not(.customized-main-nav-button) {
padding-right: 150px;
}
>
< type="text/css">
.background_color_Padding {
background-color: #FFFFFF !important;
}
.background_color_transparency_Padding {
opacity: 1 !important;
}
#Padding-section input:not([type="submit"]):not([type="reset"]),
#Padding-section select,
#Padding-section textarea,
#Padding-section .bootstrap-select > .dropdown-toggle,
#Padding-section .bootstrap-select > .btn-light:not(:disabled):not(.disabled):active,
#Padding-section .bootstrap-select.show > .dropdown-toggle,
#Padding-section div.multilevel-multiselect-group { border-color: initial !important}
>
< type="text/css">
.mainFooterNavBar{ list-: none; padding-inline-start: 0px;}
.subFooterNavBar{ list-: none; margin: 0; padding: 0;}
.fontSize{ font-size: 1.0em; }
.footerPoweredByTextColor{ color: #FFFFFF80 !important; }
.footerIconColor{color: #FFFFFF !important;}
.footerBgColor{background-color: #000000 !important;}
.footerTextColor{
color: #FFFFFF80;
text-decoration: none !important;
}
.footerTextColor:hover {
color: #FFFFFF80;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
.footerOptionOneLayout {
display: flex;
flex-wrap: wrap;
}
>
<>
#cookieConsentContainer #cs_inner,
#cookieConsentContainer #cs_header,
#cookieConsentContainer #cs_buttons,
#cookieConsentContainer #cm {
background-color: #FFFFFF !important;
color: #323232 !important;
}
#cookieConsentContainer #cm_title {
color: #323232 !important;
}
#cookieConsentContainer #cm button:first-child,
#cookieConsentContainer #cs_buttons button:first-child,
#cookieConsentContainer .c_b_toggle input:checked ~ .sc_toggle,
#cookieConsentContainer .cc-accept {
background-color: #054E4C !important;
color: #FFFFFF !important;
}
#cookieConsentContainer #cm button:first-child:hover,
#cookieConsentContainer #cs_buttons button:first-child:hover,
#cookieConsentContainer .cc-accept:hover {
background-color: #000000 !important;
color: #FFFFFF !important;
}
#cookieConsentContainer .c_b_toggle .sc_toggle:after {
background-color: #FFFFFF !important;
}
#cookieConsentContainer .c_b_toggle input ~ .sc_toggle {
background-color: #FEBE10 !important;
}
#cookieConsentContainer .c_b_toggle input:checked ~ .sc_toggle {
background-color: #054E4C !important;
}
#cookieConsentContainer .cc-default {
background-color: #E3EBEA !important;
color: #000000 !important;
}
#cookieConsentContainer .cc-default:hover {
background-color: #c8d7d5 !important;
color: #000000 !important;
}
#cookieConsentContainer .cc-link {
color: #01668F !important;
border-bottom: none !important;
}
#cookieConsentContainer #cs_blocks::-webkit-scrollbar-thumb{
border: 0.3em solid #FFFFFF;
background-color: #E3EBEA;
}
#cookieConsentContainer #cs_blocks .block_button{
background-color: #E3EBEA;
}
#cookieConsentContainer #cs_blocks::-webkit-scrollbar-thumb:hover,
#cookieConsentContainer #cs_blocks .block_button:hover{
background-color: #c8d7d5;
}
>