.headerDropdown {
position: relative;
}
.header__right {
display: flex;
align-items: center;
justify-content: center;
}
.headerDropdown__button {
cursor: pointer;
display: flex;
align-items: center;
padding: 7px 20px;
border-radius: 200px;
transition: 0.2s;
font-weight: 500;
color: var(--color-dark-1, #333);
}
.headerDropdown__button i {
margin-left: 5px;
}
.headerDropdown__button:hover {
color: var(--color-accent-1, #da2b38);
}
.headerDropdown__content {
transition: 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
display: none; }
.headerDropdown__content.is-active {
opacity: 1;
pointer-events: auto;
visibility: visible;
display: block; z-index: 9999; } .headerDropdown .tabsMenu {
position: fixed;
top: 125px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
}
.headerDropdown .tabsMenu__container {
background: white;
border-radius: 12px;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
border: 1px solid var(--color-border, #e5e5e5);
width: 1290px;
max-width: 100vw;
}
.headerDropdown .tabsMenu__tabs {
border-right: 1px solid var(--color-border, #e5e5e5);
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
height: 60px;
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 1;
width: 100%;
transition: 0.2s;
background: none;
border: none;
text-align: left;
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -1px;
width: 2px;
background-color: var(--color-accent-1, #da2b38);
opacity: 0;
transition: 0.2s;
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button + button {
border-top: 1px solid var(--color-border, #e5e5e5);
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button:hover {
background-color: rgba(218, 43, 56, 0.05);
color: var(--color-accent-1, #da2b38);
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button:hover::after {
opacity: 1;
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button.is-tab-el-active {
background-color: rgb(218 43 56);
color: #fff;
}
.headerDropdown .tabsMenu__tabs .tabs__controls > button.is-tab-el-active::after {
opacity: 1;
}
.headerDropdown .tabsMenu__content {
padding: 45px 0;
padding-left: 60px;
padding-right: 80px;
}
.headerDropdown .tabsMenu__lists {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
}
.headerDropdown .tabsMenu .tabsMenu-list__title {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px;
}
.headerDropdown .tabsMenu .tabsMenu-list__content {
margin-top: 10px;
}
.headerDropdown .tabsMenu .tabsMenu-list__item {
margin-bottom: 8px;
}
.headerDropdown .tabsMenu .tabsMenu-list__item > a {
font-size: 15px;
line-height: 1.6;
display: block;
padding: 4px 0;
}
.headerDropdown .tabsMenu .tabsMenu-list__item > a:hover {
color: var(--color-accent-1, #da2b38);
}
.tabsMenu-list__item.viewLink a {
font-weight: 600;
text-decoration: underline;
}
.headerDropdown .tabsMenu .tabs {
display: grid;
grid-template-columns: 260px 1fr;
}
.headerDropdown .tabsMenu .tabsMenu-img img {
width: 100%;
height: auto;
border-radius: 24px;
} .tabs__content {
position: relative;
}
.tabs__pane {
position: absolute;
top: 0;
visibility: hidden;
transition: none;
opacity: 0;
}
.tabs__pane.is-tab-el-active {
transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
position: relative;
opacity: 1;
visibility: visible;
} .text-18 {
font-size: 18px !important;
}
.rounded-24 {
border-radius: 24px;
} @media (max-width: 991px) { .ciqmm-container {
flex-direction: column;
align-items: flex-start;
width: 100%;
} .ciqmm-dropdown, .ciqmm-link {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
} .headerDropdown__content.is-active {
display: block;
opacity: 1;
pointer-events: auto;
visibility: visible;
position: relative;
width: 100%;
z-index: 9999;
} .headerDropdown .tabsMenu {
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
}
.headerDropdown .tabsMenu__container {
width: 100%;
margin: 0;
max-width: 100%;
}
.headerDropdown .tabsMenu__content {
padding: 30px 20px;
}
.headerDropdown .tabsMenu .tabs {
grid-template-columns: 1fr;
}
.headerDropdown .tabsMenu__lists {
grid-template-columns: 1fr;
gap: 30px;
} .ciqmm-dropdown-content,
.headerDropdown__content {
position: relative !important;
width: 100% !important;
left: 0 !important;
transform: none !important;
}
.ciqmm-dropdown-content.is-active,
.headerDropdown__content.is-active {
display: block !important;
opacity: 1 !important;
pointer-events: auto !important;
visibility: visible !important;
position: relative !important;
width: 100% !important;
z-index: 9999 !important;
} .headerDropdown .tabsMenu {
position: relative !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
width: 100% !important;
}
}
@media (max-width: 767px) {
.headerDropdown .tabsMenu {
top: 0;
}
.headerDropdown .tabsMenu__container {
border-radius: 0;
margin: 0;
width: 100%;
}
.headerDropdown .tabsMenu__content {
padding: 20px 15px;
}
.headerDropdown .tabsMenu .tabsMenu-list__title {
font-size: 24px;
}
} .ciqmm-mobile .ciqmm-container {
flex-direction: column;
align-items: flex-start;
}
.ciqmm-mobile .ciqmm-dropdown,
.ciqmm-mobile .ciqmm-link {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
} .ciqmm-mobile .headerDropdown__content,
.ciqmm-mobile .ciqmm-dropdown-content {
position: static !important;
width: 100% !important;
left: auto !important;
transform: none !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
}
.ciqmm-mobile .headerDropdown__content.is-active,
.ciqmm-mobile .ciqmm-dropdown-content.is-active {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
z-index: 9999 !important;
}
.ciqmm-mobile .tabsMenu {
position: static !important;
width: 100% !important;
left: auto !important;
transform: none !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
} body.ciqmm-mobile .headerDropdown__content.is-active,
body.ciqmm-mobile .ciqmm-dropdown-content.is-active,
body.ciqmm-mobile [data-x-toggle="is-active"].is-active {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
position: static !important;
transform: none !important;
max-height: none !important;
pointer-events: auto !important;
z-index: 9999 !important;
} #ciqmm-mobile-dropdown {
display: block;
width: 100%;
background-color: white;
padding: 20px;
margin-top: 10px;
border-top: 1px solid #eee;
z-index: 9999;
}
#ciqmm-mobile-dropdown .tabsMenu {
position: static !important;
width: 100% !important;
left: auto !important;
transform: none !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
}
#ciqmm-mobile-dropdown .tabsMenu__container {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
}
#ciqmm-mobile-dropdown .tabs {
grid-template-columns: 1fr !important;
}
#ciqmm-mobile-dropdown .tabsMenu__lists {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
#ciqmm-mobile-dropdown .tabsMenu__content {
padding: 20px !important;
}
#ciqmm-mobile-dropdown .tabs__pane {
position: relative !important;
visibility: visible !important;
opacity: 1 !important;
} .ciqmm-container {
position: relative;
display: flex;
align-items: center;
}
.ciqmm-dropdown {
position: relative;
margin-right: 20px;
}
.ciqmm-dropdown-button {
display: flex;
align-items: center;
cursor: pointer;
font-size: 16px;
font-weight: 500;
color: #333;
padding: 10px 0;
}
.ciqmm-dropdown-content {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
transition: 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
display: none;
}
.ciqmm-dropdown-content.is-active {
opacity: 1;
pointer-events: auto;
visibility: visible;
display: block;
z-index: 9999;
}
.ciqmm-link {
display: inline-block;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
color: #333;
text-decoration: none;
padding: 10px 0;
transition: color 0.2s;
}
.ciqmm-link:hover {
color: var(--color-accent-1, #da2b38);
}
.icon-chevron-down {
display: inline-block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}@keyframes NotificationPopup{0%{transform:translateY(100%) scale(.5)}to{transform:translateY(0) scale(1)}}#wte-sp-notification{--notification-width:296px}.wte-sp-notification_container{bottom:30px;position:fixed;z-index:10011}.wte-sp-notification_container.wte-sp_bottom-left{left:30px}.wte-sp-notification_container.wte-sp_bottom-right{align-items:flex-end;display:flex;flex-direction:column;right:30px}.wte-sp-notification_container .wte-sp-notification_item+.wte-sp-notification_item{margin-top:30px}.wte-sp-notification_container .wte-sp-notification_item{width:var(--notification-width)}.wte-sp-notification_container .wte-sp-notification_close{background:none;border:none;cursor:pointer;opacity:.5;padding:0;position:absolute;right:16px;top:16px;transition:all .3s ease}.wte-sp-notification_container .wte-sp-notification_close:hover{opacity:1}.wte-sp-notification_container .wte-sp-notification_inner,.wte-sp-notification_container .wte-sp-notification_inner>a{align-items:center;display:flex;max-width:100%;text-decoration:none}.wte-sp-notification_container .wte-sp-notification_inner{animation:NotificationPopup .3s cubic-bezier(.175,.885,.32,1.275);background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.06),0 0 2px rgba(0,0,0,.02);padding:16px;position:relative}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_image{margin-right:16px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_image img,.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_image svg{border-radius:50%;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content{overflow:hidden;padding-right:20px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content span{display:block;line-height:1.33}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content span:not(:last-child){margin-bottom:4px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content .wte-sp-notification_title{color:#000;font-size:16px;font-weight:600;line-height:1.3215;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content .wte-sp-notification_info{color:rgba(0,0,0,.7);font-size:12px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_content .wte-sp-notification_updated-time{color:rgba(0,0,0,.4);font-size:12px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-two{border-bottom:2px solid #1fc0a1}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-two .wte-sp-notification_content{border-left:1px solid rgba(0,0,0,.08);padding-left:16px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-three{border-radius:200px;padding:8px 30px 8px 8px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-three .wte-sp-notification_image img,.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-three .wte-sp-notification_image svg{height:72px;width:72px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp_theme-three .wte-sp-notification_close{right:30px;top:18px}.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_image img,.wte-sp-notification_container .wte-sp-notification_inner .wte-sp-notification_image svg{border-radius:8px;height:72px;width:72px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review{padding:20px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review .wte-sp-notification_image{margin-right:24px;position:relative;z-index:1}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review .wte-sp-notification_image img,.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review .wte-sp-notification_image svg{height:56px;width:56px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review .wte-sp-notification_image:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2768%27 height=%2764%27 fill=%27none%27%3E%3Cpath fill=%27%23F2F0F0%27 d=%27M55.393 52.914c4.776-5.609 7.665-12.92 7.665-20.914 0-17.673-14.116-32-31.53-32C14.117 0 0 14.327 0 32s14.116 32 31.529 32q.51 0 1.014-.016l-.029.016h33.512c1.98 0 2.724-2.633 1.043-3.697z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";height:calc(100% + 8px);left:-4px;position:absolute;top:-4px;width:calc(100% + 12px);z-index:-1}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review.wte-sp_theme-four .wte-sp-notification_image{transform:translateY(-5.5px);z-index:1}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review.wte-sp_theme-four .wte-sp-notification_image img,.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review.wte-sp_theme-four .wte-sp-notification_image svg{height:64px;width:64px}.wte-sp-notification_container .wte-sp-notification_inner.wte-sp-notification_review.wte-sp_theme-four .wte-sp-notification_image:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2772%27 height=%2783%27 fill=%27none%27%3E%3Cpath fill=%27%23F2F0F0%27 fill-rule=%27evenodd%27 d=%27M8 0a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8h53l11 11V8a8 8 0 0 0-8-8z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");height:calc(100% + 19px);width:calc(100% + 8px)}@media(max-width:767px){.wte-sp_hide-sm{display:none;opacity:0;visibility:hidden}}