/* page css de base */ html,body {overflow-x: hidden;overflow-y: auto;} /* hide code mindak nkhalih maftouh f builder donc opacity + no mouse */ .ElementDynClass[data-type="code"] { pointer-events: none; opacity:0; } #section20380 .has_Top_divider, .has_Bottom_divider{transition : all 300ms ease 0ms;}#section20380{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:60px !important;padding-bottom:60px !important;padding-right:20px !important;padding-left:20px !important;z-index:1;}#section21112 .has_Top_divider, .has_Bottom_divider{transition : all 300ms ease 0ms;}#section21112{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:60px !important;padding-bottom:60px !important;padding-right:20px !important;padding-left:20px !important;z-index:1;}#row21113{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:0px !important;padding-left:0px !important;min-height: 80px !important;max-width: 1440px !important;}#menu21114 .container_menu .mainlogo img{border-radius:10px;}#menu21114 .container_menu .menu .secondlogo img{border-radius:10px;}#menu21114 .container_menu .menu ul>li>a{font-size: 14px;color: #444;letter-spacing: 1px;font-family: Poppins;font-weight: 700;text-transform: uppercase;text-decoration: none;}#menu21114 .container_menu .menu ul li ul li a{font-size: 13px;color: #666;letter-spacing: 0px;font-family: Lato;font-weight: 400;text-transform: uppercase;text-decoration: none;margin-left:0px;}#menu21114 .container_menu .searchicon{color: #007ff2;background-color:#007ff2;}#menu21114 .container_menu .ag-menu-bars_icons{color: #007ff2;background-color:#007ff2;}#menu21114 .container_menu .ag-menu-bars_icons:before{color: #007ff2;background-color:#007ff2;}#menu21114 .container_menu .ag-menu-bars_icons:after{color: #007ff2;background-color:#007ff2;}#menu21114 .container_menu, .container_menu .submenu a{transition : all 300ms ease 0ms;}@media screen and (max-width: 980px) {#menu21114 .container_menu .menu ul>li>a{border-bottom:1px solid rgba(150,150,150,0.15);}}@media screen and (max-width: 980px) {#menu21114 .container_menu .menu ul li ul li a{border-bottom:1px solid rgba(150,150,150,0.15);}}#menu21114 .container_menu .menu ul>li>a:hover{color: #222;}#menu21114 .container_menu .menu ul li ul li a:hover{color: #222;margin-left:10px;}#menu21114{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:20px !important;padding-left:20px !important;}@media (min-width: 992px){ #menu21114 .container_menu:not(.VerticalMenu) li ul{background-color:white; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}}@media (max-width: 992px){ #menu21114 .container_menu.NoToggle:not(.VerticalMenu) li ul{background-color:white; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}}@media (max-width: 992px){ #menu21114 .container_menu:not(.NoToggle) li ul {background-color:white; border-top: none; box-shadow: none;}}#row21119{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:0px !important;padding-left:0px !important;min-height: 80px !important;max-width: 1440px !important;}#label21120 .LabelContent p{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent a{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent ul{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;list-style-type: disc;list-style-position: outside;padding-left: 0;}#label21120 .LabelContent ol{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;list-style-type: decimal;list-style-position: outside;padding-left: 0;}#label21120 .LabelContent blockquote{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;border-left: 5px solid #2EA3F2;}#label21120 .LabelContent h1{font-family: ;font-weight: 400;font-size: 30px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent h2{font-family: ;font-weight: 400;font-size: 26px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent h3{font-family: ;font-weight: 400;font-size: 22px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent h4{font-family: ;font-weight: 400;font-size: 18px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent h5{font-family: ;font-weight: 400;font-size: 16px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent h6{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21120 .LabelContent *{transition : all 300ms ease 0ms;}#label21120{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:20px !important;padding-left:20px !important;}#section21116 .has_Top_divider, .has_Bottom_divider{transition : all 300ms ease 0ms;}#section21116{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:60px !important;padding-bottom:60px !important;padding-right:20px !important;padding-left:20px !important;z-index:1;}#row21117{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:0px !important;padding-left:0px !important;min-height: 80px !important;max-width: 1440px !important;}#menu21118 .container_menu .mainlogo img{border-radius:10px;}#menu21118 .container_menu .menu .secondlogo img{border-radius:10px;}#menu21118 .container_menu .menu ul>li>a{font-size: 14px;color: #444;letter-spacing: 1px;font-family: Poppins;font-weight: 700;text-transform: uppercase;text-decoration: none;}#menu21118 .container_menu .menu ul li ul li a{font-size: 13px;color: #666;letter-spacing: 0px;font-family: Lato;font-weight: 400;text-transform: uppercase;text-decoration: none;margin-left:0px;}#menu21118 .container_menu .searchicon{color: #007ff2;background-color:#007ff2;}#menu21118 .container_menu .ag-menu-bars_icons{color: #007ff2;background-color:#007ff2;}#menu21118 .container_menu .ag-menu-bars_icons:before{color: #007ff2;background-color:#007ff2;}#menu21118 .container_menu .ag-menu-bars_icons:after{color: #007ff2;background-color:#007ff2;}#menu21118 .container_menu, .container_menu .submenu a{transition : all 300ms ease 0ms;}@media screen and (max-width: 980px) {#menu21118 .container_menu .menu ul>li>a{border-bottom:1px solid rgba(150,150,150,0.15);}}@media screen and (max-width: 980px) {#menu21118 .container_menu .menu ul li ul li a{border-bottom:1px solid rgba(150,150,150,0.15);}}#menu21118 .container_menu .menu ul>li>a:hover{color: #222;}#menu21118 .container_menu .menu ul li ul li a:hover{color: #222;margin-left:10px;}#menu21118{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:20px !important;padding-left:20px !important;}@media (min-width: 992px){ #menu21118 .container_menu:not(.VerticalMenu) li ul{background-color:white; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}}@media (max-width: 992px){ #menu21118 .container_menu.NoToggle:not(.VerticalMenu) li ul{background-color:white; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}}@media (max-width: 992px){ #menu21118 .container_menu:not(.NoToggle) li ul {background-color:white; border-top: none; box-shadow: none;}}#row21121{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:0px !important;padding-left:0px !important;min-height: 80px !important;max-width: 1440px !important;}#label21122 .LabelContent p{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent a{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent ul{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;list-style-type: disc;list-style-position: outside;padding-left: 0;}#label21122 .LabelContent ol{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;list-style-type: decimal;list-style-position: outside;padding-left: 0;}#label21122 .LabelContent blockquote{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;border-left: 5px solid #2EA3F2;}#label21122 .LabelContent h1{font-family: ;font-weight: 400;font-size: 30px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent h2{font-family: ;font-weight: 400;font-size: 26px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent h3{font-family: ;font-weight: 400;font-size: 22px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent h4{font-family: ;font-weight: 400;font-size: 18px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent h5{font-family: ;font-weight: 400;font-size: 16px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent h6{font-family: ;font-weight: 400;font-size: 14px;letter-spacing: 0;line-height: 1;text-align:left;}#label21122 .LabelContent *{transition : all 300ms ease 0ms;}#label21122{position:relative;margin-left: auto !important;margin-right: auto !important;text-align: center !important;width: 100% !important;transition : all 300ms ease 0ms;padding-top:20px !important;padding-bottom:20px !important;padding-right:20px !important;padding-left:20px !important;} .noselect{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hidden { display: none !important; } /* ask popup */ /* tablet & mobile */ @media screen and (max-width: 750px) { .popupBackground .askPopup { width: 100% !important; height: 100% !important; position: absolute !important; top: 0px !important; left: 0px !important; transform:none !important; overflow-y: auto !important; } .popupBackground { overflow-y : hidden !important; } } .popupBackground { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:9999999999999999999999; cursor:not-allowed; overflow-y: scroll; padding: 20px; } .popupBackground .askPopup { width:500px; height:auto; cursor:default; background:white; padding:20px; position:relative; margin: 0 auto; overflow-x: hidden; } .popupBackground .closeIcon { position:absolute; right: 10px; top : 10px; cursor:pointer; padding: 10px; z-index: 99999999999999999; } .popupBackground > .loading { min-height:230px; background: white; width: 780px; margin: 0 auto; border: 1px solid #ced4da; box-shadow: 0 5px 20px -15px black; height: auto; cursor: default; background: white; padding: 20px; position: relative; margin: 0 auto; overflow-x: hidden; position: absolute; left:50% !important; transform: translateX(-50%); border-radius: 10px; } .HideScrollBody { overflow-y: hidden !important; overflow-x: hidden !important; } /**********************/ /* parallax2D, parallax3D */ .parallax3D_wrap, .MainWrapParallax3D { transform-style: preserve-3d !important; } .parallax3D_inner { transform: translateZ(150px) !important; } .parallax2d_wrap { transition: all 1s cubic-bezier(0,.01,.32,1.03); } /* Timeline & Label if split rah yataminiw verfier & show label (car rahi invisible pour css apply in export mode bach matbanch m3a lawal w tataffichage au priemete split trouver) */ .LabelSplitHidden { visibility: hidden; } /* Loader */ #AskLoader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgb(241, 242, 243); z-index: 99999999999999; width: 100%; height: 100%; } #AskLoader svg { position: absolute; left: 50%; top: 50%; margin-left: -110px !important; margin-top: -110px !important; animation: spin 1s linear infinite; } @keyframes spin { 100% { transform: rotate(360deg); } } /* Loader end */ /* scrollReveal */ /* button */ .ElementDynClass .btn_child_cible { line-height: initial; } /* les code integrer ifram object pour ne pas depasser ndirohoum max-width */ embed, iframe, object, video { max-width: 100%; } /* Video Overlay Styles */ .ElementDynClass .overlay { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50%; cursor: pointer; } .ElementDynClass .overlay .overlay_hover { width: 100%; height: 100%; position: absolute; z-index: 100; } .ElementDynClass .overlay .overlay_hover .video_play_icon { position:absolute; top:50% !important; left:50% !important; transform: translate(-50%, -50%); } .ElementDynClass .overlay .video_play_icon { pointer-events: none !important; } /* Video transition fix */ .ElementDynClass .video_child_cible * { /* No Transition sinon yassra problem */ transition:none !important; } /* SVG Shape */ .ElementDynClass .svg_child_cible svg { width: 100%; } /* Focus Input */ textarea:focus, input:focus, select:focus{ outline: none; } /* Checkbox */ .ElementDynClass .checkbox_label_child_cible::before, .ElementDynClass .checkbox_label_child_cible::after { position: absolute; display: block; content: ""; } .ElementDynClass .checkbox_input_child_cible:checked ~ .checkbox_label_child_cible::after { font-family: 'Font Awesome 5 Pro'; content: "\f00c"; font-weight: 900; font-size: 10px; } /* RadioBox */ .ElementDynClass .radiobox_label_child_cible::before, .ElementDynClass .radiobox_label_child_cible::after { position: absolute; display: block; content: ""; border-radius: 50%; } .ElementDynClass .radiobox_input_child_cible:checked ~ .radiobox_label_child_cible::after { transform: scale(0.5); } /* Pagination */ .askpagination { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; } .askpagination li{ list-style:none; } .askpagination-total-text{ margin-right: 12px; cursor: initial; } .pagination a, .pagination button, .askpagination-prev a, .askpagination-prev button, .askpagination-next a, .askpagination-next button, .askpagination-total-text a, .askpagination-total-text button { height: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; } .askpagination .point { padding: 5px; padding-right: 10px; } li.desable { pointer-events: none !important; opacity: 0.155; } li.desable > a { /*color:#d9d8d8 !important;*/ } /* End Pagination */ .ElementDynClass > .row { height: 100%; } .ElementDynClass > .row > .col-md-12 { height: 100%; } /* LoadingBackgroundMessageMessage */ .LoadingBackgroundMessage .content .text_info { color:white;position:absolute;top:50% !important;left:50% !important;transform: translate(-50%, -50%); } .LoadingBackgroundMessage .content .text_info i { font-size: 25px; color: white; } .LoadingBackgroundMessage { background-color: rgba(0,0,0,0.8); cursor: default; } .LoadingBackgroundMessage .text_info.load1::after { content: '.'; position: absolute; } .LoadingBackgroundMessage .text_info.load2::after { content: '..'; position: absolute; } .LoadingBackgroundMessage .text_info.load3::after { content: '...'; position: absolute; } .LoadingBackgroundMessage .animation-ctn{ position:absolute; top:50% !important; left:50% !important; transform: translate(-50%, -50%); } .LoadingBackgroundMessage .animation-ctn .icon { text-align: center; } .LoadingBackgroundMessage .animation-ctn .message_response, .LoadingBackgroundMessage .text_info { color: white; font-family: "Roboto"; font-size: 13px; text-align: center; } .LoadingBackgroundMessage .animation-ctn .message_response { padding-top: 5px; } @-webkit-keyframes checkmark { 0% { stroke-dashoffset: 100px } 100% { stroke-dashoffset: 200px } } @-ms-keyframes checkmark { 0% { stroke-dashoffset: 100px } 100% { stroke-dashoffset: 200px } } @keyframes checkmark { 0% { stroke-dashoffset: 100px } 100% { stroke-dashoffset: 0px } } @-webkit-keyframes checkmark-circle { 0% { stroke-dashoffset: 480px } 100% { stroke-dashoffset: 960px; } } @-ms-keyframes checkmark-circle { 0% { stroke-dashoffset: 240px } 100% { stroke-dashoffset: 480px } } @keyframes checkmark-circle { 0% { stroke-dashoffset: 480px } 100% { stroke-dashoffset: 960px } } @keyframes colored-circle { 0% { opacity:0 } 100% { opacity:100 } } .LoadingBackgroundMessage .icon--order-success svg polyline { -webkit-animation: checkmark 0.25s ease-in-out 0.35s backwards; animation: checkmark 0.25s ease-in-out 0.35s backwards } .LoadingBackgroundMessage .icon--order-success svg circle { -webkit-animation: checkmark-circle 0.39s ease-in-out backwards; animation: checkmark-circle 0.39s ease-in-out backwards; } .LoadingBackgroundMessage .icon--order-success svg circle#colored { -webkit-animation: colored-circle 0.25s ease-in-out 0.35s backwards; animation: colored-circle 0.25s ease-in-out 0.35s backwards; } .LoadingBackgroundMessage .message_response { -webkit-animation: colored-circle 0.25s ease-in-out; animation: colored-circle 0.25s ease-in-out; } /* END Block LoadingBackgroundMessage */ /* MENU */ /* Menu descktop */ @media (min-width: 992px) { .container_menu { flex-wrap: nowrap; } .container_menu .toggler_menu { display:none; } .container_menu .menu>ul { flex-direction: row; justify-content: flex-end; } .container_menu:not(.VerticalMenu) .menu>ul>li { align-self: center; } /* cacher logo if centred mode is activated (naffichier liraho mcoloner) hada naffichwah ghir f mode mobile */ .container_menu .firstlogo { display:none; } /* Alignement Options Descktop */ .container_menu.DescktopAlignementJustify .menu>ul { justify-content: space-between !important; align-content: space-between !important; } .container_menu.DescktopAlignementRight .menu>ul { justify-content: flex-end !important; align-content: flex-end !important; text-align: right; } .container_menu.DescktopAlignementLeft .menu>ul { justify-content: flex-start !important; align-content: flex-start !important; text-align: left; } .container_menu.DescktopAlignementCenter .menu>ul { justify-content: center !important; align-content: center !important; text-align: center; } /* sub menu */ .container_menu:not(.VerticalMenu) li ul{ position: absolute; padding: 20px 0; padding-top: 0; padding-bottom: 0; width: 240px; list-style: none; z-index: 9999; visibility: hidden; opacity : 0; } .container_menu:not(.VerticalMenu) li>ul { /* sub menu lvl 1 */ top: calc(100% - 1px); left:0; } .container_menu:not(.VerticalMenu) li.reverse>ul { /* sub menu lvl 1 */ top: calc(100% - 1px); right: 0; left:auto; } .container_menu:not(.VerticalMenu) li li ul { /* sub menu lvl 2 */ z-index: 1000; top: 0px; left: 240px; } .container_menu:not(.VerticalMenu) li li { padding: 0 20px; margin: 0; } .container_menu:not(.VerticalMenu) li li a { display: block; padding: 6px 20px; width: 190px; } .container_menu:not(.VerticalMenu) li.reverse li ul { /* level 2 reverse */ left: auto; right: 240px; } .container_menu:not(.VerticalMenu) li:hover>ul { opacity: 1; visibility: visible; } .container_menu.VerticalMenu:not(.DescktopAlignementRight) li>ul { margin-left:30px; margin-right:auto; } .container_menu.VerticalMenu.DescktopAlignementRight li>ul { margin-right:30px; margin-left:auto; } } /* */ @media (max-width: 992px) { /*fihoum ga3 not noToggle car rani dayer option on/off icon toggle menu */ .container_menu:not(.NoToggle) { flex-wrap: wrap; } .container_menu:not(.NoToggle) .menu { display: flex; } .container_menu:not(.NoToggle) .menu.cacher { display: none; } .container_menu:not(.NoToggle) .menu>ul { flex-direction: column; margin-top: 0px; padding: 20px; width: 100%; overflow: hidden; /* bash sub menu margin left dyalou tataficha mlih */ align-items: center; } .container_menu.StretchAlignItems:not(.NoToggle) .menu>ul { flex-wrap: nowrap; align-items: stretch; } .container_menu.NoToggle:not(.VerticalMenu) .menu>ul>li { align-self: center; } /* cacher le logo dans mobile car il sera affichier en haut bark */ .container_menu:not(.NoToggle) .secondlogo { display:none; } .container_menu.NoToggle .firstlogo { display:none; } .container_menu:not(.NoToggle) .toggler_menu { flex: 1 1 auto; display: flex; flex-direction:row; flex-wrap : nowrap; align-items: center; align-content: center; justify-content: flex-end; } .container_menu:not(.NoToggle) .menu>ul>li.li_search { display:none; } /* hide icon arrow sub menu in vertical menu */ .container_menu:not(.NoToggle) .menu a .fa-chevron-down { /*display: none;*/ } /* Alignement Options Mobile */ .container_menu.MobileAlignementJustify .menu>ul { justify-content: space-between !important; align-content: space-between !important; } .container_menu.MobileAlignementRight .menu>ul { justify-content: flex-end !important; align-content: flex-end !important; text-align: right; } .container_menu.MobileAlignementLeft .menu>ul { justify-content: flex-start !important; align-content: flex-start !important; text-align: left; } .container_menu.MobileAlignementCenter .menu>ul { justify-content: center !important; align-content: center !important; text-align: center; } /* sub menu */ .container_menu.NoToggle:not(.VerticalMenu) li ul{ position: absolute; padding: 20px 0; width: 240px; list-style: none; z-index: 9999; visibility: hidden; opacity : 0; } .container_menu.NoToggle:not(.VerticalMenu) li>ul { /* sub menu lvl 1 */ top: calc(100% - 1px); left:0; } .container_menu.NoToggle:not(.VerticalMenu) li.reverse>ul { /* sub menu lvl 1 */ top: calc(100% - 1px); right:0; left:auto; } .container_menu.NoToggle:not(.VerticalMenu) li li ul { /* sub menu lvl 2 */ z-index: 1000; top: 0px; left: 240px; } .container_menu.NoToggle:not(.VerticalMenu) li li { padding: 0 20px; margin: 0; } .container_menu.NoToggle:not(.VerticalMenu) li li a { display: block; padding: 6px 20px; width: 190px; } .container_menu.NoToggle:not(.VerticalMenu) li.reverse li ul { /* level 2 reverse */ left: auto; right: 240px; } .container_menu.NoToggle:not(.VerticalMenu) li:hover>ul { opacity: 1; visibility: visible; } .container_menu:not(.NoToggle) li ul { position: relative; padding: 0; list-style: none; } .container_menu:not(.MobileAlignementRight):not(.VerticalMenu):not(.NoToggle) li>ul, .container_menu.VerticalMenu:not(.MobileAlignementRight) li>ul { margin-left:30px; margin-right:auto; } .container_menu.VerticalMenu.MobileAlignementRight:not(.VerticalMenu):not(.NoToggle) li>ul, .container_menu.VerticalMenu.MobileAlignementRight li>ul, .container_menu.MobileAlignementRight:not(.NoToggle) li>ul{ margin-right:30px; margin-left:auto; } } /* hide icon arrow sub menu in vertical menu */ .container_menu.VerticalMenu .menu a .fa-chevron-down { /*display: none;*/ } /* color icon search */ .container_menu .searchicon { font-size:25px; cursor:pointer; } /* NoToggle Option */ .container_menu.NoToggle .toggler_menu { display: none; } /* Modele Menu (Center, Logo Center Between Li, Vertical Menu) */ .container_menu.ModeleCentrer, .container_menu.ModeleCentrerLogoBetweenLi { flex-wrap: wrap !important; } .container_menu.ModeleCentrer > div, .container_menu.ModeleCentrerLogoBetweenLi > div { flex-basis: 100%; align-items: center; } .container_menu.ModeleCentrer > .toggler_menu, .container_menu.ModeleCentrerLogoBetweenLi > .toggler_menu { margin-top: 20px; justify-content: center; } .container_menu.ModeleCentrer > .menu, .container_menu.ModeleCentrerLogoBetweenLi > .menu { margin-top: 20px; } .container_menu.ModeleCentrer .menu>ul, .container_menu.ModeleCentrerLogoBetweenLi .menu>ul { justify-content:center; } .container_menu .toggler_menu { position: relative; } .container_menu { display: flex; align-items: center; justify-content: space-between; } .container_menu .menu { flex-basis: 100%; position: relative; } .container_menu .menu>ul { list-style: none; display: flex; margin-bottom: 0; white-space: nowrap; flex-wrap: wrap; } .container_menu .menu>ul>li { position: relative; padding-left: 11px; padding-right: 11px; line-height: 3; margin-top: 10px; } /* for descktop bark for mobile tester b button */ .container_menu .menu ul li a { position: relative; } .container_menu .menu>ul>li a { display: block; padding: 6px 10px; margin: 0 7px; } /* Vertical Menu Option */ .container_menu.VerticalMenu { flex-wrap: wrap !important; } .container_menu.VerticalMenu .menu>ul { flex-direction: column !important; margin-top: 0px !important; padding: 20px !important; width: 100% !important; overflow: hidden; /* bash sub menu margin left dyalou tataficha mlih */ align-items: center; } .container_menu.VerticalMenu.StretchAlignItems .menu>ul { flex-wrap: nowrap ; align-items: stretch; } .container_menu.VerticalMenu li ul { /* vertical menu -> sub menu */ position: relative; padding: 0; list-style: none; } /* sub menu */ .container_menu li.submenu { position: relative; } .container_menu .menu>ul>li.hasChildren a:first-child { padding-right: 30px; } /*//////////////*/ /* animation menu */ .fadeInTopMenu { transition-timing-function : cubic-bezier(.77,0,.175,1) !important; transition: all 0.8s !important; transform: translateY(0%) !important; opacity : 1 !important; z-index: 2; } .fadeOutTopMenu { transition-timing-function : cubic-bezier(.77,0,.175,1) !important; transition: all 0.8s !important; transform: translateY(-60%); opacity : 0; z-index : 1; } .fadeOutBottomMenu { transition-timing-function : cubic-bezier(.77,0,.175,1) !important; transition: all 0.8s !important; transform: translateY(60%); opacity : 0; z-index: 1; position: relative; } .fadeInBottomMenu { transition-timing-function : cubic-bezier(.77,0,.175,1) !important; transition: all 0.8s !important; transform: translateY(0%); opacity : 1; z-index: 2; position: relative; } /* toggler animted icon */ .ag-base-block { display: inline-block; padding: 20px 20px; vertical-align: top; } /* cross 3 */ .ag-menu-bars { display: inline-block; height: 30px; width: 30px; cursor: pointer; vertical-align: middle; -webkit-tap-highlight-color: transparent; position: relative; } .ag-menu-bars_icons { height: 3px; width: 30px; background: #007ff2; position: absolute; top: 9px; left: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ag-menu-bars_icons:before, .ag-menu-bars_icons:after { content: ""; height: 3px; width: 30px; left: 0px; background: #007ff2; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ag-menu-bars_icons:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); } .ag-menu-bars_icons:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -ms-transform: translateY(8px); -o-transform: translateY(8px); transform: translateY(8px); } .ag-menu-bars:hover .ag-menu-bars_icons:before { -webkit-transform: translateY(-9px); -moz-transform: translateY(-9px); -ms-transform: translateY(-9px); -o-transform: translateY(-9px); transform: translateY(-9px); } .ag-menu-bars:hover .ag-menu-bars_icons:after { -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px); } .ag-menu-bars.js-ag-active-3 .ag-menu-bars_icons:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .js-ag-active-3 .ag-menu-bars_icons { background: transparent !important; } .ag-menu-bars.js-ag-active-3 .ag-menu-bars_icons:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* /cross 3 */ /* Map transition & text align fix */ .ElementDynClass .map_child_cible * { /* No Transition pour google map sinon yassra problem */ transition:none !important; /* Text Align Left car raho f centre m3a elementdyn */ text-align: initial !important; } .ElementDynClass[data-type="cube"] { text-align: initial !important; } /* j'ai ajouter icon kimma svg ta3 modele faq */ .cbp-caption-expand .cbp-caption-defaultWrap i { position: absolute; top: 16px; left: 0; } /* Timeline Sfx Effect */ .ElementDynClass .sfx-block { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 1000; transition-property: transform, gap !important; /*,transform-origin*/ } /* Timeline Label Span */ .ElementDynClass .LabelContent .Line, .ElementDynClass .LabelContent .Word, .ElementDynClass .LabelContent .Letter { display: inline-block; } .ElementDynClass .LabelContent .Word { padding-right: 5px; } body{ margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:14px; background-color:white; color:#030303; }