<>
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;
}
< 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;
}
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.
New Delhi Reunions
< type="text/css">
@media screen and (min-width: 320px) and (max-width: 576px) {
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.block_padding.col-md-3 {-ms-flex:unset; flex: unset; max-width: unset; }
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
.block_1{padding-left: 17px;}
.block_4{padding-right: 22px;}
.block_inner_1{ padding-right: 25px; }
.block_inner_2{ padding-right: 25px; padding-left: 25px; }
.block_inner_3{ padding-right: 25px; padding-left: 25px; }
.block_inner_4{ padding-left: 25px; }
< type="text/css">
.footerBlockMenuItemsTextColor1 {
color: #FFFFFF;
text-decoration: none !important;
}
.footerBlockMenuItemsTextColor1:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
@media screen and (min-width: 320px) and (max-width: 576px) {
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.block_padding.col-md-3 {-ms-flex:unset; flex: unset; max-width: unset; }
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
.block_1{padding-left: 17px;}
.block_4{padding-right: 22px;}
.block_inner_1{ padding-right: 25px; }
.block_inner_2{ padding-right: 25px; padding-left: 25px; }
.block_inner_3{ padding-right: 25px; padding-left: 25px; }
.block_inner_4{ padding-left: 25px; }
< type="text/css">
@media screen and (min-width: 320px) and (max-width: 576px) {
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.block_padding.col-md-3 {-ms-flex:unset; flex: unset; max-width: unset; }
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
.block_1{padding-left: 17px;}
.block_4{padding-right: 22px;}
.block_inner_1{ padding-right: 25px; }
.block_inner_2{ padding-right: 25px; padding-left: 25px; }
.block_inner_3{ padding-right: 25px; padding-left: 25px; }
.block_inner_4{ padding-left: 25px; }
< type="text/css">
@media screen and (min-width: 320px) and (max-width: 576px) {
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.block_padding.col-md-3 {-ms-flex:unset; flex: unset; max-width: unset; }
.block_inner_padding{ padding-right: 15px !important; padding-left: 15px !important; }
.block_padding{padding-right: 15px !important; padding-left: 15px !important;}
}
.block_1{padding-left: 17px;}
.block_4{padding-right: 22px;}
.block_inner_1{ padding-right: 25px; }
.block_inner_2{ padding-right: 25px; padding-left: 25px; }
.block_inner_3{ padding-right: 25px; padding-left: 25px; }
.block_inner_4{ padding-left: 25px; }
< type="text/css">
.footerContainer_1 a{
color: #FFFFFF;
text-decoration: none !important;
}
.footerContainer_1 a:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
.footerBlockMenuItemsTextColor2 {
color: #FFFFFF;
text-decoration: none !important;
}
.footerBlockMenuItemsTextColor2:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
.footerContainer_2 a{
color: #FFFFFF;
text-decoration: none !important;
}
.footerContainer_2 a:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
.footerBlockMenuItemsTextColor3 {
color: #FFFFFF;
text-decoration: none !important;
}
.footerBlockMenuItemsTextColor3:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
.footerContainer_3 a{
color: #FFFFFF;
text-decoration: none !important;
}
.footerContainer_3 a:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}
< type="text/css">
.footerBlockMenuItemsTextColor4 {
color: #FFFFFF;
text-decoration: none !important;
}
.footerBlockMenuItemsTextColor4:hover {
color: #FFFFFF;
text-decoration: underline !important;
text-decoration-color: #FFFFFF !important;
}