/*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - images URL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for listing component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - bootstrap accordian - custom style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Co create component styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Cookies CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Custom select Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - E-services Component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Journey-widget component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for page-innersearch component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for register component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Sub page left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for adge Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for borders Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for feedback pop up Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Note component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Quicklinks component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Support Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for survey Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for talk to us Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for three-col-list Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for whats new Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for tab mobile dropdown Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - collabsible left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Flipcard Style * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for left nav component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Testimonials and Achievements components Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Pillars Author: TAMM ***************************************************************************************************/ /*Loading Overlay*/ .loading-overlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; margin: -15px; height: 110%; z-index: 1000; background: rgba(0, 0, 0, 0.85); } body > .loading-overlay { margin: 0; } .loading-overlay div#circularG { position: absolute; left: -webkit-calc(50% - 58px); left: calc(50% - 29px); top: 25%; } html[lang*='ar'] .loading-overlay div#circularG { right: -webkit-calc(50% - 58px); right: calc(50% - 29px); left: auto; } #circularG { position: relative; width: 58px; height: 58px; margin: 40px auto 20px; } .circularG { position: absolute; background-color: #ccdde2; width: 14px; height: 14px; border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; animation-name: bounce_circularG; -o-animation-name: bounce_circularG; -ms-animation-name: bounce_circularG; -webkit-animation-name: bounce_circularG; -moz-animation-name: bounce_circularG; animation-duration: 1.1s; -o-animation-duration: 1.1s; -ms-animation-duration: 1.1s; -webkit-animation-duration: 1.1s; -moz-animation-duration: 1.1s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; } #circularG_1 { left: 0; top: 23px; animation-delay: 0.41s; -o-animation-delay: 0.41s; -ms-animation-delay: 0.41s; -webkit-animation-delay: 0.41s; -moz-animation-delay: 0.41s; } #circularG_2 { left: 6px; top: 6px; animation-delay: 0.55s; -o-animation-delay: 0.55s; -ms-animation-delay: 0.55s; -webkit-animation-delay: 0.55s; -moz-animation-delay: 0.55s; } #circularG_3 { top: 0; left: 23px; background: #e8e7eb; animation-delay: 0.69s; -o-animation-delay: 0.69s; -ms-animation-delay: 0.69s; -webkit-animation-delay: 0.69s; -moz-animation-delay: 0.69s; } #circularG_4 { right: 6px; top: 6px; background: #e8e7eb; animation-delay: 0.83s; -o-animation-delay: 0.83s; -ms-animation-delay: 0.83s; -webkit-animation-delay: 0.83s; -moz-animation-delay: 0.83s; } #circularG_5 { right: 0; top: 23px; background: #dcdcdc; animation-delay: 0.97s; -o-animation-delay: 0.97s; -ms-animation-delay: 0.97s; -webkit-animation-delay: 0.97s; -moz-animation-delay: 0.97s; } #circularG_6 { right: 6px; bottom: 6px; background: #dcdcdc; animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; } #circularG_7 { left: 23px; bottom: 0; background: #dcdcdc; animation-delay: 1.24s; -o-animation-delay: 1.24s; -ms-animation-delay: 1.24s; -webkit-animation-delay: 1.24s; -moz-animation-delay: 1.24s; } #circularG_8 { left: 6px; bottom: 6px; background: #dcdcdc; animation-delay: 1.38s; -o-animation-delay: 1.38s; -ms-animation-delay: 1.38s; -webkit-animation-delay: 1.38s; -moz-animation-delay: 1.38s; } @keyframes bounce_circularG { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.3); transform: scale(0.3); } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.3); } }