html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; font-family:IRANSans !important; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } button:focus { outline: 0; } @font-face { font-family: "Cairo"; src: url("/css/fonts/Cairo/Cairo-Regular_0.eot"); src: url("/css/fonts/Cairo/Cairo-Regular_0d41d.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Cairo/Cairo-Regular_0.woff2") format("woff2"), url("/css/fonts/Cairo/Cairo-Regular_0.woff") format("woff"), url("/css/fonts/Cairo/Cairo-Regular_0.svg#Roboto-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Cairo"; src: url("/css/fonts/Cairo/Cairo-Bold_0.eot"); src: url("/css/fonts/Cairo/Cairo-Bold_0d41d.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Cairo/Cairo-Bold_0.woff2") format("woff2"), url("/css/fonts/Cairo/Cairo-Bold_0.woff") format("woff"), url("/css/fonts/Cairo/Cairo-Bold_0.svg#Roboto-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "icomoon"; src: url("/css/fonts/Cairo/icomoon/icomoon2039.eot?qhqbfj"); src: url("/css/fonts/Cairo/icomoon/icomoon2039.eot?qhqbfj#iefix") format("embedded-opentype"), url("/css/fonts/Cairo/icomoon/icomoon2039.ttf?qhqbfj") format("truetype"), url("/css/fonts/Cairo/icomoon/icomoon2039.woff?qhqbfj") format("woff"), url("/css/fonts/Cairo/icomoon/icomoon2039.svg?qhqbfj#icomoon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url("/css/fonts/ir/eot/IRANSansWeb_Bold.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb_Bold.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb_Bold.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url("/css/fonts/ir/eot/IRANSansWeb_Medium.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb_Medium.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb_Medium.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url("/css/fonts/ir/eot/IRANSansWeb_Light.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb_Light.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb_Light.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url("/css/fonts/ir/eot/IRANSansWeb_UltraLight.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb_UltraLight.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url("/css/fonts/ir/eot/IRANSansWeb.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb.ttf") format("truetype"); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url("/css/fonts/ir/eot/IRANSansWeb.eot"); src: url("/css/fonts/ir/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("/css/fonts/ir/woff2/IRANSansWeb.woff2") format("woff2"), url("/css/fonts/ir/woff/IRANSansWeb.woff") format("woff"), url("/css/fonts/ir/ttf/IRANSansWeb.ttf") format("truetype"); } [class^="icon-"], [class*=" icon-"] { 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; } .icon-ambulance:before { content: "\e900"; } .icon-contrast:before { content: "\e901"; } .icon-earth-globe:before { content: "\e902"; } .icon-font-size:before { content: "\e903"; } .icon-passport-card:before { content: "\e904"; } .icon-search:before { content: "\e905"; } .icon-teamwork:before { content: "\e906"; } .icon-union:before { content: "\e907"; } .icon-upload-button:before { content: "\e908"; } .icon-volume-up:before { content: "\e909"; } .icon-work:before { content: "\e90a"; } .icon-good-mood:before { content: "\e90b"; } .icon-twitter:before { content: "\e90c"; } .icon-instagram:before { content: "\e90d"; } .icon-facebook:before { content: "\e90e"; } .icon-mail:before { content: "\e90f"; } .icon-arrow:before { content: "\e910"; } .icon-info:before { content: "\e911"; } .icon-field-upload:before { content: "\e912"; } .icon-field-add:before { content: "\e913"; } .icon-calendar:before { content: "\e914"; } .icon-true:before { content: "\e915"; } .icon-false:before { content: "\e916"; } .icon-arrow-down:before { content: "\e917"; } .icon-filter:before { content: "\e918"; } .icon-share:before { content: "\e919"; } .icon-two-quotes:before { content: "\e91a"; } .icon-theme:before { content: "\e91b"; } .icon-headset:before { content: "\e91c"; } .icon-star:before { content: "\e91d"; } .icon-service-fees:before { content: "\e91e"; } .icon-service-user-type:before { content: "\e91f"; } .icon-service-sla:before { content: "\e920"; } .icon-service-rate:before { content: "\e921"; } .icon-service-registration:before { content: "\e922"; } .icon-half-star:before { content: "\e923"; } .icon-exclamation-mark:before { content: "\e924"; } .icon-alert-info:before { content: "\e925"; } .icon-media-img:before { content: "\e926"; } .icon-media-video:before { content: "\e927"; } .icon-user-company:before { content: "\e928"; } .icon-user-resident:before { content: "\e929"; } .icon-contact-phone:before { content: "\e92a"; } .icon-contact-fax:before { content: "\e92b"; } .icon-contact-location:before { content: "\e92c"; } .icon-contact-mail:before { content: "\e92d"; } .icon-contact-happiness-centers:before { content: "\e92e"; } .icon-contact-minister:before { content: "\e92f"; } .icon-suggestions:before { content: "\e930"; } .icon-complaints:before { content: "\e931"; } .icon-media-interview-requests:before { content: "\e932"; } .icon-inquiries:before { content: "\e933"; } .icon-link-arrow:before { content: "\e934"; } .icon-map-pin:before { content: "\e935"; } .icon-youtube:before { content: "\e936"; } .icon-linked-in:before { content: "\e937"; } .icon-man-user:before { content: "\e938"; } .icon-field-download:before { content: "\e939"; } .icon-pencil:before { content: "\e93a"; } .icon-rubbish-bin:before { content: "\e93b"; } .icon-map-pin-popout:before { content: "\e93c"; } .icon-earth-location:before { content: "\e93d"; } .icon-website:before { content: "\e93e"; } .icon-paper-calendar:before { content: "\e93f"; } .icon-circle:before { content: "\e940"; } .icon-plane:before { content: "\e941"; } .icon-thin-plane:before { content: "\e942"; } .icon-earth-plane:before { content: "\e943"; } .icon-lands:before { content: "\e944"; } .icon-clock-plane:before { content: "\e945"; } .icon-prize-cup:before { content: "\e946"; } .icon-uae-citizin:before { content: "\e947"; } .icon-earth:before { content: "\e948"; } .icon-dubai-hotel:before { content: "\e949"; } .icon-message:before { content: "\e94a"; } .icon-eye:before { content: "\e94b"; } .icon-maximize:before { content: "\e94c"; } .icon-play-video:before { content: "\e94d"; } .icon-exclamation-alert:before { content: "\e94e"; } .icon-flag:before { content: "\e94f"; } .icon-flickr:before { content: "\e950"; } .icon-read-more:before { content: "\e951"; } .icon-medal:before { content: "\e952"; } .icon-po-box:before { content: "\e953"; } .icon-home:before { content: "\e954"; } .icon-pick:before { content: "\e955"; } .icon-assign:before { content: "\e956"; } .icon-release:before { content: "\e957"; } .icon-uae-effort:before { content: "\e958"; } .icon-calendar-with-clock:before { content: "\e959"; } .icon-africa:before { content: "\e95a"; } .icon-south-america:before { content: "\e95b"; } .icon-australia:before { content: "\e95c"; } .icon-north-america:before { content: "\e95d"; } .icon-europe:before { content: "\e95e"; } .icon-asia:before { content: "\e95f"; } .icon-right:before { content: "\e960"; } .icon-wrong:before { content: "\e961"; } .icon-internet:before { content: "\e962"; } .icon-tools:before { content: "\e963"; } .icon-support-letters:before { content: "\e964"; } .icon-thank-you-letters:before { content: "\e965"; } .icon-bilateral-meetings:before { content: "\e966"; } .icon-travel-hours:before { content: "\e967"; } .icon-phone-calls:before { content: "\e968"; } .icon-group:before { content: "\e969"; } .icon-voting:before { content: "\e96a"; } .icon-excel:before { content: "\e96b"; } .icon-summary:before { content: "\e96c"; } .icon-details:before { content: "\e96d"; } .icon-deactivate-user:before { content: "\e96e"; } .icon-phone-number:before { content: "\e96f"; } .icon-office-fax:before { content: "\e970"; } .icon-closed-envelope:before { content: "\e971"; } .icon-ambassdor:before { content: "\e972"; } .icon-working-hours:before { content: "\e973"; } .icon-weekend-days:before { content: "\e974"; } .icon-citizin-affairs:before { content: "\e975"; } .icon-go-arrow:before { content: "\e976"; } .icon-feed:before { content: "\e979"; } .icon-feed1:before { content: "\e97a"; } .icon-refreshing:before { content: "\e97b"; } .icon-bookmark-empty:before { content: "\e97c"; } .icon-bookmark:before { content: "\e97d"; } .btn, input, select:not([name="myDatatable_length"]), textarea, .field, .grid-btns .grid-add-new-btn, .custom-popup .ui-dialog-content input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; -webkit-box-shadow: 0; box-shadow: 0; outline: 0; background: transparent; } .download-btn, .ng-field-upload-control.file-uploaded-info .file-name span, .form-section .form-fields .field-container .field-upload-control .field, .media-listing .item-img .item-details h3, .hero-slider .slider-container .hero-item .hero-info p, .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .share-container .share-btn i, .share-container .share-btn span, #popup-container .popup-body, .service-inquiry-container .service-inquiry-icon, .service-inquiry-container .service-inquiry-info-container, header .logo-container, header .menu-container, header .menu-container .menu-btn span, .social-media-container .social-media-tabs a .social-media-icon, .social-media-container .social-media-tabs a span, .inner-banner .banner-info-container .banner-info, .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul li:before, .msg i, .msg span, .register-listing-container .register-listing-item a .item-border-container, .minister-achievements .achievements-container .achievement-item .achievement-content { display: inline-block; vertical-align: middle; } .section-padding, .bordered-container, .empty-message .item-border, .listing-container .listing-items-container .empty-listing-item .item-border, .missions-section-btns, .multi-wrapper .non-selected-wrapper, .multi-wrapper .selected-wrapper, .btn, .download-btn, .clear-btn, .missions-go-btn, .flying-social-media-container .flying-social-media .flying-social-media-btn, .flying-social-media-container .flying-social-media .flying-social-media-icons, .flying-social-media-container .flying-social-media .flying-social-media-icons ul li, .flying-social-media-container .happiness-meter a, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], select, textarea, .field, .share-container .share-btn, #send-to-friend label.error, #popup-container, #popup-container .popup-close-btn, #popup-container .popup-body .popup-content, .contrast-yellow-theme #popup-container .popup-body .popup-content, .contrast-green-theme #popup-container .popup-body .popup-content, #popup-container .popup-body .popup-content .popup-title, .contrast-yellow-theme .service-inquiry-container, .contrast-green-theme .service-inquiry-container, .service-inquiry-container .service-inquiry-info-container, .grid-control .custom-grid th, .grid-control .custom-grid td, .contrast-yellow-theme .grid-control .custom-grid .grid-icon [class^="icon-"], .contrast-green-theme .grid-control .custom-grid .grid-icon [class^="icon-"], .contrast-yellow-theme .grid-control .custom-grid .grid-icon [class*=" icon-"], .contrast-green-theme .grid-control .custom-grid .grid-icon [class*=" icon-"], .grid-control .dataTables_paginate .paginate_button, .contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button, .contrast-green-theme .grid-control .dataTables_paginate .paginate_button, .custom-tabs .tab-item, .contrast-yellow-theme .custom-tabs .tab-item, .contrast-green-theme .custom-tabs .tab-item, .form-tabs li a, .contrast-yellow-theme .legend-container .legend-item:before, .contrast-green-theme .legend-container .legend-item:before, .expandable-group .expandable-title, .expandable-group .expandable-title h2, .expandable-toggle-all:before, .expandable-toggle-all:after, .mofa-progress-item .mofa-progress:before, .ui-multiselect .ui-multiselect-label-container, .ui-multiselect .ui-multiselect-panel, .ui-multiselect-panel .ui-multiselect-item, .multiselect-read-only li, .ng-field-upload-control.file-uploaded-info, .ng-field-upload-control.file-uploaded-info .field-with-info, .ng-field-upload-control .clear-uploader, header .user-container .form-section, #horizontal-mega-menu .second-level, #horizontal-mega-menu .second-level > li, header > .container, header .hovering-nav a:not(.btn), header .hovering-nav input:not([type="text"]):not(.btn), header .menu-container .menu-btn, header .mega-menu, .contrast-yellow-theme header .mega-menu, .contrast-green-theme header .mega-menu, header .mega-menu .mobile-header-btns .accessibility-container .lang, header .mega-menu .mobile-header-btns .accessibility-container .sound, header .mega-menu .mobile-header-btns .accessibility-container .themes, header .mega-menu .mobile-header-btns .accessibility-container .fonts, header .mega-menu .main-menu a, header .mega-menu .main-menu .first-level li.has-sub-menu ul, header .mega-menu .main-menu .first-level > li > a, header .mega-menu .main-menu .second-level > li, header .mega-menu .quick-links-menu ul li, header .mega-menu .menu-copy-rights nav ul li, footer .footer-menu, footer .footer-keep-touch, footer .footer-menu .uae-government-logo, footer .footer-menu .tra-logo, footer .footer-menu .footer-quick-links, footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn, footer .footer-keep-touch .footer-subscribe input[type="email"], footer .footer-keep-touch .footer-app a.tra-logo, footer .footer-website-info, .social-media-container .social-media-items-container, .social-media-container .social-media-tabs a, .social-media-container .social-media-feed-container .social-media-item a, .contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img, .contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img, .social-media-container .social-media-feed-container .social-media-item a .social-media-info, .contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info, .contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info, .social-media-container .social-media-feed-carousel .empty-message, .social-media-container .social-media-feed-carousel .listing-container .listing-items-container .empty-listing-item, .listing-container .listing-items-container .social-media-container .social-media-feed-carousel .empty-listing-item, .inner-banner, .form-section, .form-section .form-title h3, .form-section .form-fields .field-container, .form-section .form-fields .field-container .form-info, .form-section .form-fields .field-container .form-info .form-info-inner-container, .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body, .form-section .form-fields .field-container .img-control, .form-section .form-fields .field-container .options-container .option-field, .form-section .form-fields .field-container .options-container .checkbox-field, .form-section .form-fields .field-container .checkbox-container .option-field, .form-section .form-fields .field-container .checkbox-container .checkbox-field, .form-section .form-fields .field-container .options-container .option-field label, .form-section .form-fields .field-container .options-container .checkbox-field label, .form-section .form-fields .field-container .checkbox-container .option-field label, .form-section .form-fields .field-container .checkbox-container .checkbox-field label, .form-section .field-validation-error, .form-section .field-validation-error span, .msg, .msg i, .msg span, .msg.stand-alone-msg i, .btns-container .btn, .inner-latest-section .latest-img, .inner-latest-section .latest-info, .contrast-yellow-theme .inner-latest-section .latest-img-container, .contrast-green-theme .inner-latest-section .latest-img-container, .listing-container .listing-items-container .listing-item, .listing-container .listing-items-container .empty-listing-item, .listing-container .listing-items-container .listing-item .item-border, .listing-container .listing-items-container .listing-item .listing-brief-tooltip, .listing-container .listing-load-more-container, .details-container .details-img, .details-container .details-info, .details-back-btn-container .details-back-btn, .inner-related-section .related-items .related-item, .jsmaps-wrapper .jsmaps, .media-listing .item-img, .media-listing .item-img .item-details, .error-container .error-title, .error-container ul li, .ministry-services-section .services-container .service-item, .ministry-services-section .services-topics-container .services-topics .topic-info, .ministry-services-section .services-topics-container .services-topics .topic-icon, .ministry-services-section .services-topics-container .services-topics .topic-item, .highlights-section, .highlights-section .highlights-container, .highlights-section .highlights-container .highlight-item, .visit-uae-section, .visit-uae-section .visit-uae-item, .visit-uae-section .visit-uae-item .visit-uae-info, .interests-section .interests-item, .inner-two-col-container .inner-left-col, .inner-two-col-container .inner-right-col, .inner-latest-news .news-category, .news-listing-container .news-listing .news-listing-item .item-img .item-category, .news-listing-container .news-listing .news-listing-item .item-info, .inner-news-details .details-img-container .news-category, .uae-agreements #regions_div, .uae-agreements #covidmap_div, .covid-map #regions_div, .covid-map #covidmap_div, .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info, .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns, .service-details-section .service-cards .service-card-item, .service-details-section .service-cards .service-card-item .card-label, .service-details-section .service-cards .service-card-item .card-value, .service-details-section .service-cards .service-card-item .card-value .card-rate i, .open-data-listing-container .open-data-listing-item .item-border, .open-data-listing-container .open-data-listing-item .item-border .item-status span, .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn, .speeches-listing-container .speeches-listing-item .item-border, .speeches-listing-container .speeches-listing-item p, .speeches-listing-container .speeches-listing-item .speeches-details h3, .speeches-listing-container .speeches-listing-item .item-desc, .register-listing-container .register-listing-item a, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border h3, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border p, .contrast-yellow-theme .contact-us-section .contact-card-container, .contrast-green-theme .contact-us-section .contact-card-container, .contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body, .contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body, .login-listing-container .form-section, .login-listing-container .form-smartpass span, .login-listing-container .login-listing-or, .login-listing-container .login-listing-or span, .uae-missions-details .tabs a, .contrast-yellow-theme .event-listing .listing-items-container .listing-item .event-item .item-img, .contrast-green-theme .event-listing .listing-items-container .listing-item .event-item .item-img, .contrast-yellow-theme .inner-event-details .details-container .details-img .details-img-container, .contrast-green-theme .inner-event-details .details-container .details-img .details-img-container, .inner-related-events .related-items .related-event-item:not(:nth-child(n-1)):not(:nth-child(n-2)) .related-info .related-event-info, .gallery-listing-items-container .gallery-listing-item .item-img .item-details, #popup-gallery-container .popup-gallery .popup-gallery-nav a, #popup-gallery-container .popup-related-gallery .popup-gallery-nav a, #popup-gallery-container .popup-gallery, #popup-gallery-container .popup-related-gallery .item-img, .page-landing .page-landing-container .item h3, .page-landing .page-landing-container .item .landing-item-container, .countries-carousel-container .countries-carousel .countries-item, .search-listing-container .search-item-info .search-item-type, .paging-container ul li a, .passport-strength-details .passport-info, .passport-strength-details .passport-info .passport-data .data-box, .passport-strength-details .passport-info .passport-data .data-box-info, .expo-cards .expo-card-item, .expo-cards .expo-card-data, .expo-cards .expo-card-icon, .expo-cards h3, .expo-cards span, .ministers-cards .card-item, .ministers-cards .card-item .card-info, .sitemap-container h4, .sitemap-container .second-level a, .sitemap-container .second-level > li, .ranking-container .ranking-category .ranking-item .timeline-node-container, .ranking-container .ranking-category .ranking-item .timeline-node:before, .ranking-container .ranking-category .ranking-item .timeline-node:after, .ranking-container .ranking-category .ranking-item .ranking-info, .ranking-container .ranking-category .ranking-item .rank, .ranking-container .ranking-category .ranking-item .year, .consular-services-list .topic-info, .consular-services-list .topic-icon, .consular-services-list .topic-item, .poll-answers .answer-letter, .custom-popup .ui-dialog-content input[type="submit"], .contrast-yellow-theme .minister-travel, .contrast-green-theme .minister-travel, .minister-travel .minister-travel-container .travel-item, .minister-bio .bio-info .bio-follow .bio-social-media, .minister-bio .bio-info .bio-follow .bio-social-media ul li, .minister-bio .bio-info .bio-data, .contrast-yellow-theme .minister-bio .bio-info .bio-data, .contrast-green-theme .minister-bio .bio-info .bio-data, .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item, .minister-home-contact .contact-info .contact-social-media, .minister-home-contact .contact-info .contact-social-media ul li, .minister-awards .minister-reward-container .reward-title, .minister-awards .minister-reward-container .reward-container, .minister-news .minister-news-container .minister-news-details .item-category, .minister-news .minister-news-container .minister-news-details .main-news, .minister-news .minister-news-container .minister-news-details .main-news .top-news, .minister-news .minister-news-container .minister-news-details .sub-news, .minister-news .minister-news-container .minister-news-details .sub-news .news-container, .minister-news .minister-news-container .minister-news-details .sub-news .news-container .item-category, #missions-welcome-message .container .welcome-message, #missions-about-embassy .info-item, #missions-embassy-news .embassy-news-container .news-item-container, #missions-embassy-news .embassy-news-container .news-data, #missions-visit-uae .uae-visit-item, #missions-visit-uae .uae-visit-info, #missions-visa-indication .indication-item, #missions-visa-indication .indication-card, #missions-embassy-announcements .announcements-carousel, #missions-embassy-announcements .announcements-item, #missions-embassy-announcements .announcements-card, #missions-embassy-announcements .announcements-info, #missions-embassy-announcements .announcements-info h3, #missions-embassy-announcements .announcements-info p, #missions-upcoming-events .upcoming-events, #missions-upcoming-events .upcoming-events .upcoming-event-item, #missions-upcoming-events .upcoming-calendar, #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span, #missions-social-media .social-media-container .social-media-tabs, #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar { -webkit-box-sizing: border-box; box-sizing: border-box; } #popup-container, .inner-banner .banner-info-container, .register-listing-container .register-listing-item a, .minister-achievements .achievements-container .achievement-item { text-align: center; } #popup-container:before, .inner-banner .banner-info-container:before, .register-listing-container .register-listing-item a:before, .minister-achievements .achievements-container .achievement-item:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } input::-webkit-input-placeholder, select:not([name="myDatatable_length"])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .field::-webkit-input-placeholder { overflow: visible; font: normal 1rem "Cairo"; color: #c7c7c7; } input::-moz-placeholder, select:not([name="myDatatable_length"])::-moz-placeholder, textarea::-moz-placeholder, .field::-moz-placeholder { overflow: visible; font: normal 1rem "Cairo"; color: #c7c7c7; } input::-ms-input-placeholder, select:not([name="myDatatable_length"])::-ms-input-placeholder, textarea::-ms-input-placeholder, .field::-ms-input-placeholder { overflow: visible; font: normal 1rem "Cairo"; color: #c7c7c7; } input::-moz-placeholder, select:not([name="myDatatable_length"])::-moz-placeholder, textarea::-moz-placeholder, .field::-moz-placeholder { overflow: visible; font: normal 1rem "Cairo"; color: #c7c7c7; } body .icon-mail:hover, body .datepicker--cell.-selected-, body .datepicker--cell.-selected-.-current-, body .multi-wrapper .selected-wrapper .item, body .multi-wrapper .non-selected-wrapper .item.selected:before, body .btn.primary-btn, body .btn.secondary-btn:hover, body .btn.secondary-btn.light-bg-btn:hover, body .back-to-top-btn:hover, body .clear-btn:hover, body .missions-go-btn, body .flying-social-media-container .happiness-meter a:hover, body select option:not([selected]):checked, body .share-container.active .share-btn i, body .share-container .share-btn:hover i, body #popup-container .popup-close-btn:hover, body .service-inquiry-container .service-inquiry-icon, body .grid-control .dataTables_paginate .paginate_button.current, body .custom-tabs .tab-item:hover, body .custom-tabs .tab-item.active, body .form-tabs li.active, body .legend-container .legend-item.colored:before, body .expandable-toggle-all, body .mofa-progress-item .mofa-progress, body .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body .ui-multiselect .ui-chkbox-box.ui-state-active, body .appointment-schedule #ClickedCell, body .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body #horizontal-mega-menu, body header .hovering-nav a:not(.btn):hover, body header .hovering-nav a.active:not(.btn), body header .hovering-nav input:not([type="text"]):not(.btn):hover, body header .hovering-nav input.active:not([type="text"]):not(.btn), body header .menu-container .menu-btn, body header .menu-container .menu-btn.active span, body header .user-container .user-menu-btn.active .user-img.empty-user-img, body header .user-container .user-img.empty-user-img:hover, body header .search-container .hovering-nav .hovering-search-btn:hover, body footer .footer-menu .copy-rights .footer-social-media ul li a, body footer .footer-menu .copy-rights .footer-social-media ul li a:hover, body .social-media-container .social-media-tabs a.active, body .social-media-container .social-media-tabs a:hover, body .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body .form-section.collapsable .form-title:hover h3:before, body .form-section.collapsable .form-title:hover h3:after, body .form-section.collapsable.active .form-title h3:before, body .form-section.collapsable.active .form-title h3:after, body .inner-related-section .related-items .related-info:hover:before, body .hero-slider .slick-dots li a, body .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon, body .inner-latest-news .news-category, body .news-listing-container .news-listing .news-listing-item .item-img .item-category, body .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover, body .load-more-news-btn, body .inner-news-details .details-img-container .news-category, body .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon, body .open-data-listing-container .open-data-listing-item .item-border .item-status span, body .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover, body .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn, body .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn, body .uae-missions-details .tabs a:hover, body .uae-missions-details .current a, body .event-listing .listing-items-container .listing-item .event-item .item-info .item-category, body #popup-gallery-container .popup-related-gallery .img-container:after, body .page-landing .page-landing-container .item:hover:after, body .search-form .search-btn, body .search-listing-container .search-item-info .search-item-type, body .paging-container ul li a:hover, body .paging-container ul li a.active, body .passport-strength-details .passport-info .passport-data .data-box-info, body .expo-cards span, body .ranking-container .ranking-category .ranking-item .ranking-info:before, body .custom-popup .ui-dialog-titlebar, body .custom-popup .ui-dialog-content input[type="submit"], body .minister-achievements .achievements-container .achievement-item:hover, body .minister-home-contact .contact-info .contact-social-media, body .minister-awards .minister-reward-container .awards-read-more-btn:hover, body .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover, body #missions-embassy-news:before, body #missions-upcoming-events .upcoming-events, body #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar, body #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a , .social-media-container .social-media-content, .mo-content:hover { background: #083e6c; } body .grid-control .custom-grid thead th { background-color: #083e6c; } body .color-with-theme, body .custom-anchor, body .flag.default-flag:before, body p a, body ul a, body .datepicker--day-name, body .datepicker--cell.-current-, body .btn.secondary-btn.colored-btn, body .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a, body .inner-filter i, body .grid-control .custom-grid tbody tr td div.notes a, body .grid-control .custom-grid .grid-icon, body .grid-btns .grid-add-new-btn, body .expandable-group.active .expandable-title i, body .expandable-group.active .expandable-title em, body #minzedChat:hover:before, body .appointment-schedule .e-header-day, body .appointment-schedule .e-header-date, body .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body header .user-container .form-section h2, body header .user-container .form-section a:not(.btn), body #horizontal-mega-menu .second-level a:hover, body #horizontal-mega-menu .second-level > li > a:hover, body header .user-container .user-img.empty-user-img, body header .user-container .user-info .user-nationality, body header .user-container .hovering-nav ul a:not(.btn), body header .user-container .hovering-nav ul input:not(.btn), body header .home-container a, body header .search-container a, body header .accessibility-container .lang .selected-item, body header .accessibility-container .sound .selected-item, body header .accessibility-container .contrast .selected-item, body header .accessibility-container .themes .selected-item, body header .accessibility-container .fonts .selected-item, body header .mega-menu .main-menu .second-level > li > a, body header .mega-menu .main-menu .second-level ul li a:hover, body header .mega-menu .quick-links-menu ul li a:hover, body .social-media-container .social-media-tabs a.active .social-media-icon, body .social-media-container .social-media-tabs a:hover .social-media-icon, body .form-section .form-fields .field-container .form-info i, body .form-section .form-fields .field-container .img-control .img-container, body .form-section.collapsable .form-title:hover h3, body .form-section.collapsable.active .form-title h3, body .details-container p.quote-text, body .details-back-btn-container .details-back-btn, body .jsmaps-wrapper .jsmaps-text a:not(.btn), body .error-container .error-icon i, body .error-container .error-title span, body .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title, body .service-details-section .service-info a, body .service-details-section .service-cards .service-card-item .card-label i, body .service-details-section .service-cards .service-card-item .card-value .card-rate i.full, body .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i, body .service-details-section .service-cards .service-card-item .card-value .registeration-required, body .inner-latest-speeches .latest-container .latest-by, body .speeches-listing-container .speeches-listing-item .item-by, body .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, body .contact-us-section .contact-us-info .contact-item a, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon, body .login-listing-container .form-section a:not(.btn), body .login-listing-container .login-listing-or span, body .uae-missions-details .tabs_item .contact-item .icon, body .uae-missions-abroad-listing .form-section .form-title span i, body .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, body .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, body .countries-carousel-container .countries-carousel .countries-item a:hover h3, body .expo-cards .expo-card-icon, body .ministers-cards .card-item .card-info:hover h2, body .sitemap-container a:not([href^="javascript:"]):hover, body .sitemap-container a:not([href^="javascript:"]):hover h4, body .sitemap-container .form-title a:hover, body .sitemap-container .form-title a:hover h3, body .consular-services-list .topic-item:hover .topic-title, body .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body .minister-bio .bio-info .bio-data h3, body .minister-awards .minister-reward-container .reward-title i, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category, body #missions-about-embassy .info-item, body #missions-embassy-news .news-header a:hover, body #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span, body #missions-contact-us .contact-us-header a:hover { color: #083e6c; } body .icon-mail:hover, body .multi-wrapper .selected-wrapper .item, body .multi-wrapper .non-selected-wrapper .item.selected:before, body .btn.secondary-btn.colored-btn, body .btn.secondary-btn.light-bg:hover, body .btn.secondary-btn:hover, body .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body .ui-multiselect .ui-chkbox-box.ui-state-active, body .appointment-schedule #ClickedCell, body .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body #horizontal-mega-menu .second-level, body .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body .hero-slider .slick-dots li a, body .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info, body .category-header, body .uae-missions-details .tabs a:hover, body .uae-missions-details .current a, body .ministers-cards .card-item .card-info:hover, body .ranking-container .ranking-category .ranking-item .ranking-info, body .ranking-container .ranking-category .ranking-item .node, body .consular-services-list .topic-item:hover .topic-info, body .custom-popup .ui-dialog-titlebar, body .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body .minister-achievements .achievements-container .achievement-item:hover, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: #083e6c; } body header .user-container .hovering-nav ul { border-top-color: #083e6c; } body .missions-section-border, body #missions-embassy-news, body #missions-visit-uae, body #missions-visa-indication, body #missions-embassy-announcements, body .form-tabs, body .form-tabs li.active, body header { border-bottom-color: #083e6c; } body .grid-control .custom-grid thead tr, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: #083e6c; } body .custom-list li:before, body .custom-content ul li:before, .custom-content body ul li:before, body .grid-control .custom-grid thead tr { border-right-color: #083e6c; } body .jsmaps-wrapper path:hover, body .jsmaps-wrapper path.region-selected, body .travel-statistics-map circle, body .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse, body .uae-agreements #regions_div path[fill="#083e6c"], body .uae-agreements #covidmap_div path[fill="#083e6c"], body .covid-map #regions_div path[fill="#083e6c"], body .covid-map #covidmap_div path[fill="#083e6c"], body .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg circle, body .service-details-section .service-header .service-title-container .service-title span svg, body .service-details-section .service-header .service-title-container .service-title span svg path, body .service-details-section .service-header .service-title-container .service-title span svg ellipse, body .uae-missions-abroad-listing .form-section .form-title span > svg, body .consular-services-list .topic-icon svg, body .consular-services-list .topic-icon svg path, body .consular-services-list .topic-icon svg ellipse { fill: #083e6c !important; } body .multi-wrapper .selected-wrapper .item:hover, body .btn.primary-btn:hover, body .missions-go-btn:hover, body .load-more-news-btn:hover, body .contact-us-section .contact-info-container .go-to-link:hover, body .custom-popup .ui-dialog-content input[type="submit"]:hover { background: #083e6c; } body header .mega-menu .main-menu .second-level > li > a:hover, body .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #083e6c; } body .jsmaps-wrapper .jsmaps-tooltip, body footer .footer-keep-touch:before, body .inner-latest-section, body .inner-related-section .related-items .related-info:hover, body .minister-travel, body .minister-bio .bio-info .bio-data { background: #083e6c; } body .gray-bg, { background: #d8d9da; } body header .hovering-nav, body header .menu-container .menu-btn span, body header .menu-container .menu-btn span:before, body header .menu-container .menu-btn span:after, body header .search-container .hovering-nav input, body .inner-related-section .related-items .related-info, body .map-container .inner-title-with-line h3, body .contact-us-section .content-us-container, body .ministers-cards .card-item .card-info, body .ranking-container .ranking-category .ranking-item .ranking-info, body .ranking-container .ranking-category .ranking-item .node, body .minister-travel.minister-management-travel, body .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: #fff; } body .btn.primary-btn, body .btn.secondary-btn, body .btn.secondary-btn.light-bg:hover, body .btn.secondary-btn:hover, body .btn.secondary-btn.light-bg-btn:hover, body header .hovering-nav a:not(.btn):hover, body header .hovering-nav a:not(.btn):hover *, body header .hovering-nav a.active:not(.btn), body header .hovering-nav a:not(.btn).active *, body header .hovering-nav input:not([type="text"]):not(.btn):hover, body header .hovering-nav input:not([type="text"]):not(.btn):hover *, body header .hovering-nav input.active:not([type="text"]):not(.btn), body header .hovering-nav input:not([type="text"]):not(.btn).active *, body header .user-container .hovering-nav ul a:not(.btn):hover, body header .user-container .hovering-nav ul a.active:not(.btn), body header .user-container .hovering-nav ul input:not(.btn):hover, body header .user-container .hovering-nav ul input.active:not(.btn), body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: #fff; } body .btn.secondary-btn { border-color: #fff; } body .service-details-section .service-header .service-title-container .service-title span svg circle { fill: #fff !important; } body .flying-social-media-container .flying-social-media .flying-social-media-btn:hover, body footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: #414141; } body .empty-message .item-border p, body .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body .empty-listing-item .item-border p, body .share-container .share-btn span, body .inner-latest-section p, body .details-container p, body .inner-section .inner-section-desc, body .speeches-listing-container .speeches-listing-item .item-desc, body .register-listing-container .register-listing-item a, body .contact-us-section .contact-us-info .contact-item span, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time, body .minister-bio .bio-info .bio-data p, body #missions-about-embassy h2, body #missions-about-embassy .info-item p, body #missions-about-embassy .info-item a, body #missions-visit-uae .container > h2, body #missions-visit-uae .container > p, body #missions-embassy-announcements .container > h2, body #missions-social-media h2 { color: #414141; } body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a, body .btn.secondary-btn.light-bg-btn, body .grid-control .custom-grid .grid-icon span, body .custom-tabs .tab-item, body .form-tabs li a, body header .hovering-nav a:not(.btn) span, body header .hovering-nav input:not([type="text"]):not(.btn) span, body header .accessibility-container .fonts .hovering-nav a, body header .mega-menu .menu-copy-rights nav ul li a, body header .mega-menu .menu-copy-rights nav ul li a:hover, body .social-media-container .social-media-tabs a, body .form-section.collapsable .form-title h3:before, body .form-section.collapsable .form-title h3:after, body .inner-related-section .related-items .related-item, body .ministry-services-section .services-topics-container .services-topics .topic-title, body .highlights-section .highlights-container .highlight-item a, body .uae-missions-details .tabs a, body .uae-missions-abroad-listing .flags-section-rows .country-item span, body .page-landing h2, body .countries-carousel-container h2, body .consular-services-list .topic-title, body .minister-travel h2, body .minister-achievements .achievements-container .achievement-item, body .minister-awards h2, body .minister-news .minister-news-container .minister-news-details .item-category, body .minister-news .minister-news-container .minister-news-details a, body .minister-news .minister-news-container .minister-news-details .news-title, body .minister-tweets .minister-tweets-title h2 { color: #000; } body .btn.secondary-btn.light-bg-btn { border-color: #000; } body header .user-container .user-img.empty-user-img, body .uae-agreements #regions_div, body .uae-agreements #covidmap_div, body .covid-map #regions_div, body .covid-map #covidmap_div { background: #efefef; } body header .hovering-nav li { border-bottom-color: #efefef; } body .uae-agreements #regions_div rect, body .uae-agreements #covidmap_div rect, body .covid-map #regions_div rect, body .covid-map #covidmap_div rect { fill: #efefef !important; } body .uae-agreements #regions_div path, body .uae-agreements #regions_div path:hover, body .uae-agreements #covidmap_div path, body .uae-agreements #covidmap_div path:hover, body .covid-map #regions_div path, body .covid-map #regions_div path:hover, body .covid-map #covidmap_div path, body .covid-map #covidmap_div path:hover { stroke: #efefef !important; } body .btn.secondary-btn.light-bg { color: #5d5d5d; } body .btn.secondary-btn.light-bg { border-color: #5d5d5d; } body .register-listing-container .register-listing-item a .regsiter-icon { background: #e2e2e2; } body .register-listing-container .register-listing-item a .regsiter-icon { color: #a5a5a5; } body .mofa-progress-item .mofa-progress-bar { background: #e1e1e1; } body .empty-message .item-border, body .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body .empty-listing-item .item-border, body .inner-latest-section .item-border, body .listing-container .listing-items-container .listing-item .item-border { border-color: #e1e1e1; } body .bordered-container { border-color: #f5f5f5; } body .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #000; } body .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #fff; } body .inner-latest-section .latest-date, body .inner-related-section .related-items .related-info .related-date, body .news-listing-container .news-listing .news-listing-item .item-info .item-date, body .inner-news-details .details-info .details-date, body .speeches-listing-container .speeches-listing-item .speeches-details .item-date, body .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location, body .inner-latest-news .latest-date-location .latest-date { color: #083e6c; } body .ng-field-upload-control .clear-uploader, body .form-section .form-fields .field-container .date-control:before, body .form-section .form-fields .field-container .select-control:before, body .form-section .form-fields .field-container .field-upload-control:before { border-color: #083e6c; } body .form-section .form-fields .field-container .date-control:before, body .form-section .form-fields .field-container .select-control:before, body .form-section .form-fields .field-container .field-upload-control:before { color: #083e6c; } body footer .footer-menu .footer-quick-links ul a, body footer .footer-menu .copy-rights span { color: #626262; } body .form-section .form-fields .field-container .title, body .form-section .form-fields .field-container .options-container .option-field label, body .form-section .form-fields .field-container .options-container .checkbox-field label, body .form-section .form-fields .field-container .checkbox-container .option-field label, body .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: #083e6c; } body.red-theme .icon-mail:hover, body.red-theme .datepicker--cell.-selected-, body.red-theme .datepicker--cell.-selected-.-current-, body.red-theme .multi-wrapper .selected-wrapper .item, body.red-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.red-theme .btn.primary-btn, body.red-theme .btn.secondary-btn:hover, body.red-theme .btn.secondary-btn.light-bg-btn:hover, body.red-theme .back-to-top-btn:hover, body.red-theme .clear-btn:hover, body.red-theme .missions-go-btn, body.red-theme .flying-social-media-container .happiness-meter a:hover, body.red-theme select option:not([selected]):checked, body.red-theme .share-container.active .share-btn i, body.red-theme .share-container .share-btn:hover i, body.red-theme #popup-container .popup-close-btn:hover, body.red-theme .service-inquiry-container .service-inquiry-icon, body.red-theme .grid-control .dataTables_paginate .paginate_button.current, body.red-theme .custom-tabs .tab-item:hover, body.red-theme .custom-tabs .tab-item.active, body.red-theme .form-tabs li.active, body.red-theme .legend-container .legend-item.colored:before, body.red-theme .expandable-toggle-all, body.red-theme .mofa-progress-item .mofa-progress, body.red-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.red-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.red-theme .appointment-schedule #ClickedCell, body.red-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.red-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.red-theme #horizontal-mega-menu, body.red-theme header .hovering-nav a:not(.btn):hover, body.red-theme header .hovering-nav a.active:not(.btn), body.red-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.red-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.red-theme header .menu-container .menu-btn, body.red-theme header .menu-container .menu-btn.active span, body.red-theme header .user-container .user-menu-btn.active .user-img.empty-user-img, body.red-theme header .user-container .user-img.empty-user-img:hover, body.red-theme header .search-container .hovering-nav .hovering-search-btn:hover, body.red-theme footer .footer-menu .copy-rights .footer-social-media ul li a, body.red-theme footer .footer-menu .copy-rights .footer-social-media ul li a:hover, body.red-theme .social-media-container .social-media-tabs a.active, body.red-theme .social-media-container .social-media-tabs a:hover, body.red-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.red-theme .form-section.collapsable .form-title:hover h3:before, body.red-theme .form-section.collapsable .form-title:hover h3:after, body.red-theme .form-section.collapsable.active .form-title h3:before, body.red-theme .form-section.collapsable.active .form-title h3:after, body.red-theme .inner-related-section .related-items .related-info:hover:before, body.red-theme .hero-slider .slick-dots li a, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon, body.red-theme .inner-latest-news .news-category, body.red-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category, body.red-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover, body.red-theme .load-more-news-btn, body.red-theme .inner-news-details .details-img-container .news-category, body.red-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon, body.red-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span, body.red-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover, body.red-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn, body.red-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn, body.red-theme .uae-missions-details .tabs a:hover, body.red-theme .uae-missions-details .current a, body.red-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category, body.red-theme #popup-gallery-container .popup-related-gallery .img-container:after, body.red-theme .page-landing .page-landing-container .item:hover:after, body.red-theme .search-form .search-btn, body.red-theme .search-listing-container .search-item-info .search-item-type, body.red-theme .paging-container ul li a:hover, body.red-theme .paging-container ul li a.active, body.red-theme .passport-strength-details .passport-info .passport-data .data-box-info, body.red-theme .expo-cards span, body.red-theme .ranking-container .ranking-category .ranking-item .ranking-info:before, body.red-theme .custom-popup .ui-dialog-titlebar, body.red-theme .custom-popup .ui-dialog-content input[type="submit"], body.red-theme .minister-achievements .achievements-container .achievement-item:hover, body.red-theme .minister-home-contact .contact-info .contact-social-media, body.red-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover, body.red-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover, body.red-theme #missions-embassy-news:before, body.red-theme #missions-upcoming-events .upcoming-events, body.red-theme #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar, body.red-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { background: #c8102e; } body.red-theme .grid-control .custom-grid thead th { background-color: #c8102e; } body.red-theme .color-with-theme, body.red-theme .custom-anchor, body.red-theme .flag.default-flag:before, body.red-theme p a, body.red-theme ul a, body.red-theme .datepicker--day-name, body.red-theme .datepicker--cell.-current-, body.red-theme .btn.secondary-btn.colored-btn, body.red-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a, body.red-theme .inner-filter i, body.red-theme .grid-control .custom-grid tbody tr td div.notes a, body.red-theme .grid-control .custom-grid .grid-icon, body.red-theme .grid-btns .grid-add-new-btn, body.red-theme .expandable-group.active .expandable-title i, body.red-theme .expandable-group.active .expandable-title em, body.red-theme #minzedChat:hover:before, body.red-theme .appointment-schedule .e-header-day, body.red-theme .appointment-schedule .e-header-date, body.red-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.red-theme header .user-container .form-section h2, body.red-theme header .user-container .form-section a:not(.btn), body.red-theme #horizontal-mega-menu .second-level a:hover, body.red-theme #horizontal-mega-menu .second-level > li > a:hover, body.red-theme header .user-container .user-img.empty-user-img, body.red-theme header .user-container .user-info .user-nationality, body.red-theme header .user-container .hovering-nav ul a:not(.btn), body.red-theme header .user-container .hovering-nav ul input:not(.btn), body.red-theme header .home-container a, body.red-theme header .search-container a, body.red-theme header .accessibility-container .lang .selected-item, body.red-theme header .accessibility-container .sound .selected-item, body.red-theme header .accessibility-container .contrast .selected-item, body.red-theme header .accessibility-container .themes .selected-item, body.red-theme header .accessibility-container .fonts .selected-item, body.red-theme header .mega-menu .main-menu .second-level > li > a, body.red-theme header .mega-menu .main-menu .second-level ul li a:hover, body.red-theme header .mega-menu .quick-links-menu ul li a:hover, body.red-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.red-theme .social-media-container .social-media-tabs a:hover .social-media-icon, body.red-theme .form-section .form-fields .field-container .form-info i, body.red-theme .form-section .form-fields .field-container .img-control .img-container, body.red-theme .form-section.collapsable .form-title:hover h3, body.red-theme .form-section.collapsable.active .form-title h3, body.red-theme .details-container p.quote-text, body.red-theme .details-back-btn-container .details-back-btn, body.red-theme .jsmaps-wrapper .jsmaps-text a:not(.btn), body.red-theme .error-container .error-icon i, body.red-theme .error-container .error-title span, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title, body.red-theme .service-details-section .service-info a, body.red-theme .service-details-section .service-cards .service-card-item .card-label i, body.red-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full, body.red-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i, body.red-theme .service-details-section .service-cards .service-card-item .card-value .registeration-required, body.red-theme .inner-latest-speeches .latest-container .latest-by, body.red-theme .speeches-listing-container .speeches-listing-item .item-by, body.red-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.red-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, body.red-theme .contact-us-section .contact-us-info .contact-item a, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon, body.red-theme .login-listing-container .form-section a:not(.btn), body.red-theme .login-listing-container .login-listing-or span, body.red-theme .uae-missions-details .tabs_item .contact-item .icon, body.red-theme .uae-missions-abroad-listing .form-section .form-title span i, body.red-theme .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, body.red-theme .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, body.red-theme .countries-carousel-container .countries-carousel .countries-item a:hover h3, body.red-theme .expo-cards .expo-card-icon, body.red-theme .ministers-cards .card-item .card-info:hover h2, body.red-theme .sitemap-container a:not([href^="javascript:"]):hover, body.red-theme .sitemap-container a:not([href^="javascript:"]):hover h4, body.red-theme .sitemap-container .form-title a:hover, body.red-theme .sitemap-container .form-title a:hover h3, body.red-theme .consular-services-list .topic-item:hover .topic-title, body.red-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.red-theme .minister-bio .bio-info .bio-data h3, body.red-theme .minister-awards .minister-reward-container .reward-title i, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category, body.red-theme #missions-about-embassy .info-item, body.red-theme #missions-embassy-news .news-header a:hover, body.red-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span, body.red-theme #missions-contact-us .contact-us-header a:hover { color: #c8102e; } body.red-theme .icon-mail:hover, body.red-theme .multi-wrapper .selected-wrapper .item, body.red-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.red-theme .btn.secondary-btn.colored-btn, body.red-theme .btn.secondary-btn.light-bg:hover, body.red-theme .btn.secondary-btn:hover, body.red-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.red-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.red-theme .appointment-schedule #ClickedCell, body.red-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.red-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.red-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.red-theme #horizontal-mega-menu .second-level, body.red-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.red-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.red-theme .hero-slider .slick-dots li a, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info, body.red-theme .category-header, body.red-theme .uae-missions-details .tabs a:hover, body.red-theme .uae-missions-details .current a, body.red-theme .ministers-cards .card-item .card-info:hover, body.red-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.red-theme .ranking-container .ranking-category .ranking-item .node, body.red-theme .consular-services-list .topic-item:hover .topic-info, body.red-theme .custom-popup .ui-dialog-titlebar, body.red-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.red-theme .minister-achievements .achievements-container .achievement-item:hover, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: #c8102e; } body.red-theme header .user-container .hovering-nav ul { border-top-color: #c8102e; } body.red-theme .missions-section-border, body.red-theme #missions-embassy-news, body.red-theme #missions-visit-uae, body.red-theme #missions-visa-indication, body.red-theme #missions-embassy-announcements, body.red-theme .form-tabs, body.red-theme .form-tabs li.active, body.red-theme header { border-bottom-color: #c8102e; } body.red-theme .grid-control .custom-grid thead tr, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: #c8102e; } body.red-theme .custom-list li:before, body.red-theme .custom-content ul li:before, .custom-content body.red-theme ul li:before, body.red-theme .grid-control .custom-grid thead tr { border-right-color: #c8102e; } body.red-theme .jsmaps-wrapper path:hover, body.red-theme .jsmaps-wrapper path.region-selected, body.red-theme .travel-statistics-map circle, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse, body.red-theme .uae-agreements #regions_div path[fill="#cf9234"], body.red-theme .uae-agreements #covidmap_div path[fill="#cf9234"], body.red-theme .covid-map #regions_div path[fill="#cf9234"], body.red-theme .covid-map #covidmap_div path[fill="#cf9234"], body.red-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg circle, body.red-theme .service-details-section .service-header .service-title-container .service-title span svg, body.red-theme .service-details-section .service-header .service-title-container .service-title span svg path, body.red-theme .service-details-section .service-header .service-title-container .service-title span svg ellipse, body.red-theme .uae-missions-abroad-listing .form-section .form-title span > svg, body.red-theme .consular-services-list .topic-icon svg, body.red-theme .consular-services-list .topic-icon svg path, body.red-theme .consular-services-list .topic-icon svg ellipse { fill: #c8102e !important; } body.red-theme .multi-wrapper .selected-wrapper .item:hover, body.red-theme .btn.primary-btn:hover, body.red-theme .missions-go-btn:hover, body.red-theme .load-more-news-btn:hover, body.red-theme .contact-us-section .contact-info-container .go-to-link:hover, body.red-theme .custom-popup .ui-dialog-content input[type="submit"]:hover { background: #b00e29; } body.red-theme header .mega-menu .main-menu .second-level > li > a:hover, body.red-theme .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #b00e29; } body.red-theme .jsmaps-wrapper .jsmaps-tooltip, body.red-theme footer .footer-keep-touch:before, body.red-theme .social-media-container .social-media-items-container, body.red-theme .inner-latest-section, body.red-theme .inner-related-section .related-items .related-info:hover, body.red-theme .minister-travel, body.red-theme .minister-bio .bio-info .bio-data { background: #f2f2f2; } body.red-theme .gray-bg, body.red-theme footer:before, body.red-theme footer:after, body.red-theme footer .footer-menu, body.red-theme footer .footer-menu:before, body.red-theme footer .footer-keep-touch { background: #eee; } body.red-theme header .hovering-nav, body.red-theme header .menu-container .menu-btn span, body.red-theme header .menu-container .menu-btn span:before, body.red-theme header .menu-container .menu-btn span:after, body.red-theme header .search-container .hovering-nav input, body.red-theme .inner-related-section .related-items .related-info, body.red-theme .map-container .inner-title-with-line h3, body.red-theme .contact-us-section .content-us-container, body.red-theme .ministers-cards .card-item .card-info, body.red-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.red-theme .ranking-container .ranking-category .ranking-item .node, body.red-theme .minister-travel.minister-management-travel, body.red-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: #fff; } body.red-theme .btn.primary-btn, body.red-theme .btn.secondary-btn, body.red-theme .btn.secondary-btn.light-bg:hover, body.red-theme .btn.secondary-btn:hover, body.red-theme .btn.secondary-btn.light-bg-btn:hover, body.red-theme header .hovering-nav a:not(.btn):hover, body.red-theme header .hovering-nav a:not(.btn):hover *, body.red-theme header .hovering-nav a.active:not(.btn), body.red-theme header .hovering-nav a:not(.btn).active *, body.red-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.red-theme header .hovering-nav input:not([type="text"]):not(.btn):hover *, body.red-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.red-theme header .hovering-nav input:not([type="text"]):not(.btn).active *, body.red-theme header .user-container .hovering-nav ul a:not(.btn):hover, body.red-theme header .user-container .hovering-nav ul a.active:not(.btn), body.red-theme header .user-container .hovering-nav ul input:not(.btn):hover, body.red-theme header .user-container .hovering-nav ul input.active:not(.btn), body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body.red-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: #fff; } body.red-theme .btn.secondary-btn { border-color: #fff; } body.red-theme .service-details-section .service-header .service-title-container .service-title span svg circle { fill: #fff !important; } body.red-theme .flying-social-media-container .flying-social-media .flying-social-media-btn:hover, body.red-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: #414141; } body.red-theme .empty-message .item-border p, body.red-theme .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body.red-theme .empty-listing-item .item-border p, body.red-theme .share-container .share-btn span, body.red-theme .inner-latest-section p, body.red-theme .details-container p, body.red-theme .inner-section .inner-section-desc, body.red-theme .speeches-listing-container .speeches-listing-item .item-desc, body.red-theme .register-listing-container .register-listing-item a, body.red-theme .contact-us-section .contact-us-info .contact-item span, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time, body.red-theme .minister-bio .bio-info .bio-data p, body.red-theme #missions-about-embassy h2, body.red-theme #missions-about-embassy .info-item p, body.red-theme #missions-about-embassy .info-item a, body.red-theme #missions-visit-uae .container > h2, body.red-theme #missions-visit-uae .container > p, body.red-theme #missions-embassy-announcements .container > h2, body.red-theme #missions-social-media h2 { color: #414141; } body.red-theme h1 a, body.red-theme h2 a, body.red-theme h3 a, body.red-theme h4 a, body.red-theme h5 a, body.red-theme h6 a, body.red-theme .btn.secondary-btn.light-bg-btn, body.red-theme .grid-control .custom-grid .grid-icon span, body.red-theme .custom-tabs .tab-item, body.red-theme .form-tabs li a, body.red-theme header .hovering-nav a:not(.btn) span, body.red-theme header .hovering-nav input:not([type="text"]):not(.btn) span, body.red-theme header .accessibility-container .fonts .hovering-nav a, body.red-theme header .mega-menu .menu-copy-rights nav ul li a, body.red-theme header .mega-menu .menu-copy-rights nav ul li a:hover, body.red-theme .social-media-container .social-media-tabs a, body.red-theme .form-section.collapsable .form-title h3:before, body.red-theme .form-section.collapsable .form-title h3:after, body.red-theme .inner-related-section .related-items .related-item, body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-title, body.red-theme .highlights-section .highlights-container .highlight-item a, body.red-theme .uae-missions-details .tabs a, body.red-theme .uae-missions-abroad-listing .flags-section-rows .country-item span, body.red-theme .page-landing h2, body.red-theme .countries-carousel-container h2, body.red-theme .consular-services-list .topic-title, body.red-theme .minister-travel h2, body.red-theme .minister-achievements .achievements-container .achievement-item, body.red-theme .minister-awards h2, body.red-theme .minister-news .minister-news-container .minister-news-details .item-category, body.red-theme .minister-news .minister-news-container .minister-news-details a, body.red-theme .minister-news .minister-news-container .minister-news-details .news-title, body.red-theme .minister-tweets .minister-tweets-title h2 { color: #000; } body.red-theme .btn.secondary-btn.light-bg-btn { border-color: #000; } body.red-theme header .user-container .user-img.empty-user-img, body.red-theme .uae-agreements #regions_div, body.red-theme .uae-agreements #covidmap_div, body.red-theme .covid-map #regions_div, body.red-theme .covid-map #covidmap_div { background: #efefef; } body.red-theme header .hovering-nav li { border-bottom-color: #efefef; } body.red-theme .uae-agreements #regions_div rect, body.red-theme .uae-agreements #covidmap_div rect, body.red-theme .covid-map #regions_div rect, body.red-theme .covid-map #covidmap_div rect { fill: #efefef !important; } body.red-theme .uae-agreements #regions_div path, body.red-theme .uae-agreements #regions_div path:hover, body.red-theme .uae-agreements #covidmap_div path, body.red-theme .uae-agreements #covidmap_div path:hover, body.red-theme .covid-map #regions_div path, body.red-theme .covid-map #regions_div path:hover, body.red-theme .covid-map #covidmap_div path, body.red-theme .covid-map #covidmap_div path:hover { stroke: #efefef !important; } body.red-theme .btn.secondary-btn.light-bg { color: #5d5d5d; } body.red-theme .btn.secondary-btn.light-bg { border-color: #5d5d5d; } body.red-theme .register-listing-container .register-listing-item a .regsiter-icon { background: #e2e2e2; } body.red-theme .register-listing-container .register-listing-item a .regsiter-icon { color: #a5a5a5; } body.red-theme .mofa-progress-item .mofa-progress-bar { background: #e1e1e1; } body.red-theme .empty-message .item-border, body.red-theme .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.red-theme .empty-listing-item .item-border, body.red-theme .inner-latest-section .item-border, body.red-theme .listing-container .listing-items-container .listing-item .item-border { border-color: #e1e1e1; } body.red-theme .bordered-container { border-color: #f5f5f5; } body.red-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #000; } body.red-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #fff; } body.red-theme .inner-latest-section .latest-date, body.red-theme .inner-related-section .related-items .related-info .related-date, body.red-theme .news-listing-container .news-listing .news-listing-item .item-info .item-date, body.red-theme .inner-news-details .details-info .details-date, body.red-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date, body.red-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location, body.red-theme .inner-latest-news .latest-date-location .latest-date { color: #9f9f9f; } body.red-theme .ng-field-upload-control .clear-uploader, body.red-theme .form-section .form-fields .field-container .date-control:before, body.red-theme .form-section .form-fields .field-container .select-control:before, body.red-theme .form-section .form-fields .field-container .field-upload-control:before { border-color: #c9c9c9; } body.red-theme .form-section .form-fields .field-container .date-control:before, body.red-theme .form-section .form-fields .field-container .select-control:before, body.red-theme .form-section .form-fields .field-container .field-upload-control:before { color: #8a8a8a; } body.red-theme footer .footer-menu .footer-quick-links ul a, body.red-theme footer .footer-menu .copy-rights span { color: #626262; } body.red-theme .form-section .form-fields .field-container .title, body.red-theme .form-section .form-fields .field-container .options-container .option-field label, body.red-theme .form-section .form-fields .field-container .options-container .checkbox-field label, body.red-theme .form-section .form-fields .field-container .checkbox-container .option-field label, body.red-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: #787878; } body.green-theme .icon-mail:hover, body.green-theme .datepicker--cell.-selected-, body.green-theme .datepicker--cell.-selected-.-current-, body.green-theme .multi-wrapper .selected-wrapper .item, body.green-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.green-theme .btn.primary-btn, body.green-theme .btn.secondary-btn:hover, body.green-theme .btn.secondary-btn.light-bg-btn:hover, body.green-theme .back-to-top-btn:hover, body.green-theme .clear-btn:hover, body.green-theme .missions-go-btn, body.green-theme .flying-social-media-container .happiness-meter a:hover, body.green-theme select option:not([selected]):checked, body.green-theme .share-container.active .share-btn i, body.green-theme .share-container .share-btn:hover i, body.green-theme #popup-container .popup-close-btn:hover, body.green-theme .service-inquiry-container .service-inquiry-icon, body.green-theme .grid-control .dataTables_paginate .paginate_button.current, body.green-theme .custom-tabs .tab-item:hover, body.green-theme .custom-tabs .tab-item.active, body.green-theme .form-tabs li.active, body.green-theme .legend-container .legend-item.colored:before, body.green-theme .expandable-toggle-all, body.green-theme .mofa-progress-item .mofa-progress, body.green-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.green-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.green-theme .appointment-schedule #ClickedCell, body.green-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.green-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.green-theme #horizontal-mega-menu, body.green-theme header .hovering-nav a:not(.btn):hover, body.green-theme header .hovering-nav a.active:not(.btn), body.green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.green-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.green-theme header .menu-container .menu-btn, body.green-theme header .menu-container .menu-btn.active span, body.green-theme header .user-container .user-menu-btn.active .user-img.empty-user-img, body.green-theme header .user-container .user-img.empty-user-img:hover, body.green-theme header .search-container .hovering-nav .hovering-search-btn:hover, body.green-theme footer .footer-menu .copy-rights .footer-social-media ul li a, body.green-theme footer .footer-menu .copy-rights .footer-social-media ul li a:hover, body.green-theme .social-media-container .social-media-tabs a.active, body.green-theme .social-media-container .social-media-tabs a:hover, body.green-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.green-theme .form-section.collapsable .form-title:hover h3:before, body.green-theme .form-section.collapsable .form-title:hover h3:after, body.green-theme .form-section.collapsable.active .form-title h3:before, body.green-theme .form-section.collapsable.active .form-title h3:after, body.green-theme .inner-related-section .related-items .related-info:hover:before, body.green-theme .hero-slider .slick-dots li a, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon, body.green-theme .inner-latest-news .news-category, body.green-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category, body.green-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover, body.green-theme .load-more-news-btn, body.green-theme .inner-news-details .details-img-container .news-category, body.green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon, body.green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span, body.green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover, body.green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn, body.green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn, body.green-theme .uae-missions-details .tabs a:hover, body.green-theme .uae-missions-details .current a, body.green-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category, body.green-theme #popup-gallery-container .popup-related-gallery .img-container:after, body.green-theme .page-landing .page-landing-container .item:hover:after, body.green-theme .search-form .search-btn, body.green-theme .search-listing-container .search-item-info .search-item-type, body.green-theme .paging-container ul li a:hover, body.green-theme .paging-container ul li a.active, body.green-theme .passport-strength-details .passport-info .passport-data .data-box-info, body.green-theme .expo-cards span, body.green-theme .ranking-container .ranking-category .ranking-item .ranking-info:before, body.green-theme .custom-popup .ui-dialog-titlebar, body.green-theme .custom-popup .ui-dialog-content input[type="submit"], body.green-theme .minister-achievements .achievements-container .achievement-item:hover, body.green-theme .minister-home-contact .contact-info .contact-social-media, body.green-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover, body.green-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover, body.green-theme #missions-embassy-news:before, body.green-theme #missions-upcoming-events .upcoming-events, body.green-theme #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar, body.green-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { background: #00843d; } body.green-theme .grid-control .custom-grid thead th { background-color: #00843d; } body.green-theme .color-with-theme, body.green-theme .custom-anchor, body.green-theme .flag.default-flag:before, body.green-theme p a, body.green-theme ul a, body.green-theme .datepicker--day-name, body.green-theme .datepicker--cell.-current-, body.green-theme .btn.secondary-btn.colored-btn, body.green-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a, body.green-theme .inner-filter i, body.green-theme .grid-control .custom-grid tbody tr td div.notes a, body.green-theme .grid-control .custom-grid .grid-icon, body.green-theme .grid-btns .grid-add-new-btn, body.green-theme .expandable-group.active .expandable-title i, body.green-theme .expandable-group.active .expandable-title em, body.green-theme #minzedChat:hover:before, body.green-theme .appointment-schedule .e-header-day, body.green-theme .appointment-schedule .e-header-date, body.green-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.green-theme header .user-container .form-section h2, body.green-theme header .user-container .form-section a:not(.btn), body.green-theme #horizontal-mega-menu .second-level a:hover, body.green-theme #horizontal-mega-menu .second-level > li > a:hover, body.green-theme header .user-container .user-img.empty-user-img, body.green-theme header .user-container .user-info .user-nationality, body.green-theme header .user-container .hovering-nav ul a:not(.btn), body.green-theme header .user-container .hovering-nav ul input:not(.btn), body.green-theme header .home-container a, body.green-theme header .search-container a, body.green-theme header .accessibility-container .lang .selected-item, body.green-theme header .accessibility-container .sound .selected-item, body.green-theme header .accessibility-container .contrast .selected-item, body.green-theme header .accessibility-container .themes .selected-item, body.green-theme header .accessibility-container .fonts .selected-item, body.green-theme header .mega-menu .main-menu .second-level > li > a, body.green-theme header .mega-menu .main-menu .second-level ul li a:hover, body.green-theme header .mega-menu .quick-links-menu ul li a:hover, body.green-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.green-theme .social-media-container .social-media-tabs a:hover .social-media-icon, body.green-theme .form-section .form-fields .field-container .form-info i, body.green-theme .form-section .form-fields .field-container .img-control .img-container, body.green-theme .form-section.collapsable .form-title:hover h3, body.green-theme .form-section.collapsable.active .form-title h3, body.green-theme .details-container p.quote-text, body.green-theme .details-back-btn-container .details-back-btn, body.green-theme .jsmaps-wrapper .jsmaps-text a:not(.btn), body.green-theme .error-container .error-icon i, body.green-theme .error-container .error-title span, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title, body.green-theme .service-details-section .service-info a, body.green-theme .service-details-section .service-cards .service-card-item .card-label i, body.green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full, body.green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i, body.green-theme .service-details-section .service-cards .service-card-item .card-value .registeration-required, body.green-theme .inner-latest-speeches .latest-container .latest-by, body.green-theme .speeches-listing-container .speeches-listing-item .item-by, body.green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, body.green-theme .contact-us-section .contact-us-info .contact-item a, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon, body.green-theme .login-listing-container .form-section a:not(.btn), body.green-theme .login-listing-container .login-listing-or span, body.green-theme .uae-missions-details .tabs_item .contact-item .icon, body.green-theme .uae-missions-abroad-listing .form-section .form-title span i, body.green-theme .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, body.green-theme .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, body.green-theme .countries-carousel-container .countries-carousel .countries-item a:hover h3, body.green-theme .expo-cards .expo-card-icon, body.green-theme .ministers-cards .card-item .card-info:hover h2, body.green-theme .sitemap-container a:not([href^="javascript:"]):hover, body.green-theme .sitemap-container a:not([href^="javascript:"]):hover h4, body.green-theme .sitemap-container .form-title a:hover, body.green-theme .sitemap-container .form-title a:hover h3, body.green-theme .consular-services-list .topic-item:hover .topic-title, body.green-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.green-theme .minister-bio .bio-info .bio-data h3, body.green-theme .minister-awards .minister-reward-container .reward-title i, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category, body.green-theme #missions-about-embassy .info-item, body.green-theme #missions-embassy-news .news-header a:hover, body.green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span, body.green-theme #missions-contact-us .contact-us-header a:hover { color: #00843d; } body.green-theme .icon-mail:hover, body.green-theme .multi-wrapper .selected-wrapper .item, body.green-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.green-theme .btn.secondary-btn.colored-btn, body.green-theme .btn.secondary-btn.light-bg:hover, body.green-theme .btn.secondary-btn:hover, body.green-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.green-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.green-theme .appointment-schedule #ClickedCell, body.green-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.green-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.green-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.green-theme #horizontal-mega-menu .second-level, body.green-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.green-theme .hero-slider .slick-dots li a, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info, body.green-theme .category-header, body.green-theme .uae-missions-details .tabs a:hover, body.green-theme .uae-missions-details .current a, body.green-theme .ministers-cards .card-item .card-info:hover, body.green-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.green-theme .ranking-container .ranking-category .ranking-item .node, body.green-theme .consular-services-list .topic-item:hover .topic-info, body.green-theme .custom-popup .ui-dialog-titlebar, body.green-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.green-theme .minister-achievements .achievements-container .achievement-item:hover, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: #00843d; } body.green-theme header .user-container .hovering-nav ul { border-top-color: #00843d; } body.green-theme .missions-section-border, body.green-theme #missions-embassy-news, body.green-theme #missions-visit-uae, body.green-theme #missions-visa-indication, body.green-theme #missions-embassy-announcements, body.green-theme .form-tabs, body.green-theme .form-tabs li.active, body.green-theme header { border-bottom-color: #00843d; } body.green-theme .grid-control .custom-grid thead tr, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: #00843d; } body.green-theme .custom-list li:before, body.green-theme .custom-content ul li:before, .custom-content body.green-theme ul li:before, body.green-theme .grid-control .custom-grid thead tr { border-right-color: #00843d; } body.green-theme .jsmaps-wrapper path:hover, body.green-theme .jsmaps-wrapper path.region-selected, body.green-theme .travel-statistics-map circle, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse, body.green-theme .uae-agreements #regions_div path[fill="#cf9234"], body.green-theme .uae-agreements #covidmap_div path[fill="#cf9234"], body.green-theme .covid-map #regions_div path[fill="#cf9234"], body.green-theme .covid-map #covidmap_div path[fill="#cf9234"], body.green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg circle, body.green-theme .service-details-section .service-header .service-title-container .service-title span svg, body.green-theme .service-details-section .service-header .service-title-container .service-title span svg path, body.green-theme .service-details-section .service-header .service-title-container .service-title span svg ellipse, body.green-theme .uae-missions-abroad-listing .form-section .form-title span > svg, body.green-theme .consular-services-list .topic-icon svg, body.green-theme .consular-services-list .topic-icon svg path, body.green-theme .consular-services-list .topic-icon svg ellipse { fill: #00843d !important; } body.green-theme .multi-wrapper .selected-wrapper .item:hover, body.green-theme .btn.primary-btn:hover, body.green-theme .missions-go-btn:hover, body.green-theme .load-more-news-btn:hover, body.green-theme .contact-us-section .contact-info-container .go-to-link:hover, body.green-theme .custom-popup .ui-dialog-content input[type="submit"]:hover { background: #006b31; } body.green-theme header .mega-menu .main-menu .second-level > li > a:hover, body.green-theme .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #006b31; } body.green-theme .jsmaps-wrapper .jsmaps-tooltip, body.green-theme footer .footer-keep-touch:before, body.green-theme .social-media-container .social-media-items-container, body.green-theme .inner-latest-section, body.green-theme .inner-related-section .related-items .related-info:hover, body.green-theme .minister-travel, body.green-theme .minister-bio .bio-info .bio-data { background: #f2f2f2; } body.green-theme .gray-bg, body.green-theme footer:before, body.green-theme footer:after, body.green-theme footer .footer-menu, body.green-theme footer .footer-menu:before, body.green-theme footer .footer-keep-touch { background: #eee; } body.green-theme header .hovering-nav, body.green-theme header .menu-container .menu-btn span, body.green-theme header .menu-container .menu-btn span:before, body.green-theme header .menu-container .menu-btn span:after, body.green-theme header .search-container .hovering-nav input, body.green-theme .inner-related-section .related-items .related-info, body.green-theme .map-container .inner-title-with-line h3, body.green-theme .contact-us-section .content-us-container, body.green-theme .ministers-cards .card-item .card-info, body.green-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.green-theme .ranking-container .ranking-category .ranking-item .node, body.green-theme .minister-travel.minister-management-travel, body.green-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: #fff; } body.green-theme .btn.primary-btn, body.green-theme .btn.secondary-btn, body.green-theme .btn.secondary-btn.light-bg:hover, body.green-theme .btn.secondary-btn:hover, body.green-theme .btn.secondary-btn.light-bg-btn:hover, body.green-theme header .hovering-nav a:not(.btn):hover, body.green-theme header .hovering-nav a:not(.btn):hover *, body.green-theme header .hovering-nav a.active:not(.btn), body.green-theme header .hovering-nav a:not(.btn).active *, body.green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover *, body.green-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.green-theme header .hovering-nav input:not([type="text"]):not(.btn).active *, body.green-theme header .user-container .hovering-nav ul a:not(.btn):hover, body.green-theme header .user-container .hovering-nav ul a.active:not(.btn), body.green-theme header .user-container .hovering-nav ul input:not(.btn):hover, body.green-theme header .user-container .hovering-nav ul input.active:not(.btn), body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body.green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: #fff; } body.green-theme .btn.secondary-btn { border-color: #fff; } body.green-theme .service-details-section .service-header .service-title-container .service-title span svg circle { fill: #fff !important; } body.green-theme .flying-social-media-container .flying-social-media .flying-social-media-btn:hover, body.green-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: #414141; } body.green-theme .empty-message .item-border p, body.green-theme .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body.green-theme .empty-listing-item .item-border p, body.green-theme .share-container .share-btn span, body.green-theme .inner-latest-section p, body.green-theme .details-container p, body.green-theme .inner-section .inner-section-desc, body.green-theme .speeches-listing-container .speeches-listing-item .item-desc, body.green-theme .register-listing-container .register-listing-item a, body.green-theme .contact-us-section .contact-us-info .contact-item span, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time, body.green-theme .minister-bio .bio-info .bio-data p, body.green-theme #missions-about-embassy h2, body.green-theme #missions-about-embassy .info-item p, body.green-theme #missions-about-embassy .info-item a, body.green-theme #missions-visit-uae .container > h2, body.green-theme #missions-visit-uae .container > p, body.green-theme #missions-embassy-announcements .container > h2, body.green-theme #missions-social-media h2 { color: #414141; } body.green-theme h1 a, body.green-theme h2 a, body.green-theme h3 a, body.green-theme h4 a, body.green-theme h5 a, body.green-theme h6 a, body.green-theme .btn.secondary-btn.light-bg-btn, body.green-theme .grid-control .custom-grid .grid-icon span, body.green-theme .custom-tabs .tab-item, body.green-theme .form-tabs li a, body.green-theme header .hovering-nav a:not(.btn) span, body.green-theme header .hovering-nav input:not([type="text"]):not(.btn) span, body.green-theme header .accessibility-container .fonts .hovering-nav a, body.green-theme header .mega-menu .menu-copy-rights nav ul li a, body.green-theme header .mega-menu .menu-copy-rights nav ul li a:hover, body.green-theme .social-media-container .social-media-tabs a, body.green-theme .form-section.collapsable .form-title h3:before, body.green-theme .form-section.collapsable .form-title h3:after, body.green-theme .inner-related-section .related-items .related-item, body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-title, body.green-theme .highlights-section .highlights-container .highlight-item a, body.green-theme .uae-missions-details .tabs a, body.green-theme .uae-missions-abroad-listing .flags-section-rows .country-item span, body.green-theme .page-landing h2, body.green-theme .countries-carousel-container h2, body.green-theme .consular-services-list .topic-title, body.green-theme .minister-travel h2, body.green-theme .minister-achievements .achievements-container .achievement-item, body.green-theme .minister-awards h2, body.green-theme .minister-news .minister-news-container .minister-news-details .item-category, body.green-theme .minister-news .minister-news-container .minister-news-details a, body.green-theme .minister-news .minister-news-container .minister-news-details .news-title, body.green-theme .minister-tweets .minister-tweets-title h2 { color: #000; } body.green-theme .btn.secondary-btn.light-bg-btn { border-color: #000; } body.green-theme header .user-container .user-img.empty-user-img, body.green-theme .uae-agreements #regions_div, body.green-theme .uae-agreements #covidmap_div, body.green-theme .covid-map #regions_div, body.green-theme .covid-map #covidmap_div { background: #efefef; } body.green-theme header .hovering-nav li { border-bottom-color: #efefef; } body.green-theme .uae-agreements #regions_div rect, body.green-theme .uae-agreements #covidmap_div rect, body.green-theme .covid-map #regions_div rect, body.green-theme .covid-map #covidmap_div rect { fill: #efefef !important; } body.green-theme .uae-agreements #regions_div path, body.green-theme .uae-agreements #regions_div path:hover, body.green-theme .uae-agreements #covidmap_div path, body.green-theme .uae-agreements #covidmap_div path:hover, body.green-theme .covid-map #regions_div path, body.green-theme .covid-map #regions_div path:hover, body.green-theme .covid-map #covidmap_div path, body.green-theme .covid-map #covidmap_div path:hover { stroke: #efefef !important; } body.green-theme .btn.secondary-btn.light-bg { color: #5d5d5d; } body.green-theme .btn.secondary-btn.light-bg { border-color: #5d5d5d; } body.green-theme .register-listing-container .register-listing-item a .regsiter-icon { background: #e2e2e2; } body.green-theme .register-listing-container .register-listing-item a .regsiter-icon { color: #a5a5a5; } body.green-theme .mofa-progress-item .mofa-progress-bar { background: #e1e1e1; } body.green-theme .empty-message .item-border, body.green-theme .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.green-theme .empty-listing-item .item-border, body.green-theme .inner-latest-section .item-border, body.green-theme .listing-container .listing-items-container .listing-item .item-border { border-color: #e1e1e1; } body.green-theme .bordered-container { border-color: #f5f5f5; } body.green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #000; } body.green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #fff; } body.green-theme .inner-latest-section .latest-date, body.green-theme .inner-related-section .related-items .related-info .related-date, body.green-theme .news-listing-container .news-listing .news-listing-item .item-info .item-date, body.green-theme .inner-news-details .details-info .details-date, body.green-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date, body.green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location, body.green-theme .inner-latest-news .latest-date-location .latest-date { color: #9f9f9f; } body.green-theme .ng-field-upload-control .clear-uploader, body.green-theme .form-section .form-fields .field-container .date-control:before, body.green-theme .form-section .form-fields .field-container .select-control:before, body.green-theme .form-section .form-fields .field-container .field-upload-control:before { border-color: #c9c9c9; } body.green-theme .form-section .form-fields .field-container .date-control:before, body.green-theme .form-section .form-fields .field-container .select-control:before, body.green-theme .form-section .form-fields .field-container .field-upload-control:before { color: #8a8a8a; } body.green-theme footer .footer-menu .footer-quick-links ul a, body.green-theme footer .footer-menu .copy-rights span { color: #626262; } body.green-theme .form-section .form-fields .field-container .title, body.green-theme .form-section .form-fields .field-container .options-container .option-field label, body.green-theme .form-section .form-fields .field-container .options-container .checkbox-field label, body.green-theme .form-section .form-fields .field-container .checkbox-container .option-field label, body.green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: #787878; } body.gray-theme .icon-mail:hover, body.gray-theme .datepicker--cell.-selected-, body.gray-theme .datepicker--cell.-selected-.-current-, body.gray-theme .multi-wrapper .selected-wrapper .item, body.gray-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.gray-theme .btn.primary-btn, body.gray-theme .btn.secondary-btn:hover, body.gray-theme .btn.secondary-btn.light-bg-btn:hover, body.gray-theme .back-to-top-btn:hover, body.gray-theme .clear-btn:hover, body.gray-theme .missions-go-btn, body.gray-theme .flying-social-media-container .happiness-meter a:hover, body.gray-theme select option:not([selected]):checked, body.gray-theme .share-container.active .share-btn i, body.gray-theme .share-container .share-btn:hover i, body.gray-theme #popup-container .popup-close-btn:hover, body.gray-theme .service-inquiry-container .service-inquiry-icon, body.gray-theme .grid-control .dataTables_paginate .paginate_button.current, body.gray-theme .custom-tabs .tab-item:hover, body.gray-theme .custom-tabs .tab-item.active, body.gray-theme .form-tabs li.active, body.gray-theme .legend-container .legend-item.colored:before, body.gray-theme .expandable-toggle-all, body.gray-theme .mofa-progress-item .mofa-progress, body.gray-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.gray-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.gray-theme .appointment-schedule #ClickedCell, body.gray-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.gray-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.gray-theme #horizontal-mega-menu, body.gray-theme header .hovering-nav a:not(.btn):hover, body.gray-theme header .hovering-nav a.active:not(.btn), body.gray-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.gray-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.gray-theme header .menu-container .menu-btn, body.gray-theme header .menu-container .menu-btn.active span, body.gray-theme header .user-container .user-menu-btn.active .user-img.empty-user-img, body.gray-theme header .user-container .user-img.empty-user-img:hover, body.gray-theme header .search-container .hovering-nav .hovering-search-btn:hover, body.gray-theme footer .footer-menu .copy-rights .footer-social-media ul li a, body.gray-theme footer .footer-menu .copy-rights .footer-social-media ul li a:hover, body.gray-theme .social-media-container .social-media-tabs a.active, body.gray-theme .social-media-container .social-media-tabs a:hover, body.gray-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.gray-theme .form-section.collapsable .form-title:hover h3:before, body.gray-theme .form-section.collapsable .form-title:hover h3:after, body.gray-theme .form-section.collapsable.active .form-title h3:before, body.gray-theme .form-section.collapsable.active .form-title h3:after, body.gray-theme .inner-related-section .related-items .related-info:hover:before, body.gray-theme .hero-slider .slick-dots li a, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon, body.gray-theme .inner-latest-news .news-category, body.gray-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category, body.gray-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover, body.gray-theme .load-more-news-btn, body.gray-theme .inner-news-details .details-img-container .news-category, body.gray-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon, body.gray-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span, body.gray-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover, body.gray-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn, body.gray-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn, body.gray-theme .uae-missions-details .tabs a:hover, body.gray-theme .uae-missions-details .current a, body.gray-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category, body.gray-theme #popup-gallery-container .popup-related-gallery .img-container:after, body.gray-theme .page-landing .page-landing-container .item:hover:after, body.gray-theme .search-form .search-btn, body.gray-theme .search-listing-container .search-item-info .search-item-type, body.gray-theme .paging-container ul li a:hover, body.gray-theme .paging-container ul li a.active, body.gray-theme .passport-strength-details .passport-info .passport-data .data-box-info, body.gray-theme .expo-cards span, body.gray-theme .ranking-container .ranking-category .ranking-item .ranking-info:before, body.gray-theme .custom-popup .ui-dialog-titlebar, body.gray-theme .custom-popup .ui-dialog-content input[type="submit"], body.gray-theme .minister-achievements .achievements-container .achievement-item:hover, body.gray-theme .minister-home-contact .contact-info .contact-social-media, body.gray-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover, body.gray-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover, body.gray-theme #missions-embassy-news:before, body.gray-theme #missions-upcoming-events .upcoming-events, body.gray-theme #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar, body.gray-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { background: #676767; } body.gray-theme .grid-control .custom-grid thead th { background-color: #676767; } body.gray-theme .color-with-theme, body.gray-theme .custom-anchor, body.gray-theme .flag.default-flag:before, body.gray-theme p a, body.gray-theme ul a, body.gray-theme .datepicker--day-name, body.gray-theme .datepicker--cell.-current-, body.gray-theme .btn.secondary-btn.colored-btn, body.gray-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a, body.gray-theme .inner-filter i, body.gray-theme .grid-control .custom-grid tbody tr td div.notes a, body.gray-theme .grid-control .custom-grid .grid-icon, body.gray-theme .grid-btns .grid-add-new-btn, body.gray-theme .expandable-group.active .expandable-title i, body.gray-theme .expandable-group.active .expandable-title em, body.gray-theme #minzedChat:hover:before, body.gray-theme .appointment-schedule .e-header-day, body.gray-theme .appointment-schedule .e-header-date, body.gray-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.gray-theme header .user-container .form-section h2, body.gray-theme header .user-container .form-section a:not(.btn), body.gray-theme #horizontal-mega-menu .second-level a:hover, body.gray-theme #horizontal-mega-menu .second-level > li > a:hover, body.gray-theme header .user-container .user-img.empty-user-img, body.gray-theme header .user-container .user-info .user-nationality, body.gray-theme header .user-container .hovering-nav ul a:not(.btn), body.gray-theme header .user-container .hovering-nav ul input:not(.btn), body.gray-theme header .home-container a, body.gray-theme header .search-container a, body.gray-theme header .accessibility-container .lang .selected-item, body.gray-theme header .accessibility-container .sound .selected-item, body.gray-theme header .accessibility-container .contrast .selected-item, body.gray-theme header .accessibility-container .themes .selected-item, body.gray-theme header .accessibility-container .fonts .selected-item, body.gray-theme header .mega-menu .main-menu .second-level > li > a, body.gray-theme header .mega-menu .main-menu .second-level ul li a:hover, body.gray-theme header .mega-menu .quick-links-menu ul li a:hover, body.gray-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.gray-theme .social-media-container .social-media-tabs a:hover .social-media-icon, body.gray-theme .form-section .form-fields .field-container .form-info i, body.gray-theme .form-section .form-fields .field-container .img-control .img-container, body.gray-theme .form-section.collapsable .form-title:hover h3, body.gray-theme .form-section.collapsable.active .form-title h3, body.gray-theme .details-container p.quote-text, body.gray-theme .details-back-btn-container .details-back-btn, body.gray-theme .jsmaps-wrapper .jsmaps-text a:not(.btn), body.gray-theme .error-container .error-icon i, body.gray-theme .error-container .error-title span, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title, body.gray-theme .service-details-section .service-info a, body.gray-theme .service-details-section .service-cards .service-card-item .card-label i, body.gray-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full, body.gray-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i, body.gray-theme .service-details-section .service-cards .service-card-item .card-value .registeration-required, body.gray-theme .inner-latest-speeches .latest-container .latest-by, body.gray-theme .speeches-listing-container .speeches-listing-item .item-by, body.gray-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.gray-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, body.gray-theme .contact-us-section .contact-us-info .contact-item a, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon, body.gray-theme .login-listing-container .form-section a:not(.btn), body.gray-theme .login-listing-container .login-listing-or span, body.gray-theme .uae-missions-details .tabs_item .contact-item .icon, body.gray-theme .uae-missions-abroad-listing .form-section .form-title span i, body.gray-theme .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, body.gray-theme .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, body.gray-theme .countries-carousel-container .countries-carousel .countries-item a:hover h3, body.gray-theme .expo-cards .expo-card-icon, body.gray-theme .ministers-cards .card-item .card-info:hover h2, body.gray-theme .sitemap-container a:not([href^="javascript:"]):hover, body.gray-theme .sitemap-container a:not([href^="javascript:"]):hover h4, body.gray-theme .sitemap-container .form-title a:hover, body.gray-theme .sitemap-container .form-title a:hover h3, body.gray-theme .consular-services-list .topic-item:hover .topic-title, body.gray-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.gray-theme .minister-bio .bio-info .bio-data h3, body.gray-theme .minister-awards .minister-reward-container .reward-title i, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category, body.gray-theme #missions-about-embassy .info-item, body.gray-theme #missions-embassy-news .news-header a:hover, body.gray-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span, body.gray-theme #missions-contact-us .contact-us-header a:hover { color: #25308d; } body.gray-theme .icon-mail:hover, body.gray-theme .multi-wrapper .selected-wrapper .item, body.gray-theme .multi-wrapper .non-selected-wrapper .item.selected:before, body.gray-theme .btn.secondary-btn.colored-btn, body.gray-theme .btn.secondary-btn.light-bg:hover, body.gray-theme .btn.secondary-btn:hover, body.gray-theme .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:before, body.gray-theme .ui-multiselect .ui-chkbox-box.ui-state-active, body.gray-theme .appointment-schedule #ClickedCell, body.gray-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.gray-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day, body.gray-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day, body.gray-theme #horizontal-mega-menu .second-level, body.gray-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.gray-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before, body.gray-theme .hero-slider .slick-dots li a, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info, body.gray-theme .category-header, body.gray-theme .uae-missions-details .tabs a:hover, body.gray-theme .uae-missions-details .current a, body.gray-theme .ministers-cards .card-item .card-info:hover, body.gray-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.gray-theme .ranking-container .ranking-category .ranking-item .node, body.gray-theme .consular-services-list .topic-item:hover .topic-info, body.gray-theme .custom-popup .ui-dialog-titlebar, body.gray-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i, body.gray-theme .minister-achievements .achievements-container .achievement-item:hover, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: #25308d; } body.gray-theme header .user-container .hovering-nav ul { border-top-color: #25308d; } body.gray-theme .missions-section-border, body.gray-theme #missions-embassy-news, body.gray-theme #missions-visit-uae, body.gray-theme #missions-visa-indication, body.gray-theme #missions-embassy-announcements, body.gray-theme .form-tabs, body.gray-theme .form-tabs li.active, body.gray-theme header { border-bottom-color: #25308d; } body.gray-theme .grid-control .custom-grid thead tr, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: #25308d; } body.gray-theme .custom-list li:before, body.gray-theme .custom-content ul li:before, .custom-content body.gray-theme ul li:before, body.gray-theme .grid-control .custom-grid thead tr { border-right-color: #25308d; } body.gray-theme .jsmaps-wrapper path:hover, body.gray-theme .jsmaps-wrapper path.region-selected, body.gray-theme .travel-statistics-map circle, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse, body.gray-theme .uae-agreements #regions_div path[fill="#cf9234"], body.gray-theme .uae-agreements #covidmap_div path[fill="#cf9234"], body.gray-theme .covid-map #regions_div path[fill="#cf9234"], body.gray-theme .covid-map #covidmap_div path[fill="#cf9234"], body.gray-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg circle, body.gray-theme .service-details-section .service-header .service-title-container .service-title span svg, body.gray-theme .service-details-section .service-header .service-title-container .service-title span svg path, body.gray-theme .service-details-section .service-header .service-title-container .service-title span svg ellipse, body.gray-theme .uae-missions-abroad-listing .form-section .form-title span > svg, body.gray-theme .consular-services-list .topic-icon svg, body.gray-theme .consular-services-list .topic-icon svg path, body.gray-theme .consular-services-list .topic-icon svg ellipse { fill: #25308d !important; } body.gray-theme .multi-wrapper .selected-wrapper .item:hover, body.gray-theme .btn.primary-btn:hover, body.gray-theme .missions-go-btn:hover, body.gray-theme .load-more-news-btn:hover, body.gray-theme .contact-us-section .contact-info-container .go-to-link:hover, body.gray-theme .custom-popup .ui-dialog-content input[type="submit"]:hover { background: #25308d; } body.gray-theme header .mega-menu .main-menu .second-level > li > a:hover, body.gray-theme .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #25308d; } body.gray-theme .jsmaps-wrapper .jsmaps-tooltip, body.gray-theme footer .footer-keep-touch:before, body.gray-theme .social-media-container .social-media-items-container, body.gray-theme .inner-latest-section, body.gray-theme .inner-related-section .related-items .related-info:hover, body.gray-theme .minister-travel, body.gray-theme .minister-bio .bio-info .bio-data { background: #f2f2f2; } body.gray-theme .gray-bg, body.gray-theme footer:before, body.gray-theme footer:after, body.gray-theme footer .footer-menu, body.gray-theme footer .footer-menu:before, body.gray-theme footer .footer-keep-touch { background: #eee; } body.gray-theme header .hovering-nav, body.gray-theme header .menu-container .menu-btn span, body.gray-theme header .menu-container .menu-btn span:before, body.gray-theme header .menu-container .menu-btn span:after, body.gray-theme header .search-container .hovering-nav input, body.gray-theme .inner-related-section .related-items .related-info, body.gray-theme .map-container .inner-title-with-line h3, body.gray-theme .contact-us-section .content-us-container, body.gray-theme .ministers-cards .card-item .card-info, body.gray-theme .ranking-container .ranking-category .ranking-item .ranking-info, body.gray-theme .ranking-container .ranking-category .ranking-item .node, body.gray-theme .minister-travel.minister-management-travel, body.gray-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: #fff; } body.gray-theme .btn.primary-btn, body.gray-theme .btn.secondary-btn, body.gray-theme .btn.secondary-btn.light-bg:hover, body.gray-theme .btn.secondary-btn:hover, body.gray-theme .btn.secondary-btn.light-bg-btn:hover, body.gray-theme header .hovering-nav a:not(.btn):hover, body.gray-theme header .hovering-nav a:not(.btn):hover *, body.gray-theme header .hovering-nav a.active:not(.btn), body.gray-theme header .hovering-nav a:not(.btn).active *, body.gray-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.gray-theme header .hovering-nav input:not([type="text"]):not(.btn):hover *, body.gray-theme header .hovering-nav input.active:not([type="text"]):not(.btn), body.gray-theme header .hovering-nav input:not([type="text"]):not(.btn).active *, body.gray-theme header .user-container .hovering-nav ul a:not(.btn):hover, body.gray-theme header .user-container .hovering-nav ul a.active:not(.btn), body.gray-theme header .user-container .hovering-nav ul input:not(.btn):hover, body.gray-theme header .user-container .hovering-nav ul input.active:not(.btn), body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body.gray-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: #fff; } body.gray-theme .btn.secondary-btn { border-color: #fff; } body.gray-theme .service-details-section .service-header .service-title-container .service-title span svg circle { fill: #fff !important; } body.gray-theme .flying-social-media-container .flying-social-media .flying-social-media-btn:hover, body.gray-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: #414141; } body.gray-theme .empty-message .item-border p, body.gray-theme .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body.gray-theme .empty-listing-item .item-border p, body.gray-theme .share-container .share-btn span, body.gray-theme .inner-latest-section p, body.gray-theme .details-container p, body.gray-theme .inner-section .inner-section-desc, body.gray-theme .speeches-listing-container .speeches-listing-item .item-desc, body.gray-theme .register-listing-container .register-listing-item a, body.gray-theme .contact-us-section .contact-us-info .contact-item span, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time, body.gray-theme .minister-bio .bio-info .bio-data p, body.gray-theme #missions-about-embassy h2, body.gray-theme #missions-about-embassy .info-item p, body.gray-theme #missions-about-embassy .info-item a, body.gray-theme #missions-visit-uae .container > h2, body.gray-theme #missions-visit-uae .container > p, body.gray-theme #missions-embassy-announcements .container > h2, body.gray-theme #missions-social-media h2 { color: #414141; } body.gray-theme h1 a, body.gray-theme h2 a, body.gray-theme h3 a, body.gray-theme h4 a, body.gray-theme h5 a, body.gray-theme h6 a, body.gray-theme .btn.secondary-btn.light-bg-btn, body.gray-theme .grid-control .custom-grid .grid-icon span, body.gray-theme .custom-tabs .tab-item, body.gray-theme .form-tabs li a, body.gray-theme header .hovering-nav a:not(.btn) span, body.gray-theme header .hovering-nav input:not([type="text"]):not(.btn) span, body.gray-theme header .accessibility-container .fonts .hovering-nav a, body.gray-theme header .mega-menu .menu-copy-rights nav ul li a, body.gray-theme header .mega-menu .menu-copy-rights nav ul li a:hover, body.gray-theme .social-media-container .social-media-tabs a, body.gray-theme .form-section.collapsable .form-title h3:before, body.gray-theme .form-section.collapsable .form-title h3:after, body.gray-theme .inner-related-section .related-items .related-item, body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-title, body.gray-theme .highlights-section .highlights-container .highlight-item a, body.gray-theme .uae-missions-details .tabs a, body.gray-theme .uae-missions-abroad-listing .flags-section-rows .country-item span, body.gray-theme .page-landing h2, body.gray-theme .countries-carousel-container h2, body.gray-theme .consular-services-list .topic-title, body.gray-theme .minister-travel h2, body.gray-theme .minister-achievements .achievements-container .achievement-item, body.gray-theme .minister-awards h2, body.gray-theme .minister-news .minister-news-container .minister-news-details .item-category, body.gray-theme .minister-news .minister-news-container .minister-news-details a, body.gray-theme .minister-news .minister-news-container .minister-news-details .news-title, body.gray-theme .minister-tweets .minister-tweets-title h2 { color: #000; } body.gray-theme .btn.secondary-btn.light-bg-btn { border-color: #000; } body.gray-theme header .user-container .user-img.empty-user-img, body.gray-theme .uae-agreements #regions_div, body.gray-theme .uae-agreements #covidmap_div, body.gray-theme .covid-map #regions_div, body.gray-theme .covid-map #covidmap_div { background: #efefef; } body.gray-theme header .hovering-nav li { border-bottom-color: #efefef; } body.gray-theme .uae-agreements #regions_div rect, body.gray-theme .uae-agreements #covidmap_div rect, body.gray-theme .covid-map #regions_div rect, body.gray-theme .covid-map #covidmap_div rect { fill: #efefef !important; } body.gray-theme .uae-agreements #regions_div path, body.gray-theme .uae-agreements #regions_div path:hover, body.gray-theme .uae-agreements #covidmap_div path, body.gray-theme .uae-agreements #covidmap_div path:hover, body.gray-theme .covid-map #regions_div path, body.gray-theme .covid-map #regions_div path:hover, body.gray-theme .covid-map #covidmap_div path, body.gray-theme .covid-map #covidmap_div path:hover { stroke: #efefef !important; } body.gray-theme .btn.secondary-btn.light-bg { color: #5d5d5d; } body.gray-theme .btn.secondary-btn.light-bg { border-color: #5d5d5d; } body.gray-theme .register-listing-container .register-listing-item a .regsiter-icon { background: #e2e2e2; } body.gray-theme .register-listing-container .register-listing-item a .regsiter-icon { color: #a5a5a5; } body.gray-theme .mofa-progress-item .mofa-progress-bar { background: #e1e1e1; } body.gray-theme .empty-message .item-border, body.gray-theme .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.gray-theme .empty-listing-item .item-border, body.gray-theme .inner-latest-section .item-border, body.gray-theme .listing-container .listing-items-container .listing-item .item-border { border-color: #e1e1e1; } body.gray-theme .bordered-container { border-color: #f5f5f5; } body.gray-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #000; } body.gray-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #fff; } body.gray-theme .inner-latest-section .latest-date, body.gray-theme .inner-related-section .related-items .related-info .related-date, body.gray-theme .news-listing-container .news-listing .news-listing-item .item-info .item-date, body.gray-theme .inner-news-details .details-info .details-date, body.gray-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date, body.gray-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location, body.gray-theme .inner-latest-news .latest-date-location .latest-date { color: #9f9f9f; } body.gray-theme .ng-field-upload-control .clear-uploader, body.gray-theme .form-section .form-fields .field-container .date-control:before, body.gray-theme .form-section .form-fields .field-container .select-control:before, body.gray-theme .form-section .form-fields .field-container .field-upload-control:before { border-color: #c9c9c9; } body.gray-theme .form-section .form-fields .field-container .date-control:before, body.gray-theme .form-section .form-fields .field-container .select-control:before, body.gray-theme .form-section .form-fields .field-container .field-upload-control:before { color: #8a8a8a; } body.gray-theme footer .footer-menu .footer-quick-links ul a, body.gray-theme footer .footer-menu .copy-rights span { color: #626262; } body.gray-theme .form-section .form-fields .field-container .title, body.gray-theme .form-section .form-fields .field-container .options-container .option-field label, body.gray-theme .form-section .form-fields .field-container .options-container .checkbox-field label, body.gray-theme .form-section .form-fields .field-container .checkbox-container .option-field label, body.gray-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: #787878; } .standard-margin-top { margin-top: 30px; } .standard-margin-right { margin-right: 30px; } .standard-margin-bottom { margin-bottom: 30px; } .standard-margin-left { margin-left: 30px; } .standard-padding-top { padding-top: 30px; } .standard-padding-right { padding-right: 30px; } .standard-padding-bottom { padding-bottom: 30px; } .standard-padding-left { padding-left: 30px; } .first-time-banner-container .first-time-banner-dim, .visit-uae-section .visit-uae-bg, #missions-embassy-news .year-of-tolerance-bg, #missions-visa-indication { position: relative; } .first-time-banner-container .first-time-banner-dim:before, .visit-uae-section .visit-uae-bg:before, #missions-embassy-news .year-of-tolerance-bg:before, #missions-visa-indication:before, .first-time-banner-container .first-time-banner-dim:after, #missions-embassy-news .year-of-tolerance-bg:after, #missions-visa-indication:after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; } .first-time-banner-container .first-time-banner-dim:before, .visit-uae-section .visit-uae-bg:before, #missions-embassy-news .year-of-tolerance-bg:before, #missions-visa-indication:before { z-index: 10; background: #000; opacity: 0; } .first-time-banner-container .first-time-banner-dim:after, .visit-uae-section .visit-uae-bg:after, #missions-embassy-news .year-of-tolerance-bg:after, #missions-visa-indication:after { z-index: 20; background: rgba(0, 0, 0, 0.68); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.68)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.68)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.68) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1); } .minister-news .minister-bg, #missions-upcoming-events { position: relative; } .minister-news .minister-bg:before, #missions-upcoming-events:before, .minister-news .minister-bg:after, #missions-upcoming-events:after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; } .minister-news .minister-bg:before, #missions-upcoming-events:before { z-index: 10; background: #000; opacity: 0.3; } .minister-news .minister-bg:after, #missions-upcoming-events:after { background: rgba(255, 255, 255, 0); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.68))); background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.68) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1); } .visit-uae-section .visit-uae-item .visit-uae-img, .gallery-listing-items-container .gallery-listing-item .item-img .img-container { position: relative; } .visit-uae-section .visit-uae-item .visit-uae-img:before, .gallery-listing-items-container .gallery-listing-item .item-img .img-container:before, .visit-uae-section .visit-uae-item .visit-uae-img:after, .gallery-listing-items-container .gallery-listing-item .item-img .img-container:after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; } .visit-uae-section .visit-uae-item .visit-uae-img:before, .gallery-listing-items-container .gallery-listing-item .item-img .img-container:before { z-index: 10; background: #000; opacity: 0.3; } .visit-uae-section .visit-uae-item .visit-uae-img:after, .gallery-listing-items-container .gallery-listing-item .item-img .img-container:after { background: rgba(255, 255, 255, 0); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.68))); background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.68) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1); } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album, #missions-visa-indication .indication-card { position: relative; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album:before, #missions-visa-indication .indication-card:before, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album:after, #missions-visa-indication .indication-card:after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album:before, #missions-visa-indication .indication-card:before { z-index: 10; background: #000; opacity: 0.3; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album:after, #missions-visa-indication .indication-card:after { background: rgba(0, 0, 0, 0.68); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.68)), color-stop(100%, rgba(255, 255, 255, 0))); background: linear-gradient(45deg, rgba(0, 0, 0, 0.68) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1); } .custom-anchor, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a:hover, ul a:hover, .btn, .download-btn, .clear-btn, .missions-go-btn, .flying-social-media-container .flying-social-media .flying-social-media-btn, .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a, .flying-social-media-container .happiness-meter a, .carousel-nav a, .share-container .share-btn, .share-container ul li a, #popup-container .popup-close-btn, .grid-control .custom-grid a.color-with-theme:hover, .grid-control .custom-grid tbody tr td div.notes a:hover, .grid-control .custom-grid tbody .custom-grid-load-more a.btn, .grid-control .custom-grid .grid-icon, .grid-btns .grid-add-new-btn:hover, .custom-tabs .tab-item, .form-tabs li a, .expandable-toggle-all, .ng-field-upload-control.file-uploaded-info .file-name:hover, .ng-field-upload-control .clear-uploader, header .user-container .form-section a:not(.btn):hover, #horizontal-mega-menu a, header .hovering-nav a:not(.btn), header .hovering-nav input:not([type="text"]):not(.btn), header .menu-container .menu-btn, header .user-container .user-menu-btn, header .home-container a, header .search-container a, header .accessibility-container .lang .selected-item, header .accessibility-container .sound .selected-item, header .accessibility-container .contrast .selected-item, header .accessibility-container .themes .selected-item, header .accessibility-container .fonts .selected-item, header .mega-menu a, footer .footer-menu .footer-quick-links ul a, footer .footer-menu .copy-rights .footer-social-media ul li a, .social-media-container .social-media-tabs a, .social-media-container .social-media-feed-container .social-media-item a, .inner-banner .bread-crumb a, .details-back-btn-container .details-back-btn:hover, .inner-related-section .related-items .related-item, .media-listing a, .ministry-services-section .services-topics-container .services-topics .topic-item a, .highlights-section .highlights-container .highlight-item a, .service-details-section .service-info ul a, .service-details-section .service-info a:hover, .service-details-section .service-cards .service-card-item .card-value .registeration-required:hover, .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn, .register-listing-container .register-listing-item a, .contact-us-section .contact-us-info .contact-item a:hover, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-container a, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup:hover, .login-listing-container .form-section a:not(.btn):hover, .gallery-listing-items-container .gallery-listing-item a, #popup-gallery-container .popup-gallery a, #popup-gallery-container .popup-related-gallery a, .page-landing .page-landing-container .item, .countries-carousel-container .countries-carousel .countries-item a, .paging-container ul li a, .custom-content a:hover, .ministers-cards .card-item .card-info, .consular-services-list a, .custom-popup .ui-dialog-content input[type="submit"], .minister-bio .bio-info .bio-follow .bio-social-media ul li a, .minister-achievements .achievements-container .achievement-item, .minister-home-contact .contact-info .contact-social-media ul li a, #missions-about-embassy .info-item a:hover, #missions-upcoming-events .upcoming-events .upcoming-event-item a { text-decoration: none; } .custom-anchor:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a, ul a, .grid-control .custom-grid .grid-icon:hover span, .grid-btns .grid-add-new-btn, .ng-field-upload-control.file-uploaded-info .file-name, header .user-container .form-section a:not(.btn), footer .footer-menu .footer-quick-links ul a:hover, .inner-banner .bread-crumb a:hover, .media-listing a:hover h3, .highlights-section .highlights-container .highlight-item a:hover, .service-details-section .service-info ul a:hover, .contact-us-section .contact-us-info .contact-item a, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup, .login-listing-container .form-section a:not(.btn), .contrast-yellow-theme .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, .contrast-green-theme .uae-missions-abroad-listing .flags-section-rows .country-item:hover span, .contrast-yellow-theme .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, .contrast-green-theme .uae-missions-abroad-listing .flags-section-rows .country-item:focus span, .custom-content a, #missions-about-embassy .info-item a, #missions-upcoming-events .upcoming-events .upcoming-event-item a:hover { text-decoration: underline; } *, body, html, div { -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i:not([class^="icon-"]):not([class*=" icon-"]), dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-size: 1rem; } html, body { min-height: 100vh; font: normal 14px "Cairo"; width: 100vw; max-width: 100vw; overflow-x: hidden; overflow-y: scroll; } html.unscrollable, body.unscrollable { overflow: hidden; } html.md-font, html body { font-size: 14px; } html.sm-font, html body { font-size: 12px; } html.lg-font, html body { font-size: 16px; } body { direction: ltr; } body *::-moz-selection { color: #fff; } body *::selection { color: #fff; } body.default-theme { background: #fff; } body *::-moz-selection { background: #c8c9ca; } body *::selection { background: #c8c9ca; } body.red-theme { background: #fff; } body.red-theme *::-moz-selection { background: rgba(200, 16, 46, 0.85); } body.red-theme *::selection { background: rgba(200, 16, 46, 0.85); } body.green-theme { background: #fff; } body.green-theme *::-moz-selection { background: rgba(0, 132, 61, 0.85); } body.green-theme *::selection { background: rgba(0, 132, 61, 0.85); } body.gray-theme { background: #fff; } body.gray-theme *::-moz-selection { background: rgba(103, 103, 103, 0.85); } body.gray-theme *::selection { background: rgba(103, 103, 103, 0.85); } body.contrast-yellow-theme { background: blue; } body.contrast-yellow-theme, body.contrast-yellow-theme a { color: #ff0; } body.contrast-yellow-theme *::-moz-selection { background: #ff0; color: blue; } body.contrast-yellow-theme *::selection { background: #ff0; color: blue; } body.contrast-green-theme { background: #000; } body.contrast-green-theme, body.contrast-green-theme a { color: lime; } body.contrast-green-theme *::-moz-selection { background: lime; color: #000; } body.contrast-green-theme *::selection { background: lime; color: #000; } main { min-height: calc(90vh - 119px); z-index: 100; } .container { width: calc(100% - 30px); max-width: 1170px; margin: 0 auto; position: relative; } .clear, .full-width { float: none; clear: both; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; } .text-center { text-align: center; } .text-center-important { text-align: center !important; } .full-width { width: 100% !important; } .section-padding { padding: 30px 0; } .bordered-container { border: 6px solid transparent; padding: 15px; } body.contrast-yellow-theme .bordered-container { border-color: #ff0; } body.contrast-green-theme .bordered-container { border-color: lime; } .color-with-theme { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .color-with-theme { color: #ff0; } body.contrast-green-theme .color-with-theme { color: lime; } .capitalize-text { text-transform: capitalize; } body.contrast-yellow-theme .custom-anchor { color: #ff0; } body.contrast-green-theme .custom-anchor { color: lime; } .empty-message, .listing-container .listing-items-container .empty-listing-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .empty-message .item-border, .listing-container .listing-items-container .empty-listing-item .item-border { padding: 15px; border: 1px solid transparent; position: relative; height: 100%; } body.contrast-yellow-theme .empty-message .item-border, body.contrast-yellow-theme .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.contrast-yellow-theme .empty-listing-item .item-border { border-color: #ff0; } body.contrast-green-theme .empty-message .item-border, body.contrast-green-theme .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.contrast-green-theme .empty-listing-item .item-border { border-color: lime; } .empty-message .item-border p, .listing-container .listing-items-container .empty-listing-item .item-border p { display: block; text-align: center; font: normal 0.88889rem/1.11111rem "Cairo"; } body.contrast-yellow-theme .empty-message .item-border p, body.contrast-yellow-theme .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body.contrast-yellow-theme .empty-listing-item .item-border p { color: #ff0; } body.contrast-green-theme .empty-message .item-border p, body.contrast-green-theme .listing-container .listing-items-container .empty-listing-item .item-border p, .listing-container .listing-items-container body.contrast-green-theme .empty-listing-item .item-border p { color: lime; } .flag.default-flag { background: #efefef; border-color: #e0e0e0 !important; } body.contrast-yellow-theme .flag.default-flag { background: #ff0; } body.contrast-green-theme .flag.default-flag { background: lime; } body.contrast-yellow-theme .flag.default-flag { border-color: blue !important; } body.contrast-green-theme .flag.default-flag { border-color: #000 !important; } .flag.default-flag:before { width: 100%; display: block; text-align: center; margin-top: 50%; font-size: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .flag.default-flag:before { color: blue; } body.contrast-green-theme .flag.default-flag:before { color: #000; } .tooltip-template { display: none; } .marg-t-30 { margin-top: 30px; } .marg-t-0 { margin-top: 0px; } .marg-l-20 { margin-right: 20px; } .marg-r-20 { margin-left: 20px; } .marg-zero { margin: 0 !important; } body.contrast-yellow-theme h1 a, body.contrast-yellow-theme h2 a, body.contrast-yellow-theme h3 a, body.contrast-yellow-theme h4 a, body.contrast-yellow-theme h5 a, body.contrast-yellow-theme h6 a { color: #ff0; } body.contrast-green-theme h1 a, body.contrast-green-theme h2 a, body.contrast-green-theme h3 a, body.contrast-green-theme h4 a, body.contrast-green-theme h5 a, body.contrast-green-theme h6 a { color: lime; } p a, ul a { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme p a, body.contrast-yellow-theme ul a { color: #ff0; } body.contrast-green-theme p a, body.contrast-green-theme ul a { color: lime; } hr, .custom-line { margin: 30px 0; } body.contrast-yellow-theme hr { border-color: #ff0; } body.contrast-green-theme hr { border-color: lime; } .custom-line { border-style: dashed; } .custom-list, .custom-content ul { list-style: none; } .custom-list li, .custom-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-bottom: 10px; padding-right: 15px; } body.contrast-yellow-theme .custom-list li, body.contrast-yellow-theme .custom-content ul li, .custom-content body.contrast-yellow-theme ul li { color: #ff0; } body.contrast-green-theme .custom-list li, body.contrast-green-theme .custom-content ul li, .custom-content body.contrast-green-theme ul li { color: lime; } .custom-list li:before, .custom-content ul li:before { content: ""; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid transparent; margin-top: 5px; right: 2px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.contrast-yellow-theme .custom-list li:before, body.contrast-yellow-theme .custom-content ul li:before, .custom-content body.contrast-yellow-theme ul li:before { border-right-color: #ff0; } body.contrast-green-theme .custom-list li:before, body.contrast-green-theme .custom-content ul li:before, .custom-content body.contrast-green-theme ul li:before { border-right-color: lime; } .dir-rtl .custom-list li:before, .dir-rtl .custom-content ul li:before, .custom-content .dir-rtl ul li:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .linking-title { font: bold 1.11111rem/1.33333rem "Cairo" !important; } .disabled { pointer-events: none; } .parallax { background-attachment: fixed !important; } body.contrast-yellow-theme .gray-bg { background: blue; } body.contrast-green-theme .gray-bg { background: #000; } .static-dir-ltr { direction: ltr; } .static-dir-rtl { direction: rtl; } .force-display-block { display: block !important; } .force-display-none, .sr-only { display: none !important; } .missions-section-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; } .partially-gray { position: relative; } .partially-gray:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 300px; background: #f9f9f9; } body.contrast-yellow-theme .partially-gray:before { background: blue; } body.contrast-green-theme .partially-gray:before { background: #000; } .partially-gray .container { position: relative; z-index: 10; } .print-show-only { display: none; } .slick-slide { float: right !important; } .icon-facebook, .icon-twitter, .icon-instagram, .icon-mail, .icon-youtube, .icon-linked-in { -webkit-transition: all 0.3s; transition: all 0.3s; } .icon-facebook:hover, .icon-twitter:hover, .icon-instagram:hover, .icon-mail:hover, .icon-youtube:hover, .icon-linked-in:hover { color: #fff !important; } .icon-facebook:hover { background: #4267b2 !important; border-color: #4267b2 !important; } .icon-twitter:hover { background: #38a1f3 !important; border-color: #38a1f3 !important; } .icon-linked-in:hover { background: #0077b5 !important; border-color: #0077b5 !important; } .icon-instagram { position: relative; overflow: hidden; } .icon-instagram:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; border-radius: 100%; z-index: 0; background: #fdf497; background: -webkit-gradient(left bottom, right top, color-stop(0%, #fdf497), color-stop(5%, #fdf497), color-stop(45%, #fd5849), color-stop(60%, #d6249e), color-stop(90%, #2858eb), color-stop(100%, #2858eb)); background: linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5849 45%, #d6249e 60%, #2858eb 90%, #2858eb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf497', endColorstr='#2858eb', GradientType=1); -webkit-transition: all 0.3s; transition: all 0.3s; } .icon-instagram:before { position: relative; z-index: 10; } .icon-instagram:hover { background: 0 !important; } .icon-instagram:hover:after { opacity: 1; } body.contrast-yellow-theme .icon-mail:hover { background: #b3b300; } body.contrast-green-theme .icon-mail:hover { background: #00b300; } body.contrast-yellow-theme .icon-mail:hover { color: blue !important; } body.contrast-green-theme .icon-mail:hover { color: #000 !important; } .default-img { position: relative; } .default-img:not(.carousel-item) { background: #e2e2e2 !important; } body.contrast-yellow-theme .default-img:not(.carousel-item) { background: blue; } body.contrast-green-theme .default-img:not(.carousel-item) { background: #000; } .default-img:not(.carousel-item):before { 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; content: "\e926"; position: absolute; top: 50%; left: 50%; color: #868686; font-size: 3.5rem; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } body.contrast-yellow-theme .default-img:not(.carousel-item):before { color: #ff0; } body.contrast-green-theme .default-img:not(.carousel-item):before { color: lime; } .default-img.carousel-item .container:after { 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; content: "\e926"; position: absolute; top: calc((100vh - 119px) / 2); left: 0; right: 0; margin: 0 auto; width: 49px; display: block; color: #868686; font-size: 3.5rem; z-index: -1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .icon-youtube:hover { background: #ff0000 !important; border-color: #ff0000 !important; } .missions-section-border, #missions-embassy-news, #missions-visit-uae, #missions-visa-indication, #missions-embassy-announcements { border-bottom: 5px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .missions-section-border, body.contrast-yellow-theme #missions-embassy-news, body.contrast-yellow-theme #missions-visit-uae, body.contrast-yellow-theme #missions-visa-indication, body.contrast-yellow-theme #missions-embassy-announcements { border-bottom-color: #ff0; } body.contrast-green-theme .missions-section-border, body.contrast-green-theme #missions-embassy-news, body.contrast-green-theme #missions-visit-uae, body.contrast-green-theme #missions-visa-indication, body.contrast-green-theme #missions-embassy-announcements { border-bottom-color: lime; } .missions-card-shadow, #horizontal-mega-menu .second-level, #missions-embassy-news .embassy-news-container .news-item, #missions-visit-uae .uae-visit-info, #missions-visa-indication .indication-card, #missions-embassy-announcements .announcements-card, #missions-social-media .social-media-container .social-media-items-container { -webkit-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.1); } .datepicker--cell { font: normal 0.88889rem/0.88889rem "Cairo"; } body.contrast-yellow-theme .datepicker--day-name, body.contrast-yellow-theme .datepicker--cell.-current- { color: #ff0; } body.contrast-green-theme .datepicker--day-name, body.contrast-green-theme .datepicker--cell.-current- { color: lime; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff !important; } body.contrast-yellow-theme .datepicker--cell.-selected-, body.contrast-yellow-theme .datepicker--cell.-selected-.-current- { background: #ff0; } body.contrast-green-theme .datepicker--cell.-selected-, body.contrast-green-theme .datepicker--cell.-selected-.-current- { background: lime; } body.contrast-yellow-theme .datepicker--cell.-selected-, body.contrast-yellow-theme .datepicker--cell.-selected-.-current- { color: blue !important; } body.contrast-green-theme .datepicker--cell.-selected-, body.contrast-green-theme .datepicker--cell.-selected-.-current- { color: #000 !important; } .dir-rtl .datepicker--nav { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dir-rtl .datepicker--time-current { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } air-datepicker[ng-reflect-view-mode="true"] .field { background: #e6e6e6 !important; border-color: #e6e6e6 !important; color: #414141 !important; pointer-events: none; opacity: 1 !important; } air-datepicker[ng-reflect-view-mode="true"] .field:-webkit-autofill, air-datepicker[ng-reflect-view-mode="true"] .field:-webkit-autofill:hover, air-datepicker[ng-reflect-view-mode="true"] .field:-webkit-autofill:focus, air-datepicker[ng-reflect-view-mode="true"] .field:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #e6e6e6 inset !important; box-shadow: 0 0 0 30px #e6e6e6 inset !important; } body.contrast-yellow-theme air-datepicker[ng-reflect-view-mode="true"] .field { border-color: blue !important; } body.contrast-green-theme air-datepicker[ng-reflect-view-mode="true"] .field { border-color: #000 !important; } body.contrast-yellow-theme air-datepicker[ng-reflect-view-mode="true"] .field { background: blue !important; } body.contrast-green-theme air-datepicker[ng-reflect-view-mode="true"] .field { background: #000 !important; } body.contrast-yellow-theme air-datepicker[ng-reflect-view-mode="true"] .field { color: #ff0 !important; } body.contrast-green-theme air-datepicker[ng-reflect-view-mode="true"] .field { color: lime !important; } .tooltipster-base { width: 340px !important; height: auto !important; } .tooltipster-sidetip .tooltipster-arrow-border { border: 0 !important; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #000 !important; } body.contrast-yellow-theme .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #ff0 !important; } body.contrast-green-theme .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: lime !important; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #000 !important; } body.contrast-yellow-theme .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #ff0 !important; } body.contrast-green-theme .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: lime !important; } .tooltipster-sidetip .tooltipster-box { border: 1px solid #000 !important; background: #000 !important; padding: 5px; border-radius: 10px !important; } body.contrast-yellow-theme .tooltipster-sidetip .tooltipster-box { background: #ff0 !important; } body.contrast-green-theme .tooltipster-sidetip .tooltipster-box { background: lime !important; } body.contrast-yellow-theme .tooltipster-sidetip .tooltipster-box { border-color: blue !important; } body.contrast-green-theme .tooltipster-sidetip .tooltipster-box { border-color: #000 !important; } .tooltipster-sidetip .tooltipster-content { font: normal 1rem/1rem "Cairo"; } body.contrast-yellow-theme .tooltipster-sidetip .tooltipster-content { color: blue; } body.contrast-green-theme .tooltipster-sidetip .tooltipster-content { color: #000; } .margin-t-b { margin: 30px auto; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .datepicker--cells { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } body.contrast-yellow-theme .datepicker--cell.-focus- { background: #ff0; } body.contrast-green-theme .datepicker--cell.-focus- { background: lime; } body.contrast-yellow-theme .datepicker--cell.-focus- { color: blue; } body.contrast-green-theme .datepicker--cell.-focus- { color: #000; } .datepicker--cell.-current- { color: #4eb5e6; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4eb5e6; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } body.contrast-yellow-theme .datepicker--cell.-disabled- { color: #b3b300; } body.contrast-green-theme .datepicker--cell.-disabled- { color: #00b300; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } body.contrast-yellow-theme .datepicker--cell.-disabled-.-focus- { color: #b3b300; } body.contrast-green-theme .datepicker--cell.-disabled-.-focus- { color: #00b300; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } body.contrast-yellow-theme .datepicker--cell.-disabled-.-in-range- { color: #b3b300; } body.contrast-green-theme .datepicker--cell.-disabled-.-in-range- { color: #00b300; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } body.contrast-yellow-theme .datepicker--cell.-disabled-.-current-.-focus- { color: #b3b300; } body.contrast-green-theme .datepicker--cell.-disabled-.-current-.-focus- { color: #00b300; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { border: none; } .datepicker--cell.-selected-.-focus- { background: #45bced; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #ff9a19; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: 0.8em; } .-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer { display: none; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--cells-years, .datepicker--years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: #fff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; } .contrast-yellow-theme .datepicker, .contrast-green-theme .datepicker { -webkit-box-shadow: none !important; box-shadow: none !important; } body.contrast-yellow-theme .datepicker { background: blue; } body.contrast-green-theme .datepicker { background: #000; } body.contrast-yellow-theme .datepicker { border-color: #ff0 !important; } body.contrast-green-theme .datepicker { border-color: lime !important; } body.contrast-yellow-theme .datepicker { color: #ff0; } body.contrast-green-theme .datepicker { color: lime; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; } .datepicker-inline .datepicker { border-color: #d7d7d7; -webkit-box-shadow: none; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } body.contrast-yellow-theme .datepicker-inline .datepicker { border-color: #ff0; } body.contrast-green-theme .datepicker-inline .datepicker { border-color: lime; } .datepicker--content { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 4px; } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; left: 10px; } body.contrast-yellow-theme .datepicker--pointer { background: blue; } body.contrast-green-theme .datepicker--pointer { background: #000; } body.contrast-yellow-theme .datepicker--pointer { border-top-color: #ff0; } body.contrast-green-theme .datepicker--pointer { border-top-color: lime; } body.contrast-yellow-theme .datepicker--pointer { border-right-color: #ff0; } body.contrast-green-theme .datepicker--pointer { border-right-color: lime; } .datepicker--nav-action:hover, .datepicker--nav-title:hover { background: #f0f0f0; } body.contrast-yellow-theme .datepicker--nav-action:hover, body.contrast-yellow-theme .datepicker--nav-title:hover { background: #ff0; } body.contrast-green-theme .datepicker--nav-action:hover, body.contrast-green-theme .datepicker--nav-title:hover { background: lime; } .-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer { left: 10px; } .-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer { right: 10px; } .-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body.active { display: block; } .datepicker--nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } body.contrast-yellow-theme .datepicker--nav { border-bottom-color: #ff0; } body.contrast-green-theme .datepicker--nav { border-bottom-color: lime; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-action, .datepicker--nav-title { display: -ms-flexbox; display: -webkit-box; display: flex; cursor: pointer; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } body.contrast-yellow-theme .datepicker--nav-title:hover, body.contrast-yellow-theme .datepicker--nav-title:hover i { color: blue; } body.contrast-green-theme .datepicker--nav-title:hover, body.contrast-green-theme .datepicker--nav-title:hover i { color: #000; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; } body.contrast-yellow-theme .datepicker--nav-action path { stroke: #ff0; } body.contrast-green-theme .datepicker--nav-action path { stroke: lime; } body.contrast-yellow-theme .datepicker--nav-action:hover path { stroke: blue; } body.contrast-green-theme .datepicker--nav-action:hover path { stroke: #000; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } body.contrast-yellow-theme .datepicker--nav-title { color: #ff0; } body.contrast-green-theme .datepicker--nav-title { color: lime; } .datepicker--buttons, .datepicker--time { border-top: 1px solid #efefef; padding: 4px; } body.contrast-yellow-theme .datepicker--buttons, body.contrast-yellow-theme .datepicker--time { border-top-color: #ff0; } body.contrast-green-theme .datepicker--buttons, body.contrast-green-theme .datepicker--time { border-top-color: lime; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } body.contrast-yellow-theme .datepicker--nav-title i { color: #ff0; } body.contrast-green-theme .datepicker--nav-title i { color: lime; } .datepicker--nav-title.-disabled- { cursor: default; background: 0 0; } .datepicker--buttons { display: -ms-flexbox; display: -webkit-box; display: flex; } .datepicker--button { color: #4eb5e6; cursor: pointer; border-radius: 4px; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } body.contrast-yellow-theme .datepicker--button:hover { background: #ff0; } body.contrast-green-theme .datepicker--button:hover { background: lime; } body.contrast-yellow-theme .datepicker--button:hover { color: blue; } body.contrast-green-theme .datepicker--button:hover { color: #000; } .datepicker--time { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -ms-flex: 0 1 138px; -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { -ms-flex: 0 1 153px; -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ""; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } body.contrast-yellow-theme .datepicker--time-current-hours:after, body.contrast-yellow-theme .datepicker--time-current-minutes:after { background: blue; } body.contrast-green-theme .datepicker--time-current-hours:after, body.contrast-green-theme .datepicker--time-current-minutes:after { background: #000; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } body.contrast-yellow-theme .datepicker--time-current-ampm { color: #ff0; } body.contrast-green-theme .datepicker--time-current-ampm { color: lime; } .datepicker--time-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type="range"] { background: 0 0; cursor: pointer; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type="range"]::-ms-tooltip { display: none; } .datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb { border-color: #b8b8b8; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb { border-color: lime; } .datepicker--time-row input[type="range"]:hover::-moz-range-thumb { border-color: #b8b8b8; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:hover::-moz-range-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]:hover::-moz-range-thumb { border-color: lime; } .datepicker--time-row input[type="range"]:hover::-ms-thumb { border-color: #b8b8b8; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:hover::-ms-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]:hover::-ms-thumb { border-color: lime; } .datepicker--time-row input[type="range"]:focus { outline: 0; } .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { border-color: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { border-color: #00b300; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { background: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { background: #00b300; } .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { border-color: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { border-color: #00b300; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { background: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-moz-range-thumb { background: #00b300; } .datepicker--time-row input[type="range"]:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-ms-thumb { border-color: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-ms-thumb { border-color: #00b300; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]:focus::-ms-thumb { background: #b3b300; } body.contrast-green-theme .datepicker--time-row input[type="range"]:focus::-ms-thumb { background: #00b300; } .datepicker--time-row input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; margin-top: -6px; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-webkit-slider-thumb { background: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-webkit-slider-thumb { background: lime; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-webkit-slider-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-webkit-slider-thumb { border-color: lime; } .datepicker--time-row input[type="range"]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-moz-range-thumb { background: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-moz-range-thumb { background: lime; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-moz-range-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-moz-range-thumb { border-color: lime; } .datepicker--time-row input[type="range"]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-ms-thumb { background: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-ms-thumb { background: lime; } body.contrast-yellow-theme .datepicker--time-row input[type="range"]::-ms-thumb { border-color: #ff0; } body.contrast-green-theme .datepicker--time-row input[type="range"]::-ms-thumb { border-color: lime; } .datepicker--time-row input[type="range"]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type="range"]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type="range"]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0; } .datepicker--time-row input[type="range"]::-ms-fill-lower { background: 0 0; } .datepicker--time-row input[type="range"]::-ms-fill-upper { background: 0 0; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } body.contrast-yellow-theme .datepicker--time-icon { color: #ff0; } body.contrast-green-theme .datepicker--time-icon { color: lime; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ""; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: 0.4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: 0.4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } body.contrast-yellow-theme .datepicker--cell-day.-other-month-, body.contrast-yellow-theme .datepicker--cell-year.-other-decade- { color: #ff0; } body.contrast-green-theme .datepicker--cell-day.-other-month-, body.contrast-green-theme .datepicker--cell-year.-other-decade- { color: lime; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } body.contrast-yellow-theme .datepicker--cell-day.-other-month-:hover, body.contrast-yellow-theme .datepicker--cell-year.-other-decade-:hover { color: #ff0; } body.contrast-green-theme .datepicker--cell-day.-other-month-:hover, body.contrast-green-theme .datepicker--cell-year.-other-decade-:hover { color: lime; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } body.contrast-yellow-theme .-disabled-.-focus-.datepicker--cell-day.-other-month-, body.contrast-yellow-theme .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #ff0; } body.contrast-green-theme .-disabled-.-focus-.datepicker--cell-day.-other-month-, body.contrast-green-theme .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: lime; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } body.contrast-yellow-theme .-selected-.datepicker--cell-day.-other-month-, body.contrast-yellow-theme .-selected-.datepicker--cell-year.-other-decade- { background: #ff0; } body.contrast-green-theme .-selected-.datepicker--cell-day.-other-month-, body.contrast-green-theme .-selected-.datepicker--cell-year.-other-decade- { background: lime; } body.contrast-yellow-theme .-selected-.datepicker--cell-day.-other-month-, body.contrast-yellow-theme .-selected-.datepicker--cell-year.-other-decade- { color: blue; } body.contrast-green-theme .-selected-.datepicker--cell-day.-other-month-, body.contrast-green-theme .-selected-.datepicker--cell-year.-other-decade- { color: #000; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } body.contrast-yellow-theme .-selected-.-focus-.datepicker--cell-day.-other-month-, body.contrast-yellow-theme .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #ff0; } body.contrast-green-theme .-selected-.-focus-.datepicker--cell-day.-other-month-, body.contrast-green-theme .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: lime; } body.contrast-yellow-theme .-selected-.-focus-.datepicker--cell-day.-other-month-, body.contrast-yellow-theme .-selected-.-focus-.datepicker--cell-year.-other-decade- { color: blue; } body.contrast-green-theme .-selected-.-focus-.datepicker--cell-day.-other-month-, body.contrast-green-theme .-selected-.-focus-.datepicker--cell-year.-other-decade- { color: #000; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #ccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: 0 0; border: none; } .jsmaps-wrapper { position: relative; margin: 0 auto; } .jsmaps-wrapper .jsmaps-preloader { position: absolute; top: 50%; left: 50%; z-index: 999; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); color: #fff; padding: 16px 14px; } .jsmaps-wrapper .jsmaps-tooltip { position: fixed; display: none; padding: 10px 15px; font-size: 14px; font-weight: bold; border: 1px solid #262626; border-radius: 4px; pointer-events: none; background-clip: padding-box; } body.contrast-yellow-theme .jsmaps-wrapper .jsmaps-tooltip { background: #ff0; } body.contrast-green-theme .jsmaps-wrapper .jsmaps-tooltip { background: lime; } .jsmaps-wrapper .jsmaps-mouse-position, .jsmaps-wrapper .jsmaps-viewbox-data { position: absolute; top: 0; left: 0; background: #000; color: #fff; font-size: 14px; padding: 10px; } .jsmaps-wrapper .jsmaps-viewbox-data { left: auto; right: 0; } .jsmaps-wrapper .jsmaps-console { float: left; clear: both; display: none; position: absolute; top: 5px; left: 5px; z-index: 2; } .jsmaps-wrapper .jsmaps-console ul { padding: 0; margin: 0; } .jsmaps-wrapper .jsmaps-console ul li { list-style-type: none; float: left; cursor: pointer; } .jsmaps-wrapper .jsmaps-console ul li button { background: none; border: 0; position: relative; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; margin-right: 1px; cursor: pointer; opacity: 0.9; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .jsmaps-wrapper .jsmaps-console ul li button:hover { opacity: 1; } .jsmaps-select { position: relative; display: none; } .jsmaps-select.all-devices { display: block; } @media (max-width: 767px) { .jsmaps-select.mobile { display: block; } } @media (min-width: 768px) { .jsmaps-select.tablet { display: block; } } @media (min-width: 992px) { .jsmaps-select.tablet { display: none; } } @media (min-width: 992px) { .jsmaps-select.desktop { display: block; } } .jsmaps-select select { display: block; width: 100%; max-width: 100%; height: auto; margin-bottom: 20px; padding: 10px 40px 10px 13px !important; border: 1px solid #999; border-radius: 3px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: inherit; } .jsmaps-select select::-ms-expand { display: none; } .jsmaps-select select option { padding: 4px; } .jsmaps-select .jsmaps-select-icon { position: absolute; top: 0; right: 0; width: 40px; height: 100%; border-left: 1px solid #999; pointer-events: none; } [class*="jsmaps-icon"] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } [class*="jsmaps-icon"]:before, [class*="jsmaps-icon"]:after { content: ""; display: inline-block; } [class*="jsmaps-icon"].jsmaps-icon-chevron:before { width: 10px; height: 10px; border-top: 2px solid white; border-right: 2px solid white; -webkit-transform: translate(25%, 0) rotate(-135deg); transform: translate(25%, 0) rotate(-135deg); } [class*="jsmaps-icon"].jsmaps-icon-chevron.jsmaps-icon-chevron-right:before { -webkit-transform: translate(-25%, 0) rotate(45deg); transform: translate(-25%, 0) rotate(45deg); } [class*="jsmaps-icon"].jsmaps-icon-chevron.jsmaps-icon-chevron-up:before { -webkit-transform: translate(0, calc(25%)) rotate(-45deg); transform: translate(0, calc(25%)) rotate(-45deg); } [class*="jsmaps-icon"].jsmaps-icon-chevron.jsmaps-icon-chevron-down:before { -webkit-transform: translate(0, calc(-25%)) rotate(135deg); transform: translate(0, calc(-25%)) rotate(135deg); } [class*="jsmaps-icon"].jsmaps-icon-chevron.jsmaps-theme-light:before { border-color: #999999; } [class*="jsmaps-icon"].jsmaps-icon-plus { height: 12px; } [class*="jsmaps-icon"].jsmaps-icon-plus:before, [class*="jsmaps-icon"].jsmaps-icon-plus:after { background: white; } [class*="jsmaps-icon"].jsmaps-icon-plus:before { width: 12px; height: 2px; -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } [class*="jsmaps-icon"].jsmaps-icon-plus:after { width: 2px; height: 12px; -webkit-transform: translate(-7px, 0); transform: translate(-7px, 0); } [class*="jsmaps-icon"].jsmaps-icon-minus { height: 12px; } [class*="jsmaps-icon"].jsmaps-icon-minus:before, [class*="jsmaps-icon"].jsmaps-icon-minus:after { background: white; } [class*="jsmaps-icon"].jsmaps-icon-minus:before { width: 12px; height: 2px; -webkit-transform: translate(0, -5px); transform: translate(0, -5px); } [class*="jsmaps-icon"].jsmaps-icon-minus:after { width: 2px; height: 12px; -webkit-transform: translate(-7px, 0); transform: translate(-7px, 0); } [class*="jsmaps-icon"].jsmaps-icon-minus:after { background: transparent; } [class*="jsmaps-icon"].jsmaps-icon-reset { width: 16px; height: 16px; border-radius: 50%; border: 2px solid white; border-left-color: transparent; } [class*="jsmaps-icon"].jsmaps-icon-reset:before { position: absolute; width: 0; height: 0; left: -6.5px; bottom: 0; border-width: 5px; border-style: solid; border-top-color: white; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .flexselect_dropdown { display: none; position: absolute; z-index: 999999; margin: 0; padding: 0; border: 1px solid WindowFrame; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: Window; color: WindowText; text-align: right; box-shadow: 0 6px 12px #ccc; -webkit-box-shadow: 0 6px 12px #ccc; } body.contrast-yellow-theme .flexselect_dropdown { background: blue; } body.contrast-green-theme .flexselect_dropdown { background: #000; } body.contrast-yellow-theme .flexselect_dropdown { color: #ff0; } body.contrast-green-theme .flexselect_dropdown { color: lime; } .contrast-yellow-theme .flexselect_dropdown, .contrast-green-theme .flexselect_dropdown { border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; } body.contrast-yellow-theme .flexselect_dropdown { border-color: #ff0; } body.contrast-green-theme .flexselect_dropdown { border-color: lime; } .flexselect_dropdown ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .flexselect_dropdown li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: Menu; overflow: hidden; } .flexselect_dropdown li.disabled { cursor: not-allowed; color: GrayText; } .flexselect_selected { background-color: Highlight; color: HighlightText; } body.contrast-yellow-theme .flexselect_selected { background: #ff0; } body.contrast-green-theme .flexselect_selected { background: lime; } body.contrast-yellow-theme .flexselect_selected { color: blue; } body.contrast-green-theme .flexselect_selected { color: #000; } .multi-wrapper { border: 1px solid #c7c7c7; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .multi-wrapper { border-color: #ff0; } body.contrast-green-theme .multi-wrapper { border-color: lime; } .multi-wrapper .non-selected-wrapper, .multi-wrapper .selected-wrapper { overflow-y: auto; vertical-align: top; border: 1px solid #c7c7c7; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } body.contrast-yellow-theme .multi-wrapper .non-selected-wrapper, body.contrast-yellow-theme .multi-wrapper .selected-wrapper { border-color: #ff0; } body.contrast-green-theme .multi-wrapper .non-selected-wrapper, body.contrast-green-theme .multi-wrapper .selected-wrapper { border-color: lime; } .multi-wrapper.open .non-selected-wrapper { z-index: 30; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, -webkit-transform 0.3s; } .multi-wrapper .non-selected-wrapper { background: #fff; left: -1px; right: -1px; width: auto; height: 200px; position: absolute; top: 45px; padding: 10px; z-index: -10; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; } body.contrast-yellow-theme .multi-wrapper .non-selected-wrapper { background: blue; } body.contrast-green-theme .multi-wrapper .non-selected-wrapper { background: #000; } .multi-wrapper .selected-wrapper { background: #fff; 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; height: auto; max-height: 100px; z-index: 20; position: static; width: 100%; border: 0; padding: 0 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper { background: blue; } body.contrast-green-theme .multi-wrapper .selected-wrapper { background: #000; } .multi-wrapper .selected-wrapper .item { margin: 3px; border-radius: 3px; color: #fff; border: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper .item { background: #ff0; } body.contrast-green-theme .multi-wrapper .selected-wrapper .item { background: lime; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper .item { border-color: #ff0; } body.contrast-green-theme .multi-wrapper .selected-wrapper .item { border-color: lime; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper .item { color: blue; } body.contrast-green-theme .multi-wrapper .selected-wrapper .item { color: #000; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper .item:hover { background: blue; } body.contrast-green-theme .multi-wrapper .selected-wrapper .item:hover { background: #000; } body.contrast-yellow-theme .multi-wrapper .selected-wrapper .item:hover { color: #ff0; } body.contrast-green-theme .multi-wrapper .selected-wrapper .item:hover { color: lime; } .multi-wrapper .selected-wrapper .item:before { content: "X"; font-weight: bold; background: transparent !important; border: 0 !important; right: 8px; top: 5px; -webkit-transition: none; transition: none; } .multi-wrapper .selected-wrapper .item:after { display: none; } .multi-wrapper .header { color: #4f4f4f; cursor: default; font-weight: bold; margin-bottom: 5px; padding: 5px 10px; } .multi-wrapper .item { cursor: pointer; display: block; position: relative; padding: 5px 10px; padding-right: 23px; font: normal 0.88889rem/1.11111rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } .multi-wrapper .item:before, .multi-wrapper .item:after { content: ""; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } .multi-wrapper .item:before { width: 16px; height: 16px; border: 1px solid #787878; background: #fff; position: absolute; top: 4px; right: 0; } body.contrast-yellow-theme .multi-wrapper .item:before { border-color: #ff0; } body.contrast-green-theme .multi-wrapper .item:before { border-color: lime; } body.contrast-yellow-theme .multi-wrapper .item:before { background: blue; } body.contrast-green-theme .multi-wrapper .item:before { background: #000; } .multi-wrapper .item:after { width: 14px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; top: 6px; left: 5px; z-index: 10; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } body.contrast-yellow-theme .multi-wrapper .item:after { border-bottom-color: blue; } body.contrast-green-theme .multi-wrapper .item:after { border-bottom-color: #000; } body.contrast-yellow-theme .multi-wrapper .item:after { border-left-color: blue; } body.contrast-green-theme .multi-wrapper .item:after { border-left-color: #000; } .dir-rtl .multi-wrapper .item:after { right: -3px; left: auto; } .multi-wrapper .item:hover { background: #ececec; border-radius: 2px; } body.contrast-yellow-theme .multi-wrapper .item:hover { background: #ff0; } body.contrast-green-theme .multi-wrapper .item:hover { background: lime; } body.contrast-yellow-theme .multi-wrapper .item:hover { color: blue; } body.contrast-green-theme .multi-wrapper .item:hover { color: #000; } body.contrast-yellow-theme .multi-wrapper .item:hover:before { border-color: blue; } body.contrast-green-theme .multi-wrapper .item:hover:before { border-color: #000; } body.contrast-yellow-theme .multi-wrapper .item:hover:before { background: blue; } body.contrast-green-theme .multi-wrapper .item:hover:before { background: #000; } body.contrast-yellow-theme .multi-wrapper .item:hover:after { border-color: #ff0; } body.contrast-green-theme .multi-wrapper .item:hover:after { border-color: lime; } .multi-wrapper .item-group { padding: 5px 10px; } .multi-wrapper .item-group .group-label { display: block; font-size: 0.875rem; opacity: 0.5; padding: 5px 0; } .multi-wrapper .search-input { border-radius: 0; display: block; margin: 0; outline: 0; width: 100%; height: 45px; } html body .multi-wrapper .search-input { border: 0 !important; } body.contrast-yellow-theme .multi-wrapper .non-selected-wrapper .item.selected:before { background: #ff0; } body.contrast-green-theme .multi-wrapper .non-selected-wrapper .item.selected:before { background: lime; } body.contrast-yellow-theme .multi-wrapper .non-selected-wrapper .item.selected:before { border-color: #ff0; } body.contrast-green-theme .multi-wrapper .non-selected-wrapper .item.selected:before { border-color: lime; } .multi-wrapper .non-selected-wrapper .item.selected:after { opacity: 1; } .multi-wrapper .non-selected-wrapper .item.disabled, .multi-wrapper .selected-wrapper .item.disabled { opacity: 0.5; text-decoration: line-through; } .multi-wrapper .non-selected-wrapper .item.disabled:hover, .multi-wrapper .selected-wrapper .item.disabled:hover { background: inherit; cursor: inherit; } .tooltipster-base { display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; position: absolute; } .tooltipster-box { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tooltipster-content { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } @-webkit-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { -webkit-animation: tooltipster-fading 400ms; animation: tooltipster-fading 400ms; } @-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .tooltipster-update-rotate { -webkit-animation: tooltipster-rotating 600ms; animation: tooltipster-rotating 600ms; } @-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .tooltipster-update-scale { -webkit-animation: tooltipster-scaling 600ms; animation: tooltipster-scaling 600ms; } .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .btn { display: inline-block; padding: 13px 30px; width: 100%; border-radius: 10px; text-align: center; text-transform: capitalize; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .contrast-yellow-theme .btn, .contrast-green-theme .btn { border: 1px solid transparent; } body.contrast-yellow-theme .btn.primary-btn { background: blue; } body.contrast-green-theme .btn.primary-btn { background: #000; } body.contrast-yellow-theme .btn.primary-btn { color: #ff0; } body.contrast-green-theme .btn.primary-btn { color: lime; } body.contrast-yellow-theme .btn.primary-btn { border-color: #ff0; } body.contrast-green-theme .btn.primary-btn { border-color: lime; } body.contrast-yellow-theme .btn.primary-btn:hover { background: #ff0; } body.contrast-green-theme .btn.primary-btn:hover { background: lime; } body.contrast-yellow-theme .btn.primary-btn:hover { color: blue; } body.contrast-green-theme .btn.primary-btn:hover { color: #000; } body.contrast-yellow-theme .btn.primary-btn:hover { border-color: blue; } body.contrast-green-theme .btn.primary-btn:hover { border-color: #000; } .btn.secondary-btn { border: 1px solid transparent; background: transparent; padding: 13px 30px; } body.contrast-yellow-theme .btn.secondary-btn { background: blue; } body.contrast-green-theme .btn.secondary-btn { background: #000; } body.contrast-yellow-theme .btn.secondary-btn { color: #ff0; } body.contrast-green-theme .btn.secondary-btn { color: lime; } body.contrast-yellow-theme .btn.secondary-btn { border-color: #ff0; } body.contrast-green-theme .btn.secondary-btn { border-color: lime; } body.contrast-yellow-theme .btn.secondary-btn.colored-btn { background: blue; } body.contrast-green-theme .btn.secondary-btn.colored-btn { background: #000; } body.contrast-yellow-theme .btn.secondary-btn.colored-btn { color: #ff0; } body.contrast-green-theme .btn.secondary-btn.colored-btn { color: lime; } body.contrast-yellow-theme .btn.secondary-btn.colored-btn { border-color: #ff0; } body.contrast-green-theme .btn.secondary-btn.colored-btn { border-color: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg { background: blue; } body.contrast-green-theme .btn.secondary-btn.light-bg { background: #000; } body.contrast-yellow-theme .btn.secondary-btn.light-bg { color: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg { color: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg { border-color: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg { border-color: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg:hover { background: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg:hover { background: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg:hover { color: blue; } body.contrast-green-theme .btn.secondary-btn.light-bg:hover { color: #000; } body.contrast-yellow-theme .btn.secondary-btn:hover { background: #ff0; } body.contrast-green-theme .btn.secondary-btn:hover { background: lime; } body.contrast-yellow-theme .btn.secondary-btn:hover { color: blue; } body.contrast-green-theme .btn.secondary-btn:hover { color: #000; } body.contrast-yellow-theme .btn.secondary-btn.light-bg-btn { background: blue; } body.contrast-green-theme .btn.secondary-btn.light-bg-btn { background: #000; } body.contrast-yellow-theme .btn.secondary-btn.light-bg-btn { color: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg-btn { color: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg-btn { border-color: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg-btn { border-color: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg-btn:hover { background: #ff0; } body.contrast-green-theme .btn.secondary-btn.light-bg-btn:hover { background: lime; } body.contrast-yellow-theme .btn.secondary-btn.light-bg-btn:hover { color: blue; } body.contrast-green-theme .btn.secondary-btn.light-bg-btn:hover { color: #000; } .btn.tertiary-btn { border: 0; background: #5d5d5d; color: #fff; } .contrast-yellow-theme .btn.tertiary-btn, .contrast-green-theme .btn.tertiary-btn { border: 1px solid transparent; } body.contrast-yellow-theme .btn.tertiary-btn { background: blue; } body.contrast-green-theme .btn.tertiary-btn { background: #000; } body.contrast-yellow-theme .btn.tertiary-btn { color: #ff0; } body.contrast-green-theme .btn.tertiary-btn { color: lime; } body.contrast-yellow-theme .btn.tertiary-btn { border-color: #ff0; } body.contrast-green-theme .btn.tertiary-btn { border-color: lime; } .btn.tertiary-btn:hover { background: #444; } body.contrast-yellow-theme .btn.tertiary-btn:hover { background: #ff0; } body.contrast-green-theme .btn.tertiary-btn:hover { background: lime; } body.contrast-yellow-theme .btn.tertiary-btn:hover { color: blue; } body.contrast-green-theme .btn.tertiary-btn:hover { color: #000; } body.contrast-yellow-theme .btn.tertiary-btn:hover { border-color: blue; } body.contrast-green-theme .btn.tertiary-btn:hover { border-color: #000; } .btn.big-btn { font-size: 1.66667rem; } .btn.small-btn { padding: 10px; font-size: 1rem; } .btn.read-more-btn { width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; border-radius: 0; font-weight: bold; font-size: 12px; } body.contrast-yellow-theme .btn.read-more-btn { background: #ff0 !important; } body.contrast-green-theme .btn.read-more-btn { background: lime !important; } body.contrast-yellow-theme .btn.read-more-btn { color: blue; } body.contrast-green-theme .btn.read-more-btn { color: #000; } .btn.read-more-btn:not(.missions-read-more-btn) { -webkit-transform: scaleX(1); transform: scaleX(1); } body.contrast-yellow-theme .btn.read-more-btn:hover { background: #b3b300 !important; } body.contrast-green-theme .btn.read-more-btn:hover { background: #00b300 !important; } body.contrast-yellow-theme .btn.read-more-btn:hover { border-color: #b3b300 !important; } body.contrast-green-theme .btn.read-more-btn:hover { border-color: #00b300 !important; } .dir-rtl .btn.read-more-btn { -webkit-transform: scaleX(1); transform: scaleX(1); } .dir-rtl .btn.read-more-btn.missions-read-more-btn { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .btn.thin-btn { padding: 5px 30px; } .back-to-top-btn { display: block; width: 55px; height: 55px; color: #fff; background: #7b7b7b; text-align: center; line-height: 55px; font-size: 1.5rem; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .contrast-yellow-theme .back-to-top-btn, .contrast-green-theme .back-to-top-btn { border: 1px solid transparent; } body.contrast-yellow-theme .back-to-top-btn { background: #ff0; } body.contrast-green-theme .back-to-top-btn { background: lime; } body.contrast-yellow-theme .back-to-top-btn { color: blue; } body.contrast-green-theme .back-to-top-btn { color: #000; } body.contrast-yellow-theme .back-to-top-btn { border-color: blue; } body.contrast-green-theme .back-to-top-btn { border-color: #000; } .download-btn { position: relative; display: block; border: 1px solid #c7c7c7; color: #fff; background: #5b5b5b; height: 47px; width: 100%; padding: 15px 20px; padding-left: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .download-btn { border-color: #ff0; } body.contrast-green-theme .download-btn { border-color: lime; } body.contrast-yellow-theme .download-btn { color: #ff0; } body.contrast-green-theme .download-btn { color: lime; } body.contrast-yellow-theme .download-btn { background: blue; } body.contrast-green-theme .download-btn { background: #000; } .download-btn:before { position: absolute; top: 50%; display: block; left: 0; color: #fff; padding: 0 10px; line-height: 1.8rem; border-right: 1px solid #fff; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .download-btn:before { border-right-color: #ff0; } body.contrast-green-theme .download-btn:before { border-right-color: lime; } body.contrast-yellow-theme .download-btn:before { color: #ff0; } body.contrast-green-theme .download-btn:before { color: lime; } .download-btn:hover { background: #2d2d2d; } body.contrast-yellow-theme .download-btn:hover { background: #ff0; } body.contrast-green-theme .download-btn:hover { background: lime; } body.contrast-yellow-theme .download-btn:hover { color: blue; } body.contrast-green-theme .download-btn:hover { color: #000; } body.contrast-yellow-theme .download-btn:hover:before { border-right-color: blue; } body.contrast-green-theme .download-btn:hover:before { border-right-color: #000; } body.contrast-yellow-theme .download-btn:hover:before { color: blue; } body.contrast-green-theme .download-btn:hover:before { color: #000; } .download-btn span { font-family: "Cairo"; } .clear-btn { height: 47px; line-height: 47px; background: #000; color: #fff; border: 1px solid transparent; padding: 0 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .clear-btn { background: blue; } body.contrast-green-theme .clear-btn { background: #000; } body.contrast-yellow-theme .clear-btn { color: #ff0; } body.contrast-green-theme .clear-btn { color: lime; } body.contrast-yellow-theme .clear-btn { border-color: #ff0; } body.contrast-green-theme .clear-btn { border-color: lime; } body.contrast-yellow-theme .clear-btn:hover { background: #ff0; } body.contrast-green-theme .clear-btn:hover { background: lime; } body.contrast-yellow-theme .clear-btn:hover { color: blue; } body.contrast-green-theme .clear-btn:hover { color: #000; } .missions-go-btn { display: -webkit-box; display: -ms-flexbox; display: flex; font: normal 1rem/1rem "Cairo"; color: #fff; padding: 20px; border-bottom-left-radius: 10px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .missions-go-btn { background: #ff0; } body.contrast-green-theme .missions-go-btn { background: lime; } body.contrast-yellow-theme .missions-go-btn { color: blue; } body.contrast-green-theme .missions-go-btn { color: #000; } body.contrast-yellow-theme .missions-go-btn:hover { background: blue !important; } body.contrast-green-theme .missions-go-btn:hover { background: #000 !important; } body.contrast-yellow-theme .missions-go-btn:hover { color: #ff0; } body.contrast-green-theme .missions-go-btn:hover { color: lime; } .missions-go-btn span, .missions-go-btn i { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .dir-rtl .missions-go-btn i { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .missions-go-btn span { display: inline-block; margin-left: 15px; } .flying-social-media-container { display: none; left: 0; position: fixed; top: 15vh; z-index: 1000; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } body.contrast-yellow-theme .flying-social-media-container { background: blue; } body.contrast-green-theme .flying-social-media-container { background: #000; } .dir-rtl .flying-social-media-container { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .contrast-yellow-theme .flying-social-media-container, .contrast-green-theme .flying-social-media-container { border: 1px solid transparent; } body.contrast-yellow-theme .flying-social-media-container { border-color: #ff0; } body.contrast-green-theme .flying-social-media-container { border-color: lime; } .flying-social-media-container .flying-social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: rgba(0, 0, 0, 0.9); } .flying-social-media-container .flying-social-media .flying-social-media-btn { display: block; font: normal 1rem/0.88889rem "Cairo"; color: #fff; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 6px 5px 12px; -webkit-transition: 0.3s; transition: 0.3s; } body.contrast-yellow-theme .flying-social-media-container .flying-social-media .flying-social-media-btn { color: #ff0; } body.contrast-green-theme .flying-social-media-container .flying-social-media .flying-social-media-btn { color: lime; } .flying-social-media-container .flying-social-media .flying-social-media-btn div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; align-self: center; position: relative; -webkit-transition: padding-top 0.3s ease 0.6s, font 0.3s; transition: padding-top 0.3s ease 0.6s, font 0.3s; } .flying-social-media-container .flying-social-media .flying-social-media-btn div:before, .flying-social-media-container .flying-social-media .flying-social-media-btn div:after { content: ""; height: 2px; background: #fff; width: 10px; display: block; margin: 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; -webkit-transition: all 0.3s ease 0.6s; transition: all 0.3s ease 0.6s; } body.contrast-yellow-theme .flying-social-media-container .flying-social-media .flying-social-media-btn div:before, body.contrast-yellow-theme .flying-social-media-container .flying-social-media .flying-social-media-btn div:after { background: #ff0; } body.contrast-green-theme .flying-social-media-container .flying-social-media .flying-social-media-btn div:before, body.contrast-green-theme .flying-social-media-container .flying-social-media .flying-social-media-btn div:after { background: lime; } .flying-social-media-container .flying-social-media .flying-social-media-btn div:after { position: absolute; left: 0; top: 6px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .flying-social-media-container .flying-social-media .flying-social-media-btn div span { display: inline-block; white-space: nowrap; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 7px; } .flying-social-media-container .flying-social-media .flying-social-media-icons { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-transition: all 0.3s ease 0.6s; transition: all 0.3s ease 0.6s; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li { float: right; padding: 0; -webkit-transition: all 0.3s ease 0.6s; transition: all 0.3s ease 0.6s; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { display: block; width: 0; height: 0; overflow: hidden; border-radius: 100%; background: #fff; text-align: center; line-height: 30px; opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } body.contrast-yellow-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { background: #ff0; } body.contrast-green-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { background: lime; } body.contrast-yellow-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { color: blue; } body.contrast-green-theme .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { color: #000; } .dir-rtl .flying-social-media-container .flying-social-media .flying-social-media-icons ul li a { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li:nth-child(4) a { -webkit-transition: opacity 0.3s ease 0s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li:nth-child(3) a { -webkit-transition: opacity 0.3s ease 0.15s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.15s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li:nth-child(2) a { -webkit-transition: opacity 0.3s ease 0.3s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.3s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media .flying-social-media-icons ul li:nth-child(1) a { -webkit-transition: opacity 0.3s ease 0.45s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.45s, width 0.3s ease 0.6s, height 0.3s ease 0.6s, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media.active .flying-social-media-btn div { -webkit-transition-delay: 0s; transition-delay: 0s; } .flying-social-media-container .flying-social-media.active .flying-social-media-btn div:before, .flying-social-media-container .flying-social-media.active .flying-social-media-btn div:after { -webkit-transition-delay: 0s; transition-delay: 0s; } .flying-social-media-container .flying-social-media.active .flying-social-media-btn div:before { width: 70px; } .flying-social-media-container .flying-social-media.active .flying-social-media-btn div:after { width: 0; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons { padding: 5px 7px; -webkit-transition-delay: 0s; transition-delay: 0s; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li { padding: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li a { width: 30px; height: 30px; opacity: 1; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li:nth-child(1) a { -webkit-transition: opacity 0.3s ease 0.3s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.3s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li:nth-child(2) a { -webkit-transition: opacity 0.3s ease 0.45s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.45s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li:nth-child(3) a { -webkit-transition: opacity 0.3s ease 0.6s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.6s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .flying-social-media.active .flying-social-media-icons ul li:nth-child(4) a { -webkit-transition: opacity 0.3s ease 0.75s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.75s, width 0.3s ease, height 0.3s ease, color 0.3s ease, background 0.3s ease; } .flying-social-media-container .happiness-meter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .flying-social-media-container .happiness-meter a { color: #fff; font-size: 1.5rem; padding: 15px 7px; background: #7b7b7b; border-top-right-radius: 7px; display: block; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .flying-social-media-container .happiness-meter a { background: #ff0; } body.contrast-green-theme .flying-social-media-container .happiness-meter a { background: lime; } body.contrast-yellow-theme .flying-social-media-container .happiness-meter a { color: blue; } body.contrast-green-theme .flying-social-media-container .happiness-meter a { color: #000; } .flying-social-media-container .happiness-meter a i { -webkit-transform: rotate(90deg); transform: rotate(90deg); display: block; } .dir-rtl .flying-social-media-container .happiness-meter a i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } body.contrast-yellow-theme .flying-social-media-container .happiness-meter a:hover { background: #b3b300; } body.contrast-green-theme .flying-social-media-container .happiness-meter a:hover { background: #00b300; } .carousel-nav a { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } .carousel-nav a.slick-disabled { opacity: 0.3; pointer-events: none; } .carousel-nav a i { display: inline-block; } .carousel-nav a.next-btn i { -webkit-transform: scaleX(-1); transform: scaleX(-1); } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], select, textarea, .field { width: 100%; height: 47px; padding: 15px 20px; border: 1px solid transparent !important; text-align: right; border-color: #c7c7c7 !important; color: #083e6c !important; background: #fff !important; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 600; font-size: 16px; } input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:active, input[type="email"]:-webkit-autofill, input[type="email"]:-webkit-autofill:hover, input[type="email"]:-webkit-autofill:focus, input[type="email"]:-webkit-autofill:active, input[type="password"]:-webkit-autofill, input[type="password"]:-webkit-autofill:hover, input[type="password"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill:active, input[type="search"]:-webkit-autofill, input[type="search"]:-webkit-autofill:hover, input[type="search"]:-webkit-autofill:focus, input[type="search"]:-webkit-autofill:active, input[type="date"]:-webkit-autofill, input[type="date"]:-webkit-autofill:hover, input[type="date"]:-webkit-autofill:focus, input[type="date"]:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, .field:-webkit-autofill, .field:-webkit-autofill:hover, .field:-webkit-autofill:focus, .field:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset !important; box-shadow: 0 0 0 30px #fff inset !important; } body.contrast-yellow-theme input[type="text"], body.contrast-yellow-theme input[type="email"], body.contrast-yellow-theme input[type="password"], body.contrast-yellow-theme input[type="search"], body.contrast-yellow-theme input[type="date"], body.contrast-yellow-theme select, body.contrast-yellow-theme textarea, body.contrast-yellow-theme .field { border-color: #ff0 !important; } body.contrast-green-theme input[type="text"], body.contrast-green-theme input[type="email"], body.contrast-green-theme input[type="password"], body.contrast-green-theme input[type="search"], body.contrast-green-theme input[type="date"], body.contrast-green-theme select, body.contrast-green-theme textarea, body.contrast-green-theme .field { border-color: lime !important; } body.contrast-yellow-theme input[type="text"], body.contrast-yellow-theme input[type="email"], body.contrast-yellow-theme input[type="password"], body.contrast-yellow-theme input[type="search"], body.contrast-yellow-theme input[type="date"], body.contrast-yellow-theme select, body.contrast-yellow-theme textarea, body.contrast-yellow-theme .field { background: blue !important; } body.contrast-green-theme input[type="text"], body.contrast-green-theme input[type="email"], body.contrast-green-theme input[type="password"], body.contrast-green-theme input[type="search"], body.contrast-green-theme input[type="date"], body.contrast-green-theme select, body.contrast-green-theme textarea, body.contrast-green-theme .field { background: #000 !important; } body.contrast-yellow-theme input[type="text"], body.contrast-yellow-theme input[type="email"], body.contrast-yellow-theme input[type="password"], body.contrast-yellow-theme input[type="search"], body.contrast-yellow-theme input[type="date"], body.contrast-yellow-theme select, body.contrast-yellow-theme textarea, body.contrast-yellow-theme .field { color: #ff0 !important; } body.contrast-green-theme input[type="text"], body.contrast-green-theme input[type="email"], body.contrast-green-theme input[type="password"], body.contrast-green-theme input[type="search"], body.contrast-green-theme input[type="date"], body.contrast-green-theme select, body.contrast-green-theme textarea, body.contrast-green-theme .field { color: lime !important; } input[type="text"][disabled], input[type="text"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="date"][disabled], input[type="date"].disabled, select[disabled], select.disabled, textarea[disabled], textarea.disabled, .field[disabled], .field.disabled { background: #e6e6e6 !important; border-color: #e6e6e6 !important; color: #414141 !important; pointer-events: none; opacity: 1 !important; } input[type="text"][disabled]:-webkit-autofill, input[type="text"][disabled]:-webkit-autofill:hover, input[type="text"][disabled]:-webkit-autofill:focus, input[type="text"][disabled]:-webkit-autofill:active, input[type="text"].disabled:-webkit-autofill, input[type="text"].disabled:-webkit-autofill:hover, input[type="text"].disabled:-webkit-autofill:focus, input[type="text"].disabled:-webkit-autofill:active, input[type="email"][disabled]:-webkit-autofill, input[type="email"][disabled]:-webkit-autofill:hover, input[type="email"][disabled]:-webkit-autofill:focus, input[type="email"][disabled]:-webkit-autofill:active, input[type="email"].disabled:-webkit-autofill, input[type="email"].disabled:-webkit-autofill:hover, input[type="email"].disabled:-webkit-autofill:focus, input[type="email"].disabled:-webkit-autofill:active, input[type="password"][disabled]:-webkit-autofill, input[type="password"][disabled]:-webkit-autofill:hover, input[type="password"][disabled]:-webkit-autofill:focus, input[type="password"][disabled]:-webkit-autofill:active, input[type="password"].disabled:-webkit-autofill, input[type="password"].disabled:-webkit-autofill:hover, input[type="password"].disabled:-webkit-autofill:focus, input[type="password"].disabled:-webkit-autofill:active, input[type="search"][disabled]:-webkit-autofill, input[type="search"][disabled]:-webkit-autofill:hover, input[type="search"][disabled]:-webkit-autofill:focus, input[type="search"][disabled]:-webkit-autofill:active, input[type="search"].disabled:-webkit-autofill, input[type="search"].disabled:-webkit-autofill:hover, input[type="search"].disabled:-webkit-autofill:focus, input[type="search"].disabled:-webkit-autofill:active, input[type="date"][disabled]:-webkit-autofill, input[type="date"][disabled]:-webkit-autofill:hover, input[type="date"][disabled]:-webkit-autofill:focus, input[type="date"][disabled]:-webkit-autofill:active, input[type="date"].disabled:-webkit-autofill, input[type="date"].disabled:-webkit-autofill:hover, input[type="date"].disabled:-webkit-autofill:focus, input[type="date"].disabled:-webkit-autofill:active, select[disabled]:-webkit-autofill, select[disabled]:-webkit-autofill:hover, select[disabled]:-webkit-autofill:focus, select[disabled]:-webkit-autofill:active, select.disabled:-webkit-autofill, select.disabled:-webkit-autofill:hover, select.disabled:-webkit-autofill:focus, select.disabled:-webkit-autofill:active, textarea[disabled]:-webkit-autofill, textarea[disabled]:-webkit-autofill:hover, textarea[disabled]:-webkit-autofill:focus, textarea[disabled]:-webkit-autofill:active, textarea.disabled:-webkit-autofill, textarea.disabled:-webkit-autofill:hover, textarea.disabled:-webkit-autofill:focus, textarea.disabled:-webkit-autofill:active, .field[disabled]:-webkit-autofill, .field[disabled]:-webkit-autofill:hover, .field[disabled]:-webkit-autofill:focus, .field[disabled]:-webkit-autofill:active, .field.disabled:-webkit-autofill, .field.disabled:-webkit-autofill:hover, .field.disabled:-webkit-autofill:focus, .field.disabled:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #e6e6e6 inset !important; box-shadow: 0 0 0 30px #e6e6e6 inset !important; } body.contrast-yellow-theme input[type="text"][disabled], body.contrast-yellow-theme input[type="text"].disabled, body.contrast-yellow-theme input[type="email"][disabled], body.contrast-yellow-theme input[type="email"].disabled, body.contrast-yellow-theme input[type="password"][disabled], body.contrast-yellow-theme input[type="password"].disabled, body.contrast-yellow-theme input[type="search"][disabled], body.contrast-yellow-theme input[type="search"].disabled, body.contrast-yellow-theme input[type="date"][disabled], body.contrast-yellow-theme input[type="date"].disabled, body.contrast-yellow-theme select[disabled], body.contrast-yellow-theme select.disabled, body.contrast-yellow-theme textarea[disabled], body.contrast-yellow-theme textarea.disabled, body.contrast-yellow-theme .field[disabled], body.contrast-yellow-theme .field.disabled { border-color: blue !important; } body.contrast-green-theme input[type="text"][disabled], body.contrast-green-theme input[type="text"].disabled, body.contrast-green-theme input[type="email"][disabled], body.contrast-green-theme input[type="email"].disabled, body.contrast-green-theme input[type="password"][disabled], body.contrast-green-theme input[type="password"].disabled, body.contrast-green-theme input[type="search"][disabled], body.contrast-green-theme input[type="search"].disabled, body.contrast-green-theme input[type="date"][disabled], body.contrast-green-theme input[type="date"].disabled, body.contrast-green-theme select[disabled], body.contrast-green-theme select.disabled, body.contrast-green-theme textarea[disabled], body.contrast-green-theme textarea.disabled, body.contrast-green-theme .field[disabled], body.contrast-green-theme .field.disabled { border-color: #000 !important; } body.contrast-yellow-theme input[type="text"][disabled], body.contrast-yellow-theme input[type="text"].disabled, body.contrast-yellow-theme input[type="email"][disabled], body.contrast-yellow-theme input[type="email"].disabled, body.contrast-yellow-theme input[type="password"][disabled], body.contrast-yellow-theme input[type="password"].disabled, body.contrast-yellow-theme input[type="search"][disabled], body.contrast-yellow-theme input[type="search"].disabled, body.contrast-yellow-theme input[type="date"][disabled], body.contrast-yellow-theme input[type="date"].disabled, body.contrast-yellow-theme select[disabled], body.contrast-yellow-theme select.disabled, body.contrast-yellow-theme textarea[disabled], body.contrast-yellow-theme textarea.disabled, body.contrast-yellow-theme .field[disabled], body.contrast-yellow-theme .field.disabled { background: blue !important; } body.contrast-green-theme input[type="text"][disabled], body.contrast-green-theme input[type="text"].disabled, body.contrast-green-theme input[type="email"][disabled], body.contrast-green-theme input[type="email"].disabled, body.contrast-green-theme input[type="password"][disabled], body.contrast-green-theme input[type="password"].disabled, body.contrast-green-theme input[type="search"][disabled], body.contrast-green-theme input[type="search"].disabled, body.contrast-green-theme input[type="date"][disabled], body.contrast-green-theme input[type="date"].disabled, body.contrast-green-theme select[disabled], body.contrast-green-theme select.disabled, body.contrast-green-theme textarea[disabled], body.contrast-green-theme textarea.disabled, body.contrast-green-theme .field[disabled], body.contrast-green-theme .field.disabled { background: #000 !important; } body.contrast-yellow-theme input[type="text"][disabled], body.contrast-yellow-theme input[type="text"].disabled, body.contrast-yellow-theme input[type="email"][disabled], body.contrast-yellow-theme input[type="email"].disabled, body.contrast-yellow-theme input[type="password"][disabled], body.contrast-yellow-theme input[type="password"].disabled, body.contrast-yellow-theme input[type="search"][disabled], body.contrast-yellow-theme input[type="search"].disabled, body.contrast-yellow-theme input[type="date"][disabled], body.contrast-yellow-theme input[type="date"].disabled, body.contrast-yellow-theme select[disabled], body.contrast-yellow-theme select.disabled, body.contrast-yellow-theme textarea[disabled], body.contrast-yellow-theme textarea.disabled, body.contrast-yellow-theme .field[disabled], body.contrast-yellow-theme .field.disabled { color: #ff0 !important; } body.contrast-green-theme input[type="text"][disabled], body.contrast-green-theme input[type="text"].disabled, body.contrast-green-theme input[type="email"][disabled], body.contrast-green-theme input[type="email"].disabled, body.contrast-green-theme input[type="password"][disabled], body.contrast-green-theme input[type="password"].disabled, body.contrast-green-theme input[type="search"][disabled], body.contrast-green-theme input[type="search"].disabled, body.contrast-green-theme input[type="date"][disabled], body.contrast-green-theme input[type="date"].disabled, body.contrast-green-theme select[disabled], body.contrast-green-theme select.disabled, body.contrast-green-theme textarea[disabled], body.contrast-green-theme textarea.disabled, body.contrast-green-theme .field[disabled], body.contrast-green-theme .field.disabled { color: lime !important; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], select { padding: 10px !important; line-height: 1.5em !important; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, select::-webkit-input-placeholder { font-size: 0.9rem; } select { line-height: 1em; cursor: pointer; } select::-ms-expand { display: none; } select::-ms-value { background: transparent; color: #787878; } body.contrast-yellow-theme select::-ms-value { color: #b3b300; } body.contrast-green-theme select::-ms-value { color: #00b300; } select option:not([selected]):checked { color: #fff !important; } body.contrast-yellow-theme select option:not([selected]):checked { color: blue !important; } body.contrast-green-theme select option:not([selected]):checked { color: #000 !important; } body.contrast-yellow-theme select option:not([selected]):checked { background: #ff0; } body.contrast-green-theme select option:not([selected]):checked { background: lime; } textarea { min-height: 140px; resize: none; } textarea[disabled], textarea[readonly], textarea.disabled { pointer-events: auto !important; } textarea[readonly] { background: #e6e6e6 !important; border-color: #e6e6e6 !important; color: #414141 !important; pointer-events: none; opacity: 1 !important; } textarea[readonly]:-webkit-autofill, textarea[readonly]:-webkit-autofill:hover, textarea[readonly]:-webkit-autofill:focus, textarea[readonly]:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #e6e6e6 inset !important; box-shadow: 0 0 0 30px #e6e6e6 inset !important; } body.contrast-yellow-theme textarea[readonly] { border-color: blue !important; } body.contrast-green-theme textarea[readonly] { border-color: #000 !important; } body.contrast-yellow-theme textarea[readonly] { background: blue !important; } body.contrast-green-theme textarea[readonly] { background: #000 !important; } body.contrast-yellow-theme textarea[readonly] { color: #ff0 !important; } body.contrast-green-theme textarea[readonly] { color: lime !important; } .option-field input[disabled] + label, .option-field input.disabled + label, .option-field label[disabled] + label, .option-field label.disabled + label, .checkbox-field input[disabled] + label, .checkbox-field input.disabled + label, .checkbox-field label[disabled] + label, .checkbox-field label.disabled + label { pointer-events: none; } .option-field input[disabled] + label:before, .option-field input[disabled] + label:after, .option-field input.disabled + label:before, .option-field input.disabled + label:after, .option-field label[disabled] + label:before, .option-field label[disabled] + label:after, .option-field label.disabled + label:before, .option-field label.disabled + label:after, .checkbox-field input[disabled] + label:before, .checkbox-field input[disabled] + label:after, .checkbox-field input.disabled + label:before, .checkbox-field input.disabled + label:after, .checkbox-field label[disabled] + label:before, .checkbox-field label[disabled] + label:after, .checkbox-field label.disabled + label:before, .checkbox-field label.disabled + label:after { opacity: 0.6; } .inner-filter { width: 100%; margin-bottom: 30px; padding: 20px !important; text-align: center; } .inner-filter h2 { font: bold 1.38889rem/1em "Cairo"; margin-bottom: 10px; } body.contrast-yellow-theme .inner-filter h2 { color: #ff0; } body.contrast-green-theme .inner-filter h2 { color: lime; } .inner-filter i { display: block; font-size: 2rem; margin-bottom: 20px; } body.contrast-yellow-theme .inner-filter i { color: #ff0; } body.contrast-green-theme .inner-filter i { color: lime; } .inner-filter .form-section { margin-bottom: 10px; } .inner-filter .form-section .form-fields { margin: 0; } .inner-filter:not(.full-width) .form-section .form-fields .field-container { width: 100%; padding: 0; margin-bottom: 20px; } .inner-filter:not(.full-width) .form-section .form-fields .field-container:last-of-type { margin-bottom: 10px; } .inner-filter:not(.full-width) .filter-search-btn { width: 100%; margin-bottom: 10px; } .inner-filter.full-width { margin-bottom: 30px; } .share-container { overflow: hidden; } .share-container .share-btn { float: right; background: #e2e2e2; border-radius: 100px; padding: 5px; padding-left: 15px; margin-left: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .share-container .share-btn { background: #ff0; } body.contrast-green-theme .share-container .share-btn { background: lime; } .share-container .share-btn i { height: 30px; width: 30px; line-height: 30px; border-radius: 100%; text-align: center; background: #000; color: #fff; margin-left: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .share-container .share-btn i { background: blue; } body.contrast-green-theme .share-container .share-btn i { background: #000; } body.contrast-yellow-theme .share-container .share-btn i { color: #ff0; } body.contrast-green-theme .share-container .share-btn i { color: lime; } .share-container .share-btn span { font: normal 0.88889rem/1.77778rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .share-container .share-btn span { color: blue; } body.contrast-green-theme .share-container .share-btn span { color: #000; } .share-container.active .share-btn, .share-container .share-btn:hover { background: #000; } body.contrast-yellow-theme .share-container.active .share-btn, body.contrast-yellow-theme .share-container .share-btn:hover { background: #b3b300; } body.contrast-green-theme .share-container.active .share-btn, body.contrast-green-theme .share-container .share-btn:hover { background: #00b300; } body.contrast-yellow-theme .share-container.active .share-btn i, body.contrast-yellow-theme .share-container .share-btn:hover i { color: #b3b300; } body.contrast-green-theme .share-container.active .share-btn i, body.contrast-green-theme .share-container .share-btn:hover i { color: #00b300; } .share-container.active .share-btn span, .share-container .share-btn:hover span { color: #fff !important; } body.contrast-yellow-theme .share-container.active .share-btn span, body.contrast-yellow-theme .share-container .share-btn:hover span { color: blue !important; } body.contrast-green-theme .share-container.active .share-btn span, body.contrast-green-theme .share-container .share-btn:hover span { color: #000 !important; } .share-container ul { list-style: none; overflow: hidden; } .share-container ul li { float: right; padding: 0 5px; } .share-container ul li a { display: block; width: 0; height: 0; opacity: 0; line-height: 40px !important; text-align: center; background: #000; color: #fff; border-radius: 100%; } body.contrast-yellow-theme .share-container ul li a { background: #ff0; } body.contrast-green-theme .share-container ul li a { background: lime; } body.contrast-yellow-theme .share-container ul li a { color: blue; } body.contrast-green-theme .share-container ul li a { color: #000; } .share-container ul li a.icon-facebook { -webkit-transition: opacity 0.3s ease 0.3s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.3s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; } .share-container ul li a.icon-twitter { -webkit-transition: opacity 0.3s ease 0.2s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.2s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; } .share-container ul li a.icon-instagram { -webkit-transition: opacity 0.3s ease 0.1s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.1s, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; } .share-container ul li a.icon-mail { -webkit-transition: opacity 0.3s ease, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease, width 0s ease 0.6s, height 0s ease 0.6s, color 0.3s ease, background 0.3s ease; } .share-container.active ul { -webkit-transition-delay: 0s; transition-delay: 0s; } .share-container.active ul li a { width: 40px; height: 40px; opacity: 1; } .share-container.active ul li a.icon-facebook { -webkit-transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease; } .share-container.active ul li a.icon-twitter { -webkit-transition: opacity 0.3s ease 0.1s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.1s, color 0.3s ease, background 0.3s ease; } .share-container.active ul li a.icon-instagram { -webkit-transition: opacity 0.3s ease 0.2s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.2s, color 0.3s ease, background 0.3s ease; } .share-container.active ul li a.icon-mail { -webkit-transition: opacity 0.3s ease 0.3s, color 0.3s ease, background 0.3s ease; transition: opacity 0.3s ease 0.3s, color 0.3s ease, background 0.3s ease; } #send-to-friend { width: 100%; margin: 0 auto; text-align: right; } #send-to-friend label:not(.error) { color: #fff; text-align: right; display: block; margin-bottom: 10px; } body.contrast-yellow-theme #send-to-friend label:not(.error) { color: #ff0; } body.contrast-green-theme #send-to-friend label:not(.error) { color: lime; } #send-to-friend label.error { display: inline-block; width: 100%; padding: 15px; margin-top: 20px; border-radius: 3px; color: #fff; background: #f02828; position: relative; } #send-to-friend label.error:before { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #f02828; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-95%); transform: translateY(-95%); } #send-to-friend .send-to-friend-input { position: relative; } #send-to-friend input[type="email"] { border-radius: 100px; line-height: 1em; } #send-to-friend .send-to-friend-btn { position: static; margin-top: 10px; height: 47px; line-height: 47px; padding: 0 30px; font-size: 1.1rem; width: 100%; text-align: center; } #popup-container { position: fixed; top: 0; bottom: 0; right: 0; left: 0; padding: 20px; opacity: 0; visibility: hidden; z-index: -10; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; } #popup-container.active { opacity: 1; visibility: visible; z-index: 100000003; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; } #popup-container .popup-close-btn { position: absolute; top: 20px; left: 20px; color: #000; font-family: Arial; font-weight: 900; width: 40px; height: 40px; background: #fff; border-radius: 100%; line-height: 40px; text-align: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #popup-container .popup-close-btn { background: #ff0; } body.contrast-green-theme #popup-container .popup-close-btn { background: lime; } body.contrast-yellow-theme #popup-container .popup-close-btn { color: blue; } body.contrast-green-theme #popup-container .popup-close-btn { color: #000; } #popup-container .popup-close-btn:hover { color: #fff; } body.contrast-yellow-theme #popup-container .popup-close-btn:hover { background: #b3b300; } body.contrast-green-theme #popup-container .popup-close-btn:hover { background: #00b300; } body.contrast-yellow-theme #popup-container .popup-close-btn:hover { color: blue; } body.contrast-green-theme #popup-container .popup-close-btn:hover { color: #000; } #popup-container .popup-body { width: 95%; -webkit-transform: translateY(30px); transform: translateY(30px); } #popup-container .popup-body .popup-target { width: 100%; display: none; } #popup-container .popup-body .popup-target.active { display: inline-block; } #popup-container .popup-body .popup-content { width: 100%; margin: 0 auto; padding: 30px; background: #fff; text-align: right; max-height: calc(95vh - 50px); overflow: auto; } .contrast-yellow-theme #popup-container .popup-body .popup-content, .contrast-green-theme #popup-container .popup-body .popup-content { border: 1px solid transparent; } body.contrast-yellow-theme #popup-container .popup-body .popup-content { background: blue; } body.contrast-green-theme #popup-container .popup-body .popup-content { background: #000; } body.contrast-yellow-theme #popup-container .popup-body .popup-content { border-color: #ff0; } body.contrast-green-theme #popup-container .popup-body .popup-content { border-color: lime; } #popup-container .popup-body .popup-content .popup-title { position: relative; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #eee; } body.contrast-yellow-theme #popup-container .popup-body .popup-content .popup-title { border-bottom-color: #ff0; } body.contrast-green-theme #popup-container .popup-body .popup-content .popup-title { border-bottom-color: lime; } #popup-container .popup-body .popup-content .popup-title h3 { font: bold 1.55556rem/1.2em "Cairo"; } body.contrast-yellow-theme #popup-container .popup-body .popup-content .popup-title h3 { color: #ff0; } body.contrast-green-theme #popup-container .popup-body .popup-content .popup-title h3 { color: lime; } #popup-container .popup-body .popup-map { width: 100%; height: 300px; margin-bottom: 30px; position: relative; overflow: hidden; } .add-to-popup { display: none; } .service-inquiry-container { background: #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contrast-yellow-theme .service-inquiry-container, .contrast-green-theme .service-inquiry-container { border: 1px solid transparent; } body.contrast-yellow-theme .service-inquiry-container { background: blue; } body.contrast-green-theme .service-inquiry-container { background: #000; } body.contrast-yellow-theme .service-inquiry-container { border-color: #ff0; } body.contrast-green-theme .service-inquiry-container { border-color: lime; } .service-inquiry-container .service-inquiry-icon, .service-inquiry-container .service-inquiry-info-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .service-inquiry-container .service-inquiry-icon { position: relative; height: 115px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .service-inquiry-container .service-inquiry-icon { background: #ff0; } body.contrast-green-theme .service-inquiry-container .service-inquiry-icon { background: lime; } .service-inquiry-container .service-inquiry-icon i { position: absolute; display: block; text-align: center; font-size: 3rem; left: 0; right: 0; margin: 0 auto; top: 50%; color: #fff !important; font-size: 3.88889rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .service-inquiry-container .service-inquiry-icon i { color: blue !important; } body.contrast-green-theme .service-inquiry-container .service-inquiry-icon i { color: #000 !important; } .service-inquiry-container .service-inquiry-info-container { padding: 20px 30px; } .service-inquiry-container .service-inquiry-info-container h4, .service-inquiry-container .service-inquiry-info-container p { margin-bottom: 10px; } body.contrast-yellow-theme .service-inquiry-container .service-inquiry-info-container h4, body.contrast-yellow-theme .service-inquiry-container .service-inquiry-info-container p { color: #ff0; } body.contrast-green-theme .service-inquiry-container .service-inquiry-info-container h4, body.contrast-green-theme .service-inquiry-container .service-inquiry-info-container p { color: lime; } .service-inquiry-container .service-inquiry-info-container h4 { font: bold 0.88889rem/1rem "Cairo"; } .service-inquiry-container .service-inquiry-info-container .service-inquiry-number { font: bold 1.66667rem/1.66667rem "Cairo"; } body.contrast-yellow-theme .service-inquiry-container .service-inquiry-info-container .service-inquiry-number { color: #ff0; } body.contrast-green-theme .service-inquiry-container .service-inquiry-info-container .service-inquiry-number { color: lime; } .expandable-content .grid-control { width: 100%; } .grid-control .grid-action { margin: 20px -10px 0; text-align: center; } .grid-control .grid-action .btn { padding: 10px 20px; } .grid-control .dataTables_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .grid-control .dataTables_wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .grid-control .dataTables_info, .grid-control .dataTables_length { display: none; } .grid-control .dataTables_filter { margin-bottom: 20px !important; } .grid-control .dataTables_filter label { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .dataTables_filter label { color: #ff0; } body.contrast-green-theme .grid-control .dataTables_filter label { color: lime; } .grid-control .dataTables_filter input[type="search"] { width: auto !important; margin-right: 10px; } .grid-control .custom-grid { border-collapse: collapse; text-align: right; width: 100% !important; } .grid-control .custom-grid th, .grid-control .custom-grid td { padding: 10px; } .grid-control .custom-grid thead tr { border-right: 1px solid transparent; border-left: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .custom-grid thead tr { border-right-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid thead tr { border-right-color: lime; } body.contrast-yellow-theme .grid-control .custom-grid thead tr { border-left-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid thead tr { border-left-color: lime; } .grid-control .custom-grid thead tr.superior-heading { border-color: #000; } body.contrast-yellow-theme .grid-control .custom-grid thead tr.superior-heading { border-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid thead tr.superior-heading { border-color: lime; } .grid-control .custom-grid thead tr.superior-heading th { background-color: #000; } body.contrast-yellow-theme .grid-control .custom-grid thead tr.superior-heading th { background-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid thead tr.superior-heading th { background-color: lime; } .grid-control .custom-grid thead th { color: #fff; text-align: right; padding-right: 10px !important; padding-left: 20px !important; font-weight: normal; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .custom-grid thead th { background-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid thead th { background-color: lime; } body.contrast-yellow-theme .grid-control .custom-grid thead th { color: blue; } body.contrast-green-theme .grid-control .custom-grid thead th { color: #000; } .grid-control .custom-grid thead th.ui-sortable-column, .grid-control .custom-grid thead th.sorting, .grid-control .custom-grid thead th.sorting_desc, .grid-control .custom-grid thead th.sorting_asc { cursor: pointer; } .grid-control .custom-grid thead th.sorting span:after, .grid-control .custom-grid thead th.sorting span:before, .grid-control .custom-grid thead th.sorting_desc span:after, .grid-control .custom-grid thead th.sorting_desc span:before, .grid-control .custom-grid thead th.sorting_asc span:after, .grid-control .custom-grid thead th.sorting_asc span:before { content: ""; display: inline-block; position: absolute; width: 0; height: 0; left: 5px; border-right: 5px solid transparent; border-left: 5px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .grid-control .custom-grid thead th.sorting span:before, .grid-control .custom-grid thead th.sorting_desc span:before, .grid-control .custom-grid thead th.sorting_asc span:before { border-bottom: 5px solid #fff; top: calc(50% - 5px); } body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting span:before, body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting_desc span:before, body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting_asc span:before { border-bottom-color: blue; } body.contrast-green-theme .grid-control .custom-grid thead th.sorting span:before, body.contrast-green-theme .grid-control .custom-grid thead th.sorting_desc span:before, body.contrast-green-theme .grid-control .custom-grid thead th.sorting_asc span:before { border-bottom-color: #000; } .grid-control .custom-grid thead th.sorting span:after, .grid-control .custom-grid thead th.sorting_desc span:after, .grid-control .custom-grid thead th.sorting_asc span:after { border-top: 5px solid #fff; top: calc(50% + 5px); } body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting span:after, body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting_desc span:after, body.contrast-yellow-theme .grid-control .custom-grid thead th.sorting_asc span:after { border-top-color: blue; } body.contrast-green-theme .grid-control .custom-grid thead th.sorting span:after, body.contrast-green-theme .grid-control .custom-grid thead th.sorting_desc span:after, body.contrast-green-theme .grid-control .custom-grid thead th.sorting_asc span:after { border-top-color: #000; } .grid-control .custom-grid thead th.sorting[aria-sort="ascending"] span:after, .grid-control .custom-grid thead th.sorting_desc[aria-sort="ascending"] span:after, .grid-control .custom-grid thead th.sorting_asc[aria-sort="ascending"] span:after { display: none; } .grid-control .custom-grid thead th.sorting[aria-sort="ascending"] span:before, .grid-control .custom-grid thead th.sorting_desc[aria-sort="ascending"] span:before, .grid-control .custom-grid thead th.sorting_asc[aria-sort="ascending"] span:before { top: 50%; } .grid-control .custom-grid thead th.sorting[aria-sort="descending"] span:before, .grid-control .custom-grid thead th.sorting_desc[aria-sort="descending"] span:before, .grid-control .custom-grid thead th.sorting_asc[aria-sort="descending"] span:before { display: none; } .grid-control .custom-grid thead th.sorting[aria-sort="descending"] span:after, .grid-control .custom-grid thead th.sorting_desc[aria-sort="descending"] span:after, .grid-control .custom-grid thead th.sorting_asc[aria-sort="descending"] span:after { top: 50%; } .grid-control .custom-grid thead th.w-8 { width: 8%; } .grid-control .custom-grid thead th.w-35 { width: 35%; } .grid-control .custom-grid tbody tr { -webkit-transition: all 0.3s; transition: all 0.3s; } .grid-control .custom-grid tbody tr:nth-child(even) { background: #e2e2e2; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:nth-child(even) { background: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr:nth-child(even) { background: lime; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:nth-child(even) td, body.contrast-yellow-theme .grid-control .custom-grid tbody tr:nth-child(even) td a.color-with-theme { color: blue; } body.contrast-green-theme .grid-control .custom-grid tbody tr:nth-child(even) td, body.contrast-green-theme .grid-control .custom-grid tbody tr:nth-child(even) td a.color-with-theme { color: #000; } .grid-control .custom-grid tbody tr:nth-child(even) .grid-icon [class^="icon-"], .grid-control .custom-grid tbody tr:nth-child(even) .grid-icon [class*=" icon-"] { background: #f5f5f5 !important; color: #444 !important; } .grid-control .custom-grid tbody tr:nth-child(even) .grid-icon [class^="icon-"]:hover, .grid-control .custom-grid tbody tr:nth-child(even) .grid-icon [class*=" icon-"]:hover { background: #bbb !important; } .grid-control .custom-grid tbody tr:nth-child(odd), .grid-control .custom-grid tbody tr.form-row { background: #fff; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:nth-child(odd), body.contrast-yellow-theme .grid-control .custom-grid tbody tr.form-row { background: blue; } body.contrast-green-theme .grid-control .custom-grid tbody tr:nth-child(odd), body.contrast-green-theme .grid-control .custom-grid tbody tr.form-row { background: #000; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:nth-child(odd) td, body.contrast-yellow-theme .grid-control .custom-grid tbody tr.form-row td { color: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr:nth-child(odd) td, body.contrast-green-theme .grid-control .custom-grid tbody tr.form-row td { color: lime; } .grid-control .custom-grid tbody tr.form-row td { padding-top: 30px; padding-bottom: 30px; } .grid-control .custom-grid tbody tr:not(.custom-grid-load-more) { border-right: 1px solid #bbb; border-left: 1px solid #bbb; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:not(.custom-grid-load-more) { border-right-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr:not(.custom-grid-load-more) { border-right-color: lime; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr:not(.custom-grid-load-more) { border-left-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr:not(.custom-grid-load-more) { border-left-color: lime; } .grid-control .custom-grid tbody tr td { border-bottom: 1px solid #bbb; color: #414141; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr td { border-bottom-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr td { border-bottom-color: lime; } .grid-control .custom-grid tbody tr td.country-col { width: 50%; } .grid-control .custom-grid tbody tr td .country-name { font-weight: 600; } body.contrast-yellow-theme .grid-control .custom-grid tbody tr td div.notes a { color: #ff0; } body.contrast-green-theme .grid-control .custom-grid tbody tr td div.notes a { color: lime; } .grid-control .custom-grid tbody tr.important-alert:not(.custom-grid-load-more) { border-right-color: #e83f3f; } .contrast-yellow-theme .grid-control .custom-grid tbody tr.important-alert:not(.custom-grid-load-more), .contrast-green-theme .grid-control .custom-grid tbody tr.important-alert:not(.custom-grid-load-more) { border-right-color: #f032e6 !important; } .grid-control .custom-grid tbody tr.important-alert td:first-child { border-right: 20px solid #e83f3f; } .contrast-yellow-theme .grid-control .custom-grid tbody tr.important-alert td:first-child, .contrast-green-theme .grid-control .custom-grid tbody tr.important-alert td:first-child { border-right-color: #f032e6 !important; } .grid-control .custom-grid tbody .custom-grid-load-more { text-align: center; background: #fff !important; } body.contrast-yellow-theme .grid-control .custom-grid tbody .custom-grid-load-more { background: blue !important; } body.contrast-green-theme .grid-control .custom-grid tbody .custom-grid-load-more { background: #000 !important; } .grid-control .custom-grid tbody .custom-grid-load-more td { padding-top: 20px !important; border-bottom: 0 !important; } .grid-control .custom-grid tbody .custom-grid-load-more a.btn { color: #414141 !important; } body.contrast-yellow-theme .grid-control .custom-grid tbody .custom-grid-load-more a.btn { color: #ff0 !important; } body.contrast-green-theme .grid-control .custom-grid tbody .custom-grid-load-more a.btn { color: lime !important; } .grid-control .custom-grid tbody .custom-grid-load-more a.btn:hover { color: #fff !important; } body.contrast-yellow-theme .grid-control .custom-grid tbody .custom-grid-load-more a.btn:hover { color: blue !important; } body.contrast-green-theme .grid-control .custom-grid tbody .custom-grid-load-more a.btn:hover { color: #000 !important; } .grid-control .custom-grid .grid-normal-icon { width: 45px; height: 45px; display: block; float: right; margin-left: 5px; border: 2px solid #414141; border-radius: 100%; text-align: center; font-size: 1rem; } body.contrast-yellow-theme .grid-control .custom-grid .grid-normal-icon { border-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-normal-icon { border-color: lime; } .grid-control .custom-grid .grid-normal-icon:last-child { margin: 0; } .grid-control .custom-grid .grid-normal-icon > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .grid-control .custom-grid .grid-normal-icon svg { width: 35px; height: 25px; margin: 0; fill: #414141; margin: 0 auto; display: block; } body.contrast-yellow-theme .grid-control .custom-grid .grid-normal-icon svg { fill: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-normal-icon svg { fill: lime; } .grid-control .custom-grid .grid-icons-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .grid-control .custom-grid .grid-icons-holder:not(.no-wrap) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-control .custom-grid .grid-icon { display: inline-block; cursor: pointer; margin-left: 10px; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon { color: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-icon { color: lime; } .grid-control .custom-grid .grid-icon:last-child { margin: 0; } .grid-control .custom-grid .grid-icon [class^="icon-"], .grid-control .custom-grid .grid-icon [class*=" icon-"] { width: 35px; height: 35px; display: inline-block; border-radius: 100%; background: #e2e2e2; text-align: center; line-height: 35px; color: #444; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { background: blue; } body.contrast-green-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { background: #000; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { color: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { color: lime; } .contrast-yellow-theme .grid-control .custom-grid .grid-icon [class^="icon-"], .contrast-green-theme .grid-control .custom-grid .grid-icon [class^="icon-"], .contrast-yellow-theme .grid-control .custom-grid .grid-icon [class*=" icon-"], .contrast-green-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { border: 1px solid transparent; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { border-color: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-icon [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon [class*=" icon-"] { border-color: lime; } .grid-control .custom-grid .grid-icon span { display: inline-block; margin-right: 10px; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon span { color: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-icon span { color: lime; } .grid-control .custom-grid .grid-icon:hover [class^="icon-"], .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { background: #bbb; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { background: #ff0; } body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { background: lime; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { color: blue; } body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { color: #000; } body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-yellow-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { border-color: blue; } body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class^="icon-"], body.contrast-green-theme .grid-control .custom-grid .grid-icon:hover [class*=" icon-"] { border-color: #000; } .grid-control .table-scroll { overflow-x: auto; overflow-y: hidden; width: 100% !important; } .grid-control .table-scroll .custom-grid { width: 100%; min-width: 480px !important; } .grid-control .dataTables_paginate { text-align: center; margin-top: 20px; } .grid-control .dataTables_paginate { margin-right: -5px; } .grid-control .dataTables_paginate .paginate_button { display: inline-block; padding: 10px; margin: 0 5px 10px; background: #e2e2e2; color: #444; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button { background: blue; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button { background: #000; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button { color: #ff0; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button { color: lime; } .contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button, .contrast-green-theme .grid-control .dataTables_paginate .paginate_button { border: 1px solid transparent; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button { border-color: #ff0; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button { border-color: lime; } .grid-control .dataTables_paginate .paginate_button:hover { background: #bbb; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button:hover { background: #ff0; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button:hover { background: lime; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button:hover { color: blue; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button:hover { color: #000; } .grid-control .dataTables_paginate .paginate_button.current { color: #fff; pointer-events: none; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button.current { background: #ff0; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button.current { background: lime; } body.contrast-yellow-theme .grid-control .dataTables_paginate .paginate_button.current { color: blue; } body.contrast-green-theme .grid-control .dataTables_paginate .paginate_button.current { color: #000; } .grid-control .dataTables_paginate .paginate_button.disabled { opacity: 0.5; pointer-events: none; } p-sorticon { position: relative; display: block; float: left; margin-top: 10px; } p-sorticon .ui-sortable-column-icon:before, p-sorticon .ui-sortable-column-icon:after { content: ""; display: inline-block; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } p-sorticon .ui-sortable-column-icon:before { border-bottom: 5px solid #fff; top: calc(50% - 5px); } body.contrast-yellow-theme p-sorticon .ui-sortable-column-icon:before { border-bottom-color: blue; } body.contrast-green-theme p-sorticon .ui-sortable-column-icon:before { border-bottom-color: #000; } p-sorticon .ui-sortable-column-icon:after { border-top: 5px solid #fff; top: calc(50% + 5px); } body.contrast-yellow-theme p-sorticon .ui-sortable-column-icon:after { border-top-color: blue; } body.contrast-green-theme p-sorticon .ui-sortable-column-icon:after { border-top-color: #000; } p-sorticon .ui-sortable-column-icon.pi-sort-up:after { display: none; } p-sorticon .ui-sortable-column-icon.pi-sort-up:before { top: 50%; } p-sorticon .ui-sortable-column-icon.pi-sort-down:before { display: none; } p-sorticon .ui-sortable-column-icon.pi-sort-down:after { top: 50%; } .grid-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .grid-btns .grid-add-new-btn { font: normal 0.88889rem/0.88889rem "Cairo"; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .grid-btns .grid-add-new-btn { color: #ff0; } body.contrast-green-theme .grid-btns .grid-add-new-btn { color: lime; } .sla-status { display: block; width: 20px; height: 20px; border-radius: 100%; background: gray; } .sla-status.exceed { background: red; } .sla-status.pre { background: green; } .sla-status.range { background: orange; } .r-table .table { color: #6d6b6b; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; border-spacing: 0; border: 0px; width: 100%; } .r-table .table th { background: #676767; color: #fff; vertical-align: middle; font-weight: 600; border: 0; font-size: 1rem; padding: 20px 15px; text-align: right; } .r-table .table th:last-child { width: 12%; } .r-table .table td { font-size: 0.9rem; padding: 15px; line-height: 1.4; } .r-table .table td:last-child { text-align: center; } .r-table .table td ul li { margin: 10px 0 0 !important; } .r-table .table-striped > tbody > tr:nth-of-type(odd) { background-color: #efefef; } .r-table .table-striped > tbody > tr:nth-of-type(even) { background-color: #e5e5e5; } @media screen and (max-width: 768px) { .r-table .table.gridViewMobile thead { display: none; } .r-table .table.gridViewMobile tbody tr { display: block; border: 2px solid #ddd; margin-top: 10px; } .r-table .table.gridViewMobile tbody td { display: inline-block; padding: 10px; width: 45%; } .r-table .table.gridViewMobile tbody td:before { content: attr(data-th); font-weight: bold; display: inline; font-size: 1em; padding-right: 8px; } .r-table .table.gridViewMobile tbody td .gridStatus { min-width: 120px; } .r-table .table.gridViewMobile tbody td:last-child { text-align: right; } } @media screen and (max-width: 700px) { .table.gridViewMobile tbody td { display: block; width: calc(100% - 20px); } } @media screen and (max-width: 480px) { .r-table .table.gridViewMobile tbody td { width: 80%; } } .custom-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 40px; } .custom-tabs .tab-item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: calc(90% / 6); max-width: calc(90% / 2); text-align: center; padding: 15px 30px; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .custom-tabs .tab-item { color: #ff0; } body.contrast-green-theme .custom-tabs .tab-item { color: lime; } .contrast-yellow-theme .custom-tabs .tab-item, .contrast-green-theme .custom-tabs .tab-item { border: 1px solid transparent; } body.contrast-yellow-theme .custom-tabs .tab-item { border-color: #ff0; } body.contrast-green-theme .custom-tabs .tab-item { border-color: lime; } .custom-tabs .tab-item:hover, .custom-tabs .tab-item.active { color: #fff !important; } body.contrast-yellow-theme .custom-tabs .tab-item:hover, body.contrast-yellow-theme .custom-tabs .tab-item.active { color: blue !important; } body.contrast-green-theme .custom-tabs .tab-item:hover, body.contrast-green-theme .custom-tabs .tab-item.active { color: #000 !important; } body.contrast-yellow-theme .custom-tabs .tab-item:hover, body.contrast-yellow-theme .custom-tabs .tab-item.active { background: #ff0; } body.contrast-green-theme .custom-tabs .tab-item:hover, body.contrast-green-theme .custom-tabs .tab-item.active { background: lime; } .form-tabs { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; border-bottom: 2px solid transparent; } body.contrast-yellow-theme .form-tabs { border-bottom-color: #ff0; } body.contrast-green-theme .form-tabs { border-bottom-color: lime; } .form-tabs li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } .form-tabs li a { font: bold 0.94444rem/0.94444rem "Cairo"; display: block; text-align: center; padding: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .form-tabs li a { color: #ff0; } body.contrast-green-theme .form-tabs li a { color: lime; } body.contrast-yellow-theme .form-tabs li.active { background: #ff0; } body.contrast-green-theme .form-tabs li.active { background: lime; } body.contrast-yellow-theme .form-tabs li.active { border-bottom-color: #ff0; } body.contrast-green-theme .form-tabs li.active { border-bottom-color: lime; } .form-tabs li.active a { color: #fff !important; } body.contrast-yellow-theme .form-tabs li.active a { color: blue !important; } body.contrast-green-theme .form-tabs li.active a { color: #000 !important; } .legend-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .legend-container .legend-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .legend-container .legend-item:before { content: ""; display: block; width: 20px; height: 20px; background: #bcbcbc; margin-left: 10px; } .contrast-yellow-theme .legend-container .legend-item:before, .contrast-green-theme .legend-container .legend-item:before { border: 1px solid transparent; } body.contrast-yellow-theme .legend-container .legend-item:before { background: blue; } body.contrast-green-theme .legend-container .legend-item:before { background: #000; } body.contrast-yellow-theme .legend-container .legend-item:before { border-color: #ff0; } body.contrast-green-theme .legend-container .legend-item:before { border-color: lime; } body.contrast-yellow-theme .legend-container .legend-item.colored:before { background: #ff0; } body.contrast-green-theme .legend-container .legend-item.colored:before { background: lime; } .legend-container .legend-item.iconed:before { display: none; } .legend-container .legend-item.iconed svg { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 40px; height: 32px; display: block; float: right; margin-left: 10px; } body.contrast-yellow-theme .legend-container .legend-item.iconed svg { fill: #ff0; } body.contrast-green-theme .legend-container .legend-item.iconed svg { fill: lime; } .legend-container .legend-item span { display: block; } body.contrast-yellow-theme .legend-container .legend-item span { color: #ff0; } body.contrast-green-theme .legend-container .legend-item span { color: lime; } .legend-container .legend-item:before, .legend-container .legend-item .span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #readspeaker_button1 { position: fixed !important; left: 15px !important; right: auto !important; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; } #readspeaker_button1.active { opacity: 1; visibility: visible; z-index: 100000; } .expandable-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ccc; } body.contrast-yellow-theme .expandable-group { border-bottom-color: #ff0; } body.contrast-green-theme .expandable-group { border-bottom-color: lime; } .expandable-group .expandable-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; font: normal 1.22222rem/1.44444rem "Cairo"; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .expandable-group .expandable-title:hover { text-indent: 15px; } .expandable-group .expandable-title:before, .expandable-group .expandable-title:after { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #9e9e9e; font: normal 1rem/1.22222rem "Cairo"; letter-spacing: -1px; } body.contrast-yellow-theme .expandable-group .expandable-title:before, body.contrast-yellow-theme .expandable-group .expandable-title:after { color: #ff0; } body.contrast-green-theme .expandable-group .expandable-title:before, body.contrast-green-theme .expandable-group .expandable-title:after { color: lime; } .expandable-group .expandable-title:before { content: attr(data-show-title); opacity: 1; visibility: visible; z-index: 10; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; } .expandable-group .expandable-title:after { content: attr(data-hide-title); opacity: 0; visibility: hidden; z-index: -10; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0s; transition: all 0s; } .expandable-group .expandable-title h2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0 !important; padding-left: 10px; font: bold 1.44444rem/1.66667rem "Cairo"; } body.contrast-yellow-theme .expandable-group .expandable-title h2 { color: #ff0; } body.contrast-green-theme .expandable-group .expandable-title h2 { color: lime; } .expandable-group .expandable-title i, .expandable-group .expandable-title em { -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 10px; color: #353535; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .expandable-group .expandable-title i, body.contrast-yellow-theme .expandable-group .expandable-title em { color: #ff0; } body.contrast-green-theme .expandable-group .expandable-title i, body.contrast-green-theme .expandable-group .expandable-title em { color: lime; } .expandable-group .expandable-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 30px; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .expandable-group.active .expandable-title { text-indent: 15px; } .expandable-group.active .expandable-title:before { opacity: 0; visibility: hidden; z-index: -10; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0s; transition: all 0s; } .expandable-group.active .expandable-title:after { opacity: 1; visibility: visible; z-index: 10; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, transform 0.3s ease 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s ease 0.3s; } .expandable-group.active .expandable-title i, .expandable-group.active .expandable-title em { -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: all 0.3s; transition: all 0.3s; } .expandable-toggle-all { display: block; width: 130px; border: 1px solid transparent; border-radius: 100px; text-align: center; color: #fff; position: relative; overflow: hidden; float: left; margin-bottom: 20px; font: normal 1rem/1rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .expandable-toggle-all { background: blue; } body.contrast-green-theme .expandable-toggle-all { background: #000; } body.contrast-yellow-theme .expandable-toggle-all { border-color: #ff0; } body.contrast-green-theme .expandable-toggle-all { border-color: lime; } body.contrast-yellow-theme .expandable-toggle-all { color: #ff0; } body.contrast-green-theme .expandable-toggle-all { color: lime; } .expandable-toggle-all:before, .expandable-toggle-all:after { display: block; padding: 8px 0; border-radius: 100px; z-index: 10; } .expandable-toggle-all:before { content: attr(data-show-title); } .expandable-toggle-all:after { content: attr(data-hide-title); position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; overflow: hidden; -webkit-transition: left 0.15s, right 0.15s ease 0.05s; transition: left 0.15s, right 0.15s ease 0.05s; } body.contrast-yellow-theme .expandable-toggle-all:after { background: #ff0; } body.contrast-green-theme .expandable-toggle-all:after { background: lime; } body.contrast-yellow-theme .expandable-toggle-all:after { color: blue; } body.contrast-green-theme .expandable-toggle-all:after { color: #000; } .expandable-toggle-all.hide:after { left: 100%; right: -50%; -webkit-transition: right 0.15s, left 0.15s ease 0.05s; transition: right 0.15s, left 0.15s ease 0.05s; } #minzedChat { background: transparent !important; border-radius: 100%; width: 60px; height: 60px; -webkit-transform: none !important; transform: none !important; bottom: 21px !important; overflow: hidden; border: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #minzedChat { border-color: #ff0 !important; } body.contrast-green-theme #minzedChat { border-color: lime !important; } #minzedChat:before { content: "\e97e"; font-family: "icomoon"; display: block; background: #000; width: 60px; height: 60px; color: #fff; border-radius: 100%; text-align: center; line-height: 60px; cursor: pointer; font-size: 2em; font-weight: normal; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #minzedChat:before { background: blue !important; } body.contrast-green-theme #minzedChat:before { background: #000 !important; } body.contrast-yellow-theme #minzedChat:before { color: #ff0 !important; } body.contrast-green-theme #minzedChat:before { color: lime !important; } body.contrast-yellow-theme #minzedChat:hover:before { background: #ff0 !important; } body.contrast-green-theme #minzedChat:hover:before { background: lime !important; } body.contrast-yellow-theme #minzedChat:hover:before { color: blue !important; } body.contrast-green-theme #minzedChat:hover:before { color: #000 !important; } #bChatW .bb_chat_head { text-align: right; } #bChatW ._bubbles_error_ { padding: 2px 10px !important; } #bChatW ._bubbles_bb_chat_subhead { height: auto; } #bChatW ._bubbles_profile_table { width: 100%; } #bChatW ._bubbles_td { padding: 3px 15px !important; } #bChatW .bb_chat_body { height: auto; min-height: calc(100% - 260px); } #bChatW .bb_chat_skeleton .chat_skeleton_msgs .bb_chat_sender textarea { min-height: 0; } .bb_minmized_chat.pos_right { right: auto; left: 21px; } .bb_chat_widget { left: 15px; right: auto; border: 0; } .mofa-progress-item { width: 100%; margin-bottom: 20px; } .mofa-progress-item:last-child { margin-bottom: 0; } .mofa-progress-item h3 { margin-bottom: 15px; } .mofa-progress-item .mofa-progress-bar, .mofa-progress-item .mofa-progress { border-radius: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; } .mofa-progress-item .mofa-progress-bar { width: 100%; height: 10px; position: relative; } body.contrast-yellow-theme .mofa-progress-item .mofa-progress-bar { background: blue; } body.contrast-green-theme .mofa-progress-item .mofa-progress-bar { background: #000; } body.contrast-yellow-theme .mofa-progress-item .mofa-progress-bar { border-color: #ff0; } body.contrast-green-theme .mofa-progress-item .mofa-progress-bar { border-color: lime; } .contrast-yellow-theme .mofa-progress-item .mofa-progress-bar, .contrast-green-theme .mofa-progress-item .mofa-progress-bar { border: 1px solid transparent; } .mofa-progress-item .mofa-progress { height: 100%; } body.contrast-yellow-theme .mofa-progress-item .mofa-progress { background: #ff0; } body.contrast-green-theme .mofa-progress-item .mofa-progress { background: lime; } .mofa-progress-item .mofa-progress:before, .mofa-progress-item .mofa-progress:after { position: absolute; display: block; left: 50%; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; } .mofa-progress-item .mofa-progress:before { content: attr(data-percentage); padding: 5px; border-radius: 5px; color: #fff; top: -10px; max-width: 100px; text-align: center; background: #000; -webkit-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .mofa-progress-item .mofa-progress:before { background: #ff0; } body.contrast-green-theme .mofa-progress-item .mofa-progress:before { background: lime; } body.contrast-yellow-theme .mofa-progress-item .mofa-progress:before { color: blue; } body.contrast-green-theme .mofa-progress-item .mofa-progress:before { color: #000; } .mofa-progress-item .mofa-progress:after { content: ""; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #000; top: -10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } body.contrast-yellow-theme .mofa-progress-item .mofa-progress:after { border-top-color: #ff0 !important; } body.contrast-green-theme .mofa-progress-item .mofa-progress:after { border-top-color: lime !important; } .mofa-progress-item:hover .mofa-progress:before, .mofa-progress-item:hover .mofa-progress:after { -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s; transition: opacity 0.3s, visibility 0.3s, z-index 0s; } .ui-multiselect { display: inline-block; position: relative; width: auto; cursor: pointer; } .ui-multiselect .ui-multiselect-trigger { border-right: none; border-top: none; border-bottom: none; cursor: pointer; width: 1.5em; height: 100%; position: absolute; right: 0; top: 0; padding: 0 0.25em; } .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon { top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; position: absolute; } .ui-multiselect .ui-multiselect-label-container { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; padding: 15px 20px; padding-right: 40px; color: #787878; font-size: 0.88889rem; } .ui-multiselect .ui-multiselect-label { display: block; width: auto; border: none; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-multiselect.ui-state-disabled .ui-multiselect-trigger, .ui-multiselect.ui-state-disabled .ui-multiselect-label { cursor: auto; } .ui-multiselect-panel { padding: 0.2em; position: absolute; min-width: 12em; } .ui-multiselect .ui-multiselect-panel { min-width: 100% !important; background: #fff; border: 1px solid #c7c7c7; } .ui-multiselect-panel .ui-multiselect-items-wrapper { overflow: auto; position: relative; padding: 0.2em 0; } .ui-multiselect-panel .ui-multiselect-list { border: 0 none; } .ui-multiselect-panel .ui-multiselect-item { border: 0 none; cursor: pointer; font-weight: normal; margin: 1px 0; padding: 7px 10px; text-align: left; white-space: nowrap; display: block; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto !important; } .ui-multiselect-panel .ui-multiselect-item:before, .ui-multiselect-panel .ui-multiselect-item:after { content: ""; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } .ui-multiselect-panel .ui-multiselect-item:before { width: 15px; height: 15px; margin-left: 10px; background: #fff; border: 1px solid #ccc; position: relative; } .ui-multiselect-panel .ui-multiselect-item:after { opacity: 0; width: 12px; height: 4px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; right: 12px; margin-top: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ui-multiselect-panel .ui-multiselect-item.ui-state-highlight:after { opacity: 1; } .ui-multiselect-panel .ui-multiselect-item .ui-chkbox { display: inline-block; vertical-align: middle; } .ui-multiselect-panel .ui-multiselect-item span { display: inline-block; vertical-align: middle; font-size: 0.88889rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .ui-multiselect-header { margin-bottom: 0.3em; padding: 0.25em; position: relative; text-align: left; min-height: 2em; } .ui-multiselect-header .ui-chkbox { display: inline-block; vertical-align: middle; cursor: pointer; } .ui-multiselect-header .ui-multiselect-filter-container { position: relative; display: inline-block; vertical-align: middle; width: 65%; } .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container { width: 85%; } .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon { position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ui-multiselect-header .ui-inputtext { padding-left: 35px; width: 100%; } .ui-multiselect-header .ui-multiselect-close { position: absolute; right: 0.375em; top: 0.375em; display: block; border: 0 none; cursor: pointer; } .ui-multiselect-header a.ui-multiselect-all, .ui-multiselect-header a.ui-multiselect-none { float: left; margin-right: 10px; display: block; } .ui-multiselect-footer { padding: 0.25em; } .ui-fluid .ui-multiselect { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-multiselect .ui-chkbox-box { width: 17px; height: 17px; border: 1px solid #787878; margin-left: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ui-multiselect cdk-virtual-scroll-viewport { height: 186px !important; } .multiselect-read-only { list-style: none; max-height: 200px; height: auto; overflow: auto; padding: 0; } .multiselect-read-only li { border-bottom: 1px solid transparent; padding: 10px 20px; } body.contrast-yellow-theme .multiselect-read-only li { border-bottom-color: #ff0; } body.contrast-green-theme .multiselect-read-only li { border-bottom-color: lime; } .multiselect-read-only li:last-child { border-bottom: 0; } .multiselect-read-only li:nth-child(even) { background: #f5f5f5; } body.contrast-yellow-theme .multiselect-read-only li:nth-child(even) { background: blue; } body.contrast-green-theme .multiselect-read-only li:nth-child(even) { background: #000; } .multiselect-read-only.multi-read-edit li { background: #f5f5f5; border-bottom: 1px solid #e6e6e6 !important; } .ng-field-upload-control { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ng-field-upload-control.file-uploaded-info { border: 1px solid #aaa; padding: 5px 10px; font: normal 0.88889rem/0.88889rem "Cairo"; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info { border-color: #ff0; } body.contrast-green-theme .ng-field-upload-control.file-uploaded-info { border-color: lime; } .ng-field-upload-control.file-uploaded-info .field-with-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 5px 0; } .ng-field-upload-control.file-uploaded-info .field-with-info:not(.file-delete) a { display: -webkit-box; display: -ms-flexbox; display: flex; } .ng-field-upload-control.file-uploaded-info i { display: inline-block; } .ng-field-upload-control.file-uploaded-info i + span { margin-right: 10px; display: inline-block; } .ng-field-upload-control.file-uploaded-info .file-name, .ng-field-upload-control.file-uploaded-info .file-size { color: #787878; } body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-name, body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-size { color: #ff0; } body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-name, body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-size { color: lime; } .ng-field-upload-control.file-uploaded-info .file-name { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ng-field-upload-control.file-uploaded-info .file-size { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto !important; } .ng-field-upload-control.file-uploaded-info .file-delete { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: left; width: auto !important; } .ng-field-upload-control.file-uploaded-info .file-delete .ui-button-text.ui-clickable { display: none; } .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor { text-decoration: none; } .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class^="icon-"], .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class*=" icon-"] { width: 35px; height: 35px; display: inline-block; border-radius: 100%; background: #e2e2e2; text-align: center; line-height: 35px; color: #444; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class^="icon-"], body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class*=" icon-"] { background: blue; } body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class^="icon-"], body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class*=" icon-"] { background: #000; } body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class^="icon-"], body.contrast-yellow-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class*=" icon-"] { color: #ff0; } body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class^="icon-"], body.contrast-green-theme .ng-field-upload-control.file-uploaded-info .file-delete .clear-anchor [class*=" icon-"] { color: lime; } .ng-field-upload-control .field-upload-control { position: relative; } .ng-field-upload-control .field-upload-control .field { padding-left: 70px !important; } .ng-field-upload-control .ui-fileupload-choose { position: relative; width: 100%; display: block; font-family: "Cairo"; } .ng-field-upload-control .ui-fileupload-choose input[type="file"] { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; min-height: 100%; font-size: 100px; text-align: left; filter: alpha(opacity=0); direction: rtl; cursor: pointer; } .ng-field-upload-control .clear-uploader { position: absolute; top: 50%; left: 45px; z-index: 10; color: #fff; border-right: 1px solid transparent; font-family: "Cairo"; padding-right: 8px; line-height: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .ng-field-upload-control .clear-uploader { border-color: #ff0; } body.contrast-green-theme .ng-field-upload-control .clear-uploader { border-color: lime; } body.contrast-yellow-theme .ng-field-upload-control .clear-uploader { color: #ff0; } body.contrast-green-theme .ng-field-upload-control .clear-uploader { color: lime; } .ng-field-upload-control .clear-uploader span { display: none; } .ng-field-upload-control .uploader-loader { display: block; background: #5b5b5b url(../images/uploader-loader.gif) center/contain no-repeat; width: 35px; height: 35px; position: absolute; top: 50%; left: 47px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .ng-field-upload-control .uploader-loader { background: #ff0; } body.contrast-green-theme .ng-field-upload-control .uploader-loader { background: lime; } .datepicker { position: absolute !important; width: auto; max-width: 300px; min-width: 250px; -webkit-transform: translateY(20px) !important; transform: translateY(20px) !important; } .datepicker:before { content: ""; position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; bottom: calc(100% - 4px); left: 10px; z-index: -1; -webkit-transform: rotate(315deg); transform: rotate(315deg); } body.contrast-yellow-theme .datepicker:before { background: blue; } body.contrast-green-theme .datepicker:before { background: #000; } body.contrast-yellow-theme .datepicker:before { border-top-color: #ff0; } body.contrast-green-theme .datepicker:before { border-top-color: lime; } body.contrast-yellow-theme .datepicker:before { border-bottom-color: #ff0; } body.contrast-green-theme .datepicker:before { border-bottom-color: lime; } .datepickers-container { z-index: 30000 !important; } .appointment-schedule #ClickedCell { color: #fff !important; vertical-align: middle; } body.contrast-yellow-theme .appointment-schedule #ClickedCell { background: #ff0; } body.contrast-green-theme .appointment-schedule #ClickedCell { background: lime; } body.contrast-yellow-theme .appointment-schedule #ClickedCell { border-bottom-color: #ff0; } body.contrast-green-theme .appointment-schedule #ClickedCell { border-bottom-color: lime; } body.contrast-yellow-theme .appointment-schedule #ClickedCell { color: blue !important; } body.contrast-green-theme .appointment-schedule #ClickedCell { color: #000 !important; } body.contrast-yellow-theme .appointment-schedule .e-header-day, body.contrast-yellow-theme .appointment-schedule .e-header-date { color: blue !important; } body.contrast-green-theme .appointment-schedule .e-header-day, body.contrast-green-theme .appointment-schedule .e-header-date { color: #000 !important; } .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { color: #fff !important; } body.contrast-yellow-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-yellow-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { background: #ff0; } body.contrast-green-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-green-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { background: lime; } body.contrast-yellow-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-yellow-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { border-color: #ff0; } body.contrast-green-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-green-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { border-color: lime; } body.contrast-yellow-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-yellow-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { color: blue !important; } body.contrast-green-theme .appointment-schedule .e-calendar .e-content td.e-selected span.e-day, body.contrast-green-theme .appointment-schedule .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { color: #000 !important; } body.contrast-yellow-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day { border-color: #ff0; } body.contrast-green-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day { border-color: lime; } body.contrast-yellow-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day { color: blue !important; } body.contrast-green-theme .appointment-schedule .e-calendar .e-content td.e-today span.e-day { color: #000 !important; } .appointment-schedule .templatewrap lable { padding: 4px; white-space: normal; } .appointment-schedule .e-appointment { width: 100% !important; } .appointment-schedule .e-add, .appointment-schedule .e-new-event, .appointment-schedule .e-toolbar-center { display: none !important; } .appointment-schedule .e-popup.e-popup-open { right: 0 !important; } .appointment-schedule .e-schedule-table .e-work-cells[disabled="true"] { background-color: silver !important; } .appointment-schedule .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item.e-prev, .appointment-schedule .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item.e-next { position: relative; text-align: center; min-width: 27px; } .appointment-schedule .e-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-tbar-btn.e-btn, .appointment-schedule .e-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-tbar-btn.e-btn { position: absolute; height: calc(100% - 15px); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; width: 100% !important; } .appointment-list { width: 100%; list-style: none !important; } .appointment-list .item { margin-bottom: 2rem; width: 100%; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.29); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.29); padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .appointment-list .item .btn { line-height: 1; } .appointment-list .item h3 { font-size: 1.3rem; line-height: 1.3; margin-bottom: 0.5rem; } .appointment-list .item .card-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: Space-between; -ms-flex-pack: Space-between; justify-content: Space-between; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .appointment-list .item .card-footer .left span { display: block; color: #aaa; line-height: 1.4; } .appointment-list .item.not-available:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .appointment-list .item.reserved { background: #b68a35; color: #fff; } .appointment-list .item.reserved span { color: #fff !important; } .appointment-list .item.my-reservation { background: #b68a35; color: #fff; } .appointment-list .item.my-reservation span { color: #fff !important; } .appointment-list .item.update-reservation { background: #00843d; color: #fff; } .appointment-list .item.update-reservation span { color: #fff !important; } .form-wizard-header { text-align: center; overflow: hidden; margin-bottom: 40px; margin-top: 15px; } .form-wizard-steps { padding: 0; list-style: none; } .form-wizard-steps li { float: right; position: relative; } .form-wizard-steps li:first-child:nth-last-child(1) { width: 100%; } .form-wizard-steps li:first-child:nth-last-child(2), .form-wizard-steps li:first-child:nth-last-child(2) ~ li { width: 50%; } .form-wizard-steps li:first-child:nth-last-child(3), .form-wizard-steps li:first-child:nth-last-child(3) ~ li { width: 33.3333%; } .form-wizard-steps li:first-child:nth-last-child(4), .form-wizard-steps li:first-child:nth-last-child(4) ~ li { width: 25%; } .form-wizard-steps li:first-child:nth-last-child(5), .form-wizard-steps li:first-child:nth-last-child(5) ~ li { width: 20%; } .form-wizard-steps li span { background-color: #efefef; border-radius: 50%; display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; z-index: 1; color: #151515; } .form-wizard-steps li.active span, .form-wizard-steps li.activated span { background-color: #083e6c; color: #ffffff; } .form-wizard-steps li::after { background-color: #f3f3f3; content: ""; height: 4px; left: 0px; position: absolute; right: 0px; top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .form-wizard-steps li.active::after, .form-wizard-steps li.activated::after { background-color: #083e6c; right: 50%; width: 100%; border-color: #083e6c; } .form-wizard-steps li:last-child::after { right: 0; } .form-wizard-steps li:last-child::after { width: 50%; } .form-wizard-steps li p { margin-top: 6px; color: #414141; } .form-wizard-steps li.active p { color: #083e6c; } .opeds-listing-container .link { display: block; text-decoration: none; color: #000; } .opeds-listing-container .link .oped-listing-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; margin-bottom: 10px; border: 1px solid #e1e1e1; width: 100%; } .opeds-listing-container .link .oped-listing-item .details .headline { margin-bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .opeds-listing-container .link .oped-listing-item .details p { font-size: 14px; margin-bottom: 3px; } .opeds-listing-container .link .oped-listing-item .details p.title { margin-bottom: 15px; } .opeds-listing-container .link .oped-listing-item .details span { font-size: 13px; color: #9f9f9f; } .opeds-listing-container .link .oped-listing-item img { width: 125px; height: 135px; -o-object-fit: cover; object-fit: cover; background: #efefef; margin-left: 15px; } .opeds-listing-container .link:hover h5 { color: #b68a35; } .inner-oped-details .details-img { margin-bottom: 0px; } .inner-oped-details .details-img .details-img-container img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .inner-oped-details .details-info .date { color: #9f9f9f; margin-top: 15px; display: block; font-size: 14px; } .inner-oped-details .details-info .name { margin-bottom: 5px; font-size: 15px; } .inner-oped-details .details-info .title { margin-bottom: 0px; font-size: 15px; } .inner-oped-details .details-info .name i, .inner-oped-details .details-info .title i { margin-left: 5px; background: #e2e2e2; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border-radius: 50px; color: #000000; } .notification-listing-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; margin-bottom: 10px; border: 1px solid #f5f5f5; width: 100%; } .notification-listing-item img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; background: #efefef; margin-left: 15px; } .notification-listing-item .details .link { color: #b68a35; text-decoration: none; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .notification-listing-item .details .link i { display: none; } .notification-listing-item .details p { height: 77px; overflow: hidden; } .notification-listing-item .details span { color: #9f9f9f; display: block; } .notification-listing-item:hover .details .link { text-decoration: underline; } #minzedNotify { background: #000; border-radius: 100%; width: 60px; height: 60px; -webkit-transform: none !important; transform: none !important; bottom: 90px !important; border: 1px solid transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } #minzedNotify:before { content: "\e94a"; font-family: "icomoon"; display: block; background: #000; width: 60px; height: 60px; color: #fff; border-radius: 100%; text-align: center; line-height: 60px; cursor: pointer; font-size: 2em; font-weight: normal; -webkit-transition: all 0.3s; transition: all 0.3s; } #minzedNotify .number { font-weight: 500; top: 0px; background: #b68a35; color: #fff; width: 25px; height: 26px; position: absolute; right: 45px; border-radius: 50%; line-height: 27px; } .notification-popup { position: fixed; background: #fff; width: 500px; max-height: 360px; bottom: 15px; left: 105px; padding: 15px 20px; z-index: 0; opacity: 0; display: none; max-width: 68%; overflow: auto; min-height: 100px; } .notification-popup:before { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #ffffff; content: ""; position: fixed; left: 94px; bottom: 110px; z-index: 9999999999; } .notification-popup > a { display: block; color: #b68a35; margin-top: 10px; font-size: 12px; line-height: 22px; text-align: center; } .notification-popup .notification-empty { color: #000; line-height: 100px; font-weight: 500; } @media screen and (max-width: 500px) { .notification-popup { max-width: 56%; padding: 15px; } } .notification-item { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; color: #727272; font-weight: 500; background: #fff; padding: 10px 0px; border-bottom: 1px solid #ececec; } .notification-item img { width: 60px; height: 60px; margin-left: 10px; -o-object-fit: cover; object-fit: cover; background: #efefef; } @media screen and (max-width: 500px) { .notification-item img { display: none; } } .notification-item .details a { color: #000; display: block; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .notification-item .details a:hover { text-decoration: underline; } .notification-item .details a h5 { overflow: hidden; max-height: 42px; line-height: 21px; } .notification-item .details span { display: block; line-height: 19px; margin-top: 3px; color: #b68a35; font-size: 12px; } .notification-item:last-of-type { margin: 0px; } .notification-bg { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 0; background: rgba(0, 0, 0, 0.5) !important; opacity: 0; display: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .user-container .form-section, header .user-container .form-fields, header .user-container .field-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .user-container .form-section { min-width: 250px; text-align: right; margin: 0; padding: 25px; } header .user-container .form-section h2 { font: bold 1.11111rem/1.22222rem "Cairo"; margin-bottom: 10px; } header .user-container .form-section .field-container:last-child { margin-bottom: 0; } header .user-container .form-section .user-links { margin-bottom: 20px; } header .user-container .form-section a:not(.btn) { padding: 0; margin-bottom: 10px; display: block; text-align: right; } header .user-container .form-section a:not(.btn):hover { background: transparent !important; } header .user-container .form-section .btn { width: 100%; margin: 20px 0 15px; } header .user-container .form-section .btn:last-child { margin: 0; } #horizontal-mega-menu { display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #horizontal-mega-menu { background: #ff0; } body.contrast-green-theme #horizontal-mega-menu { background: lime; } #horizontal-mega-menu a { display: block; text-align: left; -webkit-transition: all 0.3s; transition: all 0.3s; } #horizontal-mega-menu nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #horizontal-mega-menu nav > a { padding: 20px 0; color: #fff; } body.contrast-yellow-theme #horizontal-mega-menu nav > a { color: blue; } body.contrast-green-theme #horizontal-mega-menu nav > a { color: #000; } #horizontal-mega-menu .active-menu, #horizontal-mega-menu .first-level > li.has-sub-menu > a:hover + .second-level, #horizontal-mega-menu .second-level:hover { right: 0; opacity: 1; z-index: 0; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, right 0s; -webkit-transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s, right 0s, -webkit-transform 0.3s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s, right 0s, -webkit-transform 0.3s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, right 0s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, right 0s, -webkit-transform 0.3s; } #horizontal-mega-menu .first-level { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; } #horizontal-mega-menu .first-level > li.has-sub-menu > a:before { content: ""; display: block; width: 6px; height: 6px; position: absolute; right: 4px; top: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #horizontal-mega-menu .first-level > li.has-sub-menu > a:before { border-right-color: blue; } body.contrast-green-theme #horizontal-mega-menu .first-level > li.has-sub-menu > a:before { border-right-color: #000; } body.contrast-yellow-theme #horizontal-mega-menu .first-level > li.has-sub-menu > a:before { border-bottom-color: blue; } body.contrast-green-theme #horizontal-mega-menu .first-level > li.has-sub-menu > a:before { border-bottom-color: #000; } #horizontal-mega-menu .first-level > li.has-sub-menu > a:hover:before { -webkit-transform: translateY(0%) rotate(-45deg) scaleY(-1); transform: translateY(0%) rotate(-45deg) scaleY(-1); } #horizontal-mega-menu .first-level > li > a { padding: 15px; position: relative; color: #fff; } body.contrast-yellow-theme #horizontal-mega-menu .first-level > li > a { color: blue; } body.contrast-green-theme #horizontal-mega-menu .first-level > li > a { color: #000; } #horizontal-mega-menu .second-level { position: absolute; top: 100%; left: 0; right: 100%; background: #fff; border-bottom: 3px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding: 20px; opacity: 0; z-index: -10; visibility: hidden; -webkit-transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, right 0s ease 0.3s; -webkit-transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, right 0s ease 0.3s, -webkit-transform 0.3s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, right 0s ease 0.3s, -webkit-transform 0.3s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, right 0s ease 0.3s; transition: background 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, right 0s ease 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(20px); transform: translateY(20px); } body.contrast-yellow-theme #horizontal-mega-menu .second-level { background: blue; } body.contrast-green-theme #horizontal-mega-menu .second-level { background: #000; } body.contrast-yellow-theme #horizontal-mega-menu .second-level { border-color: #ff0; } body.contrast-green-theme #horizontal-mega-menu .second-level { border-color: lime; } .contrast-yellow-theme #horizontal-mega-menu .second-level, .contrast-green-theme #horizontal-mega-menu .second-level { border: 1px solid transparent; border-bottom: 5px solid transparent; } #horizontal-mega-menu .second-level .sub-menu-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; text-align: right; margin-bottom: 10px; } #horizontal-mega-menu .second-level .sub-menu-title h2 { color: #b68a35; font: bold 1.94444rem/2.5rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #horizontal-mega-menu .second-level .sub-menu-title h2 { color: #ff0; } body.contrast-green-theme #horizontal-mega-menu .second-level .sub-menu-title h2 { color: lime; } #horizontal-mega-menu .second-level a { padding: 2px 0; } #horizontal-mega-menu .second-level > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; padding: 0 10px 10px; } #horizontal-mega-menu .second-level > li > a { color: #777; font-size: 15px; border-bottom: 1px solid #777; padding-bottom: 5px; } body.contrast-yellow-theme #horizontal-mega-menu .second-level > li > a { color: #ff0; } body.contrast-green-theme #horizontal-mega-menu .second-level > li > a { color: lime; } .third-level{ padding-top: 8px; } #horizontal-mega-menu .third-level a { font-weight: 500; color: #777; } body.contrast-yellow-theme #horizontal-mega-menu .third-level a { color: #ff0; } body.contrast-green-theme #horizontal-mega-menu .third-level a { color: lime; } body.contrast-yellow-theme #horizontal-mega-menu .third-level a:hover { color: #b3b300; } body.contrast-green-theme #horizontal-mega-menu .third-level a:hover { color: #00b300; } #horizontal-mega-menu .third-level li { font-size: 0.9rem; } header { z-index: 2000; text-align: center; position: relative; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header { background: blue; } body.contrast-green-theme header { background: #000; } body.contrast-yellow-theme header { border-bottom-color: #ff0; } body.contrast-green-theme header { border-bottom-color: lime; } .header-overlay{ display: inline-block; width: 100%; height: 100%; position: absolute; z-index: -1; overflow: hidden; top: 0px; right: 0; } .header-overlay .header-back{ position: absolute; z-index: -1; left: calc(50% - 750px); width: 1180px; min-height: 385px; max-height: 385px; max-width: 1200px; top: -97px; } header > .container { padding: 8px 0; -webkit-transition: all 0.3s; transition: all 0.3s; } header .hovering-menu-btn { position: relative; z-index: 40; } header .hovering-menu-btn:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: calc(100% + 36px); left: 50%; z-index: -10; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s ease 0.3s; transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s ease 0.3s; -webkit-box-shadow: 0px 0px 36px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 36px -5px rgba(0, 0, 0, 0.5); } body.contrast-yellow-theme header .hovering-menu-btn:after { border-bottom-color: #ff0; } body.contrast-green-theme header .hovering-menu-btn:after { border-bottom-color: lime; } header .hovering-menu-btn.active:after { opacity: 1; visibility: visible; top: calc(100% + 20px); z-index: 20; -webkit-transition: top 0.3s, visibility 0.3s, opacity 0.3s; transition: top 0.3s, visibility 0.3s, opacity 0.3s; } header .header-hover-effect:not(.user-menu-btn) > i, header .header-hover-effect:not(.user-menu-btn) > span { display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; padding-right: 40px; } header .header-hover-effect:not(.user-menu-btn):hover > i, header .header-hover-effect:not(.user-menu-btn):hover > span { -webkit-transform: translatey(-7px); transform: translatey(-7px); } header .hovering-nav { position: absolute; top: calc(100% + 40px); opacity: 0; visibility: hidden; z-index: -10; border-radius: 5px; overflow: hidden; left: 50%; min-width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0px 0px 36px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 36px -5px rgba(0, 0, 0, 0.5); -webkit-transition: top 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; transition: top 0.3s, opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s; } body.contrast-yellow-theme header .hovering-nav { background: blue; } body.contrast-green-theme header .hovering-nav { background: #000; } .contrast-yellow-theme header .hovering-nav, .contrast-green-theme header .hovering-nav { -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent !important; } body.contrast-yellow-theme header .hovering-nav { border-color: #ff0 !important; } body.contrast-green-theme header .hovering-nav { border-color: lime !important; } header .hovering-nav.active { top: calc(100% + 30px); opacity: 1; visibility: visible; z-index: 30; -webkit-transition: top 0.3s, opacity 0.3s, visibility 0.3s; transition: top 0.3s, opacity 0.3s, visibility 0.3s; } header .hovering-nav li { border-bottom: 1px solid transparent; } body.contrast-yellow-theme header .hovering-nav li { border-bottom-color: #ff0; } body.contrast-green-theme header .hovering-nav li { border-bottom-color: lime; } header .hovering-nav li:last-child { border-bottom: 0; } header .hovering-nav a:not(.btn), header .hovering-nav input:not([type="text"]):not(.btn) { display: block; padding: 10px; text-align: center; line-height: 1rem; width: 100%; font-size: 100%; font-family: "Cairo"; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } header .hovering-nav a:not(.btn) *, header .hovering-nav a:not(.btn):before, header .hovering-nav input:not([type="text"]):not(.btn) *, header .hovering-nav input:not([type="text"]):not(.btn):before { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .hovering-nav a:not(.btn) span, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn) span { color: #ff0; } body.contrast-green-theme header .hovering-nav a:not(.btn) span, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn) span { color: lime; } body.contrast-yellow-theme header .hovering-nav a:not(.btn):hover, body.contrast-yellow-theme header .hovering-nav a:not(.btn).active, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn).active { background: #ff0 !important; } body.contrast-green-theme header .hovering-nav a:not(.btn):hover, body.contrast-green-theme header .hovering-nav a:not(.btn).active, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn).active { background: lime !important; } body.contrast-yellow-theme header .hovering-nav a:not(.btn):hover, body.contrast-yellow-theme header .hovering-nav a:not(.btn):hover *, body.contrast-yellow-theme header .hovering-nav a:not(.btn).active, body.contrast-yellow-theme header .hovering-nav a:not(.btn).active *, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn):hover *, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn).active, body.contrast-yellow-theme header .hovering-nav input:not([type="text"]):not(.btn).active * { color: blue !important; } body.contrast-green-theme header .hovering-nav a:not(.btn):hover, body.contrast-green-theme header .hovering-nav a:not(.btn):hover *, body.contrast-green-theme header .hovering-nav a:not(.btn).active, body.contrast-green-theme header .hovering-nav a:not(.btn).active *, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn):hover *, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn).active, body.contrast-green-theme header .hovering-nav input:not([type="text"]):not(.btn).active * { color: #000 !important; } header .hovering-nav a:not(.btn):hover:before, header .hovering-nav a:not(.btn).active:before, header .hovering-nav input:not([type="text"]):not(.btn):hover:before, header .hovering-nav input:not([type="text"]):not(.btn).active:before { background: #fff !important; } header .hovering-nav .active-lang { background: #b68a35; cursor: default !important; } header .hovering-nav .active-lang span { color: #fff; } header .header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dir-rtl header .header-content { direction: rtl; } header .logo-container, header .menu-container, header .header-btns { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .logo-container, header .menu-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } header .header-btns { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; height: 55px; min-width: 100%; margin-top: 15px; } header .logo-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 55px; } header .logo-container img { height: 55px; } header .logo-container a { text-decoration: none; } header .logo-container .stars-logo { margin-left: 10px; } header .menu-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } header .menu-container .menu-btn { width: 50px; height: 50px; display: block; padding: 14px 10px; float: right; position: relative; margin-left: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .menu-container .menu-btn { background: #ff0; } body.contrast-green-theme header .menu-container .menu-btn { background: lime; } header .menu-container .menu-btn span { height: 3px; margin: 0 auto; position: absolute; left: 10px; right: 10px; top: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme header .menu-container .menu-btn span { background: blue; } body.contrast-green-theme header .menu-container .menu-btn span { background: #000; } header .menu-container .menu-btn span:before, header .menu-container .menu-btn span:after { content: ""; width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .menu-container .menu-btn span:before, body.contrast-yellow-theme header .menu-container .menu-btn span:after { background: blue; } body.contrast-green-theme header .menu-container .menu-btn span:before, body.contrast-green-theme header .menu-container .menu-btn span:after { background: #000; } header .menu-container .menu-btn span:before { top: -100%; right: -10%; -webkit-transform: translateY(-3px); transform: translateY(-3px); } header .menu-container .menu-btn span:after { bottom: -100%; left: -10%; -webkit-transform: translateY(3px); transform: translateY(3px); } body.contrast-yellow-theme header .menu-container .menu-btn.active span { background: #ff0; } body.contrast-green-theme header .menu-container .menu-btn.active span { background: lime; } header .menu-container .menu-btn.active span:before, header .menu-container .menu-btn.active span:after { top: 50%; left: 0; right: 0; } header .menu-container .menu-btn.active span:before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } header .menu-container .menu-btn.active span:after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } header .user-container, header .home-container, header .search-container, header .accessibility-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .desktop-header-btns { display: none; } header .user-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } header .user-container .user-menu-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } header .user-container .user-menu-btn.active .user-img.empty-user-img { color: #fff !important; } body.contrast-yellow-theme header .user-container .user-menu-btn.active .user-img.empty-user-img { color: blue !important; } body.contrast-green-theme header .user-container .user-menu-btn.active .user-img.empty-user-img { color: #000 !important; } body.contrast-yellow-theme header .user-container .user-menu-btn.active .user-img.empty-user-img { background: #ff0; } body.contrast-green-theme header .user-container .user-menu-btn.active .user-img.empty-user-img { background: lime; } header .user-container .user-menu-btn:after { top: calc(100% + 16px); right: 20%; left: auto; } header .user-container .user-img, header .user-container .user-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .user-container .user-img { width: 50px; height: 50px; border-radius: 100%; } header .user-container .user-img.empty-user-img { line-height: 50px; font-size: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .user-container .user-img.empty-user-img { background: #ff0 !important; } body.contrast-green-theme header .user-container .user-img.empty-user-img { background: lime !important; } body.contrast-yellow-theme header .user-container .user-img.empty-user-img { color: blue; } body.contrast-green-theme header .user-container .user-img.empty-user-img { color: #000; } header .user-container .user-img.empty-user-img:hover { color: #fff !important; } body.contrast-yellow-theme header .user-container .user-img.empty-user-img:hover { color: blue !important; } body.contrast-green-theme header .user-container .user-img.empty-user-img:hover { color: #000 !important; } body.contrast-yellow-theme header .user-container .user-img.empty-user-img:hover { background: #ff0; } body.contrast-green-theme header .user-container .user-img.empty-user-img:hover { background: lime; } header .user-container .user-info { max-width: 150px; text-align: right; margin-right: 10px; } header .user-container .user-info span { display: block; } header .user-container .user-info .user-name { color: #757575; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .user-container .user-info .user-name { color: #ff0; } body.contrast-green-theme header .user-container .user-info .user-name { color: lime; } header .user-container .user-info .user-name, header .user-container .user-info .user-name * { font: normal 0.77778rem/1rem "Cairo"; } header .user-container .user-info .user-name b { font-weight: bold; } header .user-container .user-info .user-nationality { font: normal 0.77778rem/1rem "Cairo"; margin-top: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .user-container .user-info .user-nationality { color: #ff0; } body.contrast-green-theme header .user-container .user-info .user-nationality { color: lime; } header .user-container .hovering-nav { -webkit-transform: translateX(-60%); transform: translateX(-60%); } header .user-container .hovering-nav.active { top: calc(100% + 26px); } header .user-container .hovering-nav ul { border-top: 2px solid transparent; } header .user-container .hovering-nav ul li { border-bottom-color: #ddd; } body.contrast-yellow-theme header .user-container .hovering-nav ul li { border-bottom-color: #ff0; } body.contrast-green-theme header .user-container .hovering-nav ul li { border-bottom-color: lime; } header .user-container .hovering-nav ul a:not(.btn), header .user-container .hovering-nav ul input:not(.btn) { text-align: right; padding: 15px 25px; } body.contrast-yellow-theme header .user-container .hovering-nav ul a:not(.btn), body.contrast-yellow-theme header .user-container .hovering-nav ul input:not(.btn) { color: #ff0; } body.contrast-green-theme header .user-container .hovering-nav ul a:not(.btn), body.contrast-green-theme header .user-container .hovering-nav ul input:not(.btn) { color: lime; } body.contrast-yellow-theme header .user-container .hovering-nav ul a:not(.btn):hover, body.contrast-yellow-theme header .user-container .hovering-nav ul a:not(.btn).active, body.contrast-yellow-theme header .user-container .hovering-nav ul input:not(.btn):hover, body.contrast-yellow-theme header .user-container .hovering-nav ul input:not(.btn).active { color: blue; } body.contrast-green-theme header .user-container .hovering-nav ul a:not(.btn):hover, body.contrast-green-theme header .user-container .hovering-nav ul a:not(.btn).active, body.contrast-green-theme header .user-container .hovering-nav ul input:not(.btn):hover, body.contrast-green-theme header .user-container .hovering-nav ul input:not(.btn).active { color: #000; } header .home-container { margin-right: 20px; position: relative; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } header .home-container a { display: block; float: right; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .home-container a { color: #ff0; } body.contrast-green-theme header .home-container a { color: lime; } header .search-container { margin-right: 20px; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } header .search-container a { display: block; float: right; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .search-container a { color: #ff0; } body.contrast-green-theme header .search-container a { color: lime; } header .search-container .hovering-nav { min-width: 0; background: transparent; border: 0; border-radius: 40px; -webkit-transform: translateX(-20%); transform: translateX(-20%); } header .search-container .hovering-nav input { height: 40px; border-radius: 40px; padding: 10px 20px; padding-right: 40px !important; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; line-height: 1em; width: 260px; border: 0 !important; direction: rtl; } body.contrast-yellow-theme header .search-container .hovering-nav input { background: blue; } body.contrast-green-theme header .search-container .hovering-nav input { background: #000; } header .search-container .hovering-nav .hovering-search-btn { position: absolute; top: 3px; right: 3px; width: 34px; height: 34px; margin: 0; padding: 0 10px; line-height: 34px; } header .search-container .hovering-nav .hovering-search-btn:hover { color: #fff; } body.contrast-yellow-theme header .search-container .hovering-nav .hovering-search-btn:hover { color: blue; } body.contrast-green-theme header .search-container .hovering-nav .hovering-search-btn:hover { color: #000; } body.contrast-yellow-theme header .search-container .hovering-nav .hovering-search-btn:hover { background: #ff0; } body.contrast-green-theme header .search-container .hovering-nav .hovering-search-btn:hover { background: lime; } header .accessibility-container { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } header .accessibility-container .lang, header .accessibility-container .sound, header .accessibility-container .contrast, header .accessibility-container .themes, header .accessibility-container .fonts { float: right; margin-left: 20px; position: relative; } header .accessibility-container .lang .selected-item, header .accessibility-container .sound .selected-item, header .accessibility-container .contrast .selected-item, header .accessibility-container .themes .selected-item, header .accessibility-container .fonts .selected-item { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .accessibility-container .lang .selected-item, body.contrast-yellow-theme header .accessibility-container .sound .selected-item, body.contrast-yellow-theme header .accessibility-container .contrast .selected-item, body.contrast-yellow-theme header .accessibility-container .themes .selected-item, body.contrast-yellow-theme header .accessibility-container .fonts .selected-item { color: #ff0; } body.contrast-green-theme header .accessibility-container .lang .selected-item, body.contrast-green-theme header .accessibility-container .sound .selected-item, body.contrast-green-theme header .accessibility-container .contrast .selected-item, body.contrast-green-theme header .accessibility-container .themes .selected-item, body.contrast-green-theme header .accessibility-container .fonts .selected-item { color: lime; } header .accessibility-container .themes .hovering-nav a:before { content: ""; display: block; width: 16px; height: 16px; border-radius: 100%; } header .accessibility-container .themes .hovering-nav a.default-theme:before { background: #b68a35; } header .accessibility-container .themes .hovering-nav a.default-theme:hover { background: #b68a35 !important; } header .accessibility-container .themes .hovering-nav a.red-theme:before { background: #c8102e; } header .accessibility-container .themes .hovering-nav a.red-theme:hover { background: #c8102e !important; } header .accessibility-container .themes .hovering-nav a.green-theme:before { background: #00843d; } header .accessibility-container .themes .hovering-nav a.green-theme:hover { background: #00843d !important; } header .accessibility-container .themes .hovering-nav a.gray-theme:before { background: #676767; } header .accessibility-container .themes .hovering-nav a.gray-theme:hover { background: #676767 !important; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme:before, header .accessibility-container .themes .hovering-nav a.contrast-green-theme:before, header .accessibility-container .themes .hovering-nav a.contrast-no-theme:before { display: none; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme i, header .accessibility-container .themes .hovering-nav a.contrast-green-theme i, header .accessibility-container .themes .hovering-nav a.contrast-no-theme i { border-radius: 100%; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme i:before, header .accessibility-container .themes .hovering-nav a.contrast-green-theme i:before, header .accessibility-container .themes .hovering-nav a.contrast-no-theme i:before { z-index: 10; position: relative; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme i:after, header .accessibility-container .themes .hovering-nav a.contrast-green-theme i:after, header .accessibility-container .themes .hovering-nav a.contrast-no-theme i:after { content: "\e901"; position: absolute; left: 0; right: 0; z-index: 0; font-size: 96%; -webkit-transform: scaleX(-1); transform: scaleX(-1); } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme:hover { background: blue !important; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme i:before { color: #ff0 !important; } header .accessibility-container .themes .hovering-nav a.contrast-yellow-theme i:after { color: blue !important; } header .accessibility-container .themes .hovering-nav a.contrast-green-theme:hover { background: #000 !important; } header .accessibility-container .themes .hovering-nav a.contrast-green-theme i:before { color: lime !important; } header .accessibility-container .themes .hovering-nav a.contrast-green-theme i:after { color: #000 !important; } header .accessibility-container .themes .hovering-nav a.contrast-no-theme:hover { background: #000 !important; } header .accessibility-container .themes .hovering-nav a.contrast-no-theme i:before { color: #fff; } header .accessibility-container .themes .hovering-nav a.contrast-no-theme i:after { color: #000; } header .accessibility-container .fonts .hovering-nav a { font-size: 12px; } body.contrast-yellow-theme header .accessibility-container .fonts .hovering-nav a { color: #ff0; } body.contrast-green-theme header .accessibility-container .fonts .hovering-nav a { color: lime; } header .accessibility-container .fonts .hovering-nav a.small-size { font-size: 8px; } header .accessibility-container .fonts .hovering-nav a.large-size { font-size: 16px; } header .mega-menu { background: #083e6c; padding: 20px; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; visibility: hidden; z-index: -10; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s, transform 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, visibility 0.3s; transition: opacity 0.3s, transform 0.3s, visibility 0.3s, -webkit-transform 0.3s; transform: translate3d(100vw,0,0); } body.contrast-yellow-theme header .mega-menu { background: blue; } body.contrast-green-theme header .mega-menu { background: #000; } .contrast-yellow-theme header .mega-menu, .contrast-green-theme header .mega-menu { border-bottom: 1px solid transparent; } body.contrast-yellow-theme header .mega-menu { border-bottom-color: #ff0; } body.contrast-green-theme header .mega-menu { border-bottom-color: lime; } header .mega-menu.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); transform: translate3d(0,0,0); } header .mega-menu .mobile-header-btns { display: block; height: auto; margin: 0; } header .mega-menu .mobile-header-btns:before { display: none; } header .mega-menu .mobile-header-btns .accessibility-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; } body.contrast-yellow-theme header .mega-menu .mobile-header-btns .accessibility-container { border-bottom-color: #ff0; } body.contrast-green-theme header .mega-menu .mobile-header-btns .accessibility-container { border-bottom-color: lime; } header .mega-menu .mobile-header-btns .accessibility-container .lang, header .mega-menu .mobile-header-btns .accessibility-container .sound, header .mega-menu .mobile-header-btns .accessibility-container .themes, header .mega-menu .mobile-header-btns .accessibility-container .fonts { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 10px; margin: 0; } header .mega-menu .mobile-header-btns .accessibility-container .lang a, header .mega-menu .mobile-header-btns .accessibility-container .sound a, header .mega-menu .mobile-header-btns .accessibility-container .themes a, header .mega-menu .mobile-header-btns .accessibility-container .fonts a { border-bottom: 0 !important; } header .mega-menu .mobile-header-btns .accessibility-container .lang .hovering-nav.active, header .mega-menu .mobile-header-btns .accessibility-container .sound .hovering-nav.active, header .mega-menu .mobile-header-btns .accessibility-container .themes .hovering-nav.active, header .mega-menu .mobile-header-btns .accessibility-container .fonts .hovering-nav.active { z-index: 10; } header .mega-menu .mobile-header-btns .accessibility-container .lang .hovering-nav a, header .mega-menu .mobile-header-btns .accessibility-container .sound .hovering-nav a, header .mega-menu .mobile-header-btns .accessibility-container .themes .hovering-nav a, header .mega-menu .mobile-header-btns .accessibility-container .fonts .hovering-nav a { padding: 10px; } header .mega-menu a { display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } header .mega-menu .main-menu, header .mega-menu .quick-links-menu ul, header .mega-menu .menu-copy-rights { display: inline-block; width: 100%; text-align: left; } header .mega-menu .main-menu { border-bottom: 1px solid #fff; margin-bottom: 15px; position: relative; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme header .mega-menu .main-menu { border-bottom-color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu { border-bottom-color: lime; } header .mega-menu .main-menu a { border-bottom: 1px solid #d0d0d0; padding: 15px 0; } body.contrast-yellow-theme header .mega-menu .main-menu a { border-bottom-color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu a { border-bottom-color: lime; } header .mega-menu .main-menu .first-level { width: 100%; } header .mega-menu .main-menu .first-level li.has-sub-menu > a { position: relative; } header .mega-menu .main-menu .first-level li.has-sub-menu > a:before { content: ""; display: block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; right: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } body.contrast-yellow-theme header .mega-menu .main-menu .first-level li.has-sub-menu > a:before { border-bottom-color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu .first-level li.has-sub-menu > a:before { border-bottom-color: lime; } body.contrast-yellow-theme header .mega-menu .main-menu .first-level li.has-sub-menu > a:before { border-right-color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu .first-level li.has-sub-menu > a:before { border-right-color: lime; } header .mega-menu .main-menu .first-level li.has-sub-menu.open > a:before { -webkit-transform: translateY(-50%) rotate(-45deg) scaleY(-1); transform: translateY(-50%) rotate(-45deg) scaleY(-1); } header .mega-menu .main-menu .first-level li.has-sub-menu ul { padding-right: 20px; } header .mega-menu .main-menu .first-level > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; text-transform: uppercase; } body.contrast-yellow-theme header .mega-menu .main-menu .first-level > li > a { color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu .first-level > li > a { color: lime; } header .mega-menu .main-menu .second-level { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; width: 100%; } body.contrast-yellow-theme header .mega-menu .main-menu .second-level { background: blue; } body.contrast-green-theme header .mega-menu .main-menu .second-level { background: #000; } header .mega-menu .main-menu .second-level > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } header .mega-menu .main-menu .second-level > li > a { font-weight: bold; } body.contrast-yellow-theme header .mega-menu .main-menu .second-level > li > a { color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu .second-level > li > a { color: lime; } body.contrast-yellow-theme header .mega-menu .main-menu .second-level > li > a:hover { color: #b3b300; } body.contrast-green-theme header .mega-menu .main-menu .second-level > li > a:hover { color: #00b300; } header .mega-menu .main-menu .second-level ul li a { color: #000; } body.contrast-yellow-theme header .mega-menu .main-menu .second-level ul li a { color: #ff0; } body.contrast-green-theme header .mega-menu .main-menu .second-level ul li a { color: lime; } body.contrast-yellow-theme header .mega-menu .main-menu .second-level ul li a:hover { color: #b3b300; } body.contrast-green-theme header .mega-menu .main-menu .second-level ul li a:hover { color: #00b300; } header .mega-menu .quick-links-menu { text-align: right; margin-bottom: 15px; } header .mega-menu .quick-links-menu ul { display: inline-block; margin: 0 -10px; width: auto; } header .mega-menu .quick-links-menu ul li { display: block; float: right; padding: 0 10px; border-left: 1px solid #fff; margin-bottom: 10px; } body.contrast-yellow-theme header .mega-menu .quick-links-menu ul li { border-left-color: #ff0; } body.contrast-green-theme header .mega-menu .quick-links-menu ul li { border-left-color: lime; } header .mega-menu .quick-links-menu ul li:last-child { border: 0; } header .mega-menu .quick-links-menu ul li a { color: #fff; white-space: nowrap; } body.contrast-yellow-theme header .mega-menu .quick-links-menu ul li a { color: #ff0; } body.contrast-green-theme header .mega-menu .quick-links-menu ul li a { color: lime; } body.contrast-yellow-theme header .mega-menu .quick-links-menu ul li a:hover { color: #b3b300; } body.contrast-green-theme header .mega-menu .quick-links-menu ul li a:hover { color: #00b300; } header .mega-menu .menu-copy-rights { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: wrap; -ms-flex: wrap; flex: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .mega-menu .menu-copy-rights nav { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 15px; } header .mega-menu .menu-copy-rights nav ul { display: inline-block; margin: 0 -5px; } header .mega-menu .menu-copy-rights nav ul li { display: block; float: right; padding: 0 5px; } header .mega-menu .menu-copy-rights nav ul li a { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%; background: #fff; opacity: 0.4; font-size: 1.1rem; } body.contrast-yellow-theme header .mega-menu .menu-copy-rights nav ul li a { background: #ff0; } body.contrast-green-theme header .mega-menu .menu-copy-rights nav ul li a { background: lime; } body.contrast-yellow-theme header .mega-menu .menu-copy-rights nav ul li a { color: blue; } body.contrast-green-theme header .mega-menu .menu-copy-rights nav ul li a { color: #000; } .contrast-yellow-theme header .mega-menu .menu-copy-rights nav ul li a, .contrast-green-theme header .mega-menu .menu-copy-rights nav ul li a { opacity: 1; } header .mega-menu .menu-copy-rights nav ul li a:hover { opacity: 1; background: #fff; } body.contrast-yellow-theme header .mega-menu .menu-copy-rights nav ul li a:hover { background: #b3b300; } body.contrast-green-theme header .mega-menu .menu-copy-rights nav ul li a:hover { background: #00b300; } body.contrast-yellow-theme header .mega-menu .menu-copy-rights nav ul li a:hover { color: blue; } body.contrast-green-theme header .mega-menu .menu-copy-rights nav ul li a:hover { color: #000; } header .mega-menu .menu-copy-rights nav ul li a i { pointer-events: none; } header .mega-menu .menu-copy-rights span { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; color: #fff; opacity: 0.4; } .contrast-yellow-theme header .mega-menu .menu-copy-rights span, .contrast-green-theme header .mega-menu .menu-copy-rights span { opacity: 1; } .contrast-yellow-theme header .mega-menu .menu-copy-rights span { color: #ff0; } .contrast-green-theme header .mega-menu .menu-copy-rights span { color: lime; } header .mega-search-container { position: relative; z-index: 45; display: none; } header .mega-search-container .close-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 1; } header .mega-search-container .auto-search-cont { position: absolute; right: 0; top: 0px; width: 100%; background: #fff; -webkit-box-shadow: 0px 0px 5px 1px #0000005e; box-shadow: 0px 0px 5px 1px #0000005e; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper { width: 100%; margin: 0 auto; position: relative; z-index: 500; text-align: center; top: calc(100%); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; -webkit-box-shadow: none; box-shadow: none; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options { text-align: right; margin: 0; padding: 0; line-height: 1.5; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options li { list-style: none; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options > li { display: inline-block; width: 100%; padding-left: 15px; vertical-align: top; margin: 10px 0; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options > li h4 { color: #414141 !important; text-transform: uppercase; font-weight: 700; font-size: 1.2rem; margin-bottom: 10px; border-bottom: solid 1px #e1e1e1; padding-bottom: 10px; text-align: right; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options a { color: #676767 !important; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options > li > ul a:hover { text-decoration: underline; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .advanced-search-wrapper .advanced-search { color: #000; font-size: 1.25rem; font-weight: 600; display: inline-block; margin: 20px 0 0; text-decoration: underline; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .advanced-search-wrapper .advanced-search:hover { color: #b68a35; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper::after, header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper::before { content: ""; width: 0; height: 0; border-style: solid; position: absolute; border-width: 10px; right: 30px; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper::after { top: -19px; border-color: transparent transparent #fff; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper::before { top: -20px; border-color: transparent transparent #c3c3c3; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .hovering-search-btn, header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .clear-field-btn { position: absolute; z-index: 999; top: 0; padding: 15.75px 15px !important; text-decoration: none; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .hovering-search-btn i, header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .clear-field-btn i { color: #083e6c; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .hovering-search-btn { right: 0; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .clear-field-btn { left: 44px; } header .mega-search-container .auto-search-cont .ui-autocomplete-input { height: 50px; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 40px !important; padding-right: 90px !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; text-align: left; line-height: 1em !important; border: 0 !important; border-bottom: 1px solid #ccc !important; direction: rtl; outline: 0 !important; border-radius: 0; position: relative; z-index: 5; } header .mega-search-container .auto-search-cont::after, header .mega-search-container .auto-search-cont::before { content: ""; width: 0; height: 0; border-style: solid; position: absolute; border-width: 10px; left: 35px; } header .mega-search-container .auto-search-cont::after { top: -19px; border-color: transparent transparent #fff; } header .mega-search-container .auto-search-cont::before { top: -20px; border-color: transparent transparent #c3c3c3; } header .mega-search-container .ui-autocomplete { position: absolute; top: -10px; z-index: 600; width: 100%; -webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.55); box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.55); border-radius: 0; border-color: transparent #c3c3c3 #c3c3c3; max-height: 700px; overflow-y: auto; background: #fff; color: #333; } header .mega-search-container .ui-autocomplete .ui-menu-item { cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } header .mega-search-container .ui-autocomplete .ui-menu-item:hover { background: #eee; } header .mega-search-container .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { border: 0; display: block; padding: 10px 15px; text-align: right; color: #333; } @media screen and (max-width: 580px) { .logo-container .stars-logo { display: none; } } footer { position: relative; text-align: right; z-index: 30; } .contrast-yellow-theme footer, .contrast-green-theme footer { border-top: 1px solid transparent; } body.contrast-yellow-theme footer { border-top-color: #ff0; } body.contrast-green-theme footer { border-top-color: lime; } footer:before, footer:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 50%; } footer:before { right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; background: #d8d9dab3; width: 100%; height: 100%; } footer:after { left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } footer .container { position: relative; z-index: 10; } footer .back-to-top-btn { position: absolute; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } footer .footer-content { overflow: hidden; position: relative; margin: 0 -15px; } .footer .footer-menu, footer .footer-keep-touch { padding: 20px 20px 0 20px; position: relative; } footer .footer-menu:before, footer .footer-keep-touch:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 9999px; margin-bottom: -9999px; z-index: -1; } footer .footer-menu { -webkit-transition: all 0.3s; transition: all 0.3s; } footer .footer-menu:before { -webkit-transition: all 0.3s; transition: all 0.3s; } footer .footer-menu .footer-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } footer .footer-menu .uae-government-logo { padding: 10px; display: flex; } .uae-government-text { margin-top: 19px; margin-left: 12px; text-align: center; color: #083e6c; font-weight: 600; display:none; } footer .footer-menu .tra-logo { display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 10px; } .footer-quick-links { display: inline-block; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer-quick-links { border-bottom-color: #ff0; } .footer-quick-links { border-bottom-color: lime; } .footer-quick-links ul { float: right; width: calc(100% / 2); } .footer-quick-links ul a { display: block; margin-bottom: 15px; line-height: 1.2em; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer-quick-links ul a { color: #ff0; } .footer-quick-links ul a { color: lime; } footer .footer-menu .copy-rights { display: inline-block; width: 100%; text-align: center; } footer .footer-menu .copy-rights .form-section { margin-bottom: 15px; } footer .footer-menu .copy-rights .form-title { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .footer-menu .copy-rights .form-title:before { content: ""; display: block; } footer .footer-menu .copy-rights h3 { padding-left: 0; font-size: 13px; color: #414141; line-height: 26px; } footer .footer-menu .copy-rights .footer-social-media { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; background: #d8d9da; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme footer .footer-menu .copy-rights .footer-social-media { background: blue; } body.contrast-green-theme footer .footer-menu .copy-rights .footer-social-media { background: #000; } footer .footer-menu .copy-rights .footer-social-media ul li { padding: 0 3px; float: right; } footer .footer-menu .copy-rights .footer-social-media ul li a { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme footer .footer-menu .copy-rights .footer-social-media ul li a { color: blue; } body.contrast-green-theme footer .footer-menu .copy-rights .footer-social-media ul li a { color: #000; } body.contrast-yellow-theme footer .footer-menu .copy-rights .footer-social-media ul li a { background: #ff0; } body.contrast-green-theme footer .footer-menu .copy-rights .footer-social-media ul li a { background: lime; } body.contrast-yellow-theme footer .footer-menu .copy-rights .footer-social-media ul li a:hover { background: #b3b300; } body.contrast-green-theme footer .footer-menu .copy-rights .footer-social-media ul li a:hover { background: #00b300; } footer .footer-menu .copy-rights span { display: inline-block; overflow: hidden; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 600; } body.contrast-yellow-theme footer .footer-menu .copy-rights span { color: #ff0; } body.contrast-green-theme footer .footer-menu .copy-rights span { color: lime; } footer .footer-menu .footer-website-info { padding: 30px 0 0; border-top: 1px solid #ccc; color: #626262; } footer .footer-keep-touch { overflow: hidden; color: #626262; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme footer .footer-keep-touch { color: blue; } body.contrast-green-theme footer .footer-keep-touch { color: #000; } body.contrast-yellow-theme footer .footer-keep-touch:before { background: #ff0; } body.contrast-green-theme footer .footer-keep-touch:before { background: lime; } footer .footer-keep-touch h2 { margin-bottom: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 20px; } footer .footer-keep-touch p { line-height: 1.5em; } footer .footer-keep-touch .footer-subscribe { margin: 15px 0 20px; display: inline-block; width: 100%; } footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn { float: right; width: 110px; height: 48px; line-height: 48px; color: #fff; background: #083e6c; white-space: nowrap; cursor: pointer; padding: 0 15px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 18px; } body.contrast-yellow-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn { background: blue; } body.contrast-green-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn { background: #000; } body.contrast-yellow-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn { color: #ff0; } body.contrast-green-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn { color: lime; } body.contrast-yellow-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: #ff0; } body.contrast-green-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { background: lime; } body.contrast-yellow-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { color: blue; } body.contrast-green-theme footer .footer-keep-touch .footer-subscribe .footer-subscribe-btn:hover { color: #000; } footer .footer-keep-touch .footer-subscribe input[type="email"] { float: right; width: calc(100% - 110px); padding: 15px; background: #fff; height: 48px; display: block; } body.contrast-yellow-theme footer .footer-keep-touch .footer-subscribe input[type="email"] { background: blue; } body.contrast-green-theme footer .footer-keep-touch .footer-subscribe input[type="email"] { background: #000; } footer .footer-keep-touch .footer-subscribe .error { margin-top: 15px; display: block; clear: both; background: #e40000; padding: 15px; color: #ffffff; } footer .footer-keep-touch .footer-app { margin: 15px -7px 0; display: inline-block; width: 100%; } footer .footer-keep-touch .footer-app a { display: inline-block; border-radius: 6px; margin: 0 7px; position: relative; overflow: hidden; margin-bottom: 10px; } footer .footer-keep-touch .footer-app a:not(.tra-logo):before { content: ""; display: block; width: 55%; position: absolute; top: 0; bottom: 1px; right: -10%; background: #fff; opacity: 0.3; -webkit-transform: skew(35deg); transform: skew(35deg); -webkit-transition: all 0.4s; transition: all 0.4s; } footer .footer-keep-touch .footer-app a:not(.tra-logo):hover:before { right: 110%; width: 25%; } footer .footer-keep-touch .footer-app a.tra-logo { width: 285px; height: 41px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } footer .footer-keep-touch .footer-app a.tra-logo img { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; } footer .footer-keep-touch .footer-app a img { display: block; } footer .footer-keep-touch .footer-website-info { display: none; color: #626262; } footer .footer-inquiries { margin-bottom: 20px; } footer .footer-inquiries .inquiry-number { font-size: 2rem; } footer .footer-website-info { margin-top: 5px; text-align: right; z-index: 10; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .contrast-yellow-theme footer .footer-website-info p, .contrast-green-theme footer .footer-website-info p { font-weight: bold; } body.contrast-yellow-theme footer .footer-website-info { color: blue; } body.contrast-green-theme footer .footer-website-info { color: #000; } footer .footer-website-info .container { margin: 0; } footer .footer-website-info p { margin-bottom: 2px; } footer .footer-website-info p:last-child { margin-bottom: 0; } .first-time-banner-container { position: fixed; z-index: -10; top: 30px; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s ease 0.3s; transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s ease 0.3s; } .first-time-banner-container.active { z-index: 2500; top: 0; visibility: visible; opacity: 1; -webkit-transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s; transition: top 0.3s, visibility 0.3s, opacity 0.3s, z-index 0s; } .first-time-banner-container .first-time-banner-dim { position: absolute; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; } .first-time-banner-container .first-time-banner { position: relative; z-index: 100; width: 85%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .first-time-banner-container .video-banner { position: relative; overflow: hidden; width: 100%; height: 40vw; max-height: 69vh; } .first-time-banner-container .video-banner video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } @media (min-width: 1200px) { .first-time-banner-container .video-banner { height: 85vw; } } .first-time-banner-container .first-time-banner-close { position: absolute; display: block; width: 30px; height: 30px; border-radius: 100%; background: #000; border: 1px solid #fff; right: 0; top: 0; cursor: pointer; z-index: 1; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .first-time-banner-container .first-time-banner-close:before, .first-time-banner-container .first-time-banner-close:after { content: ""; display: block; width: 2px; background: #fff; position: absolute; top: 4px; bottom: 4px; left: 50%; } .first-time-banner-container .first-time-banner-close:before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .first-time-banner-container .first-time-banner-close:after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .first-time-banner-container img { width: 100%; } .first-time-banner-container .first-time-banner-info { position: absolute; bottom: 35px; right: 35px; } @media (min-width: 1200px) { .first-time-banner-container .first-time-banner { width: 40%; } } .social-media-container { text-align: right; } .inner-socia-media-feed .social-media-container { width: 100%; margin: 0; } .social-media-container h2 { font: bold 1.55556rem/1em "Cairo"; color: #fff; text-align: center; margin-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .social-media-container h2 { color: #ff0; } body.contrast-green-theme .social-media-container h2 { color: lime; } .social-media-container .social-media-items-container { text-align: center; margin-bottom: 30px; } body.contrast-yellow-theme .social-media-container .social-media-items-container { background: blue; } body.contrast-green-theme .social-media-container .social-media-items-container { background: #000; } .contrast-yellow-theme .social-media-container .social-media-items-container, .contrast-green-theme .social-media-container .social-media-items-container { border: 1px solid transparent; } body.contrast-yellow-theme .social-media-container .social-media-items-container { border-color: #ff0; } body.contrast-green-theme .social-media-container .social-media-items-container { border-color: lime; } .social-media-container .social-media-items-container .social-media-al { text-align: left; } .social-media-container .social-media-tabs { display: inline-block; padding-left: 50px; } .social-media-container .social-media-tabs a { display: block; float: left; height: 45px; text-align: center; background: #fff; padding: 10px; margin: 0 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .social-media-container .social-media-tabs a { background: blue; } body.contrast-green-theme .social-media-container .social-media-tabs a { background: #000; } body.contrast-yellow-theme .social-media-container .social-media-tabs a { color: #ff0; } body.contrast-green-theme .social-media-container .social-media-tabs a { color: lime; } .contrast-yellow-theme .social-media-container .social-media-tabs a, .contrast-green-theme .social-media-container .social-media-tabs a { border: 1px solid transparent; } body.contrast-yellow-theme .contrast-yellow-theme .social-media-container .social-media-tabs a, body.contrast-yellow-theme .contrast-green-theme .social-media-container .social-media-tabs a { border-color: #ff0; } body.contrast-green-theme .contrast-yellow-theme .social-media-container .social-media-tabs a, body.contrast-green-theme .contrast-green-theme .social-media-container .social-media-tabs a { border-color: lime; } .social-media-container .social-media-tabs a .social-media-icon { float: right; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; background: #a2a2a2; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .social-media-container .social-media-tabs a .social-media-icon { background: #ff0; } body.contrast-green-theme .social-media-container .social-media-tabs a .social-media-icon { background: lime; } body.contrast-yellow-theme .social-media-container .social-media-tabs a .social-media-icon { color: blue; } body.contrast-green-theme .social-media-container .social-media-tabs a .social-media-icon { color: #000; } .social-media-container .social-media-tabs a .social-media-icon i { -webkit-transition: none; transition: none; } .social-media-container .social-media-tabs a .social-media-icon i:hover { background: unset !important; } body.default-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: #b68a35 !important; } body.red-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: #c8102e !important; } body.green-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: #00843d !important; } body.gray-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: #676767 !important; } body.contrast-yellow-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: #ff0 !important; } body.contrast-green-theme .social-media-container .social-media-tabs a .social-media-icon i:hover { color: lime !important; } .social-media-container .social-media-tabs a .social-media-icon i:after { display: none; } .social-media-container .social-media-tabs a span { line-height: 25px; } .social-media-container .social-media-tabs a.active, .social-media-container .social-media-tabs a:hover { color: #fff !important; } body.contrast-yellow-theme .social-media-container .social-media-tabs a.active, body.contrast-yellow-theme .social-media-container .social-media-tabs a:hover { background: #ff0; } body.contrast-green-theme .social-media-container .social-media-tabs a.active, body.contrast-green-theme .social-media-container .social-media-tabs a:hover { background: lime; } body.contrast-yellow-theme .social-media-container .social-media-tabs a.active, body.contrast-yellow-theme .social-media-container .social-media-tabs a:hover { color: blue !important; } body.contrast-green-theme .social-media-container .social-media-tabs a.active, body.contrast-green-theme .social-media-container .social-media-tabs a:hover { color: #000 !important; } .social-media-container .social-media-tabs a.active .social-media-icon, .social-media-container .social-media-tabs a:hover .social-media-icon { background: #fff; } body.contrast-yellow-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.contrast-yellow-theme .social-media-container .social-media-tabs a:hover .social-media-icon { background: blue; } body.contrast-green-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.contrast-green-theme .social-media-container .social-media-tabs a:hover .social-media-icon { background: #000; } body.contrast-yellow-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.contrast-yellow-theme .social-media-container .social-media-tabs a:hover .social-media-icon { color: #ff0; } body.contrast-green-theme .social-media-container .social-media-tabs a.active .social-media-icon, body.contrast-green-theme .social-media-container .social-media-tabs a:hover .social-media-icon { color: lime; } .social-media-container .social-media-content { position: relative; } .social-media-container .social-media-feed-container { overflow: hidden; } .social-media-container .social-media-feed-container .slick-list { margin: 0 -10px; } .social-media-container .social-media-feed-container .social-media-item a { padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 304px; color: #000; } body.contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a { color: #ff0; } body.contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a { color: lime; } .social-media-container .social-media-feed-container .social-media-item a .social-media-img, .social-media-container .social-media-feed-container .social-media-item a .social-media-info { min-height: 50%; max-height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .social-media-container .social-media-feed-container .social-media-item a .social-media-img { width: 100%; overflow: hidden; background: #ccc; } .contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img, .contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img { border: 1px solid transparent; } body.contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img { border-color: #ff0; } body.contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-img { border-color: lime; } .social-media-container .social-media-feed-container .social-media-item a .social-media-img img { width: 100%; } .social-media-container .social-media-feed-container .social-media-item a .social-media-info { background: rgba(255, 255, 255, 0.9); padding: 20px; overflow: hidden; text-align: right; } .contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info, .contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info { border: 1px solid transparent; } body.contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info { background: blue; } body.contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info { background: #000; } body.contrast-yellow-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info { border-color: #ff0; } body.contrast-green-theme .social-media-container .social-media-feed-container .social-media-item a .social-media-info { border-color: lime; } .social-media-container .social-media-feed-container .social-media-item a .social-media-info .social-media-title { font: bold 0.77778rem/1.7em "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } .social-media-container .social-media-feed-container .social-media-item a .social-media-info P { font: normal 0.77778rem/1.5em "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } .social-media-container #twitter-feed .social-media-feed-container .social-media-item .social-media-img.default-img:before { content: "\e90c"; } .social-media-container .social-media-feed-carousel { z-index: -1; display: none; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s; -webkit-transition: opacity 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s; transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; } .social-media-container .social-media-feed-carousel.active { z-index: 10; display: block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; } .social-media-container .social-media-feed-carousel .empty-message, .social-media-container .social-media-feed-carousel .listing-container .listing-items-container .empty-listing-item, .listing-container .listing-items-container .social-media-container .social-media-feed-carousel .empty-listing-item { position: relative; top: 50%; padding: 0 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .social-media-container .social-media-feed-carousel .empty-message .item-border, .social-media-container .social-media-feed-carousel .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container .social-media-container .social-media-feed-carousel .empty-listing-item .item-border { border-color: #a2a2a2; } body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .empty-message .item-border, body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .empty-listing-item .item-border { border-color: #ff0; } body.contrast-green-theme .social-media-container .social-media-feed-carousel .empty-message .item-border, body.contrast-green-theme .social-media-container .social-media-feed-carousel .listing-container .listing-items-container .empty-listing-item .item-border, .listing-container .listing-items-container body.contrast-green-theme .social-media-container .social-media-feed-carousel .empty-listing-item .item-border { border-color: lime; } .social-media-container .social-media-feed-carousel .social-media-feed-nav-container { text-align: center; } .social-media-container .social-media-feed-carousel .social-media-feed-nav { display: none; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .social-media-container .social-media-feed-carousel .social-media-feed-nav a { width: 70px; height: 70px; background: rgba(0, 0, 0, 0.7); position: absolute; top: 160px; color: #fff; font-size: 2rem; line-height: 68px; } body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a { background: #ff0; } body.contrast-green-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a { background: lime; } body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a { color: blue; } body.contrast-green-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a { color: #000; } .social-media-container .social-media-feed-carousel .social-media-feed-nav a:hover { background: #000; } body.contrast-yellow-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a:hover { background: #b3b300; } body.contrast-green-theme .social-media-container .social-media-feed-carousel .social-media-feed-nav a:hover { background: #00b300; } .social-media-container .social-media-feed-carousel .social-media-feed-nav a.prev-btn { left: 0; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .social-media-container .social-media-feed-carousel .social-media-feed-nav a.next-btn { right: 0; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .social-media-container .social-media-feed-loader { position: relative; height: 304px; width: 100%; background: #f2f2f2; z-index: 30; } body.contrast-yellow-theme .social-media-container .social-media-feed-loader { background: blue; } body.contrast-green-theme .social-media-container .social-media-feed-loader { background: #000; } .inner-banner { height: auto; padding: 30px 0; position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #ccc url("../images/inner-banner-2.jpg") center/cover no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-banner { background: blue !important; } body.contrast-green-theme .inner-banner { background: #000 !important; } body.contrast-yellow-theme .inner-banner { border-top-color: #ff0; } body.contrast-green-theme .inner-banner { border-top-color: lime; } body.contrast-yellow-theme .inner-banner { border-bottom-color: #ff0; } body.contrast-green-theme .inner-banner { border-bottom-color: lime; } .contrast-green-theme .inner-banner, .contrast-yellow-theme .inner-banner { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .minister-news .inner-banner { background: none; } .inner-banner .container { z-index: 10; } .inner-banner .banner-info-container { text-align: right; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .inner-banner .banner-info-container .banner-info { width: 95%; color: #fff; } body.contrast-yellow-theme .inner-banner .banner-info-container .banner-info { color: #ff0; } body.contrast-green-theme .inner-banner .banner-info-container .banner-info { color: lime; } .inner-banner .bread-crumb { margin-bottom: 15px; } .inner-banner .bread-crumb a, .inner-banner .bread-crumb span { display: inline-block; margin-left: 10px; font: normal 0.88889rem/1.11111rem "Cairo"; color: #fff; white-space: normal; vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-banner .bread-crumb a, body.contrast-yellow-theme .inner-banner .bread-crumb span { color: #ff0; } body.contrast-green-theme .inner-banner .bread-crumb a, body.contrast-green-theme .inner-banner .bread-crumb span { color: lime; } .inner-banner h1 { font: bold 2.55556rem/2.77778rem "Cairo"; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .inner-banner p { font: normal 1rem/1.66667rem "Cairo"; width: 60%; -webkit-transition: all 0.3s; transition: all 0.3s; } .inner-banner .flying-social-media-container { bottom: 0; } .inner-banner .flying-social-media-container .flying-social-media { margin-bottom: 10px; } .inner-banner .flying-social-media-container .happiness-meter { bottom: -10px; } .form-section { margin-bottom: 40px; } .form-section:last-child { margin-bottom: 0; } .form-section.form-view-mode { background: #f2f2f2; padding: 20px; margin-bottom: 10px; } body.contrast-yellow-theme .form-section.form-view-mode { background: blue; } body.contrast-green-theme .form-section.form-view-mode { background: #000; } .form-section.form-view-mode:last-child { margin-bottom: 30px; } .form-section.form-view-mode.payment-form-section { margin-bottom: 0px; } .form-section.form-view-mode .form-fields .field-container { margin-bottom: 0; } .form-section.form-view-mode .form-fields .field-container label { font-weight: bold; } .form-section.form-view-mode .form-fields .field-container span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0px; } .form-section.form-view-mode .form-fields .field-container .title { color: #414141 !important; width: 100%; } body.contrast-yellow-theme .form-section.form-view-mode .form-fields .field-container .title { color: #ff0 !important; } body.contrast-green-theme .form-section.form-view-mode .form-fields .field-container .title { color: lime !important; } .form-section.inner-form-section .btns-container { margin: 30px -10px 0; text-align: right; } .form-section .form-title { position: relative; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .form-section .form-title:before { display: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; display: block; height: 1px; background: #bcbcbc; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body.contrast-yellow-theme .form-section .form-title:before { background: #ff0 !important; } body.contrast-green-theme .form-section .form-title:before { background: lime !important; } .form-section .form-title h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; display: inline-block; padding-left: 20px; position: relative; z-index: 10; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body.contrast-yellow-theme .form-section .form-title h3 { color: #ff0; } body.contrast-green-theme .form-section .form-title h3 { color: lime; } .form-section.form-with-flag .form-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-section.form-with-flag .form-title:before { right: 100px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .form-section.form-with-flag .form-title h3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .form-section.form-with-flag .form-title .flag { position: relative; height: 70px; background-size: cover; margin-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #efefef; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body.contrast-yellow-theme .form-section.form-with-flag .form-title .flag { border-color: #ff0; } body.contrast-green-theme .form-section.form-with-flag .form-title .flag { border-color: lime; } .form-section .form-fields { margin: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-section .form-fields form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .form-section .form-fields .field-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 10px; -ms-flex-line-pack: start; align-content: flex-start; text-align: right !important; } .form-section .form-fields .field-container ~ .error { color: red; font-size: 1rem; display: block; text-align: right; } .form-section .form-fields .field-container label, .form-section .form-fields .field-container .title { font: normal 0.8rem/1.11111rem "Cairo"; } .form-section .form-fields .field-container label b, .form-section .form-fields .field-container .title b { font: bold 0.88889rem/1.11111rem "Cairo"; } .form-section .form-fields .field-container .title { display: block; margin-bottom: 10px; min-height: 1.2em; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } body.contrast-yellow-theme .form-section .form-fields .field-container .title { color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .title { color: lime; } .form-section .form-fields .field-container .title.empty-title { display: none; } .form-section .form-fields .field-container .small-control { width: 50%; } .form-section .form-fields .field-container .dark-field:before { color: #fff !important; border-color: #fff; } body.contrast-yellow-theme .form-section .form-fields .field-container .dark-field:before { color: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .dark-field:before { color: lime !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .dark-field:before { border-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .dark-field:before { border-color: lime; } .form-section .form-fields .field-container .dark-field .field { color: #fff !important; background: #5b5b5b !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .dark-field .field { color: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .dark-field .field { color: lime !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .dark-field .field { background: blue !important; } body.contrast-green-theme .form-section .form-fields .field-container .dark-field .field { background: #000 !important; } .form-section .form-fields .field-container .dark-field.field-upload-control .camouflage-upload-field:hover { background: #2d2d2d; } body.contrast-yellow-theme .form-section .form-fields .field-container .dark-field.field-upload-control .camouflage-upload-field:hover { background: blue; } body.contrast-green-theme .form-section .form-fields .field-container .dark-field.field-upload-control .camouflage-upload-field:hover { background: #000; } .form-section .form-fields .field-container .field-with-info { -webkit-box-flex: 0; -ms-flex: 0 0 1; flex: 0 0 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .form-section .form-fields .field-container.full-width .field-with-info { width: 100%; } .form-section .form-fields .field-container.full-width .field-with-info .field { width: 100%; } .form-section .form-fields .field-container .form-info { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 15px; } .form-section .form-fields .field-container .form-info i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } body.contrast-yellow-theme .form-section .form-fields .field-container .form-info i { color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .form-info i { color: lime; } .form-section .form-fields .field-container .form-info .form-info-inner-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-right: 20px; width: 100%; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body { position: relative; background: #ffefd6; color: #787878; min-height: 50px; padding: 20px; } body.contrast-yellow-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body { background: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body { background: lime !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body { color: blue; } body.contrast-green-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body { color: #000; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body, .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body * { font: normal 0.88889rem/1.22222rem "Cairo"; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body:before { content: ""; display: block; position: absolute; top: 50%; left: 100%; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ffefd6; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body:before { border-left-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body:before { border-left-color: lime; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body * { display: inline-block; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul { width: 100%; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul li { margin-left: 7px; font-size: 0.9rem; margin-bottom: 3px; width: 100%; word-break: break-word; } .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul li:before { content: ""; width: 5px; height: 5px; background: #787878; border-radius: 100%; margin-left: 3px; } body.contrast-yellow-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul li:before { background: blue; } body.contrast-green-theme .form-section .form-fields .field-container .form-info .form-info-inner-container .form-info-body ul li:before { background: #000; } .form-section .form-fields .field-container .upload-field { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .form-section .form-fields .field-container .upload-field + .camouflage-upload-field { display: block; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .form-section .form-fields .field-container .img-upload-control { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .form-section .form-fields .field-container .img-control, .form-section .form-fields .field-container .img-upload-fields { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .form-section .form-fields .field-container .img-control { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; margin-bottom: 15px; border-radius: 100%; overflow: hidden; background: #efefef; width: 110px; padding-bottom: 110px; } body.contrast-yellow-theme .form-section .form-fields .field-container .img-control { background: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .img-control { background: lime; } .form-section .form-fields .field-container .img-control .img-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; font-size: 55px; text-align: center; line-height: 110px; } body.contrast-yellow-theme .form-section .form-fields .field-container .img-control .img-container { color: blue; } body.contrast-green-theme .form-section .form-fields .field-container .img-control .img-container { color: #000; } .form-section .form-fields .field-container .img-upload-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .form-section .form-fields .field-container .date-control, .form-section .form-fields .field-container .select-control, .form-section .form-fields .field-container .field-upload-control { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .form-section .form-fields .field-container .date-control:before, .form-section .form-fields .field-container .select-control:before, .form-section .form-fields .field-container .field-upload-control:before { position: absolute; top: 24px; display: block; left: 0; padding: 0 10px; line-height: 1.8rem; border-right: 1px solid transparent; pointer-events: none; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .form-section .form-fields .field-container .date-control:before, body.contrast-yellow-theme .form-section .form-fields .field-container .select-control:before, body.contrast-yellow-theme .form-section .form-fields .field-container .field-upload-control:before { border-color: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .date-control:before, body.contrast-green-theme .form-section .form-fields .field-container .select-control:before, body.contrast-green-theme .form-section .form-fields .field-container .field-upload-control:before { border-color: lime !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .date-control:before, body.contrast-yellow-theme .form-section .form-fields .field-container .select-control:before, body.contrast-yellow-theme .form-section .form-fields .field-container .field-upload-control:before { color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .date-control:before, body.contrast-green-theme .form-section .form-fields .field-container .select-control:before, body.contrast-green-theme .form-section .form-fields .field-container .field-upload-control:before { color: lime; } .form-section .form-fields .field-container .date-control .field, .form-section .form-fields .field-container .select-control .field, .form-section .form-fields .field-container .field-upload-control .field { padding-left: 45px !important; cursor: pointer; } .form-section .form-fields .field-container .select-control .field { color: #c7c7c7 !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .select-control .field { color: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .select-control .field { color: lime !important; } .form-section .form-fields .field-container .select-control .field option { color: #787878 !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .select-control .field option { color: #ff0 !important; } body.contrast-green-theme .form-section .form-fields .field-container .select-control .field option { color: lime !important; } .form-section .form-fields .field-container .select-control .field option:not([selected]):checked { color: #fff !important; } body.contrast-yellow-theme .form-section .form-fields .field-container .select-control .field option:not([selected]):checked { color: blue !important; } body.contrast-green-theme .form-section .form-fields .field-container .select-control .field option:not([selected]):checked { color: #000 !important; } .form-section .form-fields .field-container .date-control:before { font-size: 1.2em; } .form-section .form-fields .field-container .options-container, .form-section .form-fields .field-container .checkbox-container { margin: -5px -10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-section .form-fields .field-container .options-container .option-field, .form-section .form-fields .field-container .options-container .checkbox-field, .form-section .form-fields .field-container .checkbox-container .option-field, .form-section .form-fields .field-container .checkbox-container .checkbox-field { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-section .form-fields .field-container .options-container .option-field label, .form-section .form-fields .field-container .options-container .checkbox-field label, .form-section .form-fields .field-container .checkbox-container .option-field label, .form-section .form-fields .field-container .checkbox-container .checkbox-field label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; font: normal 0.88889rem/1.2em "Cairo"; padding-right: 30px; cursor: pointer; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field label, body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field label, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field label, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field label, body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field label, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field label, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label { color: lime; } .form-section .form-fields .field-container .options-container .option-field label:before, .form-section .form-fields .field-container .options-container .checkbox-field label:before, .form-section .form-fields .field-container .checkbox-container .option-field label:before, .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before { content: ""; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16px; height: 16px; border: 1px solid #787878; background: #fff; border-radius: 100%; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before { border-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before { border-color: lime; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before { background: blue; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before { background: #000; } .form-section .form-fields .field-container .options-container .option-field input, .form-section .form-fields .field-container .options-container .checkbox-field input, .form-section .form-fields .field-container .checkbox-container .option-field input, .form-section .form-fields .field-container .checkbox-container .checkbox-field input { width: 0; height: 0; opacity: 0; position: absolute; z-index: -10; visibility: hidden; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before { background: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before { background: lime; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before { border-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field input:checked + label:before, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:before { border-color: lime; } .form-section .form-fields .field-container .options-container .option-field label:after, .form-section .form-fields .field-container .checkbox-container .option-field label:after { content: ""; display: block; width: 8px; height: 8px; background: #ffffff; border-radius: 100%; position: absolute; top: calc(18px / 2); right: calc(18px / 2); z-index: 10; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .option-field label:after, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .option-field label:after { background: blue; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .option-field label:after, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .option-field label:after { background: #000; } .dir-rtl .form-section .form-fields .field-container .options-container .option-field label:after, .dir-rtl .form-section .form-fields .field-container .checkbox-container .option-field label:after { -webkit-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } .form-section .form-fields .field-container .options-container .checkbox-field label, .form-section .form-fields .field-container .checkbox-container .checkbox-field label { margin-bottom: 10px; } .form-section .form-fields .field-container .options-container .checkbox-field label:before, .form-section .form-fields .field-container .options-container .checkbox-field label:after, .form-section .form-fields .field-container .checkbox-container .checkbox-field label:before, .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { border-radius: 0; } .form-section .form-fields .field-container .options-container .checkbox-field label:after, .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { content: ""; display: block; width: 14px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; top: 2px; left: 1px; z-index: 10; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field label:after, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { border-bottom-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field label:after, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { border-bottom-color: lime; } body.contrast-yellow-theme .form-section .form-fields .field-container .options-container .checkbox-field label:after, body.contrast-yellow-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { border-left-color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .options-container .checkbox-field label:after, body.contrast-green-theme .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { border-left-color: lime; } .dir-rtl .form-section .form-fields .field-container .options-container .checkbox-field label:after, .dir-rtl .form-section .form-fields .field-container .checkbox-container .checkbox-field label:after { right: -5px; left: auto; } .form-section .form-fields .field-container .options-container .checkbox-field input:checked + label:after, .form-section .form-fields .field-container .checkbox-container .checkbox-field input:checked + label:after { opacity: 1; } .form-section .form-fields .field-container .view-mode-label { color: #414141; } body.contrast-yellow-theme .form-section .form-fields .field-container .view-mode-label { color: #ff0; } body.contrast-green-theme .form-section .form-fields .field-container .view-mode-label { color: lime; } .form-section .form-fields .field-container.field-with-clear-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-section .form-fields .field-container.field-with-clear-container .clear-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-section .form-fields .field-container.field-with-clear-container .clear-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .form-section .form-fields .field-container .msg { margin-top: 15px 0 0 !important; } .form-section .field-validation-error { color: #f02828; padding: 10px; display: block; border: 1px solid #f02828; margin-top: 10px; font-size: 14px; position: relative; width: 100%; } .form-section .field-validation-error:before, .form-section .field-validation-error:after { content: ""; display: block; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #f02828; position: absolute; bottom: 100%; right: 5%; } .form-section .field-validation-error:after { border-bottom-color: #fff; bottom: calc(100% - 1px); } body.contrast-yellow-theme .form-section .field-validation-error:after { border-bottom-color: blue; } body.contrast-green-theme .form-section .field-validation-error:after { border-bottom-color: #000; } .form-section .field-validation-error span { position: relative; padding-right: 10px; display: block; } .form-section .field-validation-error span:before { content: ""; display: inline-block; width: 4px; height: 4px; background: #f02828; border-radius: 100%; position: absolute; right: 0; top: 6px; } .dir-rtl .form-section .field-validation-error span:before { top: 12px; } .form-section .field-validation-error span + span { margin-top: 3px; } .form-section.collapsable { padding-bottom: 0; margin-bottom: 0 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .form-section.collapsable .form-title { cursor: pointer; } .form-section.collapsable .form-title h3 { position: relative; padding-right: 35px; -webkit-transition: all 0.3s; transition: all 0.3s; } .form-section.collapsable .form-title h3:before, .form-section.collapsable .form-title h3:after { content: ""; display: block; width: 25px; height: 3px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .form-section.collapsable .form-title h3:before, body.contrast-yellow-theme .form-section.collapsable .form-title h3:after { color: #ff0; } body.contrast-green-theme .form-section.collapsable .form-title h3:before, body.contrast-green-theme .form-section.collapsable .form-title h3:after { color: lime; } .form-section.collapsable .form-title h3:after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } body.contrast-yellow-theme .form-section.collapsable .form-title:hover h3 { color: #b3b300; } body.contrast-green-theme .form-section.collapsable .form-title:hover h3 { color: #00b300; } body.contrast-yellow-theme .form-section.collapsable .form-title:hover h3:before, body.contrast-yellow-theme .form-section.collapsable .form-title:hover h3:after { background: #b3b300; } body.contrast-green-theme .form-section.collapsable .form-title:hover h3:before, body.contrast-green-theme .form-section.collapsable .form-title:hover h3:after { background: #00b300; } .form-section.collapsable.active { padding-bottom: 30px; } body.contrast-yellow-theme .form-section.collapsable.active .form-title h3 { color: #ff0; } body.contrast-green-theme .form-section.collapsable.active .form-title h3 { color: lime; } body.contrast-yellow-theme .form-section.collapsable.active .form-title h3:before, body.contrast-yellow-theme .form-section.collapsable.active .form-title h3:after { background: #ff0; } body.contrast-green-theme .form-section.collapsable.active .form-title h3:before, body.contrast-green-theme .form-section.collapsable.active .form-title h3:after { background: lime; } .form-section.collapsable.active .form-title h3:after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } .form-section.collapsable .form-fields { display: none; } .msg { display: inline-block; width: 100%; margin-bottom: 15px; padding: 5px 0; } .msg i, .msg span { padding: 10px 15px; } .msg i { width: 60px; color: #fff; font-size: 13px; } body.contrast-yellow-theme .msg i { color: #ff0; } body.contrast-green-theme .msg i { color: lime; } .msg i:before { width: 25px; height: 25px; display: block; border-radius: 100%; text-align: center; line-height: 25px; margin: 0 auto; } .msg span { font: normal 0.88889rem/1rem "Cairo"; width: calc(100% - 70px); } .msg span .required { padding: 0; } .msg span *:not(div) { display: inline !important; } .msg span * div { margin-top: 5px; } .msg span * div:first-child { margin-top: 0; } .msg p { margin-bottom: 5px; } .msg p:last-child { margin-bottom: 0; } .msg.popup-msg i { width: 100px; font-size: 35px; } .msg.popup-msg i:before { width: 60px; height: 60px; line-height: 55px; } .msg.popup-msg span { font: normal 1rem/1.11111rem "Cairo"; width: calc(100% - 105px); } .msg.stand-alone-msg { width: 100%; margin: 0 auto; display: block; text-align: center; padding: 20px 30px; } .msg.stand-alone-msg i { display: block; width: 90%; padding-bottom: 20px; margin: 0 auto 10px; font-size: 50px; } .msg.stand-alone-msg i:before { width: 100px; height: 100px; line-height: 100px; } .msg.stand-alone-msg span { font: normal 1rem/1.11111rem "Cairo"; } .msg.success-msg { color: #09b766; background: #e7f8f0; } .msg.success-msg i { border-left: 1px solid #baead3; } .msg.success-msg i:before { background: #09b766; } .msg.success-msg span, .msg.success-msg span * { color: #09b766 !important; } .msg.success-msg.stand-alone-msg i { border-left: 0 !important; border-bottom: 1px solid #baead3 !important; } .msg.error-msg { color: #f02828; background: #fee; } .msg.error-msg i { border-left: 1px solid #fbc3b7; } .msg.error-msg i:before { background: #f02828; } .msg.error-msg span, .msg.error-msg span * { color: #f02828 !important; } .msg.error-msg.stand-alone-msg i { border-left: 0 !important; border-bottom: 1px solid #fbc3b7 !important; } .msg.warning-msg { color: #856404; background: #fff3cd; } .msg.warning-msg i { border-left: 1px solid #eac456; } .msg.warning-msg i:before { background: #856404; } .msg.warning-msg span, .msg.warning-msg span * { color: #856404 !important; } .msg.warning-msg.stand-alone-msg i { border-left: 0 !important; border-bottom: 1px solid #eac456 !important; } .msg.info-msg { color: #0c5460; background: #d1ecf1; } .msg.info-msg i { border-left: 1px solid #73b1bb; } .msg.info-msg i:before { background: #0c5460; } .msg.info-msg span, .msg.info-msg span * { color: #0c5460 !important; } .msg.info-msg.stand-alone-msg i { border-left: 0 !important; border-bottom: 1px solid #73b1bb !important; } body.contrast-yellow-theme .msg.success-msg, body.contrast-yellow-theme .msg.error-msg, body.contrast-yellow-theme .msg.warning-msg, body.contrast-yellow-theme .msg.info-msg { color: blue !important; } body.contrast-green-theme .msg.success-msg, body.contrast-green-theme .msg.error-msg, body.contrast-green-theme .msg.warning-msg, body.contrast-green-theme .msg.info-msg { color: #000 !important; } body.contrast-yellow-theme .msg.success-msg, body.contrast-yellow-theme .msg.error-msg, body.contrast-yellow-theme .msg.warning-msg, body.contrast-yellow-theme .msg.info-msg { background: #ff0 !important; } body.contrast-green-theme .msg.success-msg, body.contrast-green-theme .msg.error-msg, body.contrast-green-theme .msg.warning-msg, body.contrast-green-theme .msg.info-msg { background: lime !important; } body.contrast-yellow-theme .msg.success-msg i, body.contrast-yellow-theme .msg.error-msg i, body.contrast-yellow-theme .msg.warning-msg i, body.contrast-yellow-theme .msg.info-msg i { border-left-color: blue !important; } body.contrast-green-theme .msg.success-msg i, body.contrast-green-theme .msg.error-msg i, body.contrast-green-theme .msg.warning-msg i, body.contrast-green-theme .msg.info-msg i { border-left-color: #000 !important; } body.contrast-yellow-theme .msg.success-msg i:before, body.contrast-yellow-theme .msg.error-msg i:before, body.contrast-yellow-theme .msg.warning-msg i:before, body.contrast-yellow-theme .msg.info-msg i:before { background: blue !important; } body.contrast-green-theme .msg.success-msg i:before, body.contrast-green-theme .msg.error-msg i:before, body.contrast-green-theme .msg.warning-msg i:before, body.contrast-green-theme .msg.info-msg i:before { background: #000 !important; } body.contrast-yellow-theme .msg.success-msg span, body.contrast-yellow-theme .msg.success-msg span *, body.contrast-yellow-theme .msg.error-msg span, body.contrast-yellow-theme .msg.error-msg span *, body.contrast-yellow-theme .msg.warning-msg span, body.contrast-yellow-theme .msg.warning-msg span *, body.contrast-yellow-theme .msg.info-msg span, body.contrast-yellow-theme .msg.info-msg span * { color: blue !important; } body.contrast-green-theme .msg.success-msg span, body.contrast-green-theme .msg.success-msg span *, body.contrast-green-theme .msg.error-msg span, body.contrast-green-theme .msg.error-msg span *, body.contrast-green-theme .msg.warning-msg span, body.contrast-green-theme .msg.warning-msg span *, body.contrast-green-theme .msg.info-msg span, body.contrast-green-theme .msg.info-msg span * { color: #000 !important; } body.contrast-yellow-theme .msg.success-msg.stand-alone-msg i, body.contrast-yellow-theme .msg.error-msg.stand-alone-msg i, body.contrast-yellow-theme .msg.warning-msg.stand-alone-msg i, body.contrast-yellow-theme .msg.info-msg.stand-alone-msg i { border-bottom-color: blue !important; } body.contrast-green-theme .msg.success-msg.stand-alone-msg i, body.contrast-green-theme .msg.error-msg.stand-alone-msg i, body.contrast-green-theme .msg.warning-msg.stand-alone-msg i, body.contrast-green-theme .msg.info-msg.stand-alone-msg i { border-bottom-color: #000 !important; } .btns-container { margin-top: 30px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .btns-container .btn { min-width: calc((95% / 3) - 10px); display: inline-block; margin: 0 0 20px; height: 44px; line-height: 42px; padding: 0 10px; font-size: 1rem; } .btns-container .btn.full-width { margin-left: 0 !important; margin-right: 0 !important; } .popup-content .btns-container .btn { padding-right: 20px; padding-left: 20px; } .required:after { content: "*"; display: inline-block; color: red; margin-right: 3px; } body.contrast-yellow-theme .required:after { color: #ff0; } body.contrast-green-theme .required:after { color: lime; } #datepickers-container { right: 0; } .g-recaptcha { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0; transform-origin: 0; } .dir-rtl .g-recaptcha { -webkit-transform-origin: 100%; transform-origin: 100%; } .dir-rtl .g-recaptcha iframe { width: 319px !important; } .contrast-yellow-theme .inner-latest-section, .contrast-green-theme .inner-latest-section { border-bottom: 1px solid transparent; } body.contrast-yellow-theme .inner-latest-section { border-bottom-color: #ff0; } body.contrast-green-theme .inner-latest-section { border-bottom-color: lime; } .inner-latest-section .latest-section-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .inner-latest-section .latest-section-title-wrapper h2 { margin-bottom: 0 !important; } .inner-latest-section .latest-section-title-wrapper a.rss-link { font-size: 1.6rem; color: #b68a35; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; transition: 0.3s; } .inner-latest-section .latest-section-title-wrapper a.rss-link span { margin-left: 10px; } body.contrast-yellow-theme .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #b3b300; } body.contrast-green-theme .inner-latest-section .latest-section-title-wrapper a.rss-link:hover { color: #00b300; } .inner-latest-section h2 { font: bold 1.55556rem/1.77778rem "Cairo"; margin-bottom: 30px; } body.contrast-yellow-theme .inner-latest-section h2 { color: #ff0; } body.contrast-green-theme .inner-latest-section h2 { color: lime; } .inner-latest-section .latest-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner-latest-section .item-border { border: 1px solid transparent; position: relative; height: 100%; overflow: hidden; padding: 15px 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } body.contrast-yellow-theme .inner-latest-section .item-border { border-color: #ff0; } body.contrast-green-theme .inner-latest-section .item-border { border-color: lime; } .inner-latest-section .item-border .latest-img, .inner-latest-section .item-border .latest-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .inner-latest-section .latest-img, .inner-latest-section .latest-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .inner-latest-section .latest-img { margin-bottom: 20px; } .inner-latest-section .latest-img-container { position: relative; width: 100%; height: 340px; } .contrast-yellow-theme .inner-latest-section .latest-img-container, .contrast-green-theme .inner-latest-section .latest-img-container { border: 1px solid transparent; } body.contrast-yellow-theme .inner-latest-section .latest-img-container { border-color: #ff0; } body.contrast-green-theme .inner-latest-section .latest-img-container { border-color: lime; } .inner-latest-section .latest-img-container .btn.read-more-btn { position: absolute; bottom: 0; left: 0; width: 50px; height: 50px; line-height: 50px; font-size: 22px; } .inner-latest-section h3 { font: normal 2rem/2.22222rem "Cairo"; margin-bottom: 20px; } body.contrast-yellow-theme .inner-latest-section h3 { color: #ff0; } body.contrast-green-theme .inner-latest-section h3 { color: lime; } .inner-latest-section .latest-date { display: block; font: normal 1rem/1em "Cairo"; } body.contrast-yellow-theme .inner-latest-section .latest-date { color: #ff0; } body.contrast-green-theme .inner-latest-section .latest-date { color: lime; } .inner-latest-section p { font: normal 0.88889rem/1.77778rem "Cairo"; } body.contrast-yellow-theme .inner-latest-section p { color: #ff0; } body.contrast-green-theme .inner-latest-section p { color: lime; } .listing-container { text-align: center; } .listing-container .listing-items-container { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .listing-container .listing-items-container .listing-item, .listing-container .listing-items-container .empty-listing-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 30px; padding: 0 15px; } .listing-container .listing-items-container .listing-item .item-border, .listing-container .listing-items-container .empty-listing-item .item-border { border: 1px solid transparent; position: relative; height: 100%; } body.contrast-yellow-theme .listing-container .listing-items-container .listing-item .item-border, body.contrast-yellow-theme .listing-container .listing-items-container .empty-listing-item .item-border { border-color: #ff0; } body.contrast-green-theme .listing-container .listing-items-container .listing-item .item-border, body.contrast-green-theme .listing-container .listing-items-container .empty-listing-item .item-border { border-color: lime; } .listing-container .listing-items-container .listing-item .listing-brief-tooltip { opacity: 0; z-index: -1; visibility: hidden; display: none; } body.contrast-yellow-theme .listing-container .listing-items-container .listing-item .listing-brief-tooltip { background: blue !important; } body.contrast-green-theme .listing-container .listing-items-container .listing-item .listing-brief-tooltip { background: #000 !important; } body.contrast-yellow-theme .listing-container .listing-items-container .listing-item .listing-brief-tooltip { color: #ff0 !important; } body.contrast-green-theme .listing-container .listing-items-container .listing-item .listing-brief-tooltip { color: lime !important; } .listing-container .listing-load-more-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; clear: both; display: block; text-align: center; padding: 0 15px; } .listing-container .listing-load-more-container .listing-load-more-btn { display: inline-block; text-transform: initial; } .listing-container .listing-load-more-container.exemption-more-btn { margin-top: 10px; } .details-container { display: inline-block; width: 100%; } .details-container .details-img, .details-container .details-video { margin-bottom: 30px; } .details-container .details-img .details-img-container { height: 330px; } .details-container .details-video { background: #000; } .details-container .details-info { overflow: hidden; margin-bottom: 30px; } .details-container .details-info .details-share { margin-bottom: 30px; } .details-container .details-info h2 { margin-bottom: 15px; } .details-container .details-info .details-text, .details-container .details-info .details-text * { text-align: justify !important; } .details-container .details-info .contact-amb { margin: 10px 0; display: inline-block; font-size: 1.11111rem; } .details-container p { font: normal 0.88889rem/1.77778rem "Cairo"; margin-bottom: 20px; } body.contrast-yellow-theme .details-container p { color: #ff0 !important; } body.contrast-green-theme .details-container p { color: lime !important; } .details-container p.quote-text { width: calc(100% - 100px); margin: 0 auto 50px; position: relative; font: bold 1.27778rem/2.22222rem "Cairo"; font-style: italic; } body.contrast-yellow-theme .details-container p.quote-text { color: #ff0; } body.contrast-green-theme .details-container p.quote-text { color: lime; } .details-container p.quote-text:after { content: "\e91a"; top: 0; right: -10px; -webkit-transform: scale(-1) translateX(100%); transform: scale(-1) translateX(100%); } .details-container p.quote-text:before { content: "\e91a"; bottom: 0; left: -10px; -webkit-transform: translateX(100%); transform: translateX(100%); } .details-container p.quote-text:before, .details-container p.quote-text:after { font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; font-size: 1.77778rem; } .details-container p:last-of-type { margin-bottom: 0 !important; } .details-back-btn-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 30px; margin-right: -15px; margin-left: -15px; } .details-back-btn-container .details-back-btn { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 15px; margin-bottom: 10px; } body.contrast-yellow-theme .details-back-btn-container .details-back-btn { color: #ff0; } body.contrast-green-theme .details-back-btn-container .details-back-btn { color: lime; } .inner-related-section h3 { font: bold 1.38889rem/1.61111rem "Cairo"; margin-bottom: 25px; } body.contrast-yellow-theme .inner-related-section h3 { color: #ff0; } body.contrast-green-theme .inner-related-section h3 { color: lime; } .inner-related-section .related-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .inner-related-section .related-items .related-item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 15px; overflow: hidden; } body.contrast-yellow-theme .inner-related-section .related-items .related-item { color: #ff0; } body.contrast-green-theme .inner-related-section .related-items .related-item { color: lime; } .inner-related-section .related-items .related-info { padding: 8px 15px 15px; padding-right: 25px; position: relative; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-related-section .related-items .related-info { background: blue; } body.contrast-green-theme .inner-related-section .related-items .related-info { background: #000; } .inner-related-section .related-items .related-info:before { content: ""; display: Block; position: absolute; width: 15px; height: auto; background: #000; top: 15px; bottom: calc(100% - 30px); right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-related-section .related-items .related-info:before { background: #ff0; } body.contrast-green-theme .inner-related-section .related-items .related-info:before { background: lime; } body.contrast-yellow-theme .inner-related-section .related-items .related-info:hover { background: blue; } body.contrast-green-theme .inner-related-section .related-items .related-info:hover { background: #000; } .inner-related-section .related-items .related-info:hover:before { top: 0; } body.contrast-yellow-theme .inner-related-section .related-items .related-info:hover:before { background: #b3b300; } body.contrast-green-theme .inner-related-section .related-items .related-info:hover:before { background: #00b300; } .inner-related-section .related-items .related-info h4 { font: normal 1.11111rem/1.77778rem "Cairo"; margin-bottom: 5px; } body.contrast-yellow-theme .inner-related-section .related-items .related-info h4 { color: #ff0; } body.contrast-green-theme .inner-related-section .related-items .related-info h4 { color: lime; } .inner-related-section .related-items .related-info .related-date { font: normal 0.77778rem/1em "Cairo"; } body.contrast-yellow-theme .inner-related-section .related-items .related-info .related-date { color: #ff0; } body.contrast-green-theme .inner-related-section .related-items .related-info .related-date { color: lime; } .inner-related-section .statements-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .jsmaps-wrapper { width: 100% !important; height: auto !important; } .jsmaps-wrapper .jsmaps { background: #efefef; padding: 30px; text-align: center; display: none; } .contrast-yellow-theme .jsmaps-wrapper .jsmaps, .contrast-green-theme .jsmaps-wrapper .jsmaps { border: 1px solid transparent; } body.contrast-yellow-theme .jsmaps-wrapper .jsmaps { background: blue; } body.contrast-green-theme .jsmaps-wrapper .jsmaps { background: #000; } body.contrast-yellow-theme .jsmaps-wrapper .jsmaps { border-color: #ff0; } body.contrast-green-theme .jsmaps-wrapper .jsmaps { border-color: lime; } .jsmaps-wrapper svg { width: auto; min-width: 800px; max-width: 100% !important; height: 60vh !important; display: inline-block; } .jsmaps-wrapper#uae-map svg { min-width: 500px; } .jsmaps-wrapper:not(#uae-map) { background: #efefef; text-align: center; } .contrast-yellow-theme .jsmaps-wrapper:not(#uae-map), .contrast-green-theme .jsmaps-wrapper:not(#uae-map) { border: 1px solid transparent; } body.contrast-yellow-theme .jsmaps-wrapper:not(#uae-map) { background: blue; } body.contrast-green-theme .jsmaps-wrapper:not(#uae-map) { background: #000; } body.contrast-yellow-theme .jsmaps-wrapper:not(#uae-map) { border-color: #ff0; } body.contrast-green-theme .jsmaps-wrapper:not(#uae-map) { border-color: lime; } .jsmaps-wrapper:not(#uae-map) .jsmaps { display: none; border: 0 !important; } .jsmaps-wrapper path { opacity: 1 !important; stroke: #efefef; stroke-width: 0.5; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; fill: #c8c8c8; } .contrast-yellow-theme .jsmaps-wrapper path, .contrast-green-theme .jsmaps-wrapper path { stroke-width: 2px; } body.contrast-yellow-theme .jsmaps-wrapper path { stroke: #ff0; } body.contrast-green-theme .jsmaps-wrapper path { stroke: lime; } body.contrast-yellow-theme .jsmaps-wrapper path { fill: blue; } body.contrast-green-theme .jsmaps-wrapper path { fill: #000; } .jsmaps-wrapper path[fill] { opacity: 0 !important; } body.contrast-yellow-theme .jsmaps-wrapper path:hover, body.contrast-yellow-theme .jsmaps-wrapper path.region-selected { fill: #ff0; } body.contrast-green-theme .jsmaps-wrapper path:hover, body.contrast-green-theme .jsmaps-wrapper path.region-selected { fill: lime; } .jsmaps-wrapper .jsmaps-text { width: 100% !important; height: auto !important; display: block !important; float: none !important; margin-top: 30px !important; } #uae-map .jsmaps-wrapper .jsmaps-text { display: none; } body.contrast-yellow-theme .jsmaps-wrapper .jsmaps-text, body.contrast-yellow-theme .jsmaps-wrapper .jsmaps-text span { color: #ff0 !important; } body.contrast-green-theme .jsmaps-wrapper .jsmaps-text, body.contrast-green-theme .jsmaps-wrapper .jsmaps-text span { color: lime !important; } body.contrast-yellow-theme .jsmaps-wrapper .jsmaps-text a:not(.btn) { color: #ff0; } body.contrast-green-theme .jsmaps-wrapper .jsmaps-text a:not(.btn) { color: lime; } .jsmaps-select.mobile { position: relative; opacity: 1; visibility: visible; z-index: 0; } .jsmaps-select.mobile select { border-radius: 0; border-color: #c7c7c7 !important; padding: 10px 20px !important; padding-left: 45px !important; } .jsmaps-select.mobile .jsmaps-select-icon { left: 0; right: auto; border: 0; border-right: 1px solid #c9c9c9; color: #8a8a8a; height: 60%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .jsmaps-select.mobile .jsmaps-select-icon { color: #ff0; } body.contrast-green-theme .jsmaps-select.mobile .jsmaps-select-icon { color: lime; } body.contrast-yellow-theme .jsmaps-select.mobile .jsmaps-select-icon { border-color: #ff0; } body.contrast-green-theme .jsmaps-select.mobile .jsmaps-select-icon { border-color: lime; } .travel-statistics-map circle { r: 6 !important; } #chartdiv { width: 100%; height: 500px; } #chartdiv > div > div > a { display: none !important; } .media-listing .item-img { height: 420px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; position: relative; overflow: hidden; border: 1px solid #d2d2d2; } body.contrast-yellow-theme .media-listing .item-img { border-color: #ff0; } body.contrast-green-theme .media-listing .item-img { border-color: lime; } .media-listing .item-img .img-container { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .media-listing .item-img .item-details { position: relative; padding: 30px; color: #fff; height: 165px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #000; background: rgba(0, 0, 0, 0.6); } body.contrast-yellow-theme .media-listing .item-img .item-details { color: #ff0; } body.contrast-green-theme .media-listing .item-img .item-details { color: lime; } .contrast-yellow-theme .media-listing .item-img .item-details, .contrast-green-theme .media-listing .item-img .item-details { background: #000; background: rgba(0, 0, 0, 0.8); } .media-listing .item-img .item-details:before { content: ""; display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid #979797; opacity: 0.6; pointer-events: none; } body.contrast-yellow-theme .media-listing .item-img .item-details:before { border-color: #ff0; } body.contrast-green-theme .media-listing .item-img .item-details:before { border-color: lime; } .media-listing .item-img .item-details i, .media-listing .item-img .item-details h2, .media-listing .item-img .item-details h3, .media-listing .item-img .item-details .item-date, .media-listing .item-img .item-details .media-btns { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .media-listing .item-img .item-details i { font-size: 1.5em; display: inline-block; margin-left: 10px; } .media-listing .item-img .item-details h2, .media-listing .item-img .item-details h3 { overflow: hidden; } .media-listing .item-img .item-details h2 { font: normal 1.11111rem/1.33333rem "Cairo"; } .media-listing .item-img .item-details h3 { font: normal 1rem/1.22222rem "Cairo"; width: 100%; } .dir-rtl .media-listing .item-img .item-details h3 { font: normal 1rem/1.38889rem "Cairo"; } .media-listing .item-img .item-details .media-btns { margin: 0 -10px; } .media-listing .item-img .item-details .media-btns .btn { padding: 5px 30px; } .media-listing .gallery-album-item .item-img .item-details { height: 120px; } .error-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error-container { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error-container .container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: 0; } .error-container span { display: block; color: #414141; margin-bottom: 10px; font: normal 0.88889rem/1.11111rem "Cairo"; } body.contrast-yellow-theme .error-container span { color: #ff0; } body.contrast-green-theme .error-container span { color: lime; } .error-container .error-icon { margin-bottom: 20px; } .error-container .error-icon i { font-size: 7.22222rem; } body.contrast-yellow-theme .error-container .error-icon i { color: #ff0; } body.contrast-green-theme .error-container .error-icon i { color: lime; } .error-container .error-title { padding: 50px 0 20px; } .error-container .error-title span { font: 900 40vw/40vw "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .error-container .error-title span { color: #ff0; } body.contrast-green-theme .error-container .error-title span { color: lime; } .error-container .error-subtitle span { margin-bottom: 10px; font: bold 1.38889rem/1.38889rem "Cairo"; } body.contrast-yellow-theme .error-container .error-subtitle span { color: #ff0; } body.contrast-green-theme .error-container .error-subtitle span { color: lime; } .error-container .error-mid-subtitle span { font: bold 2.44444rem/2.44444rem "Cairo"; } body.contrast-yellow-theme .error-container .error-mid-subtitle span { color: #ff0; } body.contrast-green-theme .error-container .error-mid-subtitle span { color: lime; } .error-container ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error-container ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 10px; border-left: 1px solid #414141; } body.contrast-yellow-theme .error-container ul li { border-left-color: #ff0; } body.contrast-green-theme .error-container ul li { border-left-color: lime; } .error-container ul li:last-child { border: 0; } .custom-tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-tabs-container .custom-tabs, .custom-tabs-container .custom-tabs-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .custom-tabs-container .custom-tabs-content { position: relative; height: 350px; overflow: hidden; } .custom-tabs-container .custom-tabs-content-item { z-index: -1; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s; -webkit-transition: opacity 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s; transition: opacity 0.3s, transform 0.3s, z-index 0.3s ease 0.3s, -webkit-transform 0.3s; } .custom-tabs-container .custom-tabs-content-item.active { z-index: 10; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; } .logo-print { text-align: left; direction: ltr; display: none; } .logo-print img { display: none; } .evaluation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .evaluation-container p { margin-right: 10px; margin-bottom: 10px; } .evaluation-container .evaluation-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .evaluation-container .evaluation-control input { margin-right: 10px; } .evaluation-container .evaluation-control input.btn { padding: 10px 30px; font: normal 0.88889rem/0.88889rem "Cairo"; } .feedback-comp { padding-top: 0 !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border { padding: 1rem 1.5rem !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question { border: none; background-color: #f9f9f9; border-left: 4px solid #b68a35; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; padding-right: 40px !important; } .dir-rtl .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question { border-right: 4px solid #b68a35; border-left: none; padding-right: 10px !important; padding-left: 40px !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter { min-height: 40px !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before { content: none; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter h3 { color: #666; padding-right: 5px; padding-left: 10px; margin-bottom: 0 !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter ul { list-style-type: disc; list-style-position: inside; color: #666; margin-bottom: 1rem; line-height: 1.6; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter ul li::before { border: none !important; width: 5px; height: 5px; border-radius: 50%; background: #666; margin-top: 7px; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter ol { padding-right: 20px; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter p { color: #666; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { width: 40px; margin-bottom: 0 !important; } .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border p { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } body.default-theme .content-collapse .btns-container a { color: #fff !important; text-decoration: none !important; } body.default-theme .content-collapse .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { content: none; } .title-desc { margin-bottom: 10px; line-height: 1.4; color: #666; } @media screen and (max-width: 768px) { .content-collapse .r-table .table.gridViewMobile tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content-collapse .r-table .table.gridViewMobile tbody td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; width: auto; } .content-collapse .r-table .table.gridViewMobile tbody td:before { content: attr(data-th); font-weight: bold; display: inline-block; width: 50%; font-size: 1em; padding-right: 8px; } .content-collapse .r-table .table.gridViewMobile tbody td .gridStatus { min-width: 120px; } .content-collapse .r-table .table.gridViewMobile tbody td:last-child { text-align: right; } } @media screen and (max-width: 480px) { .content-collapse .r-table .table.gridViewMobile tbody td { width: auto; } } .hero-slider { position: relative; } .hero-slider .slider-container .hero-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hero-slider .slider-container .hero-item .c-img { height: 15rem; width: 100%; } .hero-slider .slider-container .hero-item .c-img img { height: 100%; width: 100%; } .hero-slider .slider-container .hero-item .hero-info { padding: 2rem 1rem; width: auto; } .hero-slider .slider-container .hero-item .hero-info span { margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 12px; color: #a4a4a4; } .hero-slider .slider-container .hero-item .hero-info h2 { font-size: 20px; margin: 5px 0 15px; -webkit-transition: all 0.3s; transition: all 0.3s; line-height: 34px; } .hero-slider .slider-container .hero-item .hero-info p { margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .hero-slider .slick-slide img { display: block; width: 100%; height: auto; } .hero-slider .slick-dots { position: absolute; height: auto; margin: 0 auto; display: none !important; max-width: 150px; max-height: 100px; right: 60%; bottom: 80px; } .hero-slider .slick-dots li { display: inline-block; } .hero-slider .slick-dots li a { color: transparent; display: block; float: left; border-radius: 100%; width: 15px; height: 15px; border: 2px solid transparent; background: transparent; margin: 0 5px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .hero-slider .slick-dots li a { background: #ff0; } body.contrast-green-theme .hero-slider .slick-dots li a { background: lime; } body.contrast-yellow-theme .hero-slider .slick-dots li a { border-color: #ff0; } body.contrast-green-theme .hero-slider .slick-dots li a { border-color: lime; } .hero-slider .slick-dots li a:hover { background: transparent !important; } .hero-slider .slick-dots li.slick-active a { background: transparent !important; } .ministry-services-section.services { background: #f2f2f2; padding-top: 3rem; } .ministry-services-section .services-container { text-align: center; width: 100%; margin: 0 auto; } .ministry-services-section .services-container .container { width: 100%; } .ministry-services-section .services-container h2 { color: #414141; margin-bottom: 8px; text-transform: capitalize; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 31px; } body.contrast-yellow-theme .ministry-services-section .services-container h2 { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-container h2 { color: lime; } .ministry-services-section .services-container .services-inner-container { width: 100%; display: inline-block; } .ministry-services-section .services-container .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .ministry-services-section .services-container .service-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% / 3); height: auto; background: #fff; position: relative; overflow: hidden; margin: 0 5px 15px; z-index: 10; padding: 30px 15px 80px; -webkit-box-shadow: 0px 3px 18px 0px rgb(0, 0, 0); box-shadow: 0px 3px 18px 0px rgb(0, 0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item { background: blue; } body.contrast-green-theme .ministry-services-section .services-container .service-item { background: #000; } .contrast-yellow-theme .ministry-services-section .services-container .service-item, .contrast-green-theme .ministry-services-section .services-container .service-item { -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item { border-color: #ff0; } body.contrast-green-theme .ministry-services-section .services-container .service-item { border-color: lime; } .ministry-services-section .services-container .service-item:before { content: ""; left: 0; right: 0; bottom: 0; top: 0; position: absolute; display: block; opacity: 0; background: #fff; background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d2d2d2)); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2d2d2)); background: linear-gradient(to bottom, #fff 0%, #d2d2d2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2d2d2', GradientType=0); -webkit-transition: opacity 0.7s, transform 0.3s; -webkit-transition: opacity 0.7s, -webkit-transform 0.3s; transition: opacity 0.7s, -webkit-transform 0.3s; transition: opacity 0.7s, transform 0.3s; transition: opacity 0.7s, transform 0.3s, -webkit-transform 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item:before { background: blue; } body.contrast-green-theme .ministry-services-section .services-container .service-item:before { background: #000; } .ministry-services-section .services-container .service-item .service-icon { display: inline-block; width: 100px; height: 100px; border-radius: 100%; background: #e2e2e2; color: #a5a5a5; line-height: 100px; font-size: 3rem; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item .service-icon { background: #ff0; } body.contrast-green-theme .ministry-services-section .services-container .service-item .service-icon { background: lime; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item .service-icon { color: blue; } body.contrast-green-theme .ministry-services-section .services-container .service-item .service-icon { color: #000; } .ministry-services-section .services-container .service-item h3 { margin-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 16px; color: #083e6c; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item h3 { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-container .service-item h3 { color: lime; } .ministry-services-section .services-container .service-item p { margin-bottom: 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-container .service-item p { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-container .service-item p { color: lime; } .ministry-services-section .services-container .service-item .ministry-services-btn { position: absolute; bottom: 30px; left: 30px; right: 30px; width: auto; } .ministry-services-section .services-topics-container { padding: 2.78rem 0; text-align: center; } .ministry-services-section .services-topics-container .services-list { list-style: none; margin-bottom: 50px; text-align: right; } .ministry-services-section .services-topics-container .services-list .services-list-item { display: inline-block; cursor: pointer; position: relative; margin-left: 15px; } .ministry-services-section .services-topics-container .services-list .services-list-item:last-child { margin-left: 0; } .ministry-services-section .services-topics-container .services-list .services-list-item h2 { font: normal 1.33333rem/1rem "Cairo"; color: #747474; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ministry-services-section .services-topics-container .services-list .services-list-item:not(:last-child)::after { content: ""; position: absolute; width: 2px; height: 17px; background: #b68a35; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -10px; } .ministry-services-section .services-topics-container .services-list .services-list-item.current h2 { color: #b68a35 !important; } .ministry-services-section .services-topics-container .tab-content { display: none; } .ministry-services-section .services-topics-container .tab-content.current { display: inherit; } .ministry-services-section .services-topics-container h2 { color: #747474; text-transform: capitalize; margin-bottom: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 31px; } body.contrast-yellow-theme .ministry-services-section .services-topics-container h2 { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container h2 { color: lime; } .ministry-services-section .services-topics-container .services-topics { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .ministry-services-section .services-topics-container .services-topics .topic-info { padding: 55px 25px 25px; height: 100%; margin-right: auto; margin-left: auto; position: relative; border: 2px solid #b7b7b7; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-info { border-color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-info { border-color: lime; } .ministry-services-section .services-topics-container .services-topics .topic-icon { position: absolute; top: 0; background: #fff; width: 100px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; -webkit-transform: translateY(-45%); transform: translateY(-45%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-icon { background: blue; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon { background: #000; } .ministry-services-section .services-topics-container .services-topics .topic-icon > div { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .ministry-services-section .services-topics-container .services-topics .topic-icon svg { height: 51px; max-width: 100px; } .ministry-services-section .services-topics-container .services-topics .topic-icon svg, .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse { fill: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg, body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg path, body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg ellipse { fill: lime; } .ministry-services-section .services-topics-container .services-topics .topic-icon svg circle { fill: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg circle { fill: blue; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-icon svg circle { fill: #000; } .ministry-services-section .services-topics-container .services-topics .topic-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; width: 100%; padding: 0 15px; margin-bottom: 70px; text-align: left; } .ministry-services-section .services-topics-container .services-topics .topic-item:last-child { margin-bottom: 0; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info { border-color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-info { border-color: lime; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon { background: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon { background: lime; } .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg, .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg path, .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg ellipse { fill: #fff !important; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg, body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg path, body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg ellipse { fill: blue !important; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg, body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg path, body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg ellipse { fill: #000 !important; } body.default-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: #b68a35 !important; } body.red-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: #c8102e !important; } body.green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: #00843d !important; } body.gray-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: #676767 !important; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: #ff0 !important; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-icon svg circle { fill: lime !important; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-item:hover .topic-title { color: lime; } .ministry-services-section .services-topics-container .services-topics .topic-title { margin: 15px 0; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } .ministry-services-section .services-topics-container .services-topics .topic-title h3{ font-size: 16px; line-height: 26px; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics .topic-title { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics .topic-title { color: lime; } .ministry-services-section .services-topics-container .services-topics p { font: normal 0.88889rem/1.33333rem "Cairo"; color: #6d6d6d; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministry-services-section .services-topics-container .services-topics p { color: #ff0; } body.contrast-green-theme .ministry-services-section .services-topics-container .services-topics p { color: lime; } .highlights-section { position: relative; padding: 50px 0; } .highlights-section:before, .highlights-section:after { content: ""; display: block; position: absolute; top: 0; z-index: 10; } .highlights-section:before { height: 25%; width: 100%; right: 0; z-index: 20; background: #b68a35; } body.contrast-yellow-theme .highlights-section:before { background: blue; } body.contrast-green-theme .highlights-section:before { background: #000; } .highlights-section:after { height: 100%; width: 100%; left: 0; background: #b68a35; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .highlights-section:after { background: #ff0; } body.contrast-green-theme .highlights-section:after { background: lime; } .highlights-section .container { position: relative; z-index: 20; } .highlights-section h2 { font: bold 1.55556rem/ 1.1em "Cairo"; text-transform: capitalize; margin-bottom: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .highlights-section h2 { color: #ff0; } body.contrast-green-theme .highlights-section h2 { color: lime; } .highlights-section .highlights-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .highlights-section .highlights-container .highlight-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-top: 20px; } .highlights-section .highlights-container .highlight-item a { display: block; background: #fff; } body.contrast-yellow-theme .highlights-section .highlights-container .highlight-item a { background: blue; } body.contrast-green-theme .highlights-section .highlights-container .highlight-item a { background: #000; } body.contrast-yellow-theme .highlights-section .highlights-container .highlight-item a { color: #ff0; } body.contrast-green-theme .highlights-section .highlights-container .highlight-item a { color: lime; } .highlights-section .highlights-container .highlight-item .other-highlights-img { height: 270px; } .highlights-section .highlights-container .highlight-item h4 { padding: 20px; font: normal 1.33333rem/1.55556rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } .visit-uae-section { position: relative; padding: 50px 0 30px; } .visit-uae-section .visit-uae-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .visit-uae-section .container { z-index: 30; text-align: center; } .visit-uae-section h2, .visit-uae-section .visit-uae-desc { color: #fff; } body.contrast-yellow-theme .visit-uae-section h2, body.contrast-yellow-theme .visit-uae-section .visit-uae-desc { color: #ff0; } body.contrast-green-theme .visit-uae-section h2, body.contrast-green-theme .visit-uae-section .visit-uae-desc { color: lime; } .visit-uae-section h2 { margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; font-size: 31px; color: #083e6c; } .visit-uae-section .visit-uae-desc { margin-bottom: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } .visit-uae-carousel .slick-list { overflow: visible; } .visit-uae-section .visit-uae-container .slick-list { margin: 0 -10px; } .visit-uae-section .visit-uae-carousel { margin: 0 auto 40px; position: relative; width: 100%; } .visit-uae-section .slick-list { padding: 0 !important; } .visit-uae-section .visit-uae-item { padding: 0 10px; text-align: right; } .visit-uae-section .visit-uae-item .visit-uae-img { position: relative; color: #fff; box-shadow: 0px 0px 10px 1px rgb(255, 255, 255); } .visit-uae-section .visit-uae-item .visit-uae-img:before, .visit-uae-section .visit-uae-item .visit-uae-img:after { opacity: 0; } .visit-uae-section .visit-uae-item .visit-uae-info { position: relative; z-index: 20; height: 330px; padding: 9% 30px 0; text-align: center; } .visit-uae-section .visit-uae-item h3 { -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 22px; } .visit-uae-section .visit-uae-item h4 { margin-bottom: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } .visit-uae-section .visit-uae-item p { -webkit-transition: all 0.3s; transition: all 0.3s; } .visit-uae-section .visit-uae-item .read-more-btn { position: absolute; bottom: 0; left: 0; font-size: 15px; } .visit-uae-section .visit-uae-nav { display: none; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .visit-uae-section .visit-uae-nav a { width: 70px; height: 70px; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; color: #fff; font-size: 2rem; line-height: 68px; } body.contrast-yellow-theme .visit-uae-section .visit-uae-nav a { background: #ff0; } body.contrast-green-theme .visit-uae-section .visit-uae-nav a { background: lime; } body.contrast-yellow-theme .visit-uae-section .visit-uae-nav a { color: blue; } body.contrast-green-theme .visit-uae-section .visit-uae-nav a { color: #000; } body.contrast-yellow-theme .visit-uae-section .visit-uae-nav a:hover { background: #b3b300; } body.contrast-green-theme .visit-uae-section .visit-uae-nav a:hover { background: #00b300; } .visit-uae-section .visit-uae-nav a.prev-btn { right: 0; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .dir-rtl .visit-uae-section .visit-uae-nav a.prev-btn { -webkit-transform: translateY(-50%) translateX(100%) scaleX(-1); transform: translateY(-50%) translateX(100%) scaleX(-1); } .visit-uae-section .visit-uae-nav a.next-btn { left: 0; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .dir-rtl .visit-uae-section .visit-uae-nav a.next-btn { -webkit-transform: translateY(-50%) translateX(-100%) scaleX(-1); transform: translateY(-50%) translateX(-100%) scaleX(-1); } .visit-uae-section .social-media-container { margin: 60px -15px 0; z-index: 999; position: relative; } .visit-uae-section .social-media-container h2 { font-weight: bold; color: #000; } .interests-section { padding-bottom: 25px; padding-top: 25px; } .interests-section h2 { font: normal 1.55556rem/1em "Cairo"; text-align: center; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .interests-section h2 { color: #ff0; } body.contrast-green-theme .interests-section h2 { color: lime; } .interests-section .interests-carousel { width: calc(100% - 140px); margin-right: 70px; } .interests-section .interests-container { overflow: hidden; } .interests-section .interests-container .slick-list { margin: 0 -10px; } .interests-section .interests-item { height: 125px; padding: 10px; } .interests-section .interests-item a { height: 100%; width: 100%; display: block; -webkit-transition: 0.3s; transition: 0.3s; } .interests-section .interests-item a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .interests-section .interests-nav { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .interests-section .interests-nav a { position: absolute; color: #acacac; font-size: 2rem; width: 70px; text-align: center; } body.contrast-yellow-theme .interests-section .interests-nav a { color: #ff0; } body.contrast-green-theme .interests-section .interests-nav a { color: lime; } .interests-section .interests-nav a:hover { color: #000; } body.contrast-yellow-theme .interests-section .interests-nav a:hover { color: #b3b300; } body.contrast-green-theme .interests-section .interests-nav a:hover { color: #00b300; } .interests-section .interests-nav a.prev-btn { left: 0; } .interests-section .interests-nav a.next-btn { right: 0; } .inner-section .inner-section-title { font: bold 1.55556rem/1.77778rem "Cairo"; margin-bottom: 25px; } .inner-section .inner-section-desc { margin-bottom: 30px; } body.contrast-yellow-theme .inner-section .inner-section-desc { color: #ff0; } body.contrast-green-theme .inner-section .inner-section-desc { color: lime; } .inner-two-col-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner-two-col-container .inner-left-col, .inner-two-col-container .inner-right-col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .standard-details .details-info { margin-bottom: 0 !important; } .inner-latest-news .news-category { position: absolute; bottom: 20px; right: 20px; font: normal 0.83333rem/40px "Cairo"; height: 40px; border-radius: 100px; color: #fff; padding: 0 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-latest-news .news-category { background: #ff0; } body.contrast-green-theme .inner-latest-news .news-category { background: lime; } body.contrast-yellow-theme .inner-latest-news .news-category { color: blue; } body.contrast-green-theme .inner-latest-news .news-category { color: #000; } .inner-latest-news .latest-date { margin-bottom: 20px; } .news-listing-container .news-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 2% 2%; } .news-listing-container .news-listing { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .news-listing-container .news-listing .news-listing-item .item-img { position: relative; height: 160px; } .news-listing-container .news-listing .news-listing-item .item-img a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; } .news-listing-container .news-listing .news-listing-item .item-img .item-category { display: block; position: absolute; bottom: 15px; right: 15px; font: normal 0.72222rem/1.5rem "Cairo"; height: 27px; line-height: 27px; border-radius: 100px; color: #fff; padding: 0 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category { background: #ff0; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category { background: lime; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category { color: blue; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .item-img .item-category { color: #000; } .news-listing-container .news-listing .news-listing-item .item-info { padding: 20px 20px 36px 20px; border-top: 1px solid #e1e1e1; position: relative; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .item-info { border-top-color: #ff0; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .item-info { border-top-color: lime; } .news-listing-container .news-listing .news-listing-item .item-info h3 { font: normal 1.33333rem/1.55556rem "Cairo"; margin-bottom: 10px; } .news-listing-container .news-listing .news-listing-item .item-info .item-date { display: block; font: normal 0.83333rem/ 1em "Cairo"; margin-bottom: 15px; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .item-info .item-date { color: #ff0; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .item-info .item-date { color: lime; } .news-listing-container .news-listing .news-listing-item .news-read-more-btn { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; line-height: 36px; background: #000; color: #fff; z-index: 20; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn { background: #ff0; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn { background: lime; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn { color: blue; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn { color: #000; } body.contrast-yellow-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover { background: #b3b300; } body.contrast-green-theme .news-listing-container .news-listing .news-listing-item .news-read-more-btn:hover { background: #00b300; } .news-header-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 2%; } .category-header { width: 100%; margin-bottom: 2%; font-size: 2.5rem; padding-right: 8px; border-right: 7px solid; margin-bottom: 2%; } .load-more-news-btn { text-decoration: none; color: #fff; margin-right: auto; margin-bottom: 2%; padding: 8px 20px; border-radius: 3rem; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inner-news-details .details-img-container { position: relative; } .inner-news-details .details-img-container .news-category { display: block; position: absolute; bottom: 15px; right: 15px; font: normal 0.83333rem/40px "Cairo"; height: 40px; border-radius: 100px; color: #fff; padding: 0 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-news-details .details-img-container .news-category { background: #ff0; } body.contrast-green-theme .inner-news-details .details-img-container .news-category { background: lime; } body.contrast-yellow-theme .inner-news-details .details-img-container .news-category { color: blue; } body.contrast-green-theme .inner-news-details .details-img-container .news-category { color: #000; } .inner-news-details .details-info h2 { font: normal 2rem/2.22222rem "Cairo"; } body.contrast-yellow-theme .inner-news-details .details-info h2 { color: #ff0; } body.contrast-green-theme .inner-news-details .details-info h2 { color: lime; } .inner-news-details .details-info .details-date { font: normal 1rem/1em "Cairo"; } body.contrast-yellow-theme .inner-news-details .details-info .details-date { color: #ff0; } body.contrast-green-theme .inner-news-details .details-info .details-date { color: lime; } .inner-news-details .details-info + .clear, .inner-news-details .details-info + .full-width { margin-bottom: 30px; } .uae-agreements .form-section { display: block; } .uae-agreements #regions_div { display: none; position: absolute; z-index: -10; opacity: 0; visibility: hidden; padding: 20px; height: 630px; overflow: hidden; cursor: pointer; } .contrast-yellow-theme .uae-agreements #regions_div, .contrast-green-theme .uae-agreements #regions_div { border: 1px solid transparent; } body.contrast-yellow-theme .uae-agreements #regions_div { background: blue; } body.contrast-green-theme .uae-agreements #regions_div { background: #000; } body.contrast-yellow-theme .uae-agreements #regions_div { border-color: #ff0; } body.contrast-green-theme .uae-agreements #regions_div { border-color: lime; } .uae-agreements #regions_div .google-visualization-tooltip { pointer-events: none; -webkit-transform: translateY(-20px); transform: translateY(-20px); } body.contrast-yellow-theme .uae-agreements #regions_div rect { fill: blue; } body.contrast-green-theme .uae-agreements #regions_div rect { fill: #000; } .uae-agreements #regions_div path, .uae-agreements #regions_div path:hover { stroke-width: 1; fill: #c8c8c8; } body.contrast-yellow-theme .uae-agreements #regions_div path, body.contrast-yellow-theme .uae-agreements #regions_div path:hover { stroke: #ff0; } body.contrast-green-theme .uae-agreements #regions_div path, body.contrast-green-theme .uae-agreements #regions_div path:hover { stroke: lime; } body.contrast-yellow-theme .uae-agreements #regions_div path, body.contrast-yellow-theme .uae-agreements #regions_div path:hover { fill: blue; } body.contrast-green-theme .uae-agreements #regions_div path, body.contrast-green-theme .uae-agreements #regions_div path:hover { fill: #000; } .uae-agreements #regions_div path[fill="none"] { display: none; } .uae-agreements #regions_div path[fill="#cf9234"] { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .uae-agreements #regions_div path[fill="#cf9234"] { fill: #ff0; } body.contrast-green-theme .uae-agreements #regions_div path[fill="#cf9234"] { fill: lime; } .default-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: #a27b2f !important; } .red-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: #b00e29 !important; } .green-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: #006b31 !important; } .gray-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: #5a5a5a !important; } .contrast-yellow-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: #ff0 !important; } .contrast-green-theme .uae-agreements #regions_div path[fill="#cf9234"]:hover { fill: lime !important; } .uae-agreements #covidmap_div { display: none; position: absolute; z-index: -10; opacity: 0; visibility: hidden; padding: 20px; height: 630px; overflow: hidden; cursor: pointer; } .contrast-yellow-theme .uae-agreements #covidmap_div, .contrast-green-theme .uae-agreements #covidmap_div { border: 1px solid transparent; } body.contrast-yellow-theme .uae-agreements #covidmap_div { background: blue; } body.contrast-green-theme .uae-agreements #covidmap_div { background: #000; } body.contrast-yellow-theme .uae-agreements #covidmap_div { border-color: #ff0; } body.contrast-green-theme .uae-agreements #covidmap_div { border-color: lime; } .uae-agreements #covidmap_div .google-visualization-tooltip { pointer-events: none; -webkit-transform: translateY(-20px); transform: translateY(-20px); } body.contrast-yellow-theme .uae-agreements #covidmap_div rect { fill: blue; } body.contrast-green-theme .uae-agreements #covidmap_div rect { fill: #000; } .uae-agreements #covidmap_div path, .uae-agreements #covidmap_div path:hover { stroke-width: 1; fill: #c8c8c8; } body.contrast-yellow-theme .uae-agreements #covidmap_div path, body.contrast-yellow-theme .uae-agreements #covidmap_div path:hover { stroke: #ff0; } body.contrast-green-theme .uae-agreements #covidmap_div path, body.contrast-green-theme .uae-agreements #covidmap_div path:hover { stroke: lime; } body.contrast-yellow-theme .uae-agreements #covidmap_div path, body.contrast-yellow-theme .uae-agreements #covidmap_div path:hover { fill: blue; } body.contrast-green-theme .uae-agreements #covidmap_div path, body.contrast-green-theme .uae-agreements #covidmap_div path:hover { fill: #000; } .uae-agreements #covidmap_div path[fill="none"] { display: none; } .uae-agreements #covidmap_div path[fill="#cf9234"] { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .uae-agreements #covidmap_div path[fill="#cf9234"] { fill: #ff0; } body.contrast-green-theme .uae-agreements #covidmap_div path[fill="#cf9234"] { fill: lime; } .default-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: #a27b2f !important; } .red-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: #b00e29 !important; } .green-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: #006b31 !important; } .gray-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: #5a5a5a !important; } .contrast-yellow-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: #ff0 !important; } .contrast-green-theme .uae-agreements #covidmap_div path[fill="#cf9234"]:hover { fill: lime !important; } .uae-agreements .legend-container { display: none; } .uae-agreements.visa-exemption-info-legend .legend-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .uae-agreements.visa-exemption-info-legend .legend-container .legend-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #eee; border-radius: 5px; margin-left: 10px; padding: 5px 15px; margin-top: 10px; } .uae-agreements.auto-comp .field-container .custom-drp { position: relative; width: 100%; } .uae-agreements.auto-comp .field-container .custom-drp .autocomplete { width: 100%; } .uae-agreements.auto-comp .field-container .custom-drp .autocomplete .country-inp { cursor: pointer; } .uae-agreements.auto-comp .field-container .custom-drp ul.autocomplete-items { position: absolute; top: 100%; background: #fff; z-index: 10; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.28); list-style: none; display: block; overflow: auto; width: 100%; max-height: 45vh; } .uae-agreements.auto-comp .field-container .custom-drp ul.autocomplete-items li { padding: 10px 15px; border-bottom: 1px solid #ddd; cursor: pointer; } .uae-agreements.auto-comp .field-container .custom-drp ul.autocomplete-items li:hover { background: #b68a35; color: #fff; } .map-container { display: none; margin-top: 30px; } .map-container div { margin-bottom: 20px; } body.contrast-yellow-theme .map-container span { color: #ff0; } body.contrast-green-theme .map-container span { color: lime; } .map-container span:first-child { font-weight: bold; } .map-container .desc span:last-child { color: #626262; } body.contrast-yellow-theme .map-container .desc span:last-child { color: #ff0; } body.contrast-green-theme .map-container .desc span:last-child { color: lime; } .map-container .inner-title-with-line { position: relative; margin-bottom: 40px; } .map-container .inner-title-with-line h3 { font: bold 1.75rem/1.2em Arial; display: inline-block; padding-left: 100px; position: relative; z-index: 10; } body.contrast-yellow-theme .map-container .inner-title-with-line h3 { background: blue; } body.contrast-green-theme .map-container .inner-title-with-line h3 { background: #000; } body.contrast-yellow-theme .map-container .inner-title-with-line h3 { color: #ff0; } body.contrast-green-theme .map-container .inner-title-with-line h3 { color: lime; } .map-container .inner-title-with-line::before { content: ""; position: absolute; display: block; top: 50%; left: 0; right: 0; height: 1px; background: #bcbcbc; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .map-container .inner-title-with-line::before { background: #ff0; } body.contrast-green-theme .map-container .inner-title-with-line::before { background: lime; } .covid-map { margin-top: 40px; } .covid-map .form-section { display: block; } .covid-map #regions_div { display: block; position: static; z-index: 0; opacity: 1; visibility: visible; padding: 20px; height: 630px; overflow: hidden; cursor: pointer; } .contrast-yellow-theme .covid-map #regions_div, .contrast-green-theme .covid-map #regions_div { border: 1px solid transparent; } body.contrast-yellow-theme .covid-map #regions_div { background: blue; } body.contrast-green-theme .covid-map #regions_div { background: #000; } body.contrast-yellow-theme .covid-map #regions_div { border-color: #ff0; } body.contrast-green-theme .covid-map #regions_div { border-color: lime; } .covid-map #regions_div .google-visualization-tooltip { pointer-events: none; -webkit-transform: translateY(-20px); transform: translateY(-20px); } body.contrast-yellow-theme .covid-map #regions_div rect { fill: blue; } body.contrast-green-theme .covid-map #regions_div rect { fill: #000; } .covid-map #regions_div path, .covid-map #regions_div path:hover { stroke-width: 1; } body.contrast-yellow-theme .covid-map #regions_div path, body.contrast-yellow-theme .covid-map #regions_div path:hover { stroke: #ff0; } body.contrast-green-theme .covid-map #regions_div path, body.contrast-green-theme .covid-map #regions_div path:hover { stroke: lime; } body.contrast-yellow-theme .covid-map #regions_div path, body.contrast-yellow-theme .covid-map #regions_div path:hover { fill: blue; } body.contrast-green-theme .covid-map #regions_div path, body.contrast-green-theme .covid-map #regions_div path:hover { fill: #000; } .covid-map #regions_div path[fill="none"] { display: none; } .covid-map #regions_div path[fill="#cf9234"] { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .covid-map #regions_div path[fill="#cf9234"] { fill: #ff0; } body.contrast-green-theme .covid-map #regions_div path[fill="#cf9234"] { fill: lime; } .default-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: #a27b2f !important; } .red-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: #b00e29 !important; } .green-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: #006b31 !important; } .gray-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: #5a5a5a !important; } .contrast-yellow-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: #ff0 !important; } .contrast-green-theme .covid-map #regions_div path[fill="#cf9234"]:hover { fill: lime !important; } .covid-map #covidmap_div { display: none; position: absolute; z-index: -10; opacity: 0; visibility: hidden; padding: 20px; height: 630px; overflow: hidden; cursor: pointer; } .contrast-yellow-theme .covid-map #covidmap_div, .contrast-green-theme .covid-map #covidmap_div { border: 1px solid transparent; } body.contrast-yellow-theme .covid-map #covidmap_div { background: blue; } body.contrast-green-theme .covid-map #covidmap_div { background: #000; } body.contrast-yellow-theme .covid-map #covidmap_div { border-color: #ff0; } body.contrast-green-theme .covid-map #covidmap_div { border-color: lime; } .covid-map #covidmap_div .google-visualization-tooltip { pointer-events: none; -webkit-transform: translateY(-20px); transform: translateY(-20px); } body.contrast-yellow-theme .covid-map #covidmap_div rect { fill: blue; } body.contrast-green-theme .covid-map #covidmap_div rect { fill: #000; } .covid-map #covidmap_div path, .covid-map #covidmap_div path:hover { stroke-width: 1; } body.contrast-yellow-theme .covid-map #covidmap_div path, body.contrast-yellow-theme .covid-map #covidmap_div path:hover { stroke: #ff0; } body.contrast-green-theme .covid-map #covidmap_div path, body.contrast-green-theme .covid-map #covidmap_div path:hover { stroke: lime; } body.contrast-yellow-theme .covid-map #covidmap_div path, body.contrast-yellow-theme .covid-map #covidmap_div path:hover { fill: blue; } body.contrast-green-theme .covid-map #covidmap_div path, body.contrast-green-theme .covid-map #covidmap_div path:hover { fill: #000; } .covid-map #covidmap_div path[fill="none"] { display: none; } .covid-map #covidmap_div path[fill="#cf9234"] { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .covid-map #covidmap_div path[fill="#cf9234"] { fill: #ff0; } body.contrast-green-theme .covid-map #covidmap_div path[fill="#cf9234"] { fill: lime; } .default-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: #a27b2f !important; } .red-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: #b00e29 !important; } .green-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: #006b31 !important; } .gray-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: #5a5a5a !important; } .contrast-yellow-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: #ff0 !important; } .contrast-green-theme .covid-map #covidmap_div path[fill="#cf9234"]:hover { fill: lime !important; } .covid-map .legend-container { display: none; } .covid-map.visa-exemption-info-legend .legend-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .covid-map.visa-exemption-info-legend .legend-container .legend-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #eee; border-radius: 5px; margin-left: 10px; padding: 5px 15px; margin-top: 10px; } .covid-map.auto-comp .field-container .custom-drp { position: relative; width: 100%; } .covid-map.auto-comp .field-container .custom-drp .autocomplete { width: 100%; } .covid-map.auto-comp .field-container .custom-drp .autocomplete .country-inp { cursor: pointer; } .covid-map.auto-comp .field-container .custom-drp ul.autocomplete-items { position: absolute; top: 100%; background: #fff; z-index: 10; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.28); list-style: none; display: block; overflow: auto; width: 100%; max-height: 45vh; } .covid-map.auto-comp .field-container .custom-drp ul.autocomplete-items li { padding: 10px 15px; border-bottom: 1px solid #ddd; cursor: pointer; } .covid-map.auto-comp .field-container .custom-drp ul.autocomplete-items li:hover { background: #b68a35; color: #fff; } .service-cat-listing-container .service-cat-listing-items-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-cat-listing-container .service-cat-listing-items-container .expandable-group .expandable-title { margin: 0 15px; } .service-cat-listing-container .service-cat-listing-items-container .expandable-group .expandable-content { border: 0; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item { position: relative; overflow: hidden; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f9f9f9; height: 100%; position: relative; padding: 20px 10px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info, .contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { border: 1px solid transparent; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { background: blue; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { background: #000; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { border-color: #ff0; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { border-color: lime; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon { width: 100px; height: 100px; border-radius: 100%; text-align: center; background: #e2e2e2; margin: 0 auto 20px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon { background: #ff0; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon { background: lime; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg { height: 50px; width: auto; margin-top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.default-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.default-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.default-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: #b68a35; } body.red-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.red-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.red-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: #c8102e; } body.green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: #00843d; } body.gray-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.gray-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.gray-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: #676767; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: blue; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg, body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg path, body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg ellipse { fill: #000; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg circle { fill: #e2e2e2; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg circle { fill: #ff0; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-icon svg circle { fill: lime; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-title { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; color: #353535; width: 100%; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-title { color: #ff0; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info .service-title { color: lime; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns { background: #ebebeb; padding: 10px 15px 0; text-align: center; -webkit-transform: translateY(-100%); transform: translateY(-100%); } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns { background: #ff0; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns { background: lime; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns a { padding-top: 10px; padding-bottom: 10px; font-size: 1rem; margin: 0 0 10px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg, .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg path, .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg ellipse { fill: #e2e2e2 !important; } body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg, body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg path, body.contrast-yellow-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg ellipse { fill: blue !important; } body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg, body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg path, body.contrast-green-theme .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg ellipse { fill: #000 !important; } .service-details-section .service-content-wrapper { position: relative; } .service-details-section .service-mark { position: absolute; right: 17px; top: 10px; cursor: pointer; } .service-details-section .service-mark span { color: #b68a35; font-size: 1.5rem; line-height: 2rem; } .service-details-section .service-header { margin-top: 20px; margin-bottom: 50px; } .service-details-section .service-header .service-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .service-details-section .service-header .service-title-container .service-title, .service-details-section .service-header .service-title-container .start-service-btn-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 10px; } .service-details-section .service-header .service-title-container .service-title { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-details-section .service-header .service-title-container .service-title svg { width: 46px; height: auto; } .service-details-section .service-header .service-title-container .service-title span, .service-details-section .service-header .service-title-container .service-title h2 { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .service-details-section .service-header .service-title-container .service-title span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 65px; margin-left: 15px; } body.contrast-yellow-theme .service-details-section .service-header .service-title-container .service-title span svg, body.contrast-yellow-theme .service-details-section .service-header .service-title-container .service-title span svg path, body.contrast-yellow-theme .service-details-section .service-header .service-title-container .service-title span svg ellipse { fill: #ff0; } body.contrast-green-theme .service-details-section .service-header .service-title-container .service-title span svg, body.contrast-green-theme .service-details-section .service-header .service-title-container .service-title span svg path, body.contrast-green-theme .service-details-section .service-header .service-title-container .service-title span svg ellipse { fill: lime; } body.contrast-yellow-theme .service-details-section .service-header .service-title-container .service-title span svg circle { fill: blue; } body.contrast-green-theme .service-details-section .service-header .service-title-container .service-title span svg circle { fill: #000; } .service-details-section .service-header .service-title-container .service-title h2 { font: bold 1.66667rem/1.88889rem "Cairo"; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body.contrast-yellow-theme .service-details-section .service-header .service-title-container .service-title h2 { color: #ff0; } body.contrast-green-theme .service-details-section .service-header .service-title-container .service-title h2 { color: lime; } .service-details-section .service-header .service-title-container .start-service-btn-container { margin: 0 -10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .service-details-section .service-header .service-title-container .start-service-btn-container .btn { width: 100%; } .service-details-section .service-header p { margin-top: 25px; clear: both; } body.contrast-yellow-theme .service-details-section .service-header p { color: #ff0; } body.contrast-green-theme .service-details-section .service-header p { color: lime; } .service-details-section .service-details ul { list-style: none; margin: 10px 0; } .service-details-section .service-details ul li { position: relative; margin-bottom: 10px; } .service-details-section .service-info p { margin-bottom: 20px; } .service-details-section .service-info ul { list-style: none; } body.contrast-yellow-theme .service-details-section .service-info a { color: #ff0; } body.contrast-green-theme .service-details-section .service-info a { color: lime; } .service-details-section .service-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px -5px 0; } .service-details-section .service-cards .service-card-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; text-align: center; margin-bottom: 10px; padding: 0 5px; } .service-details-section .service-cards .service-card-item .card-label { background: #f5f5f5; height: 100%; position: relative; padding: 15px; } .contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-label, .contrast-green-theme .service-details-section .service-cards .service-card-item .card-label { border: 1px solid transparent; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-label { background: blue; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-label { background: #000; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-label { border-color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-label { border-color: lime; } .service-details-section .service-cards .service-card-item .card-label i, .service-details-section .service-cards .service-card-item .card-label span { display: block; } .service-details-section .service-cards .service-card-item .card-label i { font-size: 2.5rem; margin-bottom: 15px; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-label i { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-label i { color: lime; } .service-details-section .service-cards .service-card-item .card-label span { font: normal 0.88889rem/0.88889rem "Cairo"; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-label span { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-label span { color: lime; } .service-details-section .service-cards .service-card-item .card-value { background: #ebebeb; padding: 10px; min-height: 40px; -webkit-transform: translateY(-100%); transform: translateY(-100%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value, .contrast-green-theme .service-details-section .service-cards .service-card-item .card-value { border: 1px solid transparent; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value { background: blue; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value { background: #000; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value { border-color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value { border-color: lime; } .service-details-section .service-cards .service-card-item .card-value span { font: bold 0.88889rem/1rem "Cairo"; max-width: 95%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value span { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value span { color: lime; } .service-details-section .service-cards .service-card-item .card-value .card-rate { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-details-section .service-cards .service-card-item .card-value .card-rate i { float: right; padding: 5px; margin: -5px 0; color: #b3b3b3; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full { color: lime; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.full i { color: lime; } .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star { position: relative; } .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star .icon-half-star { position: absolute; right: -4px; top: 0; margin: 0; z-index: 10; -webkit-transform: scaleX(-1); transform: scaleX(-1); } body.default-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.default-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: #b68a35 !important; } body.red-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.red-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: #c8102e !important; } body.green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: #00843d !important; } body.gray-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.gray-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: #676767 !important; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: #ff0 !important; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover, body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value .card-rate i.icon-star:hover ~ i { color: lime !important; } .service-details-section .service-cards .service-card-item .card-value .card-rate:hover { direction: ltr; } .service-details-section .service-cards .service-card-item .card-value .card-rate:hover i { float: left; display: block; color: #b3b3b3 !important; -webkit-transition: color 0.3s; transition: color 0.3s; } .service-details-section .service-cards .service-card-item .card-value .card-rate:hover i.icon-half-star { opacity: 0; pointer-events: none; -webkit-transition: none; transition: none; } body.contrast-yellow-theme .service-details-section .service-cards .service-card-item .card-value .registeration-required { color: #ff0; } body.contrast-green-theme .service-details-section .service-cards .service-card-item .card-value .registeration-required { color: lime; } .service-details-section .service-steps { display: block; max-width: 100%; } .open-data-listing-container .open-data-listing-item .item-border { padding: 15px 15px 62px; } .open-data-listing-container .open-data-listing-item .item-border h2 { font: normal 1.33333rem/1.55556rem "Cairo"; width: calc(100% - 30px); margin-bottom: 10px; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border h2 { color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border h2 { color: lime; } .open-data-listing-container .open-data-listing-item .item-border .item-status { font: normal 1rem/1rem "Cairo"; position: absolute; top: -10px; left: 20px; pointer-events: none; z-index: 10; } .open-data-listing-container .open-data-listing-item .item-border .item-status:before, .open-data-listing-container .open-data-listing-item .item-border .item-status:after { content: ""; display: block; width: 0; height: 0; position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; } .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-right: 15px solid transparent; border-left: 10px solid transparent; top: 0; right: -15px; } .default-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid #d2ad65; } .red-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid #ef3654; } .green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid #00b755; } .gray-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid #818181; } .contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid #ff0; } .contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:before { border-bottom: 10px solid lime; } .open-data-listing-container .open-data-listing-item .item-border .item-status:after { border-right: 20px solid transparent; border-bottom: 11px solid #fff; bottom: -1px; z-index: 10; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:after { border-bottom-color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status:after { border-bottom-color: lime; } .open-data-listing-container .open-data-listing-item .item-border .item-status span { display: block; text-transform: uppercase; color: #fff; width: 20px; position: relative; z-index: 10; text-align: center; padding: 30px 0 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span { color: blue; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span { color: #000; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span { background: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-status span { background: lime; } .open-data-listing-container .open-data-listing-item .item-border .item-date, .open-data-listing-container .open-data-listing-item .item-border .item-size { font: normal 0.88889rem/0.88889rem "Cairo"; display: block; margin-bottom: 15px; } .open-data-listing-container .open-data-listing-item .item-border .item-date, .open-data-listing-container .open-data-listing-item .item-border .item-size { color: #acacac; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-date, body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-size { color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-date, body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-size { color: lime; } .open-data-listing-container .open-data-listing-item .item-border .item-size { margin-top: -5px; } .open-data-listing-container .open-data-listing-item .item-border .item-size span { color: #353535; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .item-size span { color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .item-size span { color: lime; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns { position: absolute; left: 15px; right: 15px; bottom: 15px; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { position: relative; display: block; border: 1px solid #c7c7c7; color: #fff; background: #5b5b5b; height: 47px; width: 100%; padding: 15px 20px; padding-left: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { border-color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { border-color: lime; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { color: lime; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { background: blue; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { background: #000; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:before { position: absolute; top: 50%; display: block; left: 0; color: #fff; padding: 0 10px; line-height: 1.8rem; border-right: 1px solid #fff; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:before { border-right-color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:before { border-right-color: lime; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:before { color: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:before { color: lime; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover { background: #2d2d2d; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover { background: #ff0; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover { background: lime; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover { color: blue; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover { color: #000; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover:before { border-right-color: blue; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover:before { border-right-color: #000; } body.contrast-yellow-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover:before { color: blue; } body.contrast-green-theme .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn:hover:before { color: #000; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn span { font-family: "Cairo"; } .inner-latest-speeches .latest-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .inner-latest-speeches .latest-container .item-border { position: relative; border-color: #bfbfbf; } body.contrast-yellow-theme .inner-latest-speeches .latest-container .item-border { border-color: #ff0; } body.contrast-green-theme .inner-latest-speeches .latest-container .item-border { border-color: lime; } .inner-latest-speeches .latest-container h2 { font: normal 2rem/2.22222rem "Cairo"; margin-bottom: 20px; } .inner-latest-speeches .latest-container .latest-date { margin-bottom: 20px; } .inner-latest-speeches .latest-container .latest-by { font: normal 0.88889rem/1.11111rem "Cairo"; text-transform: uppercase; font-stretch: extra-condensed; } body.contrast-yellow-theme .inner-latest-speeches .latest-container .latest-by { color: #b3b300; } body.contrast-green-theme .inner-latest-speeches .latest-container .latest-by { color: #00b300; } .inner-latest-speeches .latest-container .latest-img, .inner-latest-speeches .latest-container .latest-info { padding: 0 15px; } .inner-latest-speeches .latest-container .latest-info { padding-bottom: 35px !important; } .inner-latest-speeches .latest-container .latest-info .btn.read-more-btn { position: absolute; bottom: 0; left: 0; width: 50px; height: 50px; line-height: 50px; font-size: 22px; } .speeches-listing-container .speeches-listing-item .item-border { padding: 30px 15px 36px; } .speeches-listing-container .speeches-listing-item p { display: block; padding: 0 10px; border-top: 1px solid #dfdfdf; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item p { border-top-color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item p { border-top-color: lime; } .speeches-listing-container .speeches-listing-item .speeches-details h3 { font: normal 1.33333rem/1.55556rem "Cairo"; margin-bottom: 15px; padding: 0 10px; } .speeches-listing-container .speeches-listing-item .speeches-details .item-date { display: block; font: normal 0.83333rem/1em "Cairo"; margin-bottom: 15px; border: 0; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date { color: lime; } .speeches-listing-container .speeches-listing-item .item-by { font: normal 0.88889rem/1.11111rem "Cairo"; text-transform: uppercase; font-stretch: extra-condensed; padding: 15px; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .item-by { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .item-by { color: lime; } .speeches-listing-container .speeches-listing-item .item-desc { font: normal 0.88889rem/1.77778rem "Cairo"; padding: 15px 15px 0; overflow: hidden; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .item-desc { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .item-desc { color: lime; } .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; line-height: 36px; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: lime; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: blue; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #000; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover { background: #b3b300; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover { background: #00b300; } .register-listing-container { width: 100%; } .register-listing-container .register-listing-item a { padding: 30px; text-align: center; display: block; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .register-listing-container .register-listing-item a { color: #ff0; } body.contrast-green-theme .register-listing-container .register-listing-item a { color: lime; } .register-listing-container .register-listing-item a:after { content: ""; left: 0; right: 0; bottom: 0; top: 0; position: absolute; display: block; opacity: 0; z-index: -1; background: #fff; background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #d2d2d2)); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2d2d2)); background: linear-gradient(to bottom, #fff 0%, #d2d2d2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2d2d2', GradientType=0); -webkit-transition: all 0.3s; transition: all 0.3s; } .register-listing-container .register-listing-item a .item-border-container { width: 95%; } .register-listing-container .register-listing-item a .regsiter-icon { display: inline-block; width: 100px; height: 100px; border-radius: 100%; line-height: 100px; font-size: 3rem; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .register-listing-container .register-listing-item a h3 { font: normal 1.55556rem/1.77778rem "Cairo"; margin-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } .register-listing-container .register-listing-item a:hover:after { opacity: 0.75; } .register-listing-container .register-listing-item a:hover .regsiter-icon { color: #efefef; } body.default-theme .register-listing-container .register-listing-item a:hover .regsiter-icon { background: #b68a35; } body.red-theme .register-listing-container .register-listing-item a:hover .regsiter-icon { background: #c8102e; } body.green-theme .register-listing-container .register-listing-item a:hover .regsiter-icon { background: #00843d; } body.gray-theme .register-listing-container .register-listing-item a:hover .regsiter-icon { background: #676767; } .speeches-listing-container .speeches-listing-item .item-border { padding: 30px 15px 36px; } .speeches-listing-container .speeches-listing-item p { display: block; padding: 0 10px; border-top: 1px solid #dfdfdf; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item p { border-top-color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item p { border-top-color: lime; } .speeches-listing-container .speeches-listing-item .speeches-details h3 { font: normal 1.33333rem/1.55556rem "Cairo"; margin-bottom: 15px; padding: 0 10px; } .speeches-listing-container .speeches-listing-item .speeches-details .item-date { display: block; font: normal 0.83333rem/1em "Cairo"; margin-bottom: 15px; border: 0; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-details .item-date { color: lime; } .speeches-listing-container .speeches-listing-item .item-by { font: normal 0.88889rem/1.11111rem "Cairo"; text-transform: uppercase; font-stretch: extra-condensed; padding: 15px; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .item-by { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .item-by { color: lime; } .speeches-listing-container .speeches-listing-item .item-desc { font: normal 0.88889rem/1.77778rem "Cairo"; padding: 15px 15px 0; overflow: hidden; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .item-desc { color: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .item-desc { color: lime; } .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; line-height: 36px; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: #ff0; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { background: lime; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: blue; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn { color: #000; } body.contrast-yellow-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover { background: #b3b300; } body.contrast-green-theme .speeches-listing-container .speeches-listing-item .speeches-read-more-btn:hover { background: #00b300; } .faq-listing-container h2 { font: bold 1.55556rem/1.77778rem "Cairo"; text-align: right; margin: 30px 0 20px; } .faq-listing-container h2:first-child { margin-top: 0; } .faq-listing-container .faq-listing-items-container .faq-listing-item.listing-item { width: 100%; margin-bottom: 0; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border { height: auto; padding: 10px; padding-left: 74px; padding-right: 0; margin: 7px 0; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { content: attr(data-letter); -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font: normal 2rem/2.22222rem "Cairo"; border-left: 1px solid #e1e1e1; padding: 3px 0; text-transform: capitalize; width: 50px; text-align: center; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { border-left-color: #ff0; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { border-left-color: lime; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { color: #ff0; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before { color: lime; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter { min-height: 40px; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter:before, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .question-letter h3 { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter:before, .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .answer-letter p { -ms-flex-item-align: start; align-self: flex-start; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: black; font: normal 1rem/1.38889rem "Cairo"; padding-right: 15px; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border h3 { color: #ff0; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border h3 { color: lime; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font: normal 0.88889rem/1.16667rem "Cairo"; padding-right: 15px; } .dir-rtl .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border p { font: normal 0.88889rem/1.44444rem "Cairo"; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 60px; text-align: center !important; background: #000; color: #fff !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { background: #ff0; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { background: lime; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { color: blue; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn { color: #000; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border .faq-arrow-btn .icon { position: absolute; left: 0; right: 0; top: 50%; display: inline-block; -webkit-transform: scaleX(-1) translateY(-50%); transform: scaleX(-1) translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question { overflow: hidden; cursor: pointer; margin: 7px 0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn { background: #b3b300; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question:hover .faq-arrow-btn { background: #00b300; } body.contrast-yellow-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn { background: #b3b300; } body.contrast-green-theme .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn { background: #00b300; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border.frequently-question.active .faq-arrow-btn .icon { -webkit-transform: scaleY(-1) translateY(50%); transform: scaleY(-1) translateY(50%); } .faq-listing-container .faq-listing-items-container .faq-listing-item .answer { display: none; overflow: hidden; } .faq-listing-container .faq-listing-items-container .faq-listing-item .answer .item-border { padding-left: 12px; } .contact-us-section .section-padding { padding: 30px 0 0px; margin-bottom: -50px; } .contact-us-section .content-us-container { position: relative; z-index: 99; } body.contrast-yellow-theme .contact-us-section .content-us-container { background: blue; } body.contrast-green-theme .contact-us-section .content-us-container { background: #000; } .contact-us-section .contact-us-info .contact-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us-section .contact-us-info .contact-item .icon { font-size: 20px; margin-left: 20px; width: 20px; } body.contrast-yellow-theme .contact-us-section .contact-us-info .contact-item .icon { color: #ff0; } body.contrast-green-theme .contact-us-section .contact-us-info .contact-item .icon { color: lime; } .contact-us-section .contact-us-info .contact-item .icon.icon-contact-mail { font-size: 13px; } .contact-us-section .contact-us-info .contact-item .icon.icon-user-resident { font-size: 28px; } .contact-us-section .contact-us-info .contact-item span, .contact-us-section .contact-us-info .contact-item a { font: normal 1rem/1.22222rem "Cairo"; } body.contrast-yellow-theme .contact-us-section .contact-us-info .contact-item span { color: #ff0; } body.contrast-green-theme .contact-us-section .contact-us-info .contact-item span { color: lime; } body.contrast-yellow-theme .contact-us-section .contact-us-info .contact-item a { color: #ff0; } body.contrast-green-theme .contact-us-section .contact-us-info .contact-item a { color: lime; } .contact-us-section .contact-us-info .contact-item .phone-separator:last-child { display: none; } .contact-us-section .contact-us-info .content-wrap { word-wrap: break-all; } .contact-us-section .contact-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-us-section .service-inquiry-container, .contact-us-section .contact-card-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(235, 235, 235, 0.3); } body.contrast-yellow-theme .contact-us-section .service-inquiry-container, body.contrast-yellow-theme .contact-us-section .contact-card-container { background-color: blue; } body.contrast-green-theme .contact-us-section .service-inquiry-container, body.contrast-green-theme .contact-us-section .contact-card-container { background-color: #000; } .contact-us-section .contact-card-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 20px; } .contrast-yellow-theme .contact-us-section .contact-card-container, .contrast-green-theme .contact-us-section .contact-card-container { border: 1px solid transparent; } body.contrast-yellow-theme .contact-us-section .contact-card-container { border-color: #ff0; } body.contrast-green-theme .contact-us-section .contact-card-container { border-color: lime; } .contact-us-section .contact-icon { background: #ebebeb; text-align: center; height: 115px; } body.contrast-yellow-theme .contact-us-section .contact-icon { background: #ff0; } body.contrast-green-theme .contact-us-section .contact-icon { background: lime; } .contact-us-section .contact-icon .icon { font-size: 50px; margin: 30px auto; display: inline-block; } body.contrast-yellow-theme .contact-us-section .contact-icon .icon { color: blue; } body.contrast-green-theme .contact-us-section .contact-icon .icon { color: #000; } .contact-us-section .service-inquiry-icon, .contact-us-section .service-inquiry-info-container, .contact-us-section .contact-icon, .contact-us-section .contact-info-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } body.contrast-yellow-theme .contact-us-section .service-inquiry-icon { background: #ff0; } body.contrast-green-theme .contact-us-section .service-inquiry-icon { background: lime; } body.contrast-yellow-theme .contact-us-section .service-inquiry-icon .icon { color: blue; } body.contrast-green-theme .contact-us-section .service-inquiry-icon .icon { color: #000; } .contact-us-section .contact-info-container { padding: 20px 30px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact-us-section .contact-info-container .go-to-link { position: absolute; bottom: 0; left: 0; background-color: black; color: #fff; padding: 8px; font-size: 10px; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .contact-us-section .contact-info-container .go-to-link { background: #ff0; } body.contrast-green-theme .contact-us-section .contact-info-container .go-to-link { background: lime; } body.contrast-yellow-theme .contact-us-section .contact-info-container .go-to-link { color: blue; } body.contrast-green-theme .contact-us-section .contact-info-container .go-to-link { color: #000; } .dir-rtl .contact-us-section .contact-info-container .go-to-link { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .contact-us-section .service-inquiry-info-container h4, .contact-us-section .contact-info-container h4 { font: bold 1rem/1.33333rem "Cairo"; margin-bottom: 10px; } body.contrast-yellow-theme .contact-us-section .service-inquiry-info-container h4, body.contrast-yellow-theme .contact-us-section .contact-info-container h4 { color: #ff0; } body.contrast-green-theme .contact-us-section .service-inquiry-info-container h4, body.contrast-green-theme .contact-us-section .contact-info-container h4 { color: lime; } .contact-us-section .service-inquiry-info-container h4 { font: bold 1rem/1.22222rem "Cairo"; } .contact-us-section .service-inquiry-info-container p { font: normal 1rem/1.22222rem "Cairo"; } .contact-us-section .service-inquiry-info-container p, .contact-us-section .service-inquiry-info-container .service-inquiry-number { margin-bottom: 15px; } .contact-us-section .service-inquiry-info-container .service-inquiry-number { font: bold 1.66667rem/0.77778rem "Cairo"; display: inline-block; } .contact-us-section .service-inquiry-info-container .live-chat-link { padding: 15px 20px; font: bold 0.83333rem/1.38889rem "Cairo"; } .contact-us-section .form-title::before { content: none; } .contact-us-section .contact-us-social .form-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-us-section .contact-us-social .form-title h3 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: start; align-self: flex-start; } .contact-us-section .contact-us-social .social-media { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 10px; } .contact-us-section .contact-us-social .social-media ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-us-section .contact-us-social .social-media ul li:not(:last-child) { margin-left: 10px; } .contact-us-section .contact-us-social .social-media ul .icon { display: block; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; border: 3px solid; font-size: 20px; width: 45px; height: 45px; line-height: 45px; } .contact-us-section .contact-us-social .social-media ul .icon-facebook:hover { border-color: #4267b2 !important; } .contact-us-section .contact-us-social .social-media ul .icon-twitter:hover { border-color: #38a1f3 !important; } .contact-us-section .contact-us-social .social-media ul .icon-linked-in:hover { border-color: #0077b5 !important; } .contact-us-section .contact-us-social .social-media ul .icon-youtube:hover { border-color: #ff0000 !important; } .contact-us-section .map-section { position: relative; width: 100%; background: lightblue; z-index: 9; bottom: 0; overflow: hidden; padding-bottom: 100%; } .contact-us-section .contact-card-adjust { margin-top: 45px; } .contact-us-section .contact-card-adjust .contact-us-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-us-section .contact-card-adjust .contact-us-info .contact-item .content-wrap { word-break: break-all; } .contact-us-section .contact-card-adjust .contact-us-info:not(:last-child) { margin-bottom: 15px; border-bottom: 1px solid #eee; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .item-border { height: auto; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .item-border .item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-info { border-bottom: 1px solid #707070; margin-bottom: 20px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-info { border-bottom-color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-info { border-bottom-color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 200px; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-container a { position: relative; display: block; width: 100%; height: 100%; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album { width: 100%; height: 100%; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-date { font: normal 1rem/1rem "Cairo"; color: #fff; position: absolute; z-index: 10; bottom: 15px; right: 15px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-date { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-date { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .popup-target { position: absolute; opacity: 0; visibility: hidden; z-index: -10; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup { font: normal 0.77778rem/1.11111rem "Cairo"; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item h3 { font: normal 1.33333rem/1.33333rem "Cairo"; padding-bottom: 10px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item h3 { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item h3 { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location { font: normal 0.77778rem/1.77778rem "Cairo"; padding-bottom: 10px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .location { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info p { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info p { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info p { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { font-size: 20px; padding-left: 10px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { font: normal 0.77778rem/1.11111rem "Cairo"; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item, body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .day, body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { color: lime; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-item { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup { margin-bottom: 15px; display: inline-block; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading { background-color: #e3e3e3b3; padding: 10px 0; text-align: center; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading { background-color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading { background-color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon { font-size: 30px; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon { color: blue; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-heading .icon { color: #000; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { background-color: #f5f5f5; padding: 12px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { background-color: blue; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { background-color: #000; } .contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body, .contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { border: 1px solid transparent; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { border-color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { border-color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .days { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .days { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .days { color: lime; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { color: #ababab; } body.contrast-yellow-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { color: #ff0; } body.contrast-green-theme .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .time { color: lime; } #popup-container .happiness-map { height: 80vh; } .login-listing-container .listing-items-container .listing-item:not(.empty-listing-item) { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; } .login-listing-container .form-section { margin: 0; padding: 30px; } .login-listing-container .form-section .form-fields { margin: -10px -10px 0; } .login-listing-container .form-section .form-title { margin-bottom: 20px; } .login-listing-container .form-section .form-title h3 { padding-left: 40px; } .login-listing-container .form-section a:not(.btn) { display: block; margin-bottom: 5px; text-align: right; } body.contrast-yellow-theme .login-listing-container .form-section a:not(.btn) { color: #ff0; } body.contrast-green-theme .login-listing-container .form-section a:not(.btn) { color: lime; } .login-listing-container .form-section .btns-container .btn { width: 100%; margin: 0 0 20px; } .login-listing-container .form-smartpass { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .login-listing-container .form-smartpass .smartpass, .login-listing-container .form-smartpass span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .login-listing-container .form-smartpass .smartpass { text-align: center !important; margin: 20px 0 10px !important; max-width: 395px; display: block; width: 100%; height: 91px; border-radius: 7px; color: transparent; cursor: pointer; background-size: contain !important; background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat; } .dir-rtl .login-listing-container .form-smartpass .smartpass { background: url("../images/uaepass/ar-aeUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat; } .login-listing-container .form-smartpass .smartpass img { max-width: 100%; } .login-listing-container .form-smartpass .smartpass:hover { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Focus.png") no-repeat !important; background-size: contain !important; } .dir-rtl .login-listing-container .form-smartpass .smartpass:hover { background: url("../images/uaepass/ar-aeUAEPASS_Sign_in_Btn_Outline_Focus.png") no-repeat !important; background-size: contain !important; } .login-listing-container .form-smartpass .smartpass:active { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Pressed.png") no-repeat !important; background-size: contain !important; } .dir-rtl .login-listing-container .form-smartpass .smartpass:active { background: url("../images/uaepass/ar-aeUAEPASS_Sign_in_Btn_Outline_Pressed.png") no-repeat !important; background-size: contain !important; } .login-listing-container .form-smartpass .smartpass-ur { text-align: center !important; margin: 20px 53px 10px !important; max-width: 395px; display: block; width: 100%; height: 91px; border-radius: 7px; color: transparent; cursor: pointer; background-size: contain !important; background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat; } .dir-rtl .login-listing-container .form-smartpass .smartpass-ur { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat; } .login-listing-container .form-smartpass .smartpass-ur img { max-width: 100%; } .login-listing-container .form-smartpass .smartpass-ur:hover { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Focus.png") no-repeat !important; background-size: contain !important; } .dir-rtl .login-listing-container .form-smartpass .smartpass-ur:hover { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat !important; background-size: contain !important; } .login-listing-container .form-smartpass .smartpass-ur:active { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Pressed.png") no-repeat !important; background-size: contain !important; } .dir-rtl .login-listing-container .form-smartpass .smartpass-ur:active { background: url("../images/uaepass/enUAEPASS_Sign_in_Btn_Outline_Active.png") no-repeat !important; background-size: contain !important; } .login-listing-container .form-smartpass span { display: block; font: bold 1.11111rem/1.33333rem "Cairo"; text-align: center; padding: 0 15px; max-width: 390px; margin: 0 auto; } body.contrast-yellow-theme .login-listing-container .form-smartpass span { color: #ff0; } body.contrast-green-theme .login-listing-container .form-smartpass span { color: lime; } .login-listing-container .login-listing-or { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; width: 100%; } .login-listing-container .login-listing-or:before { content: ""; display: block; border-bottom: 1px solid #e1e1e1; top: 50%; bottom: 50%; left: 15px; right: 15px; position: absolute; margin: 0 auto; } body.contrast-yellow-theme .login-listing-container .login-listing-or:before { border-bottom-color: #ff0; } body.contrast-green-theme .login-listing-container .login-listing-or:before { border-bottom-color: lime; } .login-listing-container .login-listing-or span { background: #fff; display: block; position: relative; z-index: 10; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 20px; } body.contrast-yellow-theme .login-listing-container .login-listing-or span { background: blue; } body.contrast-green-theme .login-listing-container .login-listing-or span { background: #000; } body.contrast-yellow-theme .login-listing-container .login-listing-or span { color: #ff0; } body.contrast-green-theme .login-listing-container .login-listing-or span { color: lime; } .uae-missions-details .section-padding { padding: 30px 0; margin-bottom: 30px; } .uae-missions-details .tab { width: 90%; margin: 0 auto; margin-bottom: -50px; position: relative; z-index: 99; } .uae-missions-details .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; overflow: hidden; margin: 0 -5px 10px; width: 100%; } .uae-missions-details .tabs li { overflow: hidden; min-width: 90px; margin: 0 5px 10px; } .uae-missions-details .tabs a { border: 1px solid #707070; display: block; outline: none; padding: 8px 12px; text-decoration: none; text-align: center; font: normal 0.77778rem/0.88889rem "Cairo"; border-radius: 40px; min-height: 32px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .uae-missions-details .tabs a { border-color: #ff0; } body.contrast-green-theme .uae-missions-details .tabs a { border-color: lime; } body.contrast-yellow-theme .uae-missions-details .tabs a { color: #ff0; } body.contrast-green-theme .uae-missions-details .tabs a { color: lime; } body.contrast-yellow-theme .uae-missions-details .tabs a { background: blue; } body.contrast-green-theme .uae-missions-details .tabs a { background: #000; } .uae-missions-details .tabs a:hover { color: #fff !important; } body.contrast-yellow-theme .uae-missions-details .tabs a:hover { background: #ff0; } body.contrast-green-theme .uae-missions-details .tabs a:hover { background: lime; } body.contrast-yellow-theme .uae-missions-details .tabs a:hover { color: blue !important; } body.contrast-green-theme .uae-missions-details .tabs a:hover { color: #000 !important; } .uae-missions-details .tab_content { position: relative; } .uae-missions-details .tabs_item { opacity: 0; position: absolute; top: 30px; z-index: -1; visibility: hidden; background: #fff; -webkit-transition: top 0.3s, opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s; transition: top 0.3s, opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s; } body.contrast-yellow-theme .uae-missions-details .tabs_item { background: blue; } body.contrast-green-theme .uae-missions-details .tabs_item { background: #000; } .uae-missions-details .tabs_item.active { opacity: 1; z-index: 10; visibility: visible; top: 0; -webkit-transition: top 0.3s, opacity 0.3s, z-index 0s, visibility 0s; transition: top 0.3s, opacity 0.3s, z-index 0s, visibility 0s; } .uae-missions-details .tabs_item .contact-item:last-child { margin-bottom: 0; } body.contrast-yellow-theme .uae-missions-details .tabs_item .contact-item .icon { color: #ff0; } body.contrast-green-theme .uae-missions-details .tabs_item .contact-item .icon { color: lime; } .uae-missions-details .tabs_item .contact-item .icon-website + a { word-break: break-all; } .uae-missions-details .current a { color: #fff !important; } body.contrast-yellow-theme .uae-missions-details .current a { background: #ff0 !important; } body.contrast-green-theme .uae-missions-details .current a { background: lime !important; } body.contrast-yellow-theme .uae-missions-details .current a { color: blue !important; } body.contrast-green-theme .uae-missions-details .current a { color: #000 !important; } .uae-missions-details .content-container { background: #fff; height: 415px; } body.contrast-yellow-theme .uae-missions-details .content-container { background: blue; } body.contrast-green-theme .uae-missions-details .content-container { background: #000; } .uae-missions-details .map-section { height: 0; padding-bottom: 100%; } .inner-latest-news .latest-date-location { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #d0d0d0; margin: 25px 0; padding: 10px 0; } body.contrast-yellow-theme .inner-latest-news .latest-date-location { border-color: #ff0; } body.contrast-green-theme .inner-latest-news .latest-date-location { border-color: lime; } .inner-latest-news .latest-date-location .latest-date { font: normal 0.88889rem/1.11111rem "Cairo"; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } body.contrast-yellow-theme .inner-latest-news .latest-date-location .latest-date { color: #ff0; } body.contrast-green-theme .inner-latest-news .latest-date-location .latest-date { color: lime; } .inner-latest-news .latest-date-location .latest-date:last-child { margin-bottom: 0; } .inner-latest-news .latest-date-location .latest-date .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; font-size: 20px; width: 20px; -ms-flex-item-align: start; align-self: flex-start; } .inner-latest-news .latest-date-location .latest-date .latest-date-time { width: calc(100% - 50px); } .inner-latest-news .latest-date-location .latest-date .date, .inner-latest-news .latest-date-location .latest-date .location { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.22222rem; } .inner-latest-news.event-item .latest-date-location { margin: 0; border-bottom: 0; } .inner-latest-news.event-item .latest-date-location .latest-date .date, .inner-latest-news.event-item .latest-date-location .latest-date .location { margin: 0; } .event-listing .listing-items-container .listing-item .event-item .item-img { cursor: pointer; overflow: hidden; position: relative; } .event-listing .listing-items-container .listing-item .event-item .item-img .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s; transition: 0.3s; } .event-listing .listing-items-container .listing-item .event-item .item-img:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); } .contrast-yellow-theme .event-listing .listing-items-container .listing-item .event-item .item-img, .contrast-green-theme .event-listing .listing-items-container .listing-item .event-item .item-img { border-left: 1px solid transparent; } body.contrast-yellow-theme .event-listing .listing-items-container .listing-item .event-item .item-img { border-left-color: #ff0; } body.contrast-green-theme .event-listing .listing-items-container .listing-item .event-item .item-img { border-left-color: lime; } .event-listing .listing-items-container .listing-item .event-item .item-info .item-category { display: inline-block; font: normal 0.72222rem/1.33333rem "Cairo"; height: 27px; line-height: 27px; border-radius: 100px; color: #fff; padding: 0 25px; margin-bottom: 12px; } body.contrast-yellow-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category { background: #ff0; } body.contrast-green-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category { background: lime; } body.contrast-yellow-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category { color: blue; } body.contrast-green-theme .event-listing .listing-items-container .listing-item .event-item .item-info .item-category { color: #000; } .uae-missions-abroad-listing .form-section .form-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uae-missions-abroad-listing .form-section .form-title::before { right: 40px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .uae-missions-abroad-listing .form-section .form-title h3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .uae-missions-abroad-listing .form-section .form-title span { display: inline-block; position: relative; padding-left: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .uae-missions-abroad-listing .form-section .form-title span > svg { width: 50px; } body.contrast-yellow-theme .uae-missions-abroad-listing .form-section .form-title span > svg { fill: #ff0; } body.contrast-green-theme .uae-missions-abroad-listing .form-section .form-title span > svg { fill: lime; } .uae-missions-abroad-listing .form-section .form-title span i { font-size: 40px; } body.contrast-yellow-theme .uae-missions-abroad-listing .form-section .form-title span i { color: #ff0; } body.contrast-green-theme .uae-missions-abroad-listing .form-section .form-title span i { color: lime; } .uae-missions-abroad-listing .flags-section-container { text-align: center; } .uae-missions-abroad-listing .flags-section-rows { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uae-missions-abroad-listing .flags-section-rows .country-item { width: 50%; margin-bottom: 40px; text-decoration: none; } .uae-missions-abroad-listing .flags-section-rows .country-item .flag { display: block; height: 70px; margin: 0 auto 15px; border: 1px solid #efefef; font-size: 25px; } body.contrast-yellow-theme .uae-missions-abroad-listing .flags-section-rows .country-item .flag { border-color: #ff0; } body.contrast-green-theme .uae-missions-abroad-listing .flags-section-rows .country-item .flag { border-color: lime; } .uae-missions-abroad-listing .flags-section-rows .country-item span { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .uae-missions-abroad-listing .flags-section-rows .country-item span { color: #ff0; } body.contrast-green-theme .uae-missions-abroad-listing .flags-section-rows .country-item span { color: lime; } .inner-event-details .details-container .details-img .details-img-container { height: 390px; } .contrast-yellow-theme .inner-event-details .details-container .details-img .details-img-container, .contrast-green-theme .inner-event-details .details-container .details-img .details-img-container { border: 1px solid transparent; } body.contrast-yellow-theme .inner-event-details .details-container .details-img .details-img-container { border-color: #ff0; } body.contrast-green-theme .inner-event-details .details-container .details-img .details-img-container { border-color: lime; } .inner-related-events .related-items .related-event-item:not(:last-of-type) { margin-bottom: 5px; } .inner-related-events .related-items .related-event-item:not(:nth-child(n-1)):not(:nth-child(n-2)) .related-info .related-event-info { border-bottom: 1px solid #d0d0d0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .inner-related-events .related-items .related-event-item:not(:nth-child(n-1)):not(:nth-child(n-2)) .related-info .related-event-info { border-bottom-color: #ff0; } body.contrast-green-theme .inner-related-events .related-items .related-event-item:not(:nth-child(n-1)):not(:nth-child(n-2)) .related-info .related-event-info { border-bottom-color: lime; } .inner-related-events .related-items .related-info { padding-bottom: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .inner-related-events .related-items .related-info:not(:last-of-type) { margin-bottom: 15px; } .contrast-yellow-theme .inner-related-events .related-items .related-info:hover .related-event-info:not(:last-of-type), .contrast-green-theme .inner-related-events .related-items .related-info:hover .related-event-info:not(:last-of-type) { border-bottom: 1px solid transparent !important; } body.contrast-yellow-theme .inner-related-events .related-items .related-info:hover .related-event-info { border-bottom-color: #ff0 !important; } body.contrast-green-theme .inner-related-events .related-items .related-info:hover .related-event-info { border-bottom-color: lime !important; } .inner-related-events .related-items .related-info .related-event-info { height: 100%; } .inner-related-events .related-items .related-info .latest-date-location { border: 0; margin: 0; } .inner-related-events .related-items .related-info .latest-date-location .latest-date { margin-bottom: 5px; } .inner-related-events .related-items .related-info .latest-date-location .latest-date .date { margin: 0; } .gallery-listing-items-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; height: 250px; width: 100% !important; margin-bottom: 10px; } .gallery-listing-items-container .gallery-listing-item i { position: absolute; text-align: center; display: block; left: 0; right: 0; z-index: 10; top: 50%; color: #fff; opacity: 0; font-size: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.1s; transition: all 0.1s; } .photo-gallery-listing-container .gallery-listing-items-container .gallery-listing-item i { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition: opacity 0.3s, transform 0.3s ease 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s ease 0.3s; transition: opacity 0.3s, transform 0.3s ease 0.3s; transition: opacity 0.3s, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; } .gallery-listing-items-container .gallery-listing-item video { opacity: 0; position: absolute; visibility: hidden; z-index: -10; } .gallery-listing-items-container .gallery-listing-item .item-img { position: relative; border-radius: 5px; overflow: hidden; cursor: pointer; } .gallery-listing-items-container .gallery-listing-item .item-img, .gallery-listing-items-container .gallery-listing-item .item-img .img-container { width: 100%; height: 100%; } .gallery-listing-items-container .gallery-listing-item .item-img .img-container:before, .gallery-listing-items-container .gallery-listing-item .item-img .img-container:after { opacity: 0.2 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .gallery-listing-items-container .gallery-listing-item .item-img .item-details { position: absolute; right: 0; bottom: 0; padding: 10px; color: #fff; z-index: 10; } .gallery-listing-items-container .gallery-listing-item .item-img .item-details .album-title { padding: 5px 10px; background: rgba(0, 0, 0, 0.6); } .gallery-listing-items-container .gallery-listing-item .item-img .item-details .album-title:before { content: ""; display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid #979797; opacity: 0.6; pointer-events: none; } .gallery-listing-items-container .gallery-listing-item:hover i { opacity: 0.7; } .photo-gallery-listing-container .gallery-listing-items-container .gallery-listing-item:hover i { -webkit-transform: translateY(-50%) scale(2); transform: translateY(-50%) scale(2); -webkit-transition: opacity 0.15s, transform 0.3s ease 0.25s; -webkit-transition: opacity 0.15s, -webkit-transform 0.3s ease 0.25s; transition: opacity 0.15s, -webkit-transform 0.3s ease 0.25s; transition: opacity 0.15s, transform 0.3s ease 0.25s; transition: opacity 0.15s, transform 0.3s ease 0.25s, -webkit-transform 0.3s ease 0.25s; } .gallery-listing-items-container .gallery-listing-item:hover .item-img .img-container:before { opacity: 0.3 !important; } .gallery-listing-items-container .gallery-listing-item:hover .item-img .img-container:after { opacity: 1 !important; } #popup-gallery-container { width: 90vw !important; display: inline-block !important; opacity: 0; visibility: hidden; position: absolute; z-index: -10; } #popup-gallery-container.active { opacity: 1; visibility: visible; position: static; z-index: 10; } #popup-gallery-container .popup-gallery, #popup-gallery-container .popup-related-gallery { position: relative; } #popup-gallery-container .popup-gallery a:focus, #popup-gallery-container .popup-related-gallery a:focus { outline: 0; } #popup-gallery-container .popup-gallery .item-details, #popup-gallery-container .popup-related-gallery .item-details { color: #fff; margin-top: 20px; font: bold 1.11111rem "Cairo"; } #popup-gallery-container .popup-gallery .popup-gallery-nav a, #popup-gallery-container .popup-related-gallery .popup-gallery-nav a { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); color: #fff; font-size: 40px; padding: 50px 0; opacity: 0.5; padding-left: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; } #popup-gallery-container .popup-gallery .popup-gallery-nav a:hover, #popup-gallery-container .popup-related-gallery .popup-gallery-nav a:hover { opacity: 1; } #popup-gallery-container .popup-gallery .popup-gallery-nav a.next-btn, #popup-gallery-container .popup-related-gallery .popup-gallery-nav a.next-btn { -webkit-transform: translateY(-50%) scale(-1); transform: translateY(-50%) scale(-1); right: 0; } #popup-gallery-container .popup-gallery .popup-gallery-nav a.prev-btn, #popup-gallery-container .popup-related-gallery .popup-gallery-nav a.prev-btn { -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } #popup-gallery-container .popup-gallery { margin-bottom: 20px; padding: 0 50px; } #popup-gallery-container .popup-gallery img { max-width: 100%; max-height: 60vh; margin: 0 auto; } #popup-gallery-container .popup-related-gallery { display: none; } #popup-gallery-container .popup-related-gallery .slick-list { padding-bottom: 5px !important; } #popup-gallery-container .popup-related-gallery .item-img { padding: 0 5px; } #popup-gallery-container .popup-related-gallery .img-container { width: 100%; padding-bottom: 100%; position: relative; } #popup-gallery-container .popup-related-gallery .img-container:after { content: ""; display: block; height: 5px; position: absolute; top: 100%; right: 0; left: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } #popup-gallery-container .popup-related-gallery .slick-current .img-container:after { left: 0; } .video-item { width: 100%; } .video-gallery-video { width: 100%; max-height: 70vh; background: #000; } .page-landing h2 { font: bold 1.55556rem/2.22222rem "Cairo"; margin-bottom: 30px; } body.contrast-yellow-theme .page-landing h2 { color: #ff0; } body.contrast-green-theme .page-landing h2 { color: lime; } .page-landing .page-landing-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-landing .page-landing-container .item { height: 300px; position: relative; text-align: center; margin: 0 0 10px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-landing .page-landing-container .item:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .page-landing .page-landing-container .item:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background: #000; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s; transition: all 0.3s; } .page-landing .page-landing-container .item:hover:after { opacity: 0.4; } .page-landing .page-landing-container .item:hover:before { opacity: 0; } .page-landing .page-landing-container .item:hover h3 { padding-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } .page-landing .page-landing-container .item:hover h3:after { right: 0; left: 0; width: 100%; -webkit-transition: all 0.3s ease 0.3s; transition: all 0.3s ease 0.3s; } .page-landing .page-landing-container .item h3 { font: bold 1.55556rem/2.22222rem "Cairo"; color: #fff; padding-bottom: 0; display: inline-block; position: relative; -webkit-transition: all 0.3s ease 0.3s; transition: all 0.3s ease 0.3s; } body.contrast-yellow-theme .page-landing .page-landing-container .item h3 { color: #ff0; } body.contrast-green-theme .page-landing .page-landing-container .item h3 { color: lime; } .page-landing .page-landing-container .item h3:after { content: ""; height: 3px; background: #fff; position: absolute; left: 50%; right: 50%; width: 0; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .page-landing .page-landing-container .item h3:after { background: #ff0; } body.contrast-green-theme .page-landing .page-landing-container .item h3:after { background: lime; } .page-landing .page-landing-container .item .landing-item-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; position: relative; z-index: 20; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 0 15px; } .countries-carousel-container h2 { font: bold 1.55556rem/2.22222rem "Cairo"; margin-bottom: 30px; } .countries-carousel-container .countries-carousel { position: relative; } .countries-carousel-container .countries-carousel .countries-item { padding: 0 10px; text-align: center; } .countries-carousel-container .countries-carousel .countries-item a { display: inline-block; } .countries-carousel-container .countries-carousel .countries-item a h3 { font: bold 1.33333rem/1.55556rem "Cairo"; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .countries-carousel-container .countries-carousel .countries-item .country-flag { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto 20px; } .countries-carousel-container .countries-carousel .countries-nav { display: none; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .countries-carousel-container .countries-carousel .countries-nav a { position: absolute; top: 50%; color: #414141; font-size: 3.5rem; line-height: 1em; -webkit-transition: all 0.3s; transition: all 0.3s; } .countries-carousel-container .countries-carousel .countries-nav a:hover { color: #000; } .countries-carousel-container .countries-carousel .countries-nav a.prev-btn { right: 0; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .dir-rtl .countries-carousel-container .countries-carousel .countries-nav a.prev-btn { -webkit-transform: translateY(-50%) translateX(100%) scaleX(-1); transform: translateY(-50%) translateX(100%) scaleX(-1); } .countries-carousel-container .countries-carousel .countries-nav a.next-btn { left: 0; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .dir-rtl .countries-carousel-container .countries-carousel .countries-nav a.next-btn { -webkit-transform: translateY(-50%) translateX(-100%) scaleX(-1); transform: translateY(-50%) translateX(-100%) scaleX(-1); } .countries-carousel-container .one-country { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .countries-carousel-container .one-country .country-flag, .countries-carousel-container .one-country .country-info { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .countries-carousel-container .one-country .country-flag { height: 110px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .countries-carousel-container .one-country .country-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 30px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .countries-carousel-container .one-country .country-info h3 { font: bold 1.33333rem/1.55556rem "Cairo"; margin-bottom: 10px; } .countries-carousel-container .one-country .country-info p { margin-bottom: 15px; } .search-form { position: relative; } .search-form .search-btn { position: absolute; left: 0; height: 47px; font-size: 20px; padding: 0 20px; border-radius: 0; color: #fff; width: auto; } .search-form .search-btn:hover { background: #000 !important; } .search-listing-container .search-item-info { border: 0; } .search-listing-container .search-item-info .search-item-type { display: inline-block; margin-bottom: 20px; font: normal 0.72222rem/1.5rem "Cairo"; height: 27px; line-height: 27px; border-radius: 100px; color: #fff; padding: 0 25px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .search-listing-container .search-item-info .search-item-type { background: #ff0; } body.contrast-green-theme .search-listing-container .search-item-info .search-item-type { background: lime; } body.contrast-yellow-theme .search-listing-container .search-item-info .search-item-type { color: blue; } body.contrast-green-theme .search-listing-container .search-item-info .search-item-type { color: #000; } .search-listing-container .search-item-info .search-item-desc { font: normal 0.88889rem/1.77778rem "Cairo"; color: #414141; } .paging-container ul { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: -5px; } .paging-container ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 5px; } .paging-container ul li a { display: block; padding: 10px 20px; background: #e2e2e2; color: #444; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .paging-container ul li a:hover, .paging-container ul li a.active { color: #fff; } .paging-container ul li.prev-node.disabled, .paging-container ul li.next-node.disabled { opacity: 0.5; pointer-events: none; } .paging-container ul li.next-node { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dir-rtl .paging-container ul li.next-node { -webkit-transform: scaleX(1); transform: scaleX(1); } .dir-rtl .paging-container ul li.prev-node { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .passport-strength-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .passport-strength-details .passport-img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 200px; background: url("../images/passport_strength.png") top right / contain no-repeat; margin-bottom: 30px; } .passport-strength-details .passport-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .passport-strength-details .passport-info h2 { font: bold 1.44444rem/1.66667rem "Cairo"; margin-bottom: 30px; } .passport-strength-details .passport-info .passport-data { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .passport-strength-details .passport-info .passport-data .data-box { width: 100%; margin-bottom: 15px; } .passport-strength-details .passport-info .passport-data .data-box:last-child { margin-bottom: 0; } .passport-strength-details .passport-info .passport-data .data-box-info { height: 100%; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } body.contrast-yellow-theme .passport-strength-details .passport-info .passport-data .data-box-info { background: #ff0; } body.contrast-green-theme .passport-strength-details .passport-info .passport-data .data-box-info { background: lime; } .passport-strength-details .passport-info .passport-data .data-box-info span { text-align: center !important; color: #fff !important; } body.contrast-yellow-theme .passport-strength-details .passport-info .passport-data .data-box-info span { color: blue !important; } body.contrast-green-theme .passport-strength-details .passport-info .passport-data .data-box-info span { color: #000 !important; } .passport-strength-details .passport-info .passport-data .value { font: normal 2rem/2rem "Cairo"; margin-bottom: 10px; } .passport-strength-details .passport-info .passport-data .label { font: normal 1rem/1.22222rem "Cairo"; margin-bottom: 0 !important; } .passport-strength-details .passport-info .form-title h3 { margin-bottom: 0 !important; } .custom-content .container h1, .custom-content .container h2, .custom-content .container h3, .custom-content .container h4, .custom-content .container h5, .custom-content .container h6, .custom-content .container p { width: 100%; } .custom-content .container h1, .custom-content .container h2, .custom-content .container h3, .custom-content .container h4, .custom-content .container h5, .custom-content .container h6, .custom-content .container p, .custom-content .container span, .custom-content .container ul, .custom-content .container li { text-decoration: none !important; direction: ltr !important; text-align: right !important; } .dir-rtl .custom-content .container h1, .dir-rtl .custom-content .container h2, .dir-rtl .custom-content .container h3, .dir-rtl .custom-content .container h4, .dir-rtl .custom-content .container h5, .dir-rtl .custom-content .container h6, .dir-rtl .custom-content .container p, .dir-rtl .custom-content .container span, .dir-rtl .custom-content .container ul, .dir-rtl .custom-content .container li { direction: rtl !important; } .custom-content .container h1, .custom-content .container h1 a, .custom-content .container h2, .custom-content .container h2 a, .custom-content .container h3, .custom-content .container h3 a, .custom-content .container h4, .custom-content .container h4 a, .custom-content .container h5, .custom-content .container h5 a, .custom-content .container h6, .custom-content .container h6 a, .custom-content .container p, .custom-content .container p a, .custom-content .container span, .custom-content .container span a, .custom-content .container ul, .custom-content .container ul a, .custom-content .container li, .custom-content .container li a { background: transparent !important; } .custom-content .container > * { margin-bottom: 20px !important; } .custom-content .container > *:last-child { margin-bottom: 0 !important; } .custom-content h1, .custom-content h2 { margin-bottom: 30px; } .custom-content h3, .custom-content h4, .custom-content h5, .custom-content h6 { margin-bottom: 20px; } .custom-content h1 { font: bold 2rem/2.22222rem "Cairo"; } .custom-content h2 { font: bold 1.66667rem/1.88889rem "Cairo"; } .custom-content h3 { font: bold 1.33333rem/1.55556rem "Cairo"; } .custom-content h4 { font: bold 1.11111rem/1.33333rem "Cairo"; } .custom-content h5 { font: bold 1rem/1.22222rem "Cairo"; } .custom-content h6 { font: bold 0.88889rem/1.11111rem "Cairo"; } .custom-content p, .custom-content span, .custom-content li { display: block; font: normal 0.88889rem/1.77778rem "Cairo"; margin: 0 0 15px !important; color: #414141 !important; } body.contrast-yellow-theme .custom-content p, body.contrast-yellow-theme .custom-content span, body.contrast-yellow-theme .custom-content li { color: #ff0 !important; } body.contrast-green-theme .custom-content p, body.contrast-green-theme .custom-content span, body.contrast-green-theme .custom-content li { color: lime !important; } .custom-content p span, .custom-content span span, .custom-content li span { display: inline; margin: 0 !important; } .custom-content strong, .custom-content strong p, .custom-content strong span { font-weight: bold !important; } .custom-content a { font: normal 0.88889rem/1.11111rem "Cairo"; } body.default-theme .custom-content a, body.default-theme .custom-content a span, body.default-theme .custom-content a p { color: #b68a35 !important; } body.red-theme .custom-content a, body.red-theme .custom-content a span, body.red-theme .custom-content a p { color: #c8102e !important; } body.green-theme .custom-content a, body.green-theme .custom-content a span, body.green-theme .custom-content a p { color: #00843d !important; } body.gray-theme .custom-content a, body.gray-theme .custom-content a span, body.gray-theme .custom-content a p { color: #676767 !important; } body.contrast-yellow-theme .custom-content a, body.contrast-yellow-theme .custom-content a span, body.contrast-yellow-theme .custom-content a p { color: #ff0 !important; } body.contrast-green-theme .custom-content a, body.contrast-green-theme .custom-content a span, body.contrast-green-theme .custom-content a p { color: lime !important; } .custom-content .content-img { display: block; width: 100%; } .custom-content .content-img img { width: 100%; max-width: 550px; } .custom-content .content-video video { width: 100%; } .custom-content ul li li:before { border-color: #b68a35; border-bottom-width: 0px; } .custom-content ul li li li:before { border-radius: 50%; } .custom-content .custom-content .no-style li:before { border: transparent; } .custom-content .index-book ul { width: 100%; } .custom-content .stiky-index { position: fixed; top: 140px; margin-right: -15px; } .custom-content .index-book { display: none; } .custom-content .custom-list li, .custom-content ul li, .custom-content ul li, .custom-content .custom-list li span, .custom-content ul li span, .custom-content ul li span, .custom-content .custom-list li p, .custom-content ul li p, .custom-content ul li p { line-height: normal; } .custom-download-link-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1rem; } .sm-download-container { width: 300px; max-width: 100%; } @media screen and (min-width: 1200px) { .index-book { display: block !important; } } .payment-methods { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .payment-methods img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50px; margin: 5px; } .expo-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -20px -15px; } .expo-cards, .expo-cards * { -webkit-transition: all 0.3s; transition: all 0.3s; } .expo-cards .expo-card-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; max-width: 100%; padding: 20px 15px; } .expo-cards .expo-card-data { position: relative; padding: 40px 30px 30px; color: #414141; text-align: center; height: 100%; border: 2px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.contrast-yellow-theme .expo-cards .expo-card-data { color: #ff0; } body.contrast-green-theme .expo-cards .expo-card-data { color: lime; } body.contrast-yellow-theme .expo-cards .expo-card-data { border-color: #ff0; } body.contrast-green-theme .expo-cards .expo-card-data { border-color: lime; } body.contrast-yellow-theme .expo-cards .expo-card-data { background: blue !important; } body.contrast-green-theme .expo-cards .expo-card-data { background: #000 !important; } .expo-cards .expo-card-icon { position: absolute; top: 0; left: 50%; margin: 0 auto; padding: 10px; background: #fff; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body.contrast-yellow-theme .expo-cards .expo-card-icon { color: #ff0; } body.contrast-green-theme .expo-cards .expo-card-icon { color: lime; } body.contrast-yellow-theme .expo-cards .expo-card-icon { background: blue; } body.contrast-green-theme .expo-cards .expo-card-icon { background: #000; } .expo-cards .expo-card-icon i { font-size: 2.77778rem; } .expo-cards h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 30px; text-transform: capitalize; font: normal 1.77778rem/1.88889rem "Cairo"; display: block; } .expo-cards .expo-years-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .expo-cards .expo-year { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .expo-cards .expo-year:first-child { border-left: 1px solid #ccc; } body.contrast-yellow-theme .expo-cards .expo-year:first-child { border-left-color: #ff0; } body.contrast-green-theme .expo-cards .expo-year:first-child { border-left-color: lime; } .expo-cards h4, .expo-cards span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .expo-cards h4 { display: inline-block; font: normal 1.11111rem/1.33333rem "Cairo"; } .expo-cards span { font: bold 1.33333rem/1.55556rem "Cairo"; padding: 5px; margin-bottom: 10px; display: inline-block; border-radius: 3px; color: #fff; } body.contrast-yellow-theme .expo-cards span { background: #ff0; } body.contrast-green-theme .expo-cards span { background: lime; } body.contrast-yellow-theme .expo-cards span { color: blue; } body.contrast-green-theme .expo-cards span { color: #000; } .ministers-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -10px 0; } .ministers-cards .card-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 10px 0; width: 100%; } .ministers-cards .card-item .card-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 2px solid #ccc; padding: 25px; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ministers-cards .card-item .card-info { background: blue; } body.contrast-green-theme .ministers-cards .card-item .card-info { background: #000; } .ministers-cards .card-item .card-info .card-img, .ministers-cards .card-item .card-info h2, .ministers-cards .card-item .card-info h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .ministers-cards .card-item .card-info .card-img { width: 100px; height: 100px; overflow: hidden; border-radius: 100%; margin-bottom: 30px; background-position-y: 0 !important; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .ministers-cards .card-item .card-info h2 { text-transform: capitalize; color: #414141; margin-bottom: 5px; font: bold 1.22222rem/1.44444rem "Cairo"; } .ministers-cards .card-item .card-info h3 { color: #999; font: normal 1rem/1.22222rem "Cairo"; } body.contrast-yellow-theme .ministers-cards .card-item .card-info:hover { border-color: #ff0; } body.contrast-green-theme .ministers-cards .card-item .card-info:hover { border-color: lime; } .ministers-cards .card-item .card-info:hover .card-img { -webkit-transform: scale(1.2); transform: scale(1.2); } .sitemap-container h1, .sitemap-container h2, .sitemap-container h3, .sitemap-container h4, .sitemap-container h5, .sitemap-container h6, .sitemap-container p, .sitemap-container span, .sitemap-container ul, .sitemap-container li { margin-bottom: 0; } .sitemap-container a { display: block; text-decoration: none !important; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .sitemap-container a { color: #ff0; } body.contrast-green-theme .sitemap-container a { color: lime; } .sitemap-container a[href^="javascript:"] { cursor: default; } .contrast-yellow-theme .sitemap-container a:not([href^="javascript:"]):hover, .contrast-green-theme .sitemap-container a:not([href^="javascript:"]):hover { text-decoration: underline !important; } .sitemap-container h4 { padding-bottom: 10px; font: bold 1rem/1.22222rem "Cairo"; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } .sitemap-container .form-title a, .sitemap-container .form-title a h3 { color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .sitemap-container .form-title a, body.contrast-yellow-theme .sitemap-container .form-title a h3 { color: #ff0; } body.contrast-green-theme .sitemap-container .form-title a, body.contrast-green-theme .sitemap-container .form-title a h3 { color: lime; } .sitemap-container ul { list-style: none; } .sitemap-container ul li { padding: 0; margin: 0; } .sitemap-container ul li:before { display: none; } .sitemap-container .second-level { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -15px; } .sitemap-container .second-level a { display: block; width: 100%; padding: 10px 0; } .sitemap-container .second-level > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; padding: 5px 15px; } .sitemap-container .second-level > li > a { padding: 0; color: #aaa !important; } .sitemap-container .third-level { width: 100%; margin-top: 5px; } .sitemap-container .third-level li a { border-bottom: 1px solid #eee; } body.contrast-yellow-theme .sitemap-container .third-level li a { border-bottom-color: #ff0; } body.contrast-green-theme .sitemap-container .third-level li a { border-bottom-color: lime; } .sitemap-container .third-level li a:not([href^="javascript:"]):hover { text-decoration: underline !important; } .sitemap-container .third-level li:last-child a { border: 0; } .ranking-container .ranking-category { display: inline-block; width: 100%; background: #f2f2f2; border: 1px solid transparent; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(30px); transform: translateY(30px); } body.contrast-yellow-theme .ranking-container .ranking-category { background: blue; } body.contrast-green-theme .ranking-container .ranking-category { background: #000; } body.contrast-yellow-theme .ranking-container .ranking-category { border-color: #ff0; } body.contrast-green-theme .ranking-container .ranking-category { border-color: lime; } .ranking-container .ranking-category.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ranking-container .ranking-category .start-label, .ranking-container .ranking-category .end-label { width: 80px; overflow: hidden; } .ranking-container .ranking-category .start-label .timeline-node:before, .ranking-container .ranking-category .end-label .timeline-node:before { content: "__ __ __ __ __ __ __" !important; background: transparent !important; color: #414141; white-space: nowrap; line-height: 1px; bottom: 8px !important; } body.contrast-yellow-theme .ranking-container .ranking-category .start-label .timeline-node:before, body.contrast-yellow-theme .ranking-container .ranking-category .end-label .timeline-node:before { color: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .start-label .timeline-node:before, body.contrast-green-theme .ranking-container .ranking-category .end-label .timeline-node:before { color: lime; } .dir-rtl .ranking-container .ranking-category .start-label .timeline-node:before, .dir-rtl .ranking-container .ranking-category .end-label .timeline-node:before { line-height: 5px; } .ranking-container .ranking-category .start-label .timeline-node:after, .ranking-container .ranking-category .end-label .timeline-node:after { display: none !important; } .ranking-container .ranking-category .start-label { float: right; } .ranking-container .ranking-category .start-label .timeline-node:before { right: 50% !important; text-align: right; } .ranking-container .ranking-category .start-label .timeline-node .year { padding-left: 5px !important; } .ranking-container .ranking-category .start-label .timeline-node .year span { text-align: left !important; } .ranking-container .ranking-category .start-label .timeline-node .node { background: #414141 !important; border-color: #414141 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .start-label .timeline-node .node { background: #ff0 !important; } body.contrast-green-theme .ranking-container .ranking-category .start-label .timeline-node .node { background: lime !important; } .ranking-container .ranking-category .end-label { float: left; } .ranking-container .ranking-category .end-label .timeline-node:before { left: 50% !important; direction: ltr; } .ranking-container .ranking-category .end-label .timeline-node .year { padding-right: 5px !important; } .ranking-container .ranking-category .end-label .timeline-node .year span { text-align: right !important; } .ranking-container .ranking-category .ranking-carousel { overflow: hidden; } .ranking-container .ranking-category .ranking-item { position: relative; } .ranking-container .ranking-category .ranking-item:hover .ranking-info { opacity: 1; } .ranking-container .ranking-category .ranking-item .timeline-node-container { padding: 70px 0; } .ranking-container .ranking-category .ranking-item .timeline-node { position: relative; height: 90px; } .ranking-container .ranking-category .ranking-item .timeline-node:before, .ranking-container .ranking-category .ranking-item .timeline-node:after { content: ""; display: block; position: absolute; background: #414141; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .timeline-node:before, body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .timeline-node:after { background: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .timeline-node:before, body.contrast-green-theme .ranking-container .ranking-category .ranking-item .timeline-node:after { background: lime; } .ranking-container .ranking-category .ranking-item .timeline-node:before { left: 0; right: 0; bottom: 0; height: 1px; } .ranking-container .ranking-category .ranking-item .timeline-node:after { bottom: 0; top: 0; left: 50%; right: 50%; width: 1px; margin: 0 auto; } .ranking-container .ranking-category .ranking-item .ranking-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10px 30px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; z-index: 20; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .ranking-info { background: blue; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .ranking-info { background: #000; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .ranking-info { border-color: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .ranking-info { border-color: lime; } .ranking-container .ranking-category .ranking-item .ranking-info:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.2; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .ranking-info:before { background: blue; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .ranking-info:before { background: #000; } .ranking-container .ranking-category .ranking-item .ranking-info span { font: normal 1rem/1.22222rem "Cairo"; display: block; margin: 0 !important; text-align: center !important; } .ranking-container .ranking-category .ranking-item .ranking-info .info-rank, .ranking-container .ranking-category .ranking-item .ranking-info .info-data, .ranking-container .ranking-category .ranking-item .ranking-info .info-year { position: relative; z-index: 10; } .ranking-container .ranking-category .ranking-item .ranking-info .info-data { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .ranking-container .ranking-category .ranking-item .ranking-info p { font: normal 0.88889rem/1.11111rem "Cairo"; text-align: center !important; } .ranking-container .ranking-category .ranking-item .ranking-info p:last-child { margin: 0 !important; } .ranking-container .ranking-category .ranking-item .ranking-info .info-rank span, .ranking-container .ranking-category .ranking-item .ranking-info .info-year span { font-weight: bold; } .ranking-container .ranking-category .ranking-item .rank, .ranking-container .ranking-category .ranking-item .year { position: absolute; left: 0; right: 0; margin: 0 auto; color: #414141; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .rank, body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .year { color: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .rank, body.contrast-green-theme .ranking-container .ranking-category .ranking-item .year { color: lime; } .ranking-container .ranking-category .ranking-item .rank span, .ranking-container .ranking-category .ranking-item .year span { margin: 0 !important; text-align: center !important; } .ranking-container .ranking-category .ranking-item .rank { padding: 0 0 10px; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .ranking-container .ranking-category .ranking-item .rank:before { content: ""; display: block; width: 6px; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; background: #414141; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .rank:before { background: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .rank:before { background: lime; } .ranking-container .ranking-category .ranking-item .rank span { font: normal 1.11111rem/1.11111rem "Cairo"; } .ranking-container .ranking-category .ranking-item .year { padding: 20px 0 0; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .ranking-container .ranking-category .ranking-item .year span { font: bold 1.11111rem/1.11111rem "Cairo"; } .ranking-container .ranking-category .ranking-item .node { width: 20px; height: 20px; border: 1px solid transparent; border-radius: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -10px; z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .node { background: blue; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .node { background: #000; } body.contrast-yellow-theme .ranking-container .ranking-category .ranking-item .node { border-color: #ff0; } body.contrast-green-theme .ranking-container .ranking-category .ranking-item .node { border-color: lime; } .search-listing-container .news-listing-item .search-item-info { height: 100%; } #search-input-container { position: relative; } #search-input-container .search-input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; text-decoration: none; color: #b68a35; } .consular-services-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin: 0px -15px -30px; } .consular-services-list a { display: inline-block; width: 100%; } .consular-services-list .topic-info { padding: 30px 25px 25px; height: 100%; margin-right: auto; margin-left: auto; position: relative; border: 2px solid #b7b7b7; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list .topic-info { border-color: #ff0; } body.contrast-green-theme .consular-services-list .topic-info { border-color: lime; } .consular-services-list .topic-info.musafer-box { min-height: 173px; } .consular-services-list .topic-icon { position: absolute; padding: 0 30px; top: 0; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list .topic-icon { background: blue; } body.contrast-green-theme .consular-services-list .topic-icon { background: #000; } .consular-services-list .topic-icon > div { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .consular-services-list .topic-icon svg { height: 51px; max-width: 100px; } .consular-services-list .topic-icon svg, .consular-services-list .topic-icon svg path, .consular-services-list .topic-icon svg ellipse { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list .topic-icon svg, body.contrast-yellow-theme .consular-services-list .topic-icon svg path, body.contrast-yellow-theme .consular-services-list .topic-icon svg ellipse { fill: #ff0; } body.contrast-green-theme .consular-services-list .topic-icon svg, body.contrast-green-theme .consular-services-list .topic-icon svg path, body.contrast-green-theme .consular-services-list .topic-icon svg ellipse { fill: lime; } .consular-services-list .topic-icon svg circle { fill: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list .topic-icon svg circle { fill: blue; } body.contrast-green-theme .consular-services-list .topic-icon svg circle { fill: #000; } .consular-services-list .topic-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; width: 100%; padding: 30px 15px; text-align: right; } body.contrast-yellow-theme .consular-services-list .topic-item:hover .topic-info { border-color: #ff0; } body.contrast-green-theme .consular-services-list .topic-item:hover .topic-info { border-color: lime; } body.contrast-yellow-theme .consular-services-list .topic-item:hover .topic-title { color: #ff0; } body.contrast-green-theme .consular-services-list .topic-item:hover .topic-title { color: lime; } .consular-services-list .topic-title { font: bold 1.11111rem/1.33333rem "Cairo"; margin: 15px 0; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list .topic-title { color: #ff0; } body.contrast-green-theme .consular-services-list .topic-title { color: lime; } .consular-services-list p { font: normal 0.88889rem/1.33333rem "Cairo"; color: #6d6d6d; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .consular-services-list p { color: #ff0; } body.contrast-green-theme .consular-services-list p { color: lime; } .current-poll-section .item-border { border: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible; } .current-poll-section h3 { font: normal 1rem/1.22222rem "Cairo"; } .current-poll-section .latest-container { margin: 0 !important; } .polls-listing-container .polls-listing-item .question-letter:before, .polls-listing-container .polls-listing-item .answer-letter:before { display: none; } .polls-listing-container .polls-listing-item .answer .item-border { padding: 15px 0 !important; } .polls-listing-container .polls-listing-item .answer-letter { padding: 0 15px; } .poll-answers .answer-letter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .poll-answers .answer-letter h3 { padding: 0 !important; margin-bottom: 10; } .custom-popup { position: fixed; padding: 0; border: 0 !important; z-index: 1000; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-popup .ui-dialog-titlebar { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border: 1px solid transparent; color: #fff; } .custom-popup .ui-dialog-content { border: 1px solid #bbb !important; } .custom-popup .ui-dialog-content h2 { font-size: 1.11111rem; border-bottom: 1px solid #bbb; padding: 10px 0 15px; } .custom-popup .ui-dialog-content .form-group { margin: 15px 0 25px; } .custom-popup .ui-dialog-content .form-group label { font-weight: bold; display: block; margin-bottom: 10px; } .custom-popup .ui-dialog-content input[type="submit"] { display: inline-block; padding: 13px 30px; width: 100%; border-radius: 99px; font: normal 1rem "Cairo"; text-transform: capitalize; cursor: pointer; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .minister-travel { text-align: center; } .contrast-yellow-theme .minister-travel, .contrast-green-theme .minister-travel { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } body.contrast-yellow-theme .minister-travel { background: blue; } body.contrast-green-theme .minister-travel { background: #000; } body.contrast-yellow-theme .minister-travel { border-top-color: #ff0; } body.contrast-green-theme .minister-travel { border-top-color: lime; } body.contrast-yellow-theme .minister-travel { border-bottom-color: #ff0; } body.contrast-green-theme .minister-travel { border-bottom-color: lime; } .minister-travel h2 { font: bold 1.55556rem/2.22222rem "Cairo"; margin-bottom: 30px; text-transform: capitalize; } body.contrast-yellow-theme .minister-travel h2 { color: #ff0; } body.contrast-green-theme .minister-travel h2 { color: lime; } .minister-travel .minister-travel-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .minister-travel .minister-travel-container .travel-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; width: calc(100% / 2); padding: 0 15px; margin-bottom: 70px; display: block; margin: 0; } .minister-travel .minister-travel-container .travel-item .icon { margin: 30px 0 20px; } .minister-travel .minister-travel-container .travel-item .icon i { font-size: 3.2em; } body.contrast-yellow-theme .minister-travel .minister-travel-container .travel-item .icon i { color: #ff0; } body.contrast-green-theme .minister-travel .minister-travel-container .travel-item .icon i { color: lime; } .minister-travel .minister-travel-container .travel-item .num { font: bold 1.77778rem/2rem "Cairo"; } body.contrast-yellow-theme .minister-travel .minister-travel-container .travel-item .num { color: #ff0; } body.contrast-green-theme .minister-travel .minister-travel-container .travel-item .num { color: lime; } .minister-travel .minister-travel-container .travel-item .title { font: normal 0.88889rem/1.11111rem "Cairo"; color: #707070; margin-top: 15px; } body.contrast-yellow-theme .minister-travel .minister-travel-container .travel-item .title { color: #ff0; } body.contrast-green-theme .minister-travel .minister-travel-container .travel-item .title { color: lime; } .minister-travel .minister-travel-btns { margin-top: 30px; } .minister-bio .bio-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minister-bio .bio-info .bio-follow, .minister-bio .bio-info .bio-data { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .minister-bio .bio-info .bio-follow .bio-social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding-left: 8px; } .minister-bio .bio-info .bio-follow .bio-social-media h2 { font: bold 1.66667rem/2.22222rem "Cairo"; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body.contrast-yellow-theme .minister-bio .bio-info .bio-follow .bio-social-media h2 { color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-follow .bio-social-media h2 { color: lime; } .minister-bio .bio-info .bio-follow .bio-social-media ul { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: end; align-self: flex-end; list-style: none; } .minister-bio .bio-info .bio-follow .bio-social-media ul li { float: right; padding: 0 8px; } .minister-bio .bio-info .bio-follow .bio-social-media ul li a { display: block; font-size: 1.22222rem; } .minister-bio .bio-info .bio-follow .bio-social-media ul li a i { display: block; width: 45px; height: 45px; text-align: center; line-height: 43px; border: 2px solid #000; background: #fff; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i { color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i { color: lime; } body.contrast-yellow-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i { border-color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-follow .bio-social-media ul li a i { border-color: lime; } .minister-bio .bio-info .bio-follow .bio-img { height: 330px; } .minister-bio .bio-info .bio-data { padding: 30px; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data { background: blue; } body.contrast-green-theme .minister-bio .bio-info .bio-data { background: #000; } .contrast-yellow-theme .minister-bio .bio-info .bio-data, .contrast-green-theme .minister-bio .bio-info .bio-data { border: 1px solid transparent; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data { border-color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-data { border-color: lime; } .minister-bio .bio-info .bio-data h3 { font: bold 2rem/2.22222rem "Cairo"; margin-bottom: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data h3 { color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-data h3 { color: lime; } .minister-bio .bio-info .bio-data h4 { font: bold 1.55556rem/2.22222rem "Cairo"; margin-bottom: 15px; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data h4 { color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-data h4 { color: lime; } .minister-bio .bio-info .bio-data .bio-documents-download { margin: 20px -15px !important; } .minister-bio .bio-info .bio-data p { font: normal 0.88889rem/1.77778rem "Cairo"; margin-bottom: 15px; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data p { color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-data p { color: lime; } .minister-bio .bio-info .bio-data .bio-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 10px; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item:last-child { margin-bottom: 0; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item .btn { width: 100%; } .bio-documents-download { margin-top: 20px !important; margin-bottom: 20px !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .bio-documents-download .details-back-btn { margin-bottom: 10px; border-left: 1px solid #8e8e8e; } body.contrast-yellow-theme .bio-documents-download .details-back-btn { border-left-color: #ff0; } body.contrast-green-theme .bio-documents-download .details-back-btn { border-left-color: lime; } .bio-documents-download .details-back-btn:last-child { border: 0 !important; } .minister-bio-details-container .details-img img { width: 100%; } .minister-bio-details-container .details-info { margin-bottom: 0; } .minister-achievements h2 { font: bold 1.55556rem/1.77778rem "Cairo"; text-align: center; margin-bottom: 30px; } body.contrast-yellow-theme .minister-achievements h2 { color: #ff0; } body.contrast-green-theme .minister-achievements h2 { color: lime; } .minister-achievements .achievements-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } .minister-achievements .achievements-container .achievement-item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 200px; height: 200px; border-radius: 100%; border: 5px solid #e1e1e1; margin-bottom: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-achievements .achievements-container .achievement-item { color: #ff0; } body.contrast-green-theme .minister-achievements .achievements-container .achievement-item { color: lime; } body.contrast-yellow-theme .minister-achievements .achievements-container .achievement-item { border-color: #ff0; } body.contrast-green-theme .minister-achievements .achievements-container .achievement-item { border-color: lime; } .minister-achievements .achievements-container .achievement-item .achievement-content { width: 65%; } .minister-achievements .achievements-container .achievement-item i { font-size: 3.33333rem; margin-bottom: 20px; display: block; } .minister-achievements .achievements-container .achievement-item h3 { font: normal 1.11111rem/1.27778rem "Cairo"; text-transform: uppercase; } .minister-achievements .achievements-container .achievement-item:hover { color: #fff !important; } body.contrast-yellow-theme .minister-achievements .achievements-container .achievement-item:hover { color: blue !important; } body.contrast-green-theme .minister-achievements .achievements-container .achievement-item:hover { color: #000 !important; } body.contrast-yellow-theme .minister-achievements .achievements-container .achievement-item:hover { background: #ff0; } body.contrast-green-theme .minister-achievements .achievements-container .achievement-item:hover { background: lime; } .minister-home-listing .custom-tabs-content { height: 500px; } .minister-home-listing .minister-home-list .minister-home-list-items-container { display: block; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } .minister-home-listing .minister-home-list .minister-home-list-items-container .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .minister-home-listing .minister-home-list .minister-home-list-items-container .minister-home-list-item { margin: 0; display: block; width: auto; height: auto; } .minister-home-listing .media-listing .item-img { height: 400px; } .minister-home-listing .minister-home-list-btns { margin-top: 40px; } .minister-home-contact .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minister-home-contact .contact-info .contact-follow { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .minister-home-contact .contact-info .contact-data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; } .minister-home-contact .contact-info .contact-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .minister-home-contact .contact-info .contact-title i, .minister-home-contact .contact-info .contact-title h2 { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-title i, body.contrast-yellow-theme .minister-home-contact .contact-info .contact-title h2 { color: #ff0; } body.contrast-green-theme .minister-home-contact .contact-info .contact-title i, body.contrast-green-theme .minister-home-contact .contact-info .contact-title h2 { color: lime; } .minister-home-contact .contact-info .contact-title i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; font-size: 2.22222rem; } .minister-home-contact .contact-info .contact-title h2 { font: normal 1.11111rem/1.33333rem "Cairo"; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .minister-home-contact .contact-info .contact-social-media { padding: 30px; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media { background: #ff0; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media { background: lime; } .minister-home-contact .contact-info .contact-social-media h3 { font: normal 1.66667rem/1.88889rem "Cairo"; color: #fff; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media h3 { color: blue; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media h3 { color: #000; } .minister-home-contact .contact-info .contact-social-media ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -5px 0; list-style: none; } .minister-home-contact .contact-info .contact-social-media ul li { padding: 0 5px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .minister-home-contact .contact-info .contact-social-media ul li a { display: block; color: #fff; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 100%; text-align: center; line-height: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a { border-color: blue; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a { border-color: #000; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a { background: #ff0; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a { background: lime; } .minister-home-contact .contact-info .contact-social-media ul li a:hover { background: #fff; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover { background: blue; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover { background: #000; } body.default-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.default-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.default-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: #b68a35 !important; } body.red-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.red-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.red-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: #c8102e !important; } body.green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: #00843d !important; } body.gray-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.gray-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.gray-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: #676767 !important; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: #ff0 !important; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover, body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i, body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a:hover i:hover { color: lime !important; } .minister-home-contact .contact-info .contact-social-media ul li a i, .minister-home-contact .contact-info .contact-social-media ul li a i:hover { background: transparent !important; -webkit-transition: none; transition: none; } body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a i, body.contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a i:hover { color: blue; } body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a i, body.contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a i:hover { color: #000; } .contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a i:after, .contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a i:after, .contrast-yellow-theme .minister-home-contact .contact-info .contact-social-media ul li a i:hover:after, .contrast-green-theme .minister-home-contact .contact-info .contact-social-media ul li a i:hover:after { display: none; } .minister-home-contact .contact-amb-title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .minister-home-contact .contact-amb-title .icon-message { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; font-size: 2.22222rem; } .minister-home-contact .contact-amb-title h2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font: normal 1.11111rem/1.33333rem "Cairo"; } .minister-awards { background: #fff; } body.contrast-yellow-theme .minister-awards { background: blue; } body.contrast-green-theme .minister-awards { background: #000; } .minister-awards h2 { font: bold 1.55556rem/2.22222rem "Cairo"; margin-bottom: 30px; text-transform: capitalize; } body.contrast-yellow-theme .minister-awards h2 { color: #ff0; } body.contrast-green-theme .minister-awards h2 { color: lime; } .minister-awards .minister-reward-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .minister-awards .minister-reward-container .reward-title, .minister-awards .minister-reward-container .reward-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .minister-awards .minister-reward-container .awards-read-more-btn { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; line-height: 36px; background: #000; color: #fff; } body.contrast-yellow-theme .minister-awards .minister-reward-container .awards-read-more-btn { background: blue; } body.contrast-green-theme .minister-awards .minister-reward-container .awards-read-more-btn { background: #000; } body.contrast-yellow-theme .minister-awards .minister-reward-container .awards-read-more-btn { color: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .awards-read-more-btn { color: lime; } body.contrast-yellow-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover { background: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover { background: lime; } body.contrast-yellow-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover { color: blue; } body.contrast-green-theme .minister-awards .minister-reward-container .awards-read-more-btn:hover { color: #000; } .minister-awards .minister-reward-container .reward-title { width: 100%; text-align: center; } .minister-awards .minister-reward-container .reward-title i { font-size: 6em; } body.contrast-yellow-theme .minister-awards .minister-reward-container .reward-title i { color: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .reward-title i { color: lime; } .minister-awards .minister-reward-container .reward-title h2 { width: 50%; margin: 0 auto; margin-top: 30px; } body.contrast-yellow-theme .minister-awards .minister-reward-container .reward-title h2 { color: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .reward-title h2 { color: lime; } .minister-awards .minister-reward-container .reward-container { width: 100%; } .minister-awards .minister-reward-container .reward-container .reward-img { text-align: center; } body.contrast-yellow-theme .minister-awards .minister-reward-container .reward-container .reward-img img { background: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .reward-container .reward-img img { background: lime; } .minister-awards .minister-reward-container .reward-container p { font: 0.88889rem/1.5rem "Cairo"; color: #414141; margin-bottom: 20px; } body.contrast-yellow-theme .minister-awards .minister-reward-container .reward-container p { color: #ff0; } body.contrast-green-theme .minister-awards .minister-reward-container .reward-container p { color: lime; } .minister-news { position: relative; } .minister-news .minister-bg { background: url(../images/minister-news-bg.jpg) center/cover no-repeat; width: 100%; bottom: 50%; position: absolute; top: 0; z-index: -1; } .minister-news .minister-bg:before { opacity: 0.2 !important; } .minister-news .minister-bg:after { opacity: 0.5 !important; } .minister-news .breadcrumb-container .inner-banner::before, .minister-news .breadcrumb-container .inner-banner::after { background: transparent; } .minister-news .minister-news-container { padding-top: 50px; } .minister-news .minister-news-container h3 { color: #fff; font: bold 1.55556rem "Cairo"; margin-bottom: 30px; } body.contrast-yellow-theme .minister-news .minister-news-container h3 { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container h3 { color: lime; } .minister-news .minister-news-container .minister-news-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } .minister-news .minister-news-container .minister-news-details .item-category { font: normal 0.72222rem "Cairo"; height: 27px; line-height: 27px; border-radius: 100px; background: #ececec; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .item-category { background: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .item-category { background: lime; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .item-category { color: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .item-category { color: #000; } .minister-news .minister-news-container .minister-news-details a { text-decoration: none; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details a { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details a { color: lime; } .minister-news .minister-news-container .minister-news-details a:hover { text-decoration: underline; } .minister-news .minister-news-container .minister-news-details .news-title { font: 1.33333rem "Cairo"; margin-bottom: 10px; text-transform: capitalize; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .news-title { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .news-title { color: lime; } .minister-news .minister-news-container .minister-news-details .news-date { color: #acacac; font: 0.83333rem "Cairo"; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .news-date { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .news-date { color: lime; } .minister-news .minister-news-container .minister-news-details .main-news-container { padding: 30px 30px 50px; position: relative; } .minister-news .minister-news-container .minister-news-details .main-news-container .news-info { color: #414141; font: 0.88889rem/1.5rem "Cairo"; margin-bottom: 20px; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news-container .news-info { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news-container .news-info { color: lime; } .minister-news .minister-news-container .minister-news-details .main-news-container .item-category { position: absolute; display: block; top: -40px; padding: 0 17px; } .minister-news .minister-news-container .minister-news-details .main-news, .minister-news .minister-news-container .minister-news-details .sub-news { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .minister-news .minister-news-container .minister-news-details .main-news .slick-list, .minister-news .minister-news-container .minister-news-details .main-news .slick-track, .minister-news .minister-news-container .minister-news-details .sub-news .slick-list, .minister-news .minister-news-container .minister-news-details .sub-news .slick-track { height: 100% !important; } .minister-news .minister-news-container .minister-news-details .main-news .slick-list, .minister-news .minister-news-container .minister-news-details .sub-news .slick-list { overflow: visible; } .minister-news .minister-news-container .minister-news-details .main-news .slick-list a.slick-slide, .minister-news .minister-news-container .minister-news-details .sub-news .slick-list a.slick-slide { text-decoration: none !important; } .minister-news .minister-news-container .minister-news-details .main-news .slick-track, .minister-news .minister-news-container .minister-news-details .sub-news .slick-track { -webkit-transform: none !important; transform: none !important; } .minister-news .minister-news-container .minister-news-details .main-news { width: 100%; position: relative; } .minister-news .minister-news-container .minister-news-details .main-news .top-news { height: 100%; border: 1px solid #e1e1e1; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { border-color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { border-color: lime; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .top-news { background: #000; } .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; line-height: 36px; background: #000; color: #fff; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn { background: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn { background: #000; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn { color: lime; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover { background: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover { background: lime; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover { color: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .main-news .news-read-more-btn:hover { color: #000; } .minister-news .minister-news-container .minister-news-details .main-news .news-img { height: 335px; } .minister-news .minister-news-container .minister-news-details .sub-news { display: none; width: 50%; padding-right: 30px; } .minister-news .minister-news-container .minister-news-details .sub-news .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; margin: 20px 0; border: 1px solid #e1e1e1; padding: 15px; display: block; position: relative; width: 100% !important; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container { background: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container { background: #000; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container { border-color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container { border-color: lime; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container:before { position: absolute; content: ""; right: 0; width: 0; height: 0; top: calc(50% - 20px); border-top: 30px solid transparent; border-left: 15px solid #fff; border-bottom: 30px solid transparent; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:before { border-left-color: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:before { border-left-color: #000; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container:first-child { margin-top: 0px; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container:last-child { margin-bottom: 0px; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container .item-category { display: inline-block; padding: 0 15px; height: 28px; margin-bottom: 10px; line-height: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { background: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { background: lime; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover { border-color: lime; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-top-width: 20px; border-bottom-width: 20px; right: -15px; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current:before, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover:before { border-left-color: lime; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category { background: #fff !important; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category { background: blue !important; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category { background: #000 !important; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category { color: #ff0; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .item-category, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .item-category { color: lime; } .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body.contrast-yellow-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: blue; } body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-title, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container.slick-current .news-date, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-title, body.contrast-green-theme .minister-news .minister-news-container .minister-news-details .sub-news .news-container:hover .news-date { color: #000; } .minister-news .minister-news-container .news-btn { margin-bottom: 60px; text-align: center; } .minister-tweets { background: #f2f2f2; } body.contrast-yellow-theme .minister-tweets { background: blue; } body.contrast-green-theme .minister-tweets { background: #000; } .minister-tweets .minister-tweets-title h2 { font: bold 1.55556rem/2.22222rem "Cairo"; text-transform: capitalize; display: inline-block; } body.contrast-yellow-theme .minister-tweets .minister-tweets-title h2 { color: #ff0; } body.contrast-green-theme .minister-tweets .minister-tweets-title h2 { color: lime; } .minister-tweets .social-media-items-container { height: 400px; padding: 25px 0; } .minister-tweets .social-media-feed-nav { left: 0 !important; right: 0 !important; } .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border { padding: 10px; } .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .question-letter:before, .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .answer-letter:before { display: none; } .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .question-letter .flag { width: 50px; margin: 0 20px; margin-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border: 1px solid #efefef; font-size: 20px; } body.contrast-yellow-theme .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .question-letter .flag { border-color: #ff0; } body.contrast-green-theme .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .question-letter .flag { border-color: lime; } .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .question-letter h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font: normal 1.11111rem/1.33333rem "Cairo"; padding: 0; padding-left: 70px; text-transform: uppercase; } .efforts-listing-container .efforts-listing-items-container .efforts-listing-item .item-border .answer-letter p { padding-right: 10px; } #missions-welcome-message { position: relative; } #missions-welcome-message.hide-welcome-message .container .welcome-message { opacity: 0; visibility: hidden; z-index: -10; -webkit-transform: translateY(-30px); transform: translateY(-30px); } #missions-welcome-message .welcome-message-bg, #missions-welcome-message .welcome-message-bg .img-item, #missions-welcome-message .welcome-message-bg .video-item { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } #missions-welcome-message .welcome-message-bg .img-item { display: none; } #missions-welcome-message .welcome-message-bg .img-item:first-child { display: block; } #missions-welcome-message .container { display: -webkit-box; display: -ms-flexbox; display: flex; } #missions-welcome-message .container .welcome-message { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 35px 65px; color: #fff; opacity: 1; visibility: visible; z-index: 10; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: background 0.3s, color 0.3s, opacity 0.7s, visibility 0.7s, transform 0.7s, z-index 0s ease 0.7s; -webkit-transition: background 0.3s, color 0.3s, opacity 0.7s, visibility 0.7s, z-index 0s ease 0.7s, -webkit-transform 0.7s; transition: background 0.3s, color 0.3s, opacity 0.7s, visibility 0.7s, z-index 0s ease 0.7s, -webkit-transform 0.7s; transition: background 0.3s, color 0.3s, opacity 0.7s, visibility 0.7s, transform 0.7s, z-index 0s ease 0.7s; transition: background 0.3s, color 0.3s, opacity 0.7s, visibility 0.7s, transform 0.7s, z-index 0s ease 0.7s, -webkit-transform 0.7s; } body.contrast-yellow-theme #missions-welcome-message .container .welcome-message { background: blue; } body.contrast-green-theme #missions-welcome-message .container .welcome-message { background: #000; } body.contrast-yellow-theme #missions-welcome-message .container .welcome-message { color: #ff0; } body.contrast-green-theme #missions-welcome-message .container .welcome-message { color: lime; } #missions-welcome-message .container h2 { font: bold 2.5rem/2.77778rem "Cairo"; margin-bottom: 20px; } #missions-welcome-message .container p { margin-bottom: 25px; font: normal 1rem/1.55556rem "Cairo"; } #missions-about-embassy h2 { font: normal 2.5rem/2.94444rem "Cairo"; margin-bottom: 60px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-about-embassy h2 { color: #ff0; } body.contrast-green-theme #missions-about-embassy h2 { color: lime; } #missions-about-embassy .about-embassy-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px 0; } #missions-about-embassy .info-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 20px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-about-embassy .info-item { color: #ff0; } body.contrast-green-theme #missions-about-embassy .info-item { color: lime; } #missions-about-embassy .info-item i { font-size: 4rem; display: block; margin-bottom: 20px; } #missions-about-embassy .info-item h3 { font: bold 1.33333rem/1.55556rem "Cairo"; margin-bottom: 12px; } #missions-about-embassy .info-item p { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-about-embassy .info-item p { color: #ff0; } body.contrast-green-theme #missions-about-embassy .info-item p { color: lime; } #missions-about-embassy .info-item .lighter { font-weight: normal; color: #5b5b5b; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-about-embassy .info-item .lighter { color: #ff0; } body.contrast-green-theme #missions-about-embassy .info-item .lighter { color: lime; } #missions-about-embassy .info-item a { -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-about-embassy .info-item a { color: #ff0; } body.contrast-green-theme #missions-about-embassy .info-item a { color: lime; } #missions-embassy-news { position: relative; } #missions-embassy-news:before, #missions-embassy-news .year-of-tolerance-bg { display: block; position: absolute; left: 0; right: 0; } #missions-embassy-news:before { content: ""; top: 0; height: 25%; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-news:before { background: #ff0; } body.contrast-green-theme #missions-embassy-news:before { background: lime; } #missions-embassy-news .year-of-tolerance-bg { top: 25%; bottom: 0; } #missions-embassy-news .container { position: relative; z-index: 20; } #missions-embassy-news .news-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } #missions-embassy-news .news-header h2, #missions-embassy-news .news-header a { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #missions-embassy-news .news-header h2 { font: bold 2.5rem/2.77778rem "Cairo"; color: #fff; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-news .news-header h2 { color: blue; } body.contrast-green-theme #missions-embassy-news .news-header h2 { color: #000; } #missions-embassy-news .news-header a:hover { border-color: #fff; background: #fff; } body.contrast-yellow-theme #missions-embassy-news .news-header a:hover { background: blue; } body.contrast-green-theme #missions-embassy-news .news-header a:hover { background: #000; } body.contrast-yellow-theme #missions-embassy-news .news-header a:hover { color: #ff0; } body.contrast-green-theme #missions-embassy-news .news-header a:hover { color: lime; } #missions-embassy-news .embassy-news-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -10px 50px; } #missions-embassy-news .embassy-news-container .news-item-container { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 10px; min-height: 300px; } #missions-embassy-news .embassy-news-container .news-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom-right-radius: 10px; overflow: hidden; } #missions-embassy-news .embassy-news-container .news-img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 300px; } #missions-embassy-news .embassy-news-container .news-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #missions-embassy-news .embassy-news-container .news-info h3 { font: bold 1.33333rem/1.55556rem "Cairo"; margin-bottom: 20px; } #missions-embassy-news .embassy-news-container .news-info p { font: normal 1rem/1.55556rem "Cairo"; } #missions-embassy-news .embassy-news-container .news-info .missions-go-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #missions-embassy-news .embassy-news-container .news-data { background: #fff; padding: 35px 30px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-news .embassy-news-container .news-data { background: blue; } body.contrast-green-theme #missions-embassy-news .embassy-news-container .news-data { background: #000; } .year-of-tolerance-container { color: #fff; text-align: center; margin: 0 auto 70px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme .year-of-tolerance-container { color: #ff0; } body.contrast-green-theme .year-of-tolerance-container { color: lime; } .year-of-tolerance-container h2, .year-of-tolerance-container p { margin-bottom: 30px; } .year-of-tolerance-container h2 { font: bold 2.5rem/2.77778rem "Cairo"; } .year-of-tolerance-container p { font: normal 1.44444rem/1.88889rem "Cairo"; } #missions-visit-uae .container > h2, #missions-visit-uae .container > p { text-align: center; margin: 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-visit-uae .container > h2, body.contrast-yellow-theme #missions-visit-uae .container > p { color: #ff0; } body.contrast-green-theme #missions-visit-uae .container > h2, body.contrast-green-theme #missions-visit-uae .container > p { color: lime; } #missions-visit-uae .container > h2 { font: normal 2.5rem/2.77778rem "Cairo"; margin-bottom: 20px; } #missions-visit-uae .container > p { font: normal 1.33333rem/1.55556rem "Cairo"; } #missions-visit-uae .uae-visits-container { margin: 40px -10px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: right; } #missions-visit-uae .uae-visit-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: auto; min-height: 225px; padding: 10px; } #missions-visit-uae .uae-visit-info { position: relative; padding: 20px 20px 60px; color: #fff; height: 100%; border-bottom-left-radius: 10px; overflow: hidden; } #missions-visit-uae .uae-visit-info:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 0; } #missions-visit-uae .uae-visit-info h3, #missions-visit-uae .uae-visit-info p { position: relative; } #missions-visit-uae .uae-visit-info h3, #missions-visit-uae .uae-visit-info p, #missions-visit-uae .uae-visit-info .btn { z-index: 10; } #missions-visit-uae .uae-visit-info h3 { font: bold 2rem/2rem "Cairo"; margin-bottom: 5px; } #missions-visit-uae .uae-visit-info p { font: normal 1.33333rem/1.55556rem "Cairo"; } #missions-visit-uae .uae-visit-info .btn { position: absolute; bottom: 0; left: 0; font-size: 0.6rem; } #missions-visa-indication .container { position: relative; z-index: 30; } #missions-visa-indication .container > h2 { text-align: center; margin: 0 auto; font: normal 2.5rem/2.77778rem "Cairo"; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-visa-indication .container > h2 { color: #ff0; } body.contrast-green-theme #missions-visa-indication .container > h2 { color: lime; } #missions-visa-indication .indication-cards-container { margin: 30px -10px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: right; } #missions-visa-indication .indication-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: auto; min-height: 225px; padding: 10px; } #missions-visa-indication .indication-card { position: relative; padding: 20px 20px 60px; color: #fff; height: 100%; border-bottom-left-radius: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #missions-visa-indication .indication-card:before { display: none; } #missions-visa-indication .indication-card h3, #missions-visa-indication .indication-card p { position: relative; } #missions-visa-indication .indication-card h3, #missions-visa-indication .indication-card p, #missions-visa-indication .indication-card .btn { z-index: 10; } #missions-visa-indication .indication-card h3 { font: bold 2rem/2.22222rem "Cairo"; margin-bottom: 5px; } #missions-visa-indication .indication-card p { font: normal 1.33333rem/1.55556rem "Cairo"; } #missions-visa-indication .indication-card .btn { position: absolute; bottom: 0; left: 0; font-size: 0.6rem; } #missions-embassy-announcements .container > h2 { text-align: center; margin: 0 auto; font: normal 2.5rem/2.77778rem "Cairo"; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-announcements .container > h2 { color: #ff0; } body.contrast-green-theme #missions-embassy-announcements .container > h2 { color: lime; } #missions-embassy-announcements .announcements-carousel { position: relative; } #missions-embassy-announcements .announcements-item { padding: 40px 20px; } #missions-embassy-announcements .announcements-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border-bottom-left-radius: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-announcements .announcements-card { background: blue; } body.contrast-green-theme #missions-embassy-announcements .announcements-card { background: #000; } body.contrast-yellow-theme #missions-embassy-announcements .announcements-card { border-color: #ff0; } body.contrast-green-theme #missions-embassy-announcements .announcements-card { border-color: lime; } .contrast-yellow-theme #missions-embassy-announcements .announcements-card, .contrast-green-theme #missions-embassy-announcements .announcements-card { border: 1px solid transparent; } #missions-embassy-announcements .announcements-img { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33%; } #missions-embassy-announcements .announcements-img div { height: 100%; } #missions-embassy-announcements .announcements-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 0; } #missions-embassy-announcements .announcements-info h3, #missions-embassy-announcements .announcements-info p { display: block; padding: 0 30px; } #missions-embassy-announcements .announcements-info h3 { font: bold 1.33333rem/1.55556rem "Cairo"; margin-bottom: 10px; } #missions-embassy-announcements .announcements-info p { font: normal 1rem/1.55556rem "Cairo"; } #missions-embassy-announcements .announcements-info .missions-go-btn { margin-top: 15px; -ms-flex-item-align: end; align-self: flex-end; } #missions-embassy-announcements .announcements-nav { position: absolute; height: 0; left: 0; right: 0; top: 50%; display: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dir-rtl #missions-embassy-announcements .announcements-nav { -webkit-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1); } #missions-embassy-announcements .announcements-nav .nav-btn { height: 67px; width: 67px; display: block; background: #4c4c4c; color: #fff; position: absolute; top: 0; text-align: center; line-height: 67px; font-size: 2rem; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-embassy-announcements .announcements-nav .nav-btn { background: #ff0; } body.contrast-green-theme #missions-embassy-announcements .announcements-nav .nav-btn { background: lime; } body.contrast-yellow-theme #missions-embassy-announcements .announcements-nav .nav-btn { color: blue; } body.contrast-green-theme #missions-embassy-announcements .announcements-nav .nav-btn { color: #000; } #missions-embassy-announcements .announcements-nav .nav-btn.next-btn { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #missions-embassy-announcements .announcements-nav .nav-btn.prev-btn { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #missions-upcoming-events .container { position: relative; z-index: 30; } #missions-upcoming-events h2 { font: bold 2.5rem/2.77778rem "Cairo"; color: #fff; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events h2 { color: #ff0; } body.contrast-green-theme #missions-upcoming-events h2 { color: lime; } #missions-upcoming-events .upcoming-events-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; overflow: hidden; } #missions-upcoming-events .upcoming-events, #missions-upcoming-events .upcoming-calendar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; transition: all 0.3s; } #missions-upcoming-events .upcoming-events { padding: 20px; height: 500px; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events { background: #ff0; } body.contrast-green-theme #missions-upcoming-events .upcoming-events { background: lime; } #missions-upcoming-events .upcoming-events.inactive .events-date, #missions-upcoming-events .upcoming-events.inactive .upcoming-events-carousel { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } #missions-upcoming-events .upcoming-events .events-date, #missions-upcoming-events .upcoming-events .upcoming-events-carousel { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #missions-upcoming-events .upcoming-events h3 { display: block; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events h3 { color: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-events h3 { color: #000; } #missions-upcoming-events .upcoming-events h3.events-date { text-align: center; font: normal 2.5rem/2.5rem "Cairo"; } #missions-upcoming-events .upcoming-events .upcoming-events-carousel { margin-top: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } #missions-upcoming-events .upcoming-events .upcoming-events-container { height: calc(100% - 65px); } #missions-upcoming-events .upcoming-events .upcoming-events-container .slick-list, #missions-upcoming-events .upcoming-events .upcoming-events-container .slick-track { height: 100%; } #missions-upcoming-events .upcoming-events .upcoming-events-page { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #missions-upcoming-events .upcoming-events .upcoming-event-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 50%; text-align: right; padding: 10px 40px; position: relative; } #missions-upcoming-events .upcoming-events .upcoming-event-item:before { content: ""; position: absolute; top: 25px; right: 0; display: block; width: 18px; height: 18px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-event-item:before { background: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-event-item:before { background: #000; } #missions-upcoming-events .upcoming-events .upcoming-event-item:last-child { border-bottom: 0; } #missions-upcoming-events .upcoming-events .upcoming-event-item:first-child { border-bottom: 1px solid #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-event-item:first-child { border-bottom-color: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-event-item:first-child { border-bottom-color: #000; } #missions-upcoming-events .upcoming-events .upcoming-event-item, #missions-upcoming-events .upcoming-events .upcoming-event-item a { color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-event-item, body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-event-item a { color: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-event-item, body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-event-item a { color: #000; } #missions-upcoming-events .upcoming-events .upcoming-event-item a { display: block; margin-bottom: 10px; } #missions-upcoming-events .upcoming-events .upcoming-event-item a, #missions-upcoming-events .upcoming-events .upcoming-event-item a h3 { font: normal 1.11111rem/1.77778rem "Cairo"; } #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info:last-child { margin: 0; } #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info i, #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info span { display: block; } #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 30px; font-size: 20px; width: 20px; text-align: center; } #missions-upcoming-events .upcoming-events .upcoming-event-item .upcoming-event-info span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #missions-upcoming-events .upcoming-events .upcoming-events-nav { margin: 20px -5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #missions-upcoming-events .upcoming-events .upcoming-events-nav a { display: block; width: 45px; height: 45px; background: #000; opacity: 0.7; color: #fff; text-align: center; line-height: 45px; margin: 0 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-events-nav a { background: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-events-nav a { background: #000; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-events .upcoming-events-nav a { color: #ff0; } body.contrast-green-theme #missions-upcoming-events .upcoming-events .upcoming-events-nav a { color: lime; } #missions-upcoming-events .upcoming-events .upcoming-events-nav a.slick-disabled { opacity: 0.3; } #missions-upcoming-events .upcoming-events .upcoming-events-nav a.slick-hidden { display: none; } #missions-upcoming-events .upcoming-calendar { background: #fff; padding: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events .upcoming-calendar { background: blue; } body.contrast-green-theme #missions-upcoming-events .upcoming-calendar { background: #000; } #missions-upcoming-events #upcoming-events-src { position: absolute; opacity: 0; visibility: hidden; z-index: -10; } #missions-upcoming-events #missions-events-calendar .datepicker { position: static !important; max-height: 100% !important; max-width: 100% !important; min-width: 0 !important; -webkit-transform: none !important; transform: none !important; border: 0; border-radius: 0; background: transparent; } #missions-upcoming-events #missions-events-calendar .datepicker:before { display: none !important; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day { text-align: center; margin: 12px 0; background: transparent !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span { display: block; border-radius: 100%; width: 35px; height: 35px; color: #818e94; font: normal 1rem/35px Tahoma, sans-serif !important; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span { color: #ff0; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span { color: lime; } .contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span, .contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day span { border: 1px solid transparent; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-focus- span { cursor: pointer; background: #f0f0f0; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-focus- span { border-color: #ff0; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-focus- span { border-color: lime; } .contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-focus- span, .contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-focus- span { background: transparent; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- { pointer-events: none; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { color: #fff !important; } body.default-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: #b68a35 !important; } body.red-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: #c8102e !important; } body.green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: #00843d !important; } body.gray-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: #676767 !important; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: #ff0 !important; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { background: lime !important; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { color: blue !important; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-selected- span { color: #000 !important; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { color: blue; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { color: #000; } body.default-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #f5ecdc; } body.red-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #fac3cc; } body.green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #6bffaf; } body.gray-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #dadada; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #ff6; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.has-events span { background: #6f6; } #missions-upcoming-events #missions-events-calendar .datepicker--cell.datepicker--cell-day.-disabled- { pointer-events: none; opacity: 0.4; } #missions-upcoming-events #missions-events-calendar .datepicker--days-names { margin-bottom: 12px; } #missions-upcoming-events #missions-events-calendar .datepicker--nav { border-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 12px; } #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-action { width: 35px; height: 35px; border-radius: 100%; } #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title { pointer-events: none; } #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title, #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title i { font: normal 1.66667rem/1.66667rem Tahoma, sans-serif !important; color: #2d2f39; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title, body.contrast-yellow-theme #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title i { color: #ff0; } body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title, body.contrast-green-theme #missions-upcoming-events #missions-events-calendar .datepicker--nav .datepicker--nav-title i { color: lime; } #missions-social-media h2 { font: bold 2.5rem/2.77778rem "Cairo"; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-social-media h2 { color: #ff0; } body.contrast-green-theme #missions-social-media h2 { color: lime; } #missions-social-media .social-media-container { margin: 0; width: 100%; } #missions-social-media .social-media-container .social-media-items-container { background: #fff; padding: 25px 0; height: 470px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-items-container { background: blue; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-items-container { background: #000; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-items-container { border-color: #ff0; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-items-container { border-color: lime; } #missions-social-media .social-media-container .social-media-items-container.contrast-yellow-theme #missions-social-media .social-media-container .social-media-items-container, .contrast-green-theme #missions-social-media .social-media-container .social-media-items-container { border: 1px solid transparent; } #missions-social-media .social-media-container .social-media-tabs { margin: 0 0 20px; padding-right: 30px; width: 100%; border-bottom: 1px solid #bfbfbf; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-tabs { border-bottom-color: #ff0; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-tabs { border-bottom-color: lime; } #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar { height: 5px; position: absolute; bottom: -5px; padding: 0 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar { background: #ff0; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-tabs .social-media-tabs-slidebar { background: lime; } #missions-social-media .social-media-container .social-media-tabs a { font: normal 1.11111rem/1.33333rem "Cairo"; background: transparent !important; width: auto; text-align: center; opacity: 0.8; padding: 10px 12px; margin: 0 12px; } body.default-theme #missions-social-media .social-media-container .social-media-tabs a { color: #414141 !important; } body.red-theme #missions-social-media .social-media-container .social-media-tabs a { color: #414141 !important; } body.green-theme #missions-social-media .social-media-container .social-media-tabs a { color: #414141 !important; } body.gray-theme #missions-social-media .social-media-container .social-media-tabs a { color: #414141 !important; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-tabs a { color: #ff0 !important; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-tabs a { color: lime !important; } #missions-social-media .social-media-container .social-media-tabs a.active { opacity: 1; } #missions-social-media .social-media-container .social-media-content { height: 287px; } #missions-social-media .social-media-container .social-media-content .slick-list, #missions-social-media .social-media-container .social-media-content .slick-track { height: 100%; } #missions-social-media .social-media-container .social-media-content .slick-list { width: 100%; } #missions-social-media .social-media-container .social-media-content .social-media-feed-carousel { padding-right: 30px; } #missions-social-media .social-media-container .social-media-content .social-media-feed-container { height: 100%; } #missions-social-media .social-media-container .social-media-content .social-media-feed-container .social-media-item a { color: #fff; } #missions-social-media .social-media-container .social-media-content .social-media-feed-container .social-media-item a .social-media-info { background: rgba(0, 0, 0, 0.65); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: none; transform: none; } #missions-social-media .social-media-container .social-media-content .social-media-feed-container .social-media-item a .social-media-info p { font: normal 1rem/1.16667rem "Cairo"; -ms-flex-item-align: end; align-self: flex-end; } #missions-social-media .social-media-container .social-media-content .social-media-feed-nav { margin: 20px 20px 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dir-rtl #missions-social-media .social-media-container .social-media-content .social-media-feed-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #missions-social-media .social-media-container .social-media-content .social-media-feed-nav, #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { position: static; -webkit-transform: none; transform: none; left: 0; right: 0; top: 0; bottom: 0; } #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { display: block; width: 45px; height: 45px; opacity: 0.7; color: #fff; text-align: center; line-height: 45px; margin: 0 5px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { background: #ff0; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { background: lime; } body.contrast-yellow-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { color: blue; } body.contrast-green-theme #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a { color: #000; } #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a.slick-disabled { opacity: 0.3; } #missions-social-media .social-media-container .social-media-content .social-media-feed-nav a.slick-hidden { display: none; } #missions-contact-us { background: #000; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 15px 0; } body.contrast-yellow-theme #missions-contact-us { background: blue; } body.contrast-green-theme #missions-contact-us { background: #000; } #missions-contact-us .contact-us-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #missions-contact-us .contact-us-header h2, #missions-contact-us .contact-us-header a { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #missions-contact-us .contact-us-header h2 { font: bold 1.44444rem/2.22222rem "Cairo"; color: #fff; margin-bottom: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; } body.contrast-yellow-theme #missions-contact-us .contact-us-header h2 { color: #ff0; } body.contrast-green-theme #missions-contact-us .contact-us-header h2 { color: lime; } #missions-contact-us .contact-us-header a:hover { border-color: #fff; background: #fff; } body.contrast-yellow-theme #missions-contact-us .contact-us-header a:hover { background: #ff0; } body.contrast-green-theme #missions-contact-us .contact-us-header a:hover { background: lime; } body.contrast-yellow-theme #missions-contact-us .contact-us-header a:hover { color: blue; } body.contrast-green-theme #missions-contact-us .contact-us-header a:hover { color: #000; } @media screen and (min-width: 481px) { .bordered-container { padding: 30px; } .visit-uae-section .slick-list { padding: 0 15% !important; } .listing-container .listing-items-container .listing-item:not(.empty-listing-item) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } footer .footer-content { margin: 0 -30px; } footer .footer-menu, footer .footer-keep-touch { padding: 20px 20px 0 20px; } footer .footer-menu .copy-rights .form-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } footer .footer-menu .copy-rights .form-title:before { content: ""; display: block; } footer .footer-menu .copy-rights h3 { margin-bottom: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } footer .footer-menu .copy-rights .footer-social-media { padding-right: 20px; } .g-recaptcha { -webkit-transform: scale(1); transform: scale(1); } .service-details-section .service-cards .service-card-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% / 2); } .details-back-btn-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .details-back-btn-container .details-back-btn { margin-bottom: 0; } .details-back-btn-container .details-back-btn + .details-back-btn { border-left: 1px solid #8e8e8e; } .contrast-yellow-theme .details-back-btn-container .details-back-btn + .details-back-btn { border-left-color: #ff0; } .contrast-green-theme .details-back-btn-container .details-back-btn + .details-back-btn { border-left-color: lime; } .covid-map #regions_div { display: block; position: static; z-index: 0; opacity: 1; visibility: visible; } .covid-map .legend-container { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .covid-map .legend-container .legend-item-covid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 30px; margin-bottom: 10px; } .covid-map .legend-container .legend-item-covid .legend-item-covid-rect { width: 20px; height: 20px; margin-right: 10px; display: inline-block; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info > div { display: -webkit-box; display: -ms-flexbox; display: flex; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info > div p { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .latest-date .end-date { margin-right: 10px; } .event-listing .listing-items-container .listing-item:not(.empty-listing-item) { width: 100%; } .event-listing .listing-items-container .listing-item .event-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .event-listing .listing-items-container .listing-item .event-item .item-img { height: 100%; width: 40%; overflow: hidden; position: relative; } .event-listing .listing-items-container .listing-item .event-item .item-img .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s; transition: 0.3s; } .event-listing .listing-items-container .listing-item .event-item .item-img:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); } .event-listing .listing-items-container .listing-item .event-item .item-info { width: 60%; } .latest-date-location .latest-date .icon { margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .latest-date-location .latest-date .date, .latest-date-location .latest-date .location { margin-right: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item { width: 100% !important; } .uae-missions-abroad-listing .flags-section-container { padding: 0 10px; } .uae-missions-abroad-listing .flags-section-rows .country-item { width: calc(100% / 3); } .page-landing .page-landing-container { margin: -10px; } .page-landing .page-landing-container .item { margin: 10px; max-width: calc(50% - 20px); min-width: calc(33.33% - 20px); } .ministry-services-section .services-container .service-item .ministry-services-btn { right: 50%; left: auto; white-space: nowrap; width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dir-rtl .ministry-services-section .services-container .service-item .ministry-services-btn { -webkit-transform: translateX(50%); transform: translateX(50%); } .gallery-listing-items-container { margin: 0 -5px; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item) { width: 50% !important; padding: 0 5px; } .passport-strength-details .passport-info .passport-data { margin: 0 -10px; } .passport-strength-details .passport-info .passport-data .data-box { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc((100% / 3) - 1px); padding: 0 10px; margin-bottom: 0; } .expo-cards .expo-card-item { min-width: 50%; max-width: 50%; } .expo-cards h4 { display: block; } .ministers-cards { margin: -10px; } .ministers-cards .card-item { padding: 10px; width: 50%; } .sitemap-container .second-level > li { min-width: 50%; max-width: 100%; } .ranking-container .ranking-category .start-label, .ranking-container .ranking-category .end-label { width: 120px; } .page-landing.mediahub-landing .page-landing-container { margin: -10px; } .page-landing.mediahub-landing .page-landing-container .item { margin: 10px; max-width: calc(50% - 20px); min-width: calc(50% - 20px); } #missions-about-embassy .info-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } } @media screen and (min-width: 641px) { .default-img.carousel-item .container:after { font-size: 11rem; } .btn { width: auto; } .btn.small-btn { margin: 0 10px 0; font-size: 1rem; } header .mega-menu { padding: 20px 50px; } header .logo-container { height: 70px; } header .logo-container img { height: 82px; } header .header-btns { height: 60px; } header .header-btns { text-align: center; } header .header-btns:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } header .mega-search-container .auto-search-cont .auto-complete-input-wrapper .suggested-link-wrapper .suggested-links .search-more-options > li { width: 30%; } .ministry-services-section .services-container h2 { color: #000; } .ministry-services-section .services-topics-container .services-topics .topic-item { width: 100%; } .ministry-services-section .services-topics-container .services-topics .topic-info { width: 75%; } .highlights-section .main-highlights-title { margin-bottom: 35px; } .highlights-section .highlights-container .heighlight-item { width: 100%; } .highlights-section .highlights-container .heighlight-item a { height: 453px; } .highlights-section .highlights-container .heighlight-item .other-highlights-img { height: 50%; } .visit-uae-section .slick-list { padding: 0 !important; } #send-to-friend { width: 70%; text-align: right; } #send-to-friend .send-to-friend-btn { position: absolute; top: 0; left: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto; margin-top: 0; } .inner-banner .banner-info-container .banner-info { width: 90%; } .inner-latest-section .latest-container { margin: 0 -15px; } .inner-latest-section .item-border { margin: 0 15px; padding: 15px; } .inner-latest-section .item-border .latest-img, .inner-latest-section .item-border .latest-info { width: 50%; } .inner-latest-section .latest-img, .inner-latest-section .latest-info { padding: 0 15px; width: 50%; } .inner-latest-section .latest-img { margin: 0; } .inner-latest-news .latest-date { margin-bottom: 30px; } footer .footer-menu .footer-quick-links { padding-right: 20%; padding-left: 20%; } footer .footer-menu .copy-rights .footer-social-media { margin: 0 -3px; } footer .footer-keep-touch { padding-right: 20%; padding-left: 20%; } footer .footer-keep-touch .footer-app a { display: block; float: right; margin-bottom: 0; } .form-section.form-view-mode .form-fields .field-container { padding: 10px; } .form-section.form-view-mode .form-fields .field-container label { font-weight: bold; margin-left: 5px !important; max-width: 50%; } .form-section.form-view-mode .form-fields .field-container span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-section.form-view-mode .form-fields .field-container .title { color: #414141; width: auto; margin: 0; } .contrast-yellow-theme .form-section.form-view-mode .form-fields .field-container .title { color: #ff0; } .contrast-green-theme .form-section.form-view-mode .form-fields .field-container .title { color: lime; } .form-section .form-title:before { content: ""; } .form-section .form-title h3 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 100px; } .form-section .form-fields { margin: -15px -10px; } .form-section .form-fields .field-container { width: calc((100% / 2) - 1px); padding: 15px 10px; } .form-section .form-fields .field-container .title.empty-title { display: block; } .form-section .form-fields .field-container.full-width .field-with-info { width: calc((100% / 3) - 10px); } .form-section .form-fields .field-container.full-width .field-validation-error { width: calc((100% / 2) - 10px); } .form-section .form-fields .field-container .img-upload-control { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .form-section .form-fields .field-container .img-control { margin-left: 20px; margin-bottom: 0; } .form-section .form-fields .field-container .img-upload-fields { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-section .form-fields .field-container .img-upload-fields .form-info .form-info-inner-container { display: inline-block; } .form-section .form-fields .field-container .form-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 15px; margin-top: 0; width: auto; } .form-section .form-fields .field-container.full-width .options-container .option-field, .form-section .form-fields .field-container.full-width .options-container .checkbox-field, .form-section .form-fields .field-container.full-width .checkbox-container .option-field, .form-section .form-fields .field-container.full-width .checkbox-container .checkbox-field { width: 25%; } .form-section.collapsable.active { padding-bottom: 50px; } .msg { margin-bottom: 30px; } .msg.stand-alone-msg { width: 70%; } .popup-content .msg.stand-alone-msg { width: 100%; } .btns-container { margin-top: 30px; text-align: center; } .btns-container .btn { min-width: calc((90% / 5) - 20px); margin: 0 10px 0; font-size: 1rem; } .service-details-section .service-header .service-title-container .service-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; margin-bottom: 0; } .service-details-section .service-header .service-title-container .service-title svg { width: 46px; height: auto; } .service-details-section .service-header .service-title-container .start-service-btn-container { margin-top: 0; width: auto; } .service-details-section .service-header .service-title-container .start-service-btn-container .btn { width: auto; margin: 0 10px; } .service-details-section .service-cards .service-card-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% / 3); } .jsmaps-wrapper .jsmaps { display: block; } .jsmaps-wrapper:not(#uae-map) .jsmaps { display: inline-block; } .jsmaps-select.mobile { position: absolute; opacity: 0; visibility: hidden; z-index: -10; } .uae-agreements #regions_div { display: block; position: static; z-index: 0; opacity: 1; visibility: visible; } .uae-agreements .legend-container { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .uae-agreements .legend-container .legend-item { margin-left: 30px; margin-bottom: 10px; } .uae-agreements.visa-exemption-info-legend .legend-container .legend-item { margin-top: 0; } .covid-map #regions_div { display: block; position: static; z-index: 0; opacity: 1; visibility: visible; } .covid-map .legend-container { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .covid-map .legend-container .legend-item-covid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 30px; margin-bottom: 10px; } .covid-map .legend-container .legend-item-covid .legend-item-covid-rect { width: 20px; height: 20px; margin-right: 10px; display: inline-block; } .open-data-listing-container .open-data-listing-item .item-border { padding: 30px 30px 77px; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns { left: 30px; right: 30px; bottom: 30px; } .inner-latest-speeches .latest-container .latest-img, .inner-latest-speeches .latest-container .latest-info { padding: 15px 30px; } .inner-latest-speeches .latest-container .latest-info { border-right: 1px solid #707070; } .contrast-yellow-theme .inner-latest-speeches .latest-container .latest-info { border-right-color: #ff0; } .contrast-green-theme .inner-latest-speeches .latest-container .latest-info { border-right-color: lime; } .speeches-listing-container .speeches-listing-item .item-border { padding: 30px 30px 36px; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border h3 { padding-right: 15px; } .faq-listing-container .faq-listing-items-container .faq-listing-item .item-border p { padding-right: 15px; } .faq-listing-container .faq-listing-items-container .faq-listing-item .faq-arrow-btn { width: 72px; } .inner-one-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-container { width: 200px; height: auto; } .inner-one-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-details { padding: 15px 30px; } .inner-one-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { padding: 12px 24px; } .inner-one-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { padding-left: 20px; } .inner-one-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .days { width: auto; padding-left: 20px; } .contact-us-section .contact-info-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-us-section .contact-card-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: calc(33.33% - 30px); margin: 0 15px 20px; } .contact-us-section .contact-card-container.service-inquiry-container { width: calc(100% - 30px); } .contact-us-section .contact-icon { width: 100px; height: auto; } .contact-us-section .contact-info-container { width: calc(100% - 100px); } .contact-us-section .contact-info-container .service-inquiry-info { width: calc(100% - 200px); } .contact-us-section .contact-info-container .btn-live-chat-container { width: 200px; } .contact-us-section .contact-info-container .btn-live-chat-container .live-chat-link { float: left; } .contact-us-section .form-title::before { content: ""; } .contact-us-section .form-title h3 { padding-left: 20px; } .contact-us-section .contact-us-social .form-title { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .contact-us-section .contact-us-social .form-title:before { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .contact-us-section .contact-us-social .form-title h3 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .contact-us-section .contact-us-social .social-media { padding-right: 20px; z-index: 99; margin-top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .contact-us-section .contact-details { margin: 0 -15px 30px; } .contact-us-section .map-section { padding-bottom: 0; height: 100vh; } .service-inquiry-container .service-inquiry-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 135px; height: auto; } .service-inquiry-container .service-inquiry-info-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 135px); padding-right: 45px; padding-left: 15px; } .login-listing-container .listing-items-container .listing-item { margin-bottom: 0; } .login-listing-container .listing-items-container .listing-item:not(.empty-listing-item) { width: auto; max-width: 50%; min-width: 20%; } .login-listing-container .login-listing-or { width: auto; margin-bottom: 0; } .login-listing-container .login-listing-or:before { border-right: 1px solid #e1e1e1; position: absolute; top: 0; bottom: 0; left: 50%; right: 50%; } .contrast-yellow-theme .login-listing-container .login-listing-or:before { border-right-color: #ff0; } .contrast-green-theme .login-listing-container .login-listing-or:before { border-right-color: lime; } .login-listing-container .form-section .form-fields { margin: -15px -10px 0; } .login-listing-container .form-section .btns-container { margin-right: -20px; margin-left: -20px; width: auto; } .login-listing-container .form-section .btns-container .btn { width: calc((95% / 2) - 20px); margin: 0 10px; } .latest-date .end-date { margin-right: 0; } .inner-latest-section.inner-latest-events .latest-img { width: 350px; } .inner-latest-section.inner-latest-events .latest-info { width: calc(100% - 350px); } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns a { margin: 0 5px 10px; } .grid-control .dataTables_wrapper > * { width: auto; } .ui-dialog .ui-dialog-content input[type="submit"] { width: auto; } .uae-missions-abroad-listing .flags-section-container { padding: 0 20px; } .uae-missions-abroad-listing .flags-section-rows .country-item { width: 25%; } .minister-travel .minister-travel-container .travel-item { margin-bottom: 30px; } .minister-travel .minister-travel-container .travel-item .icon { margin: 30px 0; } .minister-travel .minister-travel-container .travel-item .icon i { font-size: 3.8em; } .minister-travel .minister-travel-container .travel-item .num { font: bold 2.22222rem/2.94444rem "Cairo"; } .minister-travel .minister-travel-container .travel-item .title { font: normal 1.11111rem/1.33333rem "Cairo"; } .minister-travel .minister-travel-btns { margin-top: 0; } .minister-achievements .achievements-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .minister-achievements .achievements-container .achievement-item { margin-bottom: 0; width: 190px; height: 190px; } .minister-achievements .achievements-container .achievement-item .achievement-content { width: 80%; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item) { -webkit-box-flex: 1 !important; -ms-flex: auto !important; flex: auto !important; min-width: 8%; max-width: 50%; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item):nth-child(4n + 1) { width: 15% !important; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item):nth-child(4n + 2) { width: 35% !important; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item):nth-child(4n + 3) { width: 20% !important; } .gallery-listing-items-container .gallery-listing-item:not(.empty-listing-item):nth-child(4n + 4) { width: 40% !important; } #popup-gallery-container .popup-related-gallery { display: block; } .passport-strength-details .passport-img { width: calc((100% / 3) - 1px); height: 400px; background-position: top right; } .passport-strength-details .passport-info { padding-right: 30px; } .passport-strength-details .passport-info h2 { text-align: center; } .ministers-cards .card-item { width: 33.33%; } .sitemap-container .second-level > li { min-width: 33.33%; max-width: 33.33%; } .ranking-container .ranking-category .start-label, .ranking-container .ranking-category .end-label { width: 150px; } .ng-field-upload-control.file-uploaded-info { height: 50px; } .ng-field-upload-control.file-uploaded-info .field-with-info { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; width: 33.33% !important; padding: 0; } .ng-field-upload-control.file-uploaded-info .file-size { text-align: center; } .consular-services-list .topic-item { width: 50%; } #missions-welcome-message .container .welcome-message { width: 80%; } #missions-about-embassy .info-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33%; } #missions-embassy-news .news-header { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #missions-embassy-news .news-header h2 { margin-bottom: 0; width: 70%; } #missions-visa-indication .indication-item { width: 50%; min-height: 445px; } #missions-upcoming-events .upcoming-events-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 450px; } #missions-upcoming-events .upcoming-events, #missions-upcoming-events .upcoming-calendar { width: 50%; height: 100%; } #missions-upcoming-events .upcoming-calendar { padding: 0; } #missions-contact-us .contact-us-header { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #missions-contact-us .contact-us-header h2 { margin-bottom: 0; width: 70%; } .evaluation-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .evaluation-container p { margin-bottom: 0; } } @media screen and (min-width: 769px) { body { padding-top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } body.fixed-header { padding-top: 0; } .partially-gray:before { height: 390px; } header { width: 100%; background: #fff; top: 0; border-bottom: 0px solid transparent; } .fixed-header header:not(.missions-header) { border-bottom-width: 1px; } .fixed-header header > .container { padding: 10px 0; } .contrast-yellow-theme header { color: #ff0; } .contrast-green-theme header { color: lime; } header .user-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px; } header .user-container .user-menu-btn:after { left: 50%; right: auto; } header .user-container .hovering-nav { -webkit-transform: translateX(-80%); transform: translateX(-80%); } header .home-container, header .search-container { margin-left: 20px; margin-right: 0; } header .home-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } header .search-container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } header .search-container .hovering-nav { -webkit-transform: translateX(-80%); transform: translateX(-80%); } header .desktop-header-btns { display: block; } header .mega-menu:not(.missions-mega-menu) { padding: 50px 0; } header .mega-menu:not(.missions-mega-menu) .mobile-header-btns { display: none; } header .mega-menu:not(.missions-mega-menu) .main-menu a { margin-bottom: 15px; border-bottom: 0; padding: 0; } header .mega-menu:not(.missions-mega-menu) .main-menu .first-level { float: right; width: 16%; margin-top: -15px; } header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a { margin: 0; padding: 15px 0; } body.default-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: #b68a35; } body.red-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: #c8102e; } body.green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: #00843d; } body.gray-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: #676767; } body.contrast-yellow-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: #ff0; } body.contrast-green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:hover { color: lime; } body.default-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: #b68a35; } body.red-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: #c8102e; } body.green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: #00843d; } body.gray-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: #676767; } body.contrast-yellow-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: #ff0; } body.contrast-green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { background: lime; } body.default-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: #b68a35; } body.red-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: #c8102e; } body.green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: #00843d; } body.gray-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: #676767; } body.contrast-yellow-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: #ff0; } body.contrast-green-theme header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a.active { color: lime; } header .mega-menu:not(.missions-mega-menu) .main-menu .first-level > li > a:before { margin-right: 20px; } header .mega-menu:not(.missions-mega-menu) .main-menu .first-level ul { margin-right: 0; } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level { width: calc(97% - 16%); position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: z-index 0s ease 0.25s; transition: z-index 0s ease 0.25s; } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level.active { z-index: 20; -webkit-transition: z-index 0s; transition: z-index 0s; } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level > li { margin: 0 5px; width: calc((100% / 4) - 12px); margin-bottom: 20px; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.25s; transition: all 0.25s; } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level > li.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level > li > a { margin-bottom: 25px; } header .mega-menu:not(.missions-mega-menu) .main-menu .second-level ul li a { margin-bottom: 15px; } header .mega-menu:not(.missions-mega-menu) .quick-links-menu { margin-bottom: 30px; } header .mega-menu:not(.missions-mega-menu) .menu-copy-rights { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } header .mega-menu:not(.missions-mega-menu) .menu-copy-rights nav { margin-bottom: 0; } header .mega-menu:not(.missions-mega-menu) .menu-copy-rights span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .header-btns { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: auto; margin-top: 0; } header .menu-container { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } header .mega-search-container .auto-search-cont::before, header .mega-search-container .auto-search-cont::after { left: auto; right: 170px; } .flying-social-media-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .ministry-services-section .services-topics-container .services-topics { margin: 0 -15px; } .ministry-services-section .services-topics-container .services-topics .topic-item { width: 100%; } .ministry-services-section .services-topics-container .services-topics .topic-info { width: 50%; } .highlights-section .highlights-container { margin: 0 -15px; } .visit-uae-section .visit-uae-carousel { width: 100%; } .visit-uae-section .social-media-container { margin: 60px auto 0; } #popup-container .popup-body { -webkit-transform: none; transform: none; } #popup-container .popup-body .popup-target { width: 60%; } #popup-container .popup-body .popup-content { max-height: 95vh; } .inner-banner .banner-info-container .banner-info { width: 85%; } .inner-two-col-container { margin: 0 -15px; } .inner-two-col-container .inner-left-col, .inner-two-col-container .inner-right-col { padding: 0 15px; } .inner-two-col-container .inner-left-col { width: auto; } .inner-two-col-container .inner-right-col { width: calc(100% - 280px); } .inner-filter { width: 250px; margin: 0; } .listing-container .listing-load-more-btn { margin-top: 35px; } .details-container .details-img { float: right; width: 50%; padding-left: 30px; } .details-container .details-img .details-img-container { margin: 0; } .details-container .details-video { width: 100%; } .details-container .details-video video { width: 100%; max-height: 50vh; } .details-container .details-info { overflow: hidden; } .details-container .details-info .details-share { margin-bottom: 40px; } .inner-related-section .related-items .related-item { width: 50%; } .social-media-container .social-media-feed-container .social-media-item { position: relative; } .social-media-container .social-media-feed-container .social-media-item .social-media-img, .social-media-container .social-media-feed-container .social-media-item .social-media-info { height: 100%; } .social-media-container .social-media-feed-container .social-media-item .social-media-img img { margin-top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .social-media-container .social-media-feed-container .social-media-item .social-media-img + .social-media-info { position: absolute; top: 0; bottom: 0; right: 10px; left: 10px; opacity: 0; visibility: hidden; z-index: -10; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; } .social-media-container .social-media-feed-container .social-media-item:hover .social-media-img + .social-media-info { opacity: 1; visibility: visible; z-index: 10; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, -webkit-transform 0.3s; } footer .footer-menu, footer .footer-keep-touch { padding: 13px 30px 0 30px; } .footer-quick-links { padding-right: 0; padding-left: 0; } footer .footer-menu .footer-website-info { display: none; } footer .footer-keep-touch .footer-website-info { display: block; } .form-section .form-fields .field-container { width: calc((100% / 3) - 1px); } .form-section .form-fields .field-container.full-width .field-validation-error { width: calc((100% / 3) - 10px); } .form-section.bi-form-section .form-fields .field-container { width: calc((100% / 2) - 1px); } .form-section.bi-form-section .form-fields .field-container.full-width .field-validation-error { width: calc((100% / 2) - 10px); } .jsmaps-wrapper .jsmaps-text { margin-top: 50px !important; } .media-listing .item-img .img-container { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s; transition: all 0.7s; } .media-listing .item-img:hover .img-container { -webkit-transform: scale(1.1); transform: scale(1.1); } .map-container { margin-top: 50px; } .open-data-listing-container .open-data-listing-item .item-border .open-data-btns .open-data-btn { width: 75%; } .register-listing-container { width: 70%; margin: 0 auto; } .contact-us-section .section-padding { padding: 30px 0 0px; margin-bottom: -215px; } .uae-missions-details .section-padding { padding: 50px 0; margin-bottom: 50px; } .uae-missions-details .tab { width: calc(50% + 70px); margin-bottom: -460px; float: left; } .uae-missions-details .tabs { margin-right: 80px; margin-left: -10px; margin-bottom: 0; width: calc(100% - 80px); } .uae-missions-details .tabs li { margin: 0 10px 20px; } .uae-missions-details .tab_content { padding: 0 20px; } .uae-missions-details .tab_content .contact-item .icon { margin-right: 50px; } .uae-missions-details .map-section { width: 50%; height: 500px; padding-bottom: 0; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-info { padding: 20px 30px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns { position: absolute; bottom: 0; right: 15px; left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; z-index: -10; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s ease 0.3s, -webkit-transform 0.3s; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item .service-cat-btns a { display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info { padding: 20px 30px 65px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon { width: 65px; height: 65px; margin-bottom: 10px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-info .service-icon svg { height: 32px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item:hover .service-cat-btns { opacity: 1; visibility: visible; z-index: 10; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; -webkit-transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, z-index 0s, -webkit-transform 0.3s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s; transition: opacity 0.3s, visibility 0.3s, transform 0.3s, z-index 0s, -webkit-transform 0.3s; } .inner-latest-news .latest-date-location .latest-date .icon { margin-left: 10px; } .inner-latest-news .latest-date-location .latest-date .end-date { margin-right: 10px; } .event-listing .inner-latest-events .latest-img { width: 25%; } .event-listing .inner-latest-events .latest-info { width: 75%; } .inner-event-details.partially-gray:before { height: 320px; } .inner-event-details .details-container .details-img { margin-bottom: 0; } .inner-event-details .details-container .details-info { margin-bottom: 15px; } .inner-related-events .related-items .related-event-item:not(:last-of-type) { margin-bottom: 0; } .inner-related-events .related-items .related-event-item:not(:nth-last-child(-n + 2)) { margin-bottom: 15px; } .inner-related-events .related-items .related-event-item:nth-child(n + 3) .related-info .related-event-info { border-bottom: 0; } .error-container .error-title span { font: 900 16.66667rem/16.66667rem "Cairo"; } .minister-travel .minister-travel-container .travel-item { width: calc(100% / 3); margin-bottom: 30px; } .minister-bio .bio-info .bio-data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .minister-bio .bio-info .bio-follow { width: 28%; padding: 7% 0; } .minister-bio .bio-info .bio-follow .bio-img { height: 50vh; } .minister-bio .bio-info .bio-data { padding-right: 60px; } .minister-home-contact .contact-info .contact-follow { width: auto; } .minister-home-contact .contact-info .contact-social-media { height: 80%; } .minister-news .minister-news-container .minister-news-details .main-news { width: 50%; } .minister-news .minister-news-container .minister-news-details .sub-news { display: block; } .poll-answers .answer-letter { width: 70%; } .mofa-progress-item .mofa-progress:before, .mofa-progress-item .mofa-progress:after { opacity: 0; z-index: -10; visibility: hidden; } .mofa-progress-item:hover .mofa-progress:before, .mofa-progress-item:hover .mofa-progress:after { opacity: 1; z-index: 10; visibility: visible; } #missions-welcome-message .container .welcome-message { margin: 50px 0; width: 60%; } #missions-embassy-news .embassy-news-container { margin: 0 -20px 80px; } #missions-embassy-news .embassy-news-container .news-item-container { padding: 0 20px; width: 50%; } #missions-embassy-news .embassy-news-container .news-item { height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #missions-embassy-news .embassy-news-container .news-img { width: 45%; height: auto; } #missions-embassy-news .embassy-news-container .news-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #missions-embassy-news .embassy-news-container .news-info .news-data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #missions-embassy-news .embassy-news-container .news-info .missions-go-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #missions-visit-uae .uae-visit-item { width: 33.33%; min-height: 400px; } #missions-embassy-announcements .announcements-carousel { padding: 0 76px; } #missions-embassy-announcements .announcements-item { padding: 40px; } #missions-embassy-announcements .announcements-nav { display: block; } #missions-upcoming-events .upcoming-events-wrapper { margin: 0 auto; width: 75%; } } @media screen and (min-width: 901px) { body { padding-top: 0; } body.fixed-header { padding-top: 0; } header #mega-menu-btn { display: none; } header .user-container, header .home-container, header .search-container, header .accessibility-container { display: inline-block; vertical-align: middle; } header .mega-menu.missions-mega-menu { padding: 50px 0; } header .mega-menu.missions-mega-menu .mobile-header-btns { display: none; } header .mega-menu.missions-mega-menu .main-menu a { margin-bottom: 15px; border-bottom: 0; padding: 0; } header .mega-menu.missions-mega-menu .main-menu .first-level { float: right; width: 16%; margin-top: -15px; } header .mega-menu.missions-mega-menu .main-menu .first-level > li > a { margin: 0; padding: 15px 0; } body.default-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: #b68a35; } body.red-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: #c8102e; } body.green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: #00843d; } body.gray-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: #676767; } body.contrast-yellow-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: #ff0; } body.contrast-green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:hover { color: lime; } header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { content: ""; display: block; float: right; height: 2px; width: 0; margin-left: 0; margin-top: 0.5em; -webkit-transition: all 0.25s; transition: all 0.25s; } body.default-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: #b68a35; } body.red-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: #c8102e; } body.green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: #00843d; } body.gray-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: #676767; } body.contrast-yellow-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: #ff0; } body.contrast-green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a:before { background: lime; } body.default-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: #b68a35; } body.red-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: #c8102e; } body.green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: #00843d; } body.gray-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: #676767; } body.contrast-yellow-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: #ff0; } body.contrast-green-theme header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active { color: lime; } header .mega-menu.missions-mega-menu .main-menu .first-level > li > a.active:before { width: 20%; margin-left: 10px; } header .mega-menu.missions-mega-menu .main-menu .first-level ul { margin-right: 0; } header .mega-menu.missions-mega-menu .main-menu .second-level { width: calc(97% - 16%); position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: z-index 0s ease 0.25s; transition: z-index 0s ease 0.25s; } header .mega-menu.missions-mega-menu .main-menu .second-level.active { z-index: 20; -webkit-transition: z-index 0s; transition: z-index 0s; } header .mega-menu.missions-mega-menu .main-menu .second-level > li { margin: 0 5px; width: calc((100% / 4) - 12px); margin-bottom: 20px; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.25s; transition: all 0.25s; } header .mega-menu.missions-mega-menu .main-menu .second-level > li.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } header .mega-menu.missions-mega-menu .main-menu .second-level > li > a { margin-bottom: 25px; } header .mega-menu.missions-mega-menu .main-menu .second-level ul li a { margin-bottom: 15px; } header .mega-menu.missions-mega-menu .quick-links-menu { margin-bottom: 30px; } header .mega-menu.missions-mega-menu .menu-copy-rights { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } header .mega-menu.missions-mega-menu .menu-copy-rights nav { margin-bottom: 0; } header .mega-menu.missions-mega-menu .menu-copy-rights span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .mega-search-container .auto-search-cont { top: 0px; } header .mega-search-container .auto-search-cont::before, header .mega-search-container .auto-search-cont::after { left: auto; right: 100px; } #horizontal-mega-menu { display: block; } .hero-slider .slider-container .hero-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .hero-slider .slider-container .hero-item .hero-info { width: 57%; margin-top: 0.5rem; padding: 0rem 3rem; direction: ltr; text-align: left; } .hero-slider .slider-container .hero-item .c-img { height: 25rem; width: 52%; } .hero-slider .slick-dots { display: inline-block !important; } .ministry-services-section .services-topics-container .services-topics .topic-item { width: calc(100% / 3); margin: 0; display: block; } .ministry-services-section .services-topics-container .services-topics .topic-info { width: 100%; } .highlights-section:before { height: 100%; width: 40%; } .highlights-section:after { height: 100%; width: 60%; } .highlights-section .highlights-container .highlight-item { width: calc(100% / 3); margin: 0; padding: 0 15px; } .highlights-section .highlights-container .highlight-item a { height: 100%; } .visit-uae-section .visit-uae-carousel { margin-right: 70px; width: calc(100% - 140px); } .visit-uae-section .visit-uae-nav { display: block; } #send-to-friend { width: 50%; } .listing-container .listing-items-container .listing-item .listing-brief-tooltip { display: block; position: absolute; padding: 15px; top: 0; right: 0; left: 0; bottom: 0; background: #fff; color: #414141; pointer-events: none; font: normal 0.88889rem/1.11111rem "Cairo"; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: transform 0.3s, opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s; -webkit-transition: opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s; transition: transform 0.3s, opacity 0.3s, z-index 0s ease 0.3s, visibility 0s ease 0.3s, -webkit-transform 0.3s; } .listing-container .listing-items-container .listing-item .listing-brief-tooltip p { overflow: hidden; } .listing-container .listing-items-container .listing-item:hover .listing-brief-tooltip { opacity: 1; z-index: 20; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.3s, opacity 0.3s, z-index 0s, visibility 0s; -webkit-transition: opacity 0.3s, z-index 0s, visibility 0s, -webkit-transform 0.3s; transition: opacity 0.3s, z-index 0s, visibility 0s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s, z-index 0s, visibility 0s; transition: transform 0.3s, opacity 0.3s, z-index 0s, visibility 0s, -webkit-transform 0.3s; } .social-media-container { width: 100%; } .social-media-container h2 { text-align: right; } .social-media-container .social-media-items-container { text-align: right; } .social-media-container .social-media-tabs a { width: auto; } .social-media-container .social-media-tabs a .social-media-icon { margin-left: 7px; } .social-media-container .social-media-tabs a span { display: inline; } .service-details-section .service-cards .service-card-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% / 5); } .service-details-section .service-cards .service-card-item .card-value .card-rate i { padding: 5px 2px; } #uae-map { display: inline-block; } #uae-map .jsmaps { float: right; display: inline-block; width: 50%; text-align: center; margin: 0 0 30px; margin-left: 30px; } #uae-map .jsmaps-text { margin-top: 0 !important; } .inner-two-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-album-container { width: 200px; height: auto; } .inner-two-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .happiness-details { padding: 15px 30px; } .inner-two-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .calender-body { padding: 12px 24px; } .inner-two-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { padding-left: 20px; } .inner-two-col .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .days { width: auto; padding-left: 20px; } .contact-us-section .contact-icon { width: 100px; height: auto; } .contact-us-section .contact-info-container { width: calc(100% - 100px); } .contact-us-section .contact-info-container.service-inquiry-info-container { width: calc(100% - 135px); } .contact-us-section .contact-card-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: calc(33.33% - 30px); margin-bottom: 30px; } .contact-us-section .form-title h3 { padding-left: 100px; } .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item { width: 50% !important; } .emergency-service .service-cat-listing-container .service-cat-listing-items-container .service-cat-listing-item { width: 33.333% !important; } .latest-date .end-date { margin-right: 10px; } .grid-control .dataTables_wrapper .table-scroll { overflow: hidden; } .grid-control .dataTables_wrapper .table-scroll .custom-grid { table-layout: fixed; } .uae-missions-abroad-listing .flags-section-rows .country-item { width: 20%; } .minister-travel .minister-travel-container .travel-item { width: calc(100% / 5); margin-bottom: 30px; } .minister-achievements .achievements-container .achievement-item { width: 260px; height: 260px; } .minister-achievements .achievements-container .achievement-item .achievement-content { width: 65%; } .minister-awards .minister-reward-container .reward-title { width: 25%; } .minister-awards .minister-reward-container .reward-container { width: 75%; padding: 0 50px; } .minister-awards .minister-reward-container .reward-container .reward-img { text-align: right; } .countries-carousel-container .countries-carousel .countries-nav { display: block; } .expo-cards .expo-card-item { min-width: 33.33%; max-width: 33.33%; } #missions-welcome-message .container .welcome-message { width: 50%; } #missions-about-embassy .info-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .year-of-tolerance-container { width: 70%; } #missions-visit-uae .container > h2, #missions-visit-uae .container > p { width: 70%; } } @media screen and (min-width: 1171px) { header .menu-container .menu-btn { margin-left: 60px; } header .user-container { margin-left: 45px; } header .home-container { margin-left: 35px; } header .search-container { margin-left: 35px; } header .accessibility-container .lang, header .accessibility-container .sound, header .accessibility-container .contrast, header .accessibility-container .themes, header .accessibility-container .fonts { margin-left: 35px; } header .mega-search-container .auto-search-cont::before, header .mega-search-container .auto-search-cont::after { left: auto; right: 140px; } .slick-dots:not(.hide-dots) { display: inline-block !important; } .ministry-services-section .services-container h2 { margin-bottom: 0; } .ministry-services-section .services-container .slick-track { padding: 20px 0; } .ministry-services-section .services-container .service-item { padding: 0; padding-bottom: calc(100% / 4); margin: 0; margin-bottom: 19px; } .ministry-services-section .services-container .service-item .service-info { position: absolute; top: 30px; bottom: 30px; left: 15px; right: 15px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ministry-services-section .services-container .service-item .ministry-services-btn { opacity: 0; visibility: hidden; position: static; -webkit-transform: none !important; transform: none !important; } .ministry-services-section .services-container .service-item:hover { z-index: 20; -webkit-transform: scale(1.3); transform: scale(1.3); } .ministry-services-section .services-container .service-item:hover:before { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } .ministry-services-section .services-container .service-item:hover .service-info { -webkit-transform: scale(0.85); transform: scale(0.85); } body.default-theme .ministry-services-section .services-container .service-item:hover .service-icon { color: #b68a35; } body.red-theme .ministry-services-section .services-container .service-item:hover .service-icon { color: #c8102e; } body.green-theme .ministry-services-section .services-container .service-item:hover .service-icon { color: #00843d; } body.gray-theme .ministry-services-section .services-container .service-item:hover .service-icon { color: #676767; } .ministry-services-section .services-container .service-item:hover .ministry-services-btn { opacity: 1; visibility: visible; } .listing-container:not(.fewer-listing-container) .listing-items-container .listing-item:not(.empty-listing-item) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc((100% / 3) - 1px); } .social-media-container .social-media-feed-nav { display: block !important; } .service-details-section .service-cards .service-card-item .card-value .card-rate i { padding: 5px; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info > div { display: -webkit-box; display: -ms-flexbox; display: flex; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .contact-info .icon { padding-left: 40px; } .happiness-listing-container .happiness-listing-items-container .happiness-listing-item .show-popup { padding-right: 10px; } .minister-bio .bio-info .bio-follow { padding: 3% 0; } .minister-bio .bio-info .bio-data .bio-btns { margin: 0 -20px; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item { padding: 0 20px; border-left: 1px solid #707070; margin-bottom: 0; width: auto; } body.contrast-yellow-theme .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item { border-left-color: #ff0; } body.contrast-green-theme .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item { border-left-color: lime; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item:last-child { border: 0; } .minister-bio .bio-info .bio-data .bio-btns .bio-btn-item .btn { width: auto; } .poll-answers .answer-letter { width: 50%; } #missions-about-embassy .about-embassy-info { margin: -40px 0; } #missions-embassy-news .embassy-news-container { margin: 0 -20px 135px; } } @media screen and (min-width: 1441px) { .section-padding { padding: 50px 0; } .bordered-container { padding: 50px; } .missions-section-btns { padding-top: 50px; } .details-container p { margin-bottom: 20px; } #horizontal-mega-menu .second-level a { padding: 5px 0; } #horizontal-mega-menu .second-level > li { padding: 0 10px 10px; } #missions-welcome-message .container .welcome-message { width: 60%; } #missions-welcome-message .container h2 { font: bold 3.05556rem/3.61111rem "Cairo"; } #missions-welcome-message .container p { font: normal 1.33333rem/1.61111rem "Cairo"; } #missions-visit-uae .uae-visit-info .btn { font-size: 1em; width: 75px; height: 75px; line-height: 75px; } #missions-visa-indication .indication-card .btn { font-size: 1em; width: 75px; height: 75px; line-height: 75px; } #missions-upcoming-events .upcoming-events-wrapper { height: 480px; } #missions-upcoming-events .upcoming-events { padding: 40px; } #missions-upcoming-events .upcoming-events .upcoming-event-item { padding: 20px 40px; } #missions-upcoming-events .upcoming-events-carousel { margin-top: 30px; } #missions-contact-us .contact-us-header h2 { font: bold 1.77778rem/2.22222rem "Cairo"; } } @media print { .print-show-only { display: block !important; } header .menu-container, header .header-btns { display: none !important; } .form-section .form-fields .field-container { width: calc((100% / 3) - 1px); } .form-section .form-fields .field-container.full-width .field-validation-error { width: calc((100% / 3) - 10px); } .form-section.bi-form-section .form-fields .field-container { width: calc((100% / 2) - 1px); } .form-section.bi-form-section .form-fields .field-container.full-width .field-validation-error { width: calc((100% / 2) - 10px); } .btns-container, .msg { display: none; } .logo-print { display: block; } .logo-print .logo-en { display: block; } .dir-rtl .logo-en { display: none; } .dir-rtl .logo-ar { display: block; } } .admin-site .menu-container, .admin-site .header-btns .home-container, .admin-site .header-btns .search-container, .admin-site .footer-quick-links, .admin-site .footer-keep-touch, .admin-site .inner-banner .bread-crumb { display: none !important; } .admin-site .header-btns .accessibility-container.desktop-header-btns .sound, .admin-site .header-btns .accessibility-container.desktop-header-btns .themes, .admin-site .header-btns .accessibility-container.desktop-header-btns .fonts { display: none !important; } .is-mobile body { position: relative; } .is-mobile header, .is-mobile footer, .is-mobile .inner-banner { display: none; } .is-mobile #minzedChat, .is-mobile #bChatW, .is-mobile .details-back-btn-container, .is-mobile .first-time-banner-container, .is-mobile .feedback-comp, .is-mobile #reg-home-btn { display: none !important; } .link-group.bg-khedmat { padding: 60px 35px; margin-bottom: 40px; } .co-khedmat a { display: flex; text-align: left; flex-direction: row; } .img-khedmat img { width: 55px; } img { transition: linear .2s; } .w-title.title-khedmat { font-size: 15px; color: #fff; font-weight: bold; padding-top: 27px; padding-left: 10px; } .social-media-tabs a{ color: #333; border-color: #ddd #ddd #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 14px; font-weight: 600; } .social-media-tabs a.active{ color: #fff; background-color: #b68a35; border: 1px solid; } .news-widget.bg-news-w { background: #f3f3f3; padding: 20px; height: 420px; box-shadow: 0 5px 8px rgba(0,0,0,.31); } .ti-widget { margin: 10px 0; margin-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #b1b0b0; margin-bottom: 15px; padding-bottom: 3px; } .ti-widget a { color: #083e6c; font-family: IRANSans !important; font-size: 17px; margin-top: 5px; font-weight: 600; } .ti-widget .fa-file-alt { font-size: 21px; margin-left: 4px; color: #083e6c; } .TitleNews.title-th { text-align: left; line-height: 23px; overflow: hidden; height: 46px; margin-bottom: 10px; } .bg-news-w svg { color: #083e6c; font-size: 17px; } .TitleNews.title-th a { color: #265c99 !important; font-size: 13px; font-family: IRANSans !important; font-weight: 600; } .news-date.latest-date { text-align: left; margin-top: 6px; font-size: 12px; margin-right: 1px; font-weight: 500; color: #959595; border-left: 2px solid #d9d8d8; margin-left: -24px; padding-left: 10px; height: 25px; } .ar-link { text-align: right; padding-top: 10px; padding-left: 10px; } .ar-link a { color: #083e6c; font-weight: bold; font-size: 13px; } .TitleNews.title-th .fa-circle { color: #083e6c; font-size: 8px; } .services-container{ padding-top: 50px !important; background: white; } .service-icon img { width: 100%; border-radius: 50%; height: 100%; } .top-text{ padding-bottom: 40px; } .services-topics-container{ background: #f2f2f2; } .ministry-services-section .services-topics-container .services-topics .topic-icon img{ border-radius: 50%; width: 105px; height: 105px; } .mosahebe { width: 100%; margin: 0 auto; } .mo-content { text-align: center; margin-top: 32px; padding-top: 12px; background: #f3f3f3; transition: linear .3s; margin-bottom: 0; box-shadow: 0 2px 8px rgba(0,0,0,.05); padding-bottom: 12px; } .mo-content h4 { color: #17477b; font-size: 14px; margin-top: 10px; font-weight: 600; } .mo-content:hover h4 { color: #fff; } .topic-icon svg { font-size: 45px; margin-top: 21px; } .footer-quick-links .ti-widget a{ color: #626262 !important; text-decoration: none; } .footer-quick-links li a{ color: #626262 !important; text-decoration: none; } .footer-quick-links { padding-right: 0 !important; padding-left: 0 !important; } .footer-quick-links { border-bottom: 0; } .happiness-meter-widget-web-wrapper .slide-content__question{ font-family: IRANSans !important; } .happiness-meter-widget-web-wrapper .slide-content__hero-sub{ font-family: IRANSans !important; } .happiness-meter-widget-web-wrapper .slide-2 .slide-footer__header { font-family: IRANSans !important; } .happiness-meter-widget-web-wrapper .hero, .happiness-meter-widget-web-wrapper .languages{ font-family: IRANSans !important; } #happinessMeterBtn{ visibility: hidden } .fa-text-height{ transition: all 0.3s; } header .header-hover-effect:not(.user-menu-btn):hover > svg { -webkit-transform: translatey(-7px); transform: translatey(-7px); } #hero-carousel .slide-arrow.prev-arrow.slick-arrow { position: absolute; right: 96px; bottom: 4px; font-size: 0px; border: 0; padding: 9px 12px; z-index: 111; background: #f0f0f0; cursor: pointer; } #hero-carousel .slide-arrow.next-arrow.slick-arrow { position: absolute; right: 43px; bottom: 4px; font-size: 0px; border: 0; padding: 9px 12px; background: #f0f0f0; cursor: pointer; } #hero-carousel .slide-arrow.next-arrow.slick-arrow .fa-chevron-right{ font-size: 22px; } #hero-carousel .slide-arrow.prev-arrow.slick-arrow .fa-chevron-left{ font-size: 22px; } .flying-social-media-container{ visibility: hidden; } .icon-internet{ font-size: 17px; } .fa-text-height{ font-size: 17px; } .icon-search{ font-size: 17px; } .TitleNews.title-th svg { height: 30px; float: left; margin-right: 12px; } .back-to-top-btn:hover i{ color: #fff } #site-loader img { position: absolute; display: block; left: 0; right: 0; margin: 0 auto; z-index: 10; opacity: 1; -webkit-animation: loader 1.8s linear .2s infinite forwards; animation: loader 1.8s linear .2s infinite forwards; top: 150px; } .leadSlider{ font-size: 13px !important; color: #5a5a5a; line-height: 25px !important; } #hero-carousel .slider .services-container, .slider .services-container h2 { color: #083e6c !important; } #hero-carousel .slider .services-container, .slider .services-container h2 { color: #083e6c !important; } /* .hero-info span { float: left; } */ #hero-carousel .hero-info a.hero-carousel-btn { float: right; margin-top: 0; font-size: 12px; font-weight: 600; } .services-container { background: #083e6c; } .slider .services-container, .slider .services-container h2 { color: #fff !important; } #hero-carousel .hero-info h2.titleSlider { text-shadow: 0 5px 8px rgba(0,0,0,.31); border-bottom: 1px solid #bcbcbc; padding-bottom: 13px; } #hero-carousel .hero-info .date { text-align: left; font-size: 13px; color: #a4a4a4; margin-top: 27px; } .old-version{ text-align: right; padding-top: 29px; color: #083e6c; padding-right: 25px; font-weight: 600; } footer .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: transparent; border-bottom: transparent; } footer .card { border-color: transparent; background-color: transparent; text-align: left; } footer .collapse { background: transparent; } footer .card-body a{ color: #626262; } footer .card-body a { color: #626262; display: flex; margin: 0px 0 15px 0; } .footer-content.row a.linkHolder-footer{ text-shadow: none; text-align: left; font-weight: 600; position: relative; font-size: 11px; } .footer-content.row a.linkHolder-footer .fa-circle { position: absolute; left: -13px; top: 5px; font-size: 5px; color:#083e6c; } h5.mb-0 a { padding-right: 0; } #headingThree svg{ font-size:18px; } #headingThree a{ font-size: 16px; } /*# sourceMappingURL=style-ar.min.css.map */ .sticky { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0px 0px 12px 0px #686868; } footer .footer-menu .footer-website-info { display: none; } .visit-uae-section .visit-uae-item .visit-uae-info { transition: .2s linear; overflow: hidden; } .visit-uae-info .btn.primary-btn.read-more-btn.visit-uae-btn { visibility: hidden; width: 100%; margin-bottom: -80px; opacity: 0; } .visit-uae-info .btn.primary-btn.read-more-btn.visit-uae-btn h3 { padding-top: 10px; font-size: 16px; } .visit-uae-info .btn.primary-btn.read-more-btn.visit-uae-btn svg { position: absolute; right: 9px; top: 12px; } .visit-uae-info:hover a { visibility: visible !important; margin-bottom: 0 !important; opacity: 1 !important; } footer .footer-menu .footer-logos{ justify-content: space-between; } .footer-logos{ margin-bottom: 13px !important; } .footer-social-media a{ background: #083e6c; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } footer .footer-menu .footer-social-media ul li { padding: 0 3px; float: right; } footer .footer-menu .footer-social-media ul li a { line-height: 35px; text-align: center; color: #fff; } .footer-social-media-div{ margin-top: 30px; } .footer-social-media a{ background: #083e6c; display: block; width: 45px; height: 45px; line-height: 35px; text-align: center; color: #fff; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } footer .footer-menu .footer-social-media ul li { padding: 0 3px; float: right; } footer .footer-menu .footer-social-media ul li a { line-height: 35px; text-align: center; color: #fff; } .col-md-12.footer-collapse { margin-top: -28px; padding-left: 35px; } .form-section .form-title::before { content: none !important; } .telegram{ padding-top: 9px !important; } .footer-social-media .icon-instagram , .footer-social-media .icon-twitter{ padding-top: 4px; } .telegram .fa-telegram{ font-size: 21px; } .icon.telegram:hover{ background: #28a8ea } .footer-logos{ padding: 0 49px; } .footer-social-media .icon-instagram::before { font-size: 22px; } .footer-social-media .icon-twitter::before { font-size: 22px; } .footer-menu.col-md-12 .form-section.contact-us-social { text-align: center; } .footer-menu.col-md-12 .form-section.contact-us-social .addres { padding-left: 0; font-size: 13px; color: #666868; line-height: 26px; font-weight: 600; } .footer-menu.col-md-12 .form-section.contact-us-social .addres svg { color: #083e6c; margin-top: 5px; } .footer-menu.col-md-12 .form-section.contact-us-social .addres span { color: #083e6c; padding-left: 6px; } .more-tab { text-align: left; } .more-tab .tooltipstered { color: #fff; font-size: 17px; font-weight: 600; } .first-level a{ font-weight: 600 } .title-khedmat svg { font-size: 32px; } .lang .hovering-nav.active span{ font-weight: 600; font-family: IRANSans !important; } .mobile-all { display: none; } footer{ background-image: url('/files/mfa/worldMapdark2.png'); background-size: 80%; position: relative; background-repeat: no-repeat; } .second-level2{ left: auto !important; right: auto !important;; width: 350px; } .second-level2 li{ width: 100% !important;; } .icon-home{ font-size: 18px; } .footer-collapse .card-body{ padding: 0 10px 10px 37px; } .c3{ width: 700px !important; } .c3 li { width: 30% !important; } .c3 .third-level li{ width: 100% !important; } .mobile-header-btns .search-container{ display:none; } @media only screen and (max-width: 1212px) { .old-version { display: none; } } @media only screen and (max-width: 1024px) { .visit-uae-info .btn.primary-btn.read-more-btn.visit-uae-btn { visibility: visible !important; margin-bottom: 0 !important; opacity: 1 !important; } #hero-carousel .prev-arrow , #hero-carousel .next-arrow { display: none !important; } } @media only screen and (max-width: 991px) { .news-widget.bg-news-w { height: auto; margin-bottom: 16px; } .TitleNews.title-th { height: auto; } .news-date.latest-date { margin-left: 0; } } @media only screen and (max-width: 768px) { .missions-header{ height: 85px; } .footer-collapse{ text-align: center; } .header-btns{ display:none !important; } .header-btns.mobile-header-btns{ display:block !important; } .mobile-header-btns .search-container { display: block !important; } .mobile-header-btns .search-container .icon-search{ color:#fff; } header .mega-search-container .auto-search-cont { top: 75px; } footer { background-image: none; } .mobile-header-btns .lang .hovering-nav.active { right: 5px; } } @media only screen and (max-width: 640px){ #hero-carousel .hero-info .date { font-size: 14px; text-align: center; margin-top: 76px; } } @media only screen and (max-width: 630px){ .social-media-container .social-media-tabs { display: grid; padding-right: 50px; padding-left: 50px; } } @media only screen and (max-width: 506px){ footer .footer-menu .footer-logos { justify-content: center; } .col-md-12.footer-collapse { margin-top: 0px; padding-right: 43px; } .social-media-container .social-media-tabs a { height: auto; } } .social-media-content a:hover{ text-decoration: none; } .social-media-content a:hover h4 { color: #ffb300; text-decoration: none; font-size: 16px; transition: 0.1s; } .mobile-header-btns .lang .icon-internet { color: #fff; } .mobile-header-btns .fonts svg{ color: #fff; } #ministry-services-carousel { direction: rtl; } #visit-uae-carousel{ direction: rtl; } .second-level.menu-two { width: 50%; } #horizontal-mega-menu .menu-two > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; padding: 0 10px 10px; } .MinistrInfo .author-img img { margin-left: 30px; width: 300px; height: auto; overflow-x: hidden; margin-bottom: 30px; } .MinistrInfo .pull-right { float: left; margin-right: 20px; } .MinistrInfo .author-box { border: 1px solid #dadada; padding: 20px 20px 15px; margin: 0 0 40px; } .MinistrInfo .full-info { margin-top: 20px; } .modulecontainer { margin: 30px 0; } .MinistrInfo .tab-content { box-shadow: 0 10px 6px 3px #083e6c5c; padding: 19px; margin-top: 10px; margin-bottom: 50px; } .MinistrInfo .nav-tabs { border-bottom: 0; } .container.MinistrInfo { margin-top: 30px; } .MinistrInfo .nav-tabs { border-bottom: 0; } .MinistrInfo .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { font-weight: 600; background: #083e6c; font-size: 17px; border: 0; color: #fff; } .MinistrInfo .nav-tabs .nav-link { color: #000; transition: .3s linear; border: 0; background: #eae9e9; font-size: 15px; margin: 0 4px; } .MinistrInfo .nav-tabs .nav-link { color: #000; transition: .3s linear; border: 0; background: #eae9e9; font-size: 15px; margin: 0 4px; } .container.MinistrInfo a { text-decoration: none; } .MinistrInfo .connect p { font-size: 20px; } .MinistrInfo .connect { margin-top: 20px; padding: 13px; text-align: center; } .MinistrInfo .connect p a { background: #083e6c; margin-top: 30px; font-weight: 600; font-size: 16px; } .container.MinistrInfo a { text-decoration: none; } .MinistrInfo .MinistrNews { margin-top: 20px; padding: 20px; } .MinistrInfo .MinistrNews .div-mister-news { border: 1px solid #083e6c5e; padding: 16px; border-radius: 4px; margin-bottom: 10px; position: relative; } .container.MinistrInfo a { text-decoration: none; } .MinistrInfo .MinistrNews .imgNews.col-md-4 img { width: 100%; } .MinistrInfo .MinistrNews .TitleNews a { color: #083e6c; font-size: 13px; font-weight: 600; } .MinistrInfo .MinistrNews .news-date { font-weight: 600; color: #000; position: absolute; left: 13px; bottom: 0; } #horizontal-mega-menu .has-sub-menu { padding-left: 20px; } .tooltipster-base{ width:auto !important; } #horizontal-mega-menu .has-sub-menu { padding-left: 20px; } .tooltipster-base{ width:auto !important; } .footer-content.row span.linkHolder-footer { text-shadow: none; text-align: left; font-weight: 600; position: relative; font-size: 11px; } footer .card-body span { color: #626262; display: flex; margin: 0 0 15px 0; /*! margin-left: 1px; */ } .footer-content.row span.linkHolder-footer .fa-circle { font-size: 5px; color: #083e6c; } .footer-content.row span.linkHolder-footer .fa-circle { position: absolute; left: -13px; top: 5px; font-size: 5px; color: #083e6c; } .preload { position: fixed; background: #F4FBFB; width: 100%; height: 100%; z-index: 100000; text-align: center; padding-top: 23%; } .svg-preload { max-width: 200px; margin: 0 auto; position: relative; } .preload-img { width: 100%; margin: 0 auto; } .preload.out { display: none; } .adjust { min-height: 60px; height: auto; } .loader2 { font-size: 39px; margin: -2em auto; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load2 1.3s infinite linear; animation: load2 1.3s infinite linear; } @-webkit-keyframes load2 { 0%, 100% { box-shadow: 0em -3em 0em 0.2em #3e50a2, 2em -2em 0 0em #3e50a2, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 0em #3e50a2; } 12.5% { box-shadow: 0em -3em 0em 0em #3e50a2, 2em -2em 0 0.2em #3e50a2, 3em 0em 0 0em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 25% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 0em #3e50a2, 3em 0em 0 0.2em #3e50a2, 2em 2em 0 0em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 37.5% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 0em #3e50a2, 2em 2em 0 0.2em #3e50a2, 0em 3em 0 0em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 50% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 0em #3e50a2, 0em 3em 0 0.2em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 62.5% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 0em #3e50a2, -2em 2em 0 0.2em #3e50a2, -3em 0em 0 0em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 75% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 0.2em #3e50a2, -2em -2em 0 0em #3e50a2; } 87.5% { box-shadow: 0em -3em 0em 0em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 0em #3e50a2, -2em -2em 0 0.2em #3e50a2; } } @keyframes load2 { 0%, 100% { box-shadow: 0em -3em 0em 0.2em #3e50a2, 2em -2em 0 0em #3e50a2, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 0em #3e50a2; } 12.5% { box-shadow: 0em -3em 0em 0em #3e50a2, 2em -2em 0 0.2em #3e50a2, 3em 0em 0 0em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 25% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 0em #3e50a2, 3em 0em 0 0.2em #3e50a2, 2em 2em 0 0em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 37.5% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 0em #3e50a2, 2em 2em 0 0.2em #3e50a2, 0em 3em 0 0em #3e50a2, -2em 2em 0 -0.5em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 50% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 0em #3e50a2, 0em 3em 0 0.2em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 -0.5em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 62.5% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 0em #3e50a2, -2em 2em 0 0.2em #3e50a2, -3em 0em 0 0em #3e50a2, -2em -2em 0 -0.5em #3e50a2; } 75% { box-shadow: 0em -3em 0em -0.5em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 0.2em #3e50a2, -2em -2em 0 0em #3e50a2; } 87.5% { box-shadow: 0em -3em 0em 0em #3e50a2, 2em -2em 0 -0.5em #3e50a2, 3em 0em 0 -0.5em #3e50a2, 2em 2em 0 -0.5em #3e50a2, 0em 3em 0 -0.5em #3e50a2, -2em 2em 0 0em #3e50a2, -3em 0em 0 0em #3e50a2, -2em -2em 0 0.2em #3e50a2; } } @media only screen and (max-width: 900px) { #mega-menu-btn span, #mega-menu-btn span::after, #mega-menu-btn span::before { background: #083e6c !important; } #mega-menu-btn { background: #083e6c59 !important; } header .menu-container .menu-btn span::before { top: -100%; right: 0%; -webkit-transform: translateY(-3px); transform: translateY(-3px); } header .menu-container .menu-btn span::before, header .menu-container .menu-btn span::after { content: ""; width: 100%; height: 100%; position: absolute; -webkit-transition: all .3s; transition: all .3s; } header .menu-container .menu-btn span::after { bottom: -100%; left: 0%; -webkit-transform: translateY(3px); transform: translateY(3px); } header .menu-container .menu-btn span::before, header .menu-container .menu-btn span::after { content: ""; width: 100%; height: 100%; position: absolute; -webkit-transition: all .3s; transition: all .3s; } #mega-menu-btn.active span { background: transparent !important; } } @media only screen and (max-width: 500px) { header .mega-menu .main-menu .second-level > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding-left: 10px; } .has-sub-menu .open a[href="javascript:void(0);"] { background: #083e6c; color: #fff !important; padding-right: 10px; padding-left: 10px; } header .mega-menu .main-menu .first-level li.has-sub-menu > a::before { right: 10px; } header .mega-menu .main-menu .first-level li.has-sub-menu ul { padding-right: 0; } header .search-container { margin-right: 0; } .leadSlider { display: none; } .hero-slider .slider-container .hero-item .hero-info h2 { font-size: 15px; line-height: 27px; text-align: justify; height: 60px; overflow: hidden; } .hero-slider .slider-container .hero-item .hero-info { padding: 5px 1rem; } .social-media-container .social-media-tabs a { border-radius: 10px; margin-bottom: 4px; border: 0 !important; } .visit-uae-section .visit-uae-item { margin-bottom: 15px; } } .loading1 { position: fixed; z-index: 111111111; background: white; width: 100%; height: 100%; padding-top: 80px; } .loading1 .img-loading { text-align: center; } .loading1 .loading { display: flex; justify-content: center; padding-top: 27px; } .loading1 .loading .dot { position: relative; width: 2em; height: 2em; margin: 0.8em; border-radius: 50%; } .loading1 .loading .dot::before { position: absolute; content: ""; width: 100%; height: 100%; background: inherit; border-radius: inherit; animation: wave 2s ease-out infinite; } .loading1 .loading .dot:nth-child(1) { background: #7ef9ff; } .loading1 .loading .dot:nth-child(1)::before { animation-delay: 0.2s; } .loading1 .loading .dot:nth-child(2) { background: #89cff0; } .loading1 .loading .dot:nth-child(2)::before { animation-delay: 0.4s; } .loading1 .loading .dot:nth-child(3) { background: #4682b4; } .loading1 .loading .dot:nth-child(3)::before { animation-delay: 0.6s; } .loading1 .loading .dot:nth-child(4) { background: #0f52ba; } .loading1 .loading .dot:nth-child(4)::before { animation-delay: 0.8s; } .loading1 .loading .dot:nth-child(5) { background: #000080; } .loading1 .loading .dot:nth-child(5)::before { animation-delay: 1s; } @keyframes wave { 50%, 75% { transform: scale(2.5); } 80%, 100% { opacity: 0; } } .loading1.loadingNone { display:none; } .footer-collapse h5 a { color: #202428; font-size: 16px; } .fg-item-title { width: 30% !important; float: left; font-weight: bold; background-color: #f5f5f5; padding: 13px 9px !important; text-align: left !important; color: #333; font-size: 16px; } .fg-item-info { padding: 15px 10px; float: left; width: 70% !important; border-bottom: 1px solid #f0f0f0 !important; border-left: 1px solid #f0f0f0 !important; } #pLoader .img-fg { max-width: 70px; max-height: 380px; } @media only screen and (max-width: 767px) { .fg-item-title { width: 100% !important; float: left; font-weight: bold; background-color: #f5f5f5; padding: 13px 9px !important; text-align: left; } .fg-item-info { width: 100% !important; } }