body{ margin:0px; padding:0px; /* font-family: 'Roboto', sans-serif; */ font-family: "Roboto Condensed", sans-serif; font-weight:400; overflow-x:hidden; } h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;} p{ margin:0px; padding:0px;} a{ text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .btn{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } a:hover, a:focus, a:active{ outline:none; text-decoration:none; } input:hover, input:focus, input:active{ outline:none;} ul{ margin:0px; padding:0px;} ul li{ list-style-type:none;} img{ border:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} :before, :after{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .pull-left{ float:left;} .pull-right{ float:right;} .clearfix{ clear:both; overflow:hidden;} .wrapper{ margin:0px auto; overflow:hidden;} .container{ max-width:1306px; position:relative;} .btn:focus, .btn.focus{ box-shadow:0 0 0 0rem rgba(0, 0, 0, 0);} .row{ display:block !important;} font{ vertical-align:top !important;} svg{ vertical-align:top;} button:focus{ outline:0px;} :root{ --Orange: #FFC000; --OrangeLight: #FFF6DA; --Black: #434343; --DarkBlack: #101010; --DarkGray: #5D5D5D; --White: #ffffff; --Blue: #242A54; --Red: #F14800; --LightBlack: #010102; --LightGray:#F6F6F6; --MediumGray:#EAEAEA; } h1{ font-size: 1.75em; line-height: 29px; font-weight: 800; color: var(--Black); text-transform: uppercase;} h2{ font-size: 1.5em; line-height: 25px; font-weight: 700; color: var(--Orange);} h3{ font-size: 1.25em; line-height: 21px; font-weight: 800; color: var(--Black);} h4{ font-size: 1.125em; line-height: 19px; font-weight: 500; color: var(--Orange); font-style: italic;} h5{ font-size: 1em; line-height: 18px; font-weight: 500; color: var(--Orange); font-style: italic;} p{ font-size: 1em; line-height: 18px; color: var(--Black);} p strong{ font-weight: 900;} /*--------------- COMMON_START ---------------*/ .default-btn-hp{ background: var(--Orange); border:solid 2px var(--Orange); border-radius:0px; min-height:45px; font-size:1.25em; line-height:21px; color: var(--White); font-weight:900; text-transform: uppercase; padding:10px 20px 10px; margin:0px;} .default-btn-hp:hover{ background: var(--DarkGray); color: var(--White); border-color: var(--DarkGray);} .default-btn-black-hp{ background: var(--DarkGray); border-color: var(--DarkGray); color: var(--White);} .default-btn-black-hp:hover{ background: var(--Orange); color: var(--White); border-color: var(--Orange);} .common-title-main-hp{ margin:0px; padding:0px 0px 15px;} .common-title-main-hp h1{ text-transform: uppercase;} .common-title-main-hp p{ margin: 0px; padding: 14px 0px 0px;} .common-title-main-hp p strong{} .common-title-center-hp{ text-align:center;} .default-tags-hp{ margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 10px;} .default-tag-link-hp{ background: var(--Orange); font-size: 0.875em; line-height: 19px; color: var(--White); text-transform: uppercase; margin: 0px; padding: 0px 6px;} /*--------------- COMMON_END ---------------*/ /*--------------- HEADER_START --------------*/ #header{ background: var(--White); margin:0px; padding:0px; height: 114px; position:fixed; left:0px; top:0px; width:100%; z-index:99999999; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);} .header-in-hp{ margin: 0px; } .logo-main-hp{ float: left; margin: 7px 0px 7px -12px; padding: 0px;} .logo-main-hp img{ height: 100px;} .header-right-hp{ float: right; margin: 0px; padding: 35px 0px 34px; display: flex; align-items: center; gap: 10px;} .head-announcement-hp{ margin: 0px; padding: 0px;} .head-announcement-in-hp{ width: 895px; background: var(--Orange); height: 45px; margin: 0px; padding: 0px 18px 0px; display: flex; align-items: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .head-announcement-icon-hp{ margin: 0px; padding: 0px;} .head-announcement-icon-hp img{ height: 25px;} .head-announcement-hp p{ font-size: 1.25em; line-height: 21px; color: var(--White); font-weight: 500; margin: 0px; padding: 0px;} .head-announcement-hp.announcement-down-hp .head-announcement-in-hp{ width: 685px;} .head-file-iocn-hp{ margin: 0px; padding: 0px; position: relative;} .head-file-iocn-hp a{ background: var(--Orange); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px;} .head-file-iocn-hp img{ height: 26px;} .head-file-iocn-hp a:hover{ background: var(--Black);} .head-search-main-hp{ margin: 0px; padding: 0px; display: flex;} .head-search-main-hp > form {width: 100%} .head-search-Tbox-hp{ width: 0px; height: 45px; background: var(--White); margin: 0px; padding: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .head-search-Tbox-hp input{ width: 100%; background: none; border: solid 1px var(--Orange); font-size: 1em; line-height: 43px; color: var(--Black); font-style: italic; margin: 0px; padding: 0px 10px 0px;} .head-search-Tbox-hp.head-search-Tbox-open-hp{ width: 210px; } .head-search-icon-hp{ margin: 0px; padding: 0px;} .head-search-icon-hp a{ background: var(--Orange); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px;} .head-search-icon-hp a:hover{ background: var(--Black);} .head-search-icon-hp a img{ height: 26px;} .autocomplete-items{ margin: -1px 0px 0px; padding: 9px 10px 11px; border: solid 1px var(--Orange); background: var(--White); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);} .autocomplete-items > div{ background: url("../images/search_icon_orange-ae3aed1437409fc6658919e6715b5d54.svg") no-repeat center left; background-size: auto 12px; font-size: 1em; line-height: 19px; color: var(--Black); font-style: italic; margin: 0px; padding: 4px 0px 4px 15px;} .autocomplete-items > div strong{ font-weight: 600;} .notification-iocn-hp{ margin: 0px; padding: 0px; position: relative;} .notification-iocn-hp a{ background: var(--Orange); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px;} .notification-iocn-hp img{ height: 26px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: 0px auto;} .notification-number-hp{ position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; text-align: center; background: var(--Blue); border-radius: 22px; font-size: 1.125em; line-height: 22px; color: var(--White); font-weight: 500; margin: 0px; padding: 0px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);} .notification-iocn-hp .notification-icon-default-hp{} .notification-iocn-hp .notification-icon-active-hp{ opacity: 0;} .notification-iocn-hp a:hover{ background: var(--Black);} .notification-active-hp.notification-iocn-hp .notification-icon-default-hp{ opacity: 0;} .notification-active-hp.notification-iocn-hp .notification-icon-active-hp{ opacity: 1;} .notification-active-hp.notification-iocn-hp a:hover .notification-icon-default-hp{ opacity: 1;} .notification-active-hp.notification-iocn-hp a:hover .notification-icon-active-hp{ opacity: 0;} /*--------------- HEADER_END --------------*/ /*--------------- CONTAIN_START --------------*/ #contain{ margin:0px; padding:114px 0px 100px 0px; height:100vh; position: relative;} .navigation-block-main-hp{ margin: 0px; padding: 0px; position: relative; overflow: hidden;} .navigation-block-in-hp{ margin: 0px; height: calc(100vh - 194px); display: flex; align-items: center; justify-content: center;} .navigation-menu-main-hp{ width: 566px; height: 594px; margin: 0px auto; padding: 0px; position: relative; z-index: 9;} .navigation-menu-main-hp::after{ content: ""; position: absolute; left: -356px; top: -306px; width: 1278px; height: 1019px; background: url("../images/home_bg-d4795e40855fd55e640e773fdf6c2ee9.svg") no-repeat center top; background-size: cover; z-index: -1;} .navigation-menu-in-hp{ width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative; z-index: 9;} .nav-item-main-hp{ width: 218px; height: 191px; position: absolute; -webkit-filter: drop-shadow(0px 10px 30px #0000001A); filter: drop-shadow(0px 10px 30px #0000001A); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-item1-hp{ left: 0px; right: 0px; top: 0px; margin: auto;} .nav-item2-hp{ left: 0px; top: 101px;} .nav-item3-hp{ left: 0px; top: 302px;} .nav-item4-hp{ left: 0px; right: 0px; bottom: 0px; margin: auto;} .nav-item5-hp{ right: 0px; bottom: 100px;} .nav-item6-hp{ right: 0px; top: 102px;} .nav-item-in-hp{ width: 100%; height: 191px; position: relative;} .hexagon { /* width*√3/2 */ clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: var(--White); } .nav-item-BGimg-hp{ width: 208px; height: 181px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; z-index: 9;} .nav-item-BGimg-hp::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--Orange); mix-blend-mode: color; clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: 1;} .nav-item-BGimg-hp::after{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--Orange); opacity:0.60; clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: 2;} .nav-item-info-hp{ width: 100%; height: 100%; margin: 0px; padding: 5px; z-index: 999; position: relative;} .nav-item-info-hp a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px; clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);} .nav-item-info-icon-hp{ height: 34px; margin: 0px; padding: 0px; display: flex; justify-content: center; position: relative;} .nav-item-info-icon-hp svg path{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-item-info-text-hp{ font-size: 1.563em; line-height: 25px; color: var(--Black); text-transform: uppercase; font-weight: 300; text-align: center; margin: 0px; padding: 14px 0px 0px;} .nav-item-info-text-hp strong{ font-weight: 900;} .nav-item-main-hp:hover{} .nav-item-main-hp:hover .nav-item-info-hp a{ background: var(--Orange);} .nav-item-main-hp:hover .nav-item-info-icon-hp svg path{ fill: var(--Black);} .nav-item-main-hp:hover.nav-item1-hp .nav-item-info-hp a{ background: none;} .HSub-navigation-main-hp{ position: absolute; left: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 0px 0px 121px;} .HSub-navigation-in-hp{ margin: 0px; display: flex; align-items: flex-end; justify-content: space-between;} .HSub-nav-hp{ margin: 0px; padding: 0px; position: relative; z-index: 99;} .HSub-nav-hp ul{ margin: 0px; padding: 0px;} .HSub-nav-hp ul li{ margin: 0px; padding: 8px 0px 0px;} .HSub-nav-item-hp{ margin: 0px; padding: 0px;} .HSub-nav-item-hp a{ display: flex; align-items: center; gap: 7px; color: var(--DarkBlack); margin: 0px; padding: 0px;} .Snav-item-icon-hp{ width: 36px; height: 31px; margin: 0px; padding: 0px;} .Snav-item-icon-in-hp{ width: 100%; height: 31px; position: relative; display: flex; align-items: center; justify-content: center;} .Snav-item-icon-in-hp.hexagon{ background: var(--Black); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .Snav-item-text-hp{ font-size: 0.875em; line-height: 17px; color: var(--DarkBlack); font-weight: 600; text-transform: uppercase; margin: 0px; padding: 0px;} .HSub-nav-item-hp a:hover .Snav-item-icon-in-hp.hexagon{ background: var(--Orange);} .HSub-nav-yellow-hp .Snav-item-icon-in-hp i{ color: var(--White); font-size: 14px;} .Snav-item-icon-in-hp i{ color: var(--White); font-size: 14px;} .HSub-nav-item-mobile-hp{ display: none;} .update-history-button-hp{ position: absolute; left: 0px; top: 0px; width: 100%; z-index: 99; margin: 0px; padding: 21px 0px 0px;} .update-history-button-hp .container{ display: flex; justify-content: end;} .update-history-button-hp .HSub-nav-item-hp a{ flex-direction: row-reverse;} .Uhistory-nav-item-hp .Snav-item-icon-in-hp.hexagon{ background: var(--Blue);} .Uhistory-nav-item-hp a{ color: var(--Blue);} .HSub-nav-yellow-hp .HSub-nav-item-hp a{ flex-direction: row-reverse;} .HSub-nav-yellow-hp .Snav-item-icon-in-hp.hexagon{ background: var(--Orange);} .HSub-nav-yellow-hp .HSub-nav-item-hp a:hover .Snav-item-icon-in-hp.hexagon{ background: var(--Black);} /*-----*/ .MegaMenu-navigation-open1{} .MegaMenu-navigation-open1 .nav-item1-hp{ /*left: -174px; margin: inherit;*/} .MegaMenu-navigation-open1 .nav-item2-hp{ left: 0;} .MegaMenu-navigation-open1 .nav-item3-hp{ left: -174px; top: 402px;} .MegaMenu-navigation-open1 .nav-item4-hp{ left: -174px; right: auto; top: 0; margin: inherit;} .MegaMenu-navigation-open1 .nav-item5-hp{ right: -174px; bottom: 0px;} .MegaMenu-navigation-open1 .nav-item6-hp{ top: 0; right: -174px;} .MegaMenu-menu-link1{} #MegaMenu_Menu_Open1.MegaMenu-menu-link1{ opacity: 1;} #MegaMenu_Dropmenu1.nav-dropmenu-main-hp{ display: none; width: 568px; height: 594px; position: absolute; overflow: hidden; left: 0px; bottom: 0; background: url("../images/nav_dropmenu_bg_hp-9dcfd7b4b4aa42a0847230a7ee6cd905.svg") no-repeat center top; background-size: cover; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; /* right: 0px; */ transform: translateX(-50%); z-index: 999;} #MegaMenu_Dropmenu1.nav-dropmenu-main-hp.MegaMenu-dropmenu-open2{ width: 568px; height: 594px; overflow: hidden; display: block;} .MegaMenu-navigation-open2{} .MegaMenu-navigation-open2 .nav-item2-hp{ left: -174px; top: 0;} .MegaMenu-navigation-open2 .nav-item4-hp{ left: -174px; right: auto;} .MegaMenu-navigation-open2 .nav-item5-hp{ right: -174px; bottom: 0px;} .MegaMenu-navigation-open2 .nav-item6-hp{ top: 0; right: -174px;} .MegaMenu-menu-link2{} #MegaMenu_Menu_Open2.MegaMenu-menu-link2{ opacity: 0;} #MegaMenu_Dropmenu2.nav-dropmenu-main-hp{ display: none; width: 568px; height: 594px; position: absolute; overflow: hidden; left: 0px; bottom: 0; background: url("../images/nav_dropmenu_bg_hp-9dcfd7b4b4aa42a0847230a7ee6cd905.svg") no-repeat center top; background-size: cover; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear; z-index: 999;} #MegaMenu_Dropmenu2.nav-dropmenu-main-hp.MegaMenu-dropmenu-open2{ width: 568px; height: 594px; overflow: hidden; display: block;} .MegaMenu-navigation-open3{} .MegaMenu-navigation-open3 .nav-item2-hp{ left: -174px; top: 0;} .MegaMenu-navigation-open3 .nav-item3-hp{ left: -174px; top: 402px;} .MegaMenu-navigation-open3 .nav-item5-hp{ right: -174px; bottom: 0px;} .MegaMenu-navigation-open3 .nav-item6-hp{ top: 0; right: -174px;} .MegaMenu-menu-link3{} #MegaMenu_Menu_Open3.MegaMenu-menu-link3{ opacity: 0;} #MegaMenu_Dropmenu3.nav-dropmenu-main-hp{ display: none; width: 568px; height: 594px; position: absolute; overflow: hidden; left: 0px; bottom: 0; background: url("../images/nav_dropmenu_bg_hp-9dcfd7b4b4aa42a0847230a7ee6cd905.svg") no-repeat center top; background-size: cover; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; /* right: 0px; */ transform: translateX(-50%); z-index: 999;} #MegaMenu_Dropmenu3.nav-dropmenu-main-hp.MegaMenu-dropmenu-open3{ width: 568px; height: 594px; overflow: hidden; display: block;} .MegaMenu-navigation-open4{} .MegaMenu-navigation-open4 .nav-item2-hp{ left: -174px; top: 0;} .MegaMenu-navigation-open4 .nav-item3-hp{ left: -174px; top: 402px;} .MegaMenu-navigation-open4 .nav-item5-hp{ right: 0} .MegaMenu-navigation-open4 .nav-item4-hp{ right: -174px; left: auto; bottom: 0; margin: inherit;} .MegaMenu-navigation-open4 .nav-item6-hp{ top: 0; right: -174px;} .MegaMenu-menu-link4{} #MegaMenu_Menu_Open4.MegaMenu-menu-link4{ opacity: 0;} #MegaMenu_Dropmenu4.nav-dropmenu-main-hp{ display: none; width: 568px; height: 594px; position: absolute; overflow: hidden; left: 0px; bottom: 0; background: url("../images/nav_dropmenu_bg_hp-9dcfd7b4b4aa42a0847230a7ee6cd905.svg") no-repeat center top; background-size: cover; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; /* right: 0px; */ transform: translateX(-50%); z-index: 999;} #MegaMenu_Dropmenu4.nav-dropmenu-main-hp.MegaMenu-dropmenu-open4{ width: 568px; height: 594px; overflow: hidden; display: block;} .MegaMenu-navigation-open5{} .MegaMenu-navigation-open5 .nav-item1-hp{ /*right: -174px; left: auto; top: 0; margin: inherit;*/} .MegaMenu-navigation-open5 .nav-item2-hp{ left: -174px; top: 0;} .MegaMenu-navigation-open5 .nav-item3-hp{ left: -174px; top: 402px;} .MegaMenu-navigation-open5 .nav-item4-hp{ right: -174px; left: auto; top: 0; margin: inherit;} .MegaMenu-navigation-open5 .nav-item5-hp{ right: -174px; bottom: 0px;} .MegaMenu-navigation-open5 .nav-item6-hp{ right: 0;} .MegaMenu-menu-link5{} #MegaMenu_Menu_Open5.MegaMenu-menu-link5{ opacity: 1;} #MegaMenu_Dropmenu5.nav-dropmenu-main-hp{ display: none; width: 568px; height: 594px; position: absolute; overflow: hidden; left: 0px; bottom: 0; background: url("../images/nav_dropmenu_bg_hp-9dcfd7b4b4aa42a0847230a7ee6cd905.svg") no-repeat center top; background-size: cover; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; left: 50%; /* right: 0px; */ transform: translateX(-50%); z-index: 999;} #MegaMenu_Dropmenu5.nav-dropmenu-main-hp.MegaMenu-dropmenu-open5{ width: 568px; height: 594px; overflow: hidden; display: block;} /*-----*/ .nav-dropmenu-in-hp{ margin: 0px; padding: 36px 30px 0px; text-align: center;} .nav-dropmenu-back-hp{ margin: 0px; padding: 0px 0px 60px; display: flex; align-items: center; justify-content: center;} .nav-dropmenu-back-hp a{ display: flex; align-items: center; flex-direction: column; color: var(--Black); margin: 0px; padding: 0px;} .Ndropmenu-back-icon-hp{ margin: 0px; padding: 0px;} .Ndropmenu-back-text-hp{ font-size: 0.875em; line-height: 23px; color: var(--Black); text-transform: uppercase; margin: 0px; padding: 0px;} .nav-dropmenu-title-hp{ margin: 0px; padding: 0px 0px 20px;} .nav-dropmenu-title-hp h2{ font-size: 2em; line-height: 35px; color: var(--Black); font-weight: 900; text-transform: uppercase; margin: 0px; padding: 0px;} .nav-dropmenu-list-hp{ margin: 0px; padding: 0px;} .nav-dropmenu-list-hp ul{ margin: 0px; padding: 0px;} .nav-dropmenu-list-hp ul li{ margin: 0px; padding: 0px 0px 9px;} .nav-dropmenu-list-hp ul li a{ display: inline-block; vertical-align: top; color: var(--Black); margin: 0px; padding: 0px;} .nav-dropmenu-item-hp{ margin: 0px; padding: 0px; text-align: center;} .Ndropmenu-item-icon-hp{ margin: 0px 0px 6px; padding: 0px; display: flex; justify-content: center;} .Ndropmenu-item-icon-hp img{ height: 24px;} .Ndropmenu-item-text-hp{ font-size: 1.375em; line-height: 25px; color: var(--Black); text-transform: uppercase; font-weight: 300; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .Ndropmenu-item-text-hp strong{ font-weight: 900;} .nav-dropmenu-list-hp ul li a:hover{ color: var(--White);} .nav-dropmenu-list-hp ul li a:hover .Ndropmenu-item-text-hp{ color: var(--White);} .announcement-mobile-hp{ display: none;} .navigation-hp{ display: none;} .navigation-hp .navbar{ display: block;} .navigation-hp .navbar > ul{ display: block; text-align:left;} .navigation-hp .navbar > ul > li{ display:block; margin:0px 0px 15px; padding:0px;} .navigation-hp .navbar > ul > li > a.nav-link{ display: block; width: 100%; padding: 0px;} .navigation-hp .navbar > ul > li > a.nav-link.dropdown-toggle::after{ display: none;} .navigation-hp .navbar > ul > li > a.nav-link.dropdown-toggle span{ position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; margin: 0px; padding: 16px;} .navigation-hp .navbar > ul > li > a.nav-link.dropdown-toggle span img{ display: flex; height: 18px;} .navigation-hp .dropdown-menu{ position: relative; float: none; left: auto; top: auto; border: 0px; border-radius: 0px; padding: 0px 0px 5px; margin: 0px 12px; width: calc(100% - 24px);} .navigation-submenu-list-hp{ margin: 0px; padding: 14px 15px 0px 65px; } .navigation-submenu-list-hp ul{ margin: 0px; padding: 0px;} .navigation-submenu-list-hp ul li{ margin: 0px; padding: 0px 0px 15px;} .navigation-submenu-list-hp ul li:last-child{ padding-bottom: 0px; } .navigation-submenu-list-hp ul li a{ display: inline-block; vertical-align: top; font-size: 1.125em; line-height: 18px; color: var(--Black); text-transform: uppercase; margin: 0px; padding: 0px 0px 0px 16px; position: relative;} .navigation-submenu-list-hp ul li a strong{ font-weight: 900;} .navigation-submenu-list-hp ul li a::after{ content: ""; position: absolute; left: 0px; top: 8px; width: 11px; height: 1px; background: var(--Orange); margin: 0px; padding: 0px; } .nav-menu-hp{ margin: 0px; padding: 0px;} /*clip-path: polygon(5% 0, 95% 1%, 100% 50%, 95% 98%, 5% 100%, 0% 50%);*/ .nav-menu-bg-main-hp{ position: absolute; left: 0px; top: 0px;} .nav-menu-link-hp{ width: calc(100% + 24px); height: 50px; left: -12px; display: flex; align-items: center; gap: 9px; position: relative; z-index: 99; padding: 7px 7px 7px;} .nav-menu-link-icon-hp{ display: flex; align-items: center; justify-content: center; background: var(--Black); width: 42px; height: 36px; margin: 0px; padding: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;} .nav-menu-link-icon-hp svg path{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-menu-link-text-hp{ font-size: 1.438em; line-height: 24px; color: var(--Black); text-transform: uppercase; font-weight: 300; margin: 0px; padding: 0px;} .nav-menu-link-text-hp strong{ font-weight: 900;} .menu-button-hp { display:block; position: relative; background: var(--White); width:calc(100% - 24px); height:50px; text-align:center; margin:0px auto; filter: drop-shadow(0px 10px 30px #0000001a); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } /* Button Border Style */ .menu-button-hp.menu-btn-border-hp { border-top:0px solid var(--White); border-bottom:0px solid var(--White); } .menu-button-hp.menu-btn-border-hp:hover { /* background: var(--Orange); */ } /* menu-button-hp Ribbon-Outset Border Style */ .menu-button-hp.ribbon-outset.menu-btn-border-hp:after, .menu-button-hp.ribbon-outset.menu-btn-border-hp:before { top: 50%; content: " "; height: 26px; width: 26px; position:absolute; pointer-events: none; background: var(--White); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .menu-button-hp.ribbon-outset.menu-btn-border-hp:after { left:0; margin-top:-25px; transform-origin:0 0; box-sizing:border-box; border-bottom:0px solid var(--White); border-left:0px solid var(--White); transform:rotate(45deg) skew(19deg,19deg); } .menu-button-hp.ribbon-outset.menu-btn-border-hp:before { right:-26px; margin-top:-25px; transform-origin:0 0; box-sizing:border-box; border-top:0px solid var(--White); border-right:0px solid var(--White); transform:rotate(45deg) skew(19deg,19deg); } .menu-button-hp.ribbon-outset.menu-btn-border-hp:hover:after { /* background: var(--Orange); */ } .menu-button-hp.ribbon-outset.menu-btn-border-hp:hover:before { /* background:#e04e5e; */ } .navigation-hp .navbar > ul > li.nav-item.dropdown.show .menu-button-hp{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item.dropdown.show .menu-button-hp.ribbon-outset.menu-btn-border-hp:after, .navigation-hp .navbar > ul > li.nav-item.dropdown.show .menu-button-hp.ribbon-outset.menu-btn-border-hp:before{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item.dropdown.show .nav-menu-link-icon-hp{ background: var(--White);} .navigation-hp .navbar > ul > li.nav-item.dropdown.show .nav-menu-link-icon-hp svg path{ fill: var(--Black); } .navigation-hp .navbar > ul > li.nav-item.dropdown.show .dropdown-menu.show .navigation-submenu-list-hp ul li{ font-size: 1rem;} .navigation-hp .navbar > ul > li.nav-item a:hover .menu-button-hp{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item a:hover .menu-button-hp.ribbon-outset.menu-btn-border-hp:after, .navigation-hp .navbar > ul > li.nav-item a:hover .menu-button-hp.ribbon-outset.menu-btn-border-hp:before{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item a:hover .nav-menu-link-icon-hp{ background: var(--White);} .navigation-hp .navbar > ul > li.nav-item a:hover .nav-menu-link-icon-hp svg path{ fill: var(--Black); } .navigation-hp .navbar > ul > li.nav-item.active .menu-button-hp{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item.active .menu-button-hp.ribbon-outset.menu-btn-border-hp:after, .navigation-hp .navbar > ul > li.nav-item.active .menu-button-hp.ribbon-outset.menu-btn-border-hp:before{ background: var(--Orange);} .navigation-hp .navbar > ul > li.nav-item.active .nav-menu-link-icon-hp{ background: var(--White);} .navigation-hp .navbar > ul > li.nav-item.active .nav-menu-link-icon-hp svg path{ fill: var(--Black); } /* .InTheAir-menu-hp .menu-button-hp{ background: url("../images/InTheAir_menu_mobile_bg_hp-10a8c2856403b9c446d54aa0876a1237.svg") no-repeat center center; background-size: cover;}*/ .nav-item-icon-default-hp{ position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-item-icon-active-hp{ opacity: 0; position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-item-info-hp a:hover .nav-item-icon-default-hp{ opacity: 0;} .nav-item-info-hp a:hover .nav-item-icon-active-hp{ opacity: 1;} .navigation-hp .navbar > ul > li > a.nav-link .nav-item-icon-default-hp{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); right: 0px; margin: 0px auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .navigation-hp .navbar > ul > li > a.nav-link .nav-item-icon-active-hp{ opacity: 0; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); right: 0px; margin: 0px auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .navigation-hp .navbar > ul > li > a.nav-link:hover .nav-item-icon-default-hp{ opacity: 0;} .navigation-hp .navbar > ul > li > a.nav-link:hover .nav-item-icon-active-hp{ opacity: 1;} .nav-menu-link-icon-hp img{ height: 100%; width: 100%; max-width: 20px; max-height: 20px;} .InTheAir-bg-hp{ margin: 0px; padding: 2px 2px 2px; position: absolute; left: 0px; top: 0px; width: 100%; height: 50px; clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);} .InTheAir-bg-in-hp{ width: 100%; height: 46px; clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%); position: relative; z-index: 9;} .InTheAir-bg-in-hp::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--Orange); mix-blend-mode: color; clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%); z-index: 1;} .InTheAir-bg-in-hp::after{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: var(--Orange); opacity:0.60; clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%); z-index: 2;} .navigation-hp .navbar > ul > li{ max-width: 345px; width: 100%; margin: 0px auto 15px;} .InTheAir-menu-hp .menu-button-hp{ width: 100%; margin: 0px;} .InTheAir-menu-hp .menu-button-hp{ background: transparent;} .InTheAir-menu-hp .menu-button-hp.ribbon-outset.menu-btn-border-hp:after, .InTheAir-menu-hp .menu-button-hp.ribbon-outset.menu-btn-border-hp:before{ display: none;} .InTheAir-menu-hp .nav-menu-link-hp{ width: 100%; left: 0px;} /*--------------- CONTAIN_END --------------*/ /*--------------- FOOTER_START --------------*/ #footer{ margin:0px; padding:0px; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999;} .footer-top-main-hp{ margin: 0px; padding: 0px; background: var(--Orange);} .footer-top-in-hp{ margin: 0px; height: 70px; display: flex; justify-content: center; align-items: center;} .foot-quote-main-hp{ margin: 0px; padding: 0px;} .foot-quote-in-hp{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px; padding: 0px;} .foot-quote-icon-hp{ margin: 0px; padding: 0px;} .foot-quote-icon-hp img{ height: 24px;} .foot-quote-text-hp{ margin: 0px; padding: 0px 0px 0px 10px;} .foot-quote-text-hp p{ font-size: 1.125em; line-height: 18px; color: var(--Black); font-weight: 300; margin: 0px; padding: 0px;} .foot-quote-text-hp p strong{ font-weight: 500;} .footer-bottom-hp{ margin: 0px; padding: 0px; background: var(--White); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);} .footer-bottom-in-hp{ margin: 0px;} .footer-small-nav-hp{ margin: 0px; padding: 0px;} .footer-small-nav-hp ul{ margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center;} .footer-small-nav-hp ul li{ margin: 0px; padding: 0px 5px 0px; position: relative;} .footer-small-nav-hp ul li a{ display: block; font-size: 0.75em; line-height: 30px; color: var(--Black); font-weight: 300; margin: 0px; padding: 0px 0px 0px;} .footer-small-nav-hp ul li a:hover{ color: var(--Orange);} .footer-small-nav-hp ul li::after{ content: "•"; position: absolute; right: -2px; top: 0px; font-size: 0.75em; line-height: 30px; color: var(--Black); } .footer-small-nav-hp ul li:last-child::after{ display: none;} /*--------------- FOOTER_END --------------*/ /*--------------- LOGIN_PAGE_START --------------*/ #contain.contain-logp{ padding: 0px 0px 0px;} .login-block-main-hp{ margin: 0px; padding: 0px;} .login-block-in-hp{ margin: 0px; height: calc(100vh - 30px); display: flex; align-items: center; padding-top: 30px; padding-bottom: 30px;} .login-box-main-hp{ max-width: 628px; width: 100%; margin: 0px auto; padding: 33px 28px 42px; background: var(--White); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);} .login-box-logo-hp{ margin: 0px 0px 25px; padding: 0px;} .login-box-logo-hp a{ width: 127px; display: flex; justify-content: center; margin: 0px auto; padding: 0px; position: relative;} .login-box-logo-hp a img{ height: 128px;} .login-box-logo-hp a::after{ content: ""; position: absolute; left: 100%; top: 27px; width: 229px; height: 83px; background: url("../images/honey_bee_line_img-147c5e2a881b1578542ff83a235b556a.svg") no-repeat center top; background-size: auto 100%;} .login-form-main-hp{ margin: 0px; padding: 0px;} .login-form-title-hp{ font-size: 2.625em; line-height: 44px; color: var(--Black); font-weight: 800; text-align: center; margin: 0px; padding: 0px 0px 26px;} .login-form-field-hp{ margin: 0px; padding: 0px 0px 30px; position: relative;} .login-field-label-hp{ font-size: 1.25em; line-height: 21px; color: var(--Orange); font-weight: 700; text-transform: uppercase; text-align: center; margin: 0px; padding: 0px 0px 16px;} .login-field-Tbox-hp{ border: solid 1px var(--Orange); margin: 0px; padding: 0px; display: flex;} .login-field-Tbox-hp input{ width: 100%; border: 0px; font-size: 1em; line-height: 43px; color: var(--Black); font-style: italic; margin: 0px; padding: 0px 10px 0px;} .login-field-Tbox-hp input::-webkit-input-placeholder{ color: var(--Black);} .login-field-Tbox-hp input::-moz-placeholder{ color: var(--Black);} .login-field-Tbox-hp input:-ms-input-placeholder{ color: var(--Black);} .login-field-Tbox-hp input:-moz-placeholder{ color: var(--Black);} .login-password-Tbox-hp input{ color: var(--Orange); font-style: normal;} .login-password-Tbox-hp input::-webkit-input-placeholder{ color: var(--Orange);} .login-password-Tbox-hp input::-moz-placeholder{ color: var(--Orange);} .login-password-Tbox-hp input:-ms-input-placeholder{ color: var(--Orange);} .login-password-Tbox-hp input:-moz-placeholder{ color: var(--Orange);} .login-field-error-hp .default-Tbox-error-hp{ display: block;} .default-Tbox-error-hp{ display: none; position: absolute; left: 0; bottom: 12px; font-size: 0.75em; line-height: 15px; color: #FF0000; margin: 0px; padding: 0px;} .password-view-hp{ display: flex; justify-content: center; align-items: center; margin: 0px; padding: 0px; width: 44px; height: 43px; background: var(--Orange);} .password-view-hp button{ background: none; border: 0px;} .forgot-password-link-hp{ margin: 0px; padding: 11px 0px 0px; display: flex; justify-content: flex-end;} .forgot-password-link-hp a{ font-size: 1em; line-height: 18px; color: var(--Black); font-style: italic; margin: 0px; padding: 0px;} .login-form-submit-hp{ margin: 0px; padding: 13px 0px 0px; text-align: center;} .forgotPass-form-main-hp .login-field-label-hp{ text-transform: inherit;} .login-form-back-hp{ margin: 0px; padding: 5px 0px 0px; display: flex; justify-content: center;} .login-form-back-hp a{ display: block; font-size: 0.875em; line-height: 31px; color: var(--Black); text-transform: uppercase; font-weight: 600; text-decoration: underline; margin: 0px; padding: 0px;} /*---------------- LOGIN_PAGE_END ---------------*/ /*--------------- MY_MEETINGS_PAGE_START --------------*/ #contain.contain-inner-meetp{ background: url("../images/pages_bg-ad32e97afac39a96e3401d4fdd6b46ab.svg") no-repeat center top -77px; background-size: 1278px auto;} .breadcrumb-block-main-hp{ margin: 0px; padding: 0px;} .breadcrumb-block-in-hp{ margin: 0px;} .breadcrumb-bar-hp{ margin: 0px; padding: 20px 0px 20px;} .breadcrumb-bar-hp .breadcrumb{ background: none; margin: 0px; padding: 0px; border-radius: 0px;} .breadcrumb-bar-hp .breadcrumb-item{ margin: 0px; display: flex; align-items: center; font-size: 0.875em; line-height: 18px; color: var(--Black); font-weight: 300; text-transform: uppercase; padding: 0px 0px 0px 0px;} .breadcrumb-bar-hp .breadcrumb-item + .breadcrumb-item{ padding-left: 4px;} .breadcrumb-bar-hp .breadcrumb-item a{ display: flex; align-items: center; color: var(--Black); font-weight: 300;} .breadcrumb-bar-hp .breadcrumb-item a img{ margin-right: 10px;} .breadcrumb-bar-hp .breadcrumb-item + .breadcrumb-item::before{ content: ">"; padding: 0px 4px 0px 0px;} .breadcrumb-bar-hp .breadcrumb-item.active{ font-weight: 700;} .Mmeeting-block-main-meetp{ margin: 0px; padding: 0px;} .Mmeeting-block-in-meetp{ height: calc(100vh - 252px); margin: 0px; display: flex; flex-wrap: wrap; justify-content: space-between;} .spirales-contain-main-meetp{ width:1016px; margin: 0px; padding: 0px 0px 0px 14px; height: 100%; position: relative; z-index: 9;} .spirales-contain-main-meetp::after{ content: ""; position: absolute; right: 0px; top: 0px; width: 1500%; background: var(--White); height: 100%; z-index: -1;} .spirales-contain-in-meetp{ width: 100%; height: 100%; background: var(--White); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10); margin:0px; position: relative; z-index: 9;} .spirales-contain-in-meetp::after{ content: ""; position: absolute; width: 40px; height: calc(100% - 20px); left: -14px; top: 14px; bottom: 6px; width: 40px; background: url("../images/spirales_icon-c8dc4574bd388e171ea1cda79b7f4063.png") repeat-y left top; margin: 0px;} .spirales-block-main-meetp{ width: 100%; height: 100%; padding: 0px;} .spirales-block-in-meetp{ padding: 34px 45px 0px 95px; margin: 0px;} .meeting-card-main-meetp{ margin: 0px; padding: 0px 0px 36px;} .meeting-card-main-meetp h2{ margin: 0px; padding: 0px 0px 9px;} .meeting-card-main-meetp p{ margin: 0px; padding: 0px 0px 14px;} .meeting-card-main-meetp p a{ color: var(--Black); text-decoration: underline;} .meeting-card-in-meetp{ margin: 0px; padding: 0px; display: flex; justify-content: left;} .meeting-card-in-meetp-reverse{ flex-direction: row-reverse;} .meeting-card-img-meetp{ width: 277px; margin: 0px; padding: 0px;} .meeting-card-sq-img-meetp{ width: 100%; margin: 0px; padding: 0px;} .meeting-card-sq-img-meetp img{ } .meeting-card-info-meetp{ margin: 0px; padding: 0px 0px 0px 20px;} .meeting-points-info-meetp{ margin: 0px; padding: 0px;} .meeting-points-info-meetp ul{ margin: 0px; padding: 0px;} .meeting-points-info-meetp ul li{ font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 10px 20px; position: relative;} .meeting-points-info-meetp ul li::after{ content: ""; position: absolute; left: 0px; top: 2px; width: 13px; height: 11px; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat center top; background-size: auto 100%; margin: 0px; padding: 0px;} /* .meeting-points-info-meetp ul li > a{ color: var(--Orange); text-decoration: underline;} */ .meeting-points-info-meetp ul li a{ color: var(--Orange);} .meeting-points-info-meetp ul li a:hover{ color: var(--Blue);} .sidebar-menu-block-meetp{ width: 216px; margin: 0px; padding: 0px;} .sidebar-menu-title-meetp{ margin: 0px; padding: 0px 0px 15px; display: flex; gap: 9px; align-items: center;} .Sbar-menu-title-icon-meetp{ margin: 0px; padding: 0px;} .Sbar-menu-title-text-meetp{ font-size: 1.125em; line-height: 18px; color: var(--Black); text-transform: uppercase; font-weight: 300; margin: 0px; padding: 0px;} .Sbar-menu-title-text-meetp strong{ font-weight: 700;} .sidebar-menu-list-meetp{ margin: 0px; padding: 0px;} .sidebar-menu-list-meetp ul{ margin: 0px; padding: 0px;} .sidebar-menu-list-meetp ul li{ margin: 0px; padding: 0px 0px 5px;} .sidebar-menu-list-meetp ul li a{ display: block; margin: 0px 0px 0px 20px; padding: 0px; position: relative;} .sidebar-menu-list-meetp ul li a .sidebar-menu-item-bg-meetp{ width: 196px; height: 54px; position: absolute; left: 0px; top: 0px;} .sidebar-menu-list-meetp ul li a .sidebar-menu-item-bg-meetp svg path{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .sidebar-menu-item-meetp{ width: 196px; height: 54px; margin: 0px; padding: 0px 9px 0px; position: relative; z-index: 9; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; filter: drop-shadow(0px 10px 30px #0000001A);} .Sbar-menu-item-icon-meetp{ width: 46px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px;} .Sbar-menu-item-icon-meetp.hexagon{ background: var(--White); } .Sbar-menu-item-text-meetp{ font-size: 0.875em; line-height: 14px; color: var(--White); text-transform: uppercase; font-weight: 700; margin: 0px; padding: 0px 0px 0px 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .sidebar-menu-list-meetp ul li a .sidebar-menu-item-bg-meetp svg path{ fill: var(--Black); } .sidebar-menu-list-meetp ul li a:hover{ color: var(--Black);} .sidebar-menu-list-meetp ul li a:hover .Sbar-menu-item-text-meetp{ color: var(--Black);} .sidebar-menu-list-meetp ul li a:hover .sidebar-menu-item-bg-meetp svg path{ fill: var(--Orange); } .sidebar-menu-list-meetp ul li.active a{ margin: 0px; color: var(--Black);} .sidebar-menu-list-meetp ul li.active a .Sbar-menu-item-text-meetp{ color: var(--Black);} .sidebar-menu-list-meetp ul li.active a .sidebar-menu-item-bg-meetp svg path{ fill: var(--Orange); } .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li a .sidebar-menu-item-bg-meetp svg path{ fill: var(--Black);} .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li a:hover .sidebar-menu-item-bg-meetp svg path{ fill: var(--Orange); } .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li a:hover .Sbar-menu-item-text-meetp{ color: var(--Black);} .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li.active a{ margin: 0px; color: var(--Black);} .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li.active a .sidebar-menu-item-bg-meetp svg path{ fill: var(--Orange); } .agent-sidebar-menu-block-meetp .sidebar-menu-list-meetp ul li.active a .Sbar-menu-item-text-meetp{ color: var(--Black);} /*---------------- MY_MEETINGS_PAGE_END ---------------*/ /*--------------- MY_TRAVELS_PAGE_START --------------*/ .department-card-img-meetp{ width: 218px;} .department-card-info-meetp{ padding: 0px 0px 0px 60px;} .department-points-info-meetp{ margin: 0px; padding: 0px;} .department-points-info-meetp ul{ margin: 0px; padding: 0px;} .department-points-info-meetp ul li{ margin: 0px; padding: 0px 0px 1px 20px; position: relative;} .department-points-info-meetp ul li::after{ content: ""; position: absolute; left: 0px; top: 2px; width: 13px; height: 11px; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat center top; background-size: auto 100%; margin: 0px; padding: 0px;} .department-points-info-meetp ul li p{ font-size: 1em; line-height: 17px; color: var(--Black); font-weight: 400; margin: 0px; padding: 0px 0px 10px;} .department-points-info-meetp ul li p a{ color: var(--Black); text-decoration: underline;} .department-points-info-meetp ul li p a:hover{ color: var(--Blue);} .doc-resources-points-info-meetp.meeting-points-info-meetp ul li{ font-weight: 400; color: var(--Black);} .doc-resources-points-info-meetp.meeting-points-info-meetp ul li a{ color: var(--Black);} /*--------------- MY_TRAVELS_PAGE_END --------------*/ /*--------------- ITS_IN_THE_AIR_PAGE_START --------------*/ .page-contain-block-main-Tairp{ margin: 0px; padding: 0px;} .page-contain-block-in-Tairp{ margin: 0px;} .Pcontain-main-Tairp{ background: var(--White); box-shadow: 0px 10px 30px #0000001A; margin: 0px; padding: 0px; height: calc(100vh - 252px);} .Pcontain-in-Tairp{ margin: 0px; padding: 34px 35px 0px 35px;} .the-air-block-main-Tairp{ margin: 0px; padding: 0px 0px 30px;} .the-air-block-main-Tairp .common-title-main-hp{ padding-bottom: 35px;} .the-air-list-Tairp{ margin: 0px; padding: 0px;} .the-air-card-Tairp{ margin: 0px; padding: 30px 0px 30px; border-bottom: solid 1px var(--Orange);} .the-air-card-Tairp:first-child{ padding-top: 0px;} .the-air-card-Tairp:last-child{ border-bottom: 0px; } .the-air-card-in-Tairp{ display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;} .the-air-card-img-Tairp{ margin: 0px; padding: 0px 30px 0px 0px;} .the-air-card-img-in-Tairp{ width: 218px; height: 191px; margin: 0px; padding: 0px;} .the-air-card-img-in-Tairp.hexagon{ clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); background: var(--White); } .the-air-card-img-in-Tairp img{ width: 100%; height: 100%; object-fit: cover;} .the-air-card-info-Tairp{ width: calc(100% - 248px); margin: 0px; padding: 0px;} .Tair-card-info-top-Tairp{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 0px 0px 13px; } .the-air-card-info-Tairp h3{ font-size: 1.375em; line-height: 25px; margin: 0px; padding: 0px 0px 11px;} .the-air-card-info-Tairp h3 a{ color: var(--Black);} .the-air-card-info-Tairp p{ margin: 0px; padding: 0px 0px 9px 17px;} .the-air-card-info-Tairp p a{ color: var(--Black);} .the-air-card-info-Tairp p:last-child{ padding-bottom: 0px;} .Tair-card-date-Tairp{ margin: 0px; padding: 0px;} .Tair-card-date-text-Tairp{ background: var(--Black); font-size: 0.875em; line-height: 19px; color: var(--White); margin: 0px; padding: 0px 6px;} .Tair-card-more-Tairp{ margin: 0px; padding: 6px 0px 0px; display: flex; justify-content: end;} .Tair-card-more-link-Tairp{ margin: 0px; padding: 0px 0px 0px;} .Tair-card-more-link-Tairp a{ display: flex; align-items: center; font-size: 1em; line-height: 17px; color: var(--Black); font-weight: 900; margin: 0px; padding: 0px;} .Tair-card-more-link-Tairp a img{ margin-left: 5px;} .Tair-card-more-link-Tairp a:hover{ color: var(--Orange);} .the-air-card-full-Tairp .the-air-card-info-Tairp{ width: 100%;} .the-air-card-full-Tairp .the-air-card-info-Tairp p{ padding-left: 0px;} /*---------------- ITS_IN_THE_AIR_PAGE_END ---------------*/ /*--------------- ITS_IN_THE_AIR_DETAILS_PAGE_START --------------*/ .Pcontain-in-Tairdp{ padding-left: 45px;} .Tair-details-block-main-Tairdp{ margin: 0px; padding: 0px 0px 30px;} .Tair-details-block-main-Tairdp .the-air-card-info-Tairp{ width: 100%;} .Tair-details-block-main-Tairdp .the-air-card-info-Tairp p{ padding-left: 0px;} .Tair-details-block-main-Tairdp .the-air-card-info-Tairp p a{ color: var(--Black);} .Tair-details-block-main-Tairdp .the-air-card-info-Tairp h1{ text-transform: uppercase; padding: 0px 0px 7px;} .Tair-card-img-info-Tairdp{ display: flex; gap: 58px; margin: 0px; padding: 37px 0px 14px;} .Tair-card-img-info-img-Tairdp{ width: 475px; margin: 0px; padding: 0px;} .Tair-card-img-info-img-Tairdp img{ width: 475px;} .Tair-card-img-info-text-Tairdp{ margin: 0px; padding: 0px 0px 0px 0px; /*width: calc(100% - 533px);*/} .Tair-card-img-info-text-Tairdp h2{ padding: 0px 0px 12px; margin: 0px;} .Tair-card-img-info-text-Tairdp p{ padding: 0px 0px 9px; } .Tair-card-img-info-text-Tairdp p a{ color: var(--Black);} .Tair-details-block-main-Tairdp .the-air-card-info-Tairp h4{ padding: 27px 0px 9px; font-style: italic;} .Tair-card-img-info-reverse-Tairdp{ flex-direction: row-reverse;} /*---------------- ITS_IN_THE_AIR_DETAILS_PAGE_END ---------------*/ /*--------------- SEARCH_RESULT_PAGE_START --------------*/ .search-result-block-main-srp{ margin: 0px; padding: 0px 0px 35px;} .search-result-block-in-srp{ margin: 0px; padding: 0px;} .search-box-main-srp{ margin: 0px; padding: 0px;} .search-box-main-srp .head-search-Tbox-hp{ width: 100%; } .search-result-counter-srp{ margin: 0px; padding: 10px 0px 17px; display: flex; justify-content: end;} .search-result-counter-srp p{ font-size: 0.875em; line-height: 16px; color: var(--Black); margin: 0px; padding: 0px;} .search-result-list-srp{ margin: 0px; padding: 0px;} .search-result-card-srp{ margin: 0px; padding: 25px 0px 25px; border-bottom: solid 1px var(--Orange); display: flex; align-items: center; justify-content: space-between;} .search-result-card-srp:first-child{ border-top: solid 1px var(--Orange);} .search-result-text-srp{ font-size: 1.375em; line-height: 25px; color: var(--Black); font-weight: 800; margin: 0px; padding: 0px;} .search-result-text-srp a{ color: var(--Black);} .search-result-text-link-srp{ width: 150px; margin: 0px; padding: 0px;} .search-result-text-link-srp a{ display: flex; align-items: center; justify-content: end; gap: 8px; font-size: 1em; line-height: 17px; color: var(--Black); margin: 0px; padding: 0px;} .search-result-text-link-srp a img{ height: 11px;} /*---------------- SEARCH_RESULT_PAGE_END ---------------*/ /*--------------- COMPLAINT_FORM_PAGE_START --------------*/ .Pcontain-in-cfp{ padding-left: 30px; padding-right: 35px; padding-left: 35px;} .complaint-form-block-main-cfp{ margin: 0px; padding: 0px;} .complaint-form-block-main-cfp .common-title-main-hp h1{ text-transform: inherit;} .complaint-form-box-main-cfp{ margin: 0px; padding: 27px 0px 80px;} .complaint-form-row-main-cfp{ margin: 0px; padding: 0px 0px 30px;} .comp-form-field-label-cfp{ margin: 0px; padding: 0px 0px 13px;} .comp-form-field-label-cfp h2{ padding: 00px; margin: 0px;} .comp-form-field-main-cfp{ margin: 0px -5px; padding: 0px 0px 10px; display: flex; flex-wrap: wrap;} .default-form-Tbox-cfp{ margin: 0px; padding: 0px 5px 0px;} .default-form-Tbox-cfp input{ width: 100%; border: solid 1px var(--Orange); background: var(--OrangeLight); font-size: 1em; line-height: 43px; color: var(--Black); margin: 0px; padding: 0px 10px;} .default-form-Tbox-cfp input::-webkit-input-placeholder{ color: var(--Black);} .default-form-Tbox-cfp input::-moz-placeholder{ color: var(--Black);} .default-form-Tbox-cfp input:-ms-input-placeholder{ color: var(--Black);} .default-form-Tbox-cfp input:-moz-placeholder{ color: var(--Black);} .default-form-Tbox-cfp textarea{ vertical-align: top; resize: none; width: 100%; height: 155px; border: solid 1px var(--Orange); background: var(--White); font-size: 1em; line-height: 17px; font-style: italic; color: var(--Black); margin: 0px; padding: 14px 10px;} .default-form-Tbox-cfp textarea:focus{ outline: 0px;} .default-form-Tbox-cfp textarea::-webkit-input-placeholder{ color: var(--Black);} .default-form-Tbox-cfp textarea::-moz-placeholder{ color: var(--Black);} .default-form-Tbox-cfp textarea:-ms-input-placeholder{ color: var(--Black);} .default-form-Tbox-cfp textarea:-moz-placeholder{ color: var(--Black);} .default-form-Sbox-cfp{ margin: 0px; padding: 0px 5px 0px;} /*----- DEFAULT_SELECT_MENU_START -----*/ .default-form-Sbox-cfp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width:100%;} .default-form-Sbox-cfp .bootstrap-select{ margin:0px!important; background:none !important; padding:0px !important; box-shadow:0px 0px 0px rgba(0, 0, 0, 0); height:45px; border-radius:0px; position:relative; z-index:999; border:0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .default-form-Sbox-cfp .bootstrap-select:hover, .default-form-Sbox-cfp .bootstrap-select:focus, .default-form-Sbox-cfp .bootstrap-select:active{ border:0px;} .default-form-Sbox-cfp .dropdown-toggle{ background:var(--Orange); line-height:43px; font-size:1em; padding:0px 27px 0px 10px; position:relative; box-shadow:0px 0px 0px; color:var(--Black); border:solid 1px var(--Orange); border-radius:0px;} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-toggle .filter-option{ color:var(--Black) !important; } .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-toggle::after{ display:none;} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-toggle .caret{ right:15px; top:calc(50% - 4px); background:url("../images/select_box_arrow_hp-b0d90564c1496dbeea2ac94296e31106.svg") no-repeat center right; background-size:auto 8px; width:28px; height:8px; border:0px; margin: 0px;} .default-form-Sbox-cfp .bootstrap-select.btn-group.show .dropdown-toggle .caret{ background:url("../images/select_box_arrow_hp-b0d90564c1496dbeea2ac94296e31106.svg") no-repeat center right; background-size:auto 8px; width:28px; height:8px; border:0px;} .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default{ background:var(--Orange); color:var(--Black); border-color: var(--Orange); box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);} .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default:hover, .default-form-Sbox-cfp .open > .dropdown-toggle.btn-default:focus, .default-form-Sbox-cfp .open > .dropdown-toggle.btn-default.focus{ background:var(--Orange); border-color: var(--Orange); color:var(--Black); box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);} .default-form-Sbox-cfp .btn-default:active:hover, .default-form-Sbox-cfp .btn-default.active:hover, .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default:hover, .default-form-Sbox-cfp .btn-default:active:focus, .default-form-Sbox-cfp .btn-default.active:focus, .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default:focus, .default-form-Sbox-cfp .btn-default.focus:active, .default-form-Sbox-cfp .btn-default.active.focus, .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default.focus{ background:var(--Orange); border:solid 1px var(--Orange); color:var(--Black); box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);} .default-form-Sbox-cfp .show > .dropdown-toggle.btn-default .filter-option{ color:var(--Black) !important;} .default-form-Sbox-cfp .bootstrap-select .dropdown-toggle:focus{ outline:none !important; box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);} .default-form-Sbox-cfp .show > .dropdown-menu{ display:block; margin:0px; z-index:0; padding:0px; background:var(--OrangeLight); border:0px; border-radius:0px; top:45px; right:0px; left:0; width:100% !important; box-shadow:0px 10px 30px rgba(0, 0, 0, 0.10);} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-menu li{ border-bottom:0;} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-menu li a{ display:block; color:var(--Black); padding:0px 27px 0px 10px; line-height:38px; font-size:0.938em; font-weight:400;} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-menu li a:hover{ background:var(--Orange); color:var(--Black);} .default-form-Sbox-cfp .bootstrap-select.btn-group .dropdown-menu li.selected a{ background:var(--Orange); color:var(--Black);} /*----- DEFAULT_SELECT_MENU_END -----*/ .complaint-form-bottom-cfp{ margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;} .complaint-form-files-cfp{ margin: 0px; padding: 0px;} .complaint-form-file-contp{ padding: 0px 0px 10px; display: flex;} .complaint-form-files-cfp .custom-file{ display: block; height: auto; margin: 0px; padding: 0px; vertical-align: top; position: relative; width: auto;} .complaint-form-files-cfp .custom-file-input{ cursor: pointer; height: 20px; width: auto; border: 0px; margin: 0px; padding: 0px;} .complaint-form-files-cfp .custom-file-label{ cursor: pointer; background: none; display: flex; font-size: 1em; line-height: 18px; color: var(--Black); font-weight: 400; text-decoration: underline; font-style: italic; height: auto; width: auto; border: 0px; margin: 0px; padding: 0px; right: auto; white-space: nowrap;} .complaint-form-files-cfp .custom-file-label img{ height: 20px; margin-right: 7px; } .complaint-form-files-cfp .custom-file-label::after{ display: none;} .comp-form-file-size-contp{ margin: 0px; padding: 0px; position: relative;} .comp-form-file-size-contp p{ display: flex; align-items: center; font-size: 0.75em; line-height: 14px; color: var(--Orange); text-decoration: underline; font-style: italic; margin: 0px; padding: 0px;} .comp-form-file-size-contp p img{ height: 18px; margin-right: 5px;} .comp-form-file-size-contp p a{ color: var(--Orange);} .complaint-form-file-list-contp{} .file-list-item{ margin: 0px; padding: 0px 0px 10px; display: flex; flex-wrap: wrap; align-items: center;} .file-name-text-cfp{ display: flex; align-items: center; font-size: 1em; line-height: 22px; color: var(--Blue); font-weight: 400; margin: 0px; padding: 0px;} .file-name-text-cfp i{ margin-right: 7px; font-size: 0em;} .file-name-text-cfp i.fa-file-pdf{ width: 17px; height: 22px; background: url("../images/pdf_file_icon-ec87b38ed26c2bb0b55578a267ac5cdc.svg") no-repeat center top; background-size: auto 22px;} .file-name-text-cfp i.fa-file-word{ width: 17px; height: 22px; background: url("../images/doc_file_icon-b5b360ec840204c63a6322a7543af1b3.svg") no-repeat center top; background-size: auto 22px;} .file-name-text-cfp i.fa-file-image{ width: 17px; height: 22px; background: url("../images/img_file_icon-bba6aceda11d7b50c438b78aff644bb6.svg") no-repeat center top; background-size: auto 22px;} .file-name-text-cfp i.fa-file-zip{ width: 17px; height: 22px; background: url("../images/zip_file_icon-da5d0be94e333ed3aafbbf0e213bdf0e.svg") no-repeat center top; background-size: auto 22px;} .file-name-text-cfp i.fa-file-excel{ width: 17px; height: 22px; background: url("../images/xls_file_icon-07c7ac8326e4f6e4f4ad03f84ce1a088.svg") no-repeat center top; background-size: auto 22px;} .file-name-text-cfp i.fa-file-ppt{ width: 17px; height: 22px; background: url("../images/ppt_file_icon-3ea23c4c3c05908ec83d6a578970b370.svg") no-repeat center top; background-size: auto 22px;} .file-remove-btn-cfp{ margin: 0px; padding: 0px 0px 0px 10px; display: flex; align-items: center;} .file-remove-btn-cfp .remove-btn{ background: url("../images/close_icon_cfp-637219d0098fde597fc2a5bf9382d0b6.svg") no-repeat center left; background-size: auto 10px; font-size: 0.688em; line-height: 14px; color: var(--Red); font-style: italic; margin: 0px; padding: 0px 0px 0px 12px;} .complaint-form-submit-cfp{ margin: 0px; padding: 0px;} .modal.complaint-form-popup-cfp{ z-index: 99999999;} .complaint-form-pop-info-cfp{ margin: 0px; padding: 44px 0px 44px; text-align: center;} .comp-form-pop-icon-cfp{ display: flex; justify-content: center; margin: 0px; padding: 0px 0px 13px;} .complaint-form-pop-info-cfp h2{ font-size: 1.375em; line-height: 23px; color: var(--Black); font-weight: 800; margin: 0px; padding: 0px;} .modal-backdrop.show{ opacity: 0;} .complaint-form-popup-cfp .modal-dialog{ max-width: 426px;} .complaint-form-popup-cfp .modal-content{ border-radius: 0px; border: 0px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10);} .complaint-form-popup-cfp .modal-body{ padding: 0px 15px 0px;} .file-info-pop-contp{ display: none; position: absolute; left: -2px; top: -2px; width: 468px; margin: 0px; padding: 0px;} .file-info-pop-in-contp{ background: var(--White); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.10); margin: 0px; padding: 15px 16px 15px 18px; position: relative;} .file-info-pop-close-contp{ position: absolute; right: 7px; top: 7px;} .file-info-pop-contp ul{ margin: 0px; padding: 0px 0px 0px 14px;} .file-info-pop-contp ul li{ list-style-type: disc; font-size: 16px; line-height: 17px; color: var(--Black); font-style: italic; font-weight: 400; margin: 0px; padding: 0px;} .file-info-pop-contp ul li strong{ font-weight: 700;} /*--------------- COMPLAINT_FORM_PAGE_END --------------*/ /*--------------- 404_PAGE_START --------------*/ .page-Nfound-main-pnfp{ margin: 0px; padding: 0px 0px 0px; background: none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} .page-Nfound-in-pnfp{ margin: 0px; padding: 0px 0px 0px;} .page-Nfound-info-pnfp{ margin: 0px; padding: 40px 0px 40px; text-align: center;} .page-Nfound-title-main-pnfp{ margin: 0px; padding: 0px 0px 66px;} .page-Nfound-title-main-pnfp h1{ font-size: 2.625em; line-height: 55px; color: var(--Black); text-align: center; font-weight: 800; text-transform: inherit; margin: 0px; padding: 0px;} .page-Nfound-img-main-pnfp{ position: relative; margin: 0px 0px 60px; padding: 0px;} .page-Nfound-img-in-pnfp{ width: 359px; margin: 0px auto; padding: 0px; position: relative;} .page-Nfound-img-in-pnfp img{ width: 100%;} .page-Nfound-img-in-pnfp::after{ content: ""; position: absolute; left: -102px; top: -11px;; width: 536px; height: 186px; background: url("../images/honey_bee_img_pnfp-2b54830c5183b4329fd8c6f446293b4b.svg") no-repeat center top; background-size: auto 100%; margin: 0px; padding: 0px;} .back-home-btn-pnfp{ margin: 0px; padding: 0px;} /*--------------- 404_PAGE_END --------------*/ /*--------------- CHANGE_HISTORY_PAGE_START --------------*/ .change-history-block-main-chp{ margin: 0px; padding: 0px 0px 30px;} .change-history-list-chp{ margin: 0px; padding: 0px;} .change-history-card-chp{ min-height: 121px; margin: 0px; padding: 19px 0px 19px; border-bottom: solid 1px var(--Orange); display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;} .change-history-card-chp:first-child{ border-top: solid 1px var(--Orange);} .change-history-card-info-chp{ margin: 0px; padding: 0px;} .change-history-card-info-chp h2{ margin: 0px; padding: 0px 0px 11px;} .change-history-card-info-chp h2 a{ color: var(--Orange);} .change-history-card-info-chp p{ margin: 0px; padding: 0px 0px 9px;} .change-history-card-info-chp p:last-child{ padding-bottom: 0px;} .change-history-card-info-chp p a{ color: var(--Black);} .change-history-card-btn-chp{ margin: 0px; padding: 0px;} .change-history-card-btn-chp .default-tag-link-hp{ text-transform: inherit; padding: 0px 0px;} .change-history-card-btn-chp .default-tag-link-hp a{ background: var(--Orange); color: var(--White); display: inline-block; vertical-align: top; padding: 0px 9px;} .change-history-card-btn-chp .default-tag-link-hp a:hover{ background: var(--Black);} .change-history-pagination-chp{ margin: 0px; padding: 38px 0px 0px;} .change-history-pagination-chp ul{ margin: 0px; padding: 0px; display: flex; align-items: center; justify-content: center;} .change-history-pagination-chp ul li{ display: flex; align-items: center; font-size: 0.875em; line-height: 28px; color: var(--Black); margin: 0px; padding: 0px 15px 0px;} .change-history-pagination-chp ul li img{ display: flex; height: 28px;} /*--------------- CHANGE_HISTORY_PAGE_END --------------*/ /*--------------- CMS_PAGE_START --------------*/ .CMS-contain-main-cmsp{ width: 100%;} .default-points-cmsp{ margin: 0px; padding: 0px;} .default-points-cmsp ul{ margin: 0px; padding: 0px;} .default-points-cmsp ul li{ background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat left top 2px; background-size: auto 11px; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 11px 20px;} .default-points-cmsp ul li a{ color: var(--Orange);} .default-points-cmsp ul li a:hover{ color: var(--Blue);} .CMS-contain-info-main-cmsp{ width: 100%; margin: 0px; padding: 0px;} .CMS-contain-info-main-cmsp h1{ padding:0px 0px 7px;} .CMS-contain-info-main-cmsp p{ padding:0px 0px 9px;} .CMS-contain-info-main-cmsp p a{ color: var(--Black); text-decoration: underline;} .CMS-contain-info-main-cmsp h2{ padding:0px 0px 12px;} .CMS-contain-info-main-cmsp h3{ padding:0px 0px 11px; text-transform: none;} .CMS-contain-info-main-cmsp h4{ padding:0px 0px 9px;} .CMS-contain-info-main-cmsp h5{ padding:0px 0px 9px;} .CMS-btn-cmsp{ margin: 0px; padding: 30px 0px 0px;} .CMS-contain-info-main-cmsp .Tair-card-img-info-Tairdp{ gap: 16px;} .cms-img-cmsp{ width: 519px;} .cms-img-cmsp img{ width: 519px;} .cms-img-info-cmsp{ margin: 0px; padding: 0px 0px 50px;} .CMS-files-links-cmsp{ margin: 0px; padding: 0px;} .CMS-file-link-cmsp{ margin: 0px; padding: 0px 0px 7px;} .CMS-file-link-cmsp a{ display: flex; align-items: center; font-size: 1em; line-height: 22px; color: var(--Orange); text-decoration: underline; margin: 0px; padding: 0px;} .CMS-file-link-cmsp a img{ height: 22px; margin-right: 7px;} .video-block-main-cmsp{ margin: 0px; padding: 0px 0px 46px;} .video-block-main-cmsp h2{ margin: 0px; padding: 0px 0px 26px;} .video-box-main-cmsp{ max-width: 940px; width: 100%; height: 512px; position: relative; overflow: hidden; margin: 0px auto; padding: 0px;} .video-box-main-cmsp video{ width: 100%; height: 100%; object-fit: cover;} .video-overlay-cmsp{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2;} /* .video-back-hp{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .video-box-main-cmsp .playpause{ position: absolute; background: url("../images/video_play_icon_cmsp-9703860c63180bf4a2ab5b236b9ac385.svg") no-repeat center center; background-size: 100%; left: 0px; right: 0px; margin: auto; width: 186px; height: 186px; top: 0px; bottom: 0px;} */ .video-overlay-cmsp{ } .img-slider-main-cmsp{ margin: 0px; padding: 0px 0px 70px;} .img-slider-main-cmsp h2{ margin: 0px; padding: 0px 0px 26px;} .img-slider-in-cmsp{ max-width: 940px; margin: 0px auto; padding: 0px 22px 0px;} .img-slider-item-cmsp{ height: 494px; position: relative;} .img-slider-item-cmsp img{ width: 100%; height: 100%; object-fit: cover;} .contact-box-cmsp{ margin: 0px auto; padding: 0px 0px 48px; width: 190px;} .contact-box-cmsp h4{ padding: 0px 0px 7px;} .contact-info-cmsp{ display: flex; margin: 0px; padding: 0px;} .contact-info-in-cmsp{ border: solid 1px var(--Orange); margin: 0px; padding: 10px 14px 10px 10px;} .contact-info-item-cmsp{ display: flex; align-items: center; margin: 0px; padding: 0px 0px 7px;} .contact-info-item-cmsp:last-child{ padding-bottom: 0px;} .contact-info-icon-cmsp{ width: 12px; display: flex; align-items: center; justify-content: center;} .contact-info-text-cmsp{ font-size: 1em; line-height: 17px; color: var(--Black); font-weight: 700; font-style: italic; margin: 0px; padding: 0px 0px 0px 4px;} .contact-info-text-cmsp a{ color: var(--Black); } .FAQ-box-main-cmsp{ margin: 0px; padding: 0px 0px 42px;} .FAQ-box-main-cmsp h2{ padding: 0px 0px 20px;} .FAQ-list-main-cmsp{ margin: 0px; padding: 0px;} .FAQ-card-cmsp{ margin: 0px 0px 5px; padding: 0px; border: 0px; background: var(--LightGray); border-radius: 0px !important;} .FAQ-card-cmsp:last-child{ border-bottom: 0px !important; } .FAQ-card-cmsp .card-header{ background: none; border: 0px; padding: 0px; margin: 0px !important;} .FAQ-card-cmsp .card-header a.collapsed{ background: var(--LightGray) url("../images/plus_icon_cmsp-e87b1ec1cf3c211f80892788868a7bf5.svg") no-repeat center right 14px; background-size: auto 26px; color: var(--Black);} .FAQ-card-cmsp .card-header a{ display: block; background: var(--DarkGray) url("../images/minus_icon_cmsp-2443d57393c6570fb39ca99f7c22360a.svg") no-repeat center right 14px; background-size: auto 26px; font-size: 0.875em; line-height: 16px; color: var(--White); font-weight: 600; text-transform: uppercase; margin: 0px; padding: 17px 50px 17px 20px;} .FAQ-card-cmsp .card-body{ margin: 0px; padding: 15px 178px 15px 18px; background: var(--LightGray);} .FAQ-card-cmsp .card-body p{ font-size: 0.875em; line-height: 15px; color: var(--Black); margin: 0px; padding: 0px;} .FAQ-card-cmsp .card-body p a{ color: var(--Black);} .downloads-box-main-cmsp{ margin: 0px; padding: 0px;} .downloads-box-main-cmsp h2{ padding:0px 0px 17px;} .downloads-btn-cmsp{ margin: 0px; padding: 0px 0px 25px;} .downloads-btn-cmsp a{ display: flex; text-decoration: underline; font-size: 1em; line-height: 17px; color: var(--Orange); margin: 0px; padding: 0px;} .downloads-list-main-cmsp{ margin: 0px; padding: 0px 0px 40px; display: flex;} .downloads-list-main-cmsp .CMS-files-links-cmsp{ width: 286px;} .default-button-hp{ padding-bottom: 15px;} .img-slider-caption-cmsp{ position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgb(255, 192, 0, 0.8) ; font-size: 0.813em; line-height: 16px; color: var(--White); font-style: italic; margin: 0px; padding: 5px 10px;} .ck-content{margin:2rem 0;} /*---------------- CMS_PAGE_END ---------------*/ #contain.no-scroll-contain-hp{ height: auto; padding-bottom: 100px;} .no-scroll-block-hp .Mmeeting-block-in-meetp{ height: auto;} .no-scroll-block-hp .page-Nfound-main-pnfp{ height: auto;} #footer.footer-Nfixed-hp{} .sidebar-menu-block-meetp{ position: fixed; margin-left: 1059px;} .no-scroll-block-hp .Pcontain-main-Tairp{ height: auto;} .hexagon-img-cmsp{ width: 218px; height: 191px;} .hexagon-img-cmsp img{ width: 100%; height: 100%; object-fit: cover;} .head-announcement-icon-hp{ padding-right: 8px;} .ticker{ padding-right: 100%;} .ticker-wrap{ display: inline-block; white-space: nowrap; padding-left: 100%; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 40s; animation-duration: 40s; } .head-announcement-hp p{ display: inline-block; padding: 0px 25px 0px;} .head-announcement-text-hp{ width: calc(100% - 35px); overflow: hidden;} @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .Tair-card-img-info-text-Tairdp > a{ display: flex; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; padding: 0px 0px 11px 0px;} .Tair-card-img-info-text-Tairdp > a:hover{ color: var(--Blue);} .Tair-card-img-info-text-Tairdp ul li a{ display: flex; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat left top 2px; background-size: auto 11px; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 11px 20px;} .Tair-card-img-info-text-Tairdp ul li a:hover{ color: var(--Blue);} .meeting-card-info-meetp ul li{ display: flex; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat left top 2px; background-size: auto 11px; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 11px 20px;} .meeting-card-info-meetp ul li a{ color: var(--Orange);} .meeting-card-info-meetp ul li a:hover{ color: var(--Blue);} iframe, video { width: 100%; height: 100%; display: block; } .video-overlay-cmsp{ visibility: visible;} .head-search-main-hp form{ display: flex; align-items: center;} .head-search-icon-hp button{ border: 0px; background: var(--Orange); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .head-search-icon-hp button:hover{ background: var(--Black);} .head-search-icon-hp button img{ height: 26px;} /* .head-search-Tbox-hp{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 99; } .head-search-Tbox-hp.head-search-Tbox-open-hp{ width: 255px; margin-right: -45px;} .head-search-Tbox-hp input{ width: calc(100% - 45px);} .head-search-Tbox-hp button{ border: 0px; background: var(--Orange); width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; margin: 0px; padding: 0px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .head-search-Tbox-hp button:hover{ background: var(--Black);} .head-search-Tbox-hp button img{ height: 26px;} .autocomplete-items{ width: calc(100% - 45px);} */ .meeting-card-sq-img-meetp img{ width: 100%;} .Sbar-menu-item-text-meetp{ width: calc(100% - 56px);} .page-notification-bar-hp{ margin: 0px; padding: 5px 15px; background: var(--Black); display: flex; align-items: center; justify-content: space-between; border-radius: 0px;} .page-notification-bar-text-hp{ margin: 0px; padding: 0px;} .page-notification-bar-text-hp p{ font-size: 0.875em; line-height: 30px; color: var(--White); margin: 0px; padding: 0px;} .page-notification-bar-text-hp a{ font-size: 0.875em; line-height: 30px; color: var(--White); margin: 0px; padding: 0px;} .notification-body-hp{} .notification-body-hp #header{ height: 154px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .page-notification-bar-right-hp{ display: flex; align-items: center; gap: 10px; margin: 0px; padding: 0px;} .notification-deconnecter-hp{ margin: 0px; padding: 0px;} .notification-deconnecter-hp a{ display: block; font-size: 0.875em; line-height: 30px; color: var(--White); margin: 0px; padding: 0px;} .notification-bar-close-hp{ margin: 0px; padding: 0px;} .notification-bar-close-hp a{ display: block; font-size: 0.875em; line-height: 30px; color: var(--White); margin: 0px; padding: 0px;} .notification-bar-close-hp a i{ display: block;} .notification-body-hp #contain{ padding-top: 154px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .notification-body-hp .navigation-block-in-hp{ height: calc(100vh - 234px); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .nav-item-main-hp:hover .nav-item-info-icon-hp img{ filter: brightness(0) saturate(100%) invert(26%) sepia(10%) saturate(200%) hue-rotate(0deg) brightness(75%) contrast(90%); } .nav-item-main-hp .nav-item-info-hp a:hover .nav-item-info-icon-hp img{ filter: brightness(0) saturate(100%) invert(26%) sepia(10%) saturate(200%) hue-rotate(0deg) brightness(75%) contrast(90%); } .nav-item-info-hp a:hover .nav-item-icon-default-hp{ opacity: 1;} .nav-item1-hp.nav-item-main-hp .nav-item-info-icon-hp img{ filter: brightness(0) saturate(100%) invert(26%) sepia(10%) saturate(200%) hue-rotate(0deg) brightness(75%) contrast(90%);} .meeting-card-info-meetp > ul > li{ flex-direction: column;} .meeting-card-info-meetp > ul > li > ul{ clear: both} .meeting-card-info-meetp > ul > li > ul li{ flex-direction: column; font-weight: normal; background: none; margin: 0px; padding: 10px 0px 0px; color: var(--Black);} .meeting-card-info-meetp > ul > li > ul li a{ color: var(--Black); text-decoration: underline;} .FAQ-card-body-cmsp img{ width: 100%;} .a11y{ display: none; margin: 0px; padding: 0px; position: fixed; align-items: center; flex-direction: column; left: 0px; top: 180px; z-index: 9999; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .a11y__icon{ width: 32px; height: 32px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .a11y__icon path{ fill: var(--Orange); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .a11y svg:not(:root) { overflow: hidden;} .a11y__btns { width: 0px; align-items: center; display: flex; flex-direction: column; overflow: hidden;} .a11y__btn { color: #fff; display: block; font-size: 1em; padding: 16px; text-align: center; text-decoration: none; width: 160px;} .a11y:hover .a11y__btn, .a11y__btn:focus, .a11y__btn:hover { background: var(--Orange); font-size: inherit;} .a11y:hover .a11y__btns{ width: 160px;} .a11y__btn p { margin: 0; color: var(--White); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .a11y__btn:hover p{ color: var(--Black);} .a11y__btn .a11y__icon{ width: 24px;} .a11y__btn .a11y__icon path{ fill: var(--White);} .a11y__btn:hover .a11y__icon path{ fill: var(--Black);} @media (min-width: 1100px) { .a11y { display: flex; } } .is-invert { background-color: var(--White); filter: invert(1); } img { max-width: 100%; height: auto; } .FAQ-card-cmsp .card-body p{ padding-bottom: 15px;} .FAQ-card-cmsp .card-body p:last-child{ padding-bottom: 0px;} .downloads-box-main-cmsp > p img{ margin-right: 30px;} .CMS-contain-info-main-cmsp p a{ text-decoration: underline; color: var(--Black);} .CMS-contain-info-main-cmsp p a strong{ font-weight: 400;} .FAQ-card-body-cmsp .meeting-card-info-meetp{ float: left;} .CMS-contain-info-main-cmsp h4 a{ color: var(--Orange); text-decoration: underline;} .FAQ-card-cmsp .card-body p{ padding-bottom: 15px;} .Tair-card-img-info-text-Tairdp p a{ text-decoration: underline; font-size: 1em; line-height: 18px; color: var(--Black); font-weight: 700;} .meeting-card-info-meetp p > ul{ padding-top: 10px;} .nav-item-info-icon-hp svg{ height: 34px !important;} .nav-item-info-icon-hp svg path{ fill: var(--Orange); stroke: var(--Orange);} .nav-menu-link-icon-hp svg path{ fill: var(--Orange); stroke: var(--Orange);} .HSub-nav-yellow-hp .HSub-nav-item-hp a{ text-align: end;} .Snav-item-icon-in-hp svg path{ fill: var(--White); stroke: var(--White);} .HSub-nav-yellow-hp .Snav-item-icon-in-hp svg path{ fill: var(--White); stroke: var(--White);} .Tair-card-img-info-text-Tairdp ul li{ display: flex; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat left top 2px; background-size: auto 11px; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 11px 20px;} .FAQ-card-body-cmsp ul li{ display: flex; background: url("../images/bullet_arrow-dd91661a0f449fcdd8ecd736e075f0db.svg") no-repeat left top 2px; background-size: auto 11px; font-size: 1em; line-height: 17px; color: var(--Orange); font-weight: 600; margin: 0px; padding: 0px 0px 11px 20px;} .Sbar-menu-item-icon-meetp svg path{ fill: var(--Black);} .sidebar-menu-block-meetp{ height: calc(100vh - 272px);} .sidebar-menu-link-meetp{ width: 100%; margin: 0px; padding: 0px 0px 25px; position: absolute; bottom: 0px; text-align: center; display: flex; justify-content: center;} .sidebar-menu-link-meetp ul{ margin: 0px; padding: 0px;} .sidebar-menu-link-meetp ul li{ margin: 0px; padding: 5px 0px 5px; text-align: center;} .sidebar-menu-link-meetp ul li a{ display: inline-block; vertical-align: top; position: relative; display: flex; align-items: center; justify-content: center; vertical-align: top; text-align: center; background: var(--Black); font-size: 0.875em; line-height: 14px; color: var(--White); text-transform: uppercase; font-weight: 700; margin: 0px; padding: 10px 15px 10px; z-index: 9;} .sidebar-menu-link-meetp ul li a:hover{ color: var(--Black); background: var(--Orange);}