@charset "UTF-8"; /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for listing component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - bootstrap accordian - custom style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Co create component styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Cookies CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Custom select Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - E-services Component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Journey-widget component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for page-innersearch component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for register component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Sub page left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for adge Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for borders Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for feedback pop up Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Note component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Quicklinks component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Support Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for survey Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for talk to us Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for three-col-list Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for whats new Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for tab mobile dropdown Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - collabsible left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Flipcard Style * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for left nav component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Testimonials and Achievements components Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Pillars Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - images URL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic); #wrapper header .search-trending .search-trending-wrapper .search-reload strong, .custom-select .custom-dropdown .clear-btn { font-weight: bold; } html[lang*='en'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong, #wrapper header .search-trending .search-trending-wrapper .search-reload html[lang*='en'] strong, html[lang*='en'] .custom-select .custom-dropdown .clear-btn, .custom-select .custom-dropdown html[lang*='en'] .clear-btn, html[class*='translated-ltr'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong, #wrapper header .search-trending .search-trending-wrapper .search-reload html[class*='translated-ltr'] strong, html[class*='translated-ltr'] .custom-select .custom-dropdown .clear-btn, .custom-select .custom-dropdown html[class*='translated-ltr'] .clear-btn { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong, #wrapper header .search-trending .search-trending-wrapper .search-reload html[lang*='ar'] strong, html[lang*='ar'] .custom-select .custom-dropdown .clear-btn, .custom-select .custom-dropdown html[lang*='ar'] .clear-btn, html[class*='translated-rtl'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong, #wrapper header .search-trending .search-trending-wrapper .search-reload html[class*='translated-rtl'] strong, html[class*='translated-rtl'] .custom-select .custom-dropdown .clear-btn, .custom-select .custom-dropdown html[class*='translated-rtl'] .clear-btn { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .tamm-btn.overlay-btn { border-radius: 50px; border-top-left-radius: 4px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; } /*************************************************************************************************** * English Web Fonts * Author: TAMM ***************************************************************************************************/ @font-face { font-family: 'circularStd'; src: url("../fonts/en/CircularStd-Bookeot.eot"); src: url("../fonts/en/CircularStd-Bookwoff2.woff2") format("woff2"), url("../fonts/en/CircularStd-Bookwoff.woff") format("woff"), url("../fonts/en/CircularStd-Bookttf.ttf") format("truetype"), url("../fonts/en/CircularStd-Booksvg.svg#CircularStd-Book") format("svg"), url("../fonts/en/CircularStd-Bookeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Bold'; src: url("../fonts/en/CircularStd-Boldeot.eot"); src: url("../fonts/en/CircularStd-Boldwoff2.woff2") format("woff2"), url("../fonts/en/CircularStd-Boldwoff.woff") format("woff"), url("../fonts/en/CircularStd-Boldttf.ttf") format("truetype"), url("../fonts/en/CircularStd-Boldsvg.svg#CircularStd-Bold") format("svg"), url("../fonts/en/CircularStd-Boldeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Book'; src: url("../fonts/en/CircularStd-Bookeot.eot"); src: url("../fonts/en/CircularStd-Bookwoff2.woff2") format("woff2"), url("../fonts/en/CircularStd-Bookwoff.woff") format("woff"), url("../fonts/en/CircularStd-Bookttf.ttf") format("truetype"), url("../fonts/en/CircularStd-Booksvg.svg#CircularStd-Book") format("svg"), url("../fonts/en/CircularStd-Bookeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Black'; src: url("../fonts/en/CircularStd-Blackeot.eot"); src: url("../fonts/en/CircularStd-Blackwoff2.woff2") format("woff2"), url("../fonts/en/CircularStd-Blackwoff.woff") format("woff"), url("../fonts/en/CircularStd-Blackttf.ttf") format("truetype"), url("../fonts/en/CircularStd-Blacksvg.svg#CircularStd-Black") format("svg"), url("../fonts/en/CircularStd-Blackeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-Regular'; src: url("../fonts/en/Roboto-Regulareot.eot"); src: url("../fonts/en/Roboto-Regularwoff2.woff2") format("woff2"), url("../fonts/en/Roboto-Regularwoff.woff") format("woff"), url("../fonts/en/Roboto-Regularttf.ttf") format("truetype"), url("../fonts/en/Roboto-Regularsvg.svg#Roboto-Regular") format("svg"), url("../fonts/en/Roboto-Regulareot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-Bold'; src: url("../fonts/en/Roboto-Boldeot.eot"); src: url("../fonts/en/Roboto-Boldwoff2.woff2") format("woff2"), url("../fonts/en/Roboto-Boldwoff.woff") format("woff"), url("../fonts/en/Roboto-Boldttf.ttf") format("truetype"), url("../fonts/en/Roboto-Boldsvg.svg#Roboto-Bold") format("svg"), url("../fonts/en/Roboto-Boldeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } /*************************************************************************************************** *Arabic Web Fonts * Author: TAMM ***************************************************************************************************/ @font-face { font-family: 'NotoKufiArabic'; src: url("../fonts/ar/NotoKufiArabiceot.eot"); src: url("../fonts/ar/NotoKufiArabicwoff2.woff2") format("woff2"), url("../fonts/ar/NotoKufiArabicwoff.woff") format("woff"), url("../fonts/ar/NotoKufiArabicttf.ttf") format("truetype"), url("../fonts/ar/NotoKufiArabicsvg.svg##NotoKufiArabic") format("svg"), url("../fonts/ar/NotoKufiArabiceot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'NotoKufiArabic-Bold'; src: url("../fonts/ar/NotoKufiArabic-Boldeot.eot"); src: url("../fonts/ar/NotoKufiArabic-Boldwoff2.woff2") format("woff2"), url("../fonts/ar/NotoKufiArabic-Boldwoff.woff") format("woff"), url("../fonts/ar/NotoKufiArabic-Boldttf.ttf") format("truetype"), url("../fonts/ar/NotoKufiArabic-Boldsvg.svg#NotoKufiArabic-Bold") format("svg"), url("../fonts/ar/NotoKufiArabic-Boldeot.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } /*************************************************************************************************** Global MIxins - Ico moon Author: TAMM ***************************************************************************************************/ @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/icomooneot.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoonwoff.woff") format("woff"), url("../fonts/icomoon/icomoonttf.ttf") format("truetype"), url("../fonts/icomoon/icomoonsvg.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class*=" icon-"], [class^="icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-loadmore:before { content: "\e900"; } .icon-phone:before { content: "\e901"; } .icon-date:before { content: "\e902"; } .icon-lamp:before { content: "\e903"; } .icon-family:before { content: "\e904"; } .icon-list:before { content: "\e905"; } .icon-natural-food:before { content: "\e906"; } .icon-language:before { content: "\e907"; } .icon-passport:before { content: "\e908"; } .icon-property:before { content: "\e909"; } .icon-property-alt:before { content: "\e90a"; } .icon-phone-call:before { content: "\e90b"; } .icon-heart-vitals-pulse:before { content: "\e90c"; } .icon-family-relationship:before { content: "\e90d"; } .icon-graduate:before { content: "\e90e"; } .icon-tie:before { content: "\e90f"; } .icon-tie-alt:before { content: "\e910"; } .icon-time:before { content: "\e911"; } .icon-chat:before { content: "\e912"; } .icon-feedback:before { content: "\e913"; } .icon-gplus:before { content: "\e914" !important; } .icon-search:before { content: "\e915"; } .icon-left-arrow:before { content: "\e916"; } .icon-left-arrow-bold:before { content: "\e917"; } .icon-long-right-arrow:before { content: "\e918"; } .icon-LinkedIn:before { content: "\e919"; } .icon-searchv2:before { content: "\e91a"; } .icon-logout:before { content: "\e91b"; } .icon-Triangle-left:before { content: "\e91c"; } .icon-Triangle-right:before { content: "\e91d"; } .icon-chat2:before { content: "\e91e"; } .icon-chat3:before { content: "\e91f"; } .icon-chat-bubble3:before { content: "\e920"; } .icon-external-link:before { content: "\e921"; } .icon-Icon:before { content: "\e922"; } .icon-self_service:before { content: "\e923"; } .icon-message:before { content: "\e924"; } .icon-loudspeaker:before { content: "\e925"; } .icon-Mask:before { content: "\e926"; } .icon-Plus:before { content: "\e927"; } .icon-date2:before { content: "\e928"; } .icon-lamp2:before { content: "\e929"; } .icon-family2:before { content: "\e92a"; } .icon-Time-Icon:before { content: "\e92b"; } .icon-list2:before { content: "\e92c"; } .icon-natural-food2:before { content: "\e92d"; } .icon-language2:before { content: "\e92e"; } .icon-passport2:before { content: "\e92f"; } .icon-property2:before { content: "\e930"; } .icon-share-social:before { content: "\e931"; } .icon-phone-call2:before { content: "\e932"; } .icon-heart-pulse:before { content: "\e933"; } .icon-family-relationship-thin:before { content: "\e934"; } .icon-graduate-thin:before { content: "\e935"; } .icon-tie-thick:before { content: "\e936"; } .icon-tie-thin:before { content: "\e937"; } .icon-time-thin:before { content: "\e938"; } .icon-truck-thick:before { content: "\e939"; } .icon-truck-thin:before { content: "\e93a"; } .icon-video-thin:before { content: "\e93b"; } .icon-search2:before { content: "\e93c"; } .icon-cancel:before { content: "\e93d"; } .icon-down-arrow2:before { content: "\e93e"; } .icon-ok:before { content: "\e93f"; } .icon-placeholder:before { content: "\e940"; } .icon-small-calendar:before { content: "\e941"; } .icon-instagram:before { content: "\e942"; } .icon-searchv22:before { content: "\e943"; } .icon-twitter:before { content: "\e944"; } .icon-Triangle-left-thick:before { content: "\e945"; } .icon-Triangle-right-thick:before { content: "\e946"; } .icon-chat-thin:before { content: "\e947"; } .icon-external-link-thin:before { content: "\e948"; } .icon-Icon-notification:before { content: "\e949"; } .icon-self_service-thin:before { content: "\e94a"; } .icon-touchscreen:before { content: "\e94b"; } .icon-gridview:before { content: "\e94c"; } .icon-Plus-thick:before { content: "\e94d"; } .icon-Rectangle-thick:before { content: "\e94e"; } .icon-reload:before { content: "\e94f"; } .icon-arrow-right:before { content: "\e950"; } .icon-straight-horizontal-line:before { content: "\e951"; } .icon-close-envelope:before { content: "\e952"; } .icon-list-checkbox-thin:before { content: "\e953"; } .icon-chat-help:before { content: "\e954"; } .icon-icons-info:before { content: "\e955"; } .icon-key-hole:before { content: "\e956"; } .icon-loyalty-card:before { content: "\e957"; } .icon-Shape:before { content: "\e958"; } .icon-speech-bubbles:before { content: "\e959"; } .icon-compose-icon:before { content: "\e95a"; } .icon-calendar-month:before { content: "\e95b"; } .icon-user-profile:before { content: "\e95c"; } .icon-maintenance:before { content: "\e95d"; } .icon-chevron-left:before { content: "\e95e"; } .icon-icon:before { content: "\e95f"; } .icon-icons-car:before { content: "\e960"; } .icon-icons-chat:before { content: "\e961"; } .icon-icons-comments:before { content: "\e962"; } .icon-icons-documents_folder:before { content: "\e963"; } .icon-icons-file:before { content: "\e964"; } .icon-icons-idcard:before { content: "\e965"; } .icon-icons-magazine:before { content: "\e966"; } .icon-icons-safe:before { content: "\e967"; } .icon-icons-send:before { content: "\e968"; } .icon-icons-calendar:before { content: "\e969"; } .icon-Shape3:before { content: "\e96a"; } .icon-alarm:before { content: "\e96b"; } .icon-printer:before { content: "\e96c"; } .icon-down-arrow:before { content: "\e96d"; } .icon-left-arrow-thin:before { content: "\e96e"; } .icon-long_left_arrow:before { content: "\e96f"; } .icon-poll-result:before { content: "\e970"; } .icon-youtube:before { content: "\e971"; } .icon-rounded-rectangle:before { content: "\e972"; } .icon-down-arrow-thin:before { content: "\e973"; } .icon-close:before { content: "\e974"; } .icon-support-icon:before { content: "\e975"; } .icon-announce:before { content: "\e976"; } .icon-ask-question:before { content: "\e977"; } .icon-Chart:before { content: "\e978"; } .icon-chart-bar:before { content: "\e979"; } .icon-collabrate:before { content: "\e97a"; } .icon-send:before { content: "\e97b"; } .icon-sortby:before { content: "\e97c"; } .icon-right-mark:before { content: "\e97d"; } .icon-facebook:before { content: "\e97e"; } .icon-sun-set:before { content: "\e97f"; } .icon-list-icon:before { content: "\e980"; } .icon-pinicon:before { content: "\e981"; } .icon-minus:before { content: "\e982"; } .icon-list-iconv2:before { content: "\e983"; } .icon-Filter-icon:before { content: "\e984"; } .icon-cant-find:before { content: "\e985"; } .icon-share-social-filled:before { content: "\e986"; } .icon-Mobile-App:before { content: "\e987"; } .icon-online-icon:before { content: "\e988"; } .icon-kiosk-icon:before { content: "\e989"; } .icon-entity:before { content: "\e98a"; } .icon-mission:before { content: "\e98b"; } .icon-vision:before { content: "\e98c"; } .icon-question:before { content: "\e98d"; } .icon-403:before { content: "\e98e"; } .icon-error:before { content: "\e98f"; } .icon-error2:before { content: "\e990"; } .icon-journey-icon:before { content: "\e991"; } .icon-allservices:before { content: "\e992"; } .icon-plus-rounded:before { content: "\e993"; } .icon-minus-rounded:before { content: "\e994"; } .icon-appartment:before { content: "\e995"; } .icon-vila:before { content: "\e996"; } .icon-area:before { content: "\e997"; } .icon-bathroom:before { content: "\e998"; } .icon-bedroom:before { content: "\e999"; } .icon-car-front:before { content: "\e99a"; } .icon-paid:before { content: "\e99b"; } .icon-property1:before { content: "\e99c"; } .icon-star:before { content: "\e99d"; } .icon-walk:before { content: "\e99e"; } .icon-active-tick:before { content: "\e99f"; } .icon-attachment:before { content: "\e9a0"; } .icon-beach:before { content: "\e9a1"; } .icon-chat-help-outline:before { content: "\e9a2"; } .icon-comments:before { content: "\e9a3"; } .icon-icons8-circled_play_filled:before { content: "\e9a4"; } .icon-icons8-ms_word:before { content: "\e9a5"; } .icon-incident:before { content: "\e9a6"; } .icon-microphone:before { content: "\e9a7"; } .icon-pdf_filled:before { content: "\e9a8"; } .icon-text-file:before { content: "\e9a9"; } .icon-addmore:before { content: "\e9aa"; } .icon-lock:before { content: "\e9ab"; } .icon-my-documents:before { content: "\e9ac"; } .icon-my-events:before { content: "\e9ad"; } .icon-my-locker-active:before { content: "\e9ae"; } .icon-my-subscriptions:before { content: "\e9af"; } .icon-map-view:before { content: "\e9b0"; } .icon-no-documents:before { content: "\e9b1"; } .icon-no-pendingPayments:before { content: "\e9b2"; } .icon-support-center:before { content: "\e9b3"; } .icon-text-minus:before { content: "\e9b4"; } .icon-text-plus:before { content: "\e9b5"; } .icon-estate-agent:before { content: "\e9b6"; } .icon-estate-broker:before { content: "\e9b7"; } .icon-edit:before { content: "\e9b8"; } .icon-feedback-new:before { content: "\e9b9"; } .icon-idea-bulb:before { content: "\e9ba"; } .icon-menu-threeline:before { content: "\e9bb"; } .icon-objectives:before { content: "\e9bc"; } .icon-ourpartners:before { content: "\e9bd"; } .icon-regulationlaw:before { content: "\e9be"; } .icon-info:before { content: "\e9bf"; } .icon-pin-icon:before { content: "\e9c0"; } .icon-doc:before { content: "\e9c1"; } .icon-docx:before { content: "\e9c2"; } .icon-xlsx:before { content: "\e9c9"; } .icon-xls:before { content: "\e9d2"; } .icon-pdf:before { content: "\e9d3"; } .doc:before { content: "\e9c1"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .docx:before { content: "\e9c2"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .xlsx:before { content: "\e9c9"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .xls:before { content: "\e9d2"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pdf:before { content: "\e9d3"; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Sharaka:before { content: "\e9ca"; } .icon-rb-external-link:before { content: "\e9cb"; } .icon-play-icon:before { content: "\e9d1"; } .icon-video-album-icon:before { content: "\e9d4"; } .icon-community1:before { content: "\e9d5"; } .icon-community2:before { content: "\e9d6"; } .icon-family-new:before { content: "\e9d7"; } .icon-housing:before { content: "\e9d8"; color: #003b5c; } .icon-national-identity:before { content: "\e9d9"; } .icon-service-icon:before { content: "\e9da"; } .icon-social-care:before { content: "\e9db"; } .icon-sports:before { content: "\e9dc"; } /*************************************************************************************************** Nice Select - Customized Select list Author: TAMM ***************************************************************************************************/ .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } html[lang*='en'] .nice-select, html[class*='translated-ltr'] .nice-select { float: left; } html[lang*='ar'] .nice-select, html[class*='translated-rtl'] .nice-select { float: right; } html[lang*='en'] .nice-select, html[class*='translated-ltr'] .nice-select { text-align: left !important; } html[lang*='ar'] .nice-select, html[class*='translated-rtl'] .nice-select { text-align: right !important; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #ccc; } .nice-select:after { border-bottom: 2px solid #444; border-right: 2px solid #444; content: ''; display: block; height: 10px; margin-top: -4px; pointer-events: none; position: absolute; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 10px; } html[lang*='en'] .nice-select:after, html[class*='translated-ltr'] .nice-select:after { right: 12px; } html[lang*='ar'] .nice-select:after, html[class*='translated-rtl'] .nice-select:after { left: 12px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #ccc; pointer-events: none; } .nice-select.disabled:after { border-color: white; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } html[lang*='en'] .nice-select.right, html[class*='translated-ltr'] .nice-select.right { float: right; } html[lang*='ar'] .nice-select.right, html[class*='translated-rtl'] .nice-select.right { float: left; } html[lang*='en'] .nice-select.right .list, html[class*='translated-ltr'] .nice-select.right .list { left: auto; right: 0; } html[lang*='ar'] .nice-select.right .list, html[class*='translated-rtl'] .nice-select.right .list { left: 0; right: auto; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; opacity: 0; padding: 0; pointer-events: none; position: absolute; top: 100%; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; min-width: 100%; } html[lang*='en'] .nice-select .list, html[class*='translated-ltr'] .nice-select .list { left: 0; } html[lang*='ar'] .nice-select .list, html[class*='translated-rtl'] .nice-select .list { right: 0; } .nice-select .list:hover .option:not(:hover), .nice-select .list:focus .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; -webkit-transition: all 0.2s; transition: all 0.2s; } html[lang*='en'] .nice-select .option, html[class*='translated-ltr'] .nice-select .option { text-align: left; } html[lang*='ar'] .nice-select .option, html[class*='translated-rtl'] .nice-select .option { text-align: right; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #ccc; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*************************************************************************************************** Global classes - for body Author: TAMM ***************************************************************************************************/ body { font-size: inherit; padding: 0; } html[dir=rtl] body { direction: rtl; } html[dir=ltr] body { direction: ltr; } html[lang*='en'] body { font-family: "roboto-Regular", Arial, sans-serif; font-size: 1.6rem; direction: ltr; } html[lang*='ar'] body { font-family: "NotoKufiArabic", Arial, sans-serif; direction: rtl; font-size: 1.6rem; } body:not(.home-page) #content { padding: 0; } /* #content>.row { display: block; margin: 0; } */ /*************************************************************************************************** Global classes - Checkbox styles. Author: TAMM ***************************************************************************************************/ .chkBoxContainer { display: block; position: relative; line-height: 34px; cursor: pointer; font-size: 2.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 0; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ } html[lang*='en'] .chkBoxContainer, html[class*='translated-ltr'] .chkBoxContainer { padding-left: 38px; } html[lang*='ar'] .chkBoxContainer, html[class*='translated-rtl'] .chkBoxContainer { padding-right: 38px; } .chkBoxContainer > input { position: absolute; opacity: 0; cursor: pointer; } .chkBoxContainer > input:focus + .checkmark, .chkBoxContainer > input:hover + .checkmark { border-width: 2px; border-style: solid; } .chkBoxContainer > .checkmark { position: absolute; bottom: 5px; height: 23px; width: 23px; } html[lang*='en'] .chkBoxContainer > .checkmark, html[class*='translated-ltr'] .chkBoxContainer > .checkmark { left: 0; } html[lang*='ar'] .chkBoxContainer > .checkmark, html[class*='translated-rtl'] .chkBoxContainer > .checkmark { right: 0; /*added by M.F to flip the check box icon*/ -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .chkBoxContainer > .checkmark:focus, .chkBoxContainer > .checkmark:hover { outline: none; } .chkBoxContainer > input ~ .checkmark { border-style: solid; border-width: 2px; border-radius: 0; } .chkBoxContainer > .checkmark:after { content: ""; position: absolute; display: none; } .chkBoxContainer > input:checked ~ .checkmark:after { display: block; } .chkBoxContainer > .checkmark:after { top: 2px; width: 6px; height: 12px; border-style: solid; } html[lang*='en'] .chkBoxContainer > .checkmark:after, html[class*='translated-ltr'] .chkBoxContainer > .checkmark:after { left: 8px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } html[lang*='ar'] .chkBoxContainer > .checkmark:after, html[class*='translated-rtl'] .chkBoxContainer > .checkmark:after { right: 8px; border-width: 0 0 2px 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ .goog-te-gadget-simple[style] { line-height: 2; min-height: 26px; padding: 10px; } .goog-te-gadget-simple .goog-te-menu-value span { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1) { text-decoration: none; font-size: 0; font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1):after { content: 'تحديد اللغة'; font-family: "NotoKufiArabic", Arial, sans-serif; font-size: 16px; } .overlay-bg { position: relative; padding-bottom: 30px; } html[lang*='en'] .fleft, html[class*='translated-ltr'] .fleft { float: left; } html[lang*='en'] .fleft, html[class*='translated-ltr'] .fleft { float: right; } html[lang*='en'] .fright, html[class*='translated-ltr'] .fright { float: right; } html[lang*='en'] .fright, html[class*='translated-ltr'] .fright { float: left; } .mar-btm-40 { margin-bottom: 40px; } .mar-top-40 { margin-top: 40px; } main [class$="-adgecomponent"], main [class*="-adgecomponent"] { padding-top: 50px; } main [class$="-adgecomponent"] [class$="-adgecomponent"], main [class$="-adgecomponent"] [class*="-adgecomponent"], main [class*="-adgecomponent"] [class$="-adgecomponent"], main [class*="-adgecomponent"] [class*="-adgecomponent"] { padding-top: 0px; } .align-center { display: table; margin: 0 auto; clear: both; } #content { position: relative; z-index: 98; overflow: hidden; } #content .overlayF { margin-left: -15px; } #content > .row { display: block; margin: 0; } html[lang*='ar'] .pull-left, html[class*='translated-rtl'] .pull-left { float: right !important; } .height-xl { height: auto; min-height: 368px; } .bold-txt { font-weight: bold; } html[lang*='en'] .bold-txt, html[class*='translated-ltr'] .bold-txt { font-family: "roboto-Bold", Arial, sans-serif; } html[lang*='ar'] .bold-txt, html[class*='translated-rtl'] .bold-txt { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } html[lang*='ar'] .pull-right, html[class*='translated-rtl'] .pull-right { float: left !important; } .dis-wow .wow { -webkit-animation-name: none !important; animation-name: none !important; visibility: visible !important; } .skip { position: absolute; top: -1000px; height: 1px; width: 1px; overflow: hidden; } html[lang*='en'] .skip, html[class*='translated-ltr'] .skip { left: -1000px; text-align: left; } html[lang*='ar'] .skip, html[class*='translated-rtl'] .skip { right: -1000px; text-align: right; } .container-top-border { border-width: 1px; border-style: solid; margin: 30px 0; } .container-bottom-border { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 70px; } a[href^="tel:"] { direction: ltr; display: inline-block; } a.skip:active, a.skip.nice-select.open, a.skip:focus, a.skip:hover { top: 0; width: auto; height: auto; overflow: visible; z-index: 999; padding: 15px; outline: none; } html[lang*='en'] a.skip:active, html[lang*='en'] a.skip.nice-select.open, html[class*='translated-ltr'] a.skip:active, html[class*='translated-ltr'] a.skip.nice-select.open, html[lang*='en'] a.skip:focus, html[class*='translated-ltr'] a.skip:focus, html[lang*='en'] a.skip:hover, html[class*='translated-ltr'] a.skip:hover { left: 0; } html[lang*='ar'] a.skip:active, html[lang*='ar'] a.skip.nice-select.open, html[class*='translated-rtl'] a.skip:active, html[class*='translated-rtl'] a.skip.nice-select.open, html[lang*='ar'] a.skip:focus, html[class*='translated-rtl'] a.skip:focus, html[lang*='ar'] a.skip:hover, html[class*='translated-rtl'] a.skip:hover { right: 0; } .img-responsive { max-width: 100%; display: block; height: auto; } img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } .hidden { display: none !important; visibility: visible; } .field-content { line-height: 1.75; letter-spacing: normal; font-size: 1.6rem; margin-bottom: 30px; } @media only screen and (max-width: 1024px) { .wow { visibility: visible !important; -webkit-animation: none !important; animation: none !important; } } @media only screen and (max-width: 992px) { .hide-sm { display: none; } } @media only screen and (min-width: 320px) and (max-width: 767px) { .main-container { width: 100%; } .container { padding: 0 15px; } main [class$="-adgecomponent"] [class$="-adgecomponent"] { margin-top: 60px; } .height-xl { padding: 0; } } @media (min-width: 1230px) { .container { width: 1170px; max-width: 1170px; padding: 0 30px; } } /*************************************************************************************************** Global classes - for Headings Author: TAMM ***************************************************************************************************/ html[lang*='en'] h1, html[class*='translated-ltr'] h1, html[lang*='en'] h2, html[class*='translated-ltr'] h2, html[lang*='en'] h3, html[class*='translated-ltr'] h3, html[lang*='en'] h4, html[class*='translated-ltr'] h4, html[lang*='en'] h5, html[class*='translated-ltr'] h5, html[lang*='en'] h6, html[class*='translated-ltr'] h6 { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] h1, html[class*='translated-rtl'] h1, html[lang*='ar'] h2, html[class*='translated-rtl'] h2, html[lang*='ar'] h3, html[class*='translated-rtl'] h3, html[lang*='ar'] h4, html[class*='translated-rtl'] h4, html[lang*='ar'] h5, html[class*='translated-rtl'] h5, html[lang*='ar'] h6, html[class*='translated-rtl'] h6 { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } h1 { font-size: 3.2rem; } h2 { font-size: 3.2rem; margin-bottom: 20px; } h3 { font-size: 3rem; } h4 { font-size: 2.4rem; } h5 { font-size: 2rem; } h6 { font-size: 1.8rem; } @media only screen and (max-width: 992px) { h2 { font-size: 3.2rem; margin-bottom: 20px; } } @media only screen and (min-width: 320px) and (max-width: 767px) { h2 { font-size: 2.6rem; margin-bottom: 20px; } } /*************************************************************************************************** Global classes - Links Author: TAMM ***************************************************************************************************/ a { font-size: 1.6rem; } a:hover, a:focus { outline: none; } .link-arrow { text-transform: uppercase; font-size: 16px; font-family: "roboto-Bold", Arial, sans-serif; } .link-arrow:after { content: "\e918"; margin-top: 6px; font-family: 'icomoon'; line-height: 1; margin-left: 10px; } /*************************************************************************************************** Global classes - Option Button styles. Author: TAMM ***************************************************************************************************/ .optionContainer { display: block; position: relative; margin-bottom: 20px; cursor: pointer; font-size: 2.2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default radio button */ /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } html[lang*='en'] .optionContainer, html[class*='translated-ltr'] .optionContainer { padding-left: 35px; } html[lang*='ar'] .optionContainer, html[class*='translated-rtl'] .optionContainer { padding-right: 35px; } .optionContainer > input { position: absolute; opacity: 0; cursor: pointer; } .optionContainer > .optionTick { position: absolute; top: 0; height: 25px; width: 25px; border-radius: 50%; } html[lang*='en'] .optionContainer > .optionTick, html[class*='translated-ltr'] .optionContainer > .optionTick { left: 0; } html[lang*='ar'] .optionContainer > .optionTick, html[class*='translated-rtl'] .optionContainer > .optionTick { right: 0; } .optionContainer > input ~ .optionTick { border-width: 1px; border-style: solid; } .optionContainer > .optionTick:after { content: ""; position: absolute; display: none; } .optionContainer > input:checked ~ .optionTick:after { display: block; } .optionContainer > .optionTick:after { top: 5px; width: 5px; height: 12px; border-style: solid; } html[lang*='en'] .optionContainer > .optionTick:after, html[class*='translated-ltr'] .optionContainer > .optionTick:after { left: 9px; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } html[lang*='ar'] .optionContainer > .optionTick:after, html[class*='translated-rtl'] .optionContainer > .optionTick:after { right: 9px; border-width: 0 0 3px 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /*************************************************************************************************** Global classes - for paragraph Author: TAMM ***************************************************************************************************/ p { line-height: 1.75; letter-spacing: normal; font-size: 1.6rem; margin-bottom: 30px; } p strong { font-size: 2.4rem; margin-bottom: 20px; line-height: normal; } html[lang*='en'] p strong, html[class*='translated-ltr'] p strong { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] p strong, html[class*='translated-rtl'] p strong { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .rich-text p, .content p { line-height: 1.75; letter-spacing: normal; font-size: 1.6rem; margin-bottom: 30px; } .rich-text p strong, .content p strong { font-size: 2.4rem; margin-bottom: 20px; line-height: normal; } html[lang*='en'] .rich-text p strong, html[class*='translated-ltr'] .rich-text p strong, html[lang*='en'] .content p strong, html[class*='translated-ltr'] .content p strong { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .rich-text p strong, html[class*='translated-rtl'] .rich-text p strong, html[lang*='ar'] .content p strong, html[class*='translated-rtl'] .content p strong { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } h1 + p strong, .rich-text h1 + p strong, .content h1 + p strong { font-size: 1.6rem; } /*************************************************************************************************** Global classes - Textarea text limiter and text count styles. Author: TAMM ***************************************************************************************************/ html[lang*='en'] .txt-lmt-container, html[class*='translated-ltr'] .txt-lmt-container { text-align: right; } html[lang*='ar'] .txt-lmt-container, html[class*='translated-rtl'] .txt-lmt-container { text-align: left; } .txt-lmt-container .txt-count { font-size: 1.3rem; } html[lang*='en'] .txt-lmt-container .txt-count, html[class*='translated-ltr'] .txt-lmt-container .txt-count { letter-spacing: 1.5px; } html[lang*='ar'] .txt-lmt-container .txt-count, html[class*='translated-rtl'] .txt-lmt-container .txt-count { letter-spacing: normal; } html[lang*='en'] .txt-lmt-container .txt-count, html[class*='translated-ltr'] .txt-lmt-container .txt-count { text-align: right; } html[lang*='ar'] .txt-lmt-container .txt-count, html[class*='translated-rtl'] .txt-lmt-container .txt-count { text-align: left; } .txt-lmt-container .text-total { display: inline-block; } html[lang*='en'] .txt-lmt-container .text-total, html[class*='translated-ltr'] .txt-lmt-container .text-total { text-align: right; } html[lang*='ar'] .txt-lmt-container .text-total, html[class*='translated-rtl'] .txt-lmt-container .text-total { text-align: left; } /*************************************************************************************************** Adge Header / sub header styles Author: TAMM ***************************************************************************************************/ /*ADCED Bounced button*/ .adced-connect .adge-connect ul li:last-child { -webkit-animation: slide-bottom 1.5s ease-in-out 2 both !important; animation: slide-bottom 1.5s ease-in-out 2 both !important; } @-webkit-keyframes slide-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .adge-header .adge-subheader-adgecomponent { border-style: solid; border-width: 0; height: 180px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content { display: inline-block; width: 100%; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { display: table; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { clear: left; float: left; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { clear: right; float: right; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { height: 110px; width: 240px; padding: 10px; display: table-cell; vertical-align: middle; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right-style: solid; border-right-width: 1px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-left-style: solid; border-left-width: 1px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo img { width: 100%; height: auto; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding div { display: inline-block; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-size: 28px; position: relative; max-width: 650px; line-height: 1.1; vertical-align: middle; display: table-cell; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-family: "CircularStd-Bold", Arial, sans-serif; padding-left: 20px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; padding-right: 20px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { position: relative; top: 25px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { float: right; clear: right; margin-right: 30px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { float: left; clear: left; margin-left: 30px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect h3 { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { display: inline-block; margin: 0 5px; position: relative; top: 15px; width: 38px; height: 38px; border-style: solid; border-width: 1px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { width: auto; top: -4px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { content: ""; position: absolute; height: 36px; top: 0px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { left: -9px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { right: -9px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { position: relative; top: 20%; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { left: 0; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { right: 0; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a { padding: 8px 10px 5px; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-size: 14px; display: inline-block; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-family: "roboto-Regular", Arial, sans-serif !important; padding-left: 5px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-family: "NotoKufiArabic", Arial, sans-serif !important; padding-right: 5px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a:hover, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a:focus { text-decoration: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .icon-mob-followus { display: none; } .adge-header .h-logo img { width: 115px; } .adge-header .header-wrapper .language-switcher-wrapper { display: inline-block; position: relative; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper { float: right; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper { float: left; } .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { position: absolute; border: none; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { font-family: "circularStd", Arial, sans-serif; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { right: 15px; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { left: 15px; } .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { position: absolute; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { right: 15px; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { left: 15px; } .search-wrapper.adcd-label { margin-top: 55vh; } .innerpage-headerbg { min-height: 212px; background-size: cover; background-repeat: no-repeat; position: fixed; z-index: 0; width: 100%; -webkit-transition: background-image 1s ease; transition: background-image 1s ease; top: 158px; } /*overlay with Fly menu*/ .fOverlay #content .overlayF { margin: 0px; } .fOverlay .search-wrapper .searc-bar .searchResult { width: 98%; top: 81px; left: 5px; } .fOverlay .search-wrapper .searc-bar .searchResult .icon-reload:hover { text-decoration: none; } .fOverlay .search-wrapper .searc-bar .bottomBlock ul.tags li a:hover { border: 1px solid; } .fOverlay .adge-header .hamburger-menu-adgecomponent { opacity: .1; } .fOverlay .adge-header .header-search-adgecomponent { opacity: .1; } .fOverlay .adge-header .adge-subheader-adgecomponent { opacity: .1; } .fOverlay #wrapper header .header-nav-bg { border: 0px; } @media only screen and (max-width: 1024px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { display: none; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right: none; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { display: none; } } @media only screen and (max-width: 768px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { display: table; margin: 0 auto; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { height: auto !important; padding: 0px !important; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { width: auto !important; height: 70px !important; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { border: none; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { border: none; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { float: left; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { float: right; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; position: absolute; top: 68px; height: 54px; padding: 0px 15px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { right: 0; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { left: 0; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { top: -20px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { right: 5px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { left: 5px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 7px 5px; position: relative; top: 0px; width: 38px; height: 38px; border: 1px solid; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { position: absolute; top: -50px; width: 33px; height: 33px; visibility: visible; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { right: 40px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { left: 40px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child .icon-text { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { position: absolute; top: 50%; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { left: 50%; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { right: -50%; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a span { font-size: 20px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .icon-mob-followus { display: block; border: 1px solid; width: 33px; height: 33px; padding: 5px; position: relative; top: 25px; font-size: 20px; cursor: pointer; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .right-side-logo { float: right; padding-top: 10px; border-left: 1px solid; padding-bottom: 10px; padding-left: 20px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .right-side-logo img { height: 90px; padding-top: 0; } } @media screen and (min-width: 600px) { .search-wrapper > div:nth-child(1) { font-size: 5.4rem; font-weight: bold; font-family: "CircularStd-Bold", Arial, sans-serif !important; } .search-wrapper > div:nth-child(2) { margin-left: 200px; margin-top: 20px; font-weight: bold; font-family: "CircularStd-Bold", Arial, sans-serif !important; } html[lang*='ar'] .search-wrapper > div:nth-child(2) { margin-right: 200px; font-family: "NotoKufiArabic", Arial, sans-serif !important; font-weight: bold; } html[lang*='ar'] .search-wrapper > div:nth-child(1) { font-family: "NotoKufiArabic", Arial, sans-serif !important; font-weight: bold; } } @media only screen and (min-width: 767px) and (max-width: 992px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { display: none; } } /*************************************************************************************************** Global classes - page background Author: TAMM ***************************************************************************************************/ .innerpage-headerbg { z-index: 0; } .inner-page h1 { margin-top: -80px; margin-bottom: 47px; position: relative; } @media only screen and (max-width: 767px) { .overlay-bg.adge-page.inner-page > .row { margin: 0 5px; } .white-bg { margin-top: 0; } } /*************************************************************************************************** Detail pages Styles Author: TAMM ***************************************************************************************************/ .disclaimer p { font-size: 1.3rem; line-height: 1.46; letter-spacing: normal; } .description-title p strong { font-size: 2rem; } .newsorgin-detail { margin-bottom: 30px; } .newsorgin-detail div { display: inline-block; } .newsorgin-detail .news-date { font-size: 1.3rem; } html[lang*='en'] .newsorgin-detail .news-date, html[class*='translated-ltr'] .newsorgin-detail .news-date { letter-spacing: 1.5px; } html[lang*='ar'] .newsorgin-detail .news-date, html[class*='translated-rtl'] .newsorgin-detail .news-date { letter-spacing: normal; } .newsorgin-detail .news-date:before { content: ""; } html[lang*='en'] .newsorgin-detail .news-date:before, html[class*='translated-ltr'] .newsorgin-detail .news-date:before { border-left-style: solid; border-left-width: 2px; padding-left: 18px; } html[lang*='ar'] .newsorgin-detail .news-date:before, html[class*='translated-rtl'] .newsorgin-detail .news-date:before { border-right-style: solid; border-right-width: 2px; padding-left: 18px; } .newsorgin-detail .news-location { text-transform: uppercase; } .newsorgin-detail .news-location span { font-size: 15px; } html[lang*='en'] .newsorgin-detail .news-location span, html[class*='translated-ltr'] .newsorgin-detail .news-location span { margin-right: 5px; } html[lang*='ar'] .newsorgin-detail .news-location span, html[class*='translated-rtl'] .newsorgin-detail .news-location span { margin-left: 5px; } html[lang*='en'] .newsorgin-detail .news-location, html[class*='translated-ltr'] .newsorgin-detail .news-location { margin-left: 30px; } html[lang*='ar'] .newsorgin-detail .news-location, html[class*='translated-rtl'] .newsorgin-detail .news-location { margin-right: 30px; } .details-share { margin-bottom: 10px; } .details-share div { display: inline-block; } .details-share img { /* width: 18px; height: 20px; */ margin: 0 5px; vertical-align: top; } .two-col-rightNav .image-wrapper { padding-bottom: 70px; } /*************************************************************************************************** Result list component styles ***************************************************************************************************/ .results-listing a { display: block; margin: 0px; padding: 0px 30px 30px; text-decoration: none; } .results-listing a:focus, .results-listing a:hover { text-decoration: none; } .results-listing a:first-child { margin-top: 0px; } html[lang*='en'] .results-listing a .tamm-btn, html[class*='translated-ltr'] .results-listing a .tamm-btn { letter-spacing: 1.5px; } html[lang*='ar'] .results-listing a .tamm-btn, html[class*='translated-rtl'] .results-listing a .tamm-btn { letter-spacing: normal; } .results-listing a .date { font-size: 1.3rem; } html[lang*='en'] .results-listing a .date, html[class*='translated-ltr'] .results-listing a .date { letter-spacing: 1.5px; } html[lang*='ar'] .results-listing a .date, html[class*='translated-rtl'] .results-listing a .date { letter-spacing: normal; } html[lang*='en'] .results-listing a .date, html[class*='translated-ltr'] .results-listing a .date { padding: 8px 15px 8px 0px; } html[lang*='ar'] .results-listing a .date, html[class*='translated-rtl'] .results-listing a .date { padding: 8px 0px 8px 15px; } .results-listing a h2 { margin: 24px 0 15px; font-size: 2.4rem; line-height: normal; } .results-listing a p { margin-bottom: 10px; } /*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ html[lang*='en'] .english-only, html[class*='translated-ltr'] .english-only { display: inline-block !important; } html[lang*='en'] .arabic-only, html[class*='translated-ltr'] .arabic-only { display: none !important; } html[lang*='ar'] .english-only, html[class*='translated-rtl'] .english-only { display: none !important; } html[lang*='ar'] .arabic-only, html[class*='translated-rtl'] .arabic-only { display: inline-block !important; } .results-listing .search-result-list li > div { display: block; margin: 0px; padding: 0px 30px 30px; text-decoration: none; } .results-listing .search-result-list li > *:hover, .results-listing .search-result-list li > *:focus { text-decoration: none; } .results-listing li > div > div > h2 { margin: 24px 0 15px; font-size: 2.4rem; line-height: normal; } .results-listing li .download-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .results-listing li .download-section .downloadicon > a { font-size: 0; height: 48px; width: 48px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; } html[lang*='en'] .results-listing li .download-section .downloadicon > a, html[class*='translated-ltr'] .results-listing li .download-section .downloadicon > a { margin-right: 10px; } html[lang*='ar-AE'] .results-listing li .download-section .downloadicon > a, html[class*='translated-rtl'] .results-listing li .download-section .downloadicon > a { margin-left: 10px; } .results-listing li .download-section .downloadicon > a::before { content: "\e96d"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 20px; vertical-align: middle; line-height: 45px; } .results-listing li .download-section + .date { padding: 8px 15px 8px 0px; font-size: 1.3rem; } html[lang*='en'] .results-listing li .download-section + .date, html[class*='translated-ltr'] .results-listing li .download-section + .date { letter-spacing: 1.5px; } html[lang*='ar'] .results-listing li .download-section + .date, html[class*='translated-rtl'] .results-listing li .download-section + .date { letter-spacing: normal; } html[lang*='en'] .results-listing li .search-url, html[class*='translated-ltr'] .results-listing li .search-url { padding-left: 0; padding-right: 0; margin-bottom: 0; width: -webkit-fit-content; width: fit-content; } html[lang*='en'] .results-listing li .search-url:hover, html[class*='translated-ltr'] .results-listing li .search-url:hover { border: none; text-decoration: underline; } html[lang*='ar-AE'] .results-listing li .search-url, html[class*='translated-rtl'] .results-listing li .search-url { padding-left: 0; padding-right: 0; margin-bottom: 0; width: -webkit-fit-content; width: fit-content; } html[lang*='ar-AE'] .results-listing li .search-url:hover, html[class*='translated-rtl'] .results-listing li .search-url:hover { text-decoration: underline; } .search-url::before { font-family: icomoon; content: "\e918"; font-size: 1.3rem; margin-top: 5px; } html[lang*='en'] .search-url::before, html[class*='translated-ltr'] .search-url::before { float: right; margin-left: 10px; } html[lang*='ar-AE'] .search-url::before, html[class*='translated-rtl'] .search-url::before { float: left; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .media-center .media-tabs { display: none !important; } .services-and-journeys a:focus, .services-and-journeys a:hover { text-decoration: none !important; } @media only screen and (max-width: 992px) { .results-listing a { margin: 30px 0; padding: 25px; } .results-listing a:first-child { margin-top: 20px; } } @media only screen and (max-width: 767px) { .results-listing a:first-child { margin-top: 0; } } html[lang*='en'] .statistics-listing, html[class*='translated-ltr'] .statistics-listing { margin-left: 15px; } html[lang*='en'] .statistics-listing, html[class*='translated-ltr'] .statistics-listing { margin-right: 15px; } .statistics-listing .search-bar-container { margin-top: 5px; margin-bottom: 5px; } .statistics-listing-container .list__item { padding: 10px 5px 10px 25px; margin-top: 15px; margin-bottom: 15px; } .statistics-listing-container .list__item .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .statistics-listing-container .list__title { font-size: 20px; } .statistics-listing-container .list__docs, .statistics-listing-container .list__date { margin: 5px 0; display: inline-block; font-size: 16px; } .statistics-listing-container .list__docs a:first-of-type { margin-right: 10px; cursor: pointer; } .surveys { margin-top: 25px; } .surveys-listing .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .surveys-listing .listing__item { margin: 15px 0; } .surveys-listing .listing__item a { display: block; height: 100%; width: 100%; padding: 25px 0 25px 23px; cursor: pointer; } @media only screen and (max-width: 767px) { .surveys-listing .link-arrow { margin-top: 10px; } } .surveys .divider hr { margin: 40px 0; height: 1px; } .inner-slidemenu-component { position: relative; } .inner-slidemenu-component .collapsable-leftnav { height: 100%; width: 250px; position: absolute; z-index: 1; -webkit-transition: width 0.5s; transition: width 0.5s; } .inner-slidemenu-component .collapsable-leftnav ul { float: none; margin: 0px; -webkit-padding-start: 0px; padding-inline-start: 0px; } .inner-slidemenu-component .collapsable-leftnav ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; float: none; cursor: pointer; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li { margin-left: 0; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li { margin-right: 0; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0px; width: 100%; height: 66px; border-bottom: solid 2px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { position: absolute; -webkit-transition: color 3s; transition: color 3s; vertical-align: top; top: 0px; width: 80%; padding: 24px 10px; font-size: 1.5rem; letter-spacing: 1px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { left: 50px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { right: 50px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { line-height: 16px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { font-family: "circularStd", Arial, sans-serif !important; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { font-family: "NotoKufiArabic", Arial, sans-serif !important; font-size: 1.3rem; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { text-decoration: none; font-size: 15px; letter-spacing: 0.8px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { font-family: "roboto-Regular", Arial, sans-serif !important; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { font-family: "NotoKufiArabic", Arial, sans-serif !important; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-img img, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-img img { margin: 0 10px; padding: 10px 0; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 10px 5px 0; position: absolute; top: 25px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { right: 15px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { left: 15px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:focus, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:focus { text-decoration: none; } .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 30px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { right: 10px; border-width: 5px 10px 5px 0; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { left: 10px; border-width: 5px 0px 5px 10px; } .inner-slidemenu-component .collapsable-leftnav.in { width: 64px; } .inner-slidemenu-component .collapsable-leftnav.in ul li { position: relative; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-img, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-img { text-align: center; /* img{ margin: 0 auto; } */ } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { top: 0; -webkit-transition: color .3s; transition: color .3s; color: transparent; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { left: -1000px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { right: -1000px; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { position: absolute; top: 24px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { right: 5px; border-width: 5px 0px 5px 5px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { left: 5px; border-width: 5px 5px 5px 0px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-width: 5px 0px 5px 5px; right: 5px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-width: 5px 5px 5px 0px; left: 5px; } .inner-slidemenu-component .side-collapse-container { padding: 0 16px; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container { -webkit-transition: margin-left .5s; transition: margin-left .5s; margin-left: 55px; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container { -webkit-transition: margin-right .5s; transition: margin-right .5s; margin-right: 55px; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container.out { margin-left: 265px; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container.out { margin-right: 265px; } .inner-slidemenu-component .support-pg-wrapper .support-options .row > div > div { min-height: 282px; } @media only screen and (max-width: 768px) { .inner-slidemenu-component { position: relative; } .inner-slidemenu-component .side-collapse-container.out { margin-top: 20px; position: relative; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container.out { margin-left: 0; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container.out { margin-right: 0; } .inner-slidemenu-component .collapsable-leftnav { position: relative; width: 100%; } .lefttxt-rightimg .items .item .col-sm-12 { padding: 0px; } } /*@import 'components/accordion';*/ .department-source-wrapper p { font-weight: bold; font-size: 1.6rem; margin-bottom: 10px; } .department-source-wrapper p + div { padding: 10px; margin-bottom: 24px; width: 270px; } .department-source-wrapper p + div img { display: block; margin: 0 auto; } @media only screen and (max-width: 767px) { .department-source-wrapper p + div { width: 100%; } } /*************************************************************************************************** ADGE Documents styles Author: TAMM ***************************************************************************************************/ .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul li .field-link { padding: 10px 20px; } .list-details li.doc-list-item { display: block; margin-bottom: 10px; clear: both; overflow: hidden; text-decoration: none; } .list-details li.doc-list-item i { font-size: 4.3rem; margin-top: 18px; float: left; } .list-details li.doc-list-item .list-content { padding: 10px; } .list-details li.doc-list-item .list-content .content p { margin-bottom: 0; } .list-details li.doc-list-item .list-content .content h2 { font-size: 2.2rem; padding: 10px 0; margin: 5px 0; } .list-details li.doc-list-item span.list-date { font-size: 1.6rem; padding-top: 26px; float: left; } .list-details li.doc-list-item .download-btn { margin-top: 14px; } .list-details li.doc-list-item .download-btn a { border-style: solid; border-width: 1px; height: 48px; width: 48px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; } .list-details li.doc-list-item .download-btn a:hover { text-decoration: none; } .list-details li.doc-list-item .download-btn a:hover .icon-down-arrow { font-weight: bold; font-size: 21px; } .list-details li.doc-list-item .download-btn a:focus { text-decoration: none; } .list-details li.doc-list-item .download-btn a:focus .icon-down-arrow { font-weight: bold; font-size: 21px; } .list-details li.doc-list-item .download-btn a span.icon-down-arrow { font-size: 20px; vertical-align: middle; line-height: 45px; } .list-details li.doc-list-item .download-btn a span.icon-pdf_filled { font-size: 20px; vertical-align: middle; line-height: 45px; } .list-details li.doc-list-item .download-btn span.size { font-size: 1.3rem; margin-left: 10px; } html[lang*='en'] .list-details li.doc-list-item .download-btn span.size, html[class*='translated-ltr'] .list-details li.doc-list-item .download-btn span.size { letter-spacing: 1.5px; } html[lang*='ar'] .list-details li.doc-list-item .download-btn span.size, html[class*='translated-rtl'] .list-details li.doc-list-item .download-btn span.size { letter-spacing: normal; } .list-details li.doc-list-item .download-btns { text-align: right; } .list-details li.doc-list-item .link-btn a { font-size: 1.6rem; text-decoration: none; line-height: 76px; } @media only screen and (max-width: 767px) { .list-details li.doc-list-item .download-btn { padding-bottom: 20px; } .list-details li.doc-list-item .download-btns { text-align: left; } .list-details li.doc-list-item span.list-date { padding-top: 0; } .list-details li.doc-list-item .list-content .content h2 { padding: 0; } } .health-regulation { padding-right: 0; } html[lang*='en'] .health-regulation, html[class*='translated-ltr'] .health-regulation { margin-left: 15px; } .health-regulation .innerpage-search-component .search-bar-container { margin-top: 5px; } .health-regulation .health-listing-container a.list-item .row { margin-left: 0; } .health-regulation .health-listing-container a.list-item .list-item__icon img { width: 38px; height: 38px; margin: 0 auto; margin-top: 17px; } .health-regulation .health-listing-container a.list-item .list-item__arrow { padding: 32px 0px; } .health-regulation .health-listing-container a.list-item .list-content { padding: 12px 0px; padding-left: 0; } .health-regulation .health-listing-container a.list-item .list-content .content { padding: 12px; } .health-regulation .health-listing-container a.list-item .list-content .content h2 { font-size: 2.2rem; font-family: "roboto-Regular", Arial, sans-serif; padding: 0; margin: 0; } .health-regulation .health-listing-container a.list-item .list-content .content:before { content: "\e918"; font-size: 1.6rem; margin-top: 6px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; float: right; margin-right: 50px; } @media (max-width: 992px) { .health-regulation .health-listing-container a.list-item .list-content .content { padding: 15px 12px; } .health-regulation .health-listing-container a.list-item .list-content .content h2 { margin-top: 0; } } @media (max-width: 767px) { .health-regulation .health-listing-container a.list-item { padding-bottom: 0; } .health-regulation .health-listing-container a.list-item .list-item__icon img { width: 35px; } .health-regulation .health-listing-container a.list-item .list-content { padding: 12px 0px; } .health-regulation .health-listing-container a.list-item .list-content .content { padding: 12px; } .health-regulation .health-listing-container a.list-item .list-content .content h2 { font-size: 18px; } .health-regulation .health-listing-container a.list-item .list-content .content:before { margin-right: 20px; } } /*************************************************************************************************** Partners Styles Author: TAMM ***************************************************************************************************/ html[lang*='en'] .partners, html[class*='translated-ltr'] .partners { margin-left: 15px; } html[lang*='en'] .partners, html[class*='translated-ltr'] .partners { margin-right: 15px; } .partners .partners-wrap .card { border-radius: 0; -webkit-transition: 0.2s; transition: 0.2s; } .partners .partners-wrap .card img { height: auto; margin: 0 auto; display: block; max-width: 100%; padding: 10px; } .partners .partners-wrap .card:hover, .partners .partners-wrap .card:focus { -webkit-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); cursor: pointer; } .partner-details-container img { max-width: 60px; height: 44px; } html[lang*='en'] .partner-details-container img, html[class*='translated-ltr'] .partner-details-container img { float: left; margin: 10px 10px 0 0px; } html[lang*='ar'] .partner-details-container img, html[class*='translated-rtl'] .partner-details-container img { float: right; margin: 10px 0 0 10px; } html[lang*='en'] .partner-details-container .field-description, html[class*='translated-ltr'] .partner-details-container .field-description { margin-left: 55px; } html[lang*='ar'] .partner-details-container .field-description, html[class*='translated-rtl'] .partner-details-container .field-description { margin-right: 55px; } .partner-details-container .social-network-main .social-network-grid .social-wrap .wrap .heading-h1, .partner-details-container .social-network-main .social-network-grid .social-wrap .wrap .heading-h2 { font-size: 1.6rem; margin-bottom: 0; } .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h1, .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h2 { font-size: 1.6rem; margin-bottom: 0; } html[lang*='en'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h1, html[class*='translated-ltr'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h1, html[lang*='en'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h2, html[class*='translated-ltr'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h2 { margin-left: 55px; } html[lang*='ar'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h1, html[class*='translated-rtl'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h1, html[lang*='ar'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h2, html[class*='translated-rtl'] .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div .heading-h2 { margin-right: 55px; } /*************************************************************************************************** Team Members Styles Author: TAMM ***************************************************************************************************/ @media (min-width: 0) { .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 25px); flex: 0 0 -webkit-calc(100% - 25px); flex: 0 0 calc(100% - 25px); } .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 -webkit-calc(100% - 30px); flex: 0 0 calc(100% - 30px); } .out .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 25px); flex: 0 0 -webkit-calc(100% - 25px); flex: 0 0 calc(100% - 25px); } .out .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 -webkit-calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (min-width: 576px) { .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 25px); flex: 0 0 -webkit-calc(100% - 25px); flex: 0 0 calc(100% - 25px); } .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 -webkit-calc(100% - 30px); flex: 0 0 calc(100% - 30px); } .out .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 25px); flex: 0 0 -webkit-calc(100% - 25px); flex: 0 0 calc(100% - 25px); } .out .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 -webkit-calc(100% - 30px); flex: 0 0 calc(100% - 30px); } } @media (min-width: 768px) { .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 25px); flex: 0 0 -webkit-calc(50% - 25px); flex: 0 0 calc(50% - 25px); } .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 -webkit-calc(50% - 30px); flex: 0 0 calc(50% - 30px); } .out .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 25px); flex: 0 0 -webkit-calc(50% - 25px); flex: 0 0 calc(50% - 25px); } .out .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 -webkit-calc(50% - 30px); flex: 0 0 calc(50% - 30px); } } @media (min-width: 992px) { .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 25px); flex: 0 0 -webkit-calc(33.33333% - 25px); flex: 0 0 calc(33.33333% - 25px); } .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 30px); flex: 0 0 -webkit-calc(33.33333% - 30px); flex: 0 0 calc(33.33333% - 30px); } .out .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 25px); flex: 0 0 -webkit-calc(33.33333% - 25px); flex: 0 0 calc(33.33333% - 25px); } .out .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 30px); flex: 0 0 -webkit-calc(33.33333% - 30px); flex: 0 0 calc(33.33333% - 30px); } } @media (min-width: 1200px) { .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 25px); flex: 0 0 -webkit-calc(33.33333% - 25px); flex: 0 0 calc(33.33333% - 25px); } .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 30px); flex: 0 0 -webkit-calc(33.33333% - 30px); flex: 0 0 calc(33.33333% - 30px); } .out .members-wrap .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 25px); flex: 0 0 -webkit-calc(33.33333% - 25px); flex: 0 0 calc(33.33333% - 25px); } .out .partners .card-deck .card { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333% - 30px); flex: 0 0 -webkit-calc(33.33333% - 30px); flex: 0 0 calc(33.33333% - 30px); } } .team-members { margin-bottom: 30px; } html[lang*='en'] .team-members, html[class*='translated-ltr'] .team-members { margin-left: 15px; } html[lang*='ar'] .team-members, html[class*='translated-rtl'] .team-members { margin-right: 15px; } .team-members .card { text-align: center; border-radius: 0; margin: 12.5px; margin-bottom: 30px; padding: 10px; height: 350px; } .team-members .card .card-body { padding: 0; padding-top: 20px; } .team-members .card .card-body__title { height: 48px; } .team-members .card .card-body__title h4 { font-size: 2rem; font-weight: 900; line-height: normal; margin: 0; } html[lang*='en'] .team-members .card .card-body__title h4, html[class*='translated-ltr'] .team-members .card .card-body__title h4 { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .team-members .card .card-body__title h4, html[class*='translated-rtl'] .team-members .card .card-body__title h4 { font-family: "NotoKufiArabic", Arial, sans-serif; } .team-members .card .card-body__desc { height: 49px; } .team-members .card .card-body__desc p { font-size: 1.3rem; line-height: normal; margin: 0; } html[lang*='en'] .team-members .card .card-body__desc p, html[class*='translated-ltr'] .team-members .card .card-body__desc p { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .team-members .card .card-body__desc p, html[class*='translated-rtl'] .team-members .card .card-body__desc p { font-family: "NotoKufiArabic", Arial, sans-serif; } .team-members .card .card-image { width: 144px; height: 150px; border-radius: 50%; margin: 0 auto; margin-top: 50px; overflow: hidden; } .team-members .card .card-image img { width: 100%; } .tenderDetails { width: 100%; } html[lang*='en'] .tenderDetails .two-col-rightNav .col-12, html[class*='translated-ltr'] .tenderDetails .two-col-rightNav .col-12 { padding-left: 30px; } html[lang*='ar'] .tenderDetails .two-col-rightNav .col-12, html[class*='translated-rtl'] .tenderDetails .two-col-rightNav .col-12 { padding-right: 30px; } .content a { color: transparent; text-decoration: none; } .tenderlist-wrapper .search-result-list li { list-style: none; margin: 0; } .tenderlist-wrapper .search-result-list li a { display: block; margin-bottom: 20px; clear: both; overflow: hidden; text-decoration: none; padding: 30px; } .tenderlist-wrapper .search-result-list li a .content h2 { font-size: 2rem; font-weight: 900; } .tenderlist-wrapper .search-result-list li a .content .tender-no { font-size: 1.3rem; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { display: inline-block; width: 145px; margin-top: 12px; } html[lang*='en'] .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc, html[class*='translated-ltr'] .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { padding-right: 20px; } html[lang*='ar'] .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc, html[class*='translated-rtl'] .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { padding-left: 20px; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc .title { font-size: 1.2rem; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc .desc { font-size: 1.6rem; font-weight: bold; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc span { display: block; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc span span { display: inline; } @media only screen and (max-width: 992px) { .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { width: 130px; } } @media only screen and (max-width: 767px) { .tenderlist-wrapper .search-result-list li a { padding: 20px; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { width: 110px; } } /* TAMM */ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ #wrapper { position: relative; z-index: 2; } #wrapper header { position: fixed; width: 100%; top: 0; z-index: 99; } #wrapper header #header { padding: 0; } #wrapper header #header > .row { display: block; margin: 0; } #wrapper header #header > .row > .row { margin: 0; } #wrapper header .hamburger-menu { width: 70px; min-height: 50px; text-align: center; padding: 31px 0 37px; position: relative; z-index: 100; } html[lang*='en'] #wrapper header .hamburger-menu, html[class*='translated-ltr'] #wrapper header .hamburger-menu { float: left; } html[lang*='ar'] #wrapper header .hamburger-menu, html[class*='translated-rtl'] #wrapper header .hamburger-menu { float: right; } #wrapper header .hamburger-menu .side-menu-logo { margin-bottom: 20px; padding-bottom: 20px; text-align: center !important; width: 100%; outline: none; top: 1px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #wrapper header .hamburger-menu .side-menu-logo a { margin: 0; } #wrapper header .hamburger-menu .side-menu-logo img { max-height: 100%; height: auto !important; } html[lang*='en'] #wrapper header .hamburger-menu .side-menu-logo, html[class*='translated-ltr'] #wrapper header .hamburger-menu .side-menu-logo { text-align: left; } html[lang*='ar'] #wrapper header .hamburger-menu .side-menu-logo, html[class*='translated-rtl'] #wrapper header .hamburger-menu .side-menu-logo { text-align: right; } #wrapper header .hamburger-menu .link.active { font-size: 3.2rem; padding-bottom: 15px; margin-bottom: 15px; } #wrapper header .hamburger-menu .link.rtl { font-size: 2.5rem; margin-top: 15px; padding-top: 15px; padding-left: 0; padding-right: 0; clear: both; } html[lang*='en'] #wrapper header .hamburger-menu .link.rtl, html[class*='translated-ltr'] #wrapper header .hamburger-menu .link.rtl { text-align: left; font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] #wrapper header .hamburger-menu .link.rtl, html[class*='translated-rtl'] #wrapper header .hamburger-menu .link.rtl { text-align: right; font-family: "circularStd", Arial, sans-serif; } html[lang*='en'] #wrapper header .hamburger-menu .link.rtl a, html[class*='translated-ltr'] #wrapper header .hamburger-menu .link.rtl a { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] #wrapper header .hamburger-menu .link.rtl a, html[class*='translated-rtl'] #wrapper header .hamburger-menu .link.rtl a { font-family: "roboto-Regular", Arial, sans-serif; /*updated by M.F to fix the english font in arabic site*/ } #wrapper header .h-logo { text-align: center; margin: 5px auto; width: -webkit-calc(100% - 140px); width: calc(100% - 140px); min-height: 50px; padding: 7px 0; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } html[lang*='en'] #wrapper header .h-logo, html[class*='translated-ltr'] #wrapper header .h-logo { float: left; } html[lang*='ar'] #wrapper header .h-logo, html[class*='translated-rtl'] #wrapper header .h-logo { float: right; } #wrapper header .h-logo a { display: inline-block; } #wrapper header .h-logo a:focus { padding-bottom: 5px; } #wrapper header .h-logo img { position: relative; left: 0; right: 0; margin: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper header .h-feedback { width: 75px; text-align: center; min-height: 69px; padding: 18px 0 16px; font-size: 0; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; position: relative; z-index: 99; outline: none; } #wrapper header .h-feedback .icon-feedback { font-size: 3.4rem; } #wrapper header .h-feedback .icon-cancel, #wrapper header .h-feedback .icon-close { display: none; } #wrapper header .h-feedback.feedback-active .icon-feedback { display: none; } #wrapper header .h-feedback.feedback-active [class*=" icon-"], #wrapper header .h-feedback.feedback-active [class^="icon-"] { font-size: 2.4rem; } #wrapper header .h-feedback.feedback-active .icon-cancel, #wrapper header .h-feedback.feedback-active .icon-close { display: block; /* WebKit */ -webkit-transition: all .8s ease-in; /* Opera */ /* Standard */ transition: all .8s ease-in; } #wrapper header .h-feedback.feedback-active .feedback-view { width: 321px; height: 321px; outline: none; } #wrapper header .h-feedback.feedback-active .feedback-view a .icon { -webkit-transition: font-size .2s; transition: font-size .2s; } #wrapper header .h-feedback.feedback-active .feedback-view a:focus, #wrapper header .h-feedback.feedback-active .feedback-view a:hover { text-decoration: none; } #wrapper header .h-feedback.feedback-active .feedback-view a:focus .icon, #wrapper header .h-feedback.feedback-active .feedback-view a:hover .icon { font-size: 3rem; } html[lang*='en'] #wrapper header .h-feedback, html[class*='translated-ltr'] #wrapper header .h-feedback { float: left; } html[lang*='ar'] #wrapper header .h-feedback, html[class*='translated-rtl'] #wrapper header .h-feedback { float: right; } #wrapper header .h-feedback .feedback-view { position: absolute; z-index: 100; font-size: 1.8rem; text-transform: uppercase; font-size: 1.2rem; font-weight: bold; -webkit-transition: all .1s ease; transition: all .1s ease; top: 0; } html[lang*='en'] #wrapper header .h-feedback .feedback-view, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view { right: 0; letter-spacing: 2px; } html[lang*='ar'] #wrapper header .h-feedback .feedback-view, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view { left: 0; } #wrapper header .h-feedback .feedback-view a { position: absolute; display: none; font-size: 1.3rem; } html[lang*='en'] #wrapper header .h-feedback .feedback-view a, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view a { font-family: "roboto-Bold", Arial, sans-serif; /*bold as per the design*/ } html[lang*='ar'] #wrapper header .h-feedback .feedback-view a, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view a { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; /*bold as per the design*/ } #wrapper header .h-feedback .feedback-view .ico-1 { bottom: 252px; } html[lang*='en'] #wrapper header .h-feedback .feedback-view .ico-1, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view .ico-1 { left: 51px; } html[lang*='ar'] #wrapper header .h-feedback .feedback-view .ico-1, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view .ico-1 { right: 51px; } #wrapper header .h-feedback .feedback-view .ico-2 { bottom: 174px; } html[lang*='en'] #wrapper header .h-feedback .feedback-view .ico-2, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view .ico-2 { left: 36px; } html[lang*='ar'] #wrapper header .h-feedback .feedback-view .ico-2, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view .ico-2 { right: 36px; } #wrapper header .h-feedback .feedback-view .ico-3 { bottom: 86px; } html[lang*='en'] #wrapper header .h-feedback .feedback-view .ico-3, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view .ico-3 { left: 76px; } html[lang*='ar'] #wrapper header .h-feedback .feedback-view .ico-3, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view .ico-3 { right: 76px; } #wrapper header .h-feedback .feedback-view .ico-3 .icon-support-icon { display: inline-block; } #wrapper header .h-feedback .feedback-view .ico-4 { bottom: 40px; } html[lang*='en'] #wrapper header .h-feedback .feedback-view .ico-4, html[class*='translated-ltr'] #wrapper header .h-feedback .feedback-view .ico-4 { left: 178px; } html[lang*='ar'] #wrapper header .h-feedback .feedback-view .ico-4, html[class*='translated-rtl'] #wrapper header .h-feedback .feedback-view .ico-4 { right: 178px; } #wrapper header .h-feedback svg { position: absolute; top: -450px; opacity: 0; width: 0; height: 0; z-index: 99; transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease; } html[lang*='en'] #wrapper header .h-feedback svg, html[class*='translated-ltr'] #wrapper header .h-feedback svg { right: -450px; } html[lang*='ar'] #wrapper header .h-feedback svg, html[class*='translated-rtl'] #wrapper header .h-feedback svg { left: -450px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #wrapper header .h-feedback svg.active { top: -129px; opacity: 1; width: 450px; height: 450px; outline: none; } html[lang*='en'] #wrapper header .h-feedback svg.active, html[class*='translated-ltr'] #wrapper header .h-feedback svg.active { right: -127px; } html[lang*='ar'] #wrapper header .h-feedback svg.active, html[class*='translated-rtl'] #wrapper header .h-feedback svg.active { left: -130px; } #wrapper header .h-feedback .icon-cancel, #wrapper header .h-feedback .icon-close { position: relative; z-index: 100; } #wrapper header .feedback-options { position: absolute; width: 75px; top: -175px; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease; } html[lang*='en'] #wrapper header .feedback-options, html[class*='translated-ltr'] #wrapper header .feedback-options { right: 0; } html[lang*='ar'] #wrapper header .feedback-options, html[class*='translated-rtl'] #wrapper header .feedback-options { left: 0; } #wrapper header .feedback-options.show-feedback-bar { top: 69px; } #wrapper header .feedback-options ul { list-style: none; padding: 0; margin: 0; } #wrapper header .feedback-options ul a { display: block; padding: 10px; text-align: center; font-size: 1.1rem; } #wrapper header .feedback-options ul a .icon { font-size: 1.8rem; } #wrapper header .feedback-options ul a:focus, #wrapper header .feedback-options ul a:hover { text-decoration: none; text-align: center; } #wrapper header .h-search { -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; width: 75px; outline: none; padding: 0; } html[lang*='en'] #wrapper header .h-search, html[class*='translated-ltr'] #wrapper header .h-search { float: right; } html[lang*='ar'] #wrapper header .h-search, html[class*='translated-rtl'] #wrapper header .h-search { float: left; padding: 0; } #wrapper header .h-search .search-btn { padding: 15px 0; cursor: pointer; -webkit-transition: all .1s ease; transition: all .1s ease; position: relative; border: 0; width: 75px; height: 68px; font-size: 0; } html[lang*='en'] #wrapper header .h-search .search-btn, html[class*='translated-ltr'] #wrapper header .h-search .search-btn { float: right; } html[lang*='ar'] #wrapper header .h-search .search-btn, html[class*='translated-rtl'] #wrapper header .h-search .search-btn { float: left; } #wrapper header .h-search .search-btn:focus, #wrapper header .h-search .search-btn:hover { /* color: $primary-color2; background-color: $primary-color3; */ } #wrapper header .h-search .search-btn [class*=" icon-"], #wrapper header .h-search .search-btn [class^="icon-"] { font-size: 2.8rem; position: absolute; top: 22px; } html[lang*='en'] #wrapper header .h-search .search-btn [class*=" icon-"], html[class*='translated-ltr'] #wrapper header .h-search .search-btn [class*=" icon-"], html[lang*='en'] #wrapper header .h-search .search-btn [class^="icon-"], html[class*='translated-ltr'] #wrapper header .h-search .search-btn [class^="icon-"] { left: 24px; } html[lang*='ar'] #wrapper header .h-search .search-btn [class*=" icon-"], html[class*='translated-rtl'] #wrapper header .h-search .search-btn [class*=" icon-"], html[lang*='ar'] #wrapper header .h-search .search-btn [class^="icon-"], html[class*='translated-rtl'] #wrapper header .h-search .search-btn [class^="icon-"] { right: 24px; } #wrapper header .h-search .search-btn:active, #wrapper header .h-search .search-btn.nice-select.open, #wrapper header .h-search .search-btn:focus, #wrapper header .h-search .search-btn:visited { outline: none; border: none; } #wrapper header .h-search .h-search-wrapper { position: relative; width: 0; height: 0; opacity: 0; -webkit-transition: width .5s ease; transition: width .5s ease; } #wrapper header .h-search .h-search-wrapper .typing-animation { position: absolute; z-index: 3; top: 18px; z-index: 9; } html[lang*='ar'] #wrapper header .h-search .h-search-wrapper .typing-animation, html[class*='translated-rtl'] #wrapper header .h-search .h-search-wrapper .typing-animation { right: 45px; } html[lang*='en'] #wrapper header .h-search .h-search-wrapper .typing-animation, html[class*='translated-ltr'] #wrapper header .h-search .h-search-wrapper .typing-animation { left: 45px; } #wrapper header .h-search .h-search-wrapper .typing-animation .cursor { display: none; } #wrapper header .h-search .h-search-wrapper #headerSearchInput { z-index: 1; border: 0; font-size: 2rem; margin-top: 5px; background: transparent; height: 55px; width: 95%; } html[lang*='ar'] #wrapper header .h-search .h-search-wrapper #headerSearchInput, html[class*='translated-rtl'] #wrapper header .h-search .h-search-wrapper #headerSearchInput { direction: rtl; } #wrapper header .h-search .h-search-wrapper #headerSearchInput:focus, #wrapper header .h-search .h-search-wrapper #headerSearchInput:hover { outline: none; } #wrapper header .h-search .h-search-wrapper input[type="text"], #wrapper header .h-search .h-search-wrapper input[type="email"], #wrapper header .h-search .h-search-wrapper input[type="password"], #wrapper header .h-search .h-search-wrapper textarea, #wrapper header .h-search .h-search-wrapper select { box-shadow: none; } #wrapper header .h-search .h-search-wrapper input[type="text"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper textarea::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper textarea::-moz-placeholder, #wrapper header .h-search .h-search-wrapper select::-moz-placeholder { /* Firefox 19+ */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper textarea:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper select:-ms-input-placeholder { /* IE 10+ */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper textarea:-moz-placeholder, #wrapper header .h-search .h-search-wrapper select:-moz-placeholder { /* Firefox 18- */ color: transparent; } #wrapper header .h-search .h-search-wrapper #headerSearchQuote { font-size: 2rem; min-width: 350px; height: 38px; overflow: hidden; } #wrapper header .h-search .h-search-wrapper .typed-cursor { display: none; } #wrapper header .header-wrapper { width: -webkit-calc(100% - 145px); width: calc(100% - 145px); } html[lang*='en'] #wrapper header .header-wrapper, html[class*='translated-ltr'] #wrapper header .header-wrapper { float: left; } html[lang*='ar'] #wrapper header .header-wrapper, html[class*='translated-rtl'] #wrapper header .header-wrapper { float: right; padding: 0; } #wrapper header .header-wrapper .search-box .component-content { display: block; } #wrapper header .active-search .h-logo { width: 220px; } #wrapper header .active-search .h-search { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } #wrapper header .active-search .h-search-wrapper { padding: 0 15px; opacity: 1; -webkit-transition: width .5s ease; transition: width .5s ease; position: relative; width: 100%; } html[lang*='en'] #wrapper header .active-search .h-search-wrapper, html[class*='translated-ltr'] #wrapper header .active-search .h-search-wrapper { float: left; text-align: left; } html[lang*='ar'] #wrapper header .active-search .h-search-wrapper, html[class*='translated-rtl'] #wrapper header .active-search .h-search-wrapper { float: right; text-align: right; } #wrapper header .active-search .h-search-wrapper .typing-animation { display: block; } #wrapper header .active-search .h-search .search-btn { -webkit-transition: all .5s ease; transition: all .5s ease; } #wrapper header .active-search .search-trending { opacity: .9; z-index: 16; } html[lang*='en'] #wrapper header .active-search .search-trending, html[class*='translated-ltr'] #wrapper header .active-search .search-trending { left: 0; } html[lang*='ar'] #wrapper header .active-search .search-trending, html[class*='translated-rtl'] #wrapper header .active-search .search-trending { right: 0; } #wrapper header .search-trending { position: fixed; width: 100%; height: -webkit-calc(100% - 58px); height: calc(100% - 58px); top: 69px; left: -100000px; opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: -1; } #wrapper header .search-trending .search-trending-wrapper { display: none; padding: 24px; /*width: 71%;*/ position: relative; } html[lang*='en'] #wrapper header .search-trending .search-trending-wrapper, html[class*='translated-ltr'] #wrapper header .search-trending .search-trending-wrapper { margin-left: 130px; margin-right: 74px; } html[lang*='ar'] #wrapper header .search-trending .search-trending-wrapper, html[class*='translated-rtl'] #wrapper header .search-trending .search-trending-wrapper { margin-right: 129px; margin-left: 74px; } #wrapper header .search-trending .search-trending-wrapper .title { font-size: 1.6rem; } #wrapper header .search-trending .search-trending-wrapper .search-reload { font-size: 1.3rem; margin-left: 5px; margin-bottom: 20px; letter-spacing: 1px; } #wrapper header .search-trending .search-trending-wrapper .search-reload strong { font-size: 1.8rem; } html[lang*='en'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong, html[class*='translated-ltr'] #wrapper header .search-trending .search-trending-wrapper .search-reload strong { letter-spacing: 2px; } #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload { display: inline-block; top: 5px; position: relative; font-size: 0; } #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload:before { font-size: 2.4rem; } html[lang*='en'] #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload, html[class*='translated-ltr'] #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload { margin-left: 5px; } html[lang*='ar'] #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload, html[class*='translated-rtl'] #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload { margin-right: 5px; } #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload:hover, #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload:focus { text-decoration: none; outline: none; } #wrapper header ul.tags { list-style: none; padding: 0; margin: 0; padding-bottom: 25px; } #wrapper header ul.tags li { display: inline-block; } #wrapper header ul.tags li a { display: inline-block; text-align: center; padding: 10px 15px; font-size: 1.8rem; font-size: 1.3rem; text-transform: uppercase; } html[lang*='en'] #wrapper header ul.tags li a, html[class*='translated-ltr'] #wrapper header ul.tags li a { letter-spacing: 1.5px; } html[lang*='ar'] #wrapper header ul.tags li a, html[class*='translated-rtl'] #wrapper header ul.tags li a { letter-spacing: normal; } html[lang*='en'] #wrapper header ul.tags li a, html[class*='translated-ltr'] #wrapper header ul.tags li a { margin: 5px 15px 5px 5px; } html[lang*='ar'] #wrapper header ul.tags li a, html[class*='translated-rtl'] #wrapper header ul.tags li a { margin: 5px 5px 5px 15px; } #wrapper header ul.tags li a:focus, #wrapper header ul.tags li a:hover { text-decoration: none; outline: none; } .overlayF { position: fixed; width: 100%; height: 100%; top: 0; opacity: .9; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 98; } .fOverlay #wrapper header .h-logo img, .fOverlay #wrapper header .hamburger-menu, .fOverlay #wrapper header .header-wrapper { opacity: .5; } #wrapper header .header-nav-bg { -webkit-transition: all .5s ease; transition: all .5s ease; } @media only screen and (max-width: 1024px) { body .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { margin-top: 10px; } } @media only screen and (max-width: 992px) { .dashboard-Tabs ul li:last-child { margin-top: 0; } #wrapper header .search-trending .search-trending-wrapper { text-align: center; margin-left: 0 !important; width: 100%; } #wrapper header ul.tags li a { min-width: 200px; } } @media (max-width: 768px) { #wrapper header .header-wrapper { width: -webkit-calc(100% - 210px); width: calc(100% - 210px); } #wrapper header .h-logo img { width: 120px; margin-top: 10px; } #wrapper header .header-nav-bg .h-logo img { width: 115px; } #wrapper header .h-search .h-search-wrapper #headerSearchQuote { min-width: 160px; font-size: 1.4rem; overflow: hidden; } #wrapper header .active-search .h-logo { width: 0; overflow: hidden; opacity: 0; } #wrapper header .active-search .h-search { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } #wrapper header .active-search .h-search-wrapper { width: 75%; } #wrapper header .header-wrapper { width: -webkit-calc(100% - 145px); width: calc(100% - 145px); } } .language-switcher { font-size: 1.8rem; margin-top: 22px; display: inline-block; } html[lang*='en'] .language-switcher, html[class*='translated-ltr'] .language-switcher { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .language-switcher, html[class*='translated-rtl'] .language-switcher { font-family: "circularStd", Arial, sans-serif; } .language-switcher:hover, .language-switcher:focus { outline: none; } @media (max-width: 767px) { .header-wrapper .language-switcher { display: none; } .nav-container .language-switcher-wrapper { padding-bottom: 75px; overflow: hidden; } .nav-container .language-switcher-wrapper a { margin: 0 !important; } #wrapper header .active-search .h-search { width: -webkit-calc(100% - 0px); width: calc(100% - 0px); } #wrapper header .search-trending .search-trending-wrapper { padding: 24px 0; } #wrapper header .search-trending .search-trending-wrapper .search-reload strong { font-size: 1.5rem; } } /* issue fix for ie edge and ie */ /* Microsoft Edge Browser 12+ (All) - @supports method */ /*@supports (-ms-ime-align:auto) { html[lang*='ar'] #wrapper header .h-feedback svg, html[class*='translated-rtl'] #wrapper header .h-feedback svg { left: -450px; -ms-transform: rotate(90deg); transform: rotate(90deg); } }*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { html[lang*='ar'] #wrapper header .h-feedback svg, html[class*='translated-rtl'] #wrapper header .h-feedback svg { left: -450px; /* -webkit-transform: rotate(90deg); */ -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } } /*************************************************************************************************** Naviation styles Author: TAMM ***************************************************************************************************/ .fOverlay .secondnav .hamburger-menu-adgecomponent { opacity: 1 !important; } .fOverlay .secondnav .hamburger-menu-adgecomponent .hamburger-menu { opacity: 1 !important; } .fOverlay .secondnav .header-search-adgecomponent { opacity: 1 !important; } .fOverlay .secondnav .header-search-adgecomponent .header-wrapper { opacity: 1 !important; } .fOverlay .secondnav .header-search-adgecomponent .no-pointer-event { opacity: 1 !important; } .fOverlay .secondnav .floating-menu-adgecomponent .no-pointer-event { opacity: 1 !important; } .nav-container .nav { cursor: pointer; font-size: 2rem; height: 100%; position: fixed !important; top: 0; width: 39rem; overflow-y: auto; z-index: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; min-width: 360px; padding: 2rem 5rem 0 5rem !important; } html[lang*='en'] .nav-container .nav, html[class*='translated-ltr'] .nav-container .nav { left: -50rem; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } html[lang*='ar'] .nav-container .nav, html[class*='translated-rtl'] .nav-container .nav { right: -50rem; -webkit-transition: right .5s ease; transition: right .5s ease; } html[lang*='en'] .nav-container .nav.expanded, html[class*='translated-ltr'] .nav-container .nav.expanded { left: 0; } html[lang*='ar'] .nav-container .nav.expanded, html[class*='translated-rtl'] .nav-container .nav.expanded { right: 0; } .nav-container .nav .loginCont, .nav-container .nav a { margin: 10px; display: inline-block; font-size: 1.8rem; border-bottom: 0; } html[lang*='en'] .nav-container .nav .loginCont, html[class*='translated-ltr'] .nav-container .nav .loginCont, html[lang*='en'] .nav-container .nav a, html[class*='translated-ltr'] .nav-container .nav a { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .nav-container .nav .loginCont, html[class*='translated-rtl'] .nav-container .nav .loginCont, html[lang*='ar'] .nav-container .nav a, html[class*='translated-rtl'] .nav-container .nav a { font-family: "NotoKufiArabic", Arial, sans-serif; } .nav-container .nav .loginCont.is-active, .nav-container .nav a.is-active { display: none; } .nav-container .nav .loginCont:hover, .nav-container .nav .loginCont:focus, .nav-container .nav a:hover, .nav-container .nav a:focus { text-decoration: none; } .nav-container .nav .loginCont img, .nav-container .nav a img { max-width: 210px; max-height: 55px; } .nav-container .nav .loginCont:last-child, .nav-container .nav a:last-child { margin-top: 5px; } .nav-container .nav .loginCont:hover, .nav-container .nav .loginCont:focus, .nav-container .nav a:hover, .nav-container .nav a:focus { text-decoration: underline; } .nav-container .nav .loginCont button, .nav-container .nav a button { padding: 0; border-radius: 0; margin: 0; box-shadow: none !important; border: 0; } .nav-container .nav ul { list-style: none; margin: 0; text-align: left; padding: 0; } html[lang*='en'] .nav-container .nav ul, html[class*='translated-ltr'] .nav-container .nav ul { text-align: left; left: 0; } html[lang*='ar'] .nav-container .nav ul, html[class*='translated-rtl'] .nav-container .nav ul { text-align: right; right: 0; } .nav-container .nav .nav-smartpass { width: 100%; position: relative; margin-top: 10px; } html[lang*='en'] .nav-container .nav .nav-smartpass, html[class*='translated-ltr'] .nav-container .nav .nav-smartpass { text-align: left; float: left; } html[lang*='ar'] .nav-container .nav .nav-smartpass, html[class*='translated-rtl'] .nav-container .nav .nav-smartpass { text-align: right; float: right; } .nav-container .nav .nav-smartpass > label { font-size: 1.2rem; font-weight: normal; margin: 0; /*padding-left: 10px;moved inside mixin to fix in arabic/english*/ letter-spacing: 1px; display: block; text-transform: uppercase; } html[lang*='en'] .nav-container .nav .nav-smartpass > label, html[class*='translated-ltr'] .nav-container .nav .nav-smartpass > label { font-family: "roboto-Regular", Arial, sans-serif; padding-left: 10px; } html[lang*='ar'] .nav-container .nav .nav-smartpass > label, html[class*='translated-rtl'] .nav-container .nav .nav-smartpass > label { font-family: "NotoKufiArabic", Arial, sans-serif; padding-right: 10px; } .nav-container .nav .nav-login-profile { width: 100%; } html[lang*='en'] .nav-container .nav .nav-login-profile, html[class*='translated-ltr'] .nav-container .nav .nav-login-profile { left: 0; text-align: left; float: left; margin-left: 10px; } html[lang*='ar'] .nav-container .nav .nav-login-profile, html[class*='translated-rtl'] .nav-container .nav .nav-login-profile { right: 0; text-align: right; float: right; margin-right: 10px; } .nav-container .navigation li > .navigation-title > a { margin: 10px 0px; font-size: 1.8rem; border: none; } .nav-container .navigation li > .navigation-title > a:focus, .nav-container .navigation li > .navigation-title > a:hover { text-decoration: underline; } .nav-container .nav-login-dtl .profile-icon { display: block; overflow: hidden; } .nav-container .nav-login-dtl .profile-icon .profile-card img { height: 60px; width: 60px; border-radius: 50%; } html[lang*='en'] .nav-container .nav-login-dtl .profile-icon .profile-card img, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-icon .profile-card img { float: left; margin-right: 15px; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-icon .profile-card img, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-icon .profile-card img { float: right; margin-left: 15px; } html[lang*='en'] .nav-container .nav-login-dtl .profile-icon .profile-card .info, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-icon .profile-card .info { text-align: left; padding: 0 0 0 74px; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-icon .profile-card .info, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-icon .profile-card .info { text-align: right; padding: 0 74px 0 0; } .nav-container .nav-login-dtl .profile-icon .profile-card .welcome-text { font-size: 1.3rem; } html[lang*='en'] .nav-container .nav-login-dtl .profile-icon .profile-card .welcome-text, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-icon .profile-card .welcome-text { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-icon .profile-card .welcome-text, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-icon .profile-card .welcome-text { font-family: "NotoKufiArabic", Arial, sans-serif; } .nav-container .nav-login-dtl .profile-icon .profile-card .profile-name { font-size: 1.8rem; } html[lang*='en'] .nav-container .nav-login-dtl .profile-icon .profile-card .profile-name, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-icon .profile-card .profile-name { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-icon .profile-card .profile-name, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-icon .profile-card .profile-name { font-family: "NotoKufiArabic", Arial, sans-serif; } .nav-container .nav-login-dtl .profile-options { clear: both; } .nav-container .nav-login-dtl .profile-options a { width: 50%; padding: 16px 10px; margin: 0 !important; font-size: 1.6rem; line-height: 20px; text-align: center; } html[lang*='en'] .nav-container .nav-login-dtl .profile-options a, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-options a { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-options a, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-options a { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='en'] .nav-container .nav-login-dtl .profile-options a, html[class*='translated-ltr'] .nav-container .nav-login-dtl .profile-options a { float: left; } html[lang*='ar'] .nav-container .nav-login-dtl .profile-options a, html[class*='translated-rtl'] .nav-container .nav-login-dtl .profile-options a { float: right; } .nav-container .nav-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; height: 2rem; position: fixed; top: 2.5rem; width: 3.5rem; z-index: 2; outline: none; } html[lang*='en'] .nav-container .nav-toggle, html[class*='translated-ltr'] .nav-container .nav-toggle { left: 1.6rem; } html[lang*='ar'] .nav-container .nav-toggle, html[class*='translated-rtl'] .nav-container .nav-toggle { right: 1.75rem; } .nav-container .nav-toggle .nav-toggle-bar { margin-top: 0; } html[lang*='en'] .nav-container .nav-toggle .nav-toggle-bar, html[class*='translated-ltr'] .nav-container .nav-toggle .nav-toggle-bar { text-align: left; } html[lang*='ar'] .nav-container .nav-toggle .nav-toggle-bar, html[class*='translated-rtl'] .nav-container .nav-toggle .nav-toggle-bar { text-align: right; } .nav-container .nav-toggle .nav-toggle-bar::after { margin-top: .8rem; } .nav-container .nav-toggle .nav-toggle-bar::before { margin-top: -0.8rem; } .nav-container .nav-toggle.expanded .nav-toggle-bar::after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; } .nav-container .nav-toggle.expanded .nav-toggle-bar::before { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 0; } .nav-container .nav-toggle .nav-toggle-bar, .nav-container .nav-toggle .nav-toggle-bar::after, .nav-container .nav-toggle .nav-toggle-bar::before { position: absolute; top: 49%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s ease; transition: all .5s ease; content: ''; height: .2rem; width: 100%; } html[lang*='en'] .nav-container .nav-toggle .nav-toggle-bar, html[class*='translated-ltr'] .nav-container .nav-toggle .nav-toggle-bar, html[lang*='en'] .nav-container .nav-toggle .nav-toggle-bar::after, html[class*='translated-ltr'] .nav-container .nav-toggle .nav-toggle-bar::after, html[lang*='en'] .nav-container .nav-toggle .nav-toggle-bar::before, html[class*='translated-ltr'] .nav-container .nav-toggle .nav-toggle-bar::before { left: 0; } html[lang*='ar'] .nav-container .nav-toggle .nav-toggle-bar, html[class*='translated-rtl'] .nav-container .nav-toggle .nav-toggle-bar, html[lang*='ar'] .nav-container .nav-toggle .nav-toggle-bar::after, html[class*='translated-rtl'] .nav-container .nav-toggle .nav-toggle-bar::after, html[lang*='ar'] .nav-container .nav-toggle .nav-toggle-bar::before, html[class*='translated-rtl'] .nav-container .nav-toggle .nav-toggle-bar::before { right: 0; } .nav-container .side-menu-logo { position: relative; } .navigation ul li a { padding: 15px 20px; } .navigation { width: 100%; } .navigation nav ul li { position: relative; } .navigation nav ul li:last-child .navigation-title { padding-bottom: 20px; } .navigation nav ul li a { text-decoration: none !important; position: relative; } .navigation nav ul li a:after { bottom: -5px; content: ""; display: block; height: 2px; position: absolute; width: 0; } html[lang*='en'] .navigation nav ul li a:after, html[class*='translated-ltr'] .navigation nav ul li a:after { -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; transition: width 0.3s ease 0s, left 0.3s ease 0s; left: 0px !important; } html[lang*='ar'] .navigation nav ul li a:after, html[class*='translated-rtl'] .navigation nav ul li a:after { -webkit-transition: width 0.3s ease 0s, right 0.3s ease 0s; transition: width 0.3s ease 0s, right 0.3s ease 0s; right: 0px !important; } .navigation nav ul li a:hover:after { width: 100%; } html[lang*='en'] .navigation nav ul li a:hover:after, html[class*='translated-ltr'] .navigation nav ul li a:hover:after { left: 0; } html[lang*='ar'] .navigation nav ul li a:hover:after, html[class*='translated-rtl'] .navigation nav ul li a:hover:after { right: 0; } @media (max-width: 768px) { .navigation nav ul li a:after { display: none; } .nav-container .nav > div:last-child { clear: both; } } .overlay-humberrger { height: 100%; width: 100%; position: absolute; top: 0; z-index: 100; opacity: .9; } .no-pointer-event { opacity: .2; pointer-events: none; } .opacity0 { opacity: 0; pointer-events: none; } @media (min-height: 901px) { .nav-container .nav a { margin: 20px 10px; font-size: 2.3rem; } } @media (max-height: 900px) { .nav-container .nav a { margin: 20px 10px; font-size: 2rem; } } @media (max-width: 767px) { html[lang*='en'] .adge-header .nav-container .language-switcher-wrapper .language-switcher, html[class*='translated-ltr'] .adge-header .nav-container .language-switcher-wrapper .language-switcher { float: left; } html[lang*='ar'] .adge-header .nav-container .language-switcher-wrapper .language-switcher, html[class*='translated-rtl'] .adge-header .nav-container .language-switcher-wrapper .language-switcher { float: right; } .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher { display: block !important; position: relative; margin: 0; } html[lang*='en'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher, html[class*='translated-ltr'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher { text-align: left; padding: 0 8.33rem; } html[lang*='ar'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher, html[class*='translated-rtl'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher { text-align: right; padding: 0 9.33rem; } .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a { margin: 10px 35px; } html[lang*='en'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a, html[class*='translated-ltr'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a, html[class*='translated-rtl'] .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a { font-family: "circularStd", Arial, sans-serif; } } @media (min-width: 768px) { .adge-header .nav-container .language-switcher-wrapper .language-switcher { display: none !important; } } @media (max-height: 768px) { .nav-container .nav a { margin: 15px 10px; font-size: 1.8rem; } } @media (max-height: 700px) { .nav-container .nav a { margin: 10px; font-size: 1.8rem; } } /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ .breadcrumb { font-size: 1.6rem; padding: 0; margin-bottom: 15px; } html[lang*='en'] .breadcrumb .breadcrumb-item, html[class*='translated-ltr'] .breadcrumb .breadcrumb-item { margin-left: 0; float: left; } html[lang*='ar'] .breadcrumb .breadcrumb-item, html[class*='translated-rtl'] .breadcrumb .breadcrumb-item { margin-right: 0; float: right; } .breadcrumb .breadcrumb-item .navigation-title { display: inline-block; } .breadcrumb .breadcrumb-item a { font-size: inherit; } .breadcrumb .breadcrumb-item a:focus, .breadcrumb .breadcrumb-item a:hover { text-decoration: none; } .breadcrumb .breadcrumb-item.last .separator { display: none; } .breadcrumb .breadcrumb-item .separator { display: none; } .breadcrumb li { display: inline-block; } .breadcrumb .separator { padding: 0 5px; display: none; } html[lang*='en'] .breadcrumb ol, html[class*='translated-ltr'] .breadcrumb ol { margin-left: 0; } html[lang*='ar'] .breadcrumb ol, html[class*='translated-rtl'] .breadcrumb ol { margin-right: 0; } @media only screen and (max-width: 767px) { html[lang*='en'] .breadcrumb ol, html[class*='translated-ltr'] .breadcrumb ol { margin-left: 0; } html[lang*='ar'] .breadcrumb ol, html[class*='translated-rtl'] .breadcrumb ol { margin-right: 0; } } .breadcrumb.component li.last a { display: none; } #aboutus-page .breadcrumb.component li.last, #whatwedo-page .breadcrumb.component li.last, #objectives-page .breadcrumb.component li.last, #ourpartners-page .breadcrumb.component li.last, #addedoffices-page .breadcrumb.component li.last { display: none; } #aboutus-page .breadcrumb.component li:nth-child(2) a, #whatwedo-page .breadcrumb.component li:nth-child(2) a, #objectives-page .breadcrumb.component li:nth-child(2) a, #ourpartners-page .breadcrumb.component li:nth-child(2) a, #addedoffices-page .breadcrumb.component li:nth-child(2) a { display: none; } /*************************************************************************************************** sub page left navigation styles Author: TAMM ***************************************************************************************************/ html[lang*='en'] .subpage-left-nav, html[class*='translated-ltr'] .subpage-left-nav { margin-right: 30%; } html[lang*='ar'] .subpage-left-nav, html[class*='translated-rtl'] .subpage-left-nav { margin-left: 30%; } .subpage-left-nav ul { padding: 0; list-style: none; } .subpage-left-nav ul li a { font-size: 1.8rem; padding: 18px 20px; display: block; text-decoration: none; } html[lang*='en'] .subpage-left-nav ul li a, html[class*='translated-ltr'] .subpage-left-nav ul li a { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .subpage-left-nav ul li a, html[class*='translated-rtl'] .subpage-left-nav ul li a { font-family: "circularStd", Arial, sans-serif; } .subpage-left-nav ul li a span { font-size: 1.3rem; line-height: 1.54; } .subpage-left-nav ul li a:focus { outline: none; } html[lang*='en'] .subpage-left-nav ul li.active a, html[class*='translated-ltr'] .subpage-left-nav ul li.active a, html[lang*='en'] .subpage-left-nav ul li:focus a, html[class*='translated-ltr'] .subpage-left-nav ul li:focus a, html[lang*='en'] .subpage-left-nav ul li:hover a, html[class*='translated-ltr'] .subpage-left-nav ul li:hover a { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .subpage-left-nav ul li.active a, html[class*='translated-rtl'] .subpage-left-nav ul li.active a, html[lang*='ar'] .subpage-left-nav ul li:focus a, html[class*='translated-rtl'] .subpage-left-nav ul li:focus a, html[lang*='ar'] .subpage-left-nav ul li:hover a, html[class*='translated-rtl'] .subpage-left-nav ul li:hover a { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .sub-related-topic .sub-related-heading { font-size: 1.3rem; margin-bottom: 10px; } html[lang*='en'] .sub-related-topic .sub-related-heading, html[class*='translated-ltr'] .sub-related-topic .sub-related-heading { letter-spacing: 1.5px; } html[lang*='ar'] .sub-related-topic .sub-related-heading, html[class*='translated-rtl'] .sub-related-topic .sub-related-heading { letter-spacing: normal; } .sub-related-topic .sub-rel-link { margin-bottom: 40px; padding-bottom: 15px; padding-top: 0; } .sub-related-topic .sub-rel-link ul { margin: 0; } .sub-related-topic .sub-rel-link ul li { list-style-type: none; position: relative; margin: 0; padding: 8px 15px; } .sub-related-topic .sub-rel-link ul li a { font-size: 1.8rem; display: block; margin: 0 -15px; padding: 8px 15px; text-decoration: none; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li a, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li a { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li a, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li a { font-family: "NotoKufiArabic", Arial, sans-serif; } .sub-related-topic .sub-rel-link ul li a:focus, .sub-related-topic .sub-rel-link ul li a:hover { outline: none; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li a[href^="tel:"], html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li a[href^="tel:"] { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li a[href^="tel:"], html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li a[href^="tel:"] { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .sub-related-topic .sub-rel-link ul li span { font-size: 1.6rem; } .sub-related-topic .sub-rel-link ul li span.title { font-size: 1.3rem; margin: 8px 0px; display: block; font-weight: normal; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li span.title, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li span.title { letter-spacing: 1.5px; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li span.title, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li span.title { letter-spacing: normal; } .sub-related-topic .sub-rel-link ul li .url { font-size: 1.6rem; line-height: 1.13; text-decoration: underline; font-weight: normal; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li .url, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li .url { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li .url, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li .url { font-family: "NotoKufiArabic", Arial, sans-serif; } .sub-related-topic .sub-rel-link ul li strong { font-size: 2rem; line-height: 1.2; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li strong, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li strong { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li strong, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li strong { font-family: "NotoKufiArabic", Arial, sans-serif; } .sub-related-topic .sub-rel-link ul li .desc { font-size: 1.8rem; line-height: 1.33; word-wrap: break-word; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li .desc, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li .desc { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li .desc, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li .desc { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .sub-related-topic .sub-rel-link ul li .download-btn { position: absolute; top: 10px; } html[lang*='en'] .sub-related-topic .sub-rel-link ul li .download-btn, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link ul li .download-btn { right: 2px; } html[lang*='ar'] .sub-related-topic .sub-rel-link ul li .download-btn, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link ul li .download-btn { left: 2px; } .sub-related-topic .sub-rel-link ul li .download-btn a { height: 30px; width: 30px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; } .sub-related-topic .sub-rel-link ul li .download-btn a .icon-down-arrow { font-size: 1.2rem; vertical-align: middle; line-height: 10px; } html[lang*='en'] .sub-related-topic .sub-rel-link .view-all-block, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .view-all-block { text-align: left; } html[lang*='ar'] .sub-related-topic .sub-rel-link .view-all-block, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .view-all-block { text-align: right; } .sub-related-topic .sub-rel-link .view-all-block .view-all { padding-bottom: 0px; margin-bottom: 15px; padding-top: 0; } .sub-related-topic .sub-rel-link .event-date { margin: 20px 0; min-height: 110px; } html[lang*='en'] .sub-related-topic .sub-rel-link .event-date, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date { padding-left: 20px; } html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date { padding-right: 20px; } .sub-related-topic .sub-rel-link .event-date .occurance, .sub-related-topic .sub-rel-link .event-date .day { display: block; font-size: 1.3rem; line-height: normal; } html[lang*='en'] .sub-related-topic .sub-rel-link .event-date .occurance, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date .occurance, html[lang*='en'] .sub-related-topic .sub-rel-link .event-date .day, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date .day { letter-spacing: 1.5px; } html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date .occurance, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date .occurance, html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date .day, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date .day { letter-spacing: normal; } html[lang*='en'] .sub-related-topic .sub-rel-link .event-date .occurance, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date .occurance, html[lang*='en'] .sub-related-topic .sub-rel-link .event-date .day, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date .day { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date .occurance, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date .occurance, html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date .day, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date .day { font-family: "NotoKufiArabic", Arial, sans-serif; } .sub-related-topic .sub-rel-link .event-date .date { display: block; font-size: 2.5rem; line-height: 55px; padding: 5px 0; } html[lang*='en'] .sub-related-topic .sub-rel-link .event-date .date, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date .date { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date .date, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date .date { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .sub-related-topic.show-mobile { display: none; } .sub-related-topic.show-desktop { display: block; } @media only screen and (max-width: 992px) { .subpage-left-nav { clear: both; } html[lang*='en'] .subpage-left-nav, html[class*='translated-ltr'] .subpage-left-nav { margin-right: 0; } html[lang*='ar'] .subpage-left-nav, html[class*='translated-rtl'] .subpage-left-nav { margin-left: 0; } .sub-related-topic .sub-rel-link { margin-bottom: 30px; } .sub-related-topic .sub-rel-link ul li a { font-size: 1.6rem; } .sub-related-topic .sub-rel-link ul li .desc { font-size: 1.6rem; } html[lang*='en'] .sub-related-topic .sub-rel-link, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link { margin-right: 0; } html[lang*='ar'] .sub-related-topic .sub-rel-link, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link { margin-left: 0; } .sub-related-topic.show-mobile { display: block; } .sub-related-topic.show-desktop { display: none; } } @media only screen and (max-width: 767px) { .sub-related-topic { font-size: 1.2rem; font-weight: bold; } .sub-related-topic .sub-rel-link ul li a { font-size: 1.6rem; } } @media screen and (min-width: 993px) and (max-width: 1199px) { html[lang*='en'] .subpage-left-nav, html[class*='translated-ltr'] .subpage-left-nav { margin-right: 10%; margin-left: 0; } html[lang*='ar'] .subpage-left-nav, html[class*='translated-rtl'] .subpage-left-nav { margin-left: 10%; margin-right: 0; } } /*************************************************************************************************** Global classes - bootstrap Modal - custom style Author: TAMM ***************************************************************************************************/ .modal.tm-model-dark .modal-dialog .modal-content .close { opacity: 1; margin: 10px 0; } .modal.tm-model-light .modal-dialog .modal-content .close { opacity: 1; margin: 10px 0; } .modal .modal-dialog { margin-top: 100px; z-index: 99; } .modal .modal-dialog .modal-content { border-radius: 0; } .modal .modal-dialog .modal-content .modal-header { border-bottom: none; } .modal .modal-dialog .modal-content .modal-header .close { text-shadow: none; opacity: 1; position: absolute; top: -10px; } html[lang*='en'] .modal .modal-dialog .modal-content .modal-header .close, html[class*='translated-ltr'] .modal .modal-dialog .modal-content .modal-header .close { right: 10px; } html[lang*='ar'] .modal .modal-dialog .modal-content .modal-header .close, html[class*='translated-rtl'] .modal .modal-dialog .modal-content .modal-header .close { left: 10px; } .modal .modal-dialog .modal-content .modal-header .close:focus { outline: none; text-shadow: none; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 3rem; text-align: center; padding: 25px 0; width: 100%; } html[lang*='en'] .modal .modal-dialog .modal-content .modal-header .modal-title, html[class*='translated-ltr'] .modal .modal-dialog .modal-content .modal-header .modal-title { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .modal .modal-dialog .modal-content .modal-header .modal-title, html[class*='translated-rtl'] .modal .modal-dialog .modal-content .modal-header .modal-title { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .modal .modal-dialog .modal-content .modal-footer { border-top: none; } .modal .modal-dialog .modal-content .modal-footer .close { display: none; } .modal .tm-modal-backdrop { position: fixed; width: 100%; height: 100%; top: 0; opacity: .9; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 98; } html[lang*='ar'] .modal .tm-modal-backdrop, html[class*='translated-rtl'] .modal .tm-modal-backdrop { margin-right: -17px; } @media only screen and (max-width: 1024px) { html[lang*='ar'] .modal .tm-modal-backdrop, html[class*='translated-rtl'] .modal .tm-modal-backdrop { margin-right: 0px; } } @media only screen and (min-width: 1024px) { .modal .modal-dialog { width: 920px; } } @media only screen and (max-width: 767px) { .modal .modal-dialog { margin-top: 80px; } } /*************************************************************************************************** Global classes - mobile dropdown for bootstrap tabs Author: TAMM ***************************************************************************************************/ .mob-dropdown { width: 100%; position: relative; display: none; } .mob-dropdown .icon-down-arrow-thin { position: absolute; font-size: 2rem; top: 25px; font-weight: bold; } html[lang*='en'] .mob-dropdown .icon-down-arrow-thin, html[class*='translated-ltr'] .mob-dropdown .icon-down-arrow-thin { right: 10px; } html[lang*='ar'] .mob-dropdown .icon-down-arrow-thin, html[class*='translated-rtl'] .mob-dropdown .icon-down-arrow-thin { left: 10px; } .mob-dropdown .activeList .clearfix { display: none; } .mob-dropdown .activeList a, .mob-dropdown .activeList span { display: block; font-size: 1.8rem; padding: 10px; min-height: auto; line-height: 2; } .mob-dropdown .activeList a .icon, .mob-dropdown .activeList span .icon { padding-right: 10px; float: left; margin-top: -5px; } .listDashboard-div { display: none; } .listDashboard-div .listDashboard { -webkit-padding-start: 0px; margin: 0; } .listDashboard-div .listDashboard li { float: none; width: auto; margin-bottom: 1px; margin-right: none; display: block; position: relative; } .listDashboard-div .listDashboard li:last-child { width: 100%; display: none; } .listDashboard-div .listDashboard li .clearfix { display: none; } .listDashboard-div .listDashboard li a { display: block; font-size: 1.8rem; padding: 10px 18px; min-height: auto; } .listDashboard-div .listDashboard li a .icon { padding-right: 10px; } @media only screen and (max-width: 991px) { .nav-noredirect { display: block; } .custom-tabs .nav-noredirect, .subpage-left-nav .nav-noredirect { display: none; } .mob-dropdown { display: block; } .mob-dropdown.tab-noredirect { border: none; display: block; } .mob-dropdown.tab-noredirect.open { border: none; } .mob-dropdown.tab-noredirect.open .activeList .activeTitle { width: 100%; margin: 0 auto; } .mob-dropdown.tab-noredirect .activeList .activeTitle { font-size: 1.6rem; } .listDashboard-div { position: relative; } .listDashboard-div .listDashboard { position: absolute; z-index: 5; width: 100%; } .listDashboard-div .listDashboard li { border: none; } .listDashboard-div .listDashboard li a { font-size: 1.8rem; width: 90%; margin: 0 auto; padding: 10px 10px; } .listDashboard-div .listDashboard li:last-child { display: block; } .mob-dropdown.tab-noredirect { display: none; } .mob-dropdown.tab-noredirect.nav-dd { display: block; } .mob-dropdown.tab-noredirect .activeList a .icon { float: none; } .mob-dropdown.tab-noredirect .activeList span .icon { float: none; } /* .nav-dd.open+.listDashboard-div{ @include ltr{ padding-right: 0px; } @include rtl{ padding-left: 0px; } } */ } @media only screen and (max-width: 767px) { .mob-dropdown { display: block; } .mob-dropdown.tab-noredirect { border: none; display: block; } .mob-dropdown.tab-noredirect.nav-dd { /* &.open { .activeList{ .activeTitle{ color:$white-color; } } .icon-down-arrow-thin{ color:$white-color; } } */ } .mob-dropdown.tab-noredirect.open .activeList .activeTitle { width: 100%; margin: 0 auto; } .mob-dropdown.tab-noredirect .activeList .activeTitle { font-size: 1.8rem; } .listDashboard-div { position: relative; } .listDashboard-div .listDashboard { z-index: 100; width: 100%; position: absolute; display: block; } .listDashboard-div .listDashboard li { border: none; float: none !important; } .listDashboard-div .listDashboard li a { font-size: 1.8rem; width: 100%; margin: 0 auto; padding: 10px 10px; } .listDashboard-div .listDashboard li:last-child { display: block; } } /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ .past-accomplishment-page .tab-pane .hide-view-more { display: none; } .tamm-btn { box-sizing: border-box; padding: 12px 40px; outline: none; font-size: 1.8rem; font-weight: bold; position: relative; vertical-align: middle; text-transform: uppercase; display: inline-block; margin-top: 20px; position: relative; /*by M.F */ } html[lang*='en'] .tamm-btn, html[class*='translated-ltr'] .tamm-btn { letter-spacing: 1px; } .tamm-btn .icon { font-size: 1.3rem; padding: 0 10px; display: inline-block; /*by M.F */ } html[lang*='ar'] .tamm-btn .icon, html[class*='translated-rtl'] .tamm-btn .icon { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .tamm-btn.white-border-btn:focus, .tamm-btn.white-border-btn:hover { text-decoration: none; outline: none; } .tamm-btn.yellow-border-btn { padding: 12px 20px; } .tamm-btn.yellow-border-btn:focus, .tamm-btn.yellow-border-btn:hover { outline: none; } .tamm-btn.black-border-btn:focus, .tamm-btn.black-border-btn:hover { text-decoration: none; outline: none; } .tamm-btn.blue-border-btn:focus, .tamm-btn.blue-border-btn:hover { text-decoration: none; outline: none; } .tamm-btn.overlay-btn { margin-top: 0; padding: 8px 20px; z-index: 3; font-size: 1.3rem; font-weight: 900; text-align: center; } .tamm-btn.overlay-btn.img-overlay { position: absolute; bottom: 20px; border: 0; } html[lang*='en'] .tamm-btn.overlay-btn, html[class*='translated-ltr'] .tamm-btn.overlay-btn { letter-spacing: 1.5px; } html[lang*='ar'] .tamm-btn.overlay-btn, html[class*='translated-rtl'] .tamm-btn.overlay-btn { letter-spacing: normal; } html[lang*='en'] .tamm-btn.overlay-btn, html[class*='translated-ltr'] .tamm-btn.overlay-btn { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .tamm-btn.overlay-btn, html[class*='translated-rtl'] .tamm-btn.overlay-btn { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='en'] .tamm-btn.overlay-btn.lt, html[class*='translated-ltr'] .tamm-btn.overlay-btn.lt { left: 20px; } html[lang*='ar'] .tamm-btn.overlay-btn.lt, html[class*='translated-rtl'] .tamm-btn.overlay-btn.lt { right: 20px; } html[lang*='en'] .tamm-btn.overlay-btn.rt, html[class*='translated-ltr'] .tamm-btn.overlay-btn.rt { right: 20px; } html[lang*='ar'] .tamm-btn.overlay-btn.rt, html[class*='translated-rtl'] .tamm-btn.overlay-btn.rt { left: 20px; } .tamm-btn.overlay-btn.ct { width: 80%; margin: auto; word-wrap: break-word; left: 0; right: 0; padding-left: 5px; padding-right: 5px; } .tamm-btn.overlay-btn:focus, .tamm-btn.overlay-btn:hover { text-decoration: none; outline: none; } .tamm-btn .icon.icon-loadmore { font-size: 2.4rem; position: absolute; top: 12px; } html[lang*='en'] .tamm-btn .icon.icon-loadmore, html[class*='translated-ltr'] .tamm-btn .icon.icon-loadmore { right: 20px; } html[lang*='ar'] .tamm-btn .icon.icon-loadmore, html[class*='translated-rtl'] .tamm-btn .icon.icon-loadmore { left: 20px; } .first-child-only { height: 0; } .first-child-only .tamm-btn.overlay-btn.img-overlay { position: static; margin-top: -80px; display: none; } html[lang*='en'] .first-child-only .tamm-btn.overlay-btn.img-overlay, html[class*='translated-ltr'] .first-child-only .tamm-btn.overlay-btn.img-overlay { margin-right: 10px; margin-left: 10px; } html[lang*='ar'] .first-child-only .tamm-btn.overlay-btn.img-overlay, html[class*='translated-rtl'] .first-child-only .tamm-btn.overlay-btn.img-overlay { margin-right: 10px; margin-left: 10px; } .first-child-only .tamm-btn.overlay-btn.img-overlay:nth-child(1) { display: inline-block; } .first-child-only.nospace .tamm-btn.overlay-btn.img-overlay { margin-top: 0; } .relative-tags.boximg + .boxGrey > .field-date { min-height: 24px; } html[lang*='en'] .boxGrey .first-child-only .tamm-btn.overlay-btn.img-overlay, html[class*='translated-ltr'] .boxGrey .first-child-only .tamm-btn.overlay-btn.img-overlay { margin-left: 0; } html[lang*='ar'] .boxGrey .first-child-only .tamm-btn.overlay-btn.img-overlay, html[class*='translated-rtl'] .boxGrey .first-child-only .tamm-btn.overlay-btn.img-overlay { margin-right: 0; } .boxGrey .first-child-only.nospace { height: auto; margin-top: 10px; } .ADEKProgviewall .view-all-block { margin-top: 0; } html[lang*='ar'] button.tamm-btn, html[class*='translated-rtl'] button.tamm-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* view all link right align */ .view-all-block { margin-top: 20px; padding: 0 !important; /*added by M.F to flip the icon*/ } html[lang*='en'] .view-all-block, html[class*='translated-ltr'] .view-all-block { text-align: right; } html[lang*='ar'] .view-all-block, html[class*='translated-rtl'] .view-all-block { text-align: left; } html[lang*='en'] .view-all-block .icon-long-right-arrow, html[class*='translated-ltr'] .view-all-block .icon-long-right-arrow { float: left; margin-left: 10px; } html[lang*='ar'] .view-all-block .icon-long-right-arrow, html[class*='translated-rtl'] .view-all-block .icon-long-right-arrow { float: right; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .view-all-block.leftalign { /*added by M.F to flip the icon*/ } html[lang*='en'] .view-all-block.leftalign, html[class*='translated-ltr'] .view-all-block.leftalign { text-align: left; } html[lang*='ar'] .view-all-block.leftalign, html[class*='translated-rtl'] .view-all-block.leftalign { text-align: right; } html[lang*='en'] .view-all-block.leftalign .icon-long-right-arrow, html[class*='translated-ltr'] .view-all-block.leftalign .icon-long-right-arrow { float: left; margin-left: 10px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } html[lang*='ar'] .view-all-block.leftalign .icon-long-right-arrow, html[class*='translated-rtl'] .view-all-block.leftalign .icon-long-right-arrow { float: right; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .view-all-block .view-all { font-size: 1.6rem; letter-spacing: .89px; text-decoration: none; display: inline-block; cursor: pointer; } html[lang*='en'] .view-all-block .view-all, html[class*='translated-ltr'] .view-all-block .view-all { font-family: "roboto-Bold", Arial, sans-serif; } html[lang*='ar'] .view-all-block .view-all, html[class*='translated-rtl'] .view-all-block .view-all { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .view-all-block .view-all:focus, .view-all-block .view-all:hover { text-decoration: none; outline: none; } .view-all-block .view-all .icon-long-right-arrow { font-size: 1.3rem; margin-top: 5px; } html[lang*='en'] .view-all-block .view-all .icon-long-right-arrow, html[class*='translated-ltr'] .view-all-block .view-all .icon-long-right-arrow { float: right; margin-left: 10px; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } html[lang*='ar'] .view-all-block .view-all .icon-long-right-arrow, html[class*='translated-rtl'] .view-all-block .view-all .icon-long-right-arrow { /*flip the icon**/ float: left; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .view-all-block.light .view-all:focus, .view-all-block.light .view-all:hover { outline: none; } .component.load-more input { box-sizing: border-box; padding: 12px 90px; border-radius: 0; outline: none; font-size: 1.8rem; font-weight: bold; vertical-align: middle; display: inline-block; margin-top: 20px; letter-spacing: 1px; position: relative; cursor: pointer; } .component.load-more input:focus, .component.load-more input:hover { outline: none; } .component.load-more .icon-loadmore { font-size: 2.4rem; position: relative; top: 16px; } html[lang*='en'] .component.load-more .icon-loadmore, html[class*='translated-ltr'] .component.load-more .icon-loadmore { right: 45px; } html[lang*='ar'] .component.load-more .icon-loadmore, html[class*='translated-rtl'] .component.load-more .icon-loadmore { left: 45px; } .white-bg .view-all:focus, .white-bg .view-all:hover { outline: none; } .right-arrow-icon:after { content: "\e918"; font-size: 1.3rem; margin-top: 5px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html[lang*='en'] .right-arrow-icon:after, html[class*='translated-ltr'] .right-arrow-icon:after { float: right; margin-left: 10px; } html[lang*='ar'] .right-arrow-icon:after, html[class*='translated-rtl'] .right-arrow-icon:after { /*flip the icon**/ float: left; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .tamm-btn.overlay-btn.register-submit-button { margin-top: 5px; border-radius: 0; text-decoration: none; } /*@import 'components/accordian-component'; @import 'components/accordian-tab';*/ /*************************************************************************************************** Global classes - multiselect dropdown Author: Manikandan R ***************************************************************************************************/ .category-filter { position: relative; } .category-filter .multi-dropdown { box-shadow: none; border: none; padding: 13px 0; width: 100%; } .category-filter .multi-dropdown .icon-down-arrow-thin { margin-top: 5px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; } html[lang*='en'] .category-filter .multi-dropdown .icon-down-arrow-thin, html[class*='translated-ltr'] .category-filter .multi-dropdown .icon-down-arrow-thin { float: right; } html[lang*='ar'] .category-filter .multi-dropdown .icon-down-arrow-thin, html[class*='translated-rtl'] .category-filter .multi-dropdown .icon-down-arrow-thin { float: left; } .category-filter .multi-dropdown .selectedCheckbox { font-size: 1.8rem; } .category-filter .multi-dropdown .selectedCheckbox > span { display: inline-block; } html[lang*='en'] .category-filter .multi-dropdown .selectedCheckbox, html[class*='translated-ltr'] .category-filter .multi-dropdown .selectedCheckbox { padding-left: 10px; } html[lang*='ar'] .category-filter .multi-dropdown .selectedCheckbox, html[class*='translated-rtl'] .category-filter .multi-dropdown .selectedCheckbox { padding-right: 10px; } html[lang*='en'] .category-filter .multi-dropdown .icon-position.icon-list-iconv2, html[class*='translated-ltr'] .category-filter .multi-dropdown .icon-position.icon-list-iconv2 { padding-left: 10px; } html[lang*='ar'] .category-filter .multi-dropdown .icon-position.icon-list-iconv2, html[class*='translated-rtl'] .category-filter .multi-dropdown .icon-position.icon-list-iconv2 { padding-right: 10px; } .category-filter .multi-dropdown.open { padding: 20px 10px 5px; } .category-filter .multi-dropdown.open .icon-down-arrow-thin { margin-top: 0; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg); } .category-filter .filter-by-category { width: 100%; z-index: 1000; position: absolute; margin-top: 0; display: none; /* &.open{ z-index: 1000; position: absolute; width: 90vw; margin-top: 0; .component-content{ display: table; } } */ } html[lang*='en'] .category-filter .filter-by-category, html[class*='translated-ltr'] .category-filter .filter-by-category { padding-left: 0px; padding-right: 0px; } html[lang*='ar'] .category-filter .filter-by-category, html[class*='translated-rtl'] .category-filter .filter-by-category { padding-left: 0px; padding-right: 0px; } .category-filter .filter-by-category.open { display: block; } .category-filter .filter-by-category .component-content { padding: 15px 10px 30px; clear: both; display: block; width: 100%; } .category-filter .filter-by-category .component-content .contentContainer { max-height: 300px; overflow-y: scroll; display: block; height: auto; } .category-filter .filter-by-category .component-content .clear-filter, .category-filter .filter-by-category .component-content .facet-title { display: none; } .category-filter .filter-by-category .component-content .bottom-remove-filter, .category-filter .filter-by-category .component-content .bottom-filter-button { display: inline-block; width: 50%; } .category-filter .filter-by-category .component-content .bottom-remove-filter button, .category-filter .filter-by-category .component-content .bottom-remove-filter input, .category-filter .filter-by-category .component-content .bottom-filter-button button, .category-filter .filter-by-category .component-content .bottom-filter-button input { box-sizing: border-box; padding: 5px 10px; border-radius: 0; outline: none; font-size: 1.8rem; font-weight: bold; vertical-align: middle; display: inline-block; margin-top: 20px; letter-spacing: 1px; position: relative; text-align: center; width: 100%; cursor: pointer; } html[lang*='en'] .category-filter .filter-by-category .component-content .bottom-remove-filter, html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .bottom-remove-filter { padding-right: 5px; float: left; } html[lang*='ar'] .category-filter .filter-by-category .component-content .bottom-remove-filter, html[class*='translated-rtl'] .category-filter .filter-by-category .component-content .bottom-remove-filter { padding-left: 5px; float: right; } html[lang*='en'] .category-filter .filter-by-category .component-content .bottom-filter-button, html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .bottom-filter-button { padding-left: 5px; } html[lang*='ar'] .category-filter .filter-by-category .component-content .bottom-filter-button, html[class*='translated-rtl'] .category-filter .filter-by-category .component-content .bottom-filter-button { padding-right: 5px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value { float: left; width: 100%; margin-bottom: 10px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label { font-weight: 400; font-size: 1.6rem; vertical-align: bottom; display: inherit; position: relative; top: -5px; } html[lang*='en'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label, html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label { margin-left: 35px; } html[lang*='ar'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label, html[class*='translated-rtl'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label { margin-right: 35px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { margin-right: 5px; cursor: pointer; vertical-align: bottom; text-indent: -10px; margin: 0 10px; display: inline-block; } html[lang*='en'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox], html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { float: left; } html[lang*='ar'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox], html[class*='translated-rtl'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { float: right; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { content: " "; display: inline-block; margin-left: 10px; width: 18px; height: 18px; visibility: visible; } html[lang*='en'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after, html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { padding-left: 12px; } html[lang*='ar'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after, html[class*='translated-rtl'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { padding-right: 12px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked + label { font-weight: bold; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked:after { content: "\2714"; padding: -5px; font-weight: bold; font-size: 1.2rem; } .filter-by-category { z-index: 1000; position: absolute; margin-top: 0; display: none; /* &.open{ z-index: 1000; position: absolute; width: 90vw; margin-top: 0; .component-content{ display: table; } } */ } html[lang*='en'] .filter-by-category, html[class*='translated-ltr'] .filter-by-category { padding-left: 0px; padding-right: 0px; } html[lang*='ar'] .filter-by-category, html[class*='translated-rtl'] .filter-by-category { padding-left: 0px; padding-right: 0px; } .filter-by-category.open { display: block; } .filter-by-category .component-content { padding: 15px 10px 30px; clear: both; display: block; width: 100%; } .filter-by-category .component-content .contentContainer { height: 300px; overflow-y: scroll; display: block; } .filter-by-category .component-content .clear-filter, .filter-by-category .component-content .facet-title { display: none; } .filter-by-category .component-content .bottom-remove-filter, .filter-by-category .component-content .bottom-filter-button { display: inline-block; width: 50%; } .filter-by-category .component-content .bottom-remove-filter button, .filter-by-category .component-content .bottom-remove-filter input, .filter-by-category .component-content .bottom-filter-button button, .filter-by-category .component-content .bottom-filter-button input { box-sizing: border-box; padding: 5px 10px; border-radius: 0; outline: none; font-size: 1.8rem; font-weight: bold; vertical-align: middle; display: inline-block; margin-top: 20px; letter-spacing: 1px; position: relative; text-align: center; width: 100%; } html[lang*='en'] .filter-by-category .component-content .bottom-remove-filter, html[class*='translated-ltr'] .filter-by-category .component-content .bottom-remove-filter { padding-right: 5px; float: left; } html[lang*='ar'] .filter-by-category .component-content .bottom-remove-filter, html[class*='translated-rtl'] .filter-by-category .component-content .bottom-remove-filter { padding-left: 5px; float: right; } html[lang*='en'] .filter-by-category .component-content .bottom-filter-button, html[class*='translated-ltr'] .filter-by-category .component-content .bottom-filter-button { padding-left: 5px; } html[lang*='ar'] .filter-by-category .component-content .bottom-filter-button, html[class*='translated-rtl'] .filter-by-category .component-content .bottom-filter-button { padding-right: 5px; } .filter-by-category .component-content .facet-search-filter .facet-value { float: left; width: 100%; margin-bottom: 10px; } .filter-by-category .component-content .facet-search-filter .facet-value label { font-weight: 400; font-size: 1.6rem; vertical-align: bottom; } html[lang*='en'] .filter-by-category .component-content .facet-search-filter .facet-value label, html[class*='translated-ltr'] .filter-by-category .component-content .facet-search-filter .facet-value label { padding-left: 5px; } html[lang*='ar'] .filter-by-category .component-content .facet-search-filter .facet-value label, html[class*='translated-rtl'] .filter-by-category .component-content .facet-search-filter .facet-value label { padding-right: 5px; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { margin-right: 5px; cursor: pointer; vertical-align: bottom; text-indent: -10px; margin: 0 10px; } html[lang*='en'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox], html[class*='translated-ltr'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { float: left; } html[lang*='ar'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox], html[class*='translated-rtl'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { float: right; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { content: " "; display: inline-block; margin-left: 10px; width: 18px; height: 18px; visibility: visible; } html[lang*='en'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after, html[class*='translated-ltr'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { padding-left: 12px; } html[lang*='ar'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after, html[class*='translated-rtl'] .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { padding-right: 12px; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked + label { font-weight: bold; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked:after { content: "\2714"; padding: -5px; font-weight: bold; font-size: 1rem; } .filter-wrapper { margin-bottom: 30px; } .filter-wrapper .ltr-space { font-size: 1.3rem; } html[lang*='en'] .filter-wrapper .ltr-space, html[class*='translated-ltr'] .filter-wrapper .ltr-space { letter-spacing: 1.5px; } html[lang*='ar'] .filter-wrapper .ltr-space, html[class*='translated-rtl'] .filter-wrapper .ltr-space { letter-spacing: normal; } html[lang*='en'] html[lang*='en'] .filter-wrapper .ltr-space, html[class*='translated-ltr'] html[lang*='en'] .filter-wrapper .ltr-space, html[lang*='en'] html[class*='translated-ltr'] .filter-wrapper .ltr-space, html[class*='translated-ltr'] html[class*='translated-ltr'] .filter-wrapper .ltr-space { letter-spacing: 1.5px; } html[lang*='ar'] html[lang*='en'] .filter-wrapper .ltr-space, html[class*='translated-rtl'] html[lang*='en'] .filter-wrapper .ltr-space, html[lang*='ar'] html[class*='translated-ltr'] .filter-wrapper .ltr-space, html[class*='translated-rtl'] html[class*='translated-ltr'] .filter-wrapper .ltr-space { letter-spacing: normal; } .btn-group { transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -khtml-transition: all 0.2s ease; } .btn-group.open { width: 100% !important; } html[lang*='en'] .btn-group.open .multiselect.dropdown-toggle .multiselect-selected-text, html[class*='translated-ltr'] .btn-group.open .multiselect.dropdown-toggle .multiselect-selected-text { padding-left: 10px; } html[lang*='ar'] .btn-group.open .multiselect.dropdown-toggle .multiselect-selected-text, html[class*='translated-rtl'] .btn-group.open .multiselect.dropdown-toggle .multiselect-selected-text { padding-right: 10px; } .btn-group.open .multiselect.dropdown-toggle .icon-down-arrow-thin { margin-top: -5px; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; } html[lang*='en'] .btn-group.open .icon-position.icon-list-iconv2, html[class*='translated-ltr'] .btn-group.open .icon-position.icon-list-iconv2 { padding-left: 10px; } html[lang*='ar'] .btn-group.open .icon-position.icon-list-iconv2, html[class*='translated-rtl'] .btn-group.open .icon-position.icon-list-iconv2 { padding-right: 10px; } .btn-group .multiselect.dropdown-toggle { box-shadow: none; border: none; padding: 13px 0; border-radius: 0; font-size: 1.8rem; } .btn-group .multiselect.dropdown-toggle:hover, .btn-group .multiselect.dropdown-toggle:focus { box-shadow: none; border: none; padding: 13px 0; border-radius: 0; } html[lang*='ar'] .btn-group .multiselect.dropdown-toggle .multiselect-selected-text, html[class*='translated-rtl'] .btn-group .multiselect.dropdown-toggle .multiselect-selected-text { float: right; } html[lang*='en'] .btn-group .multiselect.dropdown-toggle .icon-position.icon-list-iconv2, html[class*='translated-ltr'] .btn-group .multiselect.dropdown-toggle .icon-position.icon-list-iconv2 { padding-right: 10px; } html[lang*='ar'] .btn-group .multiselect.dropdown-toggle .icon-position.icon-list-iconv2, html[class*='translated-rtl'] .btn-group .multiselect.dropdown-toggle .icon-position.icon-list-iconv2 { padding-left: 10px; float: right; } .btn-group .multiselect.dropdown-toggle .icon-down-arrow-thin { position: absolute; font-size: 1.2rem; top: 23px; font-weight: bold; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -khtml-transform: rotate(0deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; } html[lang*='en'] .btn-group .multiselect.dropdown-toggle .icon-down-arrow-thin, html[class*='translated-ltr'] .btn-group .multiselect.dropdown-toggle .icon-down-arrow-thin { right: 10px; } html[lang*='ar'] .btn-group .multiselect.dropdown-toggle .icon-down-arrow-thin, html[class*='translated-rtl'] .btn-group .multiselect.dropdown-toggle .icon-down-arrow-thin { left: 10px; } .btn-group .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 10px 0 30px; } .btn-group .multiselect-container .input-group { margin: 5px; } .btn-group .multiselect-container > li { padding: 0 15px; float: left; width: 25%; } .btn-group .multiselect-container > li a.multiselect-all label { font-weight: 700; } .btn-group .multiselect-container > li a { padding: 0px 0 10px; } .btn-group .multiselect-container > li a > label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; font-size: 1.8rem; } html[lang*='en'] .btn-group .multiselect-container > li a > label, html[class*='translated-ltr'] .btn-group .multiselect-container > li a > label { padding: 3px 20px 3px 40px; } html[lang*='ar'] .btn-group .multiselect-container > li a > label, html[class*='translated-rtl'] .btn-group .multiselect-container > li a > label { padding: 3px 40px 3px 20px; } .btn-group .multiselect-container > li a > label .radio, .btn-group .multiselect-container > li a > label .checkbox { margin: 0; } .btn-group .multiselect-container > li a > label > input[type=checkbox] { margin-bottom: 5px; } .btn-group .multiselect-container > li .multiselect-group label { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: 700; } .btn-group .multiselect-container > li .multiselect-group-clickable label { cursor: pointer; } .icon-Filter-icon { display: none; } .multiselect-native-select { position: relative; } .multiselect-native-select select { clip: rect(0 0 0 0) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; top: 30px; } html[lang*='en'] .multiselect-native-select select, html[class*='translated-ltr'] .multiselect-native-select select { margin: -1px -1px -1px -3px !important; left: 50%; } html[lang*='ar'] .multiselect-native-select select, html[class*='translated-rtl'] .multiselect-native-select select { margin: -1px -1px -1px -3px !important; right: 50%; } @media only screen and (max-width: 992px) { .btn-group .multiselect-container > li { width: 50%; } .modal .category-filter .filter-by-category { width: 100%; } html[lang*='en'] .modal .category-filter .filter-by-category, html[class*='translated-ltr'] .modal .category-filter .filter-by-category { padding-right: 0; } html[lang*='ar'] .modal .category-filter .filter-by-category, html[class*='translated-rtl'] .modal .category-filter .filter-by-category { padding-left: 0; } .modal .modal-body .modal-filterwrapper { padding: 0 20px; } .modal .modal-body .modal-filterwrapper > div { padding-bottom: 25px; clear: both; } .modal .modal-body .modal-filterwrapper .sortby-container .sort-label { display: block; } html[lang*='en'] .modal .modal-body .modal-filterwrapper .sortby-container .sort-label, html[class*='translated-ltr'] .modal .modal-body .modal-filterwrapper .sortby-container .sort-label { text-align: left; } html[lang*='ar'] .modal .modal-body .modal-filterwrapper .sortby-container .sort-label, html[class*='translated-rtl'] .modal .modal-body .modal-filterwrapper .sortby-container .sort-label { text-align: right; } .modal .modal-body .modal-filterwrapper .sortby-container .show-icon-list.custom-sortby .cstm-select.nice-select .current { display: block; } html[lang*='en'] .modal .modal-body .modal-filterwrapper .sortby-container .show-icon-list.custom-sortby .cstm-nice-select:after, html[class*='translated-ltr'] .modal .modal-body .modal-filterwrapper .sortby-container .show-icon-list.custom-sortby .cstm-nice-select:after { left: inherit; right: 12px; } html[lang*='ar'] .modal .modal-body .modal-filterwrapper .sortby-container .show-icon-list.custom-sortby .cstm-nice-select:after, html[class*='translated-rtl'] .modal .modal-body .modal-filterwrapper .sortby-container .show-icon-list.custom-sortby .cstm-nice-select:after { left: 12px; right: inherit; } } @media only screen and (max-width: 992px) { .btn-group .multiselect-container { height: 200px; overflow-y: scroll; } .btn-group .multiselect-container > li { width: 100%; } .multiselect-native-select .btn-group { width: 100% !important; } } @media only screen and (max-width: 767px) { .category-filter .filter-by-category .component-content .bottom-remove-filter button, .category-filter .filter-by-category .component-content .bottom-remove-filter input, .category-filter .filter-by-category .component-content .bottom-filter-button button, .category-filter .filter-by-category .component-content .bottom-filter-button input { margin: 5px auto; display: table; } .multiselect-native-select .btn-group { margin-bottom: 30px; } .filter-category .ltr-space, .filter-category .icon-down-arrow-thin, .filter-year .ltr-space, .filter-year .icon-down-arrow-thin { display: none; } .icon-Filter-icon { display: inline; font-size: 2.4rem; font-weight: bold; } .btn-group .multiselect.dropdown-toggle { padding: 11px 0; } .btn-group.open .multiselect.dropdown-toggle .icon-Filter-icon { margin-top: -4px; } html[lang*='en'] .btn-group.open .multiselect.dropdown-toggle .icon-Filter-icon, html[class*='translated-ltr'] .btn-group.open .multiselect.dropdown-toggle .icon-Filter-icon { float: right; padding-right: 36px; } html[lang*='ar'] .btn-group.open .multiselect.dropdown-toggle .icon-Filter-icon, html[class*='translated-rtl'] .btn-group.open .multiselect.dropdown-toggle .icon-Filter-icon { float: left; padding-left: 36px; } .icon-Filter { margin: 0 5px 20px; padding: 4px 0px 0px 0px; background: none; } html[lang*='en'] .icon-Filter, html[class*='translated-ltr'] .icon-Filter { float: right; } html[lang*='ar'] .icon-Filter, html[class*='translated-rtl'] .icon-Filter { float: left; } .icon-Filter:focus { outline: none; } .modal-filter-popup .filter-wrapper { display: block; margin-bottom: 0px; } .modal-filter-popup .filter-wrapper .filter-category, .modal-filter-popup .filter-wrapper .filter-year { padding-bottom: 30px; } .modal-filter-popup .icon-down-arrow-thin { display: block; } .modal-filter-popup .modal-body { padding-bottom: 50px; } .modal-filter-popup .modal-body .ltr-space { display: block; margin-top: 20px; } } @media (min-width: 768px) and (max-width: 1200px) { .category-filter .multi-dropdown.open { padding: 18px 5px 5px; } .category-filter .multi-dropdown.open .icon-down-arrow-thin { margin-top: 0; } .modal-body .category-filter .multi-dropdown { width: 100%; } } /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ .scrollbars { height: 500px; } .scrollbars .scrollbar-content { width: 100%; } html[lang*='en'] .scrollbars .scrollbar-content, html[class*='translated-ltr'] .scrollbars .scrollbar-content { padding: 0 0 0 0; } html[lang*='ar'] .scrollbars .scrollbar-content, html[class*='translated-rtl'] .scrollbars .scrollbar-content { padding: 0 0 0 0; } .scrollbars .scrollbar-path-vertical { width: 6px; } html[lang*='en'] .scrollbars .scrollbar-path-vertical, html[class*='translated-ltr'] .scrollbars .scrollbar-path-vertical { right: 20px; } html[lang*='ar'] .scrollbars .scrollbar-path-vertical, html[class*='translated-rtl'] .scrollbars .scrollbar-path-vertical { right: auto; left: 20px; } @media only screen and (max-width: 767px) { .scrollbars { height: 300px; } } /*************************************************************************************************** Feedback pop up styles Author: TAMM ***************************************************************************************************/ .feedback-model .modal-dialog .modal-content #feedbackMsg { font-size: 1.2rem; padding: 2px; } .feedback-model .modal-dialog .modal-content #phoneNumberFeedbackSection #invalidPhoneMsgValidation { font-size: 1.2rem; } .feedback-model .modal-dialog .modal-content #phoneNumberFeedbackSection .icon-close { margin-top: -15px; font-size: 1.2rem; } .feedback-model .modal-dialog .modal-content #invalidPhoneMsgValidation { font-size: 1.2rem; } .feedback-model .modal-dialog .modal-content .close { opacity: 1; margin: 10px 0; z-index: 100; } .feedback-model .modal-dialog .modal-content .smiley-block { text-align: center; padding-bottom: 40px; } .feedback-model .modal-dialog .modal-content .smiley-block img { display: inline-block; padding: 0 15px; max-width: 97px; width: 100%; cursor: pointer; } .feedback-model .modal-dialog .modal-content .smiley-block svg { margin: 0 10px; cursor: pointer; width: 60px; } .feedback-model .modal-dialog .modal-content .feedback-thankyou { text-align: center; margin: 0 auto; padding: 20px; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper { padding: 30px; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .icon.icon-ok { border-radius: 50px; padding: 20px; font-size: 2.5rem; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title { font-size: 3.2rem; margin-top: 35px; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper p { margin: 15px auto; width: 60%; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper p, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper p { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper p, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper p { font-family: "NotoKufiArabic", Arial, sans-serif; } .feedback-model .modal-dialog .modal-content .form-group { margin: 0 50px 15px; } .feedback-model .modal-dialog .modal-content .form-group .frm-label { font-size: 1.3rem; margin: 30px 0; font-weight: normal; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group .frm-label, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group .frm-label { letter-spacing: 1.5px; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group .frm-label, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group .frm-label { letter-spacing: normal; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group .frm-label, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group .frm-label { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group .frm-label, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group .frm-label { font-family: "NotoKufiArabic", Arial, sans-serif; } .feedback-model .modal-dialog .modal-content .form-group textarea, .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], .feedback-model .modal-dialog .modal-content .form-group input[type="text"] { border: none; outline: none; box-shadow: none; font-size: 1.8rem; letter-spacing: 0; line-height: 28px; min-height: 110px; border-radius: 0; margin-bottom: 4px; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group textarea, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group textarea, html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group input[type="text"], html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group input[type="text"] { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group textarea, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group textarea, html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group input[type="text"], html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group input[type="text"] { font-family: "NotoKufiArabic", Arial, sans-serif; } .feedback-model .modal-dialog .modal-content .form-group .err-msg { display: block; } .feedback-model .modal-dialog .modal-content .form-group .err-msg.hidden { display: none; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .form-group .text-total, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .form-group .text-total { float: right; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .form-group .text-total, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .form-group .text-total { float: left; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .modal-footer .form-group, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .modal-footer .form-group { text-align: left; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .modal-footer .form-group, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .modal-footer .form-group { text-align: right; } .feedback-model .modal-dialog .modal-content .modal-footer .form-group .tamm-btn.yellow-border-btn { margin-top: 0; margin-bottom: 20px; } @media only screen and (min-width: 1024px) { .modal .modal-dialog .modal-content .modal-body .smiley-block img { width: 100%; } } @media only screen and (max-width: 767px) { .modal .modal-dialog .modal-content .modal-body .smiley-block img { width: auto; } } /*************************************************************************************************** Styles for - Custom select Author: Manikandan ***************************************************************************************************/ .custom-select { padding: 0 10px; } html[lang*='en'] .custom-select, html[class*='translated-ltr'] .custom-select { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .custom-select, html[class*='translated-rtl'] .custom-select { font-family: "NotoKufiArabic", Arial, sans-serif; } .custom-select .select-label { font-size: 1.8rem; display: inline-block; padding-top: 15px; } .custom-select .selected-value { font-size: 1.6rem; display: inline-block; padding-bottom: 15px; } .custom-select .icon-down-arrow-thin { display: inline-block; margin-top: 18px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; } html[lang*='en'] .custom-select .icon-down-arrow-thin, html[class*='translated-ltr'] .custom-select .icon-down-arrow-thin { float: right; } html[lang*='ar'] .custom-select .icon-down-arrow-thin, html[class*='translated-rtl'] .custom-select .icon-down-arrow-thin { float: left; } .custom-select .custom-dropdown { display: none; padding: 30px; position: absolute; margin: 0 -10px; } .custom-select .custom-dropdown .clear-btn { font-size: 1.3rem; } .custom-select.opened { position: relative; } .custom-select.opened .icon-down-arrow-thin { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -khtml-transform: rotate(180deg); } /*mani*/ /*************************************************************************************************** whats new component Author: TAMM ***************************************************************************************************/ .whats-new-container img { width: 100%; } .whats-new-container a { display: block; position: relative; text-decoration: none; } .whats-new-container a .center-absolute { position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 999; font-size: 2rem; text-align: center; } html[lang*='en'] .whats-new-container a .center-absolute, html[class*='translated-ltr'] .whats-new-container a .center-absolute { right: 100px; } html[lang*='ar'] .whats-new-container a .center-absolute, html[class*='translated-rtl'] .whats-new-container a .center-absolute { left: 100px; } .whats-new-container a .center-absolute h3 { font-size: 3rem; margin: 0; } html[lang*='en'] .whats-new-container a .center-absolute h3, html[class*='translated-ltr'] .whats-new-container a .center-absolute h3 { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .whats-new-container a .center-absolute h3, html[class*='translated-rtl'] .whats-new-container a .center-absolute h3 { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .whats-new-container a .center-absolute h3 { font-size: 2.4rem; } @media only screen and (max-width: 992px) { html[lang*='en'] .whats-new-container a .center-absolute, html[class*='translated-ltr'] .whats-new-container a .center-absolute { right: 20px; } html[lang*='ar'] .whats-new-container a .center-absolute, html[class*='translated-rtl'] .whats-new-container a .center-absolute { left: 20px; } } @media only screen and (max-width: 600px) { .whats-new-container a .center-absolute { position: static; -webkit-transform: none; -ms-transform: none; transform: none; font-size: 1.8rem; } .whats-new-container a .center-absolute > div { margin: 15px 0 0; } } .inner-slidemenu-component { position: relative; } .inner-slidemenu-component .collapsable-leftnav { height: 100%; width: 250px; position: absolute; z-index: 1; -webkit-transition: width 0.5s; transition: width 0.5s; } .inner-slidemenu-component .collapsable-leftnav ul { float: none; margin: 0px; -webkit-padding-start: 0px; padding-inline-start: 0px; } .inner-slidemenu-component .collapsable-leftnav ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; float: none; cursor: pointer; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li { margin-left: 0; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li { margin-right: 0; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0px; width: 100%; height: 66px; border-bottom: solid 2px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { position: absolute; -webkit-transition: color 3s; transition: color 3s; vertical-align: top; top: 0px; width: 80%; padding: 24px 10px; font-size: 1.5rem; letter-spacing: 1px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { left: 50px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label { right: 50px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { line-height: 16px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { font-family: "circularStd", Arial, sans-serif !important; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label.field-navigationtitle, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label.field-navigationtitle { font-family: "NotoKufiArabic", Arial, sans-serif !important; font-size: 1.3rem; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { text-decoration: none; font-size: 15px; letter-spacing: 0.8px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { font-family: "roboto-Regular", Arial, sans-serif !important; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { font-family: "NotoKufiArabic", Arial, sans-serif !important; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-img img, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-img img { margin: 0 10px; padding: 10px 0; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 10px 5px 0; position: absolute; top: 25px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { right: 15px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { left: 15px; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:focus, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:focus { text-decoration: none; } .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 30px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { right: 10px; border-width: 5px 10px 5px 0; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { left: 10px; border-width: 5px 0px 5px 10px; } .inner-slidemenu-component .collapsable-leftnav.in { width: 64px; } .inner-slidemenu-component .collapsable-leftnav.in ul li { position: relative; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-img, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-img { text-align: center; /* img{ margin: 0 auto; } */ } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { top: 0; -webkit-transition: color .3s; transition: color .3s; color: transparent; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { left: -1000px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { right: -1000px; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { position: absolute; top: 24px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { right: 5px; border-width: 5px 0px 5px 5px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { left: 5px; border-width: 5px 5px 5px 0px; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-width: 5px 0px 5px 5px; right: 5px; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-width: 5px 5px 5px 0px; left: 5px; } .inner-slidemenu-component .side-collapse-container { padding: 0 16px; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container { -webkit-transition: margin-left .5s; transition: margin-left .5s; margin-left: 55px; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container { -webkit-transition: margin-right .5s; transition: margin-right .5s; margin-right: 55px; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container.out { margin-left: 265px; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container.out { margin-right: 265px; } .inner-slidemenu-component .support-pg-wrapper .support-options .row > div > div { min-height: 282px; } @media only screen and (max-width: 768px) { .inner-slidemenu-component { position: relative; } .inner-slidemenu-component .side-collapse-container.out { margin-top: 20px; position: relative; } html[lang*='en'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-ltr'] .inner-slidemenu-component .side-collapse-container.out { margin-left: 0; } html[lang*='ar'] .inner-slidemenu-component .side-collapse-container.out, html[class*='translated-rtl'] .inner-slidemenu-component .side-collapse-container.out { margin-right: 0; } .inner-slidemenu-component .collapsable-leftnav { position: relative; width: 100%; } .lefttxt-rightimg .items .item .col-sm-12 { padding: 0px; } } /*************************************************************************************************** poll component styles Author: TAMM ***************************************************************************************************/ .poll-crazy-widget { margin: 0 auto; } .poll-crazy-widget .optionBtn_component { margin: 0px auto 29px; } .poll-crazy-widget .optionBtn_component .optionContainer { margin: 0; padding: 19px 13px; font-size: 1.5rem; font-weight: normal; } html[lang*='en'] .poll-crazy-widget .optionBtn_component .optionContainer, html[class*='translated-ltr'] .poll-crazy-widget .optionBtn_component .optionContainer { text-align: left; padding-left: 60px; } html[lang*='ar'] .poll-crazy-widget .optionBtn_component .optionContainer, html[class*='translated-rtl'] .poll-crazy-widget .optionBtn_component .optionContainer { text-align: right; padding-right: 60px; } .poll-crazy-widget .optionBtn_component .optionContainer.active_container { font-size: 1.6rem; font-weight: bold; /* WebKit */ -webkit-transition: all 0.8s ease-in; /* Opera */ /* Standard */ transition: all 0.8s ease-in; } .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick { top: 16px; height: 28px; width: 28px; background-color: transparent; } html[lang*='en'] .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick, html[class*='translated-ltr'] .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick { left: 10px; } html[lang*='ar'] .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick, html[class*='translated-rtl'] .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick { right: 10px; } .poll-crazy-widget .optionContainer > .optionTick:after { content: ""; top: 6px; width: 12px; height: 12px; border-width: 0 10px 10px 0; border-radius: 50%; } html[lang*='en'] .poll-crazy-widget .optionContainer > .optionTick:after, html[class*='translated-ltr'] .poll-crazy-widget .optionContainer > .optionTick:after { left: 7px; margin-left: -1px; } html[lang*='ar'] .poll-crazy-widget .optionContainer > .optionTick:after, html[class*='translated-rtl'] .poll-crazy-widget .optionContainer > .optionTick:after { right: 7px; margin-right: -1px; } .poll-crazy-widget .tab-content > .tab-pane { padding: 0; } .pool-question { font-size: 2.4rem; letter-spacing: 0; } html[lang*='en'] .pool-question, html[class*='translated-ltr'] .pool-question { padding: 19px 13px 19px 0; } html[lang*='ar'] .pool-question, html[class*='translated-rtl'] .pool-question { padding: 19px 0 19px 13px; } .pool-question span { font-size: 3rem; letter-spacing: 0; } html[lang*='en'] .poll-progress-container, html[class*='translated-ltr'] .poll-progress-container { padding-right: 20px; } html[lang*='ar'] .poll-progress-container, html[class*='translated-rtl'] .poll-progress-container { padding-left: 20px; } .poll-progress-container .progress { height: 60px; margin-bottom: 0; border-radius: 0; position: relative; } .poll-progress-container .progress .poll-info { display: block; position: absolute; padding: 15px 20px; font-size: 1.6rem; } .poll-progress-container .progress .poll-info strong { font-size: 2rem; min-width: 30px; display: inline-block; } html[lang*='en'] .poll-progress-container .progress .poll-info span, html[class*='translated-ltr'] .poll-progress-container .progress .poll-info span { margin-left: 30px; } html[lang*='ar'] .poll-progress-container .progress .poll-info span, html[class*='translated-rtl'] .poll-progress-container .progress .poll-info span { margin-left: 30px; } .poll-progress-container .progress .user-vote { position: absolute; font-size: 1.6rem; top: 18px; } html[lang*='en'] .poll-progress-container .progress .user-vote, html[class*='translated-ltr'] .poll-progress-container .progress .user-vote { right: 0; } html[lang*='ar'] .poll-progress-container .progress .user-vote, html[class*='translated-rtl'] .poll-progress-container .progress .user-vote { left: 0; } .poll-progress-container .total-votes { padding: 30px 0; } .poll-progress-container .total-votes div { padding: 0; } .poll-progress-container .total-votes div.vote-count div strong { font-size: 2.5rem; position: absolute; } .poll-progress-container .total-votes div.vote-count div span { margin-top: -12px; } html[lang*='en'] .poll-progress-container .total-votes div.vote-count div span, html[class*='translated-ltr'] .poll-progress-container .total-votes div.vote-count div span { float: left; } html[lang*='ar'] .poll-progress-container .total-votes div.vote-count div span, html[class*='translated-rtl'] .poll-progress-container .total-votes div.vote-count div span { float: right; } .poll-progress-container .total-votes div .icon { font-size: 2.5rem; } html[lang*='en'] .poll-progress-container .total-votes div .icon, html[class*='translated-ltr'] .poll-progress-container .total-votes div .icon { margin-right: 15px; float: left; } html[lang*='ar'] .poll-progress-container .total-votes div .icon, html[class*='translated-rtl'] .poll-progress-container .total-votes div .icon { margin-right: 15px; float: right; } .poll-progress-container .view-all-block { margin-top: 20px; } html[lang*='ar'] .poll-progress-container .view-all-block, html[class*='translated-rtl'] .poll-progress-container .view-all-block { text-align: left; padding-left: 0; } html[lang*='en'] .poll-progress-container .view-all-block, html[class*='translated-ltr'] .poll-progress-container .view-all-block { text-align: right; padding-right: 0; } .poll-progress-container .view-all-block .view-all { font-size: 1.6rem; letter-spacing: 0.89px; text-decoration: none; cursor: pointer; } .poll-results { text-align: center; margin: 0 auto; padding: 20px; } .poll-results .poll-wrapper { padding: 30px; } .poll-results .poll-wrapper .icon.icon-ok { border-radius: 50px; padding: 20px; font-size: 2.5rem; } .poll-results .poll-wrapper .thank-title { font-size: 3.2rem; margin-top: 35px; } .poll-results .poll-wrapper p { margin: 15px 0; } .poll-results .poll-wrapper .votedfor-block { padding: 20px 0; } .poll-results .poll-wrapper .votedfor-block .share-block { display: inline-block; font-size: 1.2rem; padding-top: 22px; } .poll-results .poll-wrapper .votedfor-block .share-icons { display: inline-block; font-size: 1.1rem; letter-spacing: 4px; } .poll-results .poll-wrapper .votedfor-block .share-icons .icon { font-size: 1.2rem; padding: 0 5px; } .poll-results .poll-wrapper .votedfor-block .share-icons a { text-decoration: none; } .poll-results .poll-wrapper .votedfor-block .votfor { font-size: 1.5rem; } .poll-results .poll-wrapper .votedfor-block .votfor span { font-size: 2rem; } @media only screen and (max-width: 992px) { .poll-crazy-widget { width: 100%; } html[lang*='en'] .poll-progress-container, html[class*='translated-ltr'] .poll-progress-container { padding: 0 20px; } html[lang*='ar'] .poll-progress-container, html[class*='translated-rtl'] .poll-progress-container { padding: 0 20px; } } @media only screen and (max-width: 767px) { .poll-crazy-widget { width: 100%; margin: 0px; padding: 0 10px; } .poll-crazy-widget .optionBtn_component { width: 100%; margin-top: 0; } .poll-crazy-widget .button-blue-fill { width: 88%; } .poll-progress-container .total-votes { margin: 0 8px; } .poll-results .poll-wrapper { padding: 30px 0; } .poll-progress-container { margin: 0; } html[lang*='en'] .poll-progress-container, html[class*='translated-ltr'] .poll-progress-container { padding-right: 0px; } html[lang*='ar'] .poll-progress-container, html[class*='translated-rtl'] .poll-progress-container { padding-left: 0px; } .poll-progress-container .progress .user-vote { top: 0; } .home-page .poll-progress-container .progress, .adge-page .poll-progress-container .progress { height: 70px; } .home-page .poll-progress-container .total-votes div, .adge-page .poll-progress-container .total-votes div { padding-bottom: 20px; } } /*************************************************************************************************** Survey component styles Author: TAMM ***************************************************************************************************/ .survey-grid { margin: 0 auto; } html[lang*='ar'] .survey-grid .view-all-block .view-all, html[class*='translated-rtl'] .survey-grid .view-all-block .view-all { float: left; } html[lang*='en'] .survey-grid .view-all-block .view-all, html[class*='translated-ltr'] .survey-grid .view-all-block .view-all { float: right; } .survey-grid .survey .heading { font-size: 3rem; letter-spacing: 0; padding-bottom: 25px; margin: 0 -15px; } .survey-grid .survey .table-row { padding: 20px 0; margin-bottom: 30px; } .survey-grid .survey .content { font-size: 1.8rem; margin: 15px 0; } .survey-grid .survey .content .icon-long-right-arrow { display: inline-block; font-size: 1.2rem; } html[lang*='en'] .survey-grid .survey .content .icon-long-right-arrow, html[class*='translated-ltr'] .survey-grid .survey .content .icon-long-right-arrow { padding-left: 5px; } html[lang*='ar'] .survey-grid .survey .content .icon-long-right-arrow, html[class*='translated-rtl'] .survey-grid .survey .content .icon-long-right-arrow { padding-right: 5px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .survey-grid .survey .content.rightalign { letter-spacing: 1px; } html[lang*='en'] .survey-grid .survey .content.rightalign, html[class*='translated-ltr'] .survey-grid .survey .content.rightalign { text-align: right; } html[lang*='ar'] .survey-grid .survey .content.rightalign, html[class*='translated-rtl'] .survey-grid .survey .content.rightalign { text-align: left; } .survey-grid .survey .content.rightalign a { font-size: 1.6rem; letter-spacing: 1px; text-align: center; text-decoration: none; padding: 0 15px; } .survey-grid .survey .content.rightalign a .icon-long-right-arrow { margin-top: 5px; } html[lang*='en'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow, html[class*='translated-ltr'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow { float: right; } html[lang*='ar'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow, html[class*='translated-rtl'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow { float: left; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } @media only screen and (max-width: 992px) { .survey-grid { width: 100%; margin: 20px 10px; } .survey-grid .survey .heading { margin: 0 -10px; } html[lang*='en'] .survey-grid .survey .content.rightalign, html[class*='translated-ltr'] .survey-grid .survey .content.rightalign { text-align: unset; margin-left: -10px; } html[lang*='ar'] .survey-grid .survey .content.rightalign, html[class*='translated-rtl'] .survey-grid .survey .content.rightalign { text-align: unset; margin-right: -10px; } .survey-grid .survey .content.rightalign a { padding: 0px; } } @media only screen and (max-width: 767px) { .survey-grid { margin: 0px; padding: 10px; } .survey-grid .survey .heading { margin: 0; } .survey-grid .survey .table-row { border-bottom: solid 1px; } html[lang*='ar'] .survey-grid .survey .content.rightalign, html[class*='translated-rtl'] .survey-grid .survey .content.rightalign { text-align: left; } .survey-grid .survey .content.rightalign a { padding: 0 10px; } html[lang*='en'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow, html[class*='translated-ltr'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow { float: none; } html[lang*='ar'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow, html[class*='translated-rtl'] .survey-grid .survey .content.rightalign a .icon-long-right-arrow { float: left; } .survey-grid .view-all { padding: 0px 15px; } html[lang*='ar'] .survey-grid .view-all, html[class*='translated-rtl'] .survey-grid .view-all { float: left !important; } } #survey-model .modal-header { visibility: hidden; } #survey-model .modal-body { padding: 55px 15px 30px; } #survey-model .modal-body p { text-align: center; padding: 0 30px; } #survey-model .modal-body img { width: 40px; margin: 30px auto; display: block; } #survey-model .modal-body .form-group { text-align: center; } #survey-model .modal-body .form-group .tamm-btn { margin-right: 20px; padding: 10px 40px; } .survey-grid .survey .content.rightalign.surveys a { text-transform: uppercase; } /*@import 'components/search';*/ /*done*/ /*************************************************************************************************** background video/image component Author: TAMM ***************************************************************************************************/ .video-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; /*M.F*/ } .video-wrapper .video-wrapper video { width: auto !important; /*changed to fix video dimension in mobile */ height: auto; } .video-wrapper .video-overlay { width: 100%; height: 100%; z-index: 2; position: absolute; } .video-wrapper .bg-image-wrapper { /* height: 100%; background-size: 100% !important; */ position: relative; top: 180px; display: block; } @media only screen and (max-width: 992px) { .video-wrapper .bg-image-wrapper { height: 100%; } .height-xl { height: auto; min-height: 600px; } } @media only screen and (max-width: 767px) { .height-xl { height: auto; min-height: 368px; } .video-wrapper .bg-image-wrapper { margin: 0 auto; display: table; } } @media only screen and (min-width: 1200px) { .video-wrapper .bg-image-wrapper { width: 100%; } .video-wrapper .bg-image-wrapper > img { width: 100%; } } .highlight-video, .highlight-image, .highlight-image-text { min-height: 650px; } .highlight-image .video-wrapper-content, .highlight-image-text .video-wrapper-content { min-height: 650px; position: relative; width: 100%; } .highlight-image .video-wrapper .bg-image-wrapper, .highlight-image-text .video-wrapper .bg-image-wrapper { position: static; } .highlight-image .video-wrapper .bg-image-wrapper img, .highlight-image-text .video-wrapper .bg-image-wrapper img { width: 100%; position: absolute; bottom: 0; height: 100%; } html[lang*='ar'] .highlight-image .video-wrapper .bg-image-wrapper img, html[class*='translated-rtl'] .highlight-image .video-wrapper .bg-image-wrapper img, html[lang*='ar'] .highlight-image-text .video-wrapper .bg-image-wrapper img, html[class*='translated-rtl'] .highlight-image-text .video-wrapper .bg-image-wrapper img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /*done*/ /*************************************************************************************************** Styles for - support component Author: TAMM ***************************************************************************************************/ /*done*/ /*************************************************************************************************** Talk to us component styles Author: TAMM ***************************************************************************************************/ .talk-to-us-adgecomponent { width: 100%; } .talk-to-us-container { padding: 30px; } .talk-to-us-container p { font-size: 2.4rem; margin-top: 10px; line-height: normal; margin-bottom: 0; } html[lang*='en'] .talk-to-us-container p, html[class*='translated-ltr'] .talk-to-us-container p { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .talk-to-us-container p, html[class*='translated-rtl'] .talk-to-us-container p { font-family: "NotoKufiArabic", Arial, sans-serif; } .talk-to-us-container .yellow-border-btn:hover { background: transparent; } .talk-to-us-container a { margin-top: 0; text-decoration: none; } html[lang*='en'] .talk-to-us-container a, html[class*='translated-ltr'] .talk-to-us-container a { float: right; } html[lang*='ar'] .talk-to-us-container a, html[class*='translated-rtl'] .talk-to-us-container a { float: left; } .talk-to-us-container a span { margin-top: 4px; } html[lang*='en'] .talk-to-us-container a span, html[class*='translated-ltr'] .talk-to-us-container a span { margin-left: 15px; float: right; } html[lang*='ar'] .talk-to-us-container a span, html[class*='translated-rtl'] .talk-to-us-container a span { margin-right: 15px; float: left; } @media (min-width: 992px) and (max-width: 1100px) { .talk-to-us-container .tamm-btn { padding: 12px 20px; } } @media (max-width: 992px) { .talk-to-us-container p { margin: 0; } } @media (max-width: 767px) { .talk-to-us-container { padding: 25px; } .talk-to-us-container p { margin-bottom: 20px; } html[lang*='en'] .talk-to-us-container a, html[class*='translated-ltr'] .talk-to-us-container a { float: none; } html[lang*='ar'] .talk-to-us-container a, html[class*='translated-rtl'] .talk-to-us-container a { float: none; } } /*done*/ /*************************************************************************************************** *News and Event Listing Common styles CSS * Author: TAMM ***************************************************************************************************/ .list-item { display: block; margin-bottom: 20px; clear: both; overflow: hidden; text-decoration: none; } .list-item .list-content { padding: 12px 25px 10px; } html[lang*='en'] .list-item .list-content, html[class*='translated-ltr'] .list-item .list-content { padding-left: 25px; } html[lang*='ar'] .list-item .list-content, html[class*='translated-rtl'] .list-item .list-content { padding-right: 25px; } .list-item .list-content .content p { margin-bottom: 0; } .list-item .list-content .content span { margin: 10px 10px 0 0px; } .list-item .list-content .content h2 { font-size: 2.2rem; padding: 10px 0; margin: 5px 0 0 0; } .list-item .list-content .content .location-point { margin: 5px 0; } .list-item .list-content .content .location-point .icon-pinicon { margin: 0; font-size: 1.6rem; } .list-item .list-content .content .location-point .locationtext { font-size: 1.6rem; margin-left: 10px; } .list-item .list-content .tamm-btn.overlay-btn { padding: 5px 20px; font-size: 1.2rem; } .list-item img { width: 100%; } .list-item .event-date { margin: 20px; min-height: 110px; } html[lang*='en'] .list-item .event-date, html[class*='translated-ltr'] .list-item .event-date { padding-left: 20px; } html[lang*='ar'] .list-item .event-date, html[class*='translated-rtl'] .list-item .event-date { padding-right: 20px; } .list-item .event-date .occurance, .list-item .event-date .day { display: block; font-size: 1.3rem; line-height: normal; } html[lang*='en'] .list-item .event-date .occurance, html[class*='translated-ltr'] .list-item .event-date .occurance, html[lang*='en'] .list-item .event-date .day, html[class*='translated-ltr'] .list-item .event-date .day { letter-spacing: 1.5px; } html[lang*='ar'] .list-item .event-date .occurance, html[class*='translated-rtl'] .list-item .event-date .occurance, html[lang*='ar'] .list-item .event-date .day, html[class*='translated-rtl'] .list-item .event-date .day { letter-spacing: normal; } html[lang*='en'] .list-item .event-date .occurance, html[class*='translated-ltr'] .list-item .event-date .occurance, html[lang*='en'] .list-item .event-date .day, html[class*='translated-ltr'] .list-item .event-date .day { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .list-item .event-date .occurance, html[class*='translated-rtl'] .list-item .event-date .occurance, html[lang*='ar'] .list-item .event-date .day, html[class*='translated-rtl'] .list-item .event-date .day { font-family: "NotoKufiArabic", Arial, sans-serif; } .list-item .event-date .date { display: block; line-height: normal; } html[lang*='en'] .list-item .event-date .date, html[class*='translated-ltr'] .list-item .event-date .date { font-size: 3rem; font-family: "CircularStd-Bold", Arial, sans-serif; padding: 5px 18px 5px 0px; } html[lang*='ar'] .list-item .event-date .date, html[class*='translated-rtl'] .list-item .event-date .date { font-size: 2.4rem; font-family: "NotoKufiArabic-Bold", Arial, sans-serif; padding: 5px 0px 5px 18px; } .list-item .add-to-cal { position: absolute; top: 10px; } html[lang*='en'] .list-item .add-to-cal, html[class*='translated-ltr'] .list-item .add-to-cal { right: 60px; } html[lang*='ar'] .list-item .add-to-cal, html[class*='translated-rtl'] .list-item .add-to-cal { left: 60px; } .newslisting-container .list-item .list-content .content h2 { padding: 0; } .search-result-list li a:hover, .search-result-list li a:focus { text-decoration: none; } .list-item .list-item__img img { max-width: 185px; max-height: 170px; } @media only screen and (max-width: 768px) { .list-item .list-item__img img { max-width: 100%; } } @media only screen and (min-width: 1200px) { .list-item .list-content .content h2 { padding-bottom: 5px; } } @media only screen and (max-width: 992px) { .list-item .list-content { padding: 25px; } .list-item .list-content .content p.description { display: none; } .list-item .list-content .content h2 { margin-top: 10px; font-size: 1.8rem; } } @media only screen and (max-width: 767px) { .list-item { padding-bottom: 20px; } .list-item .list-item__img { width: 100%; } html[lang*='en'] .list-item .list-item__desc, html[class*='translated-ltr'] .list-item .list-item__desc { padding-left: 25px; } html[lang*='ar'] .list-item .list-item__desc, html[class*='translated-rtl'] .list-item .list-item__desc { padding-right: 25px; } } /*done*/ .promo { width: 100%; } .chairmans-msg { padding: 30px 0; } .chairmans-msg h2 { margin: 0 0 30px; } .chairmans-msg .pad0 { padding: 0; } .chairmans-msg .content-wrapper { margin-bottom: 30px; } .chairmans-msg .content-wrapper div:nth-child(2) { padding-top: 30px; padding-bottom: 10px; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding-right: 40px; } html[lang*='ar'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-rtl'] .chairmans-msg .content-wrapper div:nth-child(2) { padding-left: 40px; } .chairmans-msg .content-wrapper div:nth-child(2) h3, .chairmans-msg .content-wrapper div:nth-child(2) h4 { line-height: normal; margin-bottom: 15px; } .chairmans-msg .content-wrapper div:nth-child(2) h3 { font-size: 2.4rem; margin: 0; width: 80%; font-size: 2.4rem; margin: 0 0 16px; } .chairmans-msg .content-wrapper div:nth-child(2) h4 { font-size: 1.8rem; margin: 0 0 15px; } .chairmans-msg .content-wrapper div:nth-child(2) a { font-weight: bold; } .chairmans-msg .view-all-block { position: absolute; bottom: 30px; } html[lang*='en'] .chairmans-msg .view-all-block, html[class*='translated-ltr'] .chairmans-msg .view-all-block { text-align: left; } html[lang*='ar'] .chairmans-msg .view-all-block, html[class*='translated-rtl'] .chairmans-msg .view-all-block { text-align: right; } .chairmans-msg .view-all-block a { font-size: 1.6rem; letter-spacing: .89px; text-decoration: none; display: inline-block; cursor: pointer; } .chairmans-msg .view-all-block .icon-long-right-arrow { font-size: 1.3rem; margin-top: 5px; position: relative; } html[lang*='en'] .chairmans-msg .view-all-block .icon-long-right-arrow, html[class*='translated-ltr'] .chairmans-msg .view-all-block .icon-long-right-arrow { margin-left: 10px; float: none; } html[lang*='ar'] .chairmans-msg .view-all-block .icon-long-right-arrow, html[class*='translated-rtl'] .chairmans-msg .view-all-block .icon-long-right-arrow { margin-right: 10px; float: left; } .adge-home-page .chairmans-msg { padding: 0; } /*reduce space with breadcrumb*/ .chairman-msg-page .chairman-adgecomponent { padding-top: 0 !important; } .chairman-msg-page .chairman-adgecomponent .two-col-imgwrap img { max-width: 100%; height: auto; } .side-collapse-container .chairman-adgecomponent { padding-top: 0px; margin-top: 0px; } .side-collapse-container .chairman-adgecomponent img { height: auto; } @media only screen and (min-width: 767px) and (max-width: 850px) { .chairmans-msg .view-all-block { bottom: 5px; } } @media only screen and (max-width: 767px) { .chairmans-msg .content-wrapper div:nth-child(2) h3 { width: 100% !important; } .chairmans-msg .row { margin: 0; } .chairmans-msg .row img { margin-top: -2px; width: 100%; } .chairmans-msg .content-wrapper { padding: 15px 0; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(1), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(1) { text-align: center; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding: 40px; text-align: left; } html[lang*='ar'] .chairmans-msg .content-wrapper div:nth-child(1), html[class*='translated-rtl'] .chairmans-msg .content-wrapper div:nth-child(1) { text-align: center; } html[lang*='ar'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding: 40px; text-align: right; } } .chairmans-msg { padding: 30px 0; } .chairmans-msg h2 { margin: 0 0 30px; } .chairmans-msg .pad0 { padding: 0; } .chairmans-msg .content-wrapper { margin-bottom: 30px; } .chairmans-msg .content-wrapper div:nth-child(2) { padding-top: 30px; padding-bottom: 10px; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding-right: 40px; } html[lang*='ar'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-rtl'] .chairmans-msg .content-wrapper div:nth-child(2) { padding-left: 40px; } .chairmans-msg .content-wrapper div:nth-child(2) h3, .chairmans-msg .content-wrapper div:nth-child(2) h4 { line-height: normal; margin-bottom: 15px; } .chairmans-msg .content-wrapper div:nth-child(2) h3 { font-size: 2.4rem; margin: 0; width: 80%; font-size: 2.4rem; margin: 0 0 16px; } .chairmans-msg .content-wrapper div:nth-child(2) h4 { font-size: 1.8rem; margin: 0 0 15px; } .chairmans-msg .content-wrapper div:nth-child(2) a { font-weight: bold; } html[lang*='en'] .chairmans-msg .view-all-block, html[class*='translated-ltr'] .chairmans-msg .view-all-block { text-align: left; } html[lang*='ar'] .chairmans-msg .view-all-block, html[class*='translated-rtl'] .chairmans-msg .view-all-block { text-align: right; } .chairmans-msg .view-all-block a { font-size: 1.6rem; letter-spacing: .89px; text-decoration: none; display: inline-block; cursor: pointer; } .chairmans-msg .view-all-block .icon-long-right-arrow { font-size: 1.3rem; margin-top: 5px; } html[lang*='en'] .chairmans-msg .view-all-block .icon-long-right-arrow, html[class*='translated-ltr'] .chairmans-msg .view-all-block .icon-long-right-arrow { margin-left: 10px; } html[lang*='ar'] .chairmans-msg .view-all-block .icon-long-right-arrow, html[class*='translated-rtl'] .chairmans-msg .view-all-block .icon-long-right-arrow { margin-right: 10px; } @media only screen and (max-width: 767px) { .chairmans-msg .view-all-block { position: relative; top: 20px; } .chairmans-msg .row { margin: 0; } .chairmans-msg .content-wrapper { padding: 2px 0; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(1), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(1) { text-align: center; } html[lang*='en'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding: 40px; text-align: left; } html[lang*='ar'] .chairmans-msg .content-wrapper div:nth-child(2), html[class*='translated-ltr'] .chairmans-msg .content-wrapper div:nth-child(2) { padding: 40px; text-align: right; } } @media only screen and (max-width: 850px) { #wrapper #content .view-all-block { position: relative; bottom: 0; margin: 0; } } /*done*/ html[lang*='en'] .content-with-image-page main .image-overflowed img, html[class*='translated-ltr'] .content-with-image-page main .image-overflowed img { float: right; margin-right: inherit; margin-left: 50px; max-width: 45%; } html[lang*='en'] .content-with-image-page main h4.title, html[class*='translated-ltr'] .content-with-image-page main h4.title { font-family: "circularStd", Arial, sans-serif; font-weight: normal; margin-bottom: 30px; } html[lang*='ar-AE'] .content-with-image-page main .image-overflowed img, html[class*='translated-rtl'] .content-with-image-page main .image-overflowed img { float: left; margin-right: 50px; margin-left: inherit; max-width: 45%; } html[lang*='ar-AE'] .content-with-image-page main h4.title, html[class*='translated-rtl'] .content-with-image-page main h4.title { font-family: "NotoKufiArabic", Arial, sans-serif; font-weight: normal; } html[lang*='en'] .content-with-image-page main ul, html[class*='translated-ltr'] .content-with-image-page main ul { list-style-type: disc; list-style-position: inside; } html[lang*='ar-AE'] .content-with-image-page main ul, html[class*='translated-rtl'] .content-with-image-page main ul { list-style-type: disc; list-style-position: inside; } html[lang*='en'] .content-with-image-page main ul li, html[class*='translated-ltr'] .content-with-image-page main ul li { margin: 5px 0; } html[lang*='ar-AE'] .content-with-image-page main ul li, html[class*='translated-rtl'] .content-with-image-page main ul li { margin: 5px 0; } html[lang*='ar-AE'] .content-with-image-page main h4.title, html[class*='translated-rtl'] .content-with-image-page main h4.title, html[lang*='ar-AE'] .content-with-image-page main p, html[class*='translated-rtl'] .content-with-image-page main p, html[lang*='ar-AE'] .content-with-image-page main ul li, html[class*='translated-rtl'] .content-with-image-page main ul li { font-family: "NotoKufiArabic", Arial, sans-serif; text-align: right; direction: rtl; } @media screen and (max-width: 767px) { .content-with-image-page main .image-overflowed img { display: none; } } /*done*/ /*************************************************************************************************** *Custom scroll bar Common styles CSS * Author: TAMM ***************************************************************************************************/ .scrollbar-custom .mCSB_scrollTools .mCSB_draggerContainer { top: 20px; bottom: 50px; } .scrollbar-custom .mCSB_outside + .mCSB_scrollTools { right: 35px; } /*its done already*/ /*************************************************************************************************** Partners threecol styles Author: TAMM *****************************************************************************************************/ .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .img-container img, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .img-container img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap { min-height: 330px; } .adge-sitemap.navigation ul { list-style: none; padding: 0; margin: 0; font-size: 0; border: 0px !important; } html[lang*='en'] .adge-sitemap.navigation ul, html[class*='translated-ltr'] .adge-sitemap.navigation ul { padding-left: 10px; } html[lang*='ar'] .adge-sitemap.navigation ul, html[class*='translated-rtl'] .adge-sitemap.navigation ul { padding-right: 10px; } .adge-sitemap.navigation nav ul li { margin: 0; padding: 0 35px 35px 35px; display: inline-block; width: 33%; font-size: 18px; vertical-align: top; } .adge-sitemap ul li .navigation-title.field-navigationtitle, .adge-sitemap ul li .navigation-title.field-navigationtitle a, .adge-sitemap ul ul, .adge-sitemap ul ul li, .adge-sitemap ul ul li a, .adge-sitemap ul ul li .navigation-title.field-navigationtitle, .adge-sitemap .navigation nav ul li:last-child .navigation-title { text-decoration: none; border: 0; padding: 0; margin: 0; } .adge-sitemap ul li .navigation-title.field-navigationtitle:after, .adge-sitemap ul li .navigation-title.field-navigationtitle a:after, .adge-sitemap ul ul:after, .adge-sitemap ul ul li:after, .adge-sitemap ul ul li a:after, .adge-sitemap ul ul li .navigation-title.field-navigationtitle:after { display: none; content: ""; } .adge-sitemap ul li.level1 li { width: 100%; padding: 0; margin: 0; } .adge-sitemap ul li.level1 > div.navigation-title.field-navigationtitle { display: block; border-bottom-width: 2px; border-bottom-style: solid; } .adge-sitemap ul li.level1 > div > a { font-weight: bold; padding-bottom: 15px !important; } .adge-sitemap ul ul li a { font-size: 18px; } .adge-sitemap ul li.level1 li a { position: relative; } .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a { padding-top: 10px; display: block; } html[lang*='en'] .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a, html[class*='translated-ltr'] .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a { padding-left: 10px; } html[lang*='ar'] .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a, html[class*='translated-rtl'] .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a { padding-right: 20px; } .adge-sitemap ul li.level1 li .navigation-title.field-navigationtitle a:after { content: ""; width: 10px; height: 10px; display: inline-block; border-radius: 50%; position: absolute; left: -10px !important; top: 18px; } @media screen and (max-width: 786px) { .adge-sitemap ul li { width: 100% !important; } } /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ .error-wrapper { text-align: center; padding: 50px 0 50px 0; } .error-wrapper .error-icon { min-width: 100px; min-height: 100px; border-radius: 50px; display: inline-block; margin: 0 auto; vertical-align: middle; text-align: center; line-height: unset; margin-bottom: 30px; } .error-wrapper .error-icon span { font-size: 4.0rem; margin: 0 auto; vertical-align: middle; position: relative; top: 25px; } .error-wrapper p { font-size: 1.8rem; width: 290px; margin: 0 auto 20px auto; } html[lang*='en'] .error-wrapper p, html[class*='translated-ltr'] .error-wrapper p { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .error-wrapper p, html[class*='translated-rtl'] .error-wrapper p { font-family: "NotoKufiArabic", Arial, sans-serif; } .error-wrapper a { font-size: 1.6rem; letter-spacing: 0.9px; text-decoration: none; } html[lang*='en'] .error-wrapper a, html[class*='translated-ltr'] .error-wrapper a { font-family: "roboto-Bold", Arial, sans-serif; } html[lang*='ar'] .error-wrapper a, html[class*='translated-rtl'] .error-wrapper a { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .error-wrapper a .icon-long-right-arrow { display: inline-block; } html[lang*='en'] .error-wrapper a .icon-long-right-arrow, html[class*='translated-ltr'] .error-wrapper a .icon-long-right-arrow { margin-right: 5px; } html[lang*='ar'] .error-wrapper a .icon-long-right-arrow, html[class*='translated-rtl'] .error-wrapper a .icon-long-right-arrow { float: none !important; margin-left: 5px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } html[lang*='ar'] .error-wrapper a .icon-long-right-arrow::before, html[class*='translated-rtl'] .error-wrapper a .icon-long-right-arrow::before { content: "\e96f"; } .error-wrapper h2 { font-size: 3.2rem; line-height: 1.1; margin-top: 0; margin-bottom: 20px; } .achievements .error-wrapper { text-align: center; padding: 0; } .achievements .error-wrapper .error-icon { min-width: 100px; min-height: 100px; border-radius: 50px; display: inline-block; margin: 0 auto; vertical-align: middle; text-align: center; line-height: unset; margin-bottom: 30px; } .achievements .error-wrapper .error-icon span { font-size: 4.0rem; margin: 0 auto; vertical-align: middle; position: relative; top: 25px; } .achievements .error-wrapper p { font-size: 1.6rem; width: auto; margin: 0 auto 20px auto; } html[lang*='en'] .achievements .error-wrapper p, html[class*='translated-ltr'] .achievements .error-wrapper p { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .achievements .error-wrapper p, html[class*='translated-rtl'] .achievements .error-wrapper p { font-family: "NotoKufiArabic", Arial, sans-serif; } .achievements .error-wrapper h5 { font-size: 2rem; line-height: 1.1; margin-top: 0; margin-bottom: 10px; } .testmonials .testmonials-wrapper .card { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: -webkit-calc(100%/4 - 30px); max-width: calc(100%/4 - 30px); border: 0; border-radius: 0; text-align: center; margin-bottom: 30px; } @media (max-width: 923px) { .testmonials .testmonials-wrapper .card { max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 769px) { .testmonials .testmonials-wrapper .card { max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .testmonials .testmonials-wrapper .card .card-img-top { width: 56px; height: 56px; margin-top: 30px; margin: 30px auto 10px auto; border: 0; } .testmonials .testmonials-wrapper .card .card-body { padding: 10px 20px 20px 20px; } .testmonials .testmonials-wrapper .card .card-body h6 { font-family: "circularStd", Arial, sans-serif; text-transform: uppercase; font-weight: lighter; margin-bottom: 10px; } .testmonials .testmonials-wrapper .card .card-body h6 b { font-family: "CircularStd-Bold", Arial, sans-serif; } .testmonials .testmonials-wrapper .card .card-body p { margin-bottom: 0; } .testmonials .testmonials-wrapper .card .card-body:after { content: "\275E"; display: block; width: 40px; height: 40px; margin: 0 auto; font-size: 40px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { display: none; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox], html[class*='translated-ltr'] .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { display: block; width: 18px; height: 18px; } .update-facet { margin-top: 0; border: 0; padding: 8px 20px; z-index: 3; font-size: 1.3rem; font-weight: 900; text-align: center; border-radius: 50px; border-top-left-radius: 4px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; } html[lang*='en'] .update-facet, html[class*='translated-ltr'] .update-facet { letter-spacing: 1.5px; } html[lang*='ar'] .update-facet, html[class*='translated-rtl'] .update-facet { letter-spacing: normal; } .category-filter .filter-by-category { width: 100%; } .tag-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 15px; margin-bottom: 15px; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox] { margin-top: 0px; } html[lang*='en'] .tag-container { margin-left: -10px; } html[lang*='ar'] .tag-container { margin-right: -10px; } .tag-container .update-facet { border: 0; padding: 8px 20px; z-index: 3; font-size: 1.3rem; font-weight: 900; text-align: center; border-radius: 50px; border-top-left-radius: 4px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; margin-bottom: 15px; } html[lang*='en'] .tag-container .update-facet, html[class*='translated-ltr'] .tag-container .update-facet { letter-spacing: 1.5px; } html[lang*='ar'] .tag-container .update-facet, html[class*='translated-rtl'] .tag-container .update-facet { letter-spacing: normal; } html[lang*='en'] .category-filter .filter-by-category .component-content .bottom-filter-button { float: left; margin-left: -5px; } html[lang*='ar'] .category-filter .filter-by-category .component-content .bottom-filter-button { float: right; margin-right: -5px; } html[lang*='en'] .category-filter .filter-by-category .component-content .bottom-remove-filter { float: right; } html[lang*='ar'] .category-filter .filter-by-category .component-content .bottom-remove-filter { float: left; } html[lang*='en'] .tag-container .update-facet { margin-left: 10px; } html[lang*='ar'] .tag-container .update-facet { margin-right: 10px; } html[lang*='en'] .tag-container .update-facet .icon-close { margin-left: 15px; font-size: 10px; } html[lang*='ar'] .tag-container .update-facet .icon-close { margin-right: 15px; font-size: 10px; } .bottom-filter-button input, .bottom-remove-filter input, .update-facet, .ClearAllFilters { outline: none; cursor: pointer; } .ClearAllFilters { border: 0; margin: 15px; position: relative; bottom: 5px; } .ClearAllFilters .icon-Shape { padding: 5px; } .clear-all-filter span { margin: 10px; padding: 0px; } .facet-count { display: none; } .search-wrapper > div:nth-child(1) { text-shadow: none !important; font-size: 1.7rem !important; margin: 0 !important; } .search-wrapper > div:nth-child(2) { text-shadow: none !important; font-size: 3.5rem !important; } .slick-list .search-wrapper > div { text-shadow: none !important; font-size: 2.5rem !important; margin: 0 !important; } .searchResultsBox .typing-animation .homepage-search-quote { position: relative; z-index: 1; display: block; } .no-results { text-align: center; padding: 25px !important; } .no-results:before { content: "\e955"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 50%; border: solid 1px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 0 10px; display: inline-block; } /****Sharaka imports****/ .ui-datepicker { width: 20%; } .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dddddd; padding: 0.8em 0 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, a.ui-button.nice-select.open, .ui-button:active, .ui-button.nice-select.open, .ui-button.ui-state-active:hover { color: #474747; border: solid 1px #474747 !important; border-radius: 30px; color: #474747; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled.nice-select.open, html .ui-button.ui-state-disabled.nice-select.open { border: none; background: transparent; padding: 12px 10px; text-align: center; } .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { border: solid #474747; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .ui-icon-circle-triangle-w { -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform: rotate(135deg); } .ui-icon-circle-triangle-e { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #005971 !important; background: #005971 !important; color: #ffffff; border-radius: 60px; } .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker { width: 320px; } /*************************************************************************************************** shakara forms styles Author: Manikandan R ***************************************************************************************************/ .Sharaka-cards .component.page-list ul li:last-child.disabledCard .title-wrap > div span { box-shadow: 0px 0px 0 2px #d0d0d0; } .Sharaka-cards .component.page-list ul li:last-child.disabledCard .ShortDescription { border-top: 1px solid #d0d0d0; } .Sharaka-cards .component.page-list ul li:last-child.disabledCard .form-check .title-wrap > div + span { color: #585858; } #ChallengesPage .tamm-rte.field-shortdescription, #DuesPage .tamm-rte.field-shortdescription, #FinesPage .tamm-rte.field-shortdescription { display: none; } /* html[lang*='en'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child, html[class*='translated-ltr'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child{ margin-right: 0; } html[lang*='ar'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child, html[class*='translated-rtl'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child{ margin-left: 0; } html[lang*='en'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before, html[class*='translated-ltr'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before , html[lang*='ar'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before, html[class*='translated-rtl'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before { width: 98%; } @media screen and (min-width: 768px) and (max-width: 1024px) { html[lang*='en'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li{ margin-left: 26.3%; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li { margin-left: 26.3%; } } @media screen and (min-width: 1024px) and (max-width: 1220px) { html[lang*='en'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li{ margin-left: 27.89%; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li { margin-right: 27.89%; margin-left: 0px; } }*/ @media screen and (max-width: 666px) { #cedDuesForm { width: 100%; } .doc-upload .sel-file-name { width: 100%; float: left; } .doc-upload .sel-file-name .sel-name { padding: 5px 8px; padding: 5px 12px; } .Sharaka-Page .sharaka-form .doc-upload { padding-top: 0; } .Sharaka-Page .new-form-section .custom-control-inline { margin-bottom: 32px; } } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { fill: #000; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23005971'/%3E%3C/svg%3E"); } html[lang*="ar"] .select2-selection__rendered, html[class*="translated-rtl"] .select2-selection__rendered { padding-right: 0 !important; } html[lang*="ar"] .select2-container--default .select2-selection--single .select2-selection__arrow, html[class*="translated-rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { left: 1px; right: inherit; } html[lang*="ar"] .Sharaka-Page .new-form-section .custom-control-inline, html[class*="translated-rtl"] { right: 13px; left: inherit; } html[lang*="ar"] .sharaka-form .custom-control-label::before, html[class*="translated-rtl"] .sharaka-form .custom-control-label::before { top: 0rem; right: -2.5rem; left: inherit; } html[lang*="ar"] .sharaka-form .custom-control-label::after, html[class*="translated-rtl"] .sharaka-form .custom-control-label::after { right: -3rem; left: inherit; } .date-field img { display: inline-block; position: absolute; bottom: 35px; } .Sharaka-Page .sharaka-form .date-field input { padding-top: 10px !important; } html[lang*='en'] .Sharaka-Page .sharaka-form .date-field input, html[class*='translated-ltr'] .Sharaka-Page .sharaka-form .date-field input { padding-left: 37px !important; } html[lang*='ar'] .Sharaka-Page .sharaka-form .date-field input, html[class*='translated-rtl'] .Sharaka-Page .sharaka-form .date-field input { padding-right: 37px !important; } .help-block.with-errors .list-unstyled .cross-icon { z-index: 10; cursor: pointer; } .help-block.with-errors .list-unstyled .cross-icon::before { position: absolute; content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #000; height: 30px; width: 30px; background: transparent; z-index: 1; color: red; font-size: 15px; } html[lang*='en'] .help-block.with-errors .list-unstyled .cross-icon::before, html[class*='translated-ltr'] .help-block.with-errors .list-unstyled .cross-icon::before { right: 0px; bottom: 42px; } html[lang*='ar'] .help-block.with-errors .list-unstyled .cross-icon::before, html[class*='translated-rtl'] .help-block.with-errors .list-unstyled .cross-icon::before { left: 0px; bottom: 42px; } /* .footer-print { border-bottom: 30px solid #a19a80; position: fixed; bottom: 0; width: 100%; } .footer-print .footer-container .footer-links { padding: 5rem 0 2.8rem !important; } .footer-print .cedfooter:after { content: ""; position: absolute; bottom: -31px !important; height: 155px !important; z-index: 10000000000000000; width: 20% !important; background-size: 100%; background-image: url(sharaka-flower.svg) !important; background-repeat: no-repeat; } .footer-print .field-link img { width: 30px; margin-right: 20px; } .footer-print .footer-container .footer-links ul li a { font-size: 2rem !important; }*/ .header-print .adge-subheader-adgecomponent { border-bottom: 0px; } .header-print .adge-subheader-adgecomponent .adge-branding img { width: 350px; padding-top: 30px; } .print-page { margin-top: 200px !important; } html[lang*="en"] .footer-print .cedfooter:after, html[class*="translated-ltr"] .footer-print .cedfooter:after { right: 100px !important; } .print-page .submit-wrapper h4 { font-size: 3rem; } .print-page .submit-wrapper h2 { font-size: 4rem !important; } .print-page .submit-wrapper h4 + p { margin-top: 10px; font-size: 23px; font-weight: bold; } .print-page .submit-wrapper .small-font { font-size: 19px; } .print-page .submit-wrapper .circle-icon { margin-bottom: 10px; } @media screen and (max-width: 666px) { .footer-print .cedfooter:after { display: none; } .header-print .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { padding: 30px; } /*html[lang*='en'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li{ margin-right: 15.9%; } html[lang*='ar'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li{ margin-left: 15.9%; }*/ .Sharaka-cards .search-results ul, .Sharaka-cards .component.page-list ul { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .Sharaka-cards .search-results ul li, .Sharaka-cards .component.page-list ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (max-width: 1366px) { .footer-print .cedfooter:after { bottom: -83px !important; } } .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; font-size: 200px !important; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } #cedDuesForm, #cedFinesForm, #cedChallengesForm { width: 100%; } .printedwrapper { display: none; } @media print { #footer .footer-container { background-color: #005971; } .footer-print { border-bottom: 30px solid #a19a80; } body > #wrapper > header, body > #wrapper > footer, .innerpage-headerbg, .component.breadcrumb.navigation-title.initialized, .nav.nav-tabs.step-anchor, .row.smartwizard-cardActive, .tamm-btn.black-border-btn.text-center, .btn-toolbar.sw-toolbar.sw-toolbar-bottom.justify-content-end, #cedDuesForm, #cedFinesForm, #cedChallengesForm { display: none; } .printedwrapper, .printedwrapper * { display: block !important; } .printedwrapper .submit-wrapper .circle-icon { display: inline-block !important; } } /*********/ /* added by TAMM */ /* @import 'components/imagelisting'; @import 'components/imageGallery'; @import 'components/_video-listing'; @import 'components/persona-tile';*/ /*************************************************************************************************** Quotes component styles Author: Manikandan R ***************************************************************************************************/ .adec-hp blockquote { margin-bottom: 65px; } .quote { width: 100%; } blockquote { font-size: 2.4rem; margin: -10px auto; padding: 2.2em 30px 2.2em 75px; line-height: 1.6; position: relative; text-align: center; height: 220px; width: 100%; } blockquote .field-quote p { margin: 0; font-size: 2.0rem; } blockquote .field-author { font-weight: bold; font-size: 1.6rem; margin-top: 10px; } blockquote::before { font-family: Arial; content: "\201C"; font-size: 4em; position: absolute; left: 30%; top: 10px; } html[lang*='ar'] blockquote::before, html[class*='translated-rtl'] blockquote::before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } blockquote::after { font-family: Arial; content: "\201C"; font-size: 4em; position: absolute; right: 28%; top: -15%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } blockquote span { display: block; font-style: normal; font-weight: bold; margin-top: 1em; font-size: 1.4rem; } .inner-page blockquote { margin-bottom: 60px !important; } @media only screen and (min-width: 992px) and (max-width: 1024px) { blockquote { width: 100%; } blockquote:before { left: 26%; } blockquote:after { right: 26%; } } @media only screen and (min-width: 767px) and (max-width: 992px) { blockquote { width: 100%; } blockquote:before { left: 18%; } blockquote:after { right: 18%; } } @media only screen and (max-width: 767px) { blockquote { width: 100%; padding: 2.2em 40px 2.2em 40px; } blockquote:before { left: 10px; } blockquote:after { right: 10px; } } /* @import 'components/adek-download-tile'; @import 'components/adek-footer'; */ .tamm-rte, .dynamic-GI .rich-text { line-height: 1.75; letter-spacing: normal; font-size: 16px !important; font-family: inherit !important; /*.field-gi-name { //font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; }*/ /*strong { @include ltr { font-family: $font_bold_en2; } @include rtl { font-family: $font_bold_ar2; } }*/ } .tamm-rte h1, .dynamic-GI .rich-text h1 { font-size: 3.2rem !important; } .tamm-rte h2, .dynamic-GI .rich-text h2 { font-size: 2.7rem !important; } .tamm-rte h3, .dynamic-GI .rich-text h3 { font-size: 2.4rem !important; } .tamm-rte h4, .dynamic-GI .rich-text h4 { font-size: 2.0rem !important; } .tamm-rte h5, .dynamic-GI .rich-text h5 { font-size: 1.8rem !important; } .tamm-rte h6, .dynamic-GI .rich-text h6 { font-size: 1.6rem !important; } .tamm-rte h1, .tamm-rte h2, .tamm-rte h3, .tamm-rte h4, .tamm-rte h5, .tamm-rte h6, .dynamic-GI .rich-text h1, .dynamic-GI .rich-text h2, .dynamic-GI .rich-text h3, .dynamic-GI .rich-text h4, .dynamic-GI .rich-text h5, .dynamic-GI .rich-text h6 { margin-bottom: 20px; margin-top: 15px; } html[lang*='en'] .tamm-rte h1, html[class*='translated-ltr'] .tamm-rte h1, html[lang*='en'] .tamm-rte h2, html[class*='translated-ltr'] .tamm-rte h2, html[lang*='en'] .tamm-rte h3, html[class*='translated-ltr'] .tamm-rte h3, html[lang*='en'] .tamm-rte h4, html[class*='translated-ltr'] .tamm-rte h4, html[lang*='en'] .tamm-rte h5, html[class*='translated-ltr'] .tamm-rte h5, html[lang*='en'] .tamm-rte h6, html[class*='translated-ltr'] .tamm-rte h6, html[lang*='en'] .dynamic-GI .rich-text h1, html[class*='translated-ltr'] .dynamic-GI .rich-text h1, html[lang*='en'] .dynamic-GI .rich-text h2, html[class*='translated-ltr'] .dynamic-GI .rich-text h2, html[lang*='en'] .dynamic-GI .rich-text h3, html[class*='translated-ltr'] .dynamic-GI .rich-text h3, html[lang*='en'] .dynamic-GI .rich-text h4, html[class*='translated-ltr'] .dynamic-GI .rich-text h4, html[lang*='en'] .dynamic-GI .rich-text h5, html[class*='translated-ltr'] .dynamic-GI .rich-text h5, html[lang*='en'] .dynamic-GI .rich-text h6, html[class*='translated-ltr'] .dynamic-GI .rich-text h6 { font-family: "CircularStd-Black", Arial, sans-serif !important; } html[lang*='ar'] .tamm-rte h1, html[class*='translated-rtl'] .tamm-rte h1, html[lang*='ar'] .tamm-rte h2, html[class*='translated-rtl'] .tamm-rte h2, html[lang*='ar'] .tamm-rte h3, html[class*='translated-rtl'] .tamm-rte h3, html[lang*='ar'] .tamm-rte h4, html[class*='translated-rtl'] .tamm-rte h4, html[lang*='ar'] .tamm-rte h5, html[class*='translated-rtl'] .tamm-rte h5, html[lang*='ar'] .tamm-rte h6, html[class*='translated-rtl'] .tamm-rte h6, html[lang*='ar'] .dynamic-GI .rich-text h1, html[class*='translated-rtl'] .dynamic-GI .rich-text h1, html[lang*='ar'] .dynamic-GI .rich-text h2, html[class*='translated-rtl'] .dynamic-GI .rich-text h2, html[lang*='ar'] .dynamic-GI .rich-text h3, html[class*='translated-rtl'] .dynamic-GI .rich-text h3, html[lang*='ar'] .dynamic-GI .rich-text h4, html[class*='translated-rtl'] .dynamic-GI .rich-text h4, html[lang*='ar'] .dynamic-GI .rich-text h5, html[class*='translated-rtl'] .dynamic-GI .rich-text h5, html[lang*='ar'] .dynamic-GI .rich-text h6, html[class*='translated-rtl'] .dynamic-GI .rich-text h6 { font-family: "NotoKufiArabic", Arial, sans-serif !important; } html[lang*='en'] .tamm-rte h1 span, html[class*='translated-ltr'] .tamm-rte h1 span, html[lang*='en'] .tamm-rte h2 span, html[class*='translated-ltr'] .tamm-rte h2 span, html[lang*='en'] .tamm-rte h3 span, html[class*='translated-ltr'] .tamm-rte h3 span, html[lang*='en'] .tamm-rte h4 span, html[class*='translated-ltr'] .tamm-rte h4 span, html[lang*='en'] .tamm-rte h5 span, html[class*='translated-ltr'] .tamm-rte h5 span, html[lang*='en'] .tamm-rte h6 span, html[class*='translated-ltr'] .tamm-rte h6 span, html[lang*='en'] .dynamic-GI .rich-text h1 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h1 span, html[lang*='en'] .dynamic-GI .rich-text h2 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h2 span, html[lang*='en'] .dynamic-GI .rich-text h3 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h3 span, html[lang*='en'] .dynamic-GI .rich-text h4 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h4 span, html[lang*='en'] .dynamic-GI .rich-text h5 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h5 span, html[lang*='en'] .dynamic-GI .rich-text h6 span, html[class*='translated-ltr'] .dynamic-GI .rich-text h6 span { font-family: "CircularStd-Bold", Arial, sans-serif !important; } html[lang*='ar'] .tamm-rte h1 span, html[class*='translated-rtl'] .tamm-rte h1 span, html[lang*='ar'] .tamm-rte h2 span, html[class*='translated-rtl'] .tamm-rte h2 span, html[lang*='ar'] .tamm-rte h3 span, html[class*='translated-rtl'] .tamm-rte h3 span, html[lang*='ar'] .tamm-rte h4 span, html[class*='translated-rtl'] .tamm-rte h4 span, html[lang*='ar'] .tamm-rte h5 span, html[class*='translated-rtl'] .tamm-rte h5 span, html[lang*='ar'] .tamm-rte h6 span, html[class*='translated-rtl'] .tamm-rte h6 span, html[lang*='ar'] .dynamic-GI .rich-text h1 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h1 span, html[lang*='ar'] .dynamic-GI .rich-text h2 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h2 span, html[lang*='ar'] .dynamic-GI .rich-text h3 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h3 span, html[lang*='ar'] .dynamic-GI .rich-text h4 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h4 span, html[lang*='ar'] .dynamic-GI .rich-text h5 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h5 span, html[lang*='ar'] .dynamic-GI .rich-text h6 span, html[class*='translated-rtl'] .dynamic-GI .rich-text h6 span { font-family: "NotoKufiArabic-Bold", Arial, sans-serif !important; } html[lang*='en'] .tamm-rte strong, html[class*='translated-ltr'] .tamm-rte strong, html[lang*='en'] .dynamic-GI .rich-text strong, html[class*='translated-ltr'] .dynamic-GI .rich-text strong { font-size: 1.6rem !important; } html[lang*='ar'] .tamm-rte strong, html[class*='translated-rtl'] .tamm-rte strong, html[lang*='ar'] .dynamic-GI .rich-text strong, html[class*='translated-rtl'] .dynamic-GI .rich-text strong { font-size: 1.4rem !important; } .tamm-rte .strong-text, .dynamic-GI .rich-text .strong-text { font-size: 2.4rem !important; line-height: 1.4; margin-bottom: 10px; } html[lang*='en'] .tamm-rte .strong-text, html[class*='translated-ltr'] .tamm-rte .strong-text, html[lang*='en'] .dynamic-GI .rich-text .strong-text, html[class*='translated-ltr'] .dynamic-GI .rich-text .strong-text { font-family: "CircularStd-Black", Arial, sans-serif; } html[lang*='ar'] .tamm-rte .strong-text, html[class*='translated-rtl'] .tamm-rte .strong-text, html[lang*='ar'] .dynamic-GI .rich-text .strong-text, html[class*='translated-rtl'] .dynamic-GI .rich-text .strong-text { font-family: "NotoKufiArabic", Arial, sans-serif; } .tamm-rte p, .dynamic-GI .rich-text p { line-height: 1.75; letter-spacing: normal; font-size: 16px !important; margin-bottom: 10px; margin-top: 10px; font-family: inherit !important; } .tamm-rte br, .dynamic-GI .rich-text br { line-height: 1px; } .tamm-rte a, .dynamic-GI .rich-text a { text-decoration: none; font-size: inherit !important; font-family: inherit !important; font-weight: bold; } .tamm-rte a:focus, .tamm-rte a:hover, .dynamic-GI .rich-text a:focus, .dynamic-GI .rich-text a:hover { text-decoration: underline !important; } .tamm-rte hr, .dynamic-GI .rich-text hr { margin-bottom: 20px; margin-top: 0; } .tamm-rte ol, .dynamic-GI .rich-text ol { margin-bottom: 20px; padding: 0; list-style-type: decimal !important; font-family: inherit !important; } html[lang*='en'] .tamm-rte ol, html[class*='translated-ltr'] .tamm-rte ol, html[lang*='en'] .dynamic-GI .rich-text ol, html[class*='translated-ltr'] .dynamic-GI .rich-text ol { padding-left: 30px; } html[lang*='ar'] .tamm-rte ol, html[class*='translated-rtl'] .tamm-rte ol, html[lang*='ar'] .dynamic-GI .rich-text ol, html[class*='translated-rtl'] .dynamic-GI .rich-text ol { padding-right: 30px; } .tamm-rte ol li, .dynamic-GI .rich-text ol li { line-height: 2; } .tamm-rte table ul, .tamm-rte ul, .dynamic-GI .rich-text table ul, .dynamic-GI .rich-text ul { margin-bottom: 20px; display: block; } html[lang*='en'] .tamm-rte table ul, html[class*='translated-ltr'] .tamm-rte table ul, html[lang*='en'] .tamm-rte ul, html[class*='translated-ltr'] .tamm-rte ul, html[lang*='en'] .dynamic-GI .rich-text table ul, html[class*='translated-ltr'] .dynamic-GI .rich-text table ul, html[lang*='en'] .dynamic-GI .rich-text ul, html[class*='translated-ltr'] .dynamic-GI .rich-text ul { padding: 0 0 0 20px; } html[lang*='ar'] .tamm-rte table ul, html[class*='translated-rtl'] .tamm-rte table ul, html[lang*='ar'] .tamm-rte ul, html[class*='translated-rtl'] .tamm-rte ul, html[lang*='ar'] .dynamic-GI .rich-text table ul, html[class*='translated-rtl'] .dynamic-GI .rich-text table ul, html[lang*='ar'] .dynamic-GI .rich-text ul, html[class*='translated-rtl'] .dynamic-GI .rich-text ul { padding: 0 20px 0 0; } .tamm-rte table ul li, .tamm-rte ul li, .dynamic-GI .rich-text table ul li, .dynamic-GI .rich-text ul li { line-height: 2; list-style-type: none !important; font-family: inherit !important; position: relative; } html[lang*='en'] .tamm-rte table ul li, html[class*='translated-ltr'] .tamm-rte table ul li, html[lang*='en'] .tamm-rte ul li, html[class*='translated-ltr'] .tamm-rte ul li, html[lang*='en'] .dynamic-GI .rich-text table ul li, html[class*='translated-ltr'] .dynamic-GI .rich-text table ul li, html[lang*='en'] .dynamic-GI .rich-text ul li, html[class*='translated-ltr'] .dynamic-GI .rich-text ul li { padding-left: 10px; } html[lang*='ar'] .tamm-rte table ul li, html[class*='translated-rtl'] .tamm-rte table ul li, html[lang*='ar'] .tamm-rte ul li, html[class*='translated-rtl'] .tamm-rte ul li, html[lang*='ar'] .dynamic-GI .rich-text table ul li, html[class*='translated-rtl'] .dynamic-GI .rich-text table ul li, html[lang*='ar'] .dynamic-GI .rich-text ul li, html[class*='translated-rtl'] .dynamic-GI .rich-text ul li { padding-right: 10px; } .tamm-rte table ul li:before, .tamm-rte ul li:before, .dynamic-GI .rich-text table ul li:before, .dynamic-GI .rich-text ul li:before { content: "\e980"; font-size: 7px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; vertical-align: middle; position: absolute; top: 11px; } html[lang*='en'] .tamm-rte table ul li:before, html[class*='translated-ltr'] .tamm-rte table ul li:before, html[lang*='en'] .tamm-rte ul li:before, html[class*='translated-ltr'] .tamm-rte ul li:before, html[lang*='en'] .dynamic-GI .rich-text table ul li:before, html[class*='translated-ltr'] .dynamic-GI .rich-text table ul li:before, html[lang*='en'] .dynamic-GI .rich-text ul li:before, html[class*='translated-ltr'] .dynamic-GI .rich-text ul li:before { left: -10px; padding-right: 10px; } html[lang*='ar'] .tamm-rte table ul li:before, html[class*='translated-rtl'] .tamm-rte table ul li:before, html[lang*='ar'] .tamm-rte ul li:before, html[class*='translated-rtl'] .tamm-rte ul li:before, html[lang*='ar'] .dynamic-GI .rich-text table ul li:before, html[class*='translated-rtl'] .dynamic-GI .rich-text table ul li:before, html[lang*='ar'] .dynamic-GI .rich-text ul li:before, html[class*='translated-rtl'] .dynamic-GI .rich-text ul li:before { right: -10px; padding-left: 10px; } .tamm-rte .table-responsive, .dynamic-GI .rich-text .table-responsive { margin-bottom: 20px; } .tamm-rte .table-bordered, .tamm-rte .table-bordered > tbody > tr > td, .tamm-rte .table-bordered > tbody > tr > th, .tamm-rte .table-bordered > tfoot > tr > td, .tamm-rte .table-bordered > tfoot > tr > th, .tamm-rte .table-bordered > thead > tr > td, .tamm-rte .table-bordered > thead > tr > th, .dynamic-GI .rich-text .table-bordered, .dynamic-GI .rich-text .table-bordered > tbody > tr > td, .dynamic-GI .rich-text .table-bordered > tbody > tr > th, .dynamic-GI .rich-text .table-bordered > tfoot > tr > td, .dynamic-GI .rich-text .table-bordered > tfoot > tr > th, .dynamic-GI .rich-text .table-bordered > thead > tr > td, .dynamic-GI .rich-text .table-bordered > thead > tr > th { font-family: inherit !important; } .tamm-rte .table, .dynamic-GI .rich-text .table { text-align: left; } .tamm-rte .table.text-center, .dynamic-GI .rich-text .table.text-center { text-align: center; } .tamm-rte .table.text-center th, .dynamic-GI .rich-text .table.text-center th { text-align: center; } .tamm-rte .table-bordered th, .dynamic-GI .rich-text .table-bordered th { font-weight: normal; } .tamm-rte table, .dynamic-GI .rich-text table { width: 100% !important; height: auto !important; margin: 50px 0; } .tamm-rte table th, .dynamic-GI .rich-text table th { padding: 20px; } html[lang*='en'] .tamm-rte table th:first-child, html[class*='translated-ltr'] .tamm-rte table th:first-child, html[lang*='en'] .dynamic-GI .rich-text table th:first-child, html[class*='translated-ltr'] .dynamic-GI .rich-text table th:first-child { padding-left: 40px; } html[lang*='ar'] .tamm-rte table th:first-child, html[class*='translated-rtl'] .tamm-rte table th:first-child, html[lang*='ar'] .dynamic-GI .rich-text table th:first-child, html[class*='translated-rtl'] .dynamic-GI .rich-text table th:first-child { padding-right: 40px; } html[lang*='en'] .tamm-rte table th:last-child, html[class*='translated-ltr'] .tamm-rte table th:last-child, html[lang*='en'] .dynamic-GI .rich-text table th:last-child, html[class*='translated-ltr'] .dynamic-GI .rich-text table th:last-child { padding-right: 40px; } html[lang*='ar'] .tamm-rte table th:last-child, html[class*='translated-rtl'] .tamm-rte table th:last-child, html[lang*='ar'] .dynamic-GI .rich-text table th:last-child, html[class*='translated-rtl'] .dynamic-GI .rich-text table th:last-child { padding-left: 40px; } .tamm-rte table tr td, .dynamic-GI .rich-text table tr td { padding: 25px 20px 25px; } html[lang*='en'] .tamm-rte table tr td:first-child, html[class*='translated-ltr'] .tamm-rte table tr td:first-child, html[lang*='en'] .dynamic-GI .rich-text table tr td:first-child, html[class*='translated-ltr'] .dynamic-GI .rich-text table tr td:first-child { padding-left: 40px; } html[lang*='ar'] .tamm-rte table tr td:first-child, html[class*='translated-rtl'] .tamm-rte table tr td:first-child, html[lang*='ar'] .dynamic-GI .rich-text table tr td:first-child, html[class*='translated-rtl'] .dynamic-GI .rich-text table tr td:first-child { padding-right: 40px; } html[lang*='en'] .tamm-rte table tr td:last-child, html[class*='translated-ltr'] .tamm-rte table tr td:last-child, html[lang*='en'] .dynamic-GI .rich-text table tr td:last-child, html[class*='translated-ltr'] .dynamic-GI .rich-text table tr td:last-child { padding-right: 40px; } html[lang*='ar'] .tamm-rte table tr td:last-child, html[class*='translated-rtl'] .tamm-rte table tr td:last-child, html[lang*='ar'] .dynamic-GI .rich-text table tr td:last-child, html[class*='translated-rtl'] .dynamic-GI .rich-text table tr td:last-child { padding-left: 40px; } html[lang*='ar'] .tamm-rte table tr td, html[class*='translated-rtl'] .tamm-rte table tr td, html[lang*='ar'] .dynamic-GI .rich-text table tr td, html[class*='translated-rtl'] .dynamic-GI .rich-text table tr td { text-align: right; } html[lang*='en'] .tamm-rte table tr td, html[class*='translated-ltr'] .tamm-rte table tr td, html[lang*='en'] .dynamic-GI .rich-text table tr td, html[class*='translated-ltr'] .dynamic-GI .rich-text table tr td { text-align: left; } .tamm-rte img, .dynamic-GI .rich-text img { max-width: 100%; height: auto; } html[lang*='en'] .tamm-rte img, html[class*='translated-ltr'] .tamm-rte img, html[lang*='en'] .dynamic-GI .rich-text img, html[class*='translated-ltr'] .dynamic-GI .rich-text img { float: left; margin: 10px 20px 20px 0 !important; } html[lang*='ar'] .tamm-rte img, html[class*='translated-rtl'] .tamm-rte img, html[lang*='ar'] .dynamic-GI .rich-text img, html[class*='translated-rtl'] .dynamic-GI .rich-text img { float: right; margin: 10px 0 20px 20px !important; } .tamm-rte .image-with-text img, .dynamic-GI .rich-text .image-with-text img { border: 0; max-width: 100%; height: auto; float: none; margin-left: 0 !important; margin-right: 0 !important; } .tamm-rte .border-img img, .dynamic-GI .rich-text .border-img img { max-width: 100%; height: auto; margin: 0 0 50px 0 !important; position: relative; float: none !important; } .tamm-rte .border-img.field-gi-image, .dynamic-GI .rich-text .border-img.field-gi-image { /*add specific handling for GI image as per comments f EO team*/ } .tamm-rte .border-img.field-gi-image img, .dynamic-GI .rich-text .border-img.field-gi-image img { margin: 10px auto 50px auto !important; max-width: 100%; width: auto; display: block; height: auto; } @media screen and (max-width: 767px) { .tamm-rte table td, .tamm-rte table th, .dynamic-GI .rich-text table td, .dynamic-GI .rich-text table th { display: block; padding: 20px !important; } .tamm-rte .strong-text, .dynamic-GI .rich-text .strong-text { font-size: 2rem !important; } .tamm-rte h1, .dynamic-GI .rich-text h1 { font-size: 4rem !important; } .tamm-rte h2, .dynamic-GI .rich-text h2 { font-size: 3rem !important; } .tamm-rte h3, .dynamic-GI .rich-text h3 { font-size: 2.5rem !important; } .tamm-rte h4, .dynamic-GI .rich-text h4 { font-size: 2.2rem !important; } .tamm-rte h5, .dynamic-GI .rich-text h5 { font-size: 2rem !important; } .tamm-rte h6, .dynamic-GI .rich-text h6 { font-size: 1.8rem !important; } } /*************************************************************************************************** Adge Header / sub header styles Author: TAMM ***************************************************************************************************/ html[lang*='en'] .adge-header .agde-logo-responsive, html[class*='translated-ltr'] .adge-header .agde-logo-responsive { left: 70px; } html[lang*='ar'] .adge-header .agde-logo-responsive, html[class*='translated-rtl'] .adge-header .agde-logo-responsive { right: 70px; } .adge-header .adge-subheader-adgecomponent { height: 180px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content { display: inline-block; width: 100%; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { display: table; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { clear: left; float: left; margin-left: 15px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { clear: right; float: right; margin-right: 15px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { height: 110px; width: 240px; padding: 10px; display: table-cell; vertical-align: middle; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo img { width: 100%; height: auto; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding div { display: inline-block; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-size: 28px; position: relative; max-width: 650px; line-height: 1.1; vertical-align: middle; display: table-cell; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-family: "CircularStd-Bold", Arial, sans-serif; padding-left: 20px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; padding-right: 20px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { position: relative; top: 25px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { float: right; clear: right; margin-right: 30px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { float: left; clear: left; margin-left: 30px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .sharaka-logo { width: 25px; height: 25px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect h3 { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { display: inline-block; margin: 0 5px; position: relative; top: 15px; width: 38px; height: 38px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { width: auto; top: -4px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { content: ""; position: absolute; height: 36px; top: 0px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { left: -9px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { right: -9px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child a { position: relative; -ms-transform: none; -webkit-transform: none; transform: none; top: 5px; left: auto; right: auto; bottom: auto; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a { padding: 8px 10px 5px; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-size: 14px; display: inline-block; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-family: "roboto-Regular", Arial, sans-serif !important; padding-left: 5px; padding-right: 30px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span.icon-text { font-family: "NotoKufiArabic", Arial, sans-serif !important; padding-right: 5px; padding-left: 30px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a:hover, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a:focus { text-decoration: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .icon-mob-followus { display: none; } .adge-header .h-logo img { width: 115px; } .adge-header .header-wrapper .language-switcher-wrapper { display: inline-block; position: relative; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper { float: right; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper { float: left; } .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { position: absolute; border: none; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { font-family: "circularStd", Arial, sans-serif; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { right: 15px; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { left: 15px; } .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { position: absolute; } html[lang*='en'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher, html[class*='translated-ltr'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { right: 15px; } html[lang*='ar'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher, html[class*='translated-rtl'] .adge-header .header-wrapper .language-switcher-wrapper .language-switcher { left: 15px; } .search-wrapper.adcd-label { margin-top: 55vh; } .innerpage-headerbg { min-height: 210px; background-size: cover; background-repeat: no-repeat; position: static; margin-top: 148px; z-index: 0; width: 100%; -webkit-transition: background-image 1s ease; transition: background-image 1s ease; top: 0; position: relative; } .innerpage-headerbg .innerpage-headerbg-bg { display: block; position: absolute; height: 100%; width: 100%; opacity: 0; background-position: bottom; background-repeat: no-repeat; background-size: cover; -webkit-transition: bottom 0.001s linear; transition: bottom 0.001s linear; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } @media only screen and (min-width: 1400px) and (max-width: 1700px) { .innerpage-headerbg { min-height: 245px; } } .no-margin-top { margin-top: 0 !important; } .inner-page h1 { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(0, 0, 0, 0.65); } /*overlay with Fly menu*/ .fOverlay #content .overlayF { margin: 0px; } .fOverlay .search-wrapper .searc-bar .searchResult { width: 98%; top: 81px; left: 5px; } .fOverlay .search-wrapper .searc-bar .searchResult .icon-reload:hover { text-decoration: none; } .fOverlay .search-wrapper .searc-bar .bottomBlock ul.tags li a:hover { border: 1px solid; } .fOverlay .adge-header .hamburger-menu-adgecomponent { opacity: .1; } .fOverlay .adge-header .header-search-adgecomponent { opacity: .1; } .fOverlay .adge-header .adge-subheader-adgecomponent { opacity: .1; display: none; } .fOverlay #wrapper header .header-nav-bg { border: 0px; } @media only screen and (max-width: 992px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect { display: none; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right: none; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { display: none; } } @media only screen and (max-width: 768px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { display: table; margin: 0 auto; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { max-height: 100%; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { border: none; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { border: none; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { float: left; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding { float: right; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; position: absolute; top: 68px; height: 54px; padding: 0px 15px; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { right: 0; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { left: 0; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { top: -20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { right: 5px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { left: 5px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 7px 5px; position: relative; top: 0px; width: 38px; height: 38px; border: 1px solid; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { position: absolute; top: -50px; width: 33px; height: 33px; visibility: visible; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { right: 40px; } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child { left: 40px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child .icon-text { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { display: none; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect .icon-mob-followus { display: block; border: 1px solid; width: 33px; height: 33px; padding: 5px; position: relative; top: 25px; font-size: 20px; cursor: pointer; } } @media only screen and (min-width: 767px) and (max-width: 992) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { height: 90px; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { display: none; } .adge-header .adge-subheader-adgecomponent { height: 70px; } } /*************************************************************************************************** ADGE Service page Author: TAMM ***************************************************************************************************/ /* .Adge-services-adgecomponent {padding-top:0px !important} */ .services-wrapper h3 { font-size: 2.4rem; line-height: 1.25; } .services-wrapper a.item-link { padding: 24px; display: block; min-height: 235px; -webkit-transition: all .5s; transition: all .5s; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease; margin-bottom: 15px; } .services-wrapper a.item-link.ced-litem-link { min-height: 235px; -webkit-transition: none; transition: none; } .services-wrapper a.item-link.ced-litem-link h3 { top: 0; margin-top: 25px; } .services-wrapper a.item-link.ced-litem-link .field-shortdescription { margin-top: 40px; } .services-wrapper a.item-link .service-icon .ico-light { display: none; } .services-wrapper a.item-link:active, .services-wrapper a.item-link.nice-select.open, .services-wrapper a.item-link:focus, .services-wrapper a.item-link:hover { text-decoration: none; } .services-wrapper a.item-link:active .ico-dark, .services-wrapper a.item-link.nice-select.open .ico-dark, .services-wrapper a.item-link:focus .ico-dark, .services-wrapper a.item-link:hover .ico-dark { display: none; } .services-wrapper a.item-link:active .ico-light, .services-wrapper a.item-link.nice-select.open .ico-light, .services-wrapper a.item-link:focus .ico-light, .services-wrapper a.item-link:hover .ico-light { display: block; } .services-wrapper a.item-link:active h3, .services-wrapper a.item-link.nice-select.open h3, .services-wrapper a.item-link:focus h3, .services-wrapper a.item-link:hover h3 { top: 40px; } .services-wrapper a.item-link h3 { margin-top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; top: 40px; } html[lang*='en'] .services-wrapper a.item-link h3, html[class*='translated-ltr'] .services-wrapper a.item-link h3 { padding: 0; } html[lang*='ar'] .services-wrapper a.item-link h3, html[class*='translated-rtl'] .services-wrapper a.item-link h3 { padding: 0; } .services-wrapper a.item-link [class*=" icon-"], .services-wrapper a.item-link [class^="icon-"] { font-size: 40px; } html[lang*='en'] .inner-page .services-wrapper a.item-link, html[class*='translated-ltr'] .inner-page .services-wrapper a.item-link { min-height: 160px; } html[lang*='ar'] .inner-page .services-wrapper a.item-link, html[class*='translated-rtl'] .inner-page .services-wrapper a.item-link { min-height: 205px; } .inner-page .services-wrapper a.item-link h3 { top: 25px; } @media only screen and (max-width: 992px) { .services-wrapper .item-list > div { margin-bottom: 20px; } html[lang*='en'] .services-wrapper .item-list a.item-link h3, html[class*='translated-ltr'] .services-wrapper .item-list a.item-link h3 { padding-right: 0; } html[lang*='ar'] .services-wrapper .item-list a.item-link h3, html[class*='translated-rtl'] .services-wrapper .item-list a.item-link h3 { padding-left: 0; } } @media only screen and (max-width: 767px) { .services-wrapper a.item-link { padding: 21px; min-height: auto; } .services-wrapper a.item-link:hover { -webkit-transition: all .5s; transition: all .5s; } .services-wrapper a.item-link h3 { top: 0px; } .services-wrapper a.item-link h3:hover { top: 0px; } } /*************************************************************************************************** Adge Hero Image floating button styles Author: Manikandan ***************************************************************************************************/ .floating-button-content { margin-top: 10px; } html[lang*='en'] .floating-button-content, html[class*='translated-ltr'] .floating-button-content { text-align: left; } html[lang*='ar'] .floating-button-content, html[class*='translated-rtl'] .floating-button-content { text-align: right; } .floating-button-content .caption-text { font-size: 1.4rem; position: relative; text-align: center; margin: 0 auto; margin-top: 50px; } .floating-button-content .adge-btn { text-transform: capitalize; min-height: 55px; padding-top: 15px; } html[lang*='en'] .floating-button-content .adge-btn, html[class*='translated-ltr'] .floating-button-content .adge-btn { margin-right: 10px; } html[lang*='ar'] .floating-button-content .adge-btn, html[class*='translated-rtl'] .floating-button-content .adge-btn { margin-left: 10px; } .floating-button-content .adge-btn .icon { font-size: 2rem; vertical-align: initial; } .floating-button-content .adge-btn:focus, .floating-button-content .adge-btn:hover { text-decoration: none; } .persona-wrapper { display: block; } .personas-mob-drop-down { display: none; } .tamm-btn:nth-child(1) .icon-persona:before { content: "\e9d0"; } .tamm-btn:nth-child(2) .icon-persona:before { content: "\e9cd"; } .tamm-btn:nth-child(3) .icon-persona:before { content: "\e9cc"; } .tamm-btn:nth-child(4) .icon-persona:before { content: "\e9cf"; } .tamm-btn:nth-child(5) .icon-persona:before { content: "\e9ce"; } @media only screen and (max-width: 767px) { .floating-button-wrapper { left: 0; right: 0; margin: 0 auto; width: 75%; } .persona-wrapper { opacity: 0; width: 100%; position: relative; margin: 0 auto; height: 0; z-index: 9; } .persona-wrapper .tamm-btn .icon { margin: 15px; } .persona-wrapper .tamm-btn:nth-child(1) .icon-persona:before { content: "\e9d0"; } .persona-wrapper .tamm-btn:nth-child(2) .icon-persona:before { content: "\e9cd"; } .persona-wrapper .tamm-btn:nth-child(3) .icon-persona:before { content: "\e9cc"; } .persona-wrapper .tamm-btn:nth-child(4) .icon-persona:before { content: "\e9cf"; } .persona-wrapper .tamm-btn:nth-child(5) .icon-persona:before { content: "\e9ce"; } .persona-wrapper .adge-btn { margin-top: 0px; position: relative; text-decoration: none; display: block; border-radius: 0; padding: 10px 0px; } .personas-mob-drop-down { display: block; } .personas-mob-drop-down .mob-drop-down-active { position: relative; margin: 0 auto; width: 100%; } .personas-mob-drop-down .mob-drop-down-active .adge-btn .icon { display: block; margin: 15px; } .personas-mob-drop-down .mob-drop-down-active .adge-btn .btn-label { position: absolute !important; } .personas-mob-drop-down .mob-drop-down-active .icon-down-arrow-thin { position: absolute; top: 22px; } html[lang*='en'] .personas-mob-drop-down .mob-drop-down-active .icon-down-arrow-thin, html[class*='translated-ltr'] .personas-mob-drop-down .mob-drop-down-active .icon-down-arrow-thin { right: 40px; } html[lang*='ar'] .personas-mob-drop-down .mob-drop-down-active .icon-down-arrow-thin, html[class*='translated-rtl'] .personas-mob-drop-down .mob-drop-down-active .icon-down-arrow-thin { left: 40px; } .personas-mob-drop-down .mob-drop-down-active .tamm-btn:nth-child(1) .icon-persona:before { display: none; } html[lang*='en'] .floating-button-content .caption-text, html[class*='translated-ltr'] .floating-button-content .caption-text { -webkit-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); transform: translate(20%, -50%); } html[lang*='ar'] .floating-button-content .caption-text, html[class*='translated-rtl'] .floating-button-content .caption-text { -webkit-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } .floating-button-content .adge-btn { width: 100%; min-height: 46px; padding: 0; margin: 5px 0; font-size: 1.4rem; } .floating-button-content .adge-btn span.btn-label { position: initial; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } /*************************************************************************************************** existing component overwritten styles for Adge Author: TAMM ***************************************************************************************************/ .adge-page:before { content: ""; position: absolute; top: -120px; height: 120px; left: 0px; width: 100%; display: none; } .adge-page.inner-page { margin-top: 360px; } @media only screen and (max-width: 767px) { .adge-page:before { display: none; } } /*************************************************************************************************** *Carousel - horizontal CSS * Author: Sai ***************************************************************************************************/ .carousel { border: none; padding: 0px; text-align: initial; padding-bottom: 55px; } .carousel .carousel-indicators { bottom: 0px; margin: 10px 0px; } .carousel .carousel-indicators li { margin: 0 12px; width: 10px; height: 10px; border-radius: 10px; top: 7px; } .carousel .carousel-indicators .active { border-width: 8px; height: 24px; width: 24px; top: 0px; position: relative; border-radius: 50%; } .carousel .carousel-inner { border: none; } .carousel .carousel-inner .item > img { width: 100%; } html[lang*='en'] .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent, html[class*='translated-ltr'] .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent { text-align: left; } html[lang*='ar'] .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent, html[class*='translated-rtl'] .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent { text-align: right; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent h3 { font-size: 2.4rem; font-family: "CircularStd-Bold", Arial, sans-serif; margin-top: 28px; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent p { margin-top: 26px; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent .view-all-block .view-all { padding: 0px 20px 10px; } .carousel-wrapper .item { padding: 0; } .carousel-wrapper .item p { position: absolute; z-index: 2; display: block; padding: 15px; } .carousel-wrapper .item img { position: relative; width: 100%; z-index: 1; } .carousel-wrapper .item:after { content: ""; position: absolute; bottom: 0; height: 50%; z-index: 2; opacity: .77; width: 100%; } html[lang*='en'] .carousel-wrapper .item:after, html[class*='translated-ltr'] .carousel-wrapper .item:after { left: 0; } html[lang*='ar'] .carousel-wrapper .item:after, html[class*='translated-rtl'] .carousel-wrapper .item:after { right: 0; } .whats-new-adgecomponent .carousel-control { position: absolute; height: 320px; } @media only screen and (max-width: 992px) { .carousel .right, .carousel .left { background-image: none; } } @media only screen and (max-width: 767px) { .carousel { padding-bottom: 25px; } .carousel .carousel-inner { padding-bottom: 20px; } .carousel .carousel-innercontent { padding: 0 15px; } .carousel .carousel-indicators { width: 100%; text-align: center; margin: 0; bottom: -35px; } html[lang*='en'] .carousel .carousel-indicators, html[class*='translated-ltr'] .carousel .carousel-indicators { left: 0; margin-right: -30%; margin-left: 0; padding-left: 0; } html[lang*='ar'] .carousel .carousel-indicators, html[class*='translated-rtl'] .carousel .carousel-indicators { right: 0; margin-left: -30%; margin-right: 0; padding-right: 0; } } .filter-wrapper .facet-dropdown { /* For IE10 */ } .filter-wrapper .facet-dropdown .facet-heading { display: block; width: 100%; margin: 0; border: none; } .filter-wrapper .facet-dropdown .facet-heading .facet-title { font-weight: normal; font-size: 1.3rem; font-style: normal; font-weight: 400; display: inline-block; padding-right: 15px; margin-bottom: 15px; margin-top: 9px; text-transform: uppercase; } html[lang*='en'] .filter-wrapper .facet-dropdown .facet-heading .facet-title, html[class*='translated-ltr'] .filter-wrapper .facet-dropdown .facet-heading .facet-title { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .filter-wrapper .facet-dropdown .facet-heading .facet-title, html[class*='translated-rtl'] .filter-wrapper .facet-dropdown .facet-heading .facet-title { font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='en'] .filter-wrapper .facet-dropdown .facet-heading .facet-title, html[class*='translated-ltr'] .filter-wrapper .facet-dropdown .facet-heading .facet-title { letter-spacing: 1.5px; } html[lang*='ar'] .filter-wrapper .facet-dropdown .facet-heading .facet-title, html[class*='translated-rtl'] .filter-wrapper .facet-dropdown .facet-heading .facet-title { letter-spacing: normal; } .filter-wrapper .facet-dropdown .facet-heading .clear-filter { width: 1.8rem; display: block; text-align: center; height: 18px; line-height: 16px; border-radius: 50%; letter-spacing: initial; position: relative; display: inline-block; cursor: pointer; top: 4px; right: -16px; } .filter-wrapper .facet-dropdown .facet-heading + div { position: relative; } .filter-wrapper .facet-dropdown .facet-heading + div:before { content: "\e983"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 26px; display: block; left: 3px; top: 12px; z-index: 1; font-size: 1.3rem; } .filter-wrapper .facet-dropdown .facet-heading + div:after { content: "\e973"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 12px; display: block; right: 0px; top: 15px; z-index: 1; display: none; } .filter-wrapper .facet-dropdown .facet-dropdown-select { border: none; box-shadow: none; border-radius: 0; -moz-appearance: none; /* for Chrome */ -webkit-appearance: none; text-indent: 25px; width: 100%; } .filter-wrapper .facet-dropdown .facet-dropdown-select select::-ms-expand { display: none; } .filter-wrapper .facet-dropdown .bottom-remove-filter { display: none; } .filter-wrapper .facet-dropdown.sort-filter .facet-heading + div:before { content: ""; } .filter-wrapper .facet-dropdown.sort-filter .facet-heading + div:after { content: "\e97c"; font-size: 1.6rem; top: 10px; } .filter-wrapper .facet-dropdown.sort-filter .facet-dropdown-select { text-indent: 0; } html[lang*='en'] .filter-wrapper .facet-dropdown.sort-filter .facet-dropdown-select, html[class*='translated-ltr'] .filter-wrapper .facet-dropdown.sort-filter .facet-dropdown-select { padding-left: 5px; } html[lang*='ar'] .filter-wrapper .facet-dropdown.sort-filter .facet-dropdown-select, html[class*='translated-rtl'] .filter-wrapper .facet-dropdown.sort-filter .facet-dropdown-select { padding-right: 5px; } .innerpage-search-component .mobile-sort-wrapper { display: none; } .innerpage-search-component .mobile-sort-dropdown { display: none; } @media (max-width: 767px) { .filter-persona { height: 0; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sorting-col { position: absolute; top: 0; width: 18%; } html[lang*='en'] .sorting-col, html[class*='translated-ltr'] .sorting-col { right: -30px; } html[lang*='ar'] .sorting-col, html[class*='translated-rtl'] .sorting-col { left: -30px; } .sorting-col .nice-select .list { top: 60px; z-index: 100; left: -45px !important; } html[lang*='ar'] .sorting-col .nice-select .list, html[class*='translated-rtl'] .sorting-col .nice-select .list { right: -45px !important; } .sorting-col .facet-dropdown .facet-heading { display: none; } .sorting-col .facet-dropdown .facet-heading + div:before { display: none; } .sorting-col .facet-dropdown .facet-dropdown-select { border: 0; } .sorting-col .facet-dropdown .facet-dropdown-select .current { display: none; } .sorting-col .facet-dropdown .facet-dropdown-select:after { display: none; } .innerpage-search-component { /*.search-bar-container { width: 75%; }*/ } .innerpage-search-component .sorting-col { display: none; } .innerpage-search-component .mobile-sort-wrapper { display: block; position: absolute; right: 25px; top: 35px; } .innerpage-search-component .mobile-sort-wrapper span { cursor: pointer; } html[lang*='ar'] .innerpage-search-component .mobile-sort-wrapper, html[class*='translated-rtl'] .innerpage-search-component .mobile-sort-wrapper { left: 50px; } .innerpage-search-component .mobile-sort-wrapper .icon-mobile-filter { padding-right: 15px; } html[lang*='ar'] .innerpage-search-component .mobile-sort-wrapper .icon-mobile-filter, html[class*='translated-rtl'] .innerpage-search-component .mobile-sort-wrapper .icon-mobile-filter { padding-left: 15px; } .innerpage-search-component .mobile-sort-wrapper span { font-size: 24px; } } @media only screen and (max-width: 600px) { .sorting-col .nice-select .list { left: -105px !important; } html[lang*='ar'] .sorting-col .nice-select .list, html[class*='translated-rtl'] .sorting-col .nice-select .list { right: -105px !important; } } /*************************************************************************************************** document listing styles Author: TAMM ***************************************************************************************************/ html[lang*='en'] .document-wrapper ul, html[class*='translated-ltr'] .document-wrapper ul { margin-left: 0px; } html[lang*='ar'] .document-wrapper ul, html[class*='translated-rtl'] .document-wrapper ul { margin-right: 0px; } .document-wrapper ul li { list-style: none; } html[lang*='en'] .document-wrapper ul li, html[class*='translated-ltr'] .document-wrapper ul li { margin-left: 0px; } html[lang*='ar'] .document-wrapper ul li, html[class*='translated-rtl'] .document-wrapper ul li { margin-right: 0px; } .document-wrapper ul li .documents-details { display: block; margin-bottom: 20px; clear: both; overflow: hidden; text-decoration: none; } .document-wrapper ul li .documents-details > .row > div { padding: 20px; } html[lang*='en'] .document-wrapper ul li .documents-details > .row > div:first-child, html[class*='translated-ltr'] .document-wrapper ul li .documents-details > .row > div:first-child { padding-left: 40px; } html[lang*='ar'] .document-wrapper ul li .documents-details > .row > div:first-child, html[class*='translated-rtl'] .document-wrapper ul li .documents-details > .row > div:first-child { padding-right: 40px; } .document-wrapper ul li .doctype-img, .document-wrapper ul li .desc { display: inline-block; vertical-align: text-bottom; } html[lang*='en'] .document-wrapper ul li .doctype-img, html[class*='translated-ltr'] .document-wrapper ul li .doctype-img { padding-right: 25px; } html[lang*='ar'] .document-wrapper ul li .doctype-img, html[class*='translated-rtl'] .document-wrapper ul li .doctype-img { padding-left: 25px; } .document-wrapper ul li .doctype-img + .desc { padding: 0; width: 88%; vertical-align: top; } .document-wrapper ul li .desc { padding: 5px 0; } .document-wrapper ul li .desc h3 { font-size: 2.2rem; margin-top: 0; } .document-wrapper ul li .date { font-size: 1.6rem; line-height: 1.75; padding: 5px 0; } .document-wrapper ul li .download-btn { padding: 5px 0; } .document-wrapper ul li .download-btn a { height: 30px; width: 30px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; } .document-wrapper ul li .download-btn a .icon-down-arrow { font-size: 1.2rem; vertical-align: text-bottom; line-height: 5px; } .document-wrapper ul li .download-btn .size { font-size: 1.3rem; position: relative; top: 2px; } html[lang*='en'] .document-wrapper ul li .download-btn .size, html[class*='translated-ltr'] .document-wrapper ul li .download-btn .size { letter-spacing: 1.5px; } html[lang*='ar'] .document-wrapper ul li .download-btn .size, html[class*='translated-rtl'] .document-wrapper ul li .download-btn .size { letter-spacing: normal; } html[lang*='en'] .document-wrapper ul li .download-btn .size, html[class*='translated-ltr'] .document-wrapper ul li .download-btn .size { left: 5px; } html[lang*='ar'] .document-wrapper ul li .download-btn .size, html[class*='translated-rtl'] .document-wrapper ul li .download-btn .size { right: 5px; } .document-wrapper ul li .additional-docs { padding-top: 10px; } .document-wrapper ul li .additional-docs p { margin: 0; font-size: 1.3rem; } .document-wrapper ul li .additional-docs p strong { font-size: 1.3rem; } .document-wrapper ul li .additional-docs .list-item { margin-bottom: 10px; } @media only screen and (max-width: 992px) { .document-wrapper ul li .doctype-img + .desc { width: 80%; } } @media only screen and (max-width: 767px) { .document-wrapper ul li .doctype-img + .desc { width: 100%; margin-top: 15px; } } /*************************************************************************************************** ADGE Documents styles Author: TAMM ***************************************************************************************************/ .document-links h4 { margin-bottom: 20px; } .e-Publications { width: 100%; } .four-col-cards { width: 100%; } .results-listing .search-result-list li *:hover .accrodion-listing-with-bullet li { text-decoration: none; border: 0px; } .listing-global { padding: 5px 0; } .listing-global li { display: block; margin-bottom: 20px; clear: both; overflow: hidden; text-decoration: none; margin-left: 0; } .listing-global li .icon-large { margin-top: 15px; font-size: 4rem; font-family: 'icomoon'; } html[lang*='en'] .listing-global li .icon-large, html[class*='translated-ltr'] .listing-global li .icon-large { float: left; } html[lang*='ar'] .listing-global li .icon-large, html[class*='translated-rtl'] .listing-global li .icon-large { float: right; } .listing-global li .list-content { padding: 10px; } .listing-global li .list-content .content p { margin-bottom: 0; margin-top: 0; } html[lang*='en'] .listing-global li .list-content .content p, html[class*='translated-ltr'] .listing-global li .list-content .content p { text-align: left; } html[lang*='ar'] .listing-global li .list-content .content p, html[class*='translated-rtl'] .listing-global li .list-content .content p { text-align: right; } .listing-global li .list-content .content h2 { padding: 10px 0; margin: 5px 0 0; font-size: 1.8rem; } html[lang*='en'] .listing-global li .list-content .content h2, html[class*='translated-ltr'] .listing-global li .list-content .content h2 { font-family: "roboto-Regular", Arial, sans-serif; text-align: left; } html[lang*='ar'] .listing-global li .list-content .content h2, html[class*='translated-rtl'] .listing-global li .list-content .content h2 { font-family: "NotoKufiArabic", Arial, sans-serif; text-align: right; } .listing-global li span.list-date { font-size: 1.6rem; padding-top: 26px; } html[lang*='en'] .listing-global li span.list-date, html[class*='translated-ltr'] .listing-global li span.list-date { float: left; } html[lang*='ar'] .listing-global li span.list-date, html[class*='translated-rtl'] .listing-global li span.list-date { float: right; } .listing-global li .download-btn { margin-top: 16px; } html[lang*='ar'] .listing-global li .download-btn, html[class*='translated-rtl'] .listing-global li .download-btn { text-align: left !important; } html[lang*='en'] .listing-global li .download-btn span.field-filetypeicon:last-child, html[class*='translated-ltr'] .listing-global li .download-btn span.field-filetypeicon:last-child { margin-left: 15px; } html[lang*='ar'] .listing-global li .download-btn span.field-filetypeicon:last-child, html[class*='translated-rtl'] .listing-global li .download-btn span.field-filetypeicon:last-child { margin-left: 0; margin-right: 15px; } .listing-global li .download-btn a { height: 38px; width: 38px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; } .listing-global li .download-btn a:hover { text-decoration: none; } .listing-global li .download-btn a:hover .icon-down-arrow, .listing-global li .download-btn a:hover .icon-long-right-arrow { font-weight: bold; font-size: 20px; } .listing-global li .download-btn a:hover .icon-down-arrow.icon-long-right-arrow, .listing-global li .download-btn a:hover .icon-long-right-arrow.icon-long-right-arrow { font-size: 12px; } .listing-global li .download-btn a:focus { text-decoration: none; } .listing-global li .download-btn a:focus .icon-down-arrow, .listing-global li .download-btn a:focus .icon-long-right-arrow { font-weight: bold; font-size: 20px; } .listing-global li .download-btn a:focus .icon-down-arrow.icon-long-right-arrow, .listing-global li .download-btn a:focus .icon-long-right-arrow.icon-long-right-arrow { font-size: 12px; } .listing-global li .download-btn a span.icon-down-arrow, .listing-global li .download-btn a span.icon-long-right-arrow { font-size: 20px; vertical-align: middle; line-height: 34px; } .listing-global li .download-btn a span.icon-long-right-arrow { font-size: 12px; line-height: 34px; } .listing-global li .download-btn span.size { font-size: 1.3rem; } html[lang*='en'] .listing-global li .download-btn span.size, html[class*='translated-ltr'] .listing-global li .download-btn span.size { letter-spacing: 1.5px; } html[lang*='ar'] .listing-global li .download-btn span.size, html[class*='translated-rtl'] .listing-global li .download-btn span.size { letter-spacing: normal; } html[lang*='en'] .listing-global li .download-btn span.size, html[class*='translated-ltr'] .listing-global li .download-btn span.size { margin-left: 10px; } html[lang*='ar'] .listing-global li .download-btn span.size, html[class*='translated-rtl'] .listing-global li .download-btn span.size { margin-right: 10px; direction: ltr; display: inline-block; } .listing-global li .download-btn .field-filetypeicon a span { font-size: 20px; vertical-align: middle; line-height: 45px; font-family: 'icomoon'; } .listing-global li .download-btn .field-filetypeicon a:hover span { font-size: 20px; } .listing-global li .multiple-btns { margin-top: 16px; } html[lang*='en'] .listing-global li .multiple-btns, html[class*='translated-ltr'] .listing-global li .multiple-btns { text-align: right; } html[lang*='ar'] .listing-global li .multiple-btns, html[class*='translated-rtl'] .listing-global li .multiple-btns { text-align: left; } .listing-global li .multiple-btns a { display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; padding: 6px 14px; } html[lang*='en'] .listing-global li .multiple-btns a, html[class*='translated-ltr'] .listing-global li .multiple-btns a { margin-left: 10px; margin-right: 0; } html[lang*='ar'] .listing-global li .multiple-btns a, html[class*='translated-rtl'] .listing-global li .multiple-btns a { margin-left: 0; margin-right: 10px; } .listing-global li a.list-item-link { float: left; width: 100%; text-decoration: none; } .listing-global li a.list-item-link .icon-long-right-arrow { float: right; margin: 14px; } .listing-global li .additional-docs { padding-top: 0px; } .listing-global li .additional-docs .list-item { margin: 15px 0; } .listing-global li .additional-docs p { margin: 0; font-size: 1.6rem; } .listing-global li .additional-docs p strong { font-size: 1.6rem; } .listing-global li .listing-detail-desc span.title { margin-right: 10px; } .listing-global.two-lines li .icon-large { margin-top: 27px; font-size: 3.6rem; font-family: 'icomoon'; } html[lang*='en'] .listing-global.two-lines li .icon-large, html[class*='translated-ltr'] .listing-global.two-lines li .icon-large { float: left; } html[lang*='ar'] .listing-global.two-lines li .icon-large, html[class*='translated-rtl'] .listing-global.two-lines li .icon-large { float: right; } .listing-global.two-lines li .list-content { padding: 10px; } .listing-global.two-lines li .list-content .content p { margin-bottom: 0; margin-top: 0; } .listing-global.two-lines li .list-content .content h2 { padding: 10px 0; margin: 0; font-size: 1.8rem; } .listing-global.two-lines li .multiple-btns { margin-top: 25px; } @media (max-width: 990px) { html[lang*='ar'] .listing-global li span.list-date, html[class*='translated-rtl'] .listing-global li span.list-date { float: right; } html[lang*='en'] .listing-global li span.list-date, html[class*='translated-ltr'] .listing-global li span.list-date { float: left; } html[lang*='ar'] .listing-global li .download-btn, html[class*='translated-rtl'] .listing-global li .download-btn { text-align: right !important; margin: 10px; } html[lang*='en'] .listing-global li .download-btn, html[class*='translated-ltr'] .listing-global li .download-btn { text-align: left !important; margin: 10px; } } /*iphone X landscape*/ @media only screen and (max-width: 815px) { .list-item .list-item__img { width: 100%; } .list-item .list-item__img img { max-width: 100%; max-height: -webkit-max-content; max-height: max-content; } } @media only screen and (max-width: 767px) { .list-item .list-item__img { width: 100%; } .list-item .list-item__img img { width: 100%; height: auto; } .listing-global li.list-item .download-btn { padding-bottom: 20px; } html[lang*='ar'] .listing-global li.list-item .download-btn, html[class*='translated-rtl'] .listing-global li.list-item .download-btn { text-align: right !important; } .listing-global li.list-item .download-btns { text-align: left; } .listing-global li.list-item span.list-date { padding-top: 0; } .listing-global li.list-item .list-content .content h2 { padding: 0; } .listing-global li.list-item a.list-item-link .icon-long-right-arrow { float: left; margin: 0; } } /*************************************************************************************************** Adge Quicklinks styles Author: TAMM ***************************************************************************************************/ .quicklink-adgecomponent ul { padding: 10px 0; min-height: 255px; } .quicklink-adgecomponent ul li { padding: 0; } .quicklink-adgecomponent ul li .right-arrow a { font-size: 1.8 rem; padding: 10px 20px; position: relative; display: block; } html[lang*='en'] .quicklink-adgecomponent ul li .right-arrow a, html[class*='translated-ltr'] .quicklink-adgecomponent ul li .right-arrow a { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .quicklink-adgecomponent ul li .right-arrow a, html[class*='translated-rtl'] .quicklink-adgecomponent ul li .right-arrow a { font-family: "NotoKufiArabic", Arial, sans-serif; } .quicklink-adgecomponent ul li .right-arrow a span { font-size: 1rem; } html[lang*='en'] .quicklink-adgecomponent ul li .right-arrow a span, html[class*='translated-ltr'] .quicklink-adgecomponent ul li .right-arrow a span { padding-right: 10px; } html[lang*='ar'] .quicklink-adgecomponent ul li .right-arrow a span, html[class*='translated-rtl'] .quicklink-adgecomponent ul li .right-arrow a span { padding-left: 10px; } .quicklink-adgecomponent ul li .right-arrow a:focus, .quicklink-adgecomponent ul li .right-arrow a:hover { text-decoration: none; } .quicklink-adgecomponent ul li .right-arrow.alignLeft a:before { content: "\e918"; font-size: 1.3rem; margin-top: 6px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html[lang*='en'] .quicklink-adgecomponent ul li .right-arrow.alignLeft a:before, html[class*='translated-ltr'] .quicklink-adgecomponent ul li .right-arrow.alignLeft a:before { float: left; margin-right: 15px; } html[lang*='ar'] .quicklink-adgecomponent ul li .right-arrow.alignLeft a:before, html[class*='translated-rtl'] .quicklink-adgecomponent ul li .right-arrow.alignLeft a:before { /*flip the icon**/ float: right; margin-left: 15px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .quicklink-adgecomponent ul li .right-arrow.alignLeft a:after { content: ""; } .quicklink-adgecomponent ul li .right-arrow.alignRight a:before { content: ""; } .quicklink-adgecomponent ul li .right-arrow.alignRight a:after { content: "\e918"; font-size: 1.3rem; margin-top: 8px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } html[lang*='en'] .quicklink-adgecomponent ul li .right-arrow.alignRight a:after, html[class*='translated-ltr'] .quicklink-adgecomponent ul li .right-arrow.alignRight a:after { float: right; margin-left: 10px; } html[lang*='ar'] .quicklink-adgecomponent ul li .right-arrow.alignRight a:after, html[class*='translated-rtl'] .quicklink-adgecomponent ul li .right-arrow.alignRight a:after { /*flip the icon**/ float: left; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } @media only screen and (max-width: 992px) { html[lang*='en'] .quicklink-adgecomponent ul, html[class*='translated-ltr'] .quicklink-adgecomponent ul { padding: 15px 10px; } html[lang*='ar'] .quicklink-adgecomponent ul, html[class*='translated-rtl'] .quicklink-adgecomponent ul { padding: 15px 10px; } .quicklink-adgecomponent ul li a { font-size: 2rem; } } @media only screen and (max-width: 767px) { .carousel-contentwrapper img { width: 100%; } .quicklink-adgecomponent { margin-top: 30px; } } @media only screen and (max-width: 1200px) and (min-width: 992px) { .quicklink-adgecomponent ul li a { font-size: 1.7rem; } } /*************************************************************************************************** Global border Codes Author: TAMM ***************************************************************************************************/ .container-border.white-theme { position: relative; margin-bottom: 50px; } .container-border.white-theme img { width: 100%; } .container-border.dark-theme { position: relative; margin-bottom: 50px; } /*************************************************************************************************** search container styles for pages innerpage-search-component Author: TAMM ***************************************************************************************************/ .innerpage-search-component .search-bar-container { border: 0; padding: 10px; margin: 15px 0 40px; z-index: 100; position: relative; } .innerpage-search-component .search-bar-container input { height: 52px; border: 0; width: 100%; padding: 20px; font-size: 1.6rem; } html[lang*='ar'] .innerpage-search-component .search-bar-container input, html[class*='translated-rtl'] .innerpage-search-component .search-bar-container input { text-align: right; padding-left: 80px; } .innerpage-search-component .search-bar-container .typing-animation { position: absolute; font-size: 1.6rem; margin: 10px 33px; } .innerpage-search-component .search-bar-container .icon.icon-searchv2 { position: absolute; z-index: 2; top: 28px; font-size: 2rem; } html[lang*='en'] .innerpage-search-component .search-bar-container .icon.icon-searchv2, html[class*='translated-ltr'] .innerpage-search-component .search-bar-container .icon.icon-searchv2 { right: 20px; } html[lang*='ar'] .innerpage-search-component .search-bar-container .icon.icon-searchv2, html[class*='translated-rtl'] .innerpage-search-component .search-bar-container .icon.icon-searchv2 { left: 20px; } .innerpage-search-component .search-bar-container .icon.icon-searchv2:hover, .innerpage-search-component .search-bar-container .icon.icon-searchv2:focus { font-weight: bold; } .innerpage-search-component .search-bar-container .icon.icon-searchv2 { top: 10px; font-size: 0; padding: 10px 15px; cursor: pointer; } html[lang*='en'] .innerpage-search-component .search-bar-container .icon.icon-searchv2, html[class*='translated-ltr'] .innerpage-search-component .search-bar-container .icon.icon-searchv2 { right: 15px; } html[lang*='ar'] .innerpage-search-component .search-bar-container .icon.icon-searchv2, html[class*='translated-rtl'] .innerpage-search-component .search-bar-container .icon.icon-searchv2 { left: 15px; } .innerpage-search-component .search-bar-container .icon.icon-searchv2::before { font-size: 3.2rem; } .innerpage-search-component .search-bar-container label { display: none; } .subpage-search-trending-wrapper { margin-top: -55px; z-index: 99; } .two-col-imgwrap img { max-width: 220px; margin-bottom: 20px; } html[lang*='en'] .two-col-imgwrap img, html[class*='translated-ltr'] .two-col-imgwrap img { float: left; margin-right: 20px; } html[lang*='ar'] .two-col-imgwrap img, html[class*='translated-rtl'] .two-col-imgwrap img { float: right; margin-left: 20px; } .three-col-imgwrap img { max-width: 350px; margin-bottom: 20px; } html[lang*='en'] .three-col-imgwrap img, html[class*='translated-ltr'] .three-col-imgwrap img { float: left; margin-right: 20px; } html[lang*='ar'] .three-col-imgwrap img, html[class*='translated-rtl'] .three-col-imgwrap img { float: right; margin-left: 20px; } @media only screen and (max-width: 767px) { .two-col-imgwrap img { display: block; } html[lang*='en'] .two-col-imgwrap img, html[class*='translated-ltr'] .two-col-imgwrap img { float: none; margin: 0 auto 20px; } html[lang*='ar'] .two-col-imgwrap img, html[class*='translated-rtl'] .two-col-imgwrap img { float: none; margin: 0 auto 20px; } .three-col-imgwrap img { display: block; } html[lang*='en'] .three-col-imgwrap img, html[class*='translated-ltr'] .three-col-imgwrap img { float: none; margin: 0 auto 20px; } html[lang*='ar'] .three-col-imgwrap img, html[class*='translated-rtl'] .three-col-imgwrap img { float: none; margin: 0 auto 20px; } } html[lang*='en'] .register-component, html[class*='translated-ltr'] .register-component { padding: 35px !important; } html[lang*='ar'] .register-component, html[class*='translated-rtl'] .register-component { padding: 35px !important; } .register-component .row > div img { margin: 0 auto; display: block; } html[lang*='en'] .register-component .register-submit-button, html[class*='translated-ltr'] .register-component .register-submit-button { margin-right: 20px; } html[lang*='ar'] .register-component .register-submit-button, html[class*='translated-rtl'] .register-component .register-submit-button { margin-left: 20px; } .register-component p { margin-bottom: 10px; } .register-component input[type=button] { border-radius: 0; cursor: pointer; } .register-component .field-promoicon img { width: 50px !important; height: 50px !important; } @media only screen and (max-width: 767px) { .register-component .row > div { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .register-component { padding: 20px; margin-bottom: 20px; } } .register-component.image-big, .register-component.image-big { background-color: #a2bfc2; } html[lang*='en'] .register-component.image-big, html[class*='translated-ltr'] .register-component.image-big, html[lang*='en'] .register-component.image-big, html[class*='translated-ltr'] .register-component.image-big { padding: 17px 15px !important; margin: 0 -15px !important; } html[lang*='ar'] .register-component.image-big, html[class*='translated-rtl'] .register-component.image-big, html[lang*='ar'] .register-component.image-big, html[class*='translated-rtl'] .register-component.image-big { padding: 17px 15px !important; margin: 0 -15px !important; } .register-component.image-big .image-wrap, .register-component.image-big .image-wrap { display: inline-block; } .register-component.image-big .desc-wrap, .register-component.image-big .desc-wrap { display: inline-block; width: -webkit-calc( 100% - 429px); width: calc( 100% - 429px); vertical-align: top; padding: 18px 33px; } .register-component.image-big .right-arrow-icon-wrap, .register-component.image-big .right-arrow-icon-wrap { font-weight: bold; margin-top: 28px; } .register-component.image-big .right-arrow-icon-wrap .right-arrow-icon, .register-component.image-big .right-arrow-icon-wrap .right-arrow-icon { display: inline-block; vertical-align: middle; } /*************************************************************************************************** *Note component styles CSS * Author: TAMM ***************************************************************************************************/ .note-wrapper { padding: 18px 25px; margin-bottom: 15px; } .note-wrapper p { margin: 0; } .note-wrapper p strong { font-size: 1.6rem; } /*************************************************************************************************** Styles for search focus Author: TAMM ***************************************************************************************************/ .search-bar-container .icon.icon-searchv2 { border: none; } .search-bar-container .icon.icon-searchv2:focus { outline: none; } .subpage-search-trending-wrapper { margin-top: 0px; display: none; padding: 20px; width: 100%; position: relative; } .subpage-search-trending-wrapper .title { font-size: 1.3rem; } .subpage-search-trending-wrapper .search-reload { font-size: 1.3rem; margin-left: 5px; margin-bottom: 10px; } .subpage-search-trending-wrapper .search-reload strong { /*changed by M.F to match the design*/ } html[lang*='en'] .subpage-search-trending-wrapper .search-reload strong, html[class*='translated-ltr'] .subpage-search-trending-wrapper .search-reload strong { letter-spacing: 3px; padding-left: 4px; } html[lang*='ar'] .subpage-search-trending-wrapper .search-reload strong, html[class*='translated-rtl'] .subpage-search-trending-wrapper .search-reload strong { padding-right: 4px; } .subpage-search-trending-wrapper .search-reload .icon-reload { display: inline-block; font-size: 1.8rem; letter-spacing: 2px; } html[lang*='en'] .subpage-search-trending-wrapper .search-reload .icon-reload, html[class*='translated-ltr'] .subpage-search-trending-wrapper .search-reload .icon-reload { margin-left: 10px; } html[lang*='ar'] .subpage-search-trending-wrapper .search-reload .icon-reload, html[class*='translated-rtl'] .subpage-search-trending-wrapper .search-reload .icon-reload { margin-right: 10px; } .subpage-search-trending-wrapper .search-reload .icon-reload:hover, .subpage-search-trending-wrapper .search-reload .icon-reload:focus { text-decoration: none; outline: none; } .subpage-search-trending-wrapper .icon-close { position: absolute; top: 30px; font-weight: bold; } html[lang*='en'] .subpage-search-trending-wrapper .icon-close, html[class*='translated-ltr'] .subpage-search-trending-wrapper .icon-close { right: 10px; } html[lang*='ar'] .subpage-search-trending-wrapper .icon-close, html[class*='translated-rtl'] .subpage-search-trending-wrapper .icon-close { left: 10px; } .subpage-search-trending-wrapper .icon-close:focus, .subpage-search-trending-wrapper .icon-close:hover { outline: none; } .subpage-search-trending-wrapper ul.tags { list-style: none; padding: 0; margin: 0; padding-bottom: 25px; } .subpage-search-trending-wrapper ul.tags li { display: inline-block; } .subpage-search-trending-wrapper ul.tags li a { display: inline-block; text-align: center; padding: 10px 15px; font-size: 1.8rem; margin: 5px; font-size: 1.3rem; } html[lang*='en'] .subpage-search-trending-wrapper ul.tags li a, html[class*='translated-ltr'] .subpage-search-trending-wrapper ul.tags li a { letter-spacing: 1.5px; } html[lang*='ar'] .subpage-search-trending-wrapper ul.tags li a, html[class*='translated-rtl'] .subpage-search-trending-wrapper ul.tags li a { letter-spacing: normal; } .subpage-search-trending-wrapper ul.tags li a:hover, .subpage-search-trending-wrapper ul.tags li a:focus { text-decoration: none; outline: none; } /*************************************************************************************************** Journey widget styles Author: TAMM ***************************************************************************************************/ .search-result-right-nav .explore-more { position: relative; top: 15px; z-index: 1; } html[lang*='en'] .search-result-right-nav .explore-more, html[class*='translated-ltr'] .search-result-right-nav .explore-more { text-align: left; } html[lang*='ar'] .search-result-right-nav .explore-more, html[class*='translated-rtl'] .search-result-right-nav .explore-more { text-align: right; } .search-result-right-nav .view-journey-anchor { padding-bottom: 30px !important; z-index: 10; } html[lang*='en'] .search-result-right-nav .view-journey-anchor, html[class*='translated-ltr'] .search-result-right-nav .view-journey-anchor { padding-left: 25px !important; } html[lang*='ar'] .search-result-right-nav .view-journey-anchor, html[class*='translated-rtl'] .search-result-right-nav .view-journey-anchor { padding-right: 25px !important; } .journey-widget { position: relative; top: 35px; width: 100%; margin-bottom: 15px; } .journey-widget .icon { vertical-align: middle; } html[lang*='en'] .journey-widget .search-results li .journeyImage, html[class*='translated-ltr'] .journey-widget .search-results li .journeyImage { padding-left: 20px; padding-top: 20px; padding-bottom: 40px; } html[lang*='ar'] .journey-widget .search-results li .journeyImage, html[class*='translated-rtl'] .journey-widget .search-results li .journeyImage { padding-right: 20px; padding-top: 20px; padding-bottom: 40px; } .journey-widget .field-journey-heading { padding: 20px; padding-bottom: 0px; font-weight: bold; font-weight: bold; font-size: 2.6rem; width: 75%; font-family: "CircularStd-Bold", Arial, sans-serif; } .journey-widget .field-journey-heading a { display: inline-block; vertical-align: top; } html[lang*='en'] .journey-widget .field-journey-heading a, html[class*='translated-ltr'] .journey-widget .field-journey-heading a { float: left; margin-right: 10px; } html[lang*='ar'] .journey-widget .field-journey-heading a, html[class*='translated-rtl'] .journey-widget .field-journey-heading a { float: right; margin-left: 10px; } html[lang*='en'] .journey-widget, html[class*='translated-ltr'] .journey-widget { float: right; } html[lang*='ar'] .journey-widget, html[class*='translated-rtl'] .journey-widget { float: left; } .journey-widget .journey-widget-heading { font-size: 1.3rem; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; } html[lang*='en'] html[lang*='en'] .journey-widget .journey-widget-heading, html[class*='translated-ltr'] html[lang*='en'] .journey-widget .journey-widget-heading, html[lang*='en'] html[class*='translated-ltr'] .journey-widget .journey-widget-heading, html[class*='translated-ltr'] html[class*='translated-ltr'] .journey-widget .journey-widget-heading { letter-spacing: 1.5px; } html[lang*='ar'] html[lang*='en'] .journey-widget .journey-widget-heading, html[class*='translated-rtl'] html[lang*='en'] .journey-widget .journey-widget-heading, html[lang*='ar'] html[class*='translated-ltr'] .journey-widget .journey-widget-heading, html[class*='translated-rtl'] html[class*='translated-ltr'] .journey-widget .journey-widget-heading { letter-spacing: normal; } html[lang*='ar'] .journey-widget .journey-widget-heading, html[class*='translated-rtl'] .journey-widget .journey-widget-heading { letter-spacing: normal; } html[lang*='en'] .journey-widget .journey-widget-heading, html[class*='translated-ltr'] .journey-widget .journey-widget-heading { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .journey-widget .journey-widget-heading, html[class*='translated-rtl'] .journey-widget .journey-widget-heading { font-family: "NotoKufiArabic", Arial, sans-serif; } .journey-widget .journey-link { min-height: 170px; padding: 40px 20px; } html[lang*='ar'] .journey-widget .journey-link, html[class*='translated-rtl'] .journey-widget .journey-link { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } html[lang*='en'] .journey-widget .journey-link, html[class*='translated-ltr'] .journey-widget .journey-link { font-family: "CircularStd-Bold", Arial, sans-serif; } .journey-widget .journey-link img { width: 50px; } .journey-widget .journey-link .title { font-size: 3rem; font-weight: bold; margin-top: 50px; margin-bottom: 30px; line-height: 1; } .journey-widget .journey-link a { font-weight: bold; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } html[lang*='en'] .journey-widget .journey-link a, html[class*='translated-ltr'] .journey-widget .journey-link a { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .journey-widget .journey-link a, html[class*='translated-rtl'] .journey-widget .journey-link a { font-family: "NotoKufiArabic", Arial, sans-serif; } .journey-widget .view-all-journey { margin-top: 25px; padding-top: 25px; } .journey-widget .view-all-journey a { font-weight: bold; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 1px; } html[lang*='en'] .journey-widget .view-all-journey a, html[class*='translated-ltr'] .journey-widget .view-all-journey a { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .journey-widget .view-all-journey a, html[class*='translated-rtl'] .journey-widget .view-all-journey a { font-family: "NotoKufiArabic", Arial, sans-serif; } .white-bg .journey-widget + .view-all-block { margin-bottom: 32px; } .white-bg .journey-widget + .view-all-block .view-all { font-size: 1.6rem; font-weight: 900; letter-spacing: 1px; } html[lang*='en'] .white-bg .journey-widget + .view-all-block, html[class*='translated-ltr'] .white-bg .journey-widget + .view-all-block { text-align: left; } html[lang*='ar'] .white-bg .journey-widget + .view-all-block, html[class*='translated-rtl'] .white-bg .journey-widget + .view-all-block { text-align: right; } @media only screen and (min-width: 768px) { .white-bg .journey-widget .journey-widget-heading { margin-top: 0; } } .four-col-cards.four-col-cards-adgecomponent { margin-left: 15px; margin-right: 15px; padding-top: 50px; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard { min-height: 470px; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .withimage .tags-label { bottom: 50%; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .noimage .boxGrey .field-description { padding-bottom: 20px; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .boxGrey { min-height: 215px; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcardADEKHight .flipcard { min-height: 410px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard { -webkit-perspective: 630px; perspective: 630px; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: auto; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front { min-height: 0; height: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; z-index: 1; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; width: 100%; margin: 0; cursor: pointer; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boximg { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; margin: auto; overflow: hidden; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boximg img { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; margin: auto; min-width: 100%; max-width: 100%; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boxGrey { -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 15px; min-height: 190px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boxGrey h4.field-title { font-size: 20px; text-align: start; -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 30px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boxGrey p.field-description { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back { min-height: 0; height: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; z-index: 0; height: 100%; width: 100%; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; padding: 25px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back .flipcardwrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back .flipcardwrap .icodevimg { text-align: left; margin: 0px 0px 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back .flipcardwrap .icodevimg h4.field-title { margin: 0px 0px 15px; font-size: 18px; width: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: start; line-height: 22px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back .flipcardwrap ul { list-style: disc; font-size: 16px; padding: 4px 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back .flipcardwrap ul li { margin-bottom: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } html[lang*='ar'] .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1) { text-decoration: none; font-size: 0; font-family: "NotoKufiArabic", Arial, sans-serif; } html[lang*='ar'] .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1):after { content: 'تحديد اللغة'; font-family: "NotoKufiArabic", Arial, sans-serif; font-size: 16px; } html[lang*='ar'] .video-wrapper .bg-image-wrapper img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } @media screen and (min-width: 600px) { .search-wrapper > div:nth-child(1) { font-size: 32px; font-weight: bold; font-family: "roboto-Regular", Arial, sans-serif; } .search-wrapper > div:nth-child(2) { margin-top: 20px; font-weight: bold; font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .search-wrapper > div:nth-child(2) { font-family: "NotoKufiArabic", Arial, sans-serif !important; font-weight: bold; } html[lang*='ar'] .search-wrapper > div:nth-child(1) { font-family: "NotoKufiArabic", Arial, sans-serif !important; font-weight: bold; } } @media screen and (min-width: 375px) and (max-width: 474px) { .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard { min-height: 420px; } } @media screen and (min-width: 475px) and (max-width: 768px) { .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard { min-height: 400px; } } .highlightslider .carousel { padding-bottom: 0; } .highlightslider .carousel-inner { height: 562px; margin-top: 175px; } .highlightslider .carousel-inner .carousel-item { height: 100%; } .highlightslider .carousel-inner .carousel-item img { width: 100%; height: 100%; } .new-highlights { height: 766px; } .new-highlights img { position: fixed; } .new-highlights video { height: 800px; position: relative; width: 100%; height: auto; } .new-highlights .hero-search-component { position: absolute !important; z-index: 10000 !important; width: 100% !important; top: 18em !important; left: 0 !important; right: 0 !important; } .new-highlights .search-wrapper { position: static !important; } .achievements .error-wrapper p { width: auto; margin: 0; } html[lang*='en'] .pillars-listing, html[class*='translated-ltr'] .pillars-listing { margin-left: 15px; } html[lang*='en'] .pillars-listing, html[class*='translated-ltr'] .pillars-listing { margin-right: 15px; } .pillars-listing__title { font-size: 16px; padding-bottom: 15px; font-family: "roboto-Regular", Arial, sans-serif; } .pillars-listing .listing__item { margin: 15px 0; padding: 33px 25px; } .pillars-listing .listing__title { margin-top: 10px; } .pillars-listing .listing__label { margin: 10px 0; font-size: 1.8rem; } .pillars-listing .listing__icon { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 62px; width: 62px; position: relative; display: inline-block; vertical-align: top; font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='en'] .pillars-listing .listing__icon, html[class*='translated-ltr'] .pillars-listing .listing__icon { float: left; } html[lang*='ar'] .pillars-listing .listing__icon, html[class*='translated-rtl'] .pillars-listing .listing__icon { float: right; } .pillars-listing .listing__icon span { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 40px; } .pillars-listing .listing__content { display: inline-block; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } html[lang*='en'] .pillars-listing .listing__content, html[class*='translated-ltr'] .pillars-listing .listing__content { padding-left: 20px; } html[lang*='ar'] .pillars-listing .listing__content, html[class*='translated-rtl'] .pillars-listing .listing__content { padding-right: 20px; } @media all and (-ms-high-contrast: none) { html[lang*='en'] .pillars-listing .listing__content, html[class*='translated-ltr'] .pillars-listing .listing__content { padding-left: 10px; } html[lang*='ar'] .pillars-listing .listing__content, html[class*='translated-rtl'] .pillars-listing .listing__content { padding-right: 10px; } } .pillars-listing ul { margin: 12px 0 0; padding-left: 27px; text-indent: -24px; } .pillars-listing ul li { font-size: 16px; margin: 7px 5px 5px 0; list-style: none; } .pillars-listing ul li:before { content: ''; height: 9px; width: 9px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 15px; } @media (max-width: 767px) { .pillars-listing .listing__icon { width: 43px; height: 43px; } .pillars-listing .listing__icon span { font-size: 28px; } .pillars-listing .listing__title { font-size: 18px; margin-top: 5px; } .pillars-listing .listing__content { padding-left: 8px; width: -webkit-calc(100% - 47px); width: calc(100% - 47px); } .pillars-listing .listing__item { padding: 33px 16px; } .pillars-listing ul { padding-left: 18px; text-indent: -13px; } .pillars-listing ul li { font-size: 14px; } .pillars-listing ul li:before { height: 7px; width: 7px; margin-right: 5px; } } @media (max-width: 768px) { .pillars-listing { margin-left: 0px !important; margin-right: 0px !important; margin-top: 20px !important; padding: 0px !important; } .pillars-listing .listing__content { position: relative; } } .adge-connect ul { float: left; padding-right: 15px; padding-top: 22px; } html[lang*='en'] .adge-connect ul, html[class*='translated-ltr'] .adge-connect ul { padding-right: 15px; } html[lang*='ar'] .adge-connect ul, html[class*='translated-rtl'] .adge-connect ul { padding-right: 0; padding-left: 15px; } .adced-connect .adge-branding .adge-logo { padding: 0 !important; } .adced-connect .adge-branding .adge-heading { display: none; } .adced-connect .right-side-logo { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } html[lang*='ar'] .adced-connect .right-side-logo, html[class*='translated-rtl'] .adced-connect .right-side-logo { float: left; border-left: 0; border-right: 1px solid; border-right-color: rgba(0, 0, 0, 0.09); } html[lang*='en'] .adced-connect .right-side-logo, html[class*='translated-ltr'] .adced-connect .right-side-logo { float: right; padding-top: 10px; border-left: 1px solid; border-left-color: rgba(0, 0, 0, 0.09); } .adced-connect .right-side-logo img { height: 90px; padding-top: 0; } .adge-connect { top: 0 !important; clear: inherit !important; margin-right: 0 !important; } html[lang*='ar'] .adge-connect, html[class*='translated-rtl'] .adge-connect { margin-left: 0 !important; } .right-side-logo { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; } html[lang*='ar'] .right-side-logo, html[class*='translated-rtl'] .right-side-logo { float: left; border-left: 0; border-right: 1px solid; border-right-color: rgba(0, 0, 0, 0.09); } html[lang*='en'] .right-side-logo, html[class*='translated-ltr'] .right-side-logo { float: right; padding-top: 10px; border-left: 1px solid; border-left-color: rgba(0, 0, 0, 0.09); } .right-side-logo img { height: 90px; padding-top: 0; } /*ul { float: left; padding-right: 15px; padding-top: 22px; @include ltr { padding-right: 15px; } @include rtl { padding-right: 0; padding-left: 15px; } li:last-child { display: none !important; } }*/ #scCrossPiece { display: none; } .raisecasecont .sharaka-anchor-container { padding: 0 !important; } .raisecasecont .sharaka-anchor-container a { padding: 10px 20px; display: block; } .inner-page .three-col-list-adgecomponent.three-col-listwrapper-pro { padding-top: 0px; } .inner-page #ka-search-widget-container { border: 1px solid; padding: 11px; top: 10px; width: 95%; left: 10px; } .inner-page #ka-search-results-container { top: 65px; position: relative; overflow: auto; height: -webkit-calc(100% - 50px) !important; height: calc(100% - 50px) !important; overflow-x: hidden; } .inner-page .contact-map { width: 100% !important; margin-bottom: 50px; } .inner-page #ka-main-map-component { top: 65px; } .inner-page .ka-tab-container ul li { padding-left: 55px; padding-right: 55px; padding-top: 15px; padding-bottom: 15px; margin-right: 1px; letter-spacing: 1.1px; border-radius: 0; font-size: 1.6rem; margin: 0 1px 0 1px; font-family: "circularStd", Arial, sans-serif; } .inner-page .ka-tab-container ul li.current { font-family: "CircularStd-Bold", Arial, sans-serif; } .inner-page .ka-tab-container ul li.current::after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--ka-color-3); content: " "; position: absolute; bottom: -10px; left: -webkit-calc(50% - 10px); left: calc(50% - 10px); } .inner-page .page-layout .page-content-structure .news-events-adgecomponent { padding-top: 20px; } .inner-page #ka-search-widget-container { border: 1px solid; padding: 11px; top: 10px; width: 95%; left: 10px; } .inner-page #ka-search-results-container { top: 50px; position: relative; overflow: auto; height: -webkit-calc(100% - 50px) !important; height: calc(100% - 50px) !important; overflow-x: hidden; } .inner-page .contact-map { width: 100% !important; margin-bottom: 50px; } .inner-page #ka-main-map-component { top: 65px; } .inner-page .ka-tab-container ul li { padding-left: 55px; padding-right: 55px; padding-top: 15px; padding-bottom: 15px; margin-right: 1px; letter-spacing: 1.1px; border-radius: 0; font-size: 1.6rem; margin: 0 1px 0 1px; font-family: "circularStd", Arial, sans-serif; } .inner-page .ka-tab-container ul li.current { font-family: "CircularStd-Bold", Arial, sans-serif; } .inner-page .ka-tab-container ul li.current::after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--ka-color-3); content: " "; position: absolute; bottom: -10px; left: -webkit-calc(50% - 10px); left: calc(50% - 10px); } .inner-page .page-layout .page-content-structure .news-events-adgecomponent { padding-top: 20px; } .ad-col-12 { padding-right: 0 !important; padding-left: 0 !important; } .op-view { opacity: 1 !important; } a.hover, a:focus { outline: none; } .esri-map-container { margin-top: 35px; } .floating-button-wrapper { display: none; } .news-events-content .nav-tabs { display: none; } .goog-te-gadget-simple { padding: 10px; } .goog-te-gadget-simple a:hover { text-decoration: none; } .goog-te-gadget-simple[style] { line-height: 2; min-height: 26px; padding: 5px; border-radius: 3px; } html[lang*='en'] .goog-te-gadget-simple .goog-te-menu-value span, html[class*='translated-ltr'] .goog-te-gadget-simple .goog-te-menu-value span { font-family: "circularStd", Arial, sans-serif; } html[lang*='ar'] .goog-te-gadget-simple .goog-te-menu-value span, html[class*='translated-rtl'] .goog-te-gadget-simple .goog-te-menu-value span { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .preview #scWebEditRibbon { display: none; } .hide { display: none !important; visibility: hidden !important; opacity: 0 !important; } .page-list.whatwedo { margin-top: -10px; } .page-list.whatwedo .item { padding-top: 0; border-bottom: 0; } .page-list.whatwedo .three-col-imgwrap { margin-bottom: 10px; } .page-list.whatwedo .three-col-imgwrap p { line-height: 1.83; } .page-list.whatwedo .three-col-imgwrap img { margin-bottom: 10px; } .page-list.whatwedo .three-col-imgwrap h2 { margin-bottom: 10px; } html[lang*='en'] .icon-label.field-navigationtitle, html[class*='translated-ltr'] .icon-label.field-navigationtitle { font-family: "NotoKufiArabic", Arial, sans-serif !important; } html[lang*='ar'] .icon-label.field-navigationtitle, html[class*='translated-rtl'] .icon-label.field-navigationtitle { font-family: "circularStd", Arial, sans-serif !important; } @media (max-width: 768px) { .right-side-logo img { height: 48px; padding-top: 0; } html[lang*='en'] body { position: static; } body { position: static; min-height: none; } #scCrossPiece { display: none; } } @media (min-width: 350px) and (max-width: 650px) { .page-layout .adge-page.inner-page { margin-top: 360px; } } html[lang*="ar"] .icon-long-right-arrow, html[class*="translated-rtl"] .icon-long-right-arrow { float: none !important; vertical-align: middle; display: inline-block; margin-right: 10px !important; margin-top: 5px !important; -webkit-transform: scaleX(-1) !important; -ms-transform: scaleX(-1) !important; transform: scaleX(-1) !important; } html[lang*="en"] .icon-long-right-arrow, html[class*="translated-rtl"] .icon-long-right-arrow { -webkit-transform: scaleX(1) !important; -ms-transform: scaleX(1) !important; transform: scaleX(1) !important; } .component.three-col-list-adgecomponent.col-12.our-partners-wrapper { padding-top: 5px !important; } /* ie 10 and 11 hack*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #wrapper { overflow: visible !important; } body.zoom-in-x1 { zoom: 0 !important; -ms-transform: scale(1.1, 1.1); /* IE 9 */ -webkit-transform: scale(1.1, 1.1); /* Chrome, Safari, Opera */ transform: scale(1.1, 1.1); } body.zoom-in-x2 { zoom: 0 !important; -ms-transform: scale(1.2, 1.2); /* IE 9 */ -webkit-transform: scale(1.2, 1.2); /* Chrome, Safari, Opera */ transform: scale(1.2, 1.2); } body.zoom-out-x1 { zoom: 0 !important; -ms-transform: scale(0.9, 0.9); /* IE 9 */ -webkit-transform: scale(0.9, 0.9); /* Chrome, Safari, Opera */ transform: scale(0.9, 0.9); } body.zoom-out-x2 { zoom: 0 !important; -ms-transform: scale(0.8, 0.8); /* IE 9 */ -webkit-transform: scale(0.8, 0.8); /* Chrome, Safari, Opera */ transform: scale(0.8, 0.8); } footer { overflow: hidden; } /*.modal-card { width: auto !important; } html, body, .modal-card, .modal-card-body { overflow: auto; }*/ } html.setHighContrast { -webkit-filter: grayscale(0) invert(100%) !important; filter: grayscale(0) invert(100%) !important; } html.setHighContrast video, html.setHighContrast img { -webkit-filter: grayscale(1) invert(1) !important; filter: grayscale(1) invert(1) !important; } html.setHighContrast iframe, html.setHighContrast .component.content.subpage-headerbg { -webkit-filter: grayscale(1) invert(1) !important; filter: grayscale(1) invert(1) !important; } html.setHighContrast img[class^="ico"], html.setHighContrast .h-logo img, html.setHighContrast div[class^="ico"] img { -webkit-filter: grayscale(1) invert(0) !important; filter: grayscale(1) invert(0) !important; } html.setHighContrast .subpage-container h1 { -webkit-filter: grayscale(1) invert(1) !important; filter: grayscale(1) invert(1) !important; } html.setHighContrast .adge-logo { -webkit-filter: grayscale(1) invert(1) !important; filter: grayscale(1) invert(1) !important; } html.setHighContrast #wrapper header .header-nav-bg { -webkit-filter: grayscale(1) invert(1) !important; filter: grayscale(1) invert(1) !important; } html.setHighContrast .container.main-container.poweredby img { -webkit-filter: grayscale(1) invert(0) !important; filter: grayscale(1) invert(0) !important; } @media only screen and (max-width: 1276px) { .adge-connect { display: none; } } @media only screen and (min-width: 1200px) and (-ms-high-contrast: active) { .partners .card-deck .card { -webkit-box-flex: 28% !important; -ms-flex: 28% !important; flex: 28% !important; } } @media only screen and (min-width: 1024px) { .adced-connect .adge-branding .adge-logo { padding: 0 !important; } .adced-connect .adge-branding .adge-logo img { width: 92% !important; } .adced-connect .adge-branding .adge-heading { display: none !important; } .adced-connect .right-side-logo img { height: 92px !important; padding-top: 0; } } @media only screen and (max-width: 1024px) { .adced-connect .right-side-logo img { height: 70px !important; padding-top: 0; } } @media only screen and (max-width: 768px) and (-ms-high-contrast: active) { .partners .card-deck .card { -webkit-box-flex: 50% !important; -ms-flex: 50% !important; flex: 50% !important; } } @media only screen and (max-width: 768px) { html[lang*='en'] .adced-connect .adge-branding .adge-logo, html[class*='translated-ltr'] .adced-connect .adge-branding .adge-logo { padding: 0 !important; width: inherit !important; } html[lang*='ar'] .adced-connect .adge-branding .adge-logo, html[class*='translated-rtl'] .adced-connect .adge-branding .adge-logo { padding: 0 !important; width: inherit !important; } html[lang*='en'] .adced-connect .adge-branding .adge-logo img, html[class*='translated-ltr'] .adced-connect .adge-branding .adge-logo img { width: auto !important; } html[lang*='ar'] .adced-connect .adge-branding .adge-logo img, html[class*='translated-rtl'] .adced-connect .adge-branding .adge-logo img { width: auto !important; } html[lang*='en'] .adced-connect .adge-branding .adge-heading, html[class*='translated-ltr'] .adced-connect .adge-branding .adge-heading { display: none !important; } html[lang*='ar'] .adced-connect .adge-branding .adge-heading, html[class*='translated-rtl'] .adced-connect .adge-branding .adge-heading { display: none !important; } html[lang*='en'] .right-side-logo img, html[class*='translated-ltr'] .right-side-logo img { height: 50px !important; padding-top: 0; } html[lang*='ar'] .right-side-logo img, html[class*='translated-rtl'] .right-side-logo img { height: 50px !important; padding-top: 0; } } @media only screen and (max-width: 576px) and (-ms-high-contrast: active) { .partners .card-deck .card { -webkit-box-flex: 10% !important; -ms-flex: 10% !important; flex: 10% !important; } }