@charset "UTF-8"; @font-face { font-family: 'DroidKufiBold'; src: url('../fonts/droidkufi-bold.eot'); src: url('../fonts/droidkufi-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/droidkufi-bold.woff') format('woff'), url('../fonts/droidkufi-bold.ttf') format('truetype'), url('../fonts/droidkufi-bold.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style:normal; } @font-face { font-family: 'DroidKufiLight'; src: url('../fonts/droidkufi-regular.eot'); src: url('../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/droidkufi-regular.woff') format('woff'), url('../fonts/droidkufi-regular.ttf') format('truetype'), url('../fonts/droidkufi-regular.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style:normal; } @font-face { font-family: 'CenturyGothicBold'; src: url('../fonts/CenturyGothicBold.eot?ref=0.2'); src: url('../fonts/CenturyGothicBold.eot?#iefix?ref=0.2') format('embedded-opentype'), url('../fonts/CenturyGothicBold.woff?ref=0.2') format('woff'), url('../fonts/CenturyGothicBold.ttf?ref=0.2') format('truetype'), url('../fonts/CenturyGothicBold.svg#webfontRl4nowrT?ref=0.2') format('svg'); font-weight: normal; font-style:normal; } @font-face { font-family: 'CenturyGothicLight'; src: url('../fonts/CenturyGothicLight.eot?ref=0.2'); src: url('../fonts/CenturyGothicLight.eot?#iefix?ref=0.2') format('embedded-opentype'), url('../fonts/CenturyGothicLight.woff?ref=0.2') format('woff'), url('../fonts/CenturyGothicLight.ttf?ref=0.2') format('truetype'), url('../fonts/CenturyGothicLight.svg#webfontRl4nowrT?ref=0.2') format('svg'); font-weight: normal; font-style:normal; } @font-face { font-family: "MasrawyIcons"; src: url("../fonts/masrawyicons.eot?ref=1.8"); src: url("../fonts/masrawyicons.eot?#iefix?ref=1.8") format("embedded-opentype"), url("../fonts/masrawyicons.woff?ref=1.8") format("woff"), url("../fonts/masrawyicons.ttf?ref=1.8") format("truetype"), url("../fonts/masrawyicons.svg?ref=1.8") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, .icon-leftArr:after, .custom-header nav span:before, .icon-more:after, .bx-wrapper .bx-next:before, .bx-wrapper .bx-prev:before, .breadcrumb li a:after, .lg-toolbar .lg-close:after, .lg-autoplay-button:after, .lg-show-autoplay .lg-autoplay-button:after, .lg-actions .lg-next:before, .lg-actions .lg-prev:after, .cd-tab-filter::after, .ui-datepicker .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-icon-circle-triangle-e:before, article .details blockquote:before, .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after, .surveyDiv .allQues .nxtPrevDiv .btn a.prev:before, .surveyDiv .allQues .nxtPrevDiv .btn a.next:after, .icon-down:after, .lg-outer .lg-toogle-thumb:after, .lg-outer #lg-share:after, .lg-outer #lg-share-facebook .lg-icon:after, .lg-outer #lg-share-twitter .lg-icon:after, .lg-outer #lg-share-googleplus .lg-icon:after, .answerOverlay:after, a.return:after, .close-ACN:before { font-family: "MasrawyIcons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1.7em; } * {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-o-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none; } a {text-decoration: none;color: #1d1d1d;} button{border:none;outline:none} a, button, li, p{/*-webkit-touch-action: manipulation;-moz-touch-action: manipulation;-o-touch-action: manipulation;-ms-touch-action: manipulation;touch-action: manipulation;*/transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;cursor: pointer;} .fixed{width:300px!important;left:auto!important;background: #1d1d1d!important;} h1, h2, h3, p,ul, li{direction:rtl; text-align:right; margin:0; font-weight:normal} p{direction:rtl;} html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {margin: 0;padding: 0;border: 0;vertical-align: baseline;font: inherit} body{width:100%;margin:0 auto;min-width:320px;max-width:100%;direction:rtl;overflow-x: hidden !important;overflow-y: scroll !important;} /*body.showSponsor{overflow-y: hidden !important;}*/ img {border: 1px solid #ddd;-ms-interpolation-mode: bicubic;vertical-align: middle;text-indent:-1000%} ul, li {list-style: none outside none;text-decoration: none;} .clear, .clr{ clear:both; float:none; line-height:0} ::-moz-selection { background: #1d1d1d; color: #fff; text-shadow: none; } ::selection { background: #1d1d1d; color: #fff; text-shadow: none; } iframe{margin:0;padding:0;border:none;float:right;display:inline-block} section{display:inline-block;width:100%;background:#fff;margin-bottom:40px;box-shadow: 0 6px 6px -3px rgba(0,0,0,.1);float:right} input, textarea{outline: none;-webkit-appearance: textfield!important;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} input:focus, textarea:focus {border: 1px solid #888!important;outline: none;} /** Checkbox and Radio **/ input[type="checkbox"] {display:none;} input[type="checkbox"] + label {color:#1d1d1d;font-family:DroidKufiLight, Arial;font-size:12px;float:right;margin:0 5px 10px;text-align:right;display:inline-block;width:100%;direction: rtl;} input[type="checkbox"] + label span {display:inline-block;width:16px;height:16px;margin:2px 0 0 5px;vertical-align:middle;background:url(../Images/check-radio-img.png) 0 top no-repeat;cursor:pointer} input[type="checkbox"]:checked + label span {background:url(../Images/check-radio-img.png) -18px top no-repeat;} input[type="radio"] {display:none;} input[type="radio"] + label {color:#1d1d1d;font-family:DroidKufiLight, Arial;font-size:12px;float:right;margin:0 5px 10px;text-align:right;display:inline-block;width:100%;direction: rtl} input[type="radio"] + label span {display:inline-block;width:16px;height:16px;margin:2px 0 0 5px;vertical-align:middle;background:url(../Images/check-radio-img.png) -37px top no-repeat;cursor:pointer;} input[type="radio"]:checked + label span {background:url(../Images/check-radio-img.png) -55px top no-repeat;} /** Calendar **/ .custom-calendar-wrap {margin: 10px auto;position: relative;overflow: hidden;} .custom-inner {background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.2);} .custom-inner:before, .custom-inner:after {content: '';width: 99%;height: 50%;position: absolute;background: #f6f6f6;bottom: -4px;left: 0.5%;z-index: -1;box-shadow: 0 1px 3px rgba(0,0,0,0.2);} .custom-inner:after {content: '';width: 98%;bottom: -7px;left: 1%;z-index: -2;} .custom-header {background: #fff;padding: 5px 10px 10px 20px;height: 70px;position: relative;border-top: 5px solid #e63b34;border-bottom: 1px solid #ddd;} .custom-header h2, .custom-header h3 {text-align: center;display:block} .custom-header h2 {color: #1d1d1d;font-size: 20px;margin-top: 10px;font-family:DroidKufiLight, arial} .custom-header h3 {font-size: 12px;color: #888;font-family:arial} .custom-header nav span {position: absolute;top: 17px;width: 30px;height: 30px;color: transparent;cursor: pointer;margin: 0 1px;font-size: 20px;line-height: 30px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .custom-header nav span:first-child {left: 5px;} .custom-header nav span:last-child {right: 5px;} .custom-header nav span:before {color: #e63b34;position: absolute;text-align: center;width: 100%;font-size:12px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .custom-header nav span.custom-prev:before {content: 'q';} .custom-header nav span.custom-next:before {content: 'r';} .custom-header nav span:hover:before {color: #495468;} .custom-content-reveal {background: #f6f6f6;background: rgba(246, 246, 246, 0.9);width: 100%;height: 100%;position: absolute;z-index: 100;top: 100%;left: 0px;text-align: center;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .custom-content-reveal span.custom-content-close {position: absolute;top: 15px;right: 10px;width: 20px;height: 20px;text-align: center;background: #ef4f69;box-shadow: 0 1px 1px rgba(0,0,0,0.1);cursor: pointer;line-height: 13px;padding: 0;} .custom-content-reveal span.custom-content-close:after {content: 'x';font-size: 18px;color: #fff;} .custom-content-reveal a, .custom-content-reveal span {font-size: 22px;padding: 10px 30px;display: block;} .custom-content-reveal h4 {text-transform: uppercase;font-size: 13px;font-weight: 300;letter-spacing: 3px;color: #777;padding: 20px;background: #fff;border-bottom: 1px solid #ddd;border-top: 5px solid #ef4f69;box-shadow: 0 1px rgba(255,255,255,0.9);margin-bottom: 30px;} .custom-content-reveal span {color: #888;} .custom-content-reveal a {color: #ef4f69;} .custom-content-reveal a:hover {color: #333;} .fc-calendar-container {height: 400px;width: auto;padding: 30px;background: #f6f6f6;box-shadow: inset 0 1px rgba(255,255,255,0.8);} .fc-calendar .fc-head {background: transparent;color: #e63b34;font-weight: bold;text-transform: uppercase;font-family:arial;font-size: 10px;height: 30px;line-height: 30px;} .fc-calendar .fc-row > div {background: #fff;cursor: pointer;} .fc-calendar .fc-row > div:empty {background: transparent;} .fc-calendar .fc-row > div > a.fc-date {position: absolute;width:100%;height: 100%;font-size: 14px;line-height: 20px;font-family:arial;color: #1d1d1d;text-shadow: 0 -1px 0 rgba(255,255,255,0.8);margin:0;top: 0;right: 0;text-align: center} .fc-calendar .fc-row > div.fc-today {background: #e63b34;box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);} .fc-calendar .fc-row > div.fc-today > a.fc-date {color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,0.1);} .fc-calendar .fc-row > div.fc-content:after {content: '\00B7';text-align: center;width: 20px;margin-left: -10px;position: absolute;color: #DDD;font-size: 70px;line-height: 20px;left: 50%;bottom: 3px;} .fc-calendar .fc-row > div.fc-today.fc-content:after {color: #b02c42;} .fc-calendar .fc-row > div.fc-content:hover:after{color: #ef4f69;} .fc-calendar .fc-row > div.fc-today.fc-content:hover:after{color: #fff;} .fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {display: none;font-size: 22px;} @media screen and (max-width: 400px) { .fc-calendar-container {height: 300px;} .fc-calendar .fc-row > div > span.fc-date {font-size: 15px;} } .fc-calendar-container {position: relative;height: 400px;width: 400px;} .fc-calendar {width: 100%;height: 100%;} .fc-calendar .fc-body {position: relative;width: 100%;height: 100%;height: -moz-calc(100% - 30px);height: -webkit-calc(100% - 30px);height: calc(100% - 30px);border: 1px solid #ddd;} .fc-calendar .fc-row {width: 100%;border-bottom: 1px solid #ddd;} .fc-four-rows .fc-row {height: 25%;} .fc-five-rows .fc-row {height: 20%;} .fc-six-rows .fc-row {height: 16.66%;height: -moz-calc(100% / 6);height: -webkit-calc(100%/6);height: calc(100%/6);} .fc-calendar .fc-row > div, .fc-calendar .fc-head > div {float: left;height: 100%;width: 14.28%; width: -moz-calc(100%/7);width: -webkit-calc(100%/7);width: calc(100%/7);position: relative;} .ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div {width: 14.2%;} .fc-calendar .fc-row > div {border-right: 1px solid #ddd;padding: 0;overflow: hidden;position: relative;} .fc-calendar .fc-head > div {text-align: center;} .fc-calendar .fc-row > div > span.fc-weekday {padding-left: 5px;display: none;} .fc-calendar .fc-row > div.fc-out {opacity: 0.6;} .fc-calendar .fc-row > div:last-child, .fc-calendar .fc-head > div:last-child {border-right: none;} .fc-calendar .fc-row:last-child {border-bottom: none;} /** Calendar **/ .ui-datepicker {width: 250px;direction:ltr;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);line-height:normal} .ui-datepicker .ui-datepicker-header {background: #fff;padding:5px 10px;height: 60px;position: relative;border-bottom: 1px solid #ddd;text-align:center} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 14px;cursor: pointer;color:#1d1d1d;background:none!important;font-size:30px;z-index:1;line-height:1} .ui-datepicker .ui-datepicker-prev {left: 10px;} .ui-icon {display: block;overflow: hidden;background-repeat: no-repeat;font-size: 20px} .ui-datepicker span {cursor: pointer!important;} .ui-widget-content .ui-state-disabled span{cursor:auto!important} .ui-datepicker .ui-icon-circle-triangle-w:before{content:"q"} .ui-datepicker .ui-icon-circle-triangle-e:before{content:"r"} .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{color:#e63b34} .ui-state-disabled, .ui-widget-content .ui-state-disabled {background:transparent} .ui-datepicker .ui-datepicker-next {right: 10px;} .ui-datepicker .ui-datepicker-title {display: inline-block;width: 100%;height: 60px;font-size: 0px;position: absolute;left: 0;top: 0;*display: inline; zoom: 1; /* for IE */} .ui-datepicker .ui-datepicker-title .ui-datepicker-month{display: inline-block;width: 100%;float: right;line-height:normal;margin: 0!important;font-size: 20px;color: #1d1d1d;font-family: DroidKufiLight, arial;} .ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:inline-block;width:100%;float:right;font-size: 14px;color: #888;font-family: arial;line-height:normal} .ui-datepicker table {width: 100%;padding: 12px;position: relative;background: #f6f6f6;box-shadow: inset 0 1px rgba(255,255,255,0.8);display:inline-block;border-collapse: collapse;font-size: 12px;line-height: 2.4} .ui-datepicker thead{background: transparent;color: #e63b34;font-weight: bold;text-transform: uppercase;font-family: arial;font-size: 10px;line-height: 1;display:table-row-group} .ui-datepicker thead tr{display:table-row;width:100%;height:22px} .ui-datepicker th {height: 100%;width: calc(228px / 7);position: relative;text-align:center;line-height: 2;display:table-cell} .ui-datepicker tbody {display:table-row-group;border: 1px solid #ddd;width:100%} .ui-datepicker tbody tr{display:table-row;width:100%;height:28px;border-bottom: 1px solid #ddd;} .ui-datepicker tbody tr:last-child{border-bottom:0} .ui-datepicker tbody td{width: calc(222px / 7);position:relative;display:table-cell;height:100%;border-right: 1px solid #ddd;padding:0;margin:0} .ui-datepicker tbody td:nth-child(7n){border-right:0} .ui-state-disabled {cursor: default!important; color: #ddd!important;} .ui-widget-content .ui-state-default {display:block;position: relative;background:#fff;width: 100%;height: 100%;font-family: arial;color: #1d1d1d;margin: 0;top: 0;right: 0;text-align: center;} .ui-widget-content .ui-state-default:hover {background: #ddd;color: #1d1d1d} .ui-widget-content a.ui-state-active {background: #ddd;color: #1d1d1d} .ui-widget-content .ui-datepicker-today .ui-state-default{background:#e63b34;color:#fff} .ui-widget-content .ui-datepicker-today .ui-state-default:hover{background:#e63b34;color:#fff} .ui-widget-content .ui-state-disabled .ui-state-default{cursor: default!important;color:#ddd} .ui-widget-content .ui-state-disabled .ui-state-default:hover {background: #fff;color: #ddd} /******************** Last News Notification ********************/ .lstNwsNtfy{display:inline-block;width:100%;height:50px;background:#e63b34;overflow:hidden;position:fixed;bottom:0;left:0;right:0;z-index:4;text-align: center;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s} .lstNwsNtfy .cnts{width: 85%;margin: 0 60px 0 84px;display: inline-block;padding:8px 0} .lstNwsNtfy .cnts img{float:right;margin-left:12px;border:none} .lstNwsNtfy .cnts p, .lstNwsNtfy .cnts a{display: inline-block;font-family:DroidKufiBold,Arial;color:#fff;font-size:16px;opacity:1;transition-delay:0.3s} .lstNwsNtfy .cnts p span, .lstNwsNtfy .cnts a span{font-family:DroidKufiLight,Arial;font-size:15px;margin-right:5px} .lstNwsNtfy .cnts p{cursor:default} .lstNwsNtfy .cnts .icon-notify:before{content:"i";float:right;margin-left:5px;font-size:20px} .lstNwsNtfy .close{position:absolute;width:50px;height:50px;background:#ce2c25;top:0;left:0;} .lstNwsNtfy .icon-close:before{content:"O";color:#fff;font-size:24px;line-height:2.2} .removeLastNews .lstNwsNtfy{height:0} .removeLastNews .lstNwsNtfy .cnts p, .removeLastNews .lstNwsNtfy .cnts a{opacity:0} /******************** Header ********************/ header{position:fixed;width:100%;float:right;height:50px;display:inline-block;top:0;right:0;z-index:3;background:#1d1d1d;box-shadow: 0 0 1px 1px #1d1d1d; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;} #cd-top-nav{float:right;margin-right:14px;display:inline-block;width:calc(100% - 74px);height:50px;} #cd-top-nav .rightDiv{float:right;display:inline-block;} #cd-top-nav .masLogo{float:right;width:137px;height:40px;background:url(../Images/masrawyLogo.png?ver=2.5) center center no-repeat;background-size:137px 40px;margin-top:6px;opacity:1;visibility:visible;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-top-nav .rightDiv date{float:right;direction:rtl;font-family:DroidKufiLight, arial;color:#b8b8b8;font-size:16px;margin-right:14px;padding-right:14px;border-right:1px solid #474747;height:50px;line-height:3.4;opacity:1;visibility:visible;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .lateral-menu-is-open #cd-top-nav .masLogo{opacity:0;visibility:hidden;} .lateral-menu-is-open #cd-top-nav date{opacity:0;visibility:hidden;} #cd-top-nav > ul{float:left; margin-left: 84px;opacity:1;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;} .overflow-hidden #cd-top-nav > ul{opacity:0} #cd-top-nav > ul > li{float:right;width:84px;height:50px;border-left:1px solid #474747;position:relative;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-top-nav > ul > li:hover{background:#444;} #cd-top-nav > ul > li > a{font-family:DroidKufiLight, arial;color:#b8b8b8;font-size:10px;display:block;text-align:center;width:80px;height:50px;padding-top:5px} #cd-top-nav > ul > li:hover > a{color:#fff} #cd-top-nav > ul > li:first-child{width:76px} /*#cd-top-nav > ul > li.thanawya{width:100px}*/ /*#cd-top-nav > ul > li.thanawya .firstLevel{width:100px}*/ /*#cd-top-nav ul li.thanawya .firstLevel .thanawyaIcon{background:url(../Images/thanawya.png) center center no-repeat;height:24px}*/ #cd-top-nav ul li .icon-newsPntr:before{content:"b";display:block;font-size:24px;line-height:1;} #cd-top-nav ul li .icon-archive:before{content:"c";display:block;font-size:20px;line-height:1;margin:2px 0} #cd-top-nav ul li .icon-prayerTms:before{content:"e";display:block;font-size:24px;line-height:1;} #cd-top-nav ul li .icon-currency:before{content:"d";display:block;font-size:24px;line-height:1;} #cd-top-nav ul li .icon-gold:before{content:"2";display:block;font-size:24px;line-height:1;} #cd-top-nav ul li .icon-vas:before{content:"=";display:block;font-size:24px;line-height:1;} #cd-top-nav ul li .icon-ads:before{content:"n";display:block;font-size:24px;line-height:1} #cd-top-nav ul li > .icon-search:before{content:"f";display:block;font-size:22px;line-height:1;margin:1px 0} #cd-top-nav ul li .weather.sunnyCloud{background:url(../Images/weather.png) 10px center no-repeat} #cd-top-nav ul li .weather.sunnyCloud:hover{background:url(../Images/weather.png) 10px center no-repeat #444} #cd-top-nav ul li .weather > span{float:right;font-family:Arial;font-size:20px;font-weight:bold;margin-right:14px;line-height:2.2;position:relative} #cd-top-nav ul li .weather > .icon-temp:before{content:"H";font-size:8px;position:absolute;right:-5px;top:5px} #cd-top-nav > ul > li > a.icon-education:before{content:'~';display: block;font-size: 24px;line-height: 1;} /** Sub Header Menu **/ #cd-top-nav ul > li > .subMenu {background: #444;width: 252px;height: 0;position: absolute;right: -1px;top: 50px;z-index: 999;visibility: hidden;opacity: 0;overflow: hidden;padding:12px; -moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;} #cd-top-nav ul > li:hover > .subMenu {z-index: 9999;visibility: visible;opacity: 1;transition-delay: 0s;height:278px;overflow: visible;} #cd-top-nav ul > li:first-child > .subMenu{right:0} #cd-top-nav ul .subMenu .more{position:absolute;bottom:0;left:0;display:block;width:100%;height:40px;background:#333;font-family:DroidKufiLight, Arial;font-size:14px;text-align:center;color:#fff;float: right;line-height:2.8} #cd-top-nav ul .subMenu .icon-more:after{content:"q";margin-right:12px;font-size:10px} #cd-top-nav ul .subMenu .more:hover{background:#1d1d1d} /** Thanawya Amma **/ #cd-top-nav ul .subMenu.thanawya .thanawyaCnts{display:inline-block;width:100%;background: none;margin-bottom: 0;box-shadow:none} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts{display:inline-block;width:100%;margin:12px 0 0;font-family:DroidKufiLight, Arial;font-size:20px;color:#fff;text-align:center;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p{width: 100%;display: block;font-family: DroidKufiLight, Arial;font-size: 26px;color: #fff;text-align: center;line-height: 2;margin-top: 30px;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p span{display:block;font-family: DroidKufiBold, Arial;color: #e63b34;font-size:36px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .ttl{display:none} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv {float: right;width: 100%} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv label {font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;direction: rtl;text-align: right;float: right;margin-bottom:5px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv span {color: #e63b34;float: right;margin-right: 2px;line-height: 1.5;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber input {width: 100%;height: 40px!important;border: 1px solid #ddd;float: right;outline: none;padding: 12px;font-family: DroidKufiLight,Arial;color: #888;font-size: 14px;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .errorMsg {position: relative;float: right;right: 0;display: inline-block;font-family: DroidKufiLight,Arial;font-size: 12px;color: #aaa;direction: rtl;text-align: right;visibility: hidden;margin-top:5px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a {display: inline-block;width: 132px;font-family: DroidKufiLight, Arial;background: #e63b34;color: #fff;font-size: 16px;text-align: center;padding: 5px 0;margin:5px calc((100% - 132px) / 2) 12px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a:hover{background: #e63b34} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor{display:inline-block;width:100%} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts{display:inline-block;width:166px;margin:0 calc((100% - 166px) / 2);float:right;padding:8px 0;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts .spnsr{float:right;margin-left:24px;margin-top:4px;font-family:DroidKufiLight, Arial;color:#fff;font-size:14px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts a{float:right;width:auto;background:none;color:none;padding:0;margin:0} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts img{width:auto;height:27px;border:none} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor{display:inline-block;width:100%} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts{display:inline-block;width:166px;margin:0 calc((100% - 166px) / 2);float:right;padding:8px 0;} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts .spnsr{float:right;margin-left:24px;margin-top:4px;font-family:DroidKufiLight, Arial;color:#fff;font-size:14px} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts a{float:right;width:auto;background:none;color:none;padding:0;margin:0} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts img{width:auto;height:27px;border:none} /** News Pointer **/ #cd-top-nav ul .subMenu.newsPntr ul{display:inline-block;width:100%;height:254px} #cd-top-nav ul .subMenu.newsPntr ul li{display:inline-block;width:100%;height:76px;border-bottom: 1px solid #555;float: right;} #cd-top-nav ul .subMenu.newsPntr ul li:last-child{border-bottom:none} #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv{float:right;width:40px;height:60px;border:1px solid #aaa;display:inline-block;margin:8px 0 0 12px} #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg{width:38px;height:29px;display:block;text-align:center} #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg img{width:18px;height:18px;border:none;margin-top:5px} #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .vstrs{text-align:center;background:#aaa;width:38px;height:29px;font-family:Arial;color:#1d1d1d;font-size:12px;line-height:2.8} #cd-top-nav ul .subMenu.newsPntr ul li .news{float:right;display: block;font-family: DroidKufiLight, arial;color: #fff;font-size: 13px;width: calc(100% - 52px);padding:0;text-align: right;height: 66px;overflow:hidden;margin-top: 6px;line-height:1.6} #cd-top-nav ul .subMenu.newsPntr ul li .news:hover{color:#aaa} /** Archive **/ #cd-top-nav ul > li:hover > .subMenu.archive{height:auto} #cd-top-nav ul .subMenu.archive .ui-datepicker{width:228px;height:auto;box-shadow: none} /** Prayer Times **/ #cd-top-nav ul .subMenu.prayerTms .cnts{display:inline-block;width:100%;height:254px;background: none;margin-bottom: 0;box-shadow:none} #cd-top-nav ul .subMenu.prayerTms .cnts date{display:inline-block;color:#fff;width:100%;margin:12px 0 0;font-family:DroidKufiLight, arial;font-size:13px} #cd-top-nav ul .subMenu.prayerTms .cnts .location{display: inline-block;width: 100%;margin: 22px 0;color: #fff;font-size: 24px;} #cd-top-nav ul .subMenu.prayerTms .cnts .cntdwn{display:inline-block;width:100%} #cd-top-nav ul .subMenu.prayerTms .cnts p{display:inline-block;width:100%;color:#aaa;font-family:DroidKufiLight, arial;font-size:14px;margin:0 0 12px;text-align:center} #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv{display:inline-block;width:100%;} #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul{display:inline-block;width:100%;margin:0 auto} #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li{float:left;width:60px;height:50px;text-align:center;color:#fff;font-family:Arial;font-size:32px;position:relative;background:#4e4e4e;margin-right:24px;line-height:1.5} #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:last-child{margin-right:0} #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(1):after, #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(2):after{content: ":";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;display: block;font-size: 28px;position: absolute;top:3px;right:-16px} /** Weather **/ #cd-top-nav ul .subMenu.weather .wtrCnts{display:inline-block;width:100%;height:254px;background: none;margin-bottom: 0;box-shadow:none} #cd-top-nav ul .subMenu.weather .wtrCnts .location{display: inline-block;width: 100%;color: #fff;font-size: 24px;margin: 12px 0;text-align:right;font-family:DroidKufiLight, arial;} #cd-top-nav ul .subMenu.weather .wtrCnts .cntdwn{display:inline-block;width:100%} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls{display:inline-block;width:100%;} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon {float: right;width: 70px;height: 70px;margin-left: 24px;} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .highTemp{float: right;position: relative;margin-left: 10px;width: 62px;height: 70px;text-align: center;font-family: arial;font-size: 48px;color: #fff;line-height: 1.8} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-high:before{content: "H";font-size: 14px;position: absolute;right: -5px;top: 5px;} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .lowTemp{float: right;position: relative;width: 62px;height: 70px;text-align: center;font-family: arial;font-size:32px;color: #aaa;line-height: 2.8} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-low:before{content: "H";font-size: 10px;position: absolute;right: 6px;top: 18px;} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.sunny{background: url("../images/weatherSprite.png") 0 0 no-repeat;height:70px;margin:2px 0 12px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.cloudy{background: url("../images/weatherSprite.png") 0px -68px no-repeat;height:46px;margin:8px 0 18px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.partlycloudy{background: url("../images/weatherSprite.png") 0 -124px no-repeat;height:52px;margin:5px 0 15px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.patchylightdrizzle{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 0 10px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lightdrizzle{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px 0 17px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lightsleetshowers{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 0 10px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lightrainshower{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 0 10px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.patchylightrain{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px 0 17px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.patchyrainnearby{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 0 10px 24px;background-size:70px} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum{display:inline-block;width:100%;margin-top: 5px;} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div{width:100%;float:right;font-family:DroidKufiLight, Arial;color:#aaa;font-size:13px;display:inline-block} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div span{color:#fff} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .hum{margin-bottom:2px} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-hum:before{content:"K";float:right;margin-left:5px;font-size:16px} #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-wind:before{content:"L";float:right;margin-left:5px;font-size:16px} /** Currency **/ #cd-top-nav ul .subMenu.currency .currCnts{display:inline-block;width:100%;background: none;margin-bottom: 0;box-shadow:none;height: 254px;} #cd-top-nav ul .subMenu.currency .currCnts p{display:inline-block;width:100%;margin:12px 0 0;font-family:DroidKufiLight, Arial;font-size:20px;color:#fff;text-align:center} #cd-top-nav ul .subMenu.currency .currCnts p:nth-child(2){color:#aaa;font-size:14px;margin:12px 0} #cd-top-nav ul .subMenu.currency .currCnts .number{display:inline-block;width:100%;text-align:center;font-family:Arial;font-size:62px;color:#fff;margin-top:24px} #cd-top-nav ul .subMenu.currency .currCnts .number span{margin-left:10px;font-size:24px;color:#aaa} /** Gold **/ #cd-top-nav ul .subMenu.gold .goldCnts{display:inline-block;width:100%;background: none;margin-bottom: 0;box-shadow:none} #cd-top-nav ul .subMenu.gold .goldCnts p{display:inline-block;width:100%;margin:12px 0 0;font-family:DroidKufiLight, Arial;font-size:20px;color:#fff;text-align:center} #cd-top-nav ul .subMenu.gold .goldCnts p:nth-child(2){color:#aaa;font-size:14px;margin:12px 0} #cd-top-nav ul .subMenu.gold .goldCnts .number{display:inline-block;width:100%;text-align:center;font-family:Arial;font-size:62px;color:#fff;margin-top:30px} #cd-top-nav ul .subMenu.gold .goldCnts .number span{margin-left:10px;font-size:24px;color:#aaa} /** Search **/ .morphSearchDiv{position:fixed;width:84px;height:50px;display:inline-block;top:0;left:0;z-index:3;background:transparent;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;overflow:hidden} .openSearch .morphSearchDiv{width:100%;height:100%;box-shadow:none!important} .morphsearch {width:84px;min-height: 50px;background: #1d1d1d;position: absolute;z-index: 10000;top: 0px;left: 0px;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transition:all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s} .openSearch .morphsearch.open {width: 100%;min-height: 100%;top: 0px;left: 0px;background:#fff} .morphsearch-form {width: 100%;height: 50px;margin: 0 auto;position: relative;-webkit-transition:all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s} .morphsearch-form.icon-search:before {content: "f";display: inline-block;font-size: 22px;line-height: 1;color: #b8b8b8;pointer-events: none;position: absolute;right: 50%;margin: 6px -11px 0 0;visibility:visible;opacity:1;-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s} .openSearch .morphsearch.open .morphsearch-form {width:80%;height: 160px;-webkit-transform: translate3d(0,3em,0);transform: translate3d(0,3em,0);} .openSearch .morphsearch.open .morphsearch-form.icon-search:before{visibility:hidden;opacity:0} .morphsearch-input {width: 100%;height: 100%;padding:28px 28px 0 20px;text-align: right;border: none!important;cursor:pointer;background: transparent;font-family:DroidKufiBold, Arial;font-size: 10px;color: #b8b8b8;-webkit-transition:all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s} .morphsearch-input::-ms-clear {display: none;} .morphsearch.hideInput .morphsearch-input {color: transparent;-webkit-transition:all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s} .openSearch .morphsearch.open .morphsearch-input {font-size:36px;text-align: right;cursor:text;padding:0} .openSearch .morphsearch.open .morphsearch-input:hover img, .openSearch .morphsearch.open .morphsearch-input:focus img{display:none} .openSearch .morphsearch.open .morphsearch-input:focus{border:none!important} input[type="search"]::-webkit-search-cancel-button{display:none} .overflow-hidden .morphSearchDiv{opacity:0} /* placeholder */ .morphsearch-input::-webkit-input-placeholder {color: #c2c2c2;} .morphsearch-input:-moz-placeholder {color: #c2c2c2;} .morphsearch-input::-moz-placeholder {color: #c2c2c2;} .morphsearch-input:-ms-input-placeholder {color: #c2c2c2;} .gn-search:focus::-webkit-input-placeholder {color: transparent;} input[type="search"] {-webkit-box-sizing: border-box; box-sizing: border-box; } .morphsearch-input:focus, .morphsearch-submit:focus {outline: none;} .morphsearch-submit.icon-search:before{content:"f";color:#ddd;font-size:48px;position: absolute;width: 80px;height: 80px;line-height:1.6;overflow: hidden;left: 0;top: 50%;border: none;pointer-events: none;transform-origin: 50% 50%;opacity: 0;-webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);transform: translate3d(-30px,-50%,0) scale3d(0,0,1);} .openSearch .morphsearch.open .morphsearch-submit.icon-search:before {pointer-events: auto;opacity: 1;-webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);transform: translate3d(-30px,-50%,0) scale3d(1,1,1);-webkit-transition:all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s} .morphsearch-submit.icon-search:hover:before{color:#b8b8b8} .morphsearch-close {width: 36px;height: 36px;position: absolute;left: 1em;top: 1em;overflow: hidden;text-indent: 100%;cursor: pointer;pointer-events: none;opacity: 0;-webkit-transform: scale3d(0,0,1);transform: scale3d(0,0,1);} .openSearch .morphsearch.open .morphsearch-close {opacity: 1;pointer-events: auto;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);-webkit-transition:all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s} .morphsearch-close::before, .morphsearch-close::after {content: '';position: absolute;width: 2px;height: 100%;top: 0;left: 50%;border-radius: 3px;opacity: 0.2;background: #1d1d1d;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .morphsearch-close:hover.morphsearch-close::before, .morphsearch-close:hover.morphsearch-close::after {opacity: 1;} .morphsearch-close::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .morphsearch-close::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .morphsearch-content {color: #333;margin-top: 4.5em;width: 100%;height: 0;overflow: hidden;padding: 0 10.5%;background: #fff;position: absolute;opacity: 0;} .openSearch .morphsearch.open .morphsearch-content {opacity: 1;height: auto;overflow: visible;-webkit-transition:all 0.3s ease-in-out 0.5s;transition: all 0.3s ease-in-out 0.5s} .morphsearch-content h2{float:right;display:block;font-family:DroidKufiBold, Arial;font-size:24px;color:#1d1d1d;margin-bottom:24px} .morphsearch-content .keywordsDiv{display:inline-block;width:100%;} .morphsearch-content .keywordsDiv .item{float:right;padding:4px 30px;background:#eee;margin:0 0 24px 24px;font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d} .morphsearch-content .keywordsDiv .item:hover{background:#e2e2e2} .overflow-hidden.openSearch .openSearch .morphsearch.open {width: calc(100% - 320px);} /** Nav **/ #cd-lateral-nav .masLogo{display: inline-block;width: 150px;height: 44px;background: url(../Images/masrawyLogo.png?ver=2.5) center center no-repeat;background-size: 150px 44px;margin: 10px calc((100% - 150px) / 2) 24px;} .cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;} .overflow-hidden {overflow: hidden;margin-right:17px;width:calc(100% - 17px)} .cd-main-content {background: #d8d8d8;min-height: 100%;position: relative;z-index: 2;width: 100%;display: inline-block; -webkit-backface-visibility: hidden;/*-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;*/-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;} /*.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}*/ header.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);} header.is-fixed {position: fixed;} header.lateral-menu-is-open #cd-menu-trigger{-webkit-transform: translateX(-320px);-moz-transform: translateX(-320px);-ms-transform: translateX(-320px);-o-transform: translateX(-320px);transform: translateX(-320px);visibility: visible;-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;transition: transform .4s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;} #cd-menu-trigger {position: relative;right: 0;top: 0;height: 100%;width: 60px;background-color: #e63b34;float:right; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0); } #cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;width: 30px;height: 3px;background-color: #FFF; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} #cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;} #cd-menu-trigger .cd-menu-icon::before {bottom: 8px;} #cd-menu-trigger .cd-menu-icon::after {top: 8px;} #cd-menu-trigger.is-clicked .cd-menu-icon {background-color: rgba(255, 255, 255, 0);} #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;} #cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} #cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0;visibility: hidden;z-index: 3;width: 320px;background-color: #1d1d1d; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s;-webkit-transform: translateX(320px);-moz-transform: translateX(320px);-ms-transform: translateX(320px);-o-transform: translateX(320px);transform: translateX(320px);} #cd-menu-trigger .notify{position: absolute;top: 5px;left: -10px;width: 20px;height: 20px;background: red;border-radius: 50%;color: #fff;text-align: center;font-family: Arial;font-size: 14px;line-height: 1.5;} /** Scrollbar **/ /*#cd-lateral-nav .scroll{width:310px;height:100%;overflow-y: scroll;margin:5px;} #cd-lateral-nav .scroll::-webkit-scrollbar{width: 6px;margin-left:5px} #cd-lateral-nav .scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);border-radius: 10px;background-color: #222;} #cd-lateral-nav .scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);background-color: #333;}*/ #cd-lateral-nav .scroll{width: 320px;height: 100%;overflow-y: scroll;margin: 0;mix-blend-mode: multiply;background:#1d1d1d;} /*#cd-lateral-nav .scroll::-webkit-scrollbar{width: 6px;margin-left:5px} #cd-lateral-nav .scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);border-radius: 10px;background-color: #222;} #cd-lateral-nav .scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);background-color: #333;}*/ .scrollContainer{width: 320px;height: calc(100% - 88px);margin: 0;position: relative;overflow: auto;position:absolute;top:0;right:0;background: url(../Images/scrollBarBg.jpg) left top repeat-y #fff;background-size:19px} /*.ps-container {-ms-touch-action: none;touch-action: none;overflow: hidden !important;-ms-overflow-style: none; }*/ @supports (-ms-overflow-style: none) { .ps-container {overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container {overflow: auto !important; } } .scrollContainer .scroll{width:310px;height:100%;margin:0 calc((100% - 310px) / 2)} .ps-container.ps-active-y > .ps-scrollbar-x-rail {display: none} .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;background-color: transparent; } .ps-container.ps-in-scrolling {pointer-events: none; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: #1d1d1d;opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: #444; } .ps-container > .ps-scrollbar-y-rail {display: none;position: absolute;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;opacity: 0;-webkit-transition: background-color .2s linear, opacity .2s linear;-moz-transition: background-color .2s linear, opacity .2s linear;-o-transition: background-color .2s linear, opacity .2s linear;transition: background-color .2s linear, opacity .2s linear;right: 3px;width: 6px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {position: absolute;background-color: #444;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;-o-transition: background-color .2s linear;transition: background-color .2s linear;right: 0;width: 6px; } .ps-container:hover.ps-in-scrolling {pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {background-color: #1d1d1d;opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: #444; } .ps-container:hover > .ps-scrollbar-y-rail {opacity: 0.6; } .ps-container:hover > .ps-scrollbar-y-rail:hover {background-color: #1d1d1d;opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {background-color: #444; } #show-result #content {-moz-transition: opacity .1s;-webkit-transition: opacity .1s;-o-transition: opacity .1s;-ms-transition: opacity .1s;transition: opacity .1s;opacity: 0;} #branding, #branding .changelog-badge, #content, #header, .abuseDetected {position: relative;height:100%} #cd-lateral-nav .cd-navigation {margin: 0 0 24px;display: inline-block;width: 100%;} #cd-lateral-nav .sub-menu {padding: 0 10px 20px 15px;display: none;font-family:DroidKufiLight, arial;font-size:14px;} #cd-lateral-nav a {display: block;line-height: 4.4;padding: 0 10px;color: #fff;font-family:DroidKufiLight, Arial;font-size:16px;} #cd-lateral-nav .sub-menu a{line-height: 50px;} #cd-lateral-nav li .sub-menu li.selected a{color:#fff;background:none} #cd-lateral-nav li:hover .sub-menu a{background:none} #cd-lateral-nav .item-has-children .sub-menu li a{color: #888;font-size:13px;line-height:4.5} #cd-lateral-nav .item-has-children .sub-menu li a:hover{color:#fff} #cd-lateral-nav.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);visibility: visible;-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;transition: transform .4s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;} #cd-lateral-nav li{margin:0 10px 0 5px} #cd-lateral-nav .sub-menu li{border-bottom:none;margin:0} #cd-lateral-nav li > a {position: relative;font-family:DroidKufiLight, arial;height:60px;font-size:14px;color:#fff;overflow: hidden;border-bottom: 1px solid #333;} #cd-lateral-nav li:hover > a, #cd-lateral-nav li.selected > a{background:#333} #cd-lateral-nav .item-has-children > .icon-leftArr:after {content:"q";position:absolute;left:10px;top:20px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-lateral-nav .item-has-children > .icon-leftArr.submenu-open:after {transform:rotate(-90deg)} #cd-lateral-nav .item-has-children .icon-news:before{content: "g";float: right;margin-left: 8px;font-size: 22px;line-height: 2.8;} #cd-lateral-nav .item-has-children .icon-sports:before{content:"Z";float:right;margin-left:10px;font-size:22px;line-height:2.8} #cd-lateral-nav .item-has-children .icon-howa_w_hya:before{content: "V";float: right;margin-left: 10px;font-size: 20px;line-height: 2.9;} #cd-lateral-nav .item-has-children .icon-arts:before{content: "X";float: right;margin-left: 9px;font-size: 22px;line-height: 2.73;} #cd-lateral-nav .item-has-children .icon-autos:before{content:"l";float:right;margin-left:10px;font-size:18px;line-height:3.3} #cd-lateral-nav .item-has-children .icon-islameyat:before{content:"T";float:right;margin-left:8px;font-size:20px;line-height:2.8} #cd-lateral-nav .icon-economy:before{content: "U";float: right;margin-left: 9px;font-size: 20px;line-height: 2.95;} #cd-lateral-nav .icon-reports:before{content: "W";float: right;margin-left: 10px;font-size: 20px;line-height: 2.95;} #cd-lateral-nav .icon-media:before{content:"j";float:right;margin-left:10px;font-size:20px;line-height:2.8} #cd-lateral-nav .icon-technology:before{content:"0";float:right;margin-left:10px;font-size:20px;line-height:2.8} #cd-lateral-nav .icon-service:before{content:"1";float:right;margin-left:10px;font-size:20px;line-height:2.8} #cd-lateral-nav .cd-navigation .icon-newspntr:before{content:"b";float:right;margin-left:8px;font-size:20px;line-height:2.8} #cd-lateral-nav .cd-navigation .icon-archive:before{content:"c";float:right;margin-left:10px;font-size:18px;line-height:3.2} #cd-lateral-nav .cd-navigation .icon-prayertms:before{content:"e";float:right;margin-left:8px;font-size:20px;line-height:2.8} #cd-lateral-nav .cd-navigation .icon-weather:before{content:"J";float:right;margin-left:8px;font-size:20px;line-height:2.6} #cd-lateral-nav .cd-navigation .icon-currency:before{content:"d";float:right;margin-left:8px;font-size:20px;line-height:2.8} #cd-lateral-nav .cd-navigation .icon-gold:before{content:"2";float:right;margin-left:8px;font-size:20px;line-height:2.8} #cd-lateral-nav .cd-navigation .icon-ads:before{content:"n";float:right;margin-left:6px;font-size:22px;line-height:2.6} #cd-lateral-nav .cd-navigation .icon-ramadan:before{content:"Y";float:right;margin-left:6px;font-size:22px;line-height:2.7} #cd-lateral-nav .cd-navigation .icon-thanawya:before{content:"6";float:right;margin-left:6px;font-size:22px;line-height:2.7} #cd-lateral-nav .cd-navigation .icon-aqar:before{content:"m";float:right;margin-left:6px;font-size:22px;line-height:2.7} #cd-lateral-nav .cd-navigation .icon-elections:before{content:"7";float:right;margin-left:6px;font-size:22px;line-height:2.7} #cd-lateral-nav .cd-navigation .icon-cross:before{content:"8";float:right;margin-left:6px;font-size:20px;line-height:3} #cd-lateral-nav .icon-vas:before{content: "=";float: right;margin-left: 8px;font-size: 22px;line-height: 2.8;} #cd-lateral-nav .icon-albums:before{content: "t";float: right;margin-left: 8px;font-size: 22px;line-height: 2.8;} #cd-lateral-nav .icon-offeat:before{content: "<";float: right;margin-left: 8px;font-size: 22px;line-height: 2.8;} #cd-lateral-nav .linksMenu {width:234px;margin:12px calc((100% - 234px) / 2) 40px;display:none} #cd-lateral-nav .linksMenu a{display: inline-block;font-size: 12px;color:#fff;float: right;margin-left:20px;font-family:DroidKufiLight, arial;padding:0;line-height:1} #cd-lateral-nav .linksMenu a:last-child{margin-left:0} #cd-lateral-nav .linksMenu a:hover{color:#888} #cd-lateral-nav .socialDiv {width:196px;height:40px;margin:0 calc((100% - 196px) / 2) 24px;display:inline-block} #cd-lateral-nav .socialDiv a{width: 40px;height: 40px;display: inline-block;font-size: 24px;color:#fff;text-align: center;background: #2d2d2d;float: right;margin-left:12px;border-radius: 50%;padding: 0;line-height: 0;} #cd-lateral-nav .socialDiv a:last-child{margin-left:0} #cd-lateral-nav .socialDiv a:hover{color:#fff;} #cd-lateral-nav .icon-fb:before { content: "u"; } #cd-lateral-nav .icon-fb:hover{background: #3c5899;} #cd-lateral-nav .icon-tw:before { content: "v"; } #cd-lateral-nav .icon-tw:hover{background: #229ff3;} #cd-lateral-nav .icon-ggl:before { content: "w"; } #cd-lateral-nav .icon-ggl:hover{background: #d65142;} #cd-lateral-nav .icon-yt:before { content: "x"; } #cd-lateral-nav .icon-yt:hover{background: #e62117;} #cd-lateral-nav .icon-rss:before { content: "A"; } #cd-lateral-nav .icon-rss:hover{background: #ffaf5c;} /** Overlay **/ .overlay{position:absolute;left:0;top:0;background:#000;width:100%;height:100%;opacity:0;visibility:hidden;z-index: 5;transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;} .overflow-hidden .overlay{visibility:visible;opacity:0.85} /******************** Content ********************/ .container {width: 100%;display: inline-block;margin-top:50px;position:relative;text-align: center;} .sponsorStickyOpen .container{margin-top:110px} .sponsorStickyOpen .container{margin-top:50px} .masrawyContainer{position:relative;display:inline-block;width:100%;z-index:2} /*.showSponsor .masrawyContainer{overflow-y:scroll;padding-right:17px;box-sizing: content-box}*/ .content-wrap {position:relative;top:0;background: #f2f2f2;width: 85%;margin: 0;padding: 14px 14px 30px;display: inline-block;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index:2} /*.showSponsor .content-wrap{margin: 0 0 0 17px}*/ .takeover .content-wrap{margin: 60px 60px 0 84px} .content {position: relative;background: #f2f2f2;display: inline-block;width: 100%;} /* Overlay */ .content-wrap::before {position: absolute;top: 0;left: 0;visibility: hidden;z-index: 10;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;transition: opacity 0.3s, transform 0s 0.3s;} .show-sponsor .content-wrap::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} #cd-vertical-nav::before {position: absolute;top: 0;right: 0;visibility: hidden;z-index: 10;width: 36px;height: 100%;background: rgba(0,0,0,0.5);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;transition: opacity 0.3s, transform 0s 0.3s;} .show-sponsor #cd-vertical-nav::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .sponsorHome #cd-vertical-nav::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} /******************** Sponsor ********************/ .sponsor {position: fixed;font-weight: 700;opacity: 1;-webkit-transition: opacity 1s;transition: opacity 1s;width: 100%;display:block;height: 100%;background:#e63b34} .sponsor .content{position:relative;width:100%;margin:60px 0 0;display:inline-block;height: 100%;background-size: 100%!important;background-repeat: no-repeat!important;background-position: center 0!important;} .sponsor .right{position: relative;width: calc(((100% - 1440px) / 2) - 12px);height: 100%;float: right;display: inline-block;right: 0;top: -60px;min-width:60px} .sponsor .middle{position: relative; float: right; width: 85%;height: 100%;max-height: 400px;overflow: hidden;} .sponsor .middle .sponsorContent{width:auto;height:100%;text-align:center;margin-top:1px} .sponsor .middle .sponsorContent a{display:block;height:100%} .sponsor .middle .sponsorContent img{width:100%;height:auto} .sponsor .left{position: relative;width: calc(((100% - 1440px) / 2) + 12px);height: 100%;float: right;display: inline-block;left: 0;top: -60px;min-width:84px} .sponsor .sponsorLogoBtn{display:block;position: absolute;margin: 0 12px;bottom: 172px;left:0;transition:none;width:60px} .sponsor .sponsorLogoBtn img{width:100%;height:100%} .sponsor img{width:auto;height:100%;border:none} /** Sponsor Banner **/ .sponsorBanner{position: fixed;top: 50px;margin-top: 0!important;margin-right: 60px;height: 60px;z-index: 3;transition: 0s;width: 100%;margin: 60px 0 0 0;display: inline-block;max-width: 1584px;} .sponsorBanner img{width:100%;height:auto;border:none;position:absolute;right:0;bottom:0} .sponsorBanner p{font-family:DroidKufiBold, Arial;font-size:18px;color:#fff;text-align:center;line-height:3.4} /* Sponsor Click */ .sponsorClick {position: fixed;left:0;top:50px;z-index: 1;margin: 0;padding: 0;width: 100%;height: 100%;background: transparent;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;} .sponsorBtnText{position: fixed;left:98px;top:70px;z-index: 4;background:#fff;text-align:center;width:180px;height:40px;font-family:DroidKufiBold, Arial;font-size:14px;color:#1d1d1d;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-ms-transition: top 0.3s;-o-transition: top 0.3s;transition: top 0.3s;} .sponsorBtnText:after{content:"مشاهدة كل الإعلان";line-height:3} .icon-spnsrBottom:before{content:"o";font-size:20px;float:right;margin:0 5px 0 -5px;line-height:2; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);} /* Shown Sponsor */ .show-sponsor{position:fixed} .show-sponsor .sponsor{margin-right: 9px;width: calc(100% - 17px);} .show-sponsor .cd-main-content{background:none} .show-sponsor .sponsor {opacity: 1;} .show-sponsor .container{margin-right: 8px} .show-sponsor.takeover .content-wrap{width: calc(100% - 161px);margin: 60px 69px 0 92px;} .show-sponsor .sponsorBanner{margin-right: 9px;width: calc(100% - 17px);} .show-sponsor .sponsorBtnText{background:#fff;color:#1d1d1d} .show-sponsor .sponsorBtnText:after{content:"الرجوع الى مصراوى"} .show-sponsor .sponsorBtnText:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg)} /** Sponsor Home **/ .sponsorHome{position:fixed} .sponsorHome .sponsor{margin-right: 9px;width: calc(100% - 17px);} .sponsorHome .cd-main-content{background:none} .sponsorHome .sponsor {opacity: 1;} .sponsorHome .container{margin-right: 8px} .sponsorHome.takeover .content-wrap{width: calc(100% - 161px);margin: 60px 69px 0 92px;} .sponsorHome .sponsorBanner{margin-right: 9px;width: calc(100% - 17px);} .sponsorHome .sponsorBtnText{background:#fff;color:#1d1d1d} .sponsorHome .sponsorBtnText:after{content:"الرجوع الى مصراوى"} .sponsorHome .sponsorBtnText:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg)} .sponsorHome .content-wrap::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .sponsorHome .content-wrap{top:340px} .sponsorHome .sponsorBanner{top:50px} .sponsorHome .sponsorBtnText{top:411px} /******************** Footer ********************/ footer{display:inline-block;width:100%;position:relative;z-index:4;background:#fff} /** Top **/ footer .top{display:block;width:100%;height:80px;background:#222} footer .top .cnts{width: 618px;padding: 20px 0;margin: 0 calc((100% - 618px) / 2);display: inline-block;} footer .top .cnts h2{font-family: DroidKufiLight, arial;font-size: 20px;color: #fff;float: right;margin-left: 24px;line-height: 2} footer .top .cnts .subTxt{width:300px;float:right;height:40px;display:inline-block} footer .top .cnts .subTxt input{display: block;font-family: DroidKufiLight, arial;color: #aaa;direction:rtl;font-size: 16px;float: right;text-align: right;padding: 0px 10px;width: 200px;height: 40px;border: none;outline: none;} footer .top .cnts .subTxt button{float:right;background:#e63b34;width:100px;height:40px;color:#fff;font-family:DroidKufiLight, arial;font-size:16px;line-height:0.5} footer .top .cnts .subTxt button:hover{background:#7f0a06;} /** Middle **/ footer .middle{display:block;width:100%;height:auto;background:#111} footer .middle .navMenu{width:calc(100% - 216px);padding: 10px 0;margin:12px 108px;display: inline-block;} footer .middle .navMenu ul .has-children{float:right;width:132px;height:310px;margin-left:calc((100% - 882px) / 6);} footer .middle .navMenu ul .has-children:last-child{width:90px;margin-left:0} footer .middle .navMenu ul .has-children a{font-family:DroidKufiLight, arial;font-size:14px;display:block;color:#fff;white-space: nowrap;} footer .middle .navMenu ul .has-children a:hover{color:#888} footer .middle .navMenu ul .is-hidden a{font-family:DroidKufiLight, arial;font-size:12px;color:#888} footer .middle .navMenu ul .is-hidden a:hover{color:#fff} footer .middle .socialDiv {width:196px;height:40px;margin:0 calc((100% - 196px) / 2) 10px;display:inline-block} footer .middle .socialDiv a{width: 40px;height: 40px;display: inline-block;font-size: 24px;color:#fff;text-align: center;background: #2d2d2d;float: right;margin-left:12px;border-radius: 50%} footer .middle .socialDiv a:last-child{margin-left:0} footer .middle .socialDiv a:hover{color:#fff;} footer .middle .icon-fb:before { content: "u"; } footer .middle .icon-fb:hover{background: #3c5899;} footer .middle .icon-tw:before { content: "v"; } footer .middle .icon-tw:hover{background: #229ff3;} footer .middle .icon-ggl:before { content: "w"; } footer .middle .icon-ggl:hover{background: #d65142;} footer .middle .icon-yt:before { content: "x"; } footer .middle .icon-yt:hover{background: #e62117;} footer .middle .icon-rss:before { content: "A"; } footer .middle .icon-rss:hover{background: #ffaf5c;} footer .middle .linksMenu {width:298px;margin:0 calc((100% - 298px) / 2);display:inline-block} footer .middle .linksMenu a{display: inline-block;font-size: 14px;color:#fff;float: right;margin-left:36px;font-family:DroidKufiLight, arial} footer .middle .linksMenu a:last-child{margin-left:0} footer .middle .linksMenu a:hover{color:#888} /** Bottom **/ footer .bottom{display:block;width:100%;height:40px;background:#000} footer .copyright{display:inline-block;width:294px;margin:0 calc((100% - 294px) / 2)} footer .copyright p{float:right;font-family:DroidKufiLight, arial;font-size:12px;color:#fff;line-height:1.5;margin-left:10px;margin-top:12px} footer .copyright .icon-copy:before{content:"B";font-size:14px;float:right;margin-left:5px;line-height: 1.4;} footer .copyright .masLogo{float:right;width:82px;height:24px;background:url(../Images/masrawyLogo.png?ver=2.5) center center no-repeat;background-size:82px 24px;margin-top: 8px;} /********** Shortcut Icons Menu **********/ #cd-vertical-nav {position: fixed;margin-right:-36px;top:auto;z-index: 1;background:#f2f2f2;padding:8px 0;width:36px;box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);} .sponsorStickyOpen #cd-vertical-nav{top:0;z-index:51;position:absolute} .sponsorStickyOpen.showSponsor #cd-vertical-nav{top:124px;z-index:51;position:fixed} #cd-vertical-nav li {text-align: right;margin:0 calc((100% - 28px) / 2) 8px;width:28px} #cd-vertical-nav li:last-child{margin-bottom:0} #cd-vertical-nav a {display: inline-block;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center} #cd-vertical-nav a:after {content: "";display: table;clear: both;} #cd-vertical-nav a span {display: inline-block;} #cd-vertical-nav a:hover .cd-label {opacity: 1;} #cd-vertical-nav .cd-dot {position: relative;height: 28px;width: 28px;border-radius: 50%;background-color: #ddd;color:#1d1d1d;-webkit-transition: -webkit-transform 0.2s, background-color 0.2s;-moz-transition: -moz-transform 0.2s, background-color 0.2s;transition: transform 0.2s, background-color 0.2s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;} #cd-vertical-nav .icon-news:before{content:"g";font-size:20px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-seen:before{content:"N";font-size:22px;line-height:1.3;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-ramadan:before{content:"Y";font-size:20px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-sports:before{content:"Z";font-size:18px;line-height:1.5;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-media:before{content:"j";font-size:16px;line-height:1.7;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-economy:before{content:"U";font-size:18px;line-height:1.7;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-howa_w_hya:before{content:"V";font-size:18px;line-height:1.7;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-arts:before{content:"X";font-size:22px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-autos:before{content:"l";font-size:18px;line-height:1.5;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-islameyat:before{content:"T";font-size:18px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-ads:before{content:"n";font-size:20px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-wc:before{content:"*";font-size:20px;line-height:1.4;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} #cd-vertical-nav .icon-news:hover, #cd-vertical-nav a.is-selected .icon-news{background:#e63b34;color:#fff} #cd-vertical-nav .icon-seen:hover, #cd-vertical-nav a.is-selected .icon-seen{background:#e63b34;color:#fff} #cd-vertical-nav .icon-ramadan:hover, #cd-vertical-nav a.is-selected .icon-ramadan{background:#da8f2d;color:#fff} #cd-vertical-nav .icon-sports:hover, #cd-vertical-nav a.is-selected .icon-sports{background:#43a047;color:#fff} #cd-vertical-nav .icon-media:hover, #cd-vertical-nav a.is-selected .icon-media{background:#1d1d1d;color:#fff} #cd-vertical-nav .icon-economy:hover, #cd-vertical-nav a.is-selected .icon-economy{background:#e63b34;color:#fff} #cd-vertical-nav .icon-howa_w_hya:hover, #cd-vertical-nav a.is-selected .icon-howa_w_hya{background:#7b1fa2;color:#fff} #cd-vertical-nav .icon-arts:hover, #cd-vertical-nav a.is-selected .icon-arts{background:#fbaa19;color:#fff} #cd-vertical-nav .icon-autos:hover, #cd-vertical-nav a.is-selected .icon-autos{background:#1a237e;color:#fff} #cd-vertical-nav .icon-islameyat:hover, #cd-vertical-nav a.is-selected .icon-islameyat{background:#1c87c9;color:#fff} #cd-vertical-nav .icon-wc:hover, #cd-vertical-nav a.is-selected .icon-wc{background:#43a047;color:#fff} #cd-vertical-nav .icon-ads:hover{background:#3c14c1;color:#fff} /* Touch devices */ /*.touch .cd-nav-trigger {display: block;z-index: 2;position: fixed;bottom: 30px;right: 5%;height: 44px;width: 44px;border-radius: 0.25em;background: rgba(255, 255, 255, 0.9);} .touch .cd-nav-trigger span {position: absolute;height: 4px;width: 4px;background-color: #3e3947;border-radius: 50%;left: 50%;top: 50%;bottom: auto;right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {content: '';height: 100%;width: 100%;position: absolute;left: 0;background-color: inherit;border-radius: inherit;} .touch .cd-nav-trigger span::before {top: -9px;} .touch .cd-nav-trigger span::after {bottom: -9px;} .touch #cd-vertical-nav {position: fixed;z-index: 1;right: 5%;bottom: 30px;width: 90%;max-width: 400px;max-height: 90%;overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 0.25em; background-color: rgba(255, 255, 255, 0.9); } .touch #cd-vertical-nav a {display: block;padding: 1em;border-bottom: 1px solid rgba(62, 57, 71, 0.1);} .touch #cd-vertical-nav a span:first-child {display: none;} .touch #cd-vertical-nav a.is-selected span:last-child {color: #d88683;} .touch #cd-vertical-nav.open {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .touch #cd-vertical-nav.open + .cd-nav-trigger {background-color: transparent;} .touch #cd-vertical-nav.open + .cd-nav-trigger span {background-color: rgba(62, 57, 71, 0);} .touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {background-color: #3e3947;height: 3px;width: 20px;border-radius: 0;left: -8px;} .touch #cd-vertical-nav.open + .cd-nav-trigger span::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 1px;} .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);bottom: 0;} .touch #cd-vertical-nav li:last-child a {border-bottom: none;} @media only screen and (min-width: 768px) { .touch .cd-nav-trigger, .touch #cd-vertical-nav { bottom: 40px; } }*/ /********** Keywords **********/ .mainKeywords{height:36px;background:#f2f2f2;border-bottom:1px solid #ddd;overflow:hidden;margin-bottom:12px;box-shadow:none} .mainKeywords h2{float:right;display:inline-block;font-family:DroidKufiBold, Arial;font-size:14px;color:#1d1d1d;width:160px;height:36px;text-align:center;line-height:2.8;background:#ddd} .mainKeywords .keywords{float:right;display:inline-block;width:calc(100% - 160px);height:36px;overflow:hidden} .mainKeywords .keywords a{float:right;padding:5px 20px;font-family:DroidKufiLight, Arial;color:#1d1d1d;font-size:14px;background:#f2f2f2} .mainKeywords .keywords a:hover{background:#e8e8e8} /********** Featured Area **********/ .featuredArea{padding:12px;margin-left:12px;width:calc(100% - 312px);float:right} .featuredArea ul li{float:right;margin-left:6px;margin-bottom:6px;width:calc((100% - 12.1px) / 3);height:auto;position:relative;border:1px solid #ddd;overflow:hidden} .featuredArea ul li a{display:block} .featuredArea ul li .secName{padding:2px 10px;font-family:DroidKufiLight, Arial;font-size:13px;color:#fff;background:#e63b34;position:absolute;top:0px;right:0px;z-index:1;height:30px} .featuredArea ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .featuredArea ul li:first-child a .imageCntnr{padding-bottom:calc(75% + 4px)} .featuredArea ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:none;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .featuredArea ul li:first-child{width:calc(100% - ((100% + 6px) / 3))} .featuredArea ul li:nth-child(2), .featuredArea ul li:nth-child(3), .featuredArea ul li:last-child{margin-left:0} .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child{margin-bottom:0} .featuredArea ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .featuredArea .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .featuredArea .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 10px;font-size: 15px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} .featuredArea ul li:first-child .desc p{font-size: 20px;line-height: 1.8;} /********** Akhbar Themak **********/ .akhbarThemak{float:right;width:300px;height:384px;box-shadow:none;background:#1d1d1d;overflow:hidden;position:relative} .akhbarThemak .ttl{display:block;width:100%;height:48px;overflow:hidden;border-bottom: none!important} .akhbarThemak .ttl h3{float:right;display:inline-block;padding:4px 12px;font-family:DroidKufiLight, Arial;font-size:20px;color:#fff;display:block;line-height: inherit;} .akhbarThemak .ttl h3:after{display:none} .akhbarThemak .ttl h3 a{color:#fff} .akhbarThemak .ttl .icons{display:inline-block;float:left;} .akhbarThemak .ttl .icons .cd-popup-setting, .akhbarThemak .ttl .icons .cd-popup-notify {display: inline-block;float:right;} .akhbarThemak .ttl .icons .cd-popup-notify{margin:0 16px 0 12px} .akhbarThemak .ttl .icons .icon-setting:before{content:"p";color:#fff;font-size:22px;line-height:2.2} .akhbarThemak .ttl .icons .icon-notify:before{content:"M";color:#fff;font-size:18px;line-height:2.8} .akhbarThemak .popupSetting, .akhbarThemak .popupNotify {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .akhbarThemak .popupSetting.is-visible, .akhbarThemak .popupNotify.is-visible {opacity: 1;visibility: visible;z-index:10;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .akhbarThemak .cd-popup-container {position: relative;padding:24px;width: 1000px;height:430px;margin: 120px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .akhbarThemak .cd-popup-container h2{display:inline-block;width:100%;font-family:DroidKufiBold, Arial;font-size:22px;color:#1d1d1d;margin-bottom:0;padding:0} .akhbarThemak .cd-popup-container h2:after{display:none} .akhbarThemak .cd-popup-container h4 {display: inline-block;width: 100%;font-family: DroidKufiLight, Arial;font-size: 14px;color: #888;margin-bottom:12px;padding: 0;text-align:right} .akhbarThemak .cd-popup-container .sec{display:inline-block;width:calc((100% - 60px) / 6);float:right;margin-left:12px} .akhbarThemak .cd-popup-container .sec:nth-child(6n+1){margin-left:0} .akhbarThemak .cd-popup-container h3{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;margin-bottom:12px;padding-right:12px;background:#eee} .akhbarThemak .cd-popup-container .cd-buttons{position:absolute;right:0;bottom:0;width:100%;height:60px} .akhbarThemak .cd-popup-container .cd-buttons a{position:relative;top:0;left:0;float:right;background:#ddd;width:calc(100% / 2);height:60px;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;text-align:center;display:block;line-height:3.5;} .akhbarThemak .cd-popup-container .cd-buttons a:before, .akhbarThemak .cd-popup-container .cd-buttons a:after{display:none} .akhbarThemak .cd-popup-container .cd-buttons a:first-child{background:#1d1d1d;color:#fff} .akhbarThemak .cd-popup-container .cd-buttons a:hover{background:#ccc} .akhbarThemak .cd-popup-container .cd-buttons a:first-child:hover{background:#e63b34} /** Notify **/ .akhbarThemak .cd-popup-notify{position:relative} .akhbarThemak .cd-popup-notify .ntfyNum{position:absolute;top:8px;right:-10px;width:17px;height:17px;background:red;border-radius:50%;color:#fff;text-align:center;font-family:Arial;font-size:12px;line-height:1.5} .akhbarThemak .cd-popup-container.notify{width:769px;height:200px} .akhbarThemak .cd-popup-container.notify p{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;font-size:18px;color:#1d1d1d;margin-bottom:24px;padding:0} .akhbarThemak .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .akhbarThemak .cd-popup-container .cd-popup-close::before, .akhbarThemak .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity:0.2;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .akhbarThemak .cd-popup-container .cd-popup-close:hover::before, .akhbarThemak .cd-popup-container .cd-popup-close:hover::after {opacity:1} .akhbarThemak .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .akhbarThemak .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .akhbarThemak .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} body.popupOverlay{position:fixed} .akhbarThemak li{width:100%;display:block;padding:12px;height:84px;position:relative} .akhbarThemak li:nth-child(odd){background:#363636} .akhbarThemak li:nth-child(even){background:#2a2a2a} .akhbarThemak li:hover{background:#444} .akhbarThemak ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:calc((80px * 75) / 100);float:right;width:80px;margin-left:12px} .akhbarThemak li img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;float:right;width:100%;height:100%;max-width:80px;border:1px solid #555} .akhbarThemak li p{float:right;width:calc(100% - 92px);font-family:DroidKufiLight, Arial;color:#fff;font-size:13px;line-height:1.6;margin-top:-2px;height: 40px;overflow: hidden;} .akhbarThemak li .secName{position:absolute;right:104px;bottom:6px;font-family:DroidKufiLight, Arial;color:#aaa;font-size:12px} .akhbarThemak li .secName:before{content:"";float:right;margin-left:5px;width:4px;height:12px;background:#e63b34;margin-top:4px} .akhbarThemak.fixed{position:fixed} /********** Title **********/ .ttl{display:block;width:100%;height:40px;overflow:hidden;border-bottom:1px solid #e63b34} .ttl h3, .ttl h1{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:20px;color:#1d1d1d;display:block;line-height: 1.6} .ttl h3:after, .ttl h1:after{content:"";width:4px;height:24px;background:#e63b34;float:right;margin-left:12px;margin-top:4px} .ttl .more{float:left;font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;display:block;position:relative;z-index:1;line-height:2.4} .ttl .icon-more:before{content:"q";font-size:14px;float:left;margin-right:5px;line-height:2.5;width:11px} .ttl .more:hover{color:#888} /********** Latest News **********/ .pattern01{padding:12px 12px 0;box-shadow:none;position:relative;z-index:2} .pattern01 .allItems{display:inline-block;width:100%;padding:12px 0 0} .pattern01 ul li{float:right;margin-left:12px;margin-bottom:12px;padding-bottom:5px;width:calc((100% - 48px) / 5);height:auto;position:relative;overflow:hidden;display:inline-table} .pattern01 ul li a{display:block} .pattern01 ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .pattern01 ul li .item img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto!important;width:100%;height:100%;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .pattern01 ul li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .pattern01 ul li:nth-child(5n){margin-left:0} .pattern01 ul li .desc{width: 100%;overflow: hidden;cursor: pointer} .pattern01 ul li .desc p{color: #1d1d1d;height: 84px;cursor:pointer;margin-bottom:10px;overflow:hidden;text-align: right;line-height: 1.6;padding: 10px 0 0 10px;font-size: 15px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .pattern01 ul li .item:hover .desc p{color:#888} .pattern01 ul li .secName{font-family:DroidKufiLight, Arial;font-size:13px;color:#888;display:inline-block} .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:6px} .pattern01 ul li .secName:hover{color:#1d1d1d} .pattern01 ul li.icon-video, .pattern01 ul li.icon-image{background:#1d1d1d;} .pattern01 ul li.icon-video .desc p, .pattern01 ul li.icon-image .desc p{color: #fff;padding: 10px} .pattern01 ul li.icon-video .item:hover .desc p, .pattern01 ul li.icon-image .item:hover .desc p{color:#aaa} .pattern01 ul li.icon-video .secName, .pattern01 ul li.icon-image .secName{margin-right:10px;color:#bbb;} .pattern01 ul li.icon-video .secName:hover, .pattern01 ul li.icon-image .secName:hover{color:#888} .pattern01 ul li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.7);position:absolute;top:1px;left:1px;width:41px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .pattern01 ul li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.7);position:absolute;top:1px;left:1px;width:41px;height:40px;line-height:1.35;pointer-events:none;z-index:1} /********** Opinions **********/ .opinions{padding:12px;height:266px;width:calc(100% - 648px);float:right;margin-left:24px} .opinions .allItems{display:inline-block;width:100%;padding:12px 0 0;} .opinions .allItems li{width:100%;margin-bottom:24px;display:inline-block;position:relative;float: right;} .opinions .allItems li:after{content:"";position:absolute;bottom:-12px;right:0;width:100%;height:1px;background:#ddd} .opinions .allItems li:last-child:after{display:none} .opinions ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:calc((60px * 75) / 100);float:right;width:60px} .opinions .allItems li img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;float:right;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .opinions .allItems li .desc{float:right;width:calc(100% - 60px);padding-right:12px} .opinions .allItems li .desc p{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;line-height:1.5;height:22px;overflow:hidden} .opinions .allItems li .writer{position:absolute;right:72px;bottom:-4px;font-family:DroidKufiLight, Arial;font-size:12px;color:#888;display:inline-block} .opinions .allItems li .date{position:absolute;left:0;bottom:-4px;font-family:DroidKufiLight, Arial;font-size:12px;color:#888;display:inline-block;cursor: default;} .opinions .allItems li .icon-date:before{content:"c";float:right;margin-left:5px} .opinions .allItems li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .opinions .allItems li .item:hover .desc p{color:#888} .opinions .allItems li .writer:hover{color:#1d1d1d} /********** Entrypoints **********/ .entrypoints{background:none;box-shadow:none;width:300px;height:266px;margin-left:24px} .entrypoints .bx-wrapper:first-child{margin-bottom:24px!important} .entrypoints ul{display:inline-block;width:300px!important;height:121px!important;margin-bottom:24px;overflow:hidden;float:right} .entrypoints ul:last-child{margin-bottom:0} .entrypoints ul li{display:inline-block;width:100%;transition: none;} .entrypoints ul li img{width:300px;height:121px} .acnDiv .acnCntnr{display:inline-block;text-align:center;width: 948px;float: right;margin: 0 calc((100% - 948px) / 2) 24px;} .acnDiv .entryPointSlider{display:inline-block;width:auto;height:266px!important;margin-left:24px} .acnDiv .entryPointSlider li{display: inline-block;float: right;width: 300px;height: 266px;margin-left: 24px;background:#fff} .acnDiv .entryPointSlider li:last-child{margin-left:0} .acnDiv .entryPointSlider li img{width:100%!important;height:266px!important} /********** Homepage Pattern **********/ .pattern02{padding:12px} .pattern02 .allItems{display:inline-block;width:100%;padding:12px 0 0} .pattern02 ul li{float:right;margin-left:12px;margin-bottom:12px;width:calc((50% - 48.1px) / 3);height:auto;position:relative} .pattern02 ul li a{display:block} .pattern02 ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .pattern02 ul li:first-child a .imageCntnr{padding-bottom:calc(75% + 5px)} .pattern02 ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:1px solid #ddd;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .pattern02 ul li:first-child{width:calc(50% + 12px)} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3){width:calc((50% - 36px) / 2)} .pattern02 ul li:nth-child(3), .pattern02 ul li:last-child{margin-left:0} .pattern02 ul li:first-child, .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child{margin-bottom:0} .pattern02 ul li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .pattern02 .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .pattern02 .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 10px;font-size: 15px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} .pattern02 ul li:first-child .desc p{font-size: 20px;line-height: 1.8} .pattern02 ul li .secName{padding:2px 10px;font-family:DroidKufiLight, Arial;font-size:13px;color:#fff;background:#e63b34;position:absolute;top:1px;right:1px;z-index:1;height:30px} .pattern02 ul li:nth-last-child(-n+3) .desc{position:relative;background:none;height:80px} .pattern02 ul li:nth-last-child(-n+3) .desc p{position:relative;color:#1d1d1d;font-size:14px;line-height:1.5;padding:5px 0;height:68px;overflow:hidden} .pattern02 ul li:nth-last-child(-n+3) .secName{position:relative;background:none!important;padding:0;color:#888;top:auto;bottom:0;right:0;display:inline-block;line-height:2.3} .pattern02 ul li:nth-last-child(-n+3) .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:6px} .pattern02 ul li:nth-last-child(-n+3) .item:hover .desc p{color:#888} .pattern02 ul li:nth-last-child(-n+3) .secName:hover{color:#1d1d1d} .pattern02 ul li:nth-last-child(-n+3).icon-video, .pattern02 ul li:nth-last-child(-n+3).icon-image{background:#1d1d1d;} .pattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color: #fff;padding:5px} .pattern02 ul li:nth-last-child(-n+3).icon-video .item:hover .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .item:hover .desc p{color:#aaa} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName{margin-right:5px;color:#bbb;} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName:hover, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName:hover{color:#888} .pattern02 ul li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .pattern02 ul li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .pattern02 .mvLp{display:none} .pattern02.ramadan{position:relative;background:none} /*.pattern02.ramadan:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url(../Images/ramadanBg.jpg) no-repeat left 0 #fff;z-index:0;opacity:0.7}*/ .pattern02.ramadan .mvLp{display:none;content:"";position:absolute;left:50%;top:5px;transform:translateX(-50%);width:165px;height:46px;z-index:1} .pattern02.ramadan .mvLp .mv{float:right;margin-left:10px;width:111px;height:46px;display:inline-block;background:url(../Images/mvLogo.png) no-repeat center center;background-size:100%} .pattern02.ramadan .mvLp .ic{float:right;width:44px;height:46px;display:inline-block;background:url(../Images/icityLogo.png) no-repeat center center;background-size:100%} .pattern02.ramadan .ttl{position:relative;z-index:1} .ramadan .pattern02.ramadan{background:#fff} .ramadan .pattern02.ramadan:before{display:none} .pattern02.ramadan:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url(../Images/Mosquee.png)bottom -50px left -418px no-repeat, url(../Images/Moon.png) no-repeat top 5px right 210px, url(../Images/light.png) no-repeat top -40px left 90px, url(../Images/RamadanBackground.jpg) no-repeat center center;background-size:auto,38px,160px,auto;z-index:0;} .pattern02.ramadan .ttl h3, .pattern02.ramadan .ttl h3 a{color:#fff} .pattern02.ramadan .ttl{border-bottom: 1px solid #fff;} .pattern02.ramadan .ttl h3:after{background: #fff;} .pattern02.ramadan ul li:nth-last-child(-n+3) .desc p{color:#fff} .pattern02.ramadan ul li:nth-last-child(-n+3) .item:hover .desc p{color:#ccc} .pattern02.ramadan ul li:nth-last-child(-n+3) .secName{color:#fff} .pattern02.ramadan ul li a img{border: 1px solid #686868;} .pattern02.ramadan .allItems{padding: 20px 0 0;} .pattern02.ramadan .ttl .more{color:#fff} /********** Most Read **********/ .mostRead{padding:12px;height:616px;width:calc(100% - 648px);float:right;margin-left:24px} .mostRead .allItems{display:inline-block;width:100%;padding:12px 0 0;} .mostRead .allItems li{width:100%;margin-bottom:24px;display:inline-block;position:relative;float: right;} .mostRead .allItems li:after{content:"";position:absolute;bottom:-12px;right:0;width:100%;height:1px;background:#ddd} .mostRead .allItems li:last-child:after{display:none} .mostRead ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:calc((116px * 75) / 100);float:right;width:116px;} .mostRead .allItems li img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;float:right;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .mostRead .allItems li .desc{float:right;width:calc(100% - 116px);padding-right:12px} .mostRead .allItems li .desc p{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;line-height:1.5;height:62px;overflow:hidden} .mostRead .allItems li .secName{position:absolute;right:128px;bottom:-7px;font-family:DroidKufiLight, Arial;font-size:14px;color:#888;display:inline-block} .mostRead .allItems li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:6px} .mostRead .allItems li .number{position:absolute;top:1px;right:1px;width:26px;height:26px;border-left:1px solid #fff;border-bottom:1px solid #fff;background:#e63b34;color:#fff;font-family:Arial;font-weight:bold;font-size:20px;text-align:center;line-height:1.3;pointer-events:none;z-index:1} .mostRead .allItems li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .mostRead .allItems li .item:hover .desc p{color:#888} .mostRead .allItems li .secName:hover{color:#1d1d1d} /********** Special Files **********/ .specialFiles{padding:0;width:300px;height:225px;margin-bottom:24px;direction:ltr;overflow: hidden;} .specialFiles ul li{position:relative;overflow:hidden} .specialFiles ul li a{display:block} .specialFiles ul li a img{width:100%;height:auto;max-height: 225px;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .specialFiles ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .specialFiles .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .specialFiles .desc p{color: #fff;text-align: center;line-height: 1.6;padding: 10px;font-size: 16px;font-family:DroidKufiLight, Arial;position:absolute;bottom:10px;right:0;height:auto;overflow:hidden;margin-bottom:5px} .specialFiles .name{width: 150px;height: 70px;background:#e63b34;border-bottom: 5px solid #fff;position: absolute;left: -52px;top: -8px;z-index: 999;pointer-events:none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .specialFiles .name h2{padding: 0;font-family: DroidKufiBold, arial;color: #fff;font-size: 20px;display: block;line-height: 4;text-align: center;} .bx-wrapper{width:100%;height:auto;position: relative;} .bx-wrapper img {max-width: 100%;display: block;border:none} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom:0;width: 100%;} .IslameyatProg ul li.icon-video:before{content: "s";color: #fff;font-size: 40px;position: absolute;top:50%;left:50%;margin-top:-20%;margin-left:-5%;width: 40px;height: 40px;z-index: 1;opacity:0.7} /* Next & Prev */ .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -39px;outline: 0;display: block;position: absolute;color: #fff;opacity:0.7} .bx-wrapper .bx-controls-direction a:hover {opacity:1} .bx-wrapper .bx-controls-direction a.disabled {display: none;} .bx-wrapper .bx-controls-direction a:before{font-size:46px;} .bx-wrapper .bx-next{right:0} .bx-wrapper .bx-next:before{content: "r";} .bx-wrapper .bx-prev{left:0} .bx-wrapper .bx-prev:before{content: "q";} /* Bullets */ .bx-wrapper .bx-pager {text-align: center;} .bx-wrapper .bx-pager-item{margin-right:3px} .bx-wrapper .bx-pager-item:last-child{margin-right:0} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline; position:relative} .bx-wrapper .bx-pager a {background: none;text-indent: -9999px;display: block;width: 12px;height: 12px;outline: 0;border:1px solid #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .bx-wrapper .bx-pager a:hover,.bx-wrapper .bx-pager a.active {background: #fff} /********** Mobawaba **********/ .mobawaba{padding:12px;background:#0683a4;width:300px;height:367px} .mobawaba .border{border:1px solid #5daebf;height:343px} .mobawaba .ttl {padding:0 8px;height:49px;border-bottom:1px solid #5daebf!important} .mobawaba .ttl h2 a{background:url(../Images/mobawabaLogo.png) no-repeat right 0;height:33px;line-height:4.4;padding:10px 80px 5px 0;color:#fff;font-size:14px;font-family:DroidKufiLight, arial} .mobawaba .ttl h2:after{display:none} .mobawaba .allItems{padding:8px;border-bottom:1px solid #5daebf} .mobawaba ul li{position:relative} .mobawaba ul li a{display:block} .mobawaba ul li a img{width:100%;height:auto;border:none;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .mobawaba ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .mobawaba .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .mobawaba .desc p{color: #fff;text-align: center;line-height: 1.6;padding: 12px;font-size:18px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0;height:80px;overflow:hidden} .mobawaba .footer{width:100%;height:65px;background:#01313d;padding:8px;position:absolute;bottom:-82px;right:0;cursor:default} .mobawaba .footer .price{float:right;font-family:Arial;font-weight:bold;font-size:22px;color:#fff;line-height: 2.2;cursor:default} .mobawaba .footer .price span{margin-right:5px;font-family:DroidKufiLight, Arial;font-size:14px;font-weight:normal} .mobawaba .footer .add{float:left;height:49px;padding:0 8px;font-family:DroidKufiLight, Arial;font-size:15px;color:#fff;background:#0683a4;line-height:3.4} .mobawaba .footer .add:hover{background:#08708a} /* tabs CSS */ .tabs-nav {list-style: none;margin: 0;font-family:DroidKufiLight,arial} .tabs-nav:after {display: block;clear: both;content: " ";} .tabs-nav > li {position: relative;float: right;font-size:12px;} .tabs-nav > li > a{display:block;color:#8a8a8a;position: relative;text-align:center;height:26px;line-height:2; white-space: nowrap;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} .tabs-nav .tabs-selected > a{font-size:12px;line-height: 1.5;background-color:#168039;color:#fff} .tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active {background-color:#168039;color:#fff;outline: 0;} .tabs-nav > li:hover > a, .tabs-nav > li:focus > a, .tabs-nav > li:active > a {background-color:#168039;color:#fff;outline: 0;} .tabs-nav .tabs-selected > a:link, .tabs-nav .tabs-selected > a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;} .tabs-nav > li > a:hover, .tabs-nav > li > a:focus, .tabs-nav > li > a:active {cursor: pointer;} .tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;} .tabs-hide {display: none;} .sportsContainer{background:none;box-shadow:none;margin-bottom:0} /********** Matches Tabs **********/ .matchesTabs{background:none;box-shadow:none} .matchesTable{padding:10px 15px;min-height: 142px;display: inline-block;width: 270px;} .matchesTable .tabs-container .slide .noMatches{text-align: center;font-family: DroidKufiLight,arial;font-size: 14px;padding-top:0;line-height: 8} /* Tab Menu */ .allMatches .tabs-nav li{width:80px;height:30px;margin-left: 2px;} .allMatches .tabs-nav li > a{height:30px;line-height:2.4; border:0; box-shadow:none;font-size: 14px;background-color: #ddd;color: #1d1d1d;} .allMatches .tabs-nav .tabs-selected > a{background-color: #fff;color: #1d1d1d} .allMatches .tabs-nav > li > a{border-right:none;box-shadow:none} /* Tab Content */ .allMatches #tab-content{border: 1px solid #d7d7d7;background-color:#eeeeee;height:100%;margin:0;clear:both;padding:0px;display:block} .allMatches #tab-01{ width:100%} .allMatches #tab-02{ width:100%} .allMatches #tab-03{width:100%} .allMatches .tabs-container .slide p{text-align: center;font-family: DroidKufiLight, Arial;font-size: 13px;padding-top: 10px;color:#fff} .allMatches .tabs-container{overflow: auto;direction: rtl;} .allMatches .slide{background:#fff;display: inline-block;width: 100%;height: 166px;overflow-x: hidden;overflow-y: hidden;white-space: nowrap;float: right;} .allMatches .item{color:#1d1d1d; font-size:12px; text-align:center;padding:18px;position:relative;width:calc((100% /3) - 0.1px);float:right;white-space:normal;} .allMatches .item:after{content:"";position:absolute;top:74px;left:-1px;height:86px;width:1px;background:#ddd} .allMatches .item:nth-child(3n):after{display:none} .allMatches .item .tourName{font-size: 16px;font-family: DroidKufiLight,arial;color:#1d1d1d;padding-bottom:5px;float:right;margin-bottom:18px;text-align:center;width:100%;display:inline-block;border-bottom:1px solid #43a047} .allMatches .item .teamA{float:right;width:110px;height:66px} .allMatches .item .teamA img, .allMatches .item .teamB img{height: 40px;width: auto;border:none} .allMatches .item .teamA p, .allMatches .item .teamB p{ display:block; margin:0; padding-top:10px;color:#1d1d1d;font-family:DroidKufiLight, Arial;font-size:13px;line-height:1.4} .allMatches .item .result{ float:right;width:calc(100% - 220px); padding-top:0} .allMatches .item .result.yesterday{padding-top:12px;font-family: arial} .allMatches .item .teamB{float:right;width:110px;height:66px} .allMatches .item .result{ font-size:42px} .allMatches .item .result .matchResult span{color:#1d1d1d; font-size:14px!important; text-align:center;margin:0 10px} .allMatches .item .status a{background:#aaaaaa; color:#fff; font-size:12px; display:block} .allMatches .status { position:relative; margin:0 auto; width:100%;font-family:arial} .allMatches .item .result .status span{background: none;color: #1d1d1d!important;line-height: 1;display: block;margin-top:16px!important;font-size:16px!important} .allMatches .item .result span.now{width: 60px;height: 20px;background: #43a047;color: #fff!important;text-align: center;font-family: DroidKufiLight,arial;font-size: 12px!important;line-height: 1.8;margin: 18px auto 0!important;border-radius:0!important} .allMatches .matchResult{font-family:Arial;font-size:36px;line-height: 0.9;margin-top: 0} .matchesTabs .more{color:#fff;width:100%;height:36px;font-size:14px; text-align:center; background:#43a047; display:block;font-family: DroidKufiLight,arial;padding:3px 0;line-height:2.2;transition: background-color 0.4s ease 0s;} .matchesTabs .more:hover{background-color:#2e8432} .matchesTabs .slide .noMatches {font-size: 20px !important;padding-top: 56px !important;width:100%;color: #1d1d1d!important;line-height: 3.5;} /********** Masrawy Service **********/ .masrawyServices{padding:12px;border-bottom:4px solid #df182b} .masrawyServices .ttl{border-bottom: 1px solid #df182b;} .masrawyServices .ttl h3:after{background: #df182b;} .masrawyServices .allItems{overflow: auto;direction: rtl;padding:12px 0 0} .masrawyServices ul{display: inline-block;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;float: right} .masrawyServices li{width:calc((100% - 24.1px) / 3);position:relative;float:right;margin-left:12px;white-space: normal;} .masrawyServices li:last-child{margin-left:0} .masrawyServices li .item{display:inline-block} .masrawyServices li img{width:100%;height:auto;/*min-width:250px;*/filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .masrawyServices ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .masrawyServices li .more{width:150px;height:40px;display:none;margin:12px calc((100% - 150px) / 2);background:#ffcc00;font-family:DroidKufiBold, Arial;color:#1d1d1d;font-size:18px;text-align:center;line-height:2.2} .masrawyServices li .more:hover{background:#eebe00} /********** Media **********/ .media{padding:12px;background:#1d1d1d} .media .ttl{border-bottom:none!important} .media .ttl h3{color:#fff!important} .media .ttl h3 a{color:#fff!important} .media .ttl h3:after{background:#fff!important} .media .ttl .more{color:#fff} .media .ttl .icon-more:before{color:#fff} .media .allItems{display:inline-block;width:100%;padding:5px 0 0;} .media ul li{position:relative;width:calc((100% - 36px) / 4);margin-left:12px;float:right;display:inline-block;margin-bottom:12px;border:1px solid #333} .media ul li:first-child, .media ul li:nth-child(4){width:calc((100% - 12px) / 2)} .media ul li:nth-child(3), .media ul li:nth-child(4){margin-left:0} .media ul li:nth-child(4){float:left} .media ul li:nth-last-child(-n+3){margin-bottom:0} .media ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .media ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:none;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .media ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .media .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .media .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 10px;font-size: 15px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} .media ul li .secName{padding:2px 10px;font-family:DroidKufiLight, Arial;font-size:13px;color:#fff;background:#e63b34;position:absolute;top:0px;right:0px;z-index:1;height:30px} .media ul li:first-child .desc p, .media ul li:nth-child(4) .desc p{font-size: 20px;line-height: 1.8;} .media ul li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:0;left:0;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .media ul li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:0;left:0;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} /********** Caricature **********/ /** In poll view // .caricature{padding:12px;width:calc((100% - 48px) - (100% - 696px));margin-left:48px;height:266px}*/ .caricature{padding:12px;width:100%;margin-left:0;margin-bottom:0} .caricature .ttl{border-bottom: 1px solid #ccc269;} .caricature .ttl h3:after{background: #ccc269;} .caricature .allItems{padding:12px 0 0} /** In poll view // .caricature li{width:calc((100% - 36px) / 4);max-width:170px;position:relative;float:right;margin-left:12px;}**/ .caricature li{width:calc((100% - 48px) / 5);position:relative;float:right;margin-left:12px;} .caricature li:last-child{margin-left:0} .caricature li a .item{display:inline-block} .caricature li a .imageCntnr {position: relative;overflow: hidden;padding-bottom: 75%;} .caricature li a .imageCntnr img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0 auto;width:100%;height:100%;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} /** In poll view // .caricature li img{width:100%;max-width:170px;height:auto;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}*/ .caricature ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .caricature li p{width:100%;height:40px;display:inline-block;font-family:DroidKufiLight, Arial;color:#1d1d1d;font-size:14px;text-align:right;line-height:1.6;margin-top:5px} .caricature li:hover p{color:#888} /********** Poll **********/ .poll{padding:12px;width:calc(100% - 696px);height:266px;position:relative} .poll .allItems{display:inline-block;width: 100%;} .poll .allItems h2{display:inline-block;width:100%;background:#eee;padding:5px 12px;text-align:right;font-family:DroidKufiBold, Arial;font-size:14px;color:#1d1d1d;margin:12px 0} .poll .allItems input[type="radio"] + label{font-size:14px;margin: 0 5px 8px;} .poll .allItems .btns{position:absolute;left:12px;bottom:12px} .poll .allItems .btns .vote{float:right;width:100px;height:30px;background:#e63b34;font-family:DroidKufiLight, Arial;font-size:14px;color:#fff;text-align:center;margin-left:2px;line-height:2.2} .poll .allItems .btns .vote:hover{background:#940500} .poll .allItems .btns .social{float:right;width:30px;height:30px;margin-left:2px;color:#fff;text-align:center} .poll .allItems .btns .social:last-child{margin-left:0} .poll .allItems .btns .icon-fb{background:#3c5899} .poll .allItems .btns .icon-fb:hover{background:#2c4582} .poll .allItems .btns .icon-fb:before{content:"u";font-size:20px;line-height:1.6} .poll .allItems .btns .icon-tw{background:#229ff3} .poll .allItems .btns .icon-tw:hover{background:#178cd7} .poll .allItems .btns .icon-tw:before{content:"v";font-size:20px;line-height:1.6} /****************************** Article Page ******************************/ .article{display:inline-block;width:calc(100% - 324px);margin-left:24px;padding:12px 12px 0} .cd-articles::before {content: 'desktop';display: none;} .cd-articles article {padding: 0;margin-top:24px} .cd-articles article:first-child{margin-top:0} .cd-articles article:last-of-type {border-bottom: none;} .articleDiv{position:relative;z-index:2} /** Aside (Akhbar Themak) **/ .articleDiv .cd-read-more{height:500px} .articleDiv .cd-read-more li {counter-increment: articles;height: 75px;padding:10px 12px;} .articleDiv .cd-read-more li a .imageCntnr {padding-bottom: calc((74px * 75) / 100);width: 74px;} .articleDiv .cd-read-more li .secName{right:98px;bottom: 3px;} .articleDiv .cd-read-more .item::before {content: counter(articles);position: absolute;top: 0;right:0;width: 24px;height: 24px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;background: #fff;color: #e63b34;font-family: Arial;font-weight: bold;font-size: 20px;text-align: center;line-height: 1.3;pointer-events: none;z-index: 1;} .articleDiv .cd-read-more.fixed {position: fixed;top:60px} .showSponsor .articleDiv .cd-read-more.fixed {top:120px} .articleDiv .cd-read-more li:last-of-type a::after {display: none;} /* Reading */ .articleDiv .cd-read-more .item.reading em {color: #2a76e8;} .articleDiv .cd-read-more .item.reading svg {display: block;} .articleDiv .cd-read-more .item.reading::before {background-color: #e63b34;color: #fff;} /* Read */ .articleDiv .cd-read-more .item.read em {color: #a6a6a6;} .articleDiv .cd-read-more .item.read::before {background-color: #d9d9d9;color: #bbb;} .articleDiv .cd-read-more .item.read .imageCntnr{opacity:0.5} .articleDiv .cd-read-more .item.read p{color: #555} .articleDiv .cd-read-more li .secName.read{color:#555} .articleDiv .cd-read-more li .secName.read:before{opacity:0.5} /** Breadcrumb **/ .breadcrumb{display:inline-block;width:100%;float:right;background:#f2f2f2;padding:5px 12px;margin-bottom:24px;position:relative;z-index:2} .breadcrumb li{display:inline-block;float:right} .breadcrumb li a{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;direction:rtl;line-height:2.3} .breadcrumb li a:after{content:"D";display:inline-block;float:left;margin:0 15px;font-size:18px} .breadcrumb li:last-child a:after{display:none} .breadcrumb li.active a{color:#e63b34} /** Article Header **/ article .articleHeader{display:inline-block;width:100%;float:right;margin-bottom:24px;position:relative;z-index:2} article .articleHeader h1{font-family:DroidKufiBold, Arial;font-size:26px;color:#1d1d1d;direction:rtl;margin-bottom:12px;line-height: 1.6;} article .articleHeader .time{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;font-size:14px;color:#888;float:right;direction:rtl;margin-top:10px} article .articleHeader .icon-time:before{content:"C";float:right;margin-left:5px;font-size:16px;line-height:1.7;margin-top:10px} article .articleHeader .time span{margin-left:20px;position:relative;float:right;margin-top:10px} article .articleHeader .time span:after{content:"";position:absolute;left:-10px;top:5px;width:1px;height:16px;background:#aaa} article .articleHeader .time span:last-of-type:after{display:none} article .articleHeader .zedSponsor{float:left;position:relative;display:inline-block} article .articleHeader .zedSponsor p{float:right;display:inline-block;line-height: 4;text-align: right;font-family: DroidKufiLight,Arial;font-size: 12px;color: #888;margin-left:10px;cursor:auto} article .articleHeader .zedSponsor a{float:left} article .articleHeader .zedSponsor img{width:auto;height:60px;border:none} /** Article Image **/ article .imgDiv{margin:0 auto;overflow:hidden;width:calc(100% - 72px);position: relative;max-width: 810px;margin-bottom:24px;position:relative;z-index:2} article .imgDiv .imageCntnr{padding-bottom:75%;float:right;max-width:810px;width:100%;position:relative} article .imgDiv .imageCntnr img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0} article .imgDiv .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } article .imgDiv .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 12px;font-size: 12px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} article .imgDiv.crctr .desc{display:none} /** Article Write By **/ article .writeBy{display:inline-block;width:100%} article .writeBy .writerImg{float:right;margin-left:12px;width:50px;height:50px} article .writeBy .writerImg img{width:50px;height:auto} article .writeBy p{float:right;font-family:DroidKufiLight, Arial;font-size:16px;color:#888;direction:rtl;line-height:3} article p{cursor:default} /** Article Details **/ article .details{display:inline-block;width:100%;float:right;direction:rtl;margin-bottom:40px;text-align:right;white-space: normal!important;margin-top:0!important;position:relative;z-index:2} article .details, article .details p, article .details h2, article .details span{font-family:DroidKufiLight, Arial!important;font-size:15px!important;color:#1d1d1d!important;text-align:right!important;line-height:2.2;margin:12px 0;width: 100%;white-space:pre-wrap} article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span{font-family:DroidKufiLight, Arial!important;font-size:15px!important;color:#1d1d1d!important;font-weight: bold;} article.paginationDiv .details h3{float:left;width:300px} article.paginationDiv .details .pagingDtls{width: 100%;} article.paginationDiv .details p.WizImg{text-align: right!important;float: right;width: calc(100% - 320px);margin-right:0;margin-left:20px} article.paginationDiv .details p.WizImg img{margin:0;width: 100%;height: auto;} article .details p{width:100%} article .details ul {display: inline-block;width: 100%;padding-right: 36px;} article .details li {list-style-type: square;display: list-item;margin: 15px 0;width: 100%;font-family: DroidKufiLight,Arial;font-size: 16px;color: #1d1d1d;text-align: right;direction: rtl;cursor: default;font-style:italic} article .details h2{font-family:DroidKufiBold, Arial!important;margin: 30px 0 0;font-size: 15px!important;} article .details p a{color:#777;position:relative} article .details p a:before{content:"";height:1px;background:#777;width:100%;position:absolute;right:0;bottom:1px} /*article .details p .kwhd{white-space:nowrap}*/ article .details p .kwhd:before{width:calc(100% - 12px);right:6px} article .details img{margin:40px calc((100% - 600px) / 2);height: auto;width: 600px} article .details blockquote{display:inline-block;position:relative;width:100%;margin:15px 0;padding:36px 24px 0 0;border-right:3px solid #ccc} article .details blockquote:before{content:"E";font-size:36px;line-height:1;color:#ccc;position:absolute;top:0;right:24px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";} article .details blockquote p{font-style:italic;color:#aaa!important} article .details iframe{margin:40px calc((100% - 600px) / 2)!important;height: 450px;width: 600px} article .details iframe.instagram-media{position:relative!important;min-height:595px} article .details .twitter-video{margin:24px auto!important} article .details .twitter-video iframe{margin:0 auto;height: auto;width: 100%} /** Article Pagination **/ article .pagination{display:inline-block;width:100%;float:right;text-align:center;margin-bottom: 50px;position:relative;z-index:2} article .pagination ul{margin:0 auto;text-align:center;display:inline-block} article .pagination ul.PCount{margin:0 20px} article .pagination ul li{float:right;border: 1px solid #ddd;margin:0 2px} article .pagination ul li:hover{border:1px solid #aaa} article .pagination ul .liDots4, article .pagination ul .liDots7, article .pagination ul .liDots10, article .pagination ul .liDots13, article .pagination ul .liDots16, article .pagination ul .liDots19{border:none!important} article .pagination ul li a, article .pagination ul li .dots{display:block;overflow:hidden;width:30px;background:#f8f8f8;height:30px;text-align:center;font-family:Arial;font-size:16px;color:#595959;line-height:2} article .pagination ul li .dots{font-weight:bold;background:none} article .pagination ul li.nextPrev a{width:55px;font-family:DroidKufiLight, Arial;font-size:14px;margin-left:0;color:#1d1d1d} article .pagination ul li.nextPrev .icon-prev:hover:before,article .pagination ul li.nextPrev a:hover .prev{display:none} article .pagination ul li.nextPrev a:hover:before{-webkit-transform:none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} article .pagination ul li.nextPrev a:before{display:block!important;} article .pagination ul li.current a{background-color:#444} article .pagination ul li.nextPrev.disabled a{opacity:.2; cursor: default;} .paginationDiv .pattern01{margin-bottom:0} .paginationDiv .pattern01 ul li{width:calc((100% - 48px) / 3)} .paginationDiv .pattern01 ul li:nth-child(5n){margin-left:24px} .paginationDiv .pattern01 ul li:nth-child(3n){margin-left:0} /* Prev */ article .pagination ul li.nextPrev .icon-prev:before{content:"r";font-size:14px;display:block;width:100%;height:30px;line-height:2.4;font-weight: bold;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} article .pagination ul li.nextPrev a .prev{display:block;width:100%;height:35px;line-height:5.2;font-size:12px;color:#fff;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} /*article .pagination ul li.nextPrev .icon-prev:hover:before{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);} article .pagination ul li.nextPrev a:hover .prev{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}*/ /* Next */ article .pagination ul li.nextPrev .icon-next:before{content:"q";font-size:14px;display:block;width:100%;height:30px;line-height:2.4;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} article .pagination ul li.nextPrev a .next{display:block;width:100%;height:35px;line-height:5.2;font-size:12px;color:#fff;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} /*article .pagination ul li.nextPrev .icon-next:hover:before{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);} article .pagination ul li.nextPrev a:hover .next{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);}*/ /** Article Provider **/ article .provider{display:inline-block;width:100%;float:right;margin-bottom:40px} article .provider h2{float:right;font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;margin-left:10px;width:130px;line-height:2.5} article .provider .providerImg{float:right;width:calc(100% - 140px);height:40px;text-align:right;overflow:hidden} article .provider .providerImg img{width:auto;height:40px;} /** Next Link **/ article .nextLink{display:inline-block;width:100%;float:right;margin-bottom:20px;position:relative;z-index:2} article .nextLink h3{float:right;font-family:DroidKufiBold, Arial;font-size:15px;color:#1d1d1d;margin-left:5px} article .nextLink a{float:right;font-family:DroidKufiLight, Arial;font-size:15px;color:#e63b34;position:relative;direction: rtl;text-align:right} /** Elconsolto Link **/ .consoltoDiv{display:inline-block;width:100%;float:right;margin-bottom:40px;border-bottom:1px solid #ddd;padding-bottom: 20px;position:relative;z-index:2} .consoltoLink{float:right;font-family:DroidKufiLight, Arial;font-size:15px;color:#09aba9;position:relative;direction: rtl;text-align:right;} /** Keywords **/ article .keywordsDiv{display:inline-block;width:100%;float:right;margin-bottom:40px;position:relative;z-index:2} article .keywordsDiv .item{float:right;padding:0px 15px;background:#eee;margin:0 0 10px 10px;font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;height:36px;line-height:2.6} article .keywordsDiv .item:hover{background:#e2e2e2} /** RelatedNews **/ /** Listing View **/ article .details .pattern01{padding:12px;box-shadow:none;float:left;width:300px;margin:0 24px 20px 0;background:#f8f8f8} article .details .pattern01 .ttl{height:32px;border-bottom:1px solid #ddd!important} article .details .pattern01 .ttl h3{font-size:18px} article .details .pattern01 .ttl h3:after{height:18px;display:none} article .details .pattern01 .allItems{padding:12px 0 0;float:right} article .details .pattern01 ul{padding-right:0;float:right} article .details .pattern01 ul li{width:100%;list-style-type: none;display: inline-block;margin:0 0 8px!important;font-style:normal;border-bottom: 1px solid #ddd;padding-bottom: 8px;} article .details .pattern01 ul li p{margin:0!important;padding:0!important;height:40px!important;font-size:13px!important} article .details .pattern01 ul li:last-child{border-bottom:0;margin-bottom:0!important;padding-bottom:0!important} article .details .pattern01 ul li .item .imageCntnr {width: 100px;padding-bottom: calc((100px * 75) / 100);margin-left: 10px;float: right;} article .details .pattern01 ul li .desc {width: calc(100% - 112px);overflow: hidden;cursor: pointer;float: right;} article .details .pattern01 ul li .secName {font-family: DroidKufiLight, Arial;font-size: 12px;color: #888;position: absolute;bottom: 8px;right: 112px;line-height: 1.2;} article .details .pattern01 ul li:last-child .secName{bottom:0px} article .details .pattern01 ul li .secName:after {content: "";width: 4px;height: 12px;background: #e63b34;float: right;margin-left: 5px;margin-top: 0;} article .details .pattern01 ul li.icon-video, article .details .pattern01 ul li.icon-image{background:none} article .details .pattern01 ul li.icon-video:before{left:auto;right:1px} article .details .pattern01 ul li.icon-image:before{left:auto;right:1px} article .details .pattern01 ul li.icon-video .secName, article .details .pattern01 ul li.icon-image .secName{margin-right:0} article .details .pattern01 ul li.icon-video .secName, article .details .pattern01 ul li.icon-image .secName{color:#888} article .details .pattern01 ul li.icon-video .secName:hover, article .details .pattern01 ul li.icon-image .secName:hover{color:#1d1d1d} article.AuthorsListing .details .pattern01{margin-top:20px} /** Grid View **/ /*article .pattern01{padding:0 12px 0 0;border-right:1px solid #ddd;box-shadow:none;float:left;width:301px;margin:0 12px 0 0} article .pattern01 .ttl{height:32px} article .pattern01 .ttl h2{font-size:18px} article .pattern01 .ttl h2:after{height:18px} article .pattern01 .allItems{padding:24px 0 0} article .pattern01 ul{padding-right:0;text-align:justify} article .pattern01 ul li{width:138px;list-style-type: none;display: inline-block;margin:0 0 12px 12px!important;font-style:normal;padding-bottom: 0} article .pattern01 ul li p{margin:0!important;padding:0!important;height:62px!important;font-size:13px!important} article .pattern01 ul li:nth-child(2n){margin-left:0!important} article .pattern01 ul li:nth-last-child(-n+2){margin-bottom:0!important;padding-bottom:0!important} article .pattern01 ul li .item .imageCntnr {width: 138px;padding-bottom: calc((138px * 75) / 100)} article .pattern01 ul li .desc {width: 138px;margin-top:8px;overflow: hidden;cursor: pointer;} article .pattern01 ul li .secName {font-family: DroidKufiLight, Arial;font-size: 14px;color: #888;position: relative;bottom: 0;right: 0;line-height: 1;} article .pattern01 ul li .secName:after {content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 0;}*/ /** News Pointer & Showcase DIV **/ article .nwsPntrSC{display:inline-block;width:100%} /** News Pointer **/ .newsPointer{padding:0;border-bottom:1px solid #ddd;box-shadow:none;width:calc(100% - 324px);height:556px;margin-bottom:40px;overflow:hidden;position:relative;z-index:2} .newsPointer .allItems{padding:12px 0} .newsPointer .allItems ul {display: inline-block;width: 100%;overflow:hidden;text-align: center;} .newsPointer .allItems ul iframe{text-align:center} .newsPointer .allItems ul li {display: inline-block;width: 100%;height: 50px;border-bottom: 1px solid #eee;padding:8px 0;float:right} .newsPointer .allItems ul li:last-child{border-bottom:0} .newsPointer .allItems ul li .trendDiv {float: right;width: 72px;height: 32px;border: 1px solid #ddd;display: inline-block;margin-left:10px;} .newsPointer .allItems ul li .trendDiv .trendImg {width: 30px;height: 30px;float:right;display: inline-block;text-align: center;} .newsPointer .allItems ul li .trendDiv .trendImg img {width: 18px;height: 18px;border: none;margin-top:6px;} .newsPointer .allItems ul li .trendDiv .vstrs {float:right;display: inline-block;text-align: center;background: #ddd;width: 40px;height: 30px;font-family: Arial;color: #1d1d1d;font-size: 12px;line-height: 2.8} .newsPointer .allItems ul li .news {float: right;display: block;font-family: DroidKufiLight, arial;color: #1d1d1d;font-size: 13px;width: calc(100% - 82px);padding: 0;text-align: right;height: 32px;line-height:2.4;overflow: hidden;} .newsPointer .allItems ul .leaderboardDiv{margin:40px 0} /** Second SC & Cross Media **/ .dtlsSc{float:left;width:300px;display:inline-block;position:relative;z-index:2} .dtlsSc .featuredSC{width:300px;display:inline-block;margin-bottom:27px;float:left} .dtlsSc .featuredSC .showcaseDiv{margin:0} /** Album Slider **/ .dtlsSc .albumSliderDtls{width:300px;height:266px;background:#fff;display:inline-block;float:left;overflow:hidden;direction:ltr} .dtlsSc .albumSliderDtls .ttl{border-bottom:0!important;height:38px} .dtlsSc .albumSliderDtls .ttl h2{font-size:20px} .dtlsSc .albumSliderDtls ul{width:100%;height:225px;overflow:hidden} .dtlsSc .albumSliderDtls ul li{position:relative;overflow:hidden} .dtlsSc .albumSliderDtls ul li a{display:block} .dtlsSc .albumSliderDtls ul li a img{width:100%;height:auto;max-height: 225px;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .dtlsSc .albumSliderDtls ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .dtlsSc .albumSliderDtls .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .dtlsSc .albumSliderDtls .desc p{color: #fff;text-align: center;line-height: 1.6;padding: 12px;font-size: 20px;font-family:DroidKufiLight, Arial;position:absolute;bottom:20px;right:0;height:80px;overflow:hidden} /** Facebook Comments **/ article .fbComments{padding:0;border-bottom:1px solid #ddd;box-shadow:none;float:none} /** Article Leaderboard **/ article .leaderboardDiv{float:none;margin-bottom:40px;position:relative;z-index:2} /************************************** Article Gallery **************************************/ /***** Before *****/ .demo-gallery {padding-bottom: 75%;float: right;max-width: 733px;width: 100%;position:relative;z-index:2} .articleCntnt .demo-gallery ul li::before{display:none} .demo-gallery > ul {margin-bottom: 0;padding-right: 0;} .demo-gallery > ul > li {display:none;width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:#111} .demo-gallery > ul > li:first-child {display:block} .demo-gallery > ul > li img{width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);border:0} .demo-gallery > ul > li a {display:block} .demo-gallery > ul > li .showGal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.8);padding:0 10px;font-family:DroidKufiLight, Arial;color:#fff;font-size:14px;z-index:9;line-height: 2.8} .demo-gallery > ul > li .icon-camera:before{content:"t";font-size:22px;color:#fff;float:right;margin-left:10px;line-height: 1.8} .demo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;} .demo-gallery > ul > li a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} .demo-gallery > ul > li a:hover .demo-gallery-poster > img {opacity: 1;} .demo-gallery > ul > li a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;} .demo-gallery > ul > li a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;} .demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);} .demo-gallery .justified-gallery > a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;} .demo-gallery .justified-gallery > a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);} .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {opacity: 1;} .demo-gallery .justified-gallery > a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;} .demo-gallery .justified-gallery > a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}.demo-gallery .video .demo-gallery-poster img {height: 48px;margin-left: -24px;margin-top: -24px;opacity: 0.8;width: 48px;} .demo-gallery.dark > ul > li a {border: 3px solid #04070a;} /***** Slider *****/ .lg-actions .lg-next, .lg-actions .lg-prev {background-color: rgba(0, 0, 0, 0.45);border-radius: 2px;color: #999;cursor: pointer;display: block;font-size: 22px;margin-top: -21px;padding: 8px 10px 9px;position: absolute;top: 50%;z-index: 1080;} .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {pointer-events: none;opacity: 0.5;} .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {color: #FFF;} .lg-actions .lg-next {left: 0px;} .lg-actions .lg-next:before {content: "q";font-size:32px} .lg-actions .lg-prev {right: 0px;} .lg-actions .lg-prev:after {content: "r";font-size:32px} @-webkit-keyframes lg-right-end { 0% {left: 0;} 50% {left: -30px;} 100% {left: 0;} } @-moz-keyframes lg-right-end { 0% {left: 0;} 50% {left: -30px;} 100% {left: 0;} } @-ms-keyframes lg-right-end { 0% {left: 0;} 50% {left: -30px;} 100% {left: 0;} } @keyframes lg-right-end { 0% {left: 0;} 50% {left: -30px;} 100% {left: 0;} } @-webkit-keyframes lg-left-end { 0% {left: 0;} 50% {left: 30px;} 100% {left: 0;} } @-moz-keyframes lg-left-end { 0% {left: 0;} 50% {left: 30px;} 100% {left: 0;} } @-ms-keyframes lg-left-end { 0% {left: 0;} 50% {left: 30px;} 100% {left: 0;} } @keyframes lg-left-end { 0% {left: 0;} 50% {left: 30px;} 100% {left: 0;} } .lg-outer.lg-right-end .lg-object {-webkit-animation: lg-right-end 0.3s;-o-animation: lg-right-end 0.3s;animation: lg-right-end 0.3s;position: relative;} .lg-outer.lg-left-end .lg-object {-webkit-animation: lg-left-end 0.3s;-o-animation: lg-left-end 0.3s;animation: lg-left-end 0.3s;position: relative;} .lg-toolbar {z-index: 1082;left: 0;position: absolute;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.45);} .lg-toolbar .lg-icon {color: #999;cursor: pointer;float: left;font-size: 24px;height: 47px;line-height: 27px;padding: 5px 0;text-align: center;width: 50px;text-decoration: none !important;outline: medium none;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;} .lg-toolbar .lg-icon:hover {color: #FFF;} .lg-toolbar .lg-close:after {content: "O"} .lg-toolbar .lg-download{display:none} .lg-sub-html {background-color: rgba(0, 0, 0, 0.8);bottom: 0;color: #EEE;font-size: 16px;left: 0;padding: 10px 40px;position: fixed;right: 0;text-align: center;z-index: 1080;} .lg-sub-html p {font-size: 16px;margin: 5px 0 0;font-family:DroidKufiLight, arial;line-height:1.8;text-align:center;} #lg-counter {color: #999;display: inline-block;font-size: 20px;padding-left: 50px;padding-top: 14px;vertical-align: middle;font-family: arial;float:left} .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev {opacity: 0;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);} .lg-hide-items .lg-next {opacity: 0;-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);} .lg-hide-items .lg-toolbar {opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;border:none} .lg-outer .lg-thumb-outer {background-color: #0D0A0A;bottom: 0;position: absolute;width: 100%;z-index: 1080;max-height: 350px;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;text-align:center} .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;text-align:center} .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;} .lg-outer.lg-thumb-open .lg-thumb-outer {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);} .lg-outer .lg-thumb {padding: 10px 0;height: 100%;margin-bottom: -5px;} .lg-outer .lg-thumb-item {border-radius: 5px;cursor: pointer;float: right;overflow: hidden;height: 100%;border: 2px solid #555;border-radius: 4px;margin-bottom: 5px;} @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #a90707;} .lg-outer .lg-thumb-item img {width: auto;height: 100%;object-fit: cover;border:none} .lg-outer .lg-thumb-item img[src='undefined']{width: 96px;height: 76px;background: url(../Images/masrawyLogo.png?ver=2.5) center center no-repeat;background-size: 80px 23px} .lg-outer.lg-has-thumb .lg-item {padding-bottom: 120px;} .lg-outer.lg-can-toggle .lg-item {padding-bottom: 0;} .lg-outer.lg-pull-caption-up .lg-sub-html {-webkit-transition: bottom 0.25s ease;-o-transition: bottom 0.25s ease;transition: bottom 0.25s ease;} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {bottom: 100px;} .lg-outer .lg-toogle-thumb {border-radius: 2px 2px 0 0;color: #999;cursor: pointer;font-size: 24px;height: 39px;line-height: 27px;padding: 5px 0;position: absolute;right: 20px;text-align: center;top: -39px;width: 50px;} .lg-outer .lg-toogle-thumb:after {content: "9";font-size: 18px;} .lg-outer .lg-toogle-thumb:hover {color: #FFF;} .lg-outer .lg-video-cont {display: inline-block;vertical-align: middle;max-width: 1140px;max-height: 100%;width: 100%;padding: 0 5px;} .lg-outer .lg-video {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;} .lg-outer .lg-video .lg-object {display: inline-block;position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} .lg-outer .lg-video .lg-video-play {width: 84px;height: 59px;position: absolute;left: 50%;top: 50%;margin-left: -42px;margin-top: -30px;z-index: 1080;cursor: pointer;} .lg-outer .lg-has-vimeo .lg-video-play {background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-vimeo:hover .lg-video-play {background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;} .lg-outer .lg-has-html5 .lg-video-play {background: transparent url("../img/video-play.png") no-repeat scroll 0 0;height: 64px;margin-left: -32px;margin-top: -32px;width: 64px;opacity: 0.8;} .lg-outer .lg-has-html5:hover .lg-video-play {opacity: 1;} .lg-outer .lg-has-youtube .lg-video-play {background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-youtube:hover .lg-video-play {background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;} .lg-outer .lg-video-object {width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;} .lg-outer .lg-has-video .lg-video-object {visibility: hidden;} .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {display: none;} .lg-outer .lg-has-video.lg-video-playing .lg-video-object {visibility: visible;} .lg-progress-bar {background-color: #333;height: 5px;right: 0;position: absolute;top: 0;width: 100%;z-index: 1083;opacity: 0;-webkit-transition: opacity 0.08s ease 0s;-moz-transition: opacity 0.08s ease 0s;-o-transition: opacity 0.08s ease 0s;transition: opacity 0.08s ease 0s;} .lg-progress-bar .lg-progress {background-color: #c31717;height: 5px;width: 0;float:right} .lg-progress-bar.lg-start .lg-progress {width: 100%} .lg-show-autoplay .lg-progress-bar {opacity: 1;} .lg-autoplay-button:after {content: "P";} .lg-show-autoplay .lg-autoplay-button:after {content: "Q";} .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {-webkit-transition-duration: 0s;transition-duration: 0s;} .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after {content: "\e311";} #lg-actual-size {font-size: 20px;} #lg-actual-size:after {content: "\e033";} #lg-zoom-out {opacity: 0.5;pointer-events: none;} #lg-zoom-out:after {content: "\e312";} .lg-zoomed #lg-zoom-out {opacity: 1;pointer-events: auto;} .lg-outer .lg-pager-outer {bottom: 60px;left: 0;position: absolute;right: 0;text-align: center;z-index: 1080;height: 10px;} .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {overflow: visible;} .lg-outer .lg-pager-cont {cursor: pointer;display: inline-block;overflow: hidden;position: relative;vertical-align: top;margin: 0 5px;} .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {box-shadow: 0 0 0 2px white inset;} .lg-outer .lg-pager-thumb-cont {background-color: #fff;color: #FFF;bottom: 100%;height: 83px;left: 0;margin-bottom: 20px;margin-left: -60px;opacity: 0;padding: 5px;position: absolute;width: 120px;border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img {width: 100%;height: 100%;} .lg-outer .lg-pager {background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;display: block;height: 12px;-webkit-transition: box-shadow 0.3s ease 0s;-o-transition: box-shadow 0.3s ease 0s;transition: box-shadow 0.3s ease 0s;width: 12px;} .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {box-shadow: 0 0 0 8px white inset;} .lg-outer .lg-caret {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px dashed;bottom: -10px;display: inline-block;height: 0;left: 50%;margin-left: -5px;position: absolute;vertical-align: middle;width: 0;} .lg-fullscreen:after {content: "\e20c";} .lg-fullscreen-on .lg-fullscreen:after {content: "\e20d";} .group {*zoom: 1;} .group:before, .group:after {display: table;content: "";line-height: 0;} .group:after {clear: both;} .lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1050;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;} .lg-outer * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lg-outer.lg-visible {opacity: 1;} .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;} .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;opacity: 1;} .lg-outer.lg-grab img.lg-object {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;} .lg-outer.lg-grabbing img.lg-object {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;} .lg-outer .lg {height: 100%;width: 100%;position: relative;overflow: hidden;margin-left: auto;margin-right: auto;max-width: 100%;max-height: 100%;z-index: 1;} .lg-outer .lg-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;} .lg-outer .lg-item {/*background: url("../img/loading.gif") no-repeat scroll center center transparent;*/display: none !important;} .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {display: inline-block !important;} .lg-outer.lg-css .lg-current {display: inline-block !important;} .lg-outer .lg-item, .lg-outer .lg-img-wrap {display: inline-block;text-align: center;position: absolute;width: 100%;height: 100%;} .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;} .lg-outer .lg-img-wrap {position: absolute;padding: 0 5px;left: 0;right: 0;top: 0;bottom: 0;} .lg-outer .lg-item.lg-complete {background-image: none;} .lg-outer .lg-item.lg-current {z-index: 1060;} .lg-outer .lg-image {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;border:none} .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;} .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {opacity: 1;} .lg-outer .lg-empty-html {display: none;} .lg-outer.lg-hide-download #lg-download {display: none;} .lg-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1040;background-color: #000;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;} .lg-backdrop.in {opacity: 1;} .lg-outer #lg-dropdown-overlay {background-color: rgba(0, 0, 0, 0.25);bottom: 0;cursor: default;left: 0;position: fixed;right: 0;top: 0;z-index: 1081;opacity: 0;visibility: hidden;-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;} .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {-webkit-transition-delay: 0s;transition-delay: 0s;-moz-transform: translate3d(0, 0px, 0);-o-transform: translate3d(0, 0px, 0);-ms-transform: translate3d(0, 0px, 0);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);opacity: 1;visibility: visible;} .lg-outer.lg-dropdown-active #lg-share {color: #FFF;} .lg-outer .lg-dropdown {background-color: #fff;border-radius: 2px;font-size: 14px;list-style-type: none;margin: 0;padding: 10px 0;position: absolute;right: 0;text-align: left;top: 50px;opacity: 0;visibility: hidden; -moz-transform: translate3d(0, 5px, 0);-o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0);-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;} .lg-outer .lg-dropdown:after {content: "";display: block;height: 0;width: 0;position: absolute;border: 8px solid transparent;border-bottom-color: #FFF;right: 16px;top: -16px;} .lg-outer .lg-dropdown > li:last-child {margin-bottom: 0px;} .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {color: #333;} .lg-outer .lg-dropdown a {color: #333;display: block;white-space: pre;padding: 4px 12px;font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;} .lg-outer .lg-dropdown a:hover {background-color: rgba(0, 0, 0, 0.07);} .lg-outer .lg-dropdown .lg-dropdown-text {display: inline-block;line-height: 1;margin-top: -3px;vertical-align: middle;font-family:DroidKufiLight, Arial;font-size:12px} .lg-outer .lg-dropdown .lg-icon {color: #333;display: inline-block;float: none;font-size:15px;height: auto;line-height: 1;margin-left: 8px;padding: 0;vertical-align: middle;width: auto;} .lg-outer #lg-share {position: relative;} .lg-outer #lg-share:after {content: "!";font-size: 20px;line-height:2} .lg-outer #lg-share-facebook .lg-icon {color: #3b5998;} .lg-outer #lg-share-facebook .lg-icon:after {content: "u";} .lg-outer #lg-share-twitter .lg-icon {color: #00aced;} .lg-outer #lg-share-twitter .lg-icon:after {content: "v";} .lg-outer #lg-share-googleplus .lg-icon {color: #dd4b39;} .lg-outer #lg-share-googleplus .lg-icon:after {content: "w";} .lg-outer #lg-share-pinterest .lg-icon {color: #cb2027;display:none} .lg-outer #lg-share-pinterest .lg-icon:after {content: "\e903";display:none} .lg-group:after {content: "";display: table;clear: both;} .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {-webkit-transition: none 0s ease 0s !important;-moz-transition: none 0s ease 0s !important;-o-transition: none 0s ease 0s !important;transition: none 0s ease 0s !important;} .lg-css3.lg-use-css3 .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .lg-css3.lg-use-left .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .lg-css3.lg-fade .lg-item {opacity: 0;} .lg-css3.lg-fade .lg-item.lg-current {opacity: 1;} .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {-webkit-transition: opacity 0.1s ease 0s;-moz-transition: opacity 0.1s ease 0s;-o-transition: opacity 0.1s ease 0s;transition: opacity 0.1s ease 0s;} .lg-css3.lg-slide.lg-use-css3 .lg-item {opacity: 0;} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;} .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item {opacity: 0;position: absolute;left: 0;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {left: 100%;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {left: -100%;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {left: 0;opacity: 1;} .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-on header, .lg-on .headerBtns, .lg-on .component{display:none} /** InGallery Ads **/ .lg-item iframe{overflow:hidden;padding:0;margin:0;position: relative} .lg-item iframe.inGallery{width:100%;height:100%;position: absolute;left:0;top:0;right:0;bottom:0} /** Gallery Title **/ .galleryTitle{float:right;display:inline-block} .galleryTitle .galleryMasLogo{width: 137px;height: 40px;background: url(../Images/masrawyLogo.png?ver=2.5) center center no-repeat;background-size: 116px 34px;margin-top: 5px;float:right} .galleryTitle h2{float:right;display:inline-block;direction:rtl;font-family:DroidKufiLight, Arial;color:#fff;font-size:18px;line-height:2.6;margin-right:10px;height:50px;padding-right:20px;border-right:1px solid #222} .lg-outer .zedSponsor{position:absolute;display:inline-block;left:10px;bottom:160px;z-index:2} .lg-outer .zedSponsor p{float:right;display:inline-block;line-height: 4;text-align: right;font-family: DroidKufiLight,Arial;font-size: 12px;color: #fff;margin-left:10px;cursor:auto} .lg-outer .zedSponsor a{float:left} .lg-outer .zedSponsor img{width:auto;height:60px;border:none} /***** After *****/ .repeatDiv{display:block;width:600px;padding:45px 20px;height:100%;position:absolute;left:50%;margin-left:-300px;top:0;z-index:2} .repeatDiv .repeatAlbum{display:block;width:100%;margin-bottom:20px;text-align:center;} .repeatDiv .repeatAlbum p{display:block;color:#fff;font-family:DroidKufiLight, Arial;font-size:16px;text-align:center} .repeatDiv .repeatAlbum .icon-repeat:before{content:"R";color:#fff;font-size:50px;line-height: 1.1;} .repeatDiv .nextAlbum{display:block;width:100%;height:95px;margin-bottom:20px;padding:15px 10px 10px;background:#e63b34;position:relative} .repeatDiv .nextAlbum .progress-bar{opacity:1;background-color: #c31717;height: 5px;right: 0;position: absolute;top: 0;width: 100%;z-index: 1083;-webkit-transition: opacity 0.08s ease 0s;-moz-transition: opacity 0.08s ease 0s;-o-transition: opacity 0.08s ease 0s;transition: opacity 0.08s ease 0s;} .repeatDiv .nextAlbum .progress-bar .progress{background-color: #fff;height: 5px;width: 0;float:right;transition: all 10000ms ease 0s;-webkit-transition: all 10000ms ease 0s;-moz-transition: all 10000ms ease 0s;-o-transition: all 10000ms ease 0s;-ms-transition: all 10000ms ease 0s} .repeatDiv .nextAlbum .progress-bar.start .progress{width:100%} .repeatDiv .nextAlbum img{width:98px;height: 70px;float: right;border: 1px solid #eee;margin-left:10px} .repeatDiv .nextAlbum h3{font-family:DroidKufiBold, Arial;font-size:16px;color:#fff;display:block;float:right;margin-bottom: 5px;} .repeatDiv .nextAlbum p{font-family:DroidKufiLight, Arial;font-size:14px;color:#fff;display:block;float:right;width:calc(100% - 108px);height: 42px;overflow: hidden;line-height: 1.6;white-space: normal;} .repeatDiv .relatedAlbum{display:block;width:100%;padding:10px 10px 0 10px;background:#fff;position:relative} .repeatDiv .relatedAlbum .ttl{height:auto;border-bottom:none} .repeatDiv .relatedAlbum .ttl h2{color:#e63b34;padding: 0;font-size:18px} .repeatDiv .relatedAlbum .ttl h2:after{display:none} .repeatDiv .relatedAlbum .content{display:inline-block;width:100%;margin-top:10px;background:none;min-height:unset} .repeatDiv .relatedAlbum .content .itmDiv{padding: 12px 0;position: relative;width: 100%;display:block;height:72px} .repeatDiv .relatedAlbum .content .itmDiv:before{background-color: #dde2e4;top: -1px;clear: both;content: "";display: block;float: none;height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 100%;} .repeatDiv .relatedAlbum .content .itmDiv:first-child:before{display:none} .repeatDiv .relatedAlbum .content .itmDiv img {width: 65px;height: 46px;float: right;border: 1px solid #eee;margin-left: 10px;} .repeatDiv .relatedAlbum .content .itmDiv p{font-family:DroidKufiLight, arial;font-size:14px;color:#1d1d1d;display:block;float:right;width:calc(100% - 75px);height: 42px;overflow: hidden;line-height: 1.6;white-space: normal;} .lastSlide .lg-toolbar .lg-autoplay-button{display:none} .lastSlide .lg-toolbar #lg-counter{display:none} .lastSlide .lg-actions{display:none} /****************************** Author Article ******************************/ /** Dropdown List **/ .dropDownDiv{display:inline-block;width:100%;margin-bottom:40px;padding:24px;background:#f2f2f2} .wrapperDropdown {position: relative;width: 100%;background: #fff;cursor: pointer;padding:12px;border:1px solid #ddd;z-index: 1;text-align:right;direction:rtl;font-family:DroidKufiLight, Arial;font-size:14px;color:#aaa;outline: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .wrapperDropdown:after {content: "";width: 0;height: 0;position: absolute;top: 50%;left: 12px;margin-top: -3px;border-width: 6px 6px 0 6px;border-style: solid;border-color: #aaa transparent;} .wrapperDropdown .dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border-radius: 0 0 5px 5px;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .wrapperDropdown .dropdown li {padding: 0 10px ;} .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #333;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .wrapperDropdown .dropdown li:last-of-type a {border: none;} .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .wrapperDropdown .dropdown li:hover a {color: #e63b34;} .wrapperDropdown.active {border-radius: 5px 5px 0 0;background: #aaa;box-shadow: none;border-bottom: none;color: white;} .wrapperDropdown.active:after {border-color: #ccc transparent;} .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;} /** Article Author Title **/ article .authorDtls{display:inline-block;width:100%;float:right;margin:24px 0 36px;position:relative;} article .authorDtls .imageCntnr{padding-bottom: calc((190px * 75) / 100);float: right;width:190px;position: relative;margin-left:24px} article .authorDtls .imageCntnr img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} article .authorDtls .articleHeader{width:calc(100% - 214px)} article .authorDtls .articleHeader h2{margin-bottom:0;font-size:22px;max-height:72px;overflow:hidden;margin:5px 0 10px} article .authorDtls .articleHeader .authorName{display:block;font-family: DroidKufiLight, Arial;font-size: 16px;color: #888;float: right;direction: rtl;} article .authorDtls .articleHeader .time{position:absolute;width:calc(100% - 214px);bottom:0;right:214px;font-size:14px} article .authorDtls .articleHeader .icon-time:before{line-height:1.7} article .authorDtls .articleHeader .time span:after{top:6px} /** Article Strip **/ article .articleStrip{display: inline-block;width: 100%;float:right;padding: 8px;background: #e63b34;text-align: center;} article .articleStrip p{font-family: DroidKufiLight, Arial;font-size: 14px;color: #fff;text-align: center;direction: rtl;margin: 0 auto;display: inline-block;line-height: 2.9;} article .articleStrip .icon-info:before{content: "h";float: right;font-size: 24px;margin-left: 8px;} /** Article Video **/ article.articleVideo .videoCntnr{padding-bottom:75%;float: right;max-width: 733px;width: 100%;position: relative;z-index:2} article.articleVideo .videoCntnr iframe, article.articleVideo .videoCntnr img{width: 100%;height: 100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:all 0.2s ease-in-out 0s} article.articleVideo .videoEnd{display:inline-block;height:1px} article.articleVideo .articleVideoEnd{display:inline-block;height:1px} article.articleVideo .fixed iframe{position:fixed;top:auto;bottom:0px;right:74px;left:auto;width:300px;height:auto;z-index:2;border:12px solid #f2f2f2} /** Video Strip **/ article .videoStrip{display:inline-block;float:right;width:728px;height:auto;margin:-20px calc((100% - 728px) / 2) 20px;overflow:hidden;position:relative;z-index:2} /********** Shortcut Icons Menu **********/ .articleSocialMedia {position: fixed;margin-right:-36px;top:auto;z-index: 1;background:#f2f2f2;padding:8px 0;width:36px;box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);} .sponsorStickyOpen .articleSocialMedia{top:0;z-index:51;position:absolute} .sponsorStickyOpen.showSponsor .articleSocialMedia{top:124px;z-index:51;position:fixed} .articleSocialMedia::before {position: absolute;top: 0;right: 0;visibility: hidden;z-index: 10;width: 40px;height: 100%;background: rgba(0,0,0,0.5);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;transition: opacity 0.3s, transform 0s 0.3s;} .show-sponsor .articleSocialMedia::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .sponsorHome .articleSocialMedia::before {opacity: 1;visibility:visible;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .articleSocialMedia a {display:block;width:28px;height:28px;border-radius: 50%;margin:0 calc((100% - 28px) / 2) 8px;text-align:center;color:#fff} .articleSocialMedia a:last-child{margin-bottom:0} .articleSocialMedia .icon-fb{background:#3a5799} .articleSocialMedia .icon-fb:hover{background:#28437a} .articleSocialMedia .icon-fb:before{content:"u";font-size:18px;line-height:1.7} .articleSocialMedia .icon-tw{background:#1fa2f0} .articleSocialMedia .icon-tw:hover{background:#1083cf} .articleSocialMedia .icon-tw:before{content:"v";font-size:18px;line-height:1.7} .articleSocialMedia .icon-ggl{background:#d55142} .articleSocialMedia .icon-ggl:hover{background:#bc3f31} .articleSocialMedia .icon-ggl:before{content:"w";font-size:18px;line-height:1.6} .articleSocialMedia .icon-wapp{background:#189d0e;display:none} .articleSocialMedia .icon-wapp:hover{background:#108008} .articleSocialMedia .icon-wapp:before{content:"S";font-size:20px;line-height:1.6} .articleSocialMedia .icon-msngr{background:#0084ff} .articleSocialMedia .icon-msngr:hover{background:#0070d9} .articleSocialMedia .icon-msngr:before{content:"y";font-size:18px;line-height:1.6} .articleSocialMedia .icon-mail{background:#75c155} .articleSocialMedia .icon-mail:hover{background:#5ca43e} .articleSocialMedia .icon-mail:before{content:"z";font-size:18px;line-height:1.6} .articleSocialMedia .icon-print{background:#566d7f} .articleSocialMedia .icon-print:hover{background:#465c6d} .articleSocialMedia .icon-print:before{content:"G";font-size:18px;line-height:1.6} .hideSocialBtns .articleSocialMedia{margin-right: 0} /****************************** Category ******************************/ /** Category Pattern01 **/ .catPattern01{padding:12px} .catPattern01 .allItems{display:inline-block;width:100%;padding:12px 0 0} .catPattern01 ul li{float:right;margin-left:12px;margin-bottom:12px;width:calc((100% - 48px) / 5);height:auto;position:relative;overflow:hidden} .catPattern01 ul li a{display:block} .catPattern01 ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .catPattern01 ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:1px solid #ddd;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3){width:calc((100% - 24.1px) / 3)} .catPattern01 ul li:nth-child(3), .catPattern01 ul li:last-child{margin-left:0} .catPattern01 ul li:nth-last-child(-n+5){margin-bottom:0} .catPattern01 ul li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .catPattern01 .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .catPattern01 .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 10px;font-size: 15px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} .catPattern01 ul li:first-child .desc p, .catPattern01 ul li:nth-child(2) .desc p, .catPattern01 ul li:nth-child(3) .desc p{font-size: 16px;line-height: 1.6} .catPattern01 ul li:nth-last-child(-n+5) .desc{position:relative;background:none} .catPattern01 ul li:nth-last-child(-n+5) .desc p{position:relative;color:#1d1d1d;font-size:15px;line-height:1.6;padding:5px 0;height:80px;overflow:hidden;margin-bottom: 5px;} .catPattern01 ul li:nth-last-child(-n+5) .item:hover .desc p{color:#888} .catPattern01 ul li:nth-last-child(-n+5) .secName:hover{color:#1d1d1d} .catPattern01 ul li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .catPattern01 ul li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .catPattern01 ul li:nth-last-child(-n+5).icon-video, .catPattern01 ul li:nth-last-child(-n+5).icon-image{background:#1d1d1d;} .catPattern01 ul li:nth-last-child(-n+5).icon-video .desc p, .catPattern01 ul li:nth-last-child(-n+5).icon-image .desc p{color: #fff;padding:5px} .catPattern01 ul li:nth-last-child(-n+5).icon-video .item:hover .desc p, .catPattern01 ul li:nth-last-child(-n+5).icon-image .item:hover .desc p{color:#aaa} /** Category Pattern02 **/ .catPattern02{padding:12px;width:calc((100% - 24px) / 2);margin-left:24px} .catPattern02:last-child{margin-left:0} .catPattern02 .allItems{display:inline-block;width:100%;padding:12px 0 0} .catPattern02 ul li{float:right;margin-left:12px;margin-bottom:12px;width:calc((100% - 24px) / 3);height:auto;position:relative;overflow:hidden} .catPattern02 ul li a{display:block} .catPattern02 ul li a .imageCntnr{position:relative;overflow:hidden;padding-bottom:75%} .catPattern02 ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:1px solid #ddd;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .catPattern02 ul li:first-child, .catPattern02 ul li:nth-child(2){width:calc((100% - 12px) / 2)} .catPattern02 ul li:nth-child(2), .catPattern02 ul li:last-child{margin-left:0} .catPattern02 ul li:nth-last-child(-n+3){margin-bottom:0} .catPattern02 ul li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .catPattern02 .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .catPattern02 .desc p{color: #fff;text-align: right;line-height: 1.6;padding: 12px;font-size: 15px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0} .catPattern02 ul li:first-child .desc p, .catPattern02 ul li:nth-child(2) .desc p{font-size: 16px;line-height: 1.6} .catPattern02 ul li:nth-last-child(-n+3) .desc{position:relative;background:none} .catPattern02 ul li:nth-last-child(-n+3) .desc p{position:relative;color:#1d1d1d;font-size:14px;line-height:1.4;padding:5px 0;height:62px;overflow:hidden;margin-bottom: 5px;} .catPattern02 ul li:nth-last-child(-n+3) .item:hover .desc p{color:#888} .catPattern02 ul li:nth-last-child(-n+3) .secName:hover{color:#1d1d1d} .catPattern02 ul li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .catPattern02 ul li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:1px;width:40px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .catPattern02 ul li:nth-last-child(-n+3).icon-video, .catPattern02 ul li:nth-last-child(-n+3).icon-image{background:#1d1d1d;} .catPattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .catPattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color: #fff;padding:5px} .catPattern02 ul li:nth-last-child(-n+3).icon-video .item:hover .desc p, .catPattern02 ul li:nth-last-child(-n+3).icon-image .item:hover .desc p{color:#aaa} .patternGroup{display:inline-block;float:right;width:100%} /** Category Pattern03 **/ .catPattern03{padding:12px;width:calc((100% - 48.1px) / 3);margin-left:24px;overflow:hidden} .catPattern03:last-child{margin-left:0} .catPattern03 .allItems{display:inline-block;width:100%;padding:12px 0 0} .catPattern03 ul li{float:right;margin-bottom:24px;width:100%;height:auto;position:relative} .catPattern03 ul li:after{content: "";position: absolute;bottom: -12px;right: 0;width: 100%;height: 1px;background: #ddd;} .catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after{display:none} .catPattern03 ul li:last-child{margin-bottom:0} .catPattern03 ul li a{display:block} .catPattern03 ul li a .imageCntnr{position: relative;overflow: hidden;padding-bottom: calc((88px * 75) / 100);float: right;width: 88px;margin-left:12px} .catPattern03 ul li:first-child a .imageCntnr{position: relative;overflow: hidden;padding-bottom: 75%;float: none;width: auto;margin-left:0} .catPattern03 ul li a img{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;border:1px solid #ddd;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .catPattern03 ul li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .catPattern03 .desc{width: calc(100% - 100px);height: 50%;overflow: hidden;cursor: pointer;position: relative;float:right;} .catPattern03 .desc p{color: #1d1d1d;text-align: right;line-height: 1.6;font-size: 14px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0} .catPattern03 ul li:first-child .desc{position: absolute;bottom: 0;right:0;float:none;width:100%;background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0);} .catPattern03 ul li:first-child .desc p{font-size: 18px;line-height: 1.6;margin-bottom:0;position:absolute;bottom:0;right:0;font-size: 16px;color:#fff;padding: 12px;} .catPattern03 ul li:nth-last-child(-n+3) .item:hover .desc p{color:#888} .catPattern03 ul li.icon-video:before{content:"s";color:#fff;font-size:20px;background:rgba(0,0,0,0.8);position:absolute;top:1px;right:1px;width:30px;height:30px;line-height:1.5;pointer-events:none;z-index:1} .catPattern03 ul li:first-child.icon-video:before{font-size:30px;width:40px;height:40px;line-height:1.35;left:1px;right:auto} .catPattern03 ul li.icon-image:before{content:"t";color:#fff;font-size:20px;background:rgba(0,0,0,0.8);position:absolute;top:1px;right:1px;width:30px;height:30px;line-height:1.5;pointer-events:none;z-index:1} .catPattern03 ul li:first-child.icon-image:before{font-size:30px;width:40px;height:40px;line-height:1.35;left:1px;right:auto} .catPattern03 ul li:nth-last-child(-n+3).icon-video, .catPattern03 ul li:nth-last-child(-n+3).icon-image{background:#1d1d1d;} .catPattern03 ul li:nth-last-child(-n+3).icon-video .desc p, .catPattern03 ul li:nth-last-child(-n+3).icon-image .desc p{color: #fff;padding:5px} .catPattern03 ul li:nth-last-child(-n+3).icon-video .item:hover .desc p, .catPattern03 ul li:nth-last-child(-n+3).icon-image .item:hover .desc p{color:#aaa} /********** Search Result **********/ .searchResult{width: calc(100% - 324px);margin-left: 24px;padding: 12px 12px 0;} .searchResult h2{display:inline-block;width:100%;font-family:DroidKufiBold, Arial;font-size:24px;color:#1d1d1d;direction:rtl;margin-bottom:24px} .searchResult h2 span{margin-right:8px;color:#aaa} .searchResult form{display: inline-block;width: 100%;height:auto;margin-bottom: 30px;padding: 24px;background: #f2f2f2;position:relative} .searchResult form:before{display:none} .searchResult form input{display: inline-block;position: relative;width: 100%;height:auto;text-align:right;background: #fff;cursor: text;padding: 10px 12px;border: 1px solid #ddd!important;z-index: 1;direction: rtl;font-family: DroidKufiLight, Arial;font-size: 16px;color: #aaa;outline: none;} .searchResult form .morphsearch-submit {position: absolute;width: 30px;height: 30px;margin-top:0;overflow: hidden;left: 35px;top: 35px;background: #fff;z-index:2;background-size: 100%;border: none;pointer-events: auto;transform-origin: 50% 50%;opacity: 1;-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) scale3d(1,1,1);} .searchResult form .morphsearch-submit.icon-search:before {content: "f";color: #ddd;font-size: 24px;line-height: 1.4;opacity: 1;height: 30px;width: 30px;transform: none;top: 0;} .searchResult form input:focus, .searchResult form textarea:focus {border: 1px solid #888!important;outline: none;} /** Search Result Filter **/ .filterMainContent {position: relative;min-height: 28vh;} .filterMainContent:after {content: "";display: table;clear: both;} .filterMainContent h3{float:right;width:120px;font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;line-height:3.5;direction:rtl} .cd-tab-filter-wrapper {background-color: #ffffff;z-index: 2;width:calc(100% - 120px);float:right} .cd-tab-filter-wrapper:after {content: "";display: table;clear: both;} .cd-tab-filter {position: relative;height: 50px;width:auto;margin: 0 auto;z-index: 2;cursor:auto} .cd-tab-filter::after {content: 'q';position: absolute;left: 12px;top: 50%;color:#aaa;bottom: auto;-webkit-transform: rotate(-90deg) translateY(-50%);-moz-transform: rotate(-90deg) translateY(-50%);-ms-transform: rotate(-90deg) translateY(-50%);-o-transform: rotate(-90deg) translateY(-50%);transform: rotate(-90deg) translateY(-50%);display:none;line-height:0.5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;pointer-events: none;} .cd-tab-filter ul {position: static;top: 0;left: 0;background-color: #ffffff;border-bottom: 1px solid #ddd} .cd-tab-filter li {display: inline-block} .cd-tab-filter li.placeholder {display: none!important} .cd-tab-filter li:first-child {display: block;} .cd-tab-filter a {display: inline-block;height: 50px;width: auto;line-height: 50px;padding:0 24px;font-family:DroidKufiLight, arial;font-size:16px;color:#aaa;} .cd-tab-filter a.selected {background: transparent;color: #1d1d1d;box-shadow: inset 0 -2px 0 #1d1d1d;} .cd-tab-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-270deg); -moz-transform: translateY(-50%) rotate(-270deg); -ms-transform: translateY(-50%) rotate(-270deg); -o-transform: translateY(-50%) rotate(-270deg); transform: translateY(-50%) rotate(-270deg);} .cd-tab-filter.is-open ul {box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgba(0, 0, 0, 0.2);} .cd-tab-filter.is-open ul li {display: inline-block;} .cd-tab-filter.is-open .placeholder a {opacity: .4;} .cd-gallery {padding: 12px 0;width: 100%;box-shadow:none;margin-bottom:0;padding-bottom:0} .cd-gallery ul{text-align: justify;} .cd-gallery li {margin-bottom: 12px;width: calc((100% - 24px) / 3);padding-bottom:5px;height: auto;position: relative;overflow: hidden;display: inline-block;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none} .cd-gallery li a .imageCntnr {position: relative;overflow: hidden;padding-bottom: 75%;} .cd-gallery li .item img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;} .cd-gallery li .item:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .cd-gallery li .desc {width: 100%;overflow: hidden;cursor: pointer;} .cd-gallery li .desc p {color: #1d1d1d;height: 84px;margin-bottom: 5px;overflow: hidden;text-align: right;line-height: 1.6;padding: 10px 0 0 10px;font-size: 15px;font-family: DroidKufiLight, Arial; transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;} .cd-gallery li .item:hover .desc p{color:#888} .cd-gallery li .desc.authorDesc{display:none} .cd-gallery li .authorName{display:none} .cd-gallery li .articleDate{display:none} .cd-gallery li .secName{font-family:DroidKufiLight, Arial;font-size:14px;color:#888;display:inline-block;margin-bottom:0;line-height:2.3} .cd-gallery li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:6px} .cd-gallery li .secName:hover{color:#1d1d1d} .cd-gallery li .time{font-family: DroidKufiLight, Arial;font-size: 13px;color: #888;display: inline-block;width:100%;cursor:default} .cd-gallery li .icon-time:before{content:"C";font-size:14px;float:right;margin-left:5px;line-height:1.8} .cd-gallery li.icon-video, .cd-gallery li.icon-image{background:#1d1d1d;} .cd-gallery li.icon-video .desc p, .cd-gallery li.icon-image .desc p{color: #fff;padding: 10px} .cd-gallery li.icon-video .item:hover .desc p, .cd-gallery li.icon-image .item:hover .desc p{color:#aaa} .cd-gallery li.icon-video .secName, .cd-gallery li.icon-image .secName{margin-right:10px;color:#bbb;} .cd-gallery li.icon-video .secName:hover, .cd-gallery li.icon-image .secName:hover{color:#888} .cd-gallery li.icon-video .time, .cd-gallery li.icon-image .time{margin-right:10px;color:#bbb;} .cd-gallery li.icon-video:before{content:"s";color:#fff;font-size:30px;background:rgba(0,0,0,0.7);position:absolute;top:1px;left:1px;width:41px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .cd-gallery li.icon-image:before{content:"t";color:#fff;font-size:30px;background:rgba(0,0,0,0.7);position:absolute;top:1px;left:1px;width:41px;height:40px;line-height:1.35;pointer-events:none;z-index:1} .cd-gallery li.gap {opacity: 0;height: 0;display: inline-block;} .cd-gallery img {display: block;width: 100%;} .cd-gallery .cd-fail-message {display: none;text-align: center;} .cd-gallery .leaderboardDiv{margin:16px auto 40px} .cd-filter { position: absolute;top: 0;left: 0;width: 280px;height: 100%;background: #ffffff;box-shadow: 4px 4px 20px transparent;z-index: 2; -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0); -webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;transition: transform 0.3s, box-shadow 0.3s; } .cd-filter::before {content: '';position: absolute;top: 0;left: 0;height: 50px;width: 100%;background-color: #1d1d1d;z-index: 2;} .cd-filter form {padding: 70px 20px;} .cd-filter .cd-close {position: absolute;top: 0;right: 0;height: 50px;line-height: 50px;width: 60px;color: #ffffff;font-size: 1.3rem;text-align: center;background: #37296a;opacity: 0;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;z-index: 3;} .no-touch .cd-filter .cd-close:hover {background: #32255f;} .cd-filter.filter-is-visible {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);} .cd-filter.filter-is-visible .cd-close {opacity: 1;} .no-touch .cd-tab-filter a:hover {color: #1d1d1d;} .cd-filter-trigger {position: absolute;top: 0;left: 0;height: 50px;line-height: 50px;width: 60px;overflow: hidden;text-indent: 100%;color: transparent;white-space: nowrap;z-index: 3;} .cd-filter-trigger.filter-is-visible {pointer-events: none;} .cd-filter-block {margin-bottom: 1.6em;} .cd-filter-block h4 {position: relative;margin-bottom: .2em;padding: 10px 0 10px 20px;color: #9a9a9a;text-transform: uppercase;font-weight: 700;font-size: 1.3rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;} .no-touch .cd-filter-block h4:hover {color: #1d1d1d;} .cd-filter-block h4::before {content: '';position: absolute;left: 0;top: 50%;width: 16px;height: 16px; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;} .cd-filter-block h4.closed::before {-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);} .cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before {font-family: "Open Sans", sans-serif;border-radius: 0;background-color: #ffffff;border: 2px solid #e6e6e6;} .cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select {width: 100%;padding: .8em;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;box-shadow: none;} .cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus {outline: none;background-color: #ffffff;border-color: #1d1d1d;} .cd-filter-block input[type='search'] {border-color: transparent;background-color: #e6e6e6;font-size: 1.6rem !important;} .cd-filter-block input[type='search']::-webkit-search-cancel-button {display: none;} .cd-filter-block .cd-select {position: relative;} .cd-filter-block .cd-select::after {content: '';position: absolute;z-index: 1;right: 14px;top: 50%;display: block;width: 16px;height: 16px;pointer-events: none; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .cd-filter-block select {cursor: pointer;font-size: 1.4rem;} .cd-filter-block select::-ms-expand {display: none;} .cd-filter-block .list li {position: relative;margin-bottom: .8em;} .cd-filter-block .list li:last-of-type {margin-bottom: 0;} .cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {position: absolute;left: 0;top: 0;margin: 0;padding: 0;opacity: 0;z-index: 2;} .cd-filter-block .checkbox-label, .cd-filter-block .radio-label {padding-left: 24px;font-size: 1.4rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {content: '';display: block;position: absolute;top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before {width: 16px;height: 16px;left: 0;} .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after {display: none;} .cd-filter-block .checkbox-label::after {width: 16px;height: 16px} .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {border-radius: 50%;} .cd-filter-block .radio-label::after {width: 6px;height: 6px;background-color: #ffffff;left: 5px;} .cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {border-color: #1d1d1d;background-color: #1d1d1d;} .cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after {display: block;} @-moz-document url-prefix() { .cd-filter-block .cd-select::after {display: none;} } .innerListing .akhbarThemak {height:552px} .innerListing .akhbarThemak.fixed{position:fixed;top:60px} .showSponsor .innerListing .akhbarThemak.fixed {top:120px} .artclEnd{float:right;width:100%;display:inline-block} /********** Archive **********/ .archivePage h2{color:#1d1d1d} .datepicker-form .ui-datepicker-trigger{display:none} .datepicker-form .icon-date{width:30px;height:30px;position:absolute;left:35px;top:35px;pointer-events:none;z-index:2} .datepicker-form .icon-date:before{content:"c";color:#aaa;font-size: 24px;line-height: 1.3;} .archivePage .cd-tab-filter {width: 100%;margin: 0;} .archivePage .cd-tab-filter::after {display:inline-block} .archivePage .cd-tab-filter ul {position: absolute;width: 100%;} .archivePage .cd-tab-filter li {display: none} .archivePage .cd-tab-filter li.placeholder {display: block!important} .archivePage .cd-tab-filter li.placeholder a:hover {color: #aaa} .archivePage .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;} .archivePage .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;} .archivePage .cd-tab-filter.is-open ul li {display: block} /********** Listing **********/ .listing{width: calc(100% - 324px);margin-left: 24px;padding: 12px} .listing .ttl h1{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:20px;color:#1d1d1d;display:block;line-height: 1.6} .listing .ttl h1:after{content:"";width:4px;height:24px;background:#e63b34;float:right;margin-left:12px;margin-top:4px} .listing .cd-gallery li{display:inline-block} .listing .cd-tab-filter-wrapper{display:none} .innerListingContainer{padding:12px} .innerListingAds{width:100%;display:inline-block;text-align:center} /********** Authors Listing **********/ /*.authorsListing h3{display:none}*/ .authorsListing .cd-tab-filter {width: 100%;margin: 0;} .authorsListing .cd-tab-filter::after {display:inline-block;left:16px} .authorsListing .cd-tab-filter ul {display: inline-block;position: static;width: 100%;height: auto;max-height: 300px;overflow-x: hidden;overflow-y: auto;text-align: right;background: #fff;cursor: text;padding: 0 12px;border: 1px solid #ddd;z-index: 1;direction: rtl;font-family: DroidKufiLight, Arial;font-size: 16px;color: #aaa;outline: none;} .authorsListing .cd-tab-filter li {display: none} .authorsListing .cd-tab-filter li.placeholder {display: block!important} .authorsListing .cd-tab-filter li.placeholder a:hover {color: #aaa} .authorsListing .cd-tab-filter a {display: inline-block;width: 100%;padding:0} .authorsListing .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;} .authorsListing .cd-tab-filter.is-open ul li {display: block} .authorsListing .cd-tab-filter-wrapper {z-index: 2;width:100%;height:auto;float:right;display: inline-block;margin:24px 0 0;padding: 24px;background: #f2f2f2;position: relative;} .authorsListing .cd-tab-filter-wrapper:after {content: "";display: table;clear: both;} .authorsListing .cd-gallery li{width:calc((100% - 36px) / 4)} .authorsListing .cd-gallery li .desc.authorDesc{display:block} .authorsListing .cd-gallery li .desc.authorDesc p{height:66px} .authorsListing .cd-gallery li .secName{display:none} .authorsListing .cd-gallery li .time{display:none} .authorsListing .cd-gallery li .authorName{display:block;font-family:DroidKufiLight, Arial;font-size:14px;color:#888;height: 28px;overflow:hidden} .authorsListing .cd-gallery li .authorName:hover{color:#1d1d1d} /********** Author Page **********/ .author .cd-tab-filter {width: 100%;margin: 0;} .author .cd-tab-filter::after {display:inline-block;left:16px} .author .cd-tab-filter ul {display: inline-block;position: static;width: 100%;height: auto;max-height: 300px;overflow-x: hidden;overflow-y: auto;text-align: right;background: #fff;cursor: text;padding: 0 12px;border: 1px solid #ddd;z-index: 1;direction: rtl;font-family: DroidKufiLight, Arial;font-size: 16px;color: #aaa;outline: none;} .author .cd-tab-filter li {display: none} .author .cd-tab-filter li.placeholder {display: block!important} .author .cd-tab-filter li.placeholder a:hover {color: #aaa} .author .cd-tab-filter a {display: inline-block;width: 100%;padding:0} .author .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;} .author .cd-tab-filter.is-open ul li {display: block} .author .cd-tab-filter-wrapper {z-index: 2;width:100%;height:auto;float:right;display: inline-block;margin:24px 0 0;padding: 24px;background: #f2f2f2;position: relative;} .author .cd-tab-filter-wrapper:after {content: "";display: table;clear: both;} .author .authorData{display:inline-block;width:100%;margin:24px 0 36px 0;box-shadow:none} .author .authorData img{width:186px;height:140px;float:right} .author .authorData .data{float:right;margin-right:24px;width:calc(100% - 210px);display:inline-block;font-family:DroidKufiLight, Arial;direction:rtl;color:#1d1d1d;font-size:16px;text-align:right} .author .authorData .data .name{display:inline-block;width:100%;font-family:DroidKufiBold, Arial;font-size:22px;line-height: 1.2;float:right;margin:5px 0 10px 0} .author .authorData .data .artclsNum{display:inline-block;width:100%;margin-bottom: 20px;float:right} .author .authorData .data .lastArtcl{display:inline-block;width:100%;float:right;height: 58px;overflow: hidden;font-size: 16px;margin-bottom: 20px;} .author .authorData .data .lastArtcl span{color:#888;margin-left:5px} .author .authorData .data .date{font-size: 14px;color: #888;display: inline-block;width: 100%;float:right} .author .authorData .data .icon-date:before{content: "c";font-size: 16px;float: right;margin-left: 5px;line-height: 1.6;} .author .allArtclsTtl{display:inline-block;width:100%;background:#474747;height:40px;padding:0 12px} .author .allArtclsTtl h2{font-family:DroidKufiLight, Arial;font-size:18px;color:#fff;text-align:right;direction:rtl;line-height:2.2} /** Author Page Listing **/ .author .cd-gallery li{width:calc((100% - 12px) / 2);padding:12px;background:#f5f5f5;border:1px solid #ddd;margin-bottom:12px} .author .cd-gallery li.icon-image:before, .author .cd-gallery li.icon-video:before{display:none} .author .cd-gallery li.icon-video .desc p, .author .cd-gallery li.icon-image .desc p {color: #1d1d1d} .author .cd-gallery li:after{display:none} .author .cd-gallery li a .imageCntnr{display:none} .author .cd-gallery li .authorDesc{position:relative;width:100%} .author .cd-gallery li .authorDesc p{padding:0;margin-bottom:0;margin-right:14px;width:calc(100% - 14px);line-height:1.8} .author .cd-gallery li .item:hover .desc p {color: #1d1d1d} .author .cd-gallery li:hover .item .desc p {color: #888} .author .cd-gallery li .authorDesc:after {content: "";width: 4px;height: 28px;background: #e63b34;float: right;margin-left: 5px;margin-top: 2px;top:0;right:0;position:absolute} .author .cd-gallery li .articleDate{font-family: DroidKufiLight, Arial;font-size: 14px;color: #888;display: inline-block;width:100%} .author .cd-gallery li .icon-date:before{content:"c";font-size:16px;float:right;margin-left:5px;line-height:1.6} .author .cd-gallery li .authorName{display:none} /********** Matches Schedule Page **********/ .matchesSchedule .schedule{width: calc(100% - 324px);margin-left: 24px;padding:0;background:none;box-shadow:none;margin-bottom:0} .matchesSchedule .schedule .cd-gallery li {display: inline-block;} .matchesSchedule .akhbarThemak {height: 552px;} .matchesSchedule .allMatches .icon-downArrow:before {content: "q";position: absolute;left: 12px;line-height:2.2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)} .matchesSchedule .allMatches .wrapperDropdown:after{display:none} .matchesSchedule .allMatches .wrapperDropdown .dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border-radius:0;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .matchesSchedule .allMatches .wrapperDropdown .dropdown li {padding: 0 10px ;} .matchesSchedule .allMatches .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #888;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .matchesSchedule .allMatches .wrapperDropdown .dropdown li:last-of-type a {border: none;} .matchesSchedule .allMatches .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .matchesSchedule .allMatches .wrapperDropdown .dropdown li:hover a {color: #1d1d1d;} .matchesSchedule .allMatches .wrapperDropdown.active {border-radius: 0;background: #eee;box-shadow: none;border-bottom: none;color: #1d1d1d} .matchesSchedule .allMatches .wrapperDropdown.active:after {border-color: #aaa transparent;} .matchesSchedule .allMatches .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;overflow: auto;} .matchesSchedule .table{background:#fff;box-shadow:0 6px 6px -3px rgba(0,0,0,.1);padding:12px} .matchesSchedule .table .allMatches{display:inline-block;width:100%;margin:24px 0 0} .matchesSchedule .table .allMatches .tabs-nav{position: static;top: 0;left: 0;background-color: #ffffff;border-bottom: 1px solid #ddd;margin-bottom:24px} .matchesSchedule .table .allMatches .tabs-nav li {display:inline-block;width:auto;height:50px;margin-left:0} .matchesSchedule .table .allMatches .tabs-nav li > a {display: inline-block;height: 50px;width: auto;line-height: 50px;padding: 0 48px;font-family: DroidKufiLight, arial;font-size: 16px;color: #aaa;background: none;} .matchesSchedule .table .allMatches .tabs-nav li .icon-date:before{content:"c";font-size:22px;line-height:2.5} .matchesSchedule .table .allMatches .tabs-nav li.tabs-selected > a{background: transparent;color: #1d1d1d;box-shadow: inset 0 -2px 0 #1d1d1d;} .matchesSchedule .table .allMatches .tabs-nav li > a:hover{color:#1d1d1d} .matchesSchedule .table .allMatches .tabs-nav li a.date{position:relative} .matchesSchedule .table .allMatches .tabs-nav li a.date .calendarDiv{position:absolute} .matchesSchedule .allMatches .dropDownDiv{margin-bottom:24px} .matchesSchedule .allMatches h2{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;color:#1d1d1d;font-size:18px;text-align:right;direction:rtl;margin-bottom:24px} .matchesSchedule .allMatches h2 span{color:#888;margin-right:5px} /** Datepicker **/ .matchesSchedule .showCal .ui-datepicker{position:absolute;z-index:2;max-height:0;opacity:0;visibility:hidden;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .matchesSchedule .showCal.show .ui-datepicker{max-height:250px;opacity:1;visibility:visible} .matchesSchedule .table .allMatches .slide{height:auto} .matchesSchedule .table .allMatches .item{width:100%;padding:0;display:inline-block;margin-bottom:24px} .matchesSchedule .table .allMatches .item:last-child{margin-bottom:0} .matchesSchedule .table .allMatches .item .tourName{padding-bottom:0;height:46px;text-align:right;border-bottom:none;background:#474747;padding-right:12px;margin-bottom:4px;color:#fff;line-height: 2.6;} .matchesSchedule .table .allMatches .item .match{display:inline-block;width:100%;margin-bottom:4px;background:#ececec;height:70px;overflow:hidden;padding:12px;float: right;} .matchesSchedule .table .allMatches .item .match:last-child{margin-bottom:0} .matchesSchedule .table .allMatches .item .time{float:right;width:50px;font-family:Arial;font-size:18px;color:#1d1d1d;line-height:2.8;text-align:center} .matchesSchedule .table .allMatches .item .time span{margin-top: 15px;} .matchesSchedule .table .allMatches .item .time span.now {width: 50px;height: 26px;background: #43a047;color: #fff!important;text-align: center;padding:0 6px;font-family: DroidKufiLight,arial;font-size: 14px!important;line-height: 2;margin: 10px auto 0!important;border-radius: 0!important;} .matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB {float: right;width: calc((100% - 330px) / 2);height: 46px;} .matchesSchedule .table .allMatches .item .teamA img{float:left;margin-right:12px;height:46px;width:auto} .matchesSchedule .table .allMatches .item .teamB img{float:right;margin-left:12px;height:46px;width:auto} .matchesSchedule .table .allMatches .item .teamA p{float:left;padding-top:0;text-align:left;line-height: 3.4;} .matchesSchedule .table .allMatches .item .teamB p{float:right;padding-top:0;text-align:right;line-height: 3.4;} .matchesSchedule .table .allMatches .item .result{width:160px} .matchesSchedule .table .allMatches .matchResult{margin-top:2px} .matchesSchedule .table .allMatches .item .channel{float:right;width:120px;font-family:DroidKufiLight, arial;font-size:14px;color:#1d1d1d;line-height:3.3;direction:rtl;text-align:center} .matchesSchedule .listing{width:100%;margin-bottom:0} .matchesSchedule .filterMainContent h3{display:none} /********** Prayer Times Page **********/ .prayerTimes .akhbarThemak {height: 552px;} .prayerTimes .prayerTimesTable{width: calc(100% - 324px);margin-left: 24px;padding:0;background:none;box-shadow:none;margin-bottom:0} .prayerTimes .main{padding: 12px;background:url(../Images/mosqueBg.jpg) no-repeat right center;background-size:cover} .prayerTimes.emsakya .main{background:url(../Images/mosqueBg1.jpg) no-repeat right center;background-size:cover} .prayerTimes .main .ttl{border-bottom:none;margin-bottom:24px} .prayerTimes .main .ttl h1{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:20px;color:#fff;display:block;line-height: 1.6} .prayerTimes .main .ttl h1:after{display:none} .prayerTimes .main .location{display:inline-block;width:100%;margin-bottom:40px} .prayerTimes .main .cityDate{float:right;display:inline-block;margin-left:24px;width:calc(100% - 324px)} .prayerTimes .main .cityDate .cityName{font-family: DroidKufiBold, Arial;font-size: 32px;color: #fff;direction: rtl;float:right} .prayerTimes .main .cityDate .cityName:after{content: "-";display: inline-block;float: left;margin: 0 15px;font-size: 36px;} .prayerTimes .main .cityDate .countryName{font-family: DroidKufiBold, Arial;font-size: 32px;color: #fff;direction: rtl;float:right} .prayerTimes .main .cityDate date{float:right;display:inline-block;width:100%;color:#fff;font-family:DroidKufiLight, Arial;font-size:16px;text-align:right;direction:rtl} .prayerTimes.emsakya .allTimes.activeColor .time{color:#1c87c9!important} /** Dropdown List **/ .prayerTimes .main .dropDownDiv{display:inline-block;float:left;width:300px;margin-bottom: 0;padding:0;background:none} .prayerTimes .main .wrapper-demo{display:inline-block;width:100%;margin-bottom:12px} .prayerTimes .main .wrapper-demo:last-child{margin-bottom:0} .prayerTimes .main .wrapperDropdown {position: relative;width: 100%;background:rgba(255, 255, 255, 0.3);cursor: pointer;padding:6px 12px;border:none;z-index: 1;text-align:right;direction:rtl;font-family:DroidKufiLight, Arial;font-size:16px;color:#fff;outline: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .prayerTimes .main .wrapper-demo:first-child .wrapperDropdown{z-index:2} .prayerTimes .main .icon-downArrow:before {content: "q";position: absolute;left: 12px;line-height:2.2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)} .prayerTimes .main .wrapperDropdown:after{display:none} .prayerTimes .main .wrapperDropdown .dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border-radius:0;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .prayerTimes .main .wrapperDropdown .dropdown li {padding: 0 10px ;} .prayerTimes .main .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #888;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .prayerTimes .main .wrapperDropdown .dropdown li:last-of-type a {border: none;} .prayerTimes .main .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .prayerTimes .main .wrapperDropdown .dropdown li:hover a {color: #1d1d1d;} .prayerTimes .main .wrapperDropdown.active {border-radius: 0;background: #eee;box-shadow: none;border-bottom: none;color: #1d1d1d} .prayerTimes .main .wrapperDropdown.active:after {border-color: #aaa transparent;} .prayerTimes .main .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;overflow: auto;} /** Countdown **/ .prayerTimes .mainTable{display:inline-block;width:100%} .prayerTimes .cntdwn{display:inline-block;width:240px;float:right;text-align: right;margin:0 0 0 36px} .prayerTimes .cntdwn p{display:inline-block;width:100%;color:#fff;font-family:DroidKufiLight, arial;font-size:18px;margin:0 0 12px;text-align:right;direction:rtl} .prayerTimes .cntdwn p:first-child{font-size:14px;margin-bottom:10px} .prayerTimes .cntdwn p:first-child span{margin:0 5px} .prayerTimes .cntdwn .timerDiv{display:inline-block;width:228px;height:50px;float: right;} .prayerTimes .cntdwn .timerDiv ul{display:inline-block;width:100%;margin:0 auto;direction:ltr} .prayerTimes .cntdwn .timerDiv ul li{float:left;width:60px;height:50px;text-align:center;color:#fff;font-family:Arial;font-size:32px;position:relative;background:rgba(255, 255, 255, 0.2);margin-right:24px;line-height:1.5} .prayerTimes .cntdwn .timerDiv ul li:last-child{margin-right:0} .prayerTimes .cntdwn .timerDiv ul li:nth-child(1):after, .prayerTimes .cntdwn .timerDiv ul li:nth-child(2):after{content: ":";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;display: block;font-size: 28px;position: absolute;top:3px;right:-16px} .prayerTimes .mainTable .prayersTable{float:right;width:calc(100% - 276px);} .prayerTimes .mainTable .prayersTable .title{display:inline-block;width:100%;float: right;} .prayerTimes .mainTable .prayersTable .title .name{float:right;width:calc(100% / 6);font-family:DroidKufiBold, Arial;font-size:14px;color:#1d1d1d;padding:8px 0;text-align:center} .prayerTimes .mainTable .prayersTable .title .name.active{color:#1c87c9} .prayerTimes .mainTable .prayersTable .title .name:nth-child(odd){background:#ebebeb} .prayerTimes .mainTable .prayersTable .title .name:nth-child(even){background:#f8f8f8} .prayerTimes .mainTable .prayersTable .allTimes{display:inline-block;width:100%;float: right;} .prayerTimes .mainTable .prayersTable .allTimes .time{float:right;width:calc(100% / 6);font-family:Arial;font-size:24px;color:#888;padding:16px 0;text-align:center;display:block} .prayerTimes .mainTable .prayersTable .allTimes .time span{display:block;font-size:14px;color:#1d1d1d;margin-top: 5px;font-family:DroidKufiLight, Arial;} .prayerTimes .mainTable .prayersTable .allTimes .time.active{color:#1c87c9} .prayerTimes .mainTable .prayersTable .allTimes .time.active span{color:#1c87c9} .prayerTimes .mainTable .prayersTable .allTimes .time:nth-child(odd){background:#f2f2f2} .prayerTimes .mainTable .prayersTable .allTimes .time:nth-child(even){background:#fff} /** All Month Table **/ .prayerTimesTable button{display:inline-block;width:280px;padding:5px 0;font-family:DroidKufiLight, Arial;font-size:16px;color:#fff;background:#1d1d1d;border:none;margin:0 calc((100% - 280px) / 2) 40px;float:right} .prayerTimesTable button:after{content:"عرض مواقيت الصلاة خلال شهر";display:block} .prayerTimesTable button.hide{background:#1c87c9} .prayerTimesTable button.hide:after{content:"إخفاء مواقيت الصلاة خلال شهر"} .prayerTimesTable button:hover{background:#1c87c9} .prayerTimes .monthTable{max-height:0;margin-bottom: 0;visibility:hidden;opacity:0;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s} .prayerTimes .monthTable.show{max-height:100%;visibility:visible;opacity:1;margin-bottom: 40px} .prayerTimes .monthTable .prayersTable{float:right;width:100%} .prayerTimes .monthTable .prayersTable .title{display:inline-block;width:100%;float: right;} .prayerTimes .monthTable .prayersTable .title .name{float:right;width:calc((100% - 220.1px) / 6);font-family:DroidKufiLight, Arial;font-size:16px;color:#fff;padding:8px 0;text-align:center;background:#1d1d1d} .prayerTimes .monthTable .prayersTable .title .name:first-child{width:220px} .prayerTimes .monthTable .prayersTable .allTimes{display:inline-block;width:100%;float: right;border-right: 1px solid #ddd;border-left: 1px solid #ddd;} .prayerTimes .monthTable .prayersTable .allTimes .time{float:right;width:calc((100% - 220px) / 6);font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;padding:8px 0;text-align:center;display:block} .prayerTimes .monthTable .prayersTable .allTimes .time:first-child{width:220px} .prayerTimes .monthTable .prayersTable .allTimes .time span{margin-left:5px} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(even) .time:first-child{background:#ebebeb} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(even) .time{background:#f2f2f2} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(odd) .time:first-child{background:#f2f2f2} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(odd) .time{background:#fff} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(2) .time:first-child{background:#ddd;color:#1c87c9} .prayerTimes .monthTable .prayersTable .allTimes:nth-child(2) .time{background:#e8e8e8;color:#1c87c9} .prayerTimes.emsakya .monthTable .prayersTable .allTimes:nth-child(2) .time{background:#f2f2f2;color:#1d1d1d} /********** Weather Page **********/ .weatherDiv .akhbarThemak {height: 552px;} .weatherDiv .weatherCnts{width: calc(100% - 324px);margin-left: 24px;padding:0;background:none;box-shadow:none;margin-bottom:0} .weatherDiv .main{padding: 12px;background:url(../Images/weatherBg.jpg) no-repeat right center;background-size:cover} .weatherDiv .main .ttl{border-bottom:none;margin-bottom:24px} .weatherDiv .ttl h1{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:20px;color:#fff;display:block;line-height: 1.6} .weatherDiv .ttl h1:after{display:none} .weatherDiv .innerListingContainer .ttl{border-bottom: 1px solid #51c8f0} .weatherDiv .innerListingContainer .ttl h2{color:#1d1d1d} .weatherDiv .innerListingContainer .ttl h2:after{display:block;background:#51c8f0} .weatherDiv .main .location{display:inline-block;width:100%;margin-bottom:24px} .weatherDiv .main .cityDate{float:right;display:inline-block;margin-left:24px;width: calc(100% - 324px)} .weatherDiv .main .cityDate .cityName{font-family: DroidKufiBold, Arial;font-size: 32px;color: #fff;direction: rtl;float:right} .weatherDiv .main .cityDate .cityName:after{content: "-";display: inline-block;float: left;margin: 0 15px;font-size: 36px;} .weatherDiv .main .cityDate .countryName{font-family: DroidKufiBold, Arial;font-size: 32px;color: #fff;direction: rtl;float:right} .weatherDiv .main .cityDate date{float:right;display:inline-block;width:100%;color:#fff;font-family:DroidKufiLight, Arial;font-size:16px;text-align:right;direction:rtl} /** Dropdown List **/ .weatherDiv .main .dropDownDiv{display:inline-block;float:left;width:300px;margin-bottom: 0;padding:0;background:none} .weatherDiv .main .wrapper-demo{display:inline-block;width:100%;margin-bottom:12px} .weatherDiv .main .wrapper-demo:last-child{margin-bottom:0} .weatherDiv .main .wrapperDropdown {position: relative;width: 100%;background:rgba(255, 255, 255, 0.3);cursor: pointer;padding:6px 12px;border:none;z-index: 1;text-align:right;direction:rtl;font-family:DroidKufiLight, Arial;font-size:16px;color:#fff;outline: none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .weatherDiv .main .wrapper-demo:first-child .wrapperDropdown{z-index:2} .weatherDiv .main .icon-downArrow:before {content: "q";position: absolute;left: 12px;line-height:2.2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)} .weatherDiv .main .wrapperDropdown:after{display:none} .weatherDiv .main .wrapperDropdown .dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border-radius:0;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .weatherDiv .main .wrapperDropdown .dropdown li {padding: 0 10px ;} .weatherDiv .main .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #888;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .weatherDiv .main .wrapperDropdown .dropdown li:last-of-type a {border: none;} .weatherDiv .main .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .weatherDiv .main .wrapperDropdown .dropdown li:hover a {color: #1d1d1d;} .weatherDiv .main .wrapperDropdown.active {border-radius: 0;background: #eee;box-shadow: none;border-bottom: none;color: #1d1d1d} .weatherDiv .main .wrapperDropdown.active:after {border-color: #aaa transparent;} .weatherDiv .main .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;overflow: auto;} /** Temp **/ /** Weather Icons **/ .weatherDiv .main .weatherIconCnts{float:right;width:110px;margin-left:48px} .weatherDiv .main .weatherIcon{width:110px;margin:0 calc((100% - 110px) / 2)} .weatherDiv .main .weatherIcon.sunny{background: url("../images/weatherSprite.png") 0 0 no-repeat;height:110px;margin-top:2px} .weatherDiv .main .weatherIcon.cloudy{background: url("../images/weatherSprite.png") 0px -130px no-repeat;height:86px;margin-top:14px} .weatherDiv .main .weatherIcon.partlycloudy{background: url("../images/weatherSprite.png") 0 -236px no-repeat;height:98px;margin-top:8px} .weatherDiv .main .weatherIcon.patchylightdrizzle{background: url("../images/weatherSprite.png") 0 -354px no-repeat;height:114px;margin-top:0} .weatherDiv .main .weatherIcon.lightdrizzle{background: url("../images/weatherSprite.png") 0 -488px no-repeat;height:90px;margin-top:12px} .weatherDiv .main .weatherIcon.lightsleetshowers{background: url("../images/weatherSprite.png") 0 -354px no-repeat;height:114px;margin-top:0} .weatherDiv .main .weatherIcon.lightrainshower{background: url("../images/weatherSprite.png") 0 -354px no-repeat;height:114px;margin-top:0} .weatherDiv .main .weatherIcon.patchylightrain{background: url("../images/weatherSprite.png") 0 -488px no-repeat;height:90px;margin-top:12px} .weatherDiv .main .weatherIcon.patchyrainnearby{background: url("../images/weatherSprite.png") 0 -354px no-repeat;height:114px;margin-top:0} .weatherDiv .temp{width:100%;display:inline-block;margin-bottom:24px} .weatherDiv .temp .icon-high{float:right;font-family:Arial;color:#fff;font-size:82px;position:relative;padding-right: 24px;margin-left:48px;margin-top:10px} .weatherDiv .temp .icon-high:before{content:"H";font-size:24px;position:absolute;top:0;right:0} .weatherDiv .temp .icon-low{float:right;font-family:Arial;color:#fff;font-size:60px;position:relative;padding-right: 18px;opacity:0.5;margin-top: 28px;} .weatherDiv .temp .icon-low:before{content:"H";font-size:18px;position:absolute;top:0;right:0} /** 5 Days Weather **/ .weatherDiv .weatherTable{float:right;width:100%} .weatherDiv .weatherTable .title{display:inline-block;width:100%;float: right;} .weatherDiv .weatherTable .title .name{float:right;width:calc((100% / 3) - 0.1px);font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;padding:8px 0;text-align:center} .weatherDiv .weatherTable .title .name.active{color:#1c87c9} .weatherDiv .weatherTable .title .name:nth-child(odd){background:#ebebeb} .weatherDiv .weatherTable .title .name:nth-child(even){background:#f8f8f8} .weatherDiv .weatherTable .allTimes{display:inline-block;width:100%;float: right;} .weatherDiv .weatherTable .allTimes .dayTemp{float:right;width:calc((100% / 3) - 0.1px);height: 190px;padding:16px 0;text-align:center;display:block} .weatherDiv .weatherTable .allTimes .dayTemp date{font-family:DroidKufiLight, Arial;color:#888;font-size:14px;margin-bottom:12px;display:inline-block} .weatherDiv .main .weatherDayIcon{width:58px} .weatherDiv .main .weatherDayIcon.sunny{background: url("../images/weatherSprite.png") 0 0 no-repeat;height:58px;margin:2px calc((100% - 58px) / 2) 22px;background-size:58px} .weatherDiv .main .weatherDayIcon.cloudy{background: url("../images/weatherSprite.png") 0px -68px no-repeat;height:46px;margin:8px calc((100% - 58px) / 2) 28px;background-size:58px} .weatherDiv .main .weatherDayIcon.partlycloudy{background: url("../images/weatherSprite.png") 0 -124px no-repeat;height:52px;margin:5px calc((100% - 58px) / 2) 25px;background-size:58px} .weatherDiv .main .weatherDayIcon.patchylightdrizzle{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px} .weatherDiv .main .weatherDayIcon.lightdrizzle{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px calc((100% - 58px) / 2) 27px;background-size:58px} .weatherDiv .main .weatherDayIcon.lightsleetshowers{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px} .weatherDiv .main .weatherDayIcon.lightrainshower{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px} .weatherDiv .main .weatherDayIcon.patchylightrain{background: url("../images/weatherSprite.png") 0 -256px no-repeat;height:48px;margin:7px calc((100% - 58px) / 2) 27px;background-size:58px} .weatherDiv .main .weatherDayIcon.patchyrainnearby{background: url("../images/weatherSprite.png") 0 -184px no-repeat;height:62px;margin:0 calc((100% - 58px) / 2) 20px;background-size:58px} .weatherDiv .main .weatherDayIcon.thunderstorms{background: url("../images/weatherSprite.png") 0px -68px no-repeat;height:46px;margin:8px calc((100% - 58px) / 2) 28px;background-size:58px} .weatherDiv .dayTempDtls{display:inline-block} .weatherDiv .dayTempDtls .icon-high{float:right;font-family:Arial;color:#1d1d1d;font-size:36px;position:relative;margin-left:24px;text-align:left} .weatherDiv .dayTempDtls .icon-high:before{content:"H";font-size:14px;position:absolute;top:-2px;right:-12px} .weatherDiv .dayTempDtls .icon-low{float:right;font-family:Arial;color:#888;font-size:30px;position:relative;margin-top: 6px;text-align:right} .weatherDiv .dayTempDtls .icon-low:before{content:"H";font-size:10px;position:absolute;top:-2px;right:-10px} .weatherDiv .weatherTable .allTimes .dayTemp:nth-child(odd){background:#f2f2f2} .weatherDiv .weatherTable .allTimes .dayTemp:nth-child(even){background:#fff} /********** Currency & Gold Page **********/ .currGoldDiv .akhbarThemak {height: 552px;} .currGoldDiv .currencyDiv{width: calc(100% - 324px);margin-left: 24px;padding:0;background:none;box-shadow:none;margin-bottom:0} .currGoldDiv .main{padding: 12px} .currGoldDiv .ttl{display:block;width:100%;height:40px;overflow:hidden;border-bottom:1px solid #f5c525;} .currGoldDiv .ttl h1{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:20px;color:#1d1d1d;display:block;line-height: 1.6} .currGoldDiv .ttl h3:after{background:#f5c525} /** Currency & Gold Table **/ /** Currency **/ .currGoldDiv .main h3{display:inline-block;width:100%;margin:24px 0;font-family:DroidKufiLight, arial;font-size:18px;color:#1d1d1d;text-align:right;direction:rtl} .currGoldDiv .main h3 span{color:#888;margin-right:5px} .currGoldDiv .currGoldTable{float:right;width:100%;border: 1px solid #ddd;} .currGoldDiv .currGoldTable .title{display:inline-block;width:100%;float: right;} .currGoldDiv .currGoldTable .title .name{float:right;width:calc(100% / 4);font-family:DroidKufiLight, Arial;font-size:16px;color:#fff;padding:8px 0;text-align:center;background:#1d1d1d} .currGoldDiv .currGoldTable .title .name:first-child{min-width:150px} .currGoldDiv .currGoldTable .currGoldDtls{display:inline-block;width:100%;float: right;height: 46px;overflow: hidden;} .currGoldDiv .currGoldTable .currGoldDtls .item{float:right;width:calc(100% / 4);font-family:DroidKufiLight, Arial;font-size:16px;line-height: 2.1;color:#1d1d1d;padding:8px 0;text-align:center;display:block} .currGoldDiv .currGoldTable .currGoldDtls .item:first-child{min-width:150px} .currGoldDiv .currGoldTable .currGoldDtls .item img{float:right;width:26px;height:26px;border-radius:50%;margin: 2px 10px 0;} .currGoldDiv .currGoldTable .currGoldDtls .item p{line-height:2.4;font-size:14px} .currGoldDiv .currGoldTable .currGoldDtls:nth-child(even) .item:first-child{background:#ebebeb} .currGoldDiv .currGoldTable .currGoldDtls:nth-child(even) .item{background:#f2f2f2} .currGoldDiv .currGoldTable .currGoldDtls:nth-child(odd) .item:first-child{background:#f2f2f2} .currGoldDiv .currGoldTable .currGoldDtls:nth-child(odd) .item{background:#fff} @media screen and (min-width:1024px) and (max-width:1162px){ .currGoldDiv .currGoldTable .title .name{width:calc((100% - 150px) / 3)} .currGoldDiv .currGoldTable .currGoldDtls .item{width:calc((100% - 150px) / 3)} } @media screen and (min-width:320px) and (max-width:638px){ .currGoldDiv .currGoldTable .title .name{width:calc((100% - 150px) / 3)} .currGoldDiv .currGoldTable .currGoldDtls .item{width:calc((100% - 150px) / 3)} } /** Gold **/ .currGoldDiv .goldDiv{width: calc(100% - 324px);margin-left: 24px;padding:0;background:none;box-shadow:none;margin-bottom:0} .currGoldDiv .goldDiv .currGoldTable .title .name{width:calc(100% / 2)} .currGoldDiv .goldDiv .currGoldTable .title .name:first-child{min-width:initial} .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item{width:calc(100% / 2)} .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:first-child{min-width:initial} .currGoldDiv .goldDiv .goldProvider{width:300px;display:inline-block;margin:24px calc((100% - 300px) / 2) 0} .currGoldDiv .goldDiv .goldProvider p{font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;text-align:center;cursor:default} .currGoldDiv .goldDiv .goldProvider p a{color:#888;cursor:pointer} .currGoldDiv .goldDiv .goldProvider a{display:inline-block;margin-top:12px} .currGoldDiv .goldDiv .goldProvider a img{border:none} /********** Contact Us **********/ .contactUsDiv .contactUsCnts{width: calc(100% - 324px);margin-left: 24px;padding:12px} .contactUsDiv .akhbarThemak {height: 552px;} /** Forms **/ .contactUsDiv .contactForms{background:none;box-shadow:none;border-bottom:1px solid #ddd;padding-bottom: 12px;margin-bottom: 0;} .contactUsDiv .contactForms h4{display:inline-block;width:100%;margin:24px 0 36px;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:8px 12px} .contactUsDiv .contactForms .forms{display:inline-block;width:100%;} .contactUsDiv .contactForms .forms .item{display:inline-block;width:100%;margin-bottom:24px;position:relative} .contactUsDiv .contactForms .forms .item .labelDiv{float:right;width:130px;line-height:2.8} .contactUsDiv .contactForms .forms .item .labelDiv label{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;direction:rtl;text-align:right;float:right} .contactUsDiv .contactForms .forms .item .labelDiv span{color:red;float:right;margin-right: 2px;line-height: 2;} .contactUsDiv .contactForms .forms .item .errorMsg{position:absolute;top:40px;right:156px;display:inline-block;font-family:DroidKufiLight, Arial;font-size:13px;color:red;direction:rtl;text-align:right;visibility:hidden} .contactUsDiv .contactForms .forms .item input, .contactUsDiv .contactForms .forms .item textarea{width:calc(100% - 130px)!important;height:40px!important;border:1px solid #ddd;float:right;outline:none;padding:8px 12px;font-family:DroidKufiLight, Arial;color:#888;font-size:14px} .contactUsDiv .contactForms .forms .item textarea{height:200px!important} .contactUsDiv .contactForms .forms .item .captcha{float:right;} .contactUsDiv .contactForms .forms input[type="submit"]{display:inline-block;width:300px;padding:5px 0;background:#e63b34;font-family:DroidKufiLight,Arial;font-size:16px;color:#fff;text-align:center;border:none;margin:0 calc((100% - 300px) / 2) 24px;cursor:pointer} .contactUsDiv .contactForms .forms .wrapper-demo{display:inline-block;width:calc(100% - 130px);float:right} .contactUsDiv .contactForms .forms .wrapperDropdown {width: 100%;height: 40px!important;border: 1px solid #ddd;float: right;outline: none;padding:5px 12px;font-family: DroidKufiLight, Arial;color: #888;font-size: 14px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .contactUsDiv .contactForms .forms .icon-downArrow:before {content: "q";position: absolute;left: 12px;line-height:2.2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)} .contactUsDiv .contactForms .forms .wrapperDropdown:after{display:none} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown {position: absolute;width: calc(100% + 2px);top: 100%;left: 0;right: -1px;background: #fff;border-radius:0;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li {padding: 0 10px ;} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #888;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li:last-of-type a {border: none;} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .contactUsDiv .contactForms .forms .wrapperDropdown .dropdown li:hover a {color: #1d1d1d;} .contactUsDiv .contactForms .forms .wrapperDropdown.active {border-radius: 0;background: #eee;box-shadow: none;border-bottom: none;color: #1d1d1d} .contactUsDiv .contactForms .forms .wrapperDropdown.active:after {border-color: #aaa transparent;} .contactUsDiv .contactForms .forms .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;overflow: auto;} /** Ads **/ .contactUsDiv .contactAds{background:none;box-shadow:none;margin-bottom: 0;} .contactUsDiv .contactAds h3{display:inline-block;width:100%;margin:24px 0;font-family:DroidKufiLight, arial;font-size:16px;color:#fff;text-align:right;direction:rtl;background:#1d1d1d;padding:8px 12px} .contactUsDiv .contactAds .ads{display:inline-block;width:100%;margin:0 0 12px} .contactUsDiv .contactAds .ads .item{display:inline-block;width:calc((100% - 24px) / 2);position:relative;margin:0 0 24px 24px;float:right} .contactUsDiv .contactAds .ads .item:nth-child(2n){margin-left:0} .contactUsDiv .contactAds .ads .item label{float:right;width:100%;font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;direction:rtl;text-align:right} .contactUsDiv .contactAds .ads .item p, .contactUsDiv .contactAds .ads .item a{float:right;width:100%;font-family:DroidKufiLight, Arial;font-size:14px;color:#888;direction:rtl;text-align:right} .contactUsDiv .contactAds .ads .item p{cursor:default} .contactUsDiv .contactAds .ads .item a{text-decoration:underline;color:#e63b34} .contactUsDiv .contactAds .ads .item.phone p{direction:ltr;} /** Map **/ #gmap_canvas{height:450px;width:100%;direction:ltr} #gmap_canvas img {max-width: none !important;background: none !important} #gmap_canvas strong{font-weight:bold} /********** Islameyat **********/ .prayerTimes.islameyat{display:inline-block;float:right;width:100%} /********** Zakah **********/ .zakahDiv .zakahCnts{width: calc(100% - 324px);margin-left: 24px;padding:24px} .zakahDiv .akhbarThemak {height: 552px;} /** Forms **/ .zakahDiv .zakahForms{background:none;box-shadow:none;padding-bottom: 12px;margin-bottom: 0;} .zakahDiv .zakahForms h3{display:inline-block;width:100%;margin:24px 0 36px;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:8px 12px} .zakahDiv .zakahForms h4{display:inline-block;width:100%;margin:0;font-family:DroidKufiLight, arial;font-size:16px;color:#fff;text-align:right;direction:rtl;background:#1d1d1d;padding:8px 12px} .zakahDiv .zakahForms .forms{display:inline-block;width:100%;} .zakahDiv .zakahForms .forms .item{display:inline-block;width:100%;margin-bottom:36px;position:relative} .zakahDiv .zakahForms .forms .item .formItem{display: inline-block;width: 100%;margin-bottom: 36px;position: relative;background: #f2f2f2;padding: 12px;} .zakahDiv .zakahForms .forms .item .formItem:last-child{margin-bottom:0} .zakahDiv .zakahForms .forms .item .top{display:inline-block;width:100%;margin-bottom:12px;position:relative} .zakahDiv .zakahForms .forms .item .labelDiv{float:right;width:100%} .zakahDiv .zakahForms .forms .item .labelDiv label{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;direction:rtl;text-align:right;float:right} .zakahDiv .zakahForms .forms .item .labelDiv span{color:red;float:right;margin-right: 2px;line-height: 1.5;} .zakahDiv .zakahForms .forms .item .errorMsg{position:absolute;top:40px;right:156px;display:inline-block;font-family:DroidKufiLight, Arial;font-size:13px;color:red;direction:rtl;text-align:right;visibility:hidden} .zakahDiv .zakahForms .forms .item input, .zakahDiv .zakahForms .forms .item textarea{width:100%!important;height:40px!important;border:1px solid #ddd;float:right;outline:none;padding:12px;font-family:DroidKufiLight, Arial;color:#888;font-size:14px} .zakahDiv .zakahForms .forms .item textarea{height:200px!important} .zakahDiv .zakahForms .forms .item .captcha{float:right;} .zakahDiv .zakahForms .forms .calculate{display:inline-block;width:300px;padding:5px 0;background:#1c87c9;font-family:DroidKufiLight,Arial;font-size:16px;color:#fff;text-align:center;border:none;margin:0 calc((100% - 300px) / 2);cursor:pointer} .zakahDiv .zakahForms .forms .wrapper-demo{display:inline-block;width:calc(100% - 156px);float:right} .zakahDiv .zakahForms .forms .wrapperDropdown {width: 100%;height: 40px!important;border: 1px solid #ddd;float: right;outline: none;padding:5px 12px;font-family: DroidKufiLight, Arial;color: #888;font-size: 14px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} .zakahDiv .zakahForms .forms .icon-downArrow:before {content: "q";position: absolute;left: 12px;line-height:2.2;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg)} .zakahDiv .zakahForms .forms .wrapperDropdown:after{display:none} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown {position: absolute;width: calc(100% + 2px);top: 100%;left: 0;right: -1px;background: #fff;border-radius:0;border: 1px solid rgba(0,0,0,0.2);border-top: none;border-bottom: none;list-style: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;max-height: 0;overflow: hidden;} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li {padding: 0 10px ;} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li a {display: block;text-decoration: none;color: #888;padding: 10px 0;transition: all 0.3s ease-out;border-bottom: 1px solid #e6e8ea;} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li:last-of-type a {border: none;} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li i {margin-right: 5px;color: inherit;vertical-align: middle;} .zakahDiv .zakahForms .forms .wrapperDropdown .dropdown li:hover a {color: #1d1d1d;} .zakahDiv .zakahForms .forms .wrapperDropdown.active {border-radius: 0;background: #eee;box-shadow: none;border-bottom: none;color: #1d1d1d} .zakahDiv .zakahForms .forms .wrapperDropdown.active:after {border-color: #aaa transparent;} .zakahDiv .zakahForms .forms .wrapperDropdown.active .dropdown {border-bottom: 1px solid rgba(0,0,0,0.2);max-height: 400px;overflow: auto;} .zakahDiv .zakahForms .popupSetting{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .zakahDiv .zakahForms .popupSetting.is-visible{opacity: 1;visibility: visible;z-index:9;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .zakahDiv .zakahForms .cd-popup-container {position: relative;padding:24px;width:700px;height:430px;margin: 120px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .zakahDiv .zakahForms .cd-popup-container h2{display:inline-block;width:100%;font-family:DroidKufiBold, Arial;font-size:22px;color:#1d1d1d;margin-bottom:24px;padding:0} .zakahDiv .zakahForms .cd-popup-container h2:after{display:none} .zakahDiv .zakahForms .cd-popup-container .labelDiv{display:inline-block;width:100%;float:right;margin: 24px 0;} .zakahDiv .zakahForms .cd-popup-container .labelDiv label{font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;direction:rtl;text-align:right;float:right;width:200px;line-height:2.6} .zakahDiv .zakahForms .cd-popup-container #txtGoldPriceValidation{font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;direction:rtl;text-align:right;float:right;line-height:2.6} .zakahDiv .zakahForms .cd-popup-container #lblres{font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;direction:rtl;text-align:right;float:right;line-height:2.6} .zakahDiv .zakahForms .cd-popup-container .labelDiv p{font-family:Arial;font-size:32px;color:#1c87c9;float:right} .zakahDiv .zakahForms .cd-popup-container .labelDiv span{font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;margin-right:5px;font-weight:normal} .zakahDiv .zakahForms .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .zakahDiv .zakahForms .cd-popup-container .cd-popup-close::before, .zakahDiv .zakahForms .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity:0.2;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .zakahDiv .zakahForms .cd-popup-container .cd-popup-close:hover::before, .zakahDiv .zakahForms .cd-popup-container .cd-popup-close:hover::after {opacity:1} .zakahDiv .zakahForms .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .zakahDiv .zakahForms .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .zakahDiv .zakahForms .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} body.popupOverlay{position:fixed} /********** News Pointer **********/ .newsPointerDiv .newsPointer{width: calc(100% - 324px);margin-left: 24px;padding:12px;height:auto} .newsPointerDiv .akhbarThemak {height: 552px;} /********** Masrawy Services **********/ .masrawyServicesDiv .akhbarThemak {height: 552px;} .masrawyServicesDiv .ttl {border-bottom: 1px solid #e2192c;} .masrawyServicesDiv .ttl h3:after{background:#e2192c} .masrawyServicesDiv .services{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto} .masrawyServicesDiv .services h3{display:inline-block;width:100%;margin:24px 0;font-family:DroidKufiLight, arial;font-size:18px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:12px 24px} .masrawyServicesDiv .services .servicesCnts{display:inline-block;width:100%} .masrawyServicesDiv .services .servicesCnts .item{float:right;min-width:300px;width:calc((100% - 24px) / 2);margin:0 0 24px 24px;border:1px solid #ddd;text-align:center;padding:24px} .masrawyServicesDiv .services .servicesCnts .item:nth-child(2n){margin-left:0} .masrawyServicesDiv .services .servicesCnts .item img{margin-bottom:24px;border:none} .masrawyServicesDiv .services .servicesCnts .item h4{font-family:Arial;font-size:36px;color:#1d1d1d;display:inline-block;width:100%;text-align:center;text-transform:uppercase;font-weight: bold;letter-spacing: -2px;} .masrawyServicesDiv .services .servicesCnts .item h5{display:inline-block;width:100%;margin:24px 0;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:center;direction:rtl;background:#f2f2f2;padding:5px 0} .masrawyServicesDiv .services .servicesCnts .item p{display:inline-block;width:100%;color:#1d1d1d;font-family:DroidKufiLight, arial;font-size:14px;text-align:right;direction:rtl;height:80px} .masrawyServicesDiv .services .servicesCnts .item button{width:100%;padding:5px 0;background:#1d1d1d;font-family:DroidKufiLight,Arial;font-size:18px;color:#fff;text-align:center;border:none;margin:24px 0 0} .masrawyServicesDiv .services .servicesCnts .item.bulk{border:1px solid #ef7d46} .masrawyServicesDiv .services .servicesCnts .item.bulk button{background:#ef7d46} .masrawyServicesDiv .services .servicesCnts .item.bulk button:hover{background:#d86c38} .masrawyServicesDiv .services .servicesCnts .item.jm{border:1px solid #85c34a} .masrawyServicesDiv .services .servicesCnts .item.jm button{background:#85c34a} .masrawyServicesDiv .services .servicesCnts .item.jm button:hover{background:#6daa33} .masrawyServicesDiv .services .servicesCnts .item.vas{border:1px solid #7e5ae2} .masrawyServicesDiv .services .servicesCnts .item.vas button{background:#7e5ae2} .masrawyServicesDiv .services .servicesCnts .item.vas button:hover{background:#6642c9} .masrawyServicesDiv .services .servicesCnts .item.bulk img{margin:2px 0 25px} .masrawyServicesDiv .services .servicesCnts .item.jumia img{margin:13px 0 36px} .masrawyServicesDiv .services .servicesCnts .item.mob img{margin:2px 0 26px} @media screen and (min-width:1359px) and (max-width:1571px){ .masrawyServicesDiv .services .servicesCnts .item p{height:108px} } @media screen and (min-width:1237px) and (max-width:1358px){ .masrawyServicesDiv .services .servicesCnts .item p{height:135px} } @media screen and (min-width:1185px) and (max-width:1237px){ .masrawyServicesDiv .services .servicesCnts .item p{height:162px} } @media screen and (min-width:1024px) and (max-width:1184px){ .masrawyServicesDiv .services .servicesCnts .item{min-width:300px;width:100%;margin:0 0 24px 0} .masrawyServicesDiv .services .servicesCnts .item p{height:auto} } /********** Poll Listing **********/ .pollListingDiv .akhbarThemak {height: 552px;} .pollListingDiv .pollListing{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto;min-height: 830px;} .pollListingDiv .pollListing .allItems {display:inline-block;width:100%;padding: 12px 0;} .pollListingDiv .pollListing .allItems ul {display: inline-block;width: 100%;} .pollListingDiv .pollListing .allItems ul li {display: inline-block;width: 100%;border-bottom: 1px solid #eee;padding: 12px 0;} .pollListingDiv .pollListing .allItems ul li p{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;margin-bottom:12px} .pollListingDiv .pollListing .allItems ul li .allButtons{display:inline-block;width:100%} .pollListingDiv .pollListing .allItems ul li .allButtons button{float:right;margin-left:5px;width:100px;height:30px;background:#1d1d1d;font-family:DroidKufiLight, Arial;text-align:center;font-size:14px;color:#fff} .pollListingDiv .pollListing .allItems ul li .allButtons button:last-child{margin-left:0} .pollListingDiv .pollListing .allItems ul li .allButtons button.results{background:#1d1d1d} .pollListingDiv .pollListing .allItems ul li .allButtons button.choices{background:#e63b34} .pollListingDiv .pollListing .allItems ul li .allButtons button.fb{background:#3d5698;width:30px} .pollListingDiv .pollListing .allItems ul li .allButtons button.icon-fb:before{content:"u";font-size:20px;line-height:1.6} .pollListingDiv .pollListing .allItems ul li .allButtons button.tw{background:#219ff3;width:30px} .pollListingDiv .pollListing .allItems ul li .allButtons button.icon-tw:before{content:"v";font-size:20px;line-height:1.5} /********** Policy **********/ .policyDiv .akhbarThemak {height: 552px;} .policyDiv .policy{width: calc(100% - 324px);margin-left: 24px;padding:12px;height:auto;min-height: 830px;} .policyDiv .policy .policyDtls{display:inline-block;width:100%;padding:24px 0} .policyDiv .policy .policyDtls .item{display:inline-block;width:100%;margin-bottom:24px} .policyDiv .policy .policyDtls .item:last-child{margin-bottom:0} .policyDiv .policy .policyDtls ul{display:inline-block;width:100%;padding-right:36px} .policyDiv .policy .policyDtls p, .policyDiv .policy .policyDtls li, .policyDiv .policy .policyDtls a{display:inline-block;width:100%;font-family:DroidKufiLight,Arial;font-size:14px;color:#1d1d1d;text-align:right;direction:rtl;margin:6px 0;cursor:default} .policyDiv .policy .policyDtls li{list-style-type: square;display:list-item;margin: 24px 0;} .policyDiv .policy .policyDtls a{color:#e63b34;text-decoration: underline;cursor:pointer} .policyDiv .policy .policyDtls p.head{font-family:DroidKufiBold,Arial;font-size:16px;margin:0} .policyDiv .policy .policyDtls p.point{font-family:DroidKufiBold,Arial;font-size:14px;margin:12px 0 0} .policyDiv .policy .policyDtls p strong{font-family:DroidKufiBold,Arial;font-size:13px} /********** Media **********/ .content .mainMedia section{background:#1d1d1d} .content .mainMedia .featuredArea li{border:1px solid #333} .content .mainMedia .ttl{border-bottom:none} .content .mainMedia .ttl h2{color:#fff} .content .mainMedia .ttl h2 a{color:#fff} .content .mainMedia .ttl h2:after{background:#fff} .content .mainMedia .catPattern01 .allItems{padding:5px 0 0} .content .mainMedia .catPattern01 ul li a img{border:1px solid #333} /********** Loader **********/ .loader{display:inline-block;width:60px;margin:24px calc((100% - 60px) / 2);} .loader img{border:none;height:auto} .loader.grey{height:206px;position:relative} .loader.grey img{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px} /*.articleLoader{display:inline-block;width:calc(100% - 324px)!important;float:right}*/ /** VAS Page **/ /** Masrawy Partners Contents **/ .vasPage {margin: 0!important;position:relative;background:none;box-shadow:none;padding: 6px;} .vasPage h1{text-align: center;padding: 10px 0 30px;font-size: 20px;color: #5b5b5b;font-family:DroidKufiLight, arial;} .vasPage h1 span{font-size: 24px;color: #e63b34;display:block;margin-top:5px;font-family:DroidKufiBold, arial;} .vasPage .price{display: block;background: #fff;padding: 10px;margin-bottom: 20px;border: 1px solid #ddd} .vasPage .price h3{font-family:DroidKufiLight, arial;font-size:14px;color:#1d1d1d;direction:rtl} .vasPage .price p {font-family: DroidKufiLight, arial;font-size: 12px;color: #1d1d1d;direction: rtl;line-height: 1.5;list-style-type: disc;} .vasPage .price p span{font-weight:bold} .vasPage .price p .vod{color:#ed1c24;font-family:DroidKufiLight, arial;font-weight:normal} .vasPage .price p .mob{color:#f6810f;font-family:DroidKufiLight, arial;font-weight:normal} .vasPage .price p .its{color:#719a11;font-family:DroidKufiLight, arial;font-weight:normal} .vasCnts{width:100%;margin-bottom:20px;background: none;border: none;box-shadow: none;} .vasCnts .vas{width:calc((100% - 40px) / 3);min-width:320px;float:right;overflow:hidden;margin-left:20px;background: #fff;margin-bottom: 20px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;text-align: center;position:relative} .vasCnts .vas:nth-child(3n) {margin-left:0;} .vasCnts .vas h1{width:100%;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:DroidKufiBold, arial;font-size:24px;color:#333} .vasCnts .vas .vasIcon{height:90px} .vasCnts .vas .vasIcon.icon-news:before{content:"g";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-woman:before{content:"~";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-horo:before{content:"%";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-arts:before{content:"X";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-jokes:before{content:"&";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-islameyat:before{content:"T";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-chris:before{content:"#";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-masTv:before{content:"|";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-tech:before{content:"0";font-size:74px;color:#1d1d1d;line-height:1.2} .vasCnts .vas .vasIcon.icon-mobawaba:before{content:"@";font-size:110px;color:#1d1d1d;line-height:0.6} .vasCnts .vas .mobNumCntnr{width:300px;height:42px;margin:0 calc((100% - 300px) / 2) 40px;border:1px solid #ddd} .vasCnts .vas .mobNumCntnr iframe{height:60px} .vasCnts .vas h2{padding:0 10px;margin:10px 0 24px;height:62px;overflow:hidden;font-family:DroidKufiLight, arial;font-size:16px;text-align:center} .vasCnts .vas .details{display:inline-block;padding:10px;float: right;width: 300px;} .vasCnts .vas .details .vod{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .vod h3{font-family:DroidKufiLight, arial;font-size:12px;color:#ed1c24;direction:rtl} .vasCnts .vas .details .vod li span{font-family:arial;color:#ed1c24} .vasCnts .vas .details .mob{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .mob h3{font-family:DroidKufiLight, arial;font-size:12px;color:#f6810f;direction:rtl} .vasCnts .vas .details .mob li span{color:#f6810f} .vasCnts .vas .details .its{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .its h3{font-family:DroidKufiLight, arial;font-size:12px;color:#719a11;direction:rtl} .vasCnts .vas .details .its li span{font-family:arial;color:#719a11} .vasCnts .vas .details ul {padding-right: 15px;display: inline-block;float: right;width: 260px;} .vasCnts .vas .details li {font-family: DroidKufiLight, arial;font-size: 12px;color: #333;direction: rtl;line-height: 1.5;list-style-type: disc;cursor:text} .vasCnts .vas p{font-family:DroidKufiLight, arial;font-size:14px;color:#868686;direction:rtl;text-align:center;height:120px} .vasCnts .vas .vasLnk{width:200px;display:inline-block;text-align:center;margin-bottom:20px} .vasCnts .vas .vasBtn{text-align: center;background: #eee;padding: 6px 0;cursor:pointer;width:200px;font-family:DroidKufiLight, arial;font-size: 14px;color: #1d1d1d;display: inline-block;transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;} .vasCnts .vas .vasBtn:hover{background-color: #ccc} .vasCnts .vas .oprtrHnt{font-size:12px;color:#333;height:auto;position:absolute;right:18px;bottom:2px} .vasCnts .vas p .vod{color:#ed1c24} .vasCnts .vas p .mob{color:#f6810f} .vasCnts .vas p .its{color:#719a11} /** Mobile Box **/ .vasCnts #usermobile {background-color: #fff;padding: 10px 0;} /** Vas Page color **/ .vasCnts .news{border-top:3px solid #e63b34} .vasCnts .arts{border-top:3px solid #fbaa19} .vasCnts .woman{border-top:3px solid #7b1fa2} .vasCnts .jokes{border-top:3px solid #8dba21} .vasCnts .islamic{border-top:3px solid #1c87c9} .vasCnts .chris{border-top:3px solid #955119} .vasCnts .masTv{border-top:3px solid #e63b34} .vasCnts .horo{border-top:3px solid #f1a71d} .vasCnts .mbwba{border-top:3px solid #36a0d2} .vasCnts .mtv{border-top:3px solid #a42709} .vasCnts .tech{border-top:3px solid #1862a8} .vasCnts .weird{border-top:3px solid #2e3094} .vasCnts .economy{border-top:3px solid #289e54} .vasCnts .fabreka{border-top:3px solid #c31717} /** VAS Details Drop Down **/ .vas > div > .details {background: #fff;border:1px solid #ddd;width: 100%;max-height: 0;position: absolute;left:50%;margin-left:-150px;bottom:20px;z-index: 999;visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;} .vas > div:hover > .details {z-index: 9999;box-shadow: 0px 0px 5px 0px #ddd;visibility: visible;opacity: 1;transition-delay: 0s;max-height: 100%;} /****************************** ADS ******************************/ /********** Showcase **********/ .showcaseDiv{display:inline-block;width:300px;float:left;height:auto;margin-bottom:12px;overflow:hidden;box-shadow:none;min-width:300px;min-height:250px} .showcaseDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px!important;width:300px;height:16px;line-height: 1.6;cursor:default} .showcaseDiv .showcase{background:#ddd;width:300px;height:auto;display:flex;min-height:250px} .showcaseDiv .showcase > div{float:right;display:flex} .showcaseDiv .showcase.sc1{background:#fff} .showcaseDiv .geminiSC1Ad{display:none!important} .showcaseDiv .geminiSC1Ad.showSC1{display:flex!important} .showcaseDiv .geminiSC2Ad{display:none!important} .showcaseDiv .geminiSC2Ad.showSC2{display:flex!important} .showcaseDiv .geminiSC3Ad{display:none!important} .showcaseDiv .geminiSC3Ad.showSC3{display:flex!important} .showcaseDiv .geminiSC4Ad{display:none!important} .showcaseDiv .geminiSC4Ad.showSC4{display:flex!important} .showcaseDiv .geminiSC5Ad{display:none!important} .showcaseDiv .geminiSC5Ad.showSC5{display:flex!important} .showcaseDiv .geminiSC6Ad{display:none!important} .showcaseDiv .geminiSC6Ad.showSC6{display:flex!important} .showcaseDiv .geminiSC7Ad{display:none!important} .showcaseDiv .geminiSC7Ad.showSC7{display:flex!important} .showcaseDiv .geminiSC8Ad{display:none!important} .showcaseDiv .geminiSC8Ad.showSC8{display:flex!important} .showcaseDiv .geminiSC9Ad{display:none!important} .showcaseDiv .geminiSC9Ad.showSC9{display:flex!important} .showcaseDiv .geminiSC10Ad{display:none!important} .showcaseDiv .geminiSC10Ad.showSC10{display:flex!important} .showcaseDiv .geminiSCIGAd{display:none!important} .showcaseDiv .geminiSCIGAd.showSCIG{display:flex!important} .showcaseDiv img{border:none!important} .showcaseDiv .geminiSC1Ad .hcSlider{display:none} .showcaseDiv .geminiSC1Ad.showSC1 .hcSlider{display:inline-block} .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper, .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} /** second showcase **/ .showcaseDiv .geminiSC2Ad .hcSlider{display:none} .showcaseDiv .geminiSC2Ad.showSC2 .hcSlider{display:inline-block} .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper, .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC3Ad .hcSlider{display:none} .showcaseDiv .geminiSC3Ad.showSC3 .hcSlider{display:inline-block} .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper, .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC4Ad .hcSlider{display:none} .showcaseDiv .geminiSC4Ad.showSC4 .hcSlider{display:inline-block} .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper, .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC5Ad .hcSlider{display:none} .showcaseDiv .geminiSC5Ad.showSC5 .hcSlider{display:inline-block} .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper, .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC6Ad .hcSlider{display:none} .showcaseDiv .geminiSC6Ad.showSC6 .hcSlider{display:inline-block} .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper, .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC7Ad .hcSlider{display:none} .showcaseDiv .geminiSC7Ad.showSC7 .hcSlider{display:inline-block} .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper, .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC8Ad .hcSlider{display:none} .showcaseDiv .geminiSC8Ad.showSC8 .hcSlider{display:inline-block} .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper, .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC9Ad .hcSlider{display:none} .showcaseDiv .geminiSC9Ad.showSC9 .hcSlider{display:inline-block} .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper, .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} .showcaseDiv .geminiSC10Ad .hcSlider{display:none} .showcaseDiv .geminiSC10Ad.showSC10 .hcSlider{display:inline-block} .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper, .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:250px!important} .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport .showcaseHCSlider li a img{max-width:300px!important} /*.showcaseDiv .geminiSC1Ad .monsterImage{display:none} .showcaseDiv .geminiSC1Ad.monsterCntnr .monsterImage{display:block} .showcaseDiv .geminiSC1Ad.monsterCntnr .scImage{display:none}*/ /********** ASYNC OTP **********/ /** Desktop **/ .showOTP .showcaseDiv{overflow:visible;height:266px;background:#fff} .showOTP .showcaseDiv .showcase.sc1{position:absolute;left:0;width: 100%;background: none;} .showOTP .showcaseDiv .sc1 iframe{width: 100%;height: 400px;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;margin-left: 0;overflow: visible;position: fixed;top: 130px;visibility: visible;z-index: 9999;} .hideOTP .showcaseDiv .sc1 iframe{width:300px;height:250px!important;position:relative!important;top:0;left: 0;margin: 0!important;} .hideOTP .showcaseDiv .showcase.sc1{width:300px;left:auto} .showOTP .showcaseDiv .geminiSC1Ad.showSC1 {display:none!important} .adAsync div[style]{width:auto!important;height:auto!important} /********** ASYNC OVERLAY **********/ /** Desktop **/ .showOverlay .showcaseDiv{overflow:visible;height:266px;background:#fff} .showOverlay .showcaseDiv .showcase.sc1{position:absolute;left:0;width: 100%;background: none;} .showOverlay .showcaseDiv .sc1 iframe{width: 100%;height: calc(100% - 50px);display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;margin-left: 0;overflow: visible;position: fixed;top: 50px;visibility: visible;z-index: 9999;} .hideOverlay .showcaseDiv .sc1 iframe{width:300px;height:250px!important;position:relative!important;top:0;left: 0;margin: 0!important;} .hideOverlay .showcaseDiv .showcase.sc1{width:300px;left:auto} .showOverlay .showcaseDiv .geminiSC1Ad.showSC1 {display:none!important} .showOverlay .sponsorAsync{display:none} .hideOverlay .sponsorAsync{display:block} /********** ASYNC Expandable Showcase **********/ /** Same ratio **/ .ExpandSCMain .showcaseDiv{overflow:visible;height:272px;background:#fff} .ExpandSCMain .showcaseDiv .showcase.sc1{position:absolute;left:0;width: 100%;background: none;} .ExpandSCMain .showcaseDiv iframe{width: 300px;height:250px;display: inline-block;float: right;border: 0;left: 3px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandSCMain.showExpand .showcaseDiv iframe{width:624px;height:520px} .ExpandSCMain .showcaseDiv .geminiSC1Ad.showSC1 {display:none!important} /** Same ratio **/ .ExpandSCWide .showcaseDiv{overflow:visible;height:272px;background:#fff} .ExpandSCWide .showcaseDiv .showcase.sc1{position:absolute;left:0;width: 100%;background: none;} .ExpandSCWide .showcaseDiv iframe{width: 300px;height:250px;display: inline-block;float: right;border: 0;left: 3px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandSCWide.showExpand .showcaseDiv iframe{width:800px;height:250px} .ExpandSCWide .showcaseDiv .geminiSC1Ad.showSC1 {display:none!important} /** Expandable Leaderboard **/ .ExpandLB .leaderboardDiv{overflow: visible;width: 728px;margin: 0 calc((100% - 728px) / 2) 20px;height: 106px;background: 0 0;} .ExpandLB .leaderboardDiv .leaderboard.lb1{position:relative;left:0;width: 100%;background: none;height:90px} .ExpandLB .leaderboardDiv iframe{width: 728px;height:90px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandLB.showExpand .leaderboardDiv iframe{width:728px;height:315px;z-index:99999} .ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 {display:none!important} .ExpandLB .billboardDiv{overflow: visible;width: 728px;margin: 0 calc((100% - 728px) / 2) 20px;height: 106px;background: 0 0;} .ExpandLB .billboardDiv .billboard.bb1{position:relative;left:0;width: 100%;background: none;height:90px} .ExpandLB .billboardDiv iframe{width: 728px;height:90px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandLB.showExpand .billboardDiv iframe{width:728px;height:315px} .ExpandLB .billboardDiv .geminiLB1Ad.showBB1 {display:none!important} /********** Billboard **********/ /*.billboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/ .billboardDiv{display: inline-block;width: 100%;float: right;text-align: center;background:none;box-shadow:none} .billboardDiv .billboardCnts{display:inline-block;width:auto;height:auto;overflow:hidden;overflow:hidden;box-shadow:none;float:none;min-width:728px} .billboardDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px!important;width:auto;height:16px;line-height: 1.6;cursor:default} .billboardDiv .billboard{background:#ddd;width:auto;height:auto;display:flex} .billboardDiv .billboard > div{float:right;display:flex} .billboardDiv .geminiBB1Ad{display:none!important} .billboardDiv .geminiBB1Ad.showBB1{display:flex!important} .billboardDiv img{border:none!important} .billboardDiv .geminiBB1Ad .hcSlider{display:none} .billboardDiv .geminiBB1Ad.showBB1 .hcSlider{display:inline-block} .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .content .mainMedia .billboardDiv, .content .mainMedia .leaderboardDiv{background:none} /********** Monster **********/ .monsterDiv{display:inline-block;width:300px;height:616px;overflow:hidden;overflow:hidden;box-shadow:none;margin-left:24px;min-width:300px} .monsterDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px!important;width:300px;height:16px;line-height: 1.6;cursor:default} .monsterDiv .monster{background:#ddd;width:300px;height:auto;display:flex} .monsterDiv .geminiMonsterAd{display:none!important} .monsterDiv .geminiMonsterAd.showMonster{display:flex!important} .monsterDiv img{border:none!important} .monsterDiv .geminiMonsterAd .hcSlider{display:none} .monsterDiv .geminiMonsterAd.showMonster .hcSlider{display:inline-block} .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper, .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport{display:inline-block;width:300px;height:600px!important} .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a img{max-width:300px!important} /********** Leaderboard **********/ /*.leaderboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/ .leaderboardDiv{display: inline-block;width: 100%;float: right;text-align: center;background:none;box-shadow:none} .leaderboardDiv .leaderboardCnts{display:inline-block;width:auto;height:auto;overflow:hidden;overflow:hidden;box-shadow:none;float:none;min-width:728px} .leaderboardDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px!important;width:auto;height:16px;line-height: 1.6;cursor:default} .leaderboardDiv .leaderboard{background:#ddd;width:auto;height:auto;display:flex} .leaderboardDiv .leaderboard iframe{width:100%} .leaderboardDiv .leaderboard > div{float:right;display:flex} .leaderboardDiv .geminiLB2Ad{display:none!important} .leaderboardDiv .geminiLB2Ad.showLB2{display:flex!important} .leaderboardDiv .geminiLB3Ad{display:none!important} .leaderboardDiv .geminiLB3Ad.showLB3{display:flex!important} .leaderboardDiv .geminiLB4Ad{display:none!important} .leaderboardDiv .geminiLB4Ad.showLB4{display:flex!important} .leaderboardDiv .geminiLB5Ad{display:none!important} .leaderboardDiv .geminiLB5Ad.showLB5{display:flex!important} .leaderboardDiv .geminiLB6Ad{display:none!important} .leaderboardDiv .geminiLB6Ad.showLB6{display:flex!important} .leaderboardDiv .geminiLB7Ad{display:none!important} .leaderboardDiv .geminiLB7Ad.showLB7{display:flex!important} .leaderboardDiv .geminiLB8Ad{display:none!important} .leaderboardDiv .geminiLB8Ad.showLB8{display:flex!important} .leaderboardDiv .geminiLB9Ad{display:none!important} .leaderboardDiv .geminiLB9Ad.showLB9{display:flex!important} .leaderboardDiv .geminiLB10Ad{display:none!important} .leaderboardDiv .geminiLB10Ad.showLB10{display:flex!important} .leaderboardDiv img{border:none!important} .leaderboardDiv .geminiLB1Ad .hcSlider{display:none} .leaderboardDiv .geminiLB1Ad.showLB1 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB2Ad .hcSlider{display:none} .leaderboardDiv .geminiLB2Ad.showLB2 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB3Ad .hcSlider{display:none} .leaderboardDiv .geminiLB3Ad.showLB3 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB4Ad .hcSlider{display:none} .leaderboardDiv .geminiLB4Ad.showLB4 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB5Ad .hcSlider{display:none} .leaderboardDiv .geminiLB5Ad.showLB5 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB6Ad .hcSlider{display:none} .leaderboardDiv .geminiLB6Ad.showLB6 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB7Ad .hcSlider{display:none} .leaderboardDiv .geminiLB7Ad.showLB7 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB8Ad .hcSlider{display:none} .leaderboardDiv .geminiLB8Ad.showLB8 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB9Ad .hcSlider{display:none} .leaderboardDiv .geminiLB9Ad.showLB9 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .leaderboardDiv .geminiLB10Ad .hcSlider{display:none} .leaderboardDiv .geminiLB10Ad.showLB10 .hcSlider{display:inline-block} .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport{display:inline-block;width:728px;height:90px!important} .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:728px!important} .hcSlider ul, .hcSlider li{width:100%!important;margin:0!important;height:100%!important} .hcSlider li{width:100%!important;background:none!important;border:none!important} /********** Interscroller **********/ /*.interscrollerIframe, article .details .interscrollerIframe{display:none;margin:0;height:auto;width:100%;} .interscrollerShow .interscrollerIframe, .interscrollerShow article .details .interscrollerIframe{display:block}*/ #InterScroller{position:relative;z-index:1} .interscrollerShow .interScrollerAsync, .interscrollerShow article .details .interScrollerAsync{display: inline-block;position: relative;float: left;width: 100%;margin-bottom: 20px;margin-top:16px} .interScrollerAsync, article .details .interScrollerAsync{display:none} .interScrollerAsync > div, article .details .interScrollerAsync > div{width:100%!important} .isAdTtl, article .details .isAdTtl {font-family: droidLight,arial;text-align: center!important;color: #b9b9b9!important;background: #000;font-size: 11px!important;width: 100%;position:absolute;z-index:2;height: 16px;right:calc(((100% - 85%) / 2) + 26px);line-height: 1.5;cursor: default;margin: 0!important;display:inline-block;float:right; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .isAdTtl.first, article .details .isAdTtl.first{top:0;right:0!important;z-index:3} .isAdTtl.spareLast, article .details .isAdTtl.spareLast{bottom:0;position:fixed;display:none} .showAdttl .isAdTtl.spareLast, article .details .showAdttl .isAdTtl.spareLast{display:inline-block} .isAdTtl.last, article .details .isAdTtl.last{display:none} .isWrapper, article .details .isWrapper {width: 100%;display:inline-block;float:right;border: 0;background:#f2f2f2;box-sizing: content-box;clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);-moz-clip-path: inset(0 0 0 0);-ms-clip-path: inset(0 0 0 0);-o-clip-path: inset(0 0 0 0);left: 0;margin: 0 auto;overflow: visible;position: relative;top:16px;visibility: visible;z-index: 1;} .isWrapper > div, article .details .isWrapper > div {position: relative;z-index: 1;overflow: hidden;width: 100%!important;padding-bottom: 41.4%;} .isWrapper > div > div, article .details .isWrapper > div > div {width: 100%!important;height:100%!important;position:absolute;top:0;right:0} .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe {position: fixed!important;width: inherit;height: inherit;border: none;z-index:1;margin:0!important;right:calc(((100% - 85%) / 2) + 26px);right:-webkit-calc(((100% - 85%) / 2) + 26px);bottom:16px} /*.isWrapper > div > div.active iframe, .isWrapper > div > div:hover iframe, article .details .isWrapper > div > div.active iframe, article .details .isWrapper > div > div:hover iframe {pointer-events: all;}*/ .isWrapper .closeIS{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:15px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;font-family:Arial;font-size:26px;line-height:1.1;font-weight:normal;z-index:3;visibility:hidden;opacity:0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; } .scrollISFrame .isWrapper .closeIS{visibility:visible;opacity:1} .scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe{position:absolute!important;right:0!important;top:0;bottom:auto!important} .scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast{position:absolute!important;right:0!important} .scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast{display:none} .scrollISFrame .isAdTtl.last, article .details .scrollISFrame .isAdTtl.last{z-index:4;display:inline-block!important;bottom:0} .fixedIS .isWrapper .closeIS{visibility:hidden;opacity:0} .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe{position:fixed!important;right:calc(((100% - 85%) / 2) + 26px)!important;top:65px} .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first{position:fixed;top:50px;right: calc(((100% - 85%) / 2) + 26px)!important} /* SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */ @media only screen and (max-width: 1023px){ .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe{right:10px!important} .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first{right:10px!important} .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe{right:10px!important} .isAdTtl.spareLast, article .details .isAdTtl.spareLast{right:10px!important} } @media screen and (min-width:320px) and (max-width:767px){ .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe{right: 10px!important;bottom: auto!important;top: calc(50% + 25px);transform: translateY(-50%)} .isWrapper > div, article .details .isWrapper > div{padding-bottom: 196%;} .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe{top: calc(50% + 25px)} } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ /* Safari only override */ ::i-block-chrome,.isWrapper > div > div iframe, article .details .isWrapper > div > div iframe {right: 10px!important;bottom: auto!important;top: -50px;transform: none;} ::i-block-chrome,.fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe {top: -50px;} ::i-block-chrome,.scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe{top: -50px!important;right:10px!important;position:fixed!important} } /********** AD Blocker Detected **********/ .adBlkrDtctd .popupNotify {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .adBlkrDtctd .popupNotify.is-visible {opacity: 1;visibility: visible;z-index:10;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .adBlkrDtctd .cd-popup-container {position: relative;padding:24px;width: 600px;height:400px;margin: 120px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .adBlkrDtctd .cd-popup-container .cd-buttons{position:absolute;right:0;bottom:0;width:100%;height:60px} .adBlkrDtctd .cd-popup-container .cd-buttons a{position:relative;top:0;left:0;float:right;background:#ddd;width:calc(100% / 2);height:60px;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;text-align:center;display:block;line-height:3.5;} .adBlkrDtctd .cd-popup-container .cd-buttons a:first-child{background:#1d1d1d;color:#fff} .adBlkrDtctd .cd-popup-container .cd-buttons a:hover{background:#ccc} .adBlkrDtctd .cd-popup-container .cd-buttons a:first-child:hover{background:#e63b34} .adBlkrDtctd .cd-popup-container .cd-buttons a:before, .adBlkrDtctd .cd-popup-container .cd-buttons a:after{display:none} .adBlkrDtctd .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .adBlkrDtctd .cd-popup-container .cd-popup-close::before, .adBlkrDtctd .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity: 0.2;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;} .adBlkrDtctd .cd-popup-container .cd-popup-close:hover::before, .adBlkrDtctd .cd-popup-container .cd-popup-close:hover::after {opacity: 1;} .adBlkrDtctd .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .adBlkrDtctd .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .adBlkrDtctd .cd-popup-container .warnMsg{width:480px;display:inline-block;;margin:30px calc((100% - 480px) / 2) 15px} .adBlkrDtctd .cd-popup-container .icon-warn{display:inline-block;width:100%;text-align:center} .adBlkrDtctd .cd-popup-container .icon-warn:before{content:"h";font-size:42px;color:#e63b34;float:right;line-height:1} .adBlkrDtctd .cd-popup-container h2{display:inline-block;width:100%;text-align:center;font-family:DroidKufiBold, Arial;font-size:24px;color:#1d1d1d;margin: 15px 0;} .adBlkrDtctd .cd-popup-container h2 span{color:#999;font-family:arial} .adBlkrDtctd .cd-popup-container .msg p{display:inline-block;width:100%;text-align:right;direction:rtl;font-family:DroidKufiLight, Arial;font-size:16px} .adBlkrDtctd .cd-popup-container .msg p:first-child{margin-bottom:10px} .adBlkrDtctd .cd-popup-container .msg p:last-child{margin-top:30px} /********** OnE Stickybar **********/ .oneStickyDiv{width:100%;height:50px;position:fixed;bottom:0;left:0;right:0;z-index:51;visibility:visible;opacity:1;transition:all 0.3s ease-in 0s;background: linear-gradient(270deg,#4c88c4,#345985); background: -webkit-linear-gradient(270deg,#4c88c4,#345985); background: -o-linear-gradient(270deg,#4c88c4,#345985); background: -moz-linear-gradient(270deg,#4c88c4,#345985); background: -ms-linear-gradient(270deg,#4c88c4,#345985); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c88c4', endColorstr='#345985',GradientType=0 ) } .oneStickyDiv .cnts{display:inline-block;width:calc(100% - 158px);margin:0 74px 0 84px;position:relative} .oneStickyDiv .onLogo{float:right;width:60px;height:60px;position:absolute;right:0;bottom:0;z-index:9} .oneStickyDiv .onLogo img{border:none} .oneStickyDiv .onSlider{float:right;display:inline-block;width:calc(100% - 108px);margin-right:84px;height: 50px;} .oneStickyDiv .onSlider li{display:inline-block;width:100%;cursor:default} .oneStickyDiv .onSlider li h3{float: right;font-family: DroidKufiBold, Arial;font-size: 24px;color: #cd1e25;margin-left: 24px;line-height: 2.2;background: #edf1f2;height: 50px;width:100px;text-align:center;display:inline-block;cursor:default} .oneStickyDiv .onSlider li p{float:right;font-family:DroidKufiLight, Arial;font-size:24px;color:#edf1f2;line-height:2;direction:rtl;display:inline-block;cursor:default} .oneStickyDiv .bx-controls{display:none} .show-sponsor .oneStickyDiv{visibility:hidden;opacity:0} .sponsorHome .oneStickyDiv{visibility:hidden;opacity:0} /********** Ramadan 2017 Survey **********/ /** Questions **/ .surveyDiv .akhbarThemak {height: 552px;} .surveyDiv .questionsDiv{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto;min-height: 830px;} .surveyDiv .questionsDiv h3{display:inline-block;width:100%;margin:24px 0 36px;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:12px 24px} .surveyDiv .timeLineDiv {width: 100%;display:inline-block;} .surveyDiv .timeLineDiv p {font-family: DroidKufiLight, arial;font-size: 16px;color: #1d1d1d;text-align: right;margin-bottom:12px;cursor:default} .surveyDiv .timeLineDiv p span {color: #1a6399;} .surveyDiv .timeLineDiv ul {display: inline-block;width:100%;margin:0} .surveyDiv .timeLineDiv ul li {display: inline-block;width:calc(100% / 13);float: right;cursor: default;} .surveyDiv .timeLineDiv li:before {content:"";background-color: #cfcfcf !important;border-radius: 100px;z-index: 9;float: left;width:14px;height: 14px;margin:0;position: relative;cursor: default;} .surveyDiv .timeLineDiv li.checked:before {background-color: #1a6399 !important;} .surveyDiv .timeLineDiv li:after {background-color: #cfcfcf !important;content: "";display: block;height: 2px;right:0;position: relative;top: 6px;width:100%;z-index: 10;} .surveyDiv .timeLineDiv li.checked:after {background-color: #1a6399 !important;} .surveyDiv .timeLineDiv ul:after {background-color: #cfcfcf !important;content: "";display: block;height: 2px;right:0;position: relative;top: 6px;width: 100%} .surveyDiv .allQues h4 {color: #1d1d1d;font-family: DroidKufiBold, arial;font-size: 24px;margin:60px 0 24px;text-align: center;background:#f2f2f2;padding:5px 0} .surveyDiv .allQues .answersDiv{display:inline-block;width:100%} .surveyDiv .allQues .answersDiv .answerItem{float:right;display:inline-block;margin-left:24px;margin-bottom:24px;width:calc((100% - 72px) / 4);cursor:pointer} .surveyDiv .allQues .answersDiv .answerItem:nth-child(4n){margin-left:0} .surveyDiv .allQues .answersDiv .answerItem .imgMask{display:inline-block;width:100%;position: relative;} .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:before {content:"";background: none repeat scroll 0 0 rgba(0,0,0,0.5);text-align: center;height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index: 1;} .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after{content: "3";color: #fff;font-size: 72px;z-index:2;position:absolute;top:50%;left:50%;width:72px;height:72px;line-height:1;margin:-36px 0 0 -36px} .surveyDiv .allQues .answersDiv .answerItem .imgMask img{width:100%;height:auto} .surveyDiv .allQues .answersDiv .answerItem p{display:inline-block;width:100%;text-align:center;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;padding:5px 0;height:70px;overflow:hidden} .surveyDiv .allQues .answersDiv .answerItem.selected p{color:#1a6399} .surveyDiv .allQues .nxtPrevDiv{width:300px;height:40px;margin:24px calc((100% - 300px) / 2);} .surveyDiv .allQues .nxtPrevDiv .btn{width:144px;height:40px;background:#1a6399;float:left;margin-right:12px;text-align:center;font-family:DroidKufiLight,Arial;font-size:16px;color:#fff;} .surveyDiv .allQues .nxtPrevDiv .btn:last-child{margin-right:0} .surveyDiv .allQues .nxtPrevDiv .btn a{color:#fff;float:right;padding:4px 40px} .surveyDiv .allQues .nxtPrevDiv .btn a.prev{padding:4px 37px} .surveyDiv .allQues .nxtPrevDiv .btn a.next{padding:4px 40px} .surveyDiv .allQues .nxtPrevDiv .btn a.prev:before{content:"r";line-height:2;float:right;margin-left:5px} .surveyDiv .allQues .nxtPrevDiv .btn a.next:after{content:"q";line-height:2;float:left;margin-right:5px} .surveyDiv .allQues .chooseAnswer{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .surveyDiv .allQues .chooseAnswer.is-visible{opacity: 1;visibility: visible;z-index:10;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .surveyDiv .allQues .cd-popup-container {position: relative;padding:24px;width:420px;height:180px;top:50%;margin: -90px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .surveyDiv .allQues .chooseAnswer p{font-family:DroidKufiLight, Arial;font-size:18px;color:#1d1d1d;direction:rtl;float:right;display:inline-block;width:100%;margin-top:24px} .surveyDiv .allQues .chooseAnswer .ok{position:absolute;bottom:24px;left:0;display: inline-block;width: 100px;padding: 5px 0;background:#1a6399;font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;text-align: center;border: none;margin: 24px calc((100% - 100px) / 2) 0;cursor: pointer;} .surveyDiv .allQues .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .surveyDiv .allQues .cd-popup-container .cd-popup-close::before, .surveyDiv .allQues .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity:0.2;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .surveyDiv .allQues .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .allQues .cd-popup-container .cd-popup-close:hover::after {opacity:1} .surveyDiv .allQues .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .surveyDiv .allQues .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .surveyDiv .allQues .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} /** Results **/ .surveyDiv .resultDiv{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto;min-height: 830px;} .surveyDiv .resultDiv h3{display:inline-block;width:100%;margin:24px 0 36px;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:12px 24px;float:right} .surveyDiv .resultDiv h3 span{color:#da8f2d;font-weight:bold;line-height: 1.4;margin-right: 5px;font-size:20px} .surveyDiv .resultDiv .grid-wrap {margin: 0;padding:0;box-shadow:none} .surveyDiv .resultDiv .grid {margin: 0 auto;height:auto!important} .surveyDiv .resultDiv .grid li {width:calc((100% - 48px) / 3);margin-left:24px;margin-bottom:24px;float: right;cursor: pointer;padding:12px;border:1px solid #ddd;box-shadow:0 6px 6px -3px rgba(0,0,0,.1)} .surveyDiv .resultDiv .grid li:nth-child(3n){margin-left:0} .surveyDiv .resultDiv .grid li h2 {color: #1d1d1d;background:#ddd;padding:5px 0;font-family: DroidKufiBold, Arial;font-size: 16px;text-align: center;display:inline-block;width:100%;margin-bottom:12px} .surveyDiv .resultDiv .grid li .answersDiv{display:inline-block;width:100%;margin-bottom:12px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem{float:right;width:calc((100% - 10px) / 2);display:inline-block;margin-left:10px;position:relative;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem.numberOne{float:right;width:100%;display:inline-block;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:last-child{margin-left:0} .surveyDiv .resultDiv .grid li .answersDiv .answerItem img{width:100%;height:auto;border:0} .surveyDiv .resultDiv .grid li .answersDiv .answerItem p.rate{display:inline-block;position:absolute;color:#fff;overflow:visible} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate{background-color:#45bb61;width:40px;height:40px;font-size: 20px;line-height: 1.2;top:-4px;right:-4px;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate:before{content:"";position:absolute;right:0;bottom:-4px;width: 0;height: 0;border-top: 4px solid #528f61;border-right: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) p.rate:after{content:"";position:absolute;left:-4px;top:0;width: 0;height: 0;border-bottom: 4px solid #528f61;border-left: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate{background-color:#fbb03b;width:34px;height:34px;font-size: 16px;line-height: 1.4;top:-4px;right:-4px;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate:before{content:"";position:absolute;right:0;bottom:-4px;width: 0;height: 0;border-top: 4px solid #c9984c;border-right: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p.rate:after{content:"";position:absolute;left:-4px;top:0;width: 0;height: 0;border-bottom: 4px solid #c9984c;border-left: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate{background-color:#ff4444;width:34px;height:34px;font-size: 16px;line-height: 1.4;top:-4px;right:-4px;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate:before{content:"";position:absolute;right:0;bottom:-4px;width: 0;height: 0;border-top: 4px solid #a25b5b;border-right: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p.rate:after{content:"";position:absolute;left:-4px;top:0;width: 0;height: 0;border-bottom: 4px solid #a25b5b;border-left: 4px solid transparent;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem p {display: inline-block;width: 100%;text-align: center;font-family: DroidKufiLight, Arial;font-size: 16px;color: #1d1d1d;padding: 8px 0;line-height:1.5;height:35px;overflow:hidden;float:right} .surveyDiv .resultDiv .grid li .answersDiv .answerItem span{color: #1d1d1d;font-family: arial;font-size: 20px;width: 100%;text-align: center;display: inline-block;position:relative;float:right;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem span:after{content:"%";font-size:18px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) p, .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) p {font-size:14px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) span{color:#45bb61;margin-bottom:20px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span{color:#fbb03b;font-size:18px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) span{color:#ff4444;font-size:18px} .surveyDiv .resultDiv .grid li .more{display:inline-block;width:100%;padding:5px 0;background:#2a2a2a;font-family:DroidKufiLight, Arial;font-size:14px;color:#fff;text-align:center} .surveyDiv .resultDiv .surveyCompleted {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .surveyDiv .resultDiv .surveyCompleted.is-visible {opacity: 1;visibility: visible;z-index: 10;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .surveyDiv .resultDiv .cd-popup-container {position: relative;padding: 24px;width: 420px;height: 180px;top: 50%;margin: -90px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .surveyDiv .resultDiv .surveyCompleted p {font-family: DroidKufiLight, Arial;font-size: 18px;color: #1d1d1d;direction: rtl;float: right;display: inline-block;width: 100%;margin-top: 24px} .surveyDiv .resultDiv .surveyCompleted .ok {position: absolute;bottom: 24px;left: 0;display: inline-block;width: 100px;padding: 5px 0;background: #1a6399;font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;text-align: center;border: none;margin: 24px calc((100% - 100px) / 2) 0;cursor: pointer;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity: 0.2;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::after {opacity: 1} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .surveyDiv .resultDiv .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} /*.surveyDiv .resultDiv{width: calc(100% - 324px);margin-left: 24px;padding:24px;height:auto;min-height: 830px;} .surveyDiv .resultDiv h3{display:inline-block;width:100%;margin:24px 0 36px;font-family:DroidKufiLight, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;background:#f2f2f2;padding:12px 24px;float:right} .surveyDiv .resultDiv h3 span{color:#1a6399;font-weight:bold;line-height: 1.4;margin-right: 5px;font-size:20px} .surveyDiv .resultDiv .grid-wrap {margin: 0;padding:0;box-shadow:none} .surveyDiv .resultDiv .grid {margin: 0 auto;height:auto!important} .surveyDiv .resultDiv .grid li {min-width:300px;width:calc((100% - 48px) / 3);margin-left:24px;margin-bottom:24px;float: right;cursor: pointer;padding:12px;border:1px solid #ddd;box-shadow:0 6px 6px -3px rgba(0,0,0,.1)} .surveyDiv .resultDiv .grid li:nth-child(3n){margin-left:0} .surveyDiv .resultDiv .grid li h2 {color: #1d1d1d;background:#ddd;padding:5px 0;font-family: DroidKufiBold, Arial;font-size: 16px;text-align: center;display:inline-block;width:100%;margin-bottom:12px} .surveyDiv .resultDiv .grid li .answersDiv{display:inline-block;width:100%;margin-bottom:12px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem{float:right;width:calc(100% / 3);display:inline-block;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(odd){background:#fff} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(even){background:#f2f2f2} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:last-child{margin-left:0} .surveyDiv .resultDiv .grid li .answersDiv .answerItem img{width:100%;height:auto} .surveyDiv .resultDiv .grid li .answersDiv .answerItem p {display: inline-block;width: 100%;text-align: center;font-family: DroidKufiLight, Arial;font-size: 14px;color: #1d1d1d;padding: 8px 0;line-height:1.5;height:70px;overflow:hidden} .surveyDiv .resultDiv .grid li .answersDiv .answerItem span{color: #1d1d1d;font-family: arial;font-size: 32px;width: 100%;text-align: center;display: inline-block;margin-top: 12px;} .surveyDiv .resultDiv .grid li .answersDiv .answerItem span:after{content:"%";font-size:18px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(1) span{color:#fbb03b;border-bottom:4px solid #fbb03b} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span{color:#45bb61;font-size:42px;line-height:0.9;border-bottom:4px solid #45bb61} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(2) span:after{font-size:22px} .surveyDiv .resultDiv .grid li .answersDiv .answerItem:nth-child(3) span{color:#ff4444;border-bottom:4px solid #ff4444} .surveyDiv .resultDiv .grid li .more{display:inline-block;width:100%;padding:5px 0;background:#1a6399;font-family:DroidKufiLight, Arial;font-size:14px;color:#fff;text-align:center} .surveyDiv .resultDiv .surveyCompleted {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .surveyDiv .resultDiv .surveyCompleted.is-visible {opacity: 1;visibility: visible;z-index: 10;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .surveyDiv .resultDiv .cd-popup-container {position: relative;padding: 24px;width: 420px;height: 180px;top: 50%;margin: -90px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .surveyDiv .resultDiv .surveyCompleted p {font-family: DroidKufiLight, Arial;font-size: 18px;color: #1d1d1d;direction: rtl;float: right;display: inline-block;width: 100%;margin-top: 24px} .surveyDiv .resultDiv .surveyCompleted .ok {position: absolute;bottom: 24px;left: 0;display: inline-block;width: 100px;padding: 5px 0;background: #1a6399;font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;text-align: center;border: none;margin: 24px calc((100% - 100px) / 2) 0;cursor: pointer;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity: 0.2;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::before, .surveyDiv .resultDiv .cd-popup-container .cd-popup-close:hover::after {opacity: 1} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .surveyDiv .resultDiv .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}*/ /* Slideshow style */ .surveyDiv .resultDiv .slideshow {position: fixed;background: rgba(0,0,0,0.85);width: 100%;height: 100%;top: 0;left: 0;z-index: 500;opacity: 0;visibility: hidden;overflow: hidden;-webkit-perspective: 1000px;perspective: 1000px;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;} .surveyDiv .resultDiv .slideshow-open .slideshow {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .surveyDiv .resultDiv .slideshow ul {width: 100%;height: 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: translate3d(0,0,150px);transform: translate3d(0,0,150px);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;} .surveyDiv .resultDiv .slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;} .surveyDiv .resultDiv .slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .surveyDiv .resultDiv .slideshow li {width: 660px;height:730px;position: absolute;top: 50%;left: 50%;margin: -365px 0 0 -330px;visibility: hidden;transition:none} .surveyDiv .resultDiv .slideshow li h2 {color: #1d1d1d;background:#f2f2f2;padding:5px 0;font-family: DroidKufiBold, Arial;font-size: 22px;text-align: center;display:inline-block;width:100%;margin-bottom:12px} .surveyDiv .resultDiv .slideshow li .answersDiv{display:inline-block;width:100%} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem{float:right;width:calc((100% - 36px) / 4);display:inline-block;margin-left:12px;margin-bottom:24px} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem:nth-child(4n){margin-left:0} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem img{width:100%;height:auto} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem p {display: inline-block;width: 100%;text-align: center;font-family: DroidKufiLight, Arial;font-size: 14px;color: #1d1d1d;padding: 8px 0 0;line-height:1.5;overflow:hidden;} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem span{color: #888;font-family: arial;font-size: 20px;width: 100%;text-align: center;display: inline-block;} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem span:after{content:"%";font-size:18px} .surveyDiv .resultDiv .slideshow li.show {visibility: visible;} .surveyDiv .resultDiv .slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.8);-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} .surveyDiv .resultDiv .slideshow li.current:after {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.3s, visibility 0s 0.3s;transition: opacity 0.3s, visibility 0s 0.3s;} .surveyDiv .resultDiv .slideshow figure {width: 100%;height: 100%;background: #fff;border: 24px solid #fff;overflow: hidden;} /* Navigation */ .surveyDiv .resultDiv .slideshow nav span {position: fixed;z-index: 1000;color: #59656c;text-align: center;padding: 3% 1%;cursor: pointer;font-size: 2.2em;} .surveyDiv .resultDiv .slideshow nav span.nav-prev, .surveyDiv .resultDiv .slideshow nav span.nav-next {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .surveyDiv .resultDiv .slideshow nav span.nav-next{left:0} .surveyDiv .resultDiv .slideshow nav span.nav-prev {right: 0;} .surveyDiv .resultDiv .slideshow nav span.icon-prev:before{content:"5";color:#1d1d1d;font-size:36px} .surveyDiv .resultDiv .slideshow nav span.icon-next:before{content:"4";color:#1d1d1d;font-size:36px} .surveyDiv .resultDiv .slideshow nav span.nav-close {top:12px;left: 0;padding: 0.5em 0.8em;color: #fff;} .surveyDiv .resultDiv .slideshow nav span.nav-close::before, .surveyDiv .resultDiv .slideshow nav span.nav-close::after {content: '';position: absolute;width: 5px;height: 100%;top: 0;left: 50%;border-radius: 3px;opacity: 1;background: #fff;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;} .surveyDiv .resultDiv .slideshow nav span.nav-close::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);} .surveyDiv .resultDiv .slideshow nav span.nav-close::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .srvyRslts header{display:none} .srvyRslts .morphSearchDiv{display:none} .srvyRslts footer{display:none} .srvyRslts .sponsorBanner{display:none} .srvyRslts .sponsorBtnText{display:none} .srvyRslts .cd-main-content{background:#1d1d1d} .srvyRslts #OptDiv{display:none} .popupOverlay .sponsorBanner{display:none} .popupOverlay .sponsorBtnText{display:none} .popupOverlay #OptDiv{display:none} /** Ramadan Header **/ .ramadanHeader{display:inline-block;float:right;width:100%;height:180px;position:relative;background:url(../Images/light.png) top -80px left -65px no-repeat,url(../Images/ramadanKareem.png) top 30px left 400px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;margin-bottom:40px;overflow:hidden} .ramadanHeader .headerMenu{position: absolute;bottom: 0;width: 100%;height: 40px;background-color: #110921;padding:0 25px;z-index: 10;} .ramadanHeader .headerMenu li{position:relative;float:right;width:auto;height:40px;margin-left:50px} .ramadanHeader .headerMenu li a{display:inline-block;width:auto;height:100%;float:right;color:#fff;font-family: DroidKufiLight, arial;font-size:15px;line-height:2.5} .ramadanHeader .headerMenu li a:hover{border-bottom:4px solid #ffc65f;transition: opacity 3s ease-in-out;} #cd-menu-header {display:none;position: relative;right: 0;top: 0;height: 100%;width: auto;float:right;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;transition: transform .4s 0s, visibility 0s .4s;} #cd-menu-header .cd-menu-icon {display: inline-block;position: relative;top: 50%;float:right;width: 30px;height: 2px;background-color: #FFF;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} #cd-menu-header .cd-menu-icon::before, #cd-menu-header .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;} #cd-menu-header .cd-menu-icon::before {bottom: 8px;} #cd-menu-header .cd-menu-icon::after {top: 8px;} #cd-menu-header .iconText{float: right;display: inline-block;width: auto;height: 100%;color: #fff;font-family: DroidKufiLight, arial;font-size: 13px;margin-right: 25px;line-height: 3;} .navOverlay{display: inline-block;width: 100%;height: 100%;position: fixed;background:url(../Images/ramadanBKMobile.jpg) center center no-repeat;z-index: 99;right: 0;top: 0;opacity:0;visibility:hidden; transition: all .3s ease-in-out;} .navOverlay .navContainer{display:inline-block;width:100%;height:100%;margin-top:50px} #cd-menu-close {position: relative;right: 0;top: 0;height: 60px;width: 60px;float:right;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;transition: transform .4s 0s, visibility 0s .4s;} #cd-menu-close .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;width: 30px;height: 3px;background-color: transparent;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} #cd-menu-close .cd-menu-icon::before, #cd-menu-close .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0; bottom: 0;background-color:#fff;} #cd-menu-close .cd-menu-icon::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} #cd-menu-close .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .navOverlay ul{display: inline-block;margin-top: 50px;position: absolute;left: 50%;transform: translateX(-50%);transition: transform .2s 0s, visibility 0s .2s;} .navOverlay ul li{position: relative;width: 100%;text-align: center;margin-bottom: 20px} .navOverlay ul li a{display: inline-block;width: 100%;height: 100%;color: #fff;font-family: DroidKufiLight, arial;font-size: 15px;text-align: center;} .openMenuHeader .navOverlay{opacity:1;visibility:visible} /** ramadan Survey2019 **/ /*.ramadanSurvey {width: calc(100% - 324px);margin-left: 24px;padding: 24px;height: auto;background-color:#fff;float:right} .ramadanSurvey .surveyQuestion, .resultContainer{display:inline-block;float:right;width:100%;height:auto;overflow: hidden;text-align:center;margin:auto} .ramadanSurvey .surveyQuestion .ttl, .resultDiv.ramadanResult .ttl{border-bottom:1px solid #da8f2d} .ramadanSurvey .surveyQuestion .ttl h2, .resultDiv.ramadanResult .ttl h2{display: inline-block;width: 100%;font-family: DroidKufiLight, arial;font-size: 16px;color: #1d1d1d;text-align: right;} .ramadanSurvey .surveyQuestion h3{display: inline-block;width: 100%;height: 35px;margin: 24px 0 36px;font-family: DroidKufiLight, arial;font-size: 14px;color: #fff;text-align: right;direction: rtl;background: #da8f2d;padding: 0 20px;line-height: 2.4;} .ramadanSurvey .surveyQuestion .ramadanQuestions{display:inline-block;position:relative;width:100%;border: 2px solid #da8f2d;overflow: hidden;height: 600px;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions{display:inline-block;position:relative;width:100%;overflow: hidden;overflow-y: scroll;height: 550px;} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer{display:inline-block;float:right;width:100%;position:relative;padding: 40px 40px 0;height: 546px;transition:all .3s ease-in-out} .ramadanSurvey .surveyQuestion .ramadanQuestions h4{color: #1d1d1d;font-family: DroidKufiBold, arial;font-size: 24px;text-align: center;margin-bottom:10px} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionAnswer{display: inline-block;float: right;margin-top: 30px;position: relative;width: calc((100% - 50px) / 6);margin-left:10px;opacity:1;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(6n+1){margin-left:0} .ramadanSurvey .surveyQuestion .ramadanQuestions .answerImg{display:inline-block;float:right;position:relative;} .ramadanSurvey .surveyQuestion .ramadanQuestions .answerImg img{width: 100%;height: auto;border:none} .ramadanSurvey .surveyQuestion .ramadanQuestions .answerName{display:inline-block;float:right;width:100%;height:25px;background-color:#2a2a2a;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;} .ramadanSurvey .surveyQuestion .ramadanQuestions .answerName p{color:#fff;font-family: DroidKufiLight, arial;font-size:12px;text-align:center} .ramadanSurvey .surveyQuestion .ramadanQuestions .timelineQuestions{display: inline-block;width: 100%;height: 50px;background-color: #eeeeee;margin-top: 35px;position: absolute;bottom: 0;right: 0;} .ramadanSurvey .timelineQuestions ul{display:inline-block;width:auto;height:100%;position:relative} .ramadanSurvey .timelineQuestions li{display:inline-block;position: relative;width:30px;height:30px;background-color:#fff;border:2px solid #dddddd;border-radius:50%;text-align:center;margin-left:13px;margin-top:8px} .ramadanSurvey .timelineQuestions li:last-child{margin-left:0} .ramadanSurvey .timelineQuestions li:first-child:before{display:none} .ramadanSurvey .timelineQuestions li:before{content: '';float: right;width: 20px;height: 2px;background-color: #dddddd;display: block;right: -20px;position: relative;top: 10px;z-index: 10;} .ramadanSurvey .timelineQuestions li a{text-align:center;color:#1d1d1d;font-size:15px;line-height:1.5;width: 100%;height: 100%;display: inline-block;} .ramadanSurvey .timelineQuestions li.selected{background-color:#cb8831} .ramadanSurvey .timelineQuestions li.selected a{color:#fff} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar {width: 8px;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar-thumb {background-color: #da8f2d;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-webkit-scrollbar-track {background-color: #eeeeee;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar {width: 8px;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar-thumb {background-color: #da8f2d;} .ramadanSurvey .surveyQuestion .ramadanQuestions .allQuestions::-moz-scrollbar-track {background-color: #eeeeee;} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer:after{content:'';width:100%;height:100%;opacity:.5;background-color:#fff;position: absolute;top: 0;right: 0;pointer-events: none;} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer:first-child:after{display:none} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.removeAfter:after{display:none} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer{opacity:.3} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select{opacity:1} .ramadanSurvey .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select .answerName{background-color:#da8f2d} .ramadanSurvey .surveyQuestion .ramadanQuestions a.sumbit{display: inline-block;width: 110px;height: 30px;color: #fff;background-color: #da8f2d;font-family: DroidKufiLight, arial;font-size: 14px;margin-bottom: 20px;line-height: 2;} .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height: 600px;width:100%;font-family: DroidKufiLight, arial}*/ /** survey result **/ .resultContainer h3{display: inline-block;width: 100%;font-family: DroidKufiLight, arial;font-size: 16px;color: rgb(29, 29, 29);text-align: right;direction: rtl;float: right;margin: 24px 0px 36px;background: rgb(242, 242, 242);padding: 12px 24px;} .resultContainer h3 span{color: #da8f2d;font-weight: bold;line-height: 1.4;margin-right: 5px;font-size: 20px;} /** ramdan survey design3**/ .ramadanSurvey.design3 {width: calc(100% - 324px);margin-left: 24px;padding: 24px 24px 0 24px;height: auto;background-color:#fff;float:right;} .ramadanSurvey.design3 .surveyQuestion, .resultContainer{display:inline-block;float:right;width:100%;height:auto;text-align:center;margin:auto} .ramadanSurvey.design3 .surveyQuestion .ttl, .resultDiv.ramadanResult .ttl{border-bottom:1px solid #da8f2d} .ramadanSurvey.design3 .surveyQuestion .ttl h2, .resultDiv.ramadanResult .ttl h2{display: inline-block;width: 100%;font-family: DroidKufiLight, arial;font-size: 16px;color: #1d1d1d;text-align: right;} .ramadanSurvey.design3 .surveyQuestion h3{display: inline-block;width: 100%;height: auto;margin: 24px 0 36px;font-family: DroidKufiLight, arial;font-size: 14px;color: #1d1d1d;text-align: right;direction: rtl;background: #e6e4e4;padding: 0 20px;line-height: 2.4;z-index: 101;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions{display:inline-block;position:relative;width:100%;float:right} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .allQuestions{display:inline-block;position:relative;width:100%;overflow: hidden;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer{display:inline-block;float:right;width:100%;position:relative;padding: 20px 40px 0;transition:all .3s ease-in-out;z-index:101;height:auto;margin-bottom:60px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:last-child{padding-bottom:20px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4{color: #1d1d1d;font-family: DroidKufiBold, arial;font-size: 24px;text-align: right;margin-bottom:10px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 span{color:#da8f2d;font-size:26px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{display: inline-block;float: right;margin-top: 30px;position: relative;width: calc((100% - 50px) / 6);margin-left:10px;opacity:1;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(6n+1){margin-left:0} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg{display:inline-block;float:right;position:relative;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerImg img{width: 100%;height: auto;border:none} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerName{display:inline-block;float:right;width:100%;height:25px;background-color:#2a2a2a;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .answerName p{color:#fff;font-family: DroidKufiLight, arial;font-size:12px;text-align:center} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:after{content:'';width:100%;height:100%;opacity:.5;background-color:#fff;position: absolute;top: 0;right: 0;pointer-events: none;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer:first-child:after{display:none} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.removeAfter:after{display:none} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer{opacity:.3} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select{opacity:1} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer.answerOverlay .questionAnswer.select .answerName{background-color:#da8f2d} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions iframe{height: 600px;width:100%;font-family: DroidKufiLight, arial} .ramadanSurvey.design3 .itemsConts{display:inline-block;width:100%;position:relative;} /*.ramadanSurvey.design3:before{content:'';width:calc(100% - 324px);height:100%;display:inline-block;background:url(../Images/ramadanPattern.png);z-index:99;position:absolute;right:0;top:0;opacity:.04}*/ .ramadanSurvey.design3 .questionContainer:after{content:'';width:100%;height:100%;opacity:.5;background-color:#fff;position: absolute;top: 0;right: 0;pointer-events: none;} .ramadanSurvey.design3 .questionContainer:first-child:after{display:none} .ramadanSurvey.design3 .questionContainer.removeAfter:after{display:none} /*.questionContainer.answerOverlay .questionAnswer{opacity:.3}*/ .ramadanSurvey.design3 .questionContainer.answerOverlay .answerImg{opacity:0.3} .ramadanSurvey.design3 .questionContainer.answerOverlay .answerName{opacity:0.3} .ramadanSurvey.design3 .questionContainer.answerOverlay .questionAnswer.select .answerImg{opacity:1} .ramadanSurvey.design3 .questionContainer.answerOverlay .questionAnswer.select .answerName{opacity:1;background-color:#da8f2d} .timelineQuestions{position: fixed;margin-right: -45px;top: 155px;z-index: 1;background: #f2f2f2;padding: 10px 0;width: 40px;box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);} .timelineQuestion::before {position: absolute;top: 0;right: 0;visibility: hidden;z-index: 10;width: 36px;height: 100%;background: rgba(0,0,0,.5);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity .3s,-webkit-transform 0s .3s;transition: opacity .3s,transform 0s .3s;} .timelineQuestions li{display:inline-block;text-align:right;position: relative;width:28px;height:28px;background-color:#fff;border:2px solid #dddddd;border-radius:50%;margin: 0 calc((100% - 28px)/2) 10px;} .timelineQuestions li a{text-align:center;color:#1d1d1d;font-size:14px;line-height:1.8;width: 100%;height: 100%;display: inline-block;font-family:arial;cursor:pointer} .timelineQuestions li.selected{background-color:#cb8831;} .timelineQuestions li.selected a{color:#fff} .ramadanSurvey.design3 a.sumbit{position: relative;text-align:center;display: inline-block;width: 110px;height: 30px;font-size: 14px;color: #fff;background-color: #da8f2d;font-family: DroidKufiLight, arial;z-index:101;margin-bottom:10px} .ramadanSurvey.design3 .allQues .chooseAnswer{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.95);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;} .ramadanSurvey.design3 .allQues .chooseAnswer.is-visible{opacity: 1;visibility: visible;z-index:999;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;} .ramadanSurvey.design3 .allQues .cd-popup-container {position: relative;padding:24px;width:500px;height:180px;top:50%;margin: -90px auto;background: #FFF;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;} .ramadanSurvey.design3 .allQues .chooseAnswer p{font-family:DroidKufiLight, Arial;font-size:17px;color:#1d1d1d;direction:rtl;float:right;display:inline-block;width:100%;margin-top:24px} .ramadanSurvey.design3 .allQues .chooseAnswer .ok{position:absolute;bottom:15px;left:0;display: inline-block;width: 100px;padding: 5px 0;background:#1a6399;font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;text-align: center;border: none;margin: 24px calc((100% - 100px) / 2) 0;cursor: pointer;} .ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close {position: absolute;top: 12px;left: 12px;width: 36px;height: 36px;} .ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close::before, .allQues .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 0;width: 2px;height: 100%;background-color: #1d1d1d;opacity:0.2;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close:hover::before, .allQues .cd-popup-container .cd-popup-close:hover::after {opacity:1} .ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .ramadanSurvey.design3 .allQues .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .ramadanSurvey.design3 .allQues .is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} /** Educatoin Header **/ .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat;} .ramadanHeader.educationHeader .headerMenu{background-color:rgba(0,0,0,0.6)} .education .multiMedia .media ul li{width:calc((100% - 24px) / 3)} .ramadanHeader.educationHeader .headerMenu li a:hover {border-bottom: 4px solid #e63b34;transition: opacity 3s ease-in-out;} .education .navOverlay{background:url(../Images/overlayeducation.jpg)!important} .education .media ul li:first-child .desc p, .education .media ul li:nth-child(4) .desc p{font-size:15px;line-height:1.6} /********** RSS **********/ .rssDiv .rssCnts { width: calc(100% - 324px); margin-left: 24px; padding: 12px } .rssDiv .akhbarThemak {height: 552px;} .rssDiv .rssCnts .info{display:inline-block;width:100%;margin:24px 0 36px;direction:rtl;background:#f2f2f2;padding:8px 12px} .rssDiv .rssCnts .info h3{display:inline-block;width:100%;font-family:DroidKufiBold, arial;font-size:16px;color:#1d1d1d;text-align:right;direction:rtl;font-weight:bold} .rssDiv .rssCnts .info ul {display: inline-block;width: 100%;padding-right: 24px;} .rssDiv .rssCnts .info li {display: list-item;width: 100%;font-family: DroidKufiLight,Arial;font-size: 14px;color: #1d1d1d;text-align: right;direction: rtl;margin: 12px 0;cursor: default;list-style-type: square;} .rssDiv .rssCnts .allItems{display:inline-block;width:100%} .rssDiv .rssCnts .allItems .item{display:inline-block;width:100%;padding:10px 12px;background:#f2f2f2;cursor:pointer;float:right;margin-bottom:12px;max-height:50px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s} .rssDiv .rssCnts .allItems .item.open{max-height:800px} .rssDiv .rssCnts .allItems .icon-downArrow{position:relative} .rssDiv .rssCnts .allItems .icon-downArrow:before{content:"q";position:absolute;left:12px;top:12px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s} .rssDiv .rssCnts .allItems .icon-downArrow.open:before{-webkit-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-ms-transform: rotate(-270deg);-o-transform: rotate(-270deg);transform: rotate(-270deg);} .rssDiv .rssCnts .allItems .item p{float:right;font-family:DroidKufiBold, Arial;font-size:16px;color:#1d1d1d;margin-bottom: 12px;} .rssDiv .rssCnts .allItems .item p:after{content: "";width: 4px;height: 18px;float: right;margin-left: 8px;margin-top: 7px;} .rssDiv .rssCnts .allItems .item.news p:after{background: #e63b34;} .rssDiv .rssCnts .allItems .item.arts p:after{background: #fbaa19;} .rssDiv .rssCnts .allItems .item.lifeStyle p:after{background: #7b1fa2;} .rssDiv .rssCnts .allItems .item.sports p:after{background: #43a047;} .rssDiv .rssCnts .allItems .item.autos p:after{background: #1a237e;} .rssDiv .rssCnts .allItems .item.islameyat p:after{background: #1c87c9;} .rssDiv .rssCnts .allItems .item img{float:left;margin-top:5px;border:none} .rssDiv .rssCnts .allItems .item .itemExpand{width:100%;height:0;visibility:hidden;opacity:0;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s} .rssDiv .rssCnts .allItems .item.open .itemExpand{display:inline-block;height:auto;visibility:visible;opacity:1} .rssDiv .rssCnts .allItems .item .itemExpand li{display:inline-block;width:100%;padding:10px 12px;background:#fff;cursor:pointer;float:right;margin-bottom:2px} .rssDiv .rssCnts .allItems .item .itemExpand li p{float:right;font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;margin-bottom: 0} .rssDiv .rssCnts .allItems .item .itemExpand li p:after{display:none} /* Lazyload */ img.lazy{background:url(../Images/lazyLoadBG.jpg) top left no-repeat;background-size:100%;position:relative} img.lazy:after{content:"";position:absolute;left:0;top:0;width:80%;height:100%;opacity:0.7; animation:lazyPosition 2s ease infinite; background:linear-gradient(0deg,transparent,#eee,transparent); background: -webkit-linear-gradient(0deg,transparent,#eee,transparent); background: -o-linear-gradient(0deg,transparent,#eee,transparent); background: -moz-linear-gradient(0deg,transparent,#eee,transparent); background: -ms-linear-gradient(0deg,transparent,#eee,transparent);} @keyframes lazyPosition { from { left: -100%; } to { left: 200%; } } .mobile.seatNumber{display:none} .article .strip{display:inline-block;margin-bottom:20px} .article .strip img{width:100%;height:auto} /* Example media queries (reduce number of columns and change slideshow layout) */ @media screen and (max-width: 60em) { .surveyDiv .resultDiv .grid li {width: 33.3%;} .surveyDiv .resultDiv .slideshow li {width: 100%;height: 100%;top: 0;left: 0;margin: 0;} .surveyDiv .resultDiv .slideshow li figure img {width: auto;margin: 0 auto;max-width: 100%;} .surveyDiv .resultDiv .slideshow nav span, .surveyDiv .resultDiv .slideshow nav span.nav-close {font-size: 1.8em;padding: 0.3em;} .surveyDiv .resultDiv .info-keys {display: none;} } @media screen and (max-width: 35em) { .surveyDiv .resultDiv .grid li {width: 50%;} } @media screen and (max-width: 24em) { .surveyDiv .resultDiv .grid li {width: 100%;} } @media only screen and (max-height: 690px){ .surveyDiv .resultDiv .slideshow nav span.nav-close::before, .surveyDiv .resultDiv .slideshow nav span.nav-close::after{background:#1d1d1d} } /******** Speakol *******/ .speakol{box-shadow:none;border-bottom:1px solid #ddd;position:relative;z-index:2} /**************** Election 2018 ***************/ .electionDiv .votesDiv{width: calc(100% - 324px);margin-left: 24px;padding: 0;float:right;display:inline-block} .electionDiv .votesDiv .main{display:inline-block;width:100%;margin-bottom:24px;padding:20px} .electionDiv .votesDiv .main h1{display:inline-block;float:right;width:100%;font-family:DroidKufiLight, Arial;font-size:28px;color:#1d1d1d;margin-bottom:40px} .electionDiv .votesDiv .main h1 span{font-weight:bold} .electionDiv .votesDiv .main .votesRes{display:inline-block;float:right;width:100%} .electionDiv .votesDiv .main .votesRes h2{display:inline-block;float:right;width:100%;font-family:DroidKufiBold, Arial;font-size:20px;color:#1d1d1d;margin-bottom:50px} .electionDiv .votesDiv .main .votesRes .presBar{display:inline-block;width:100%;float:right} .electionDiv .votesDiv .main .votesRes .presBar .voteBar{display:inline-block;width:calc(100% - 70px);height: 30px;position: relative;background: #f2f2f2;margin:0 35px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:40px;border:0.5px dashed #ddd;z-index:1} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg{display:inline-block;position:absolute;bottom:-5px;z-index:1;height:70px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg img{width:70px;height:70px;border-radius:40px;border:2px solid #fff;overflow:hidden;} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg h3{display:block;font-family:DroidKufiLight, Arial;font-size:14px;color:#1d1d1d;margin-top:5px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi{right:-35px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi img{float:right;margin-left:5px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi h3{float:right} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi .icon-check:before{content:"3";color:#d03b2f;margin-right:10px;font-size:20px;margin-top:1px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa{left:-35px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa img{float:left;margin-right:5px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa h3{float:left} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .elsisiBar{position:absolute;height:100%;right:0;background:#d03b2f} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .elsisiBar p{float:right;font-family:Arial;color:#fff;font-size:16px;margin-right: 40px;line-height: 2} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .mousaBar{position:absolute;height:100%;left:20px;background:#fbc01c} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .mousaBar p{float:left;font-family:Arial;color:#1d1d1d;font-size:16px;margin-left: 20px;line-height: 2} .electionDiv .votesDiv .main .votesRes .totalVotes{display:inline-block;width:100%;float:right;position:relative;height:30px} .electionDiv .votesDiv .main .votesRes .totalVotes .votes{position:absolute;bottom:5px;} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi{right:0} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p{font-family:Arial;color:#1d1d1d;font-size:13px;font-weight:bold;direction:rtl;cursor:text;text-align:right;float:right;} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p span{color:#999;font-weight:normal} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p span:before{content:"|";margin:0 5px;color:#999;font-size:13px} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa{left:0} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p{font-family:Arial;color:#1d1d1d;font-size:13px;font-weight:bold;direction:ltr;cursor:text;text-align:left;float:left;} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p span{color:#999;font-weight:normal} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p span:before{content:"|";margin:-5px 5px;color:#999;font-size:13px} /** Summary **/ .electionDiv .votesDiv .summary{display:inline-block;width:100%;float:right;padding:20px} .electionDiv .votesDiv .summary .item{float:right;display:inline-block;width:100%;margin-bottom:20px} .electionDiv .votesDiv .summary .item:last-child{margin-bottom:0} .electionDiv .votesDiv .summary .item label{float:right;width:200px;font-family:DroidKufiBold, Arial;font-size:14px;color:#1d1d1d;display:inline-block;text-align:right} .electionDiv .votesDiv .summary .item p{float:right;display:inline-block;width:150px;font-family:DroidKufiLight, Arial;font-size:16px;color:#1d1d1d;cursor:text} .electionDiv .votesDiv .summary .item .summaryBar{display:inline-block;width:calc(100% - 350px);height: 20px;position: relative;background: #f2f2f2;margin-top:5px} .electionDiv .votesDiv .summary .item .summaryBar .allBar{position:absolute;height:100%;right:0;background:#1d1d1d} .electionDiv .votesDiv .summary .item .summaryBar .elsisiBar{position:absolute;height:100%;right:0;background:#d03b2f} .electionDiv .votesDiv .summary .item .summaryBar .mousaBar{position:absolute;height:100%;right:0;background:#fbc01c} .electionDiv .votesDiv .summary .item .summaryBar .fakeBar{position:absolute;height:100%;right:0;background:#ccc} /************** World Cup *************/ /*.wcBg .cd-main-content{background:#f7f3eb} .wcBg .masrawyContainer{background:#f7f3eb} .wcBg .masrawyContainer:before {content: "";width: 100%;height: 100%;background: url(../Images/wcPatternBg.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .3;z-index: 1;} .ACNDiv .masrawyContainer:before {content: "";width: 100%;height: 100%;background: url(../Images/Masrawy-Pattern.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .03;background-size:35%;z-index: 1;} .wcBg .content-wrap{background:none} .wcBg .content{background:none}*/ .wcBg .content-wrap:after{content: "";width: 100%;height: 100%;background: url(../Images/Masrawy-Pattern.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .03;background-size:35%;z-index: 1;} .wcBg .content{background:none;z-index:2} .wcBg .groupStandingHP{float:right;display:inline-block;width:100%;padding:12px} .wcBg .groupStandingHP .groups{display:inline-block;width:100%;float:right;margin-top:20px} .wcBg .groupStandingHP .groups .table{display:inline-block;width:calc((100% - 40px) / 3);max-height:210px;margin-left:20px;margin-bottom:20px;float:right;background:#f5f5f5;position:relative} .wcBg .groupStandingHP .groups .table:nth-child(3n){margin-left:0} .wcBg .groupStandingHP .groups .table:nth-last-child(-n+3){margin-bottom:5px} .wcBg .groupStandingHP .groups .table .grpTitle{display:inline-block;float:right;width:100%;height:28px;text-align:center;color:#fff;font-family:DroidKufiLight, Arial;font-size:13px;background:#43a047;line-height:2.2} .wcBg .groupStandingHP .groups .table:after{content:"";position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);/*background:url(../Images/wcGroupBg.png) no-repeat center center;*/width: 100%;height: 32px;background-size: auto 100%;} .wcBg .groupStandingHP .groups .table .wRow{display:inline-block;float:right;width:100%;height:44px;padding:8px 0} .wcBg .groupStandingHP .groups .table .wRow:nth-child(odd){background:#f2f2f2} .wcBg .groupStandingHP .groups .table .wRow:nth-child(even){background:#f8f8f8} .wcBg .groupStandingHP .groups .table .wRow:nth-of-type(2){margin-top:6px} .wcBg .groupStandingHP .groups .table .wRow .item {float: right;color: #000;font-size: 16px;text-align: center;line-height: 1.5;font-family: arial;width:30px;} .wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2){width:calc(100% - 60px)} .wcBg .groupStandingHP .groups .table .wRow .team {text-align: right;direction: rtl;font-family: DroidKufiLight, arial} .wcBg .groupStandingHP .groups .table .wRow .team img {float: right;margin-left: 5px;margin-top:3px;width:auto;height:16px;border:none} .wcBg .groupStandingHP .groups .table .wRow .item p{text-align:right;color:#000;font-size:13px;font-family:DroidKufiLight, arial;line-height:1.8;float:right;display:inline-block;cursor:auto} .wcBg .mobawaba.wcEp{background:#a90507} .wcBg .entrypoints{margin-left:0} .wcBg .entrypoints ul{height:171px!important} .wcBg .entrypoints ul li img {height: 171px;} /** WC HP **/ .wcBg{background:#f7f3eb;position:relative} .wcBg:before {content: "";width: 100%;height: 100%;background: url(../Images/wcPatternBg.png) repeat left top;position: absolute;left: 0;top: 0;opacity: 0.4;z-index: 0;} .wcBg .ttl{overflow:unset} .wcBg .ttl h3{position:relative} .wcBg .ttl h3:after{content: "";width: 4px;height: 24px;background: #43a047;float: right;margin-left: 12px;margin-top: 4px;} /** WC HP **/ .wcHp{background:#fff;position:relative} .wcHp:before {content: "";width: 100%;height: 100%;background: url(../Images/Masrawy-Pattern.png) repeat left top -20px;background-size: 30%;position: absolute;left: 0;top: 0;opacity: 0.03;z-index: 0;} .wcHp .ttl{overflow:unset} .wcHp .ttl h3{position:relative} .wcHp .ttl h3:after{content: "";width: 4px;height: 24px;background: #43a047;float: right;margin-left: 12px;margin-top: 4px;} .wcHp:after{content:"برعاية";width: 70px;height: 50px;background: url(../Images/zedLogo.png?=1) no-repeat left top;background-size:auto 40px;position: absolute;left: 50%;transform:translateX(-50%);top: 6px;z-index: 1;line-height:3;text-align:right;font-family:DroidKufiLight,Arial;font-size:12px;color:#1d1d1d} /*.wcHp:after{content: "";width: 100%;height: 100%;background: url(../Images/wcPatternBg.png) repeat left top;position: absolute;left: 0;top: 0;opacity: 0.6;z-index: 0;} .wcHp .ttl{border-bottom: 1px solid #f7f3eb;z-index:1;position:relative} .wcHp .ttl h2 a{color:#eee3c5} .wcHp .ttl h2:after{background:#f3ebd5} .wcHp .ttl .more{color:#eee3c5} .wcHp .ttl .more:hover {color: #e6cb93;} .wcHp.pattern02 ul li:nth-last-child(-n+3) .desc p {color: #f3ebd5} .wcHp.pattern02 ul li:nth-last-child(-n+3) .item:hover .desc p {color: #e6cb93} .wcHp.pattern02 ul li a img{border:1px solid #0061a8} .wcHp.pattern02 ul li:nth-last-child(-n+3) .secName{color:#fff} .wcHp.pattern02 ul li:nth-last-child(-n+3) .secName:hover {color: #e6cb93} .wcHp.pattern02 ul li:nth-last-child(-n+3) .secName:after{background:#fff}*/ /************ Group Standing Page ***********/ .allGroups{display: inline-block;width: calc(100% - 324px);margin-left: 24px;float:right;background:none;box-shadow:none} .allGroups .groupTtlStand {display: inline-block;width: 100%;height: 36px;float: right;direction: rtl;text-align: right;font-family: DroidKufiBold,Arial;font-size: 18px;color: #1d1d1d;margin-bottom:5px} .allGroups .groupTtlStand h2 {float: right;display: inline-block;line-height: 2.2;} .allGroups .table {display: inline-block;width: 100%;float: right;margin-bottom: 20px;} .allGroups .table .ttlRow {display: inline-block;width: 100%;background: #1d1d1d;float: right;height: 30px;} .allGroups .table .ttlRow .itemTtl {float: right;padding: 2px 0;font-family: DroidKufiLight,arial;color: #fff;font-size: 13px;text-align: center;width: 60px;} .allGroups .table .ttlRow .itemTtl:nth-child(2) {width: calc(100% - 540px);text-align: right;padding-right: 10px;} .allGroups .table .wRow {display: inline-block;width: 100%;background: #fff;border: 1px solid #e0e0e0;border-bottom: 0;height: 58px;float: right;position: relative;} .allGroups .table .wRow .item {float: right;color: #b9b9b9;font-size: 16px;text-align: center;line-height: 2.5;font-family: arial;width: 60px;padding: 10px;margin-left: 0;margin-bottom: 0;background: 0 0;} .allGroups .table .wRow .item:nth-child(2) {width: calc(100% - 540px);padding-right: 10px;} .allGroups .table .wRow .team img {float: right;margin-left: 10px;width: auto;height: 36px;border:none} .allGroups .table .wRow .item p {text-align: right;color: #000;font-size: 13px;font-family: DroidKufiLight,arial;line-height: 3;} .allGroups .table .wRow .item:last-child {color: #000;font-weight: 700;} /************ ACN 2019 ***********/ .acn .cd-main-content{transition:none} .acn .content-wrap{padding:0;background: #12290f;transition:none} .top10Main{margin-bottom:0} .top10Main p{cursor:auto} .top10Main .top10Cntnr{position:absolute;width:calc(100% - 32px);height:calc(100% - 32px);top:16px;right:16px;bottom:16px;left:16px} .top10Ttl{width:100%;height:70px;background:rgba(0,0,0,0.4);float:right;display:inline-block;padding:0 16px 0 0;margin-bottom:16px} .top10Ttl h1{display:inline-block;width:calc(100% - 265px);float:right;font-family:DroidKufiBold, Arial;font-size:26px;color:#fff;text-align:right;direction:rtl;line-height:2.5} .top10Ttl h1 span{font-family:CenturyGothicBold, DroidKufiBold, Arial;font-size:28px} .top10Main h1 span:first-child{color:#99ca43} .top10Main .zedSponsor{position: absolute;display: inline-block;bottom: 20px;left: -118px;} .top10Main .zedSponsor p{line-height: 3;font-family: DroidKufiLight,Arial;font-size: 14px;color: #d2d3d3;cursor: auto;width: 100%;text-align: right;} .top10Main .zedSponsor a{float:left} .top10Main .zedSponsor img{width:auto;height:120px;border:none} .top10ListMain{display:inline-block;float:right;width:100%;height:calc(100% - 88px)} .top10ListMain .list{display:inline-block;float:left;background:rgba(0,0,0,0.4);margin-left:16px;width:calc(100% - 262px);padding:16px} /** Table **/ .top10ListMain .list .ttlRow {display: inline-block;width: 100%;background: rgba(0,0,0,0.5);float:right;height:58px;margin-bottom:16px;padding:0 16px} .top10ListMain .list .ttlRow .itemTtl{float: right;padding: 2px 0;font-family: droidKufiBold, arial;color: #99ca43;font-size: 14px;text-align: center;width:calc((100% - 116px) / 4);line-height:3.8} .top10ListMain .list .ttlRow .itemTtl:nth-child(1){width:116px;text-align:right} .top10ListMain .list .ttlRow .itemTtl:nth-child(2){text-align:right;padding-right:10px} .top10ListMain .list .wRow {display: inline-block;width: 100%;background: rgba(0,0,0,0.5);border-bottom:0;height:52px;float: right;position:relative;padding:0 16px;margin-bottom:16px} .top10ListMain .list .wRow:last-child{margin-bottom:0} .top10ListMain .list .wRow .item {float: right;color: #fff;font-size: 14px;text-align: center;line-height: 2.4;font-family: DroidKufiLight, arial;width:calc((100% - 116px) / 4);padding:8px 10px} .top10ListMain .list .wRow .item:nth-child(1){width:116px;text-align:right;font-family: CenturyGothicBold, arial;font-size:20px;line-height:1.6} .top10ListMain .list .wRow .item:nth-child(2){padding-right:10px;} .top10ListMain .list .wRow .item p{text-align:right;color:#fff;font-size:14px;font-family:droidKufiLight, arial;line-height: 2.6;display: inline-block;position:relative;cursor:pointer} /*.top10ListMain .list .wRow .item p:after{content:"";width:100%;height:1px;background:#fff;bottom:-10px;left:0;right:0;position:absolute}*/ .top10ListMain .list .wRow .item a:hover p{color:#99ca43} .top10ListMain .list .wRow .team {text-align: right;direction: rtl;font-family: droidKufiLight, arial;} .top10ListMain .list .wRow .team img {float: right;margin-left: 10px;width:auto;width:36px;height:36px;border:none;overflow:hidden} .top10ListMain .list .wRow .country{padding:14px 10px;line-height:unset} .top10ListMain .list .wRow .dtls img {width:auto;height:24px;border:none;overflow:hidden} .top10ListMain .list .wRow .item:last-child{text-align:center;font-family: CenturyGothicBold, arial;font-size:20px;line-height:1.6} .top10ListMain .list .wRow .item:last-child span{font-family: DroidKufiLight, arial;font-size:12px;top:-3px;position:relative} .top10ListMain .top3{display:inline-block;float:left;width:246px} .top10ListMain .top3 .player{float: right;margin-bottom: 16px;width: 100%;height: auto;position: relative;overflow: hidden;background:rgba(0,0,0,0.4);padding-bottom:100%} .top10ListMain .top3 .player:last-child{margin-bottom:0} .top10ListMain .top3 .player img{width:100%;height:100%;border:none;position:absolute;top:0;right:0;left:0;bottom:0;z-index:1} .top10ListMain .top3 .player .rank{position:absolute;bottom:0;left:0;width:46px;height:46px;background:#e63b34;font-family:CenturyGothicBold, Arial;color:#fff;font-size:26px;text-align:center;line-height:1.8;z-index:2} .top10Ttl .afconBack{display:inline-block;float:left;width:246px;height:100%;background-color:#000;} .top10Ttl .afconBack span{color:#fff;font-family:DroidKufiLight, Arial;font-size:18px;line-height:4} .top10Ttl .afconBack:before{content:'[';color:#fff;font-size:18px;margin-left: 5px;} .top10Ttl .afconBack:hover{background-color:#99ca43;} .top10Main .fShare{width: 44px;height: 44px;background-color: #3b5998;position: absolute;display: inline-block;right: -44px;top: 33px;} .top10Main .fShare:before{content: 'u';color: #fff;line-height: 2.3;font-size: 20px;} .top10Main .fShare span{display: inline-block;width: 100%;float: right;text-align: center;font-family: droidKufiLight, arial;color: #3b5998;font-size: 11px;background: #fff;height: 16px;position: absolute;right: 0;top: -16px;line-height: 1.6;} .malaab .fShare{width: 44px;height: 44px;background-color: #3b5998;position: absolute;display: inline-block;right: -44px;top: 33px;} .malaab .fShare:before{content: 'u';color: #fff;line-height: 2.3;font-size: 20px;} .malaab .fShare span{display: inline-block;width: 100%;float: right;text-align: center;font-family: droidKufiLight, arial;color: #3b5998;font-size: 11px;background: #fff;height: 16px;position: absolute;right: 0;top: -16px;line-height: 1.6;} /** Top10 ProfilePlayer **/ /*.playerProfile{padding-bottom:56%}*/ .playerProfile .top10Ttl{padding:0 16px 0 0} .playerProfile .top10Ttl .zedSponsor{margin-left:10px} .playerProfile .top10Ttl .pLogo{display:inline-block;float:right;margin-top:16px;margin-left:20px} .playerProfile .top10Ttl .pLogo img{display:inline-block;border:none;width:auto;height:40px} .playerProfile .top10Ttl h1{width:auto;} .playerProfile .top10Ttl h1 span{font-family: CenturyGothicLight, DroidKufiLight, Arial;font-size: 18px;} /*.playerProfile.top10Main .TTLArrow{display:inline-block;float:left;height:100%;margin-left:4px}*/ .playerProfile.top10Main .rArrow{background-color: rgba(0,0,0,0.4);position: absolute;right: -156px;top: 50%;transform: translateY(-50%);width: 60px;height: 90px;border-bottom-left-radius: 90px;border-top-left-radius: 90px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .playerProfile.top10Main .rArrow:hover{background-color:#99ca43} .playerProfile.top10Main .rArrow:before{content:'r';line-height: 2.3;} .playerProfile.top10Main .lArrow:before{content:'q';line-height: 2.3;} .playerProfile.top10Main .pArrow:before{color:#99ca43;font-size:40px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .playerProfile.top10Main .pArrow:hover:before{color:#fff;font-size:40px} .playerProfile.top10Main .pArrow a{display:inline-block;position:absolute;top:0;right:0;width:100%;height:100%} .playerProfile.top10Main .lArrow{background-color: rgba(0,0,0,0.4);position: absolute;left: -156px;top: 50%;transform: translateY(-50%);width: 60px;height: 90px;border-bottom-right-radius: 90px;border-top-right-radius: 90px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .playerProfile.top10Main .lArrow:hover{background-color:#99ca43} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{display:inline-block;float:right;width:370px;height:100%;margin-left:15px} .playerProfile .top10ListMain .leftSide{margin-left:0;margin-right:15px} .playerProfile .top10ListMain .playerBlock{display: inline-block;position: relative;background: rgba(0,0,0,0.4);width:100%;padding:0 15px 30px 15px;margin-bottom:15px} .playerProfile .top10ListMain .playerInfo{float: right;height: auto;} .playerProfile h2{display: inline-block;width: 100%;float: right;font-family:DroidKufiBold, Arial;font-size: 18px;color: #fff;text-align: right;direction: rtl;line-height: 2.5;color:#99ca43;margin-bottom:15px} .playerProfile .top10ListMain .playerInfo .topDtls, .playerProfile .top10ListMain .playerInfo .bottomDtls{display:inline-block;width:100%;position:relative} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:41px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{display: block;width: auto;position: absolute;right: 20px;top: 0;} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p{color:#aaa;font-family:DroidKufiLight, Arial;font-size:16px;text-align:center;} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{display:block;color:#fff;font-size:18px;line-height:1.5;font-family:CenturyGothicLight, DroidKufiLight, Arial} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{position: absolute;right: auto;left: 20px;top: 0;} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:16px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{display:inline-block;width: min-content; margin: 0 calc((100% - 152px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{display:inline-block;border:none;width:152px;height:auto} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{top: auto;right: auto;width: 100%;text-align: center;left:50%;transform:translateX(-50%)} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size: 14px;float:right;font-family: DroidKufiLight, Arial;margin-left:0;text-align: center;width: 100%;} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{display:inline-block;float: unset;font-size: 15px;font-family: CenturyGothicLight, DroidKufiLight, Arial;line-height:1.8} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls.pTeam p{color:#99ca43} .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP{display:block;float:right;width:auto;} .playerProfile .top10ListMain .playerInfo .bottomDtls p{color:#aaa;font-family: CenturyGothicLight, DroidKufiLight, Arial;font-size:15px;text-align:center;} .playerProfile .top10ListMain .playerInfo .bottomDtls span{display:inline-block;color:#fff;font-size:14px;line-height:1.5;font-family: CenturyGothicLight, DroidKufiLight, Arial;} .playerProfile .top10ListMain .playerInfo .bottomDtls span:nth-child(2n+1){font-size:12px} .playerProfile .top10ListMain .playerInfo .bottomDtls .length{float:left} .playerProfile .top10ListMain .playerInfo .bottomDtls .birth{display:inline-block;float:none} .playerProfile .top10ListMain .playerStatistics{float:right;height: auto;margin-bottom:0;padding-bottom:16px} .playerProfile .top10ListMain .playerStatistics li{display:inline-block;width:100%;float:right;padding:12px 0} .playerProfile .top10ListMain .playerStatistics li p{display:inline-block;width:calc(100% - 35px);color:#99ca43;font-family: CenturyGothicLight, DroidKufiLight, Arial;font-size:15px} .playerProfile .top10ListMain .playerStatistics li p span{color:#fff} .playerProfile .top10ListMain .playerStatistics li img{border: none;display: inline-block;float: right;width: 30px;height: 30px;margin-left: 5px;margin-top: -2px;} .playerProfile .top10ListMain .playerStatistics li:nth-child(2n+1){background: rgba(0,0,0,0.3)} .playerProfile .top10ListMain .leftSide{float:left} .playerProfile .top10ListMain .leftSide .pMoney{display:inline-block;width:100%;text-align:center} .playerProfile .top10ListMain .leftSide .pMoney p{display:inline-block;width:100%;color:#fff;font-family: CenturyGothicLight, DroidKufiLight, Arial;font-size:36px;text-align:center;line-height:1} .playerProfile .top10ListMain .leftSide .pMoney p span{color:#fff;font-size:14px;line-height:1.5;} .playerProfile .top10ListMain .leftSide .tshirt{display:inline-block;width:auto;margin-left:30px;line-height:1} .playerProfile .top10ListMain .leftSide .tshirt:last-child{margin-left:0} .playerProfile .top10ListMain .leftSide .tshirt p{display:inline-block;width:100px;height:100px;position:relative} .playerProfile .top10ListMain .leftSide .tshirt p:before{content:']';color:#b22324;font-size: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);line-height: 1;} .playerProfile .top10ListMain .leftSide .tshirt p span{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);color: #fff;font-size:26px;font-family:CenturyGothicLight, DroidKufiLight, Arial} .playerProfile .top10ListMain .leftSide .tshirt span{display:block;text-align:center;color:#fff;font-family: DroidKufiLight, Arial;font-size:15px} .playerProfile .top10ListMain .leftSide .playerPosition img{display:inline-block;width:auto;height:320px;border:none} .playerProfile .top10ListMain .centerSide{display:inline-block;float:right;width:calc(100% - 770px);height:100%} .playerProfile .top10ListMain .centerSide .playerBlock{height:100%;margin-bottom:0} .playerProfile .top10ListMain .centerSide .playerTable{display:inline-block;width:100%} .playerProfile .top10ListMain .centerSide .playerTable .titleRow, .playerProfile .top10ListMain .centerSide .playerTable .playerRow{display: inline-block;width: 100%;float: right;height: 50px;padding:0 16px} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem{float: right;font-family: DroidKufiLight, Arial;color: #99ca43;font-size: 16px;text-align: right;width: 140px;line-height: 3;} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:100px!important;text-align:center!important} .playerProfile .top10ListMain .centerSide .playerTable .teams{width:calc(100% - 360px)!important} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{float: right;font-family: CenturyGothicLight, DroidKufiLight, Arial;color: #fff;font-size: 14px;text-align: right;width: 140px;line-height: 3.5} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem.years span{font-family: DroidKufiLight, Arial;font-size:11px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{border: none;display: inline-block;float: right;width: auto;height: 20px;margin-left:10px;margin-top:14px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams p{font-family: DroidKufiLight, Arial;font-size: 14px;} .playerProfile .top10ListMain .centerSide .playerTable .playerRow:nth-child(2n+1), .playerProfile .top10ListMain .centerSide .playerTable .titleRow{background: rgba(0,0,0,0.3)} .playerProfile .top10ListMain .leftSide .playerPosition {margin-bottom:0} .playerProfile .top10Ttl h1 span:first-child{color:#fff} .playerProfile .top10Ttl .back{display:inline-block;width: 160px;height:100%;background: #111;float: left;color:#fff;font-family:DroidKufiLight, Arial;font-size:16px;line-height:4.3} .playerProfile .top10Ttl .back:hover{background:#99ca43} .playerProfile .top10ListMain .leftSide .tshirt p.manchester:before{color:#6caddf} .playerProfile .top10ListMain .leftSide .tshirt p.naboly:before{color:#2651a5} .playerProfile .top10ListMain .leftSide .tshirt p.liverpool:before{color:#c90008} .playerProfile .top10ListMain .leftSide .tshirt p.lel:before{color:#ba2627} .playerProfile .top10ListMain .leftSide .tshirt p.krastalBalace:before{color:#1b458f} .playerProfile .top10ListMain .leftSide .tshirt p.madrid:before{color:#2d315f} .playerProfile .top10ListMain .leftSide .tshirt p.eyaks:before{color:#de0000} .playerProfile .top10ListMain .leftSide .tshirt p.egypt:before{color:#ce1127} .playerProfile .top10ListMain .leftSide .tshirt p.senegal:before{color:#008540} .playerProfile .top10ListMain .leftSide .tshirt p.ivory:before{color:#f67f00} .playerProfile .top10ListMain .leftSide .tshirt p.guinea:before{color:#ce1127} .playerProfile .top10ListMain .leftSide .tshirt p.algeria:before{color:#006233} .playerProfile .top10ListMain .leftSide .tshirt p.ghana:before{color:#fff} .playerProfile .top10ListMain .leftSide .tshirt p.morocco:before{color:#e61938} .playerProfile .top10ListMain .leftSide .tshirt p.cameron:before{color:#007a5e} .playerProfile.top10Main.andre .lArrow, .playerProfile.top10Main.salah .rArrow{background-color: rgba(0,0,0,0.2);} .playerProfile.top10Main.andre .lArrow:before, .playerProfile.top10Main.salah .rArrow:before{ color: rgba(153, 202, 67,0.2);} .playerProfile.top10Main.andre .lArrow a, .playerProfile.top10Main.salah .rArrow a{cursor:default;pointer-events:none} .acn .masrawyContainer{padding-bottom:47%;position:relative;background:url(../Images/ACN/Top10BG.jpg?ref=0.1) no-repeat center center;background-size:100% auto} .acn .content-wrap{background:rgba(0,0,0,0.2);position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%} .acn .content{background:none;height:100%} .acn .container{background-color:#192a17} .top10ListMain .list .table{display: inline-block;float: right;width: 100%;} .malaab #loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .container-ACN.malaab { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; padding-bottom: 55%; margin: 0px; } .malaab .Mob-logo-ACN {display:none} .malaab .Mob-logo-ACN .logoMob {position: absolute; top:0;right:0;width: 122px; mix-blend-mode: screen;border: none;} .malaab .Mob-logo-ACN .sponsorMob {position: absolute; top:0;left:15px;width: 35px;border: none;} .malaab #field { width: 100%; height: 100%; background: url('../Images/ACN/stadium-rasterized.jpg') top left no-repeat; background-size: 100% 100%; overflow: hidden; float: right; position: absolute; top:0; right:0 } .malaab #field::after{content:'';width: 80px; height:122px;background: url('../Images/ACN/zed-logo.png')no-repeat;background-size: 100% 100%;position: absolute;top:50px;left:50px} .malaab #field::before{content:'لحظات تاريخية للفراعنة في افريقيا';width: 400px; height:194px;background: url('../Images/ACN/mal3ab-el-can-logo.gif')no-repeat;background-size: 100% 100%;position: absolute;top:25%;left:50%;transform: translate(-50%, 0); mix-blend-mode: screen;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse; font-family: DroidKufiLight,Arial;font-size: 14px;color:#FFF;line-height:.5} .malaab .pulse{ position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); width:35px; height:20px; border-radius:50%; background-color: #efe5c6; } .malaab .pulse:before{ content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:transparent; border-radius:50%; border:1px solid #efe5c6; animation:animate 1s linear infinite; opacity:0; } .malaab .pulse.pHover{width: 55px;background-color: #ffb600} .malaab .pulse.pHover:before{border:1px solid #ffb600} @KeyFrames animate{ 0%{ transform:scale(1); opacity:1; } 100%{ transform:scale(2); opacity:0; } } .malaab .pulse:hover{ animate:none;} .malaab .box{ position:absolute;/*width: 110px; height: 48px;*/ background-position: 0px 0px; background-repeat: no-repeat;z-index: 1;} .malaab .box:hover{z-index:9} .malaab .aa { position: relative; opacity: 0; visibility: hidden; width: 35px; height: 20px; margin: 0 auto; top: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .malaab .pulse:hover > .aa { pointer-events: all; opacity: 1; visibility: visible; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; } .malaab .pInActive { top: 0; left: 0; opacity: 1; position: absolute; background: #5d9e4c; mix-blend-mode: screen; } .malaab .pActive {top: 0px; left: 50%;transform: translate(-50%, -50%);transition: opacity 0s ease 0s;opacity:1; } /*.cutOut { background-image: url('images/player-w-shadows.png'); width: 230px; height: 147px; background-repeat: no-repeat; background-size: contain; }*/ .malaab .window-ACN { background: #fdf3e1; position: absolute; width: 940px; height: 530px; top: 50%; left: 50%; transition: /*top 1s ease, left 1s ease, transform*/ 0.4s ease; box-shadow: 0 25px 30px rgba(0,0,0,.5); } .malaab .wInActive { top:30%; left:50%; background: #fdf3e1; position:absolute; width:900px; height:420px; transform:translate(-50%) scale(0); z-index:9999; padding-top: 60px; } .malaab .wActive { transition: /*top 1s ease, left 1s ease, transform */ 0.4s ease; transform: translateX(-50%) scale(1); top:30px; left:50%; background: #fdf3e1; position:absolute; width:900px; height:480px; z-index:9999; padding-top: 60px; } .malaab .content-ACN { position:absolute; width: 320px; height: 156px; padding: 8px 10px; margin:0px; border: 2px solid #fff; top: -150px; left: 28px; color:#fff; background: #0a1c30; font-size:10px; opacity: 1; box-shadow: 0 2px 2px 1px rgba(0,0,0,.3); z-index:99; } .malaab .content-ACN .text{float:right;display:inline-block;width: calc(100% - 120px);margin-left:20px} .content-ACN img { mix-blend-mode: screen; width: 100px; height: auto; border: none; float:right; margin-top: 25px; } .malaab .content-ACN i {margin: 6px;float: left;line-height: 1.2;} .malaab .box:hover > .content-ACN { opacity: 1; transition:opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); pointer-events: none; -webkit-transition:opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -moz-transition:opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -ms-transition:opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); -o-transition:opacity 0.4s cubic-bezier(1,-0.05,.57,1.01); } .malaab .content-ACN.cNone{display: none} .malaab h1{margin:0px;padding:0px;text-align:right;font-family: DroidKufiBold,Arial;font-size: 15px;color:#fff;line-height: 1.6;margin-bottom: 5px;} .malaab h2{margin:0px;padding:0px;font-size: 12px;text-align:right;font-family:DroidKufiLight,Arial;color:#fff;} .malaab h3{text-align:right;margin:0px;padding:0px; font-size:14px;font-family:DroidKufiLight,Arial;color:#fff;} .malaab #trigger1 {top: 69%; left: 71%; transform: translate(50px, 12px);} /*1*/ .malaab #trigger2 {top: 73%; left: 47%; transform: translate(50px, 12px);} /*2*/ .malaab #trigger3 {top:83%;left: 8%; transform: translate(50px, 12px);} /*3*/ .malaab #trigger4 {top: 75%;left: 30%; transform: translate(50px, 12px);} /*4*/ .malaab #trigger5 {top: 70%;left: 55%; transform: translate(50px, 12px);} /*5*/ .malaab #trigger6 {top: 69%;left: 65%; transform: translate(50px, 12px);} /*6*/ .malaab #trigger7 {top: 70%;left: 22%; transform: translate(50px, 12px);} /*7*/ .malaab #trigger8 {top: 72%;left: 75%; transform: translate(50px, 12px);} /*8*/ .malaab #trigger9 {top: 69%;left: 29%; transform: translate(50px, 12px);} /*8*/ .malaab #trigger10 {top: 77%;left: 73%; transform: translate(50px, 12px);} /*10*/ .malaab #trigger11 {top: 76%;left: 67%; transform: translate(50px, 12px);} /*11*/ .malaab #trigger12 {top: 85%;left: 47%; transform: translate(50px, 12px);} /*11*/ .malaab #trigger13 {top: 73%;left: 18%; transform: translate(50px, 12px);} /*13*/ .malaab #trigger14 {top: 68%;left: 75%; transform: translate(50px, 12px);} /*14*/ /*#trigger1 .cutOut {background-image: url('../Images/ACN/1.gif');} #trigger2 .cutOut {background-image: url('../Images/ACN/2.gif');} #trigger3 .cutOut {background-image: url('../Images/ACN/3.gif');} #trigger4 .cutOut {background-image: url('../Images/ACN/4.gif');} #trigger5 .cutOut {background-image: url('../Images/ACN/5.gif');} #trigger6 .cutOut {background-image: url('../Images/ACN/6.gif');} #trigger7 .cutOut {background-image: url('../Images/ACN/7.gif');} #trigger8 .cutOut {background-image: url('../Images/ACN/8.gif');} #trigger9 .cutOut {background-image: url('../Images/ACN/9.gif');} #trigger10 .cutOut {background-image: url('../Images/ACN/10.gif');} #trigger11 .cutOut {background-image: url('../Images/ACN/11.gif');} #trigger12 .cutOut {background-image: url('../Images/ACN/12.gif');} #trigger13 .cutOut {background-image: url('../Images/ACN/13.gif');} #trigger14 .cutOut {background-image: url('../Images/ACN/14.gif');}*/ .malaab .link p {position: absolute;width: 85px;height: 25px;background:#e03124;margin: 0px;padding: 0px;text-align:center;cursor: pointer;user-select: none;font-size: 12px;font-family:DroidKufiLight,Arial;bottom: 8px;color:#fff;line-height: 1.9;} .malaab .yellowBK{position: absolute;display: inline-block;top: 25px;left: -30px;border: none;} .malaab .wcontainer{position: relative;display: inline-block;width: 100%;height: 100%;} .malaab .textp{display: inline-block;float: right;width: 335px;padding: 0 20px 0 10px; max-height:520px} .malaab .textp .date{display: inline-block;width: 100%;text-align: right;font-size: 16px;color:#000;font-family: DroidKufiLight,Arial;margin: 0;padding: 0;float: right} .malaab iframe { border: 6px solid black; padding: 0px;background: #fdf3e1;bottom: 10%; left: -95px;width: 620px;height: 380px;position: absolute} .malaab .close-ACN{position:absolute;top: -40px;right: 20px; cursor: pointer;user-select: none ;color:#000;z-index:999} .malaab .close-ACN:before{content: "O";display: block;font-size: 20px;line-height: 1;margin: 2px 0;color:#000} .malaab .close-ACN:hover {color:#000;} .malaab .next img {position: absolute;right: -100px; top: 50%;transform: translateY(-50%);cursor: pointer;user-select: none;width: 75px;height: 95px;border: none;} .malaab .prev img{position: absolute;left:-200px;top: 50%;transform: translateY(-50%);cursor: pointer;user-select: none;width: 75px;height: 95px;border: none;} .malaab #info1{display: inline-block;float: right;width: 100%;text-align: center;margin-top: 5px;} .malaab #info1 p {position: relative;font-size: 18px;text-align: right;font-family: DroidKufiLight,Arial;color: #000;margin: 0;padding: 0} .malaab .showMore{display: inline-block;width: 100px;height: 35px;background-color: #e03124;text-align: center;float: right;margin-top:45px;border: 2px solid #000;cursor: pointer} .malaab .showMore p{color: #fff;position: relative;height: 100%;font-size: 15px;font-family: DroidKufiLight,Arial;text-align: center;margin: 0;padding:1px;line-height: 1.9} .malaab .showMore p i{display: inline-block;position: absolute;left: 8px;line-height: 2;font-size: 16px;} .malaab #title h1{position: relative;text-align: right;font-size: 28px;font-family:DroidKufiLight,Arial;color: #000;} .malaab .remainText{opacity: 0; position: absolute;top: 25px;} .malaab .remainText p{position:relative;/*max-height:180px;*/ font-size:16px;text-align:right;font-family: DroidKufiLight,Arial;color: #000;transition: max-height 0.4s;padding: 10px 20px;} .malaab .openText {max-height:520px ;display:inline-block;text-align: right;} .malaab #title{display:inline-block;width: 100%;float: right;text-align: center} .malaab .back{display: inline-block;width: 100px;height: 35px;background-color: #e03124;text-align: center;float: right;margin-top:45px;margin-right:20px;border: 2px solid #000;cursor: pointer} .malaab .back p{color: #fff;position: relative;height: 100%;font-size: 15px;font-family: DroidKufiLight,Arial;text-align: center;margin: 0;padding:1px;line-height: 1.9} .malaab .back p i{display: inline-block;position: absolute;left: 8px;line-height: 2;font-size: 16px;} .malaab .show { opacity: 1; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; } .malaab .hide { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .malaab .Text-Mob{display:none} /******************** Media ********************/ @media screen and (min-width:1680px) and (max-width:1850px) { .malaab #trigger8 .content-ACN{left:-10px} .malaab #trigger14 .content-ACN{left:-10px} } @media screen and (min-width:1600px) and (max-width:1679px) { .malaab #trigger8 .content-ACN{left:-30px} .malaab #trigger10 .content-ACN{left:-30px} .malaab #trigger14 .content-ACN{left:-20px} } @media screen and (min-width:1536px) and (max-width:1599px) { .malaab #trigger1 .content-ACN{left:-30px} .malaab #trigger8 .content-ACN{left:-50px} .malaab #trigger10 .content-ACN{left:-50px} .malaab #trigger14 .content-ACN{left:-40px} } @media screen and (min-width:1440px) and (max-width:1535px){ .malaab .prev img {left: -150px;} .malaab #trigger1 .content-ACN{left:-30px} .malaab #trigger8 .content-ACN{left:-60px} .malaab #trigger10 .content-ACN{left:-50px} .malaab #trigger14 .content-ACN{left:-60px} } @media screen and (min-width:1360px) and (max-width:1439px){ .malaab .wActive {width: 800px;} .malaab .prev img {left: -150px;} .malaab .wcontainer iframe {width: 580px;} .malaab #trigger1 .content-ACN{left:-30px} .malaab #trigger8 .content-ACN{left:-80px} .malaab #trigger10 .content-ACN{left:-50px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-80px} } @media screen and (min-width:1280px) and (max-width:1359px){ .malaab .wActive {width: 800px;left: 52%;} .malaab .prev img {left: -150px;} .malaab .wcontainer iframe {width: 580px;} .malaab #trigger1 .content-ACN{left:-70px} .malaab #trigger8 .content-ACN{left:-100px} .malaab #trigger10 .content-ACN{left:-70px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-100px} } @media screen and (min-width:1152px) and (max-width:1279px){ .malaab .wActive {width: 800px;left: 52%;} .malaab .pulse{width:25px;height:10px} .malaab #trigger1 {top: 69%; left: 71%; transform: translate(32px, 8px);} /*1*/ .malaab #trigger2 {top: 73%; left: 47%; transform: translate(32px, 8px);} /*2*/ .malaab #trigger3 {top:83%;left: 8%; transform: translate(32px, 8px);} /*3*/ .malaab #trigger4 {top: 75%;left: 30%; transform: translate(32px, 8px);} /*4*/ .malaab #trigger5 {top: 70%;left: 55%; transform: translate(32px, 8px);} /*5*/ .malaab #trigger6 {top: 69%;left: 65%; transform: translate(32px, 8px);} /*6*/ .malaab #trigger7 {top: 70%;left: 22%; transform: translate(32px, 8px);} /*7*/ .malaab #trigger8 {top: 72%;left: 75%; transform: translate(32px, 8px);} /*8*/ .malaab #trigger9 {top: 69%;left: 29%; transform: translate(32px, 8px);} /*8*/ .malaab #trigger10 {top: 77%;left: 73%; transform: translate(32px, 8px);} /*10*/ .malaab #trigger11 {top: 76%;left: 67%; transform: translate(32px, 8px);} /*11*/ .malaab #trigger12 {top: 85%;left: 47%; transform: translate(32px, 8px);} /*11*/ .malaab #trigger13 {top: 73%;left: 18%; transform: translate(32px, 8px);} /*13*/ .malaab #trigger14 {top: 68%;left: 75%; transform: translate(32px, 8px);} /*14*/ .malaab #trigger1 .content-ACN{left:-70px} .malaab #trigger6 .content-ACN{left:-70px} .malaab #trigger8 .content-ACN{left:-100px} .malaab #trigger10 .content-ACN{left:-70px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-100px} } @media screen and (min-width:1024px) and (max-width:1151px){ .malaab .wActive {width: 700px;left: 52%;} .malaab #field::before{background-size: 100% auto;top:12%;width: 320px;height: 164px;} .malaab iframe {bottom: auto;left: -66px;width: 480px;height:294px;top: 20px;} .malaab .next img {position: absolute;right: -57px;top: 40%;transform: translateY(-50%);cursor: pointer;user-select: none;width: 50px;height: 66px;border: none;} .malaab .pulse{width:25px;height:10px} .malaab #trigger1 {top: 69%; left: 71%; transform: translate(32px, 8px);} /*1*/ .malaab #trigger2 {top: 73%; left: 47%; transform: translate(32px, 8px);} /*2*/ .malaab #trigger3 {top:83%;left: 8%; transform: translate(32px, 8px);} /*3*/ .malaab #trigger4 {top: 75%;left: 30%; transform: translate(32px, 8px);} /*4*/ .malaab #trigger5 {top: 70%;left: 55%; transform: translate(32px, 8px);} /*5*/ .malaab #trigger6 {top: 69%;left: 65%; transform: translate(32px, 8px);} /*6*/ .malaab #trigger7 {top: 70%;left: 22%; transform: translate(32px, 8px);} /*7*/ .malaab #trigger8 {top: 72%;left: 75%; transform: translate(32px, 8px);} /*8*/ .malaab #trigger9 {top: 69%;left: 29%; transform: translate(32px, 8px);} /*8*/ .malaab #trigger10 {top: 77%;left: 73%; transform: translate(32px, 8px);} /*10*/ .malaab #trigger11 {top: 76%;left: 67%; transform: translate(32px, 8px);} /*11*/ .malaab #trigger12 {top: 85%;left: 47%; transform: translate(32px, 8px);} /*11*/ .malaab #trigger13 {top: 73%;left: 18%; transform: translate(32px, 8px);} /*13*/ .malaab #trigger14 {top: 68%;left: 75%; transform: translate(32px, 8px);} /*14*/ .malaab #trigger1 .content-ACN{left:-70px} .malaab #trigger6 .content-ACN{left:-70px} .malaab #trigger8 .content-ACN{left:-100px} .malaab #trigger10 .content-ACN{left:-70px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-100px} } @media only screen and (max-width: 1023px){ .malaab .Mob-logo-ACN {width: 100%;display: inline-block;height: 70px;float: right;} .malaab .Mob-logo-ACN .sponsorMob {top: 10px;left: 28px;} .malaab .Mob-logo-ACN p{font-family: DroidKufiLight,Arial;font-size: 16px;color: #FFF;position: absolute;text-align: center;width: 100%;left: 0;line-height: 4;} .container-ACN.malaab {padding-bottom: 145%;} .container-ACN.malaab::before{content:'';background-image:url(../Images/ACN/mob-background.jpg) ; width: 100%;height: 106%;position: absolute;background-size: 100% 100%;right: 0;top: 0;} .malaab #field {background:url('../Images/ACN/mob-field.png')no-repeat;background-size: 100% auto;top: 60px;} .malaab .Mob-logo-ACN .logoMob {top: 8px;right: 16px;} .malaab .pulse{width:22px;height:22px} .malaab #trigger1 {top: 7%; left: 27%;} /*1*/ .malaab #trigger2 {top: 45.5%; left: 43%;} /*2*/ .malaab #trigger3 {top:89%;left: 83%;} /*3*/ .malaab #trigger4 {top: 68%;left: 60%;} /*4*/ .malaab #trigger5 {top: 35%;left: 30%;} /*5*/ .malaab #trigger6 {top: 16%;left: 30%;} /*6*/ .malaab #trigger7 {top: 82%;left: 34%;} /*7*/ .malaab #trigger8 {top: 5%;left: 40%;} /*8*/ .malaab #trigger9 {top: 70%;left: 30%;} /*9*/ .malaab #trigger10 {top: 10%;left: 64%;} /*10*/ .malaab #trigger11 {top: 18%;left: 55%;} /*11*/ .malaab #trigger12 {top: 45.5%;left: 88%;} /*12*/ .malaab #trigger13 {top: 85%;left: 45%;} /*13*/ .malaab #trigger14 {top: 30%;left: 60%;} /*14*/ .malaab .content-ACN {width: 320px;height: 156px;top:14px;left:34px;} .malaab #trigger10 .content-ACN{left:-80px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-100px} .malaab #trigger12 .content-ACN{left:-260px} .malaab #trigger4 .content-ACN{left:-70px} .malaab #trigger3 .content-ACN{left:-290px;top:-150px} .malaab #trigger13 .content-ACN{left:36px;top:-150px} .malaab #trigger7 .content-ACN{left:36px;top:-150px} .malaab .wActive {width: 95%;height: 750px;top:0;padding-top:0} .malaab .wcontainer iframe {left: 10px;width: 480px;height: 250px;margin: 0 calc((100% - 480px) / 2);top: 7%;z-index: 9999;} .malaab .yellowBK {width: 100%;left:0;height: 100%;top: 0;} .malaab .showMore{margin: 10px 0;} .malaab .close-ACN {top: 14px;left: 14px;right:auto} .malaab #title h1 {font-size:22px} .malaab #info1 p{font-size: 18px;} .malaab .textp{position: absolute;bottom: -30px;right: 0;overflow: scroll;height: 50%;width: 100%;} .malaab .showMore {display:none !important} .malaab .Text-Mob {width: 100%;display:block} .malaab .Text-Mob p {font-family: DroidKufiLight,Arial ;font-size: 16px;line-height: 1.9;margin-bottom: 50px;} .malaab .wcontainer{height: 96%;overflow: hidden;} .malaab .pulse.pHover {width: 25px;} .malaab .remainText {display:none} .malaab #field::before {display:none} .malaab #field::after {display:none} } @media screen and (min-width:320px) and (max-width:767px){ .malaab .Mob-logo-ACN {width: 100%;display: inline-block;height: 50px;float: right;} .malaab .Mob-logo-ACN .sponsorMob {top: 5px;left: 14px;} .malaab .Mob-logo-ACN p{font-family: DroidKufiLight,Arial;font-size: 14px;color: #FFF;position: absolute;text-align: center;width: 150px;left: 50%;transform:translateX(-50%);line-height:1.5;margin-top: 6px;} .container-ACN.malaab {padding-bottom: 145%;} .container-ACN.malaab::before{content:'';background-image:url(../Images/ACN/mob-background.jpg) ; width: 100%;height: 118%;position: absolute;background-size: 100% 100%;right: 0;top: 0;} .malaab #field {background:url('../Images/ACN/mob-field.png')no-repeat;background-size: 100% auto;top: 60px;} .malaab .Mob-logo-ACN .logoMob {top: 10px;right: 4px;width: 100px;} .malaab .pulse{width:22px;height:22px} .malaab #trigger1 {top: 7%; left: 27%;transform: translate(24px, 12px)} /*1*/ .malaab #trigger2 {top: 45.5%; left: 43%;transform: translate(24px, 12px)} /*2*/ .malaab #trigger3 {top:89%;left: 83%;transform: translate(24px, 12px)} /*3*/ .malaab #trigger4 {top: 68%;left: 60%;transform: translate(24px, 12px)} /*4*/ .malaab #trigger5 {top: 35%;left: 30%;transform: translate(24px, 12px)} /*5*/ .malaab #trigger6 {top: 16%;left: 30%;transform: translate(24px, 12px)} /*6*/ .malaab #trigger7 {top: 82%;left: 34%;transform: translate(24px, 12px)} /*7*/ .malaab #trigger8 {top: 5%;left: 40%;transform: translate(24px, 12px)} /*8*/ .malaab #trigger9 {top: 70%;left: 30%;transform: translate(24px, 12px)} /*9*/ .malaab #trigger10 {top: 10%;left: 64%;transform: translate(24px, 12px)} /*10*/ .malaab #trigger11 {top: 18%;left: 55%;transform: translate(24px, 12px)} /*11*/ .malaab #trigger12 {top: 45.5%;left: 88%;transform: translate(24px, 12px)} /*12*/ .malaab #trigger13 {top: 85%;left: 45%;transform: translate(24px, 12px)} /*13*/ .malaab #trigger14 {top: 30%;left: 60%;transform: translate(24px, 12px)} /*14*/ .malaab .content-ACN {width: 320px;height: 156px;top:14px;left:34px;} .malaab #trigger10 .content-ACN{left:-80px} .malaab #trigger11 .content-ACN{left:-70px} .malaab #trigger14 .content-ACN{left:-100px} .malaab #trigger12 .content-ACN{left:-260px} .malaab #trigger4 .content-ACN{left:-70px} .malaab #trigger3 .content-ACN{left:-290px;top:-150px} .malaab #trigger13 .content-ACN{left:36px;top:-150px} .malaab #trigger7 .content-ACN{left:36px;top:-150px} .malaab .wActive {width: 95%;height: 750px;top:0;padding-top:0} .malaab .wcontainer iframe {left: 0;width: 300px;height: 184px;margin: 0 calc((100% - 300px) / 2);top: 7%;z-index: 9999;} .malaab .yellowBK {width: 100%;left:0;height: 100%;top: 0;} .malaab .showMore{margin: 10px 0;} .malaab .close-ACN {top: 14px;left: 14px;right:auto} .malaab #title h1 {font-size:22px} .malaab #info1 p{font-size: 18px;} .malaab .textp{ position: absolute;top: 250px;right: 0;overflow: scroll;height: 50%;width: 100%;bottom: auto;padding: 10px;} .malaab .showMore {display:none !important} .malaab .Text-Mob {width: 100%;display:block} .malaab .Text-Mob p {font-family: DroidKufiLight,Arial ;font-size: 16px;line-height: 1.9;margin-bottom: 50px;} .malaab .wcontainer{height: 96%;overflow: hidden;} .malaab .pulse.pHover {width: 25px;} .malaab .remainText {display:none} .malaab #field::before {display:none} .malaab #field::after {display:none} .malaab .pulse:hover > .aa .content-ACN{opacity:0;visibility:hidden} } @media screen and (max-width:320px){ .malaab #info1 p {font-size: 12px;} .malaab .remainText p {font-size: 12px;} } /**********************************************************************/ @media screen and (min-width:1680px) and (max-width:1919px) { .top10ListMain {height: calc(100% - 82px);} .top10ListMain .top3{width:210px} .top10ListMain .list{width: calc(100% - 226px);} .top10ListMain .list .ttlRow{height:50px} .top10ListMain .list .wRow{height:50px;margin-bottom: 7px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.4} /*.playerProfile{padding-bottom:56%}*/ /*.playerProfile .top10Ttl{height:50px} .playerProfile .top10Ttl h1{font-size:22px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:8px} .playerProfile .top10Ttl .pLogo img{height:35px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:30px}*/ .playerProfile h2{font-size:15px;margin-bottom:10px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:120px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:14px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:47px} .playerProfile .top10ListMain .playerStatistics li{padding:9px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:90px;height:90px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:90px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:30px} .playerProfile .top10ListMain .playerBlock{padding:0 15px 22px 15px} .playerProfile .top10ListMain .leftSide .playerPosition img{height:291px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:360px} .playerProfile .top10ListMain .centerSide{width: calc(100% - 750px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{margin: 0 calc((100% - 120px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{margin-top:5px} .playerProfile .top10ListMain .playerBlock.playerInfo{ padding: 0 15px 14px 15px;} .playerProfile.top10Main .rArrow{right:-135px} .playerProfile.top10Main .lArrow{left:-135px} .top10Main .zedSponsor{left:-108px} .top10Ttl .afconBack{width:210px} } @media screen and (min-width:1600px) and (max-width:1679px) { .acn .masrawyContainer{padding-bottom:44%} .top10Main .zedSponsor{left:-106px;bottom:10px} /*.top10Main{padding-bottom:53%}*/ .top10Ttl{height:60px} .top10Ttl h1{line-height:2} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 8px 0;} .top10Ttl .zedSponsor img{height:44px} .top10ListMain {height: calc(100% - 80px);} .top10ListMain .top3{width:189px} .top10ListMain .list{width: calc(100% - 205px);} .top10ListMain .list .ttlRow{height:50px;margin-bottom: 12px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.5;padding:0} .top10ListMain .list .wRow{height:46px;margin-bottom: 5px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:4px 10px;} .top10ListMain .list .wRow .country {padding: 9px 10px} .top10ListMain .list .wRow .item{line-height:2.2} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.4} .top10Ttl .afconBack span{line-height:3.4} .top10Ttl .afconBack{width:189px} /*.playerProfile{padding-bottom:54%}*/ .playerProfile .top10ListMain {height: calc(100% - 58px);} .playerProfile .top10Ttl{height:50px} .playerProfile .top10Ttl h1{font-size:24px} .playerProfile .top10Ttl .pLogo{margin-top:8px} .playerProfile .top10Ttl .pLogo img{height:35px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:30px} .playerProfile h2{font-size:15px;margin-bottom:10px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:115px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:14px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:35px} .playerProfile .top10ListMain .playerStatistics li{padding:6.2px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:90px;height:90px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:90px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} /*.playerProfile .top10ListMain .playerBlock{padding:0 15px 20px 15px}*/ .playerProfile .top10ListMain .leftSide .playerPosition img{height:247px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:360px} .playerProfile .top10ListMain .centerSide{width: calc(100% - 750px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:13px;line-height:3.5} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{margin: 0 calc((100% - 115px) /2);} .playerProfile .top10ListMain .playerBlock{padding: 0 15px 18px 15px;} .playerProfile .top10Ttl .back{line-height:3} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile .top10ListMain .playerInfo{padding: 0 15px 11px 15px;} .playerProfile.top10Main .rArrow{right:-132px} .playerProfile.top10Main .lArrow{left:-132px} } @media screen and (min-width:1536px) and (max-width:1599px) { .acn .masrawyContainer{padding-bottom:44%} .top10Main .zedSponsor{left:-106px;bottom:15px} /*.top10Main{padding-bottom:52%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;} .top10Ttl{height:60px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:2} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 8px 0;} .top10Ttl .zedSponsor img{height:44px} .top10ListMain {height: calc(100% - 72px);} .top10ListMain .top3{width:183px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .list{width: calc(100% - 195px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:50px;margin-bottom: 12px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.5;padding:0} .top10ListMain .list .wRow{height:44px;margin-bottom: 5px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .wRow .country {padding: 8px 10px} .top10ListMain .list .wRow .item{line-height:2.1} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3} .top10Ttl .afconBack span{line-height:3.4} .top10Ttl .afconBack{width:183px} /*.playerProfile{padding-bottom:53%}*/ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl{height:50px} .playerProfile .top10Ttl h1{font-size:24px} .playerProfile .top10Ttl .pLogo{margin-top:8px} .playerProfile .top10Ttl .pLogo img{height:35px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:30px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{ margin: 0 calc((100% - 100px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:100px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:14px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:29px} .playerProfile .top10ListMain .playerStatistics li{padding:6.2px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:90px;height:90px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:90px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 15px 20px 15px} .playerProfile .top10ListMain .leftSide .playerPosition img{height:232px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:360px} .playerProfile .top10ListMain .centerSide{width: calc(100% - 750px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:13px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10Ttl .back{line-height:3} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile.top10Main .lArrow{left:-128px} .playerProfile.top10Main .rArrow{right:-128px} .playerProfile .top10ListMain .playerInfo{padding: 0 15px 15px 15px;} .top10Main .fShare{top:29px} .malaab .fShare{top:29px} } @media screen and (min-width:1440px) and (max-width:1535px) { .acn .masrawyContainer{padding-bottom:45%} .top10Main .zedSponsor{left:-96px;bottom:15px} .top10Main .zedSponsor img{height:110px} /*.top10Main{padding-bottom:53%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;} .top10Ttl{height:60px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:2;font-size: 24px;} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 8px 0;} .top10Ttl .zedSponsor img{height:44px} .top10ListMain {height: calc(100% - 68px);} .top10ListMain .top3{width:174px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .top3 .player .rank {width: 40px;height: 40px;font-size: 24px;line-height: 1.6;} .top10ListMain .list{width: calc(100% - 186px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:50px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.5;padding:0} .top10ListMain .list .wRow{height:44px;margin-bottom: 3px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .wRow .country {padding: 8px 10px} .top10ListMain .list .wRow .item{line-height:2.1} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3} .top10Ttl .afconBack span{line-height:3.4} .top10Ttl .afconBack{width:174px} /*.playerProfile{padding-bottom:56%}*/ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl{height:50px} .playerProfile .top10Ttl h1{font-size:24px} .playerProfile .top10Ttl .pLogo{margin-top:8px} .playerProfile .top10Ttl .pLogo img{height:35px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:30px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{ margin: 0 calc((100% - 90px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:90px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:34px} .playerProfile .top10ListMain .playerStatistics li{padding:6.2px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 15px 13px 15px} .playerProfile .top10ListMain .leftSide .playerPosition img{height:244px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:320px} .playerProfile .top10ListMain .centerSide{width: calc(100% - 670px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:13px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{bottom: -25px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10Ttl .back{line-height:3} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile .top10ListMain .playerInfo{ padding: 0 15px 7px 15px;} .playerProfile .top10ListMain .playerStatistics{padding: 0 15px 13px 15px;} .playerProfile.top10Main .lArrow{left:-120px} .playerProfile.top10Main .rArrow{right:-120px} .top10Main .fShare{top:29px} .malaab .fShare{top:29px} } @media screen and (min-width:1360px) and (max-width:1439px) { .acn .masrawyContainer{padding-bottom:43%} .playerP .masrawyContainer{padding-bottom:44%} .top10Main .zedSponsor{left:-82px;bottom:15px} .top10Main .zedSponsor img{height:85px} /*.top10Main{padding-bottom:50%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;} .top10Ttl{height:50px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:1.6;font-size: 20px;} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:155px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .top3 .player .rank {width: 36px;height: 36px;font-size: 22px;line-height: 1.6;} .top10ListMain .list{width: calc(100% - 167px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:40px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3;padding:0} .top10ListMain .list .wRow{height:38px;margin-bottom: 5px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3;font-size: 18px;} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:13px;line-height: 2.4;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .top10Ttl .afconBack span{line-height:3.4;font-size:16px} .top10Ttl .afconBack:before{font-size:16px} .top10Ttl .afconBack{width:155px} /*.playerProfile{padding-bottom:59%}*/ .playerProfile .top10ListMain {height: calc(100% - 54px);} .playerProfile .top10Ttl{height:45px} .playerProfile .top10Ttl h1{font-size:20px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:7px} .playerProfile .top10Ttl .pLogo img{height:32px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:45px;height:45px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{ margin: 0 calc((100% - 90px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:90px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:29px} .playerProfile .top10ListMain .playerStatistics li{padding:4px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 17px 10px;margin-bottom:10px} .playerProfile .top10ListMain .leftSide .playerPosition img{height:200px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:285px;margin-left:10px} .playerProfile .top10ListMain .leftSide{margin-right:10px;margin-left:0} .playerProfile .top10ListMain .centerSide{width: calc(100% - 590px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:13px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{bottom: -24px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:10px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:10px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10Ttl .back{line-height:3;font-size:15px} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile.top10Main .rArrow{right:-116px} .playerProfile.top10Main .lArrow{left:-116px} .playerProfile .top10ListMain .playerInfo{ padding: 0 10px 8px 10px;} .playerProfile .top10ListMain .playerStatistics{ padding: 0 10px 5px 10px;} .top10Main .fShare{top:29px} .malaab .fShare{top:29px} article .details iframe, article .details img{width:100%;margin:40px 0!important} article .imgDiv{width:100%} } @media screen and (min-width:1280px) and (max-width:1359px) { .acn .masrawyContainer{padding-bottom:46%;} .top10Main .zedSponsor{left:-78px;bottom:10px} .top10Main .zedSponsor img{height:80px} /*.top10Main{padding-bottom:60%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;} .top10Ttl{height:50px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:1.6;font-size: 20px;} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:157px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .top3 .player .rank {width: 36px;height: 36px;font-size: 22px;line-height: 1.6;} .top10ListMain .list{width: calc(100% - 169px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:40px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3;padding:0} .top10ListMain .list .wRow{height:38px;margin-bottom: 5px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3;font-size: 18px;} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:13px;line-height: 2.4;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .top10Ttl .afconBack span{line-height:3.4;font-size:16px} .top10Ttl .afconBack:before{font-size:16px} .top10Ttl .afconBack{width:157px} /*.playerProfile{padding-bottom:65%;}*/ .playerProfile .top10ListMain {height: calc(100% - 58px);} .playerProfile .top10Ttl{height:50px} .playerProfile .top10Ttl h1{font-size:20px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:7px} .playerProfile .top10Ttl .pLogo img{height:32px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:50px;height:50px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{ margin: 0 calc((100% - 90px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:90px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:11px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:11px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:25px} .playerProfile .top10ListMain .playerStatistics li{padding:4px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 24px 10px;margin-bottom:10px} .playerProfile .top10ListMain .leftSide .playerPosition img{height:166px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:270px;margin-left:10px} .playerProfile .top10ListMain .leftSide{margin-right:10px;margin-left:0} .playerProfile .top10ListMain .centerSide{width: calc(100% - 560px);} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:12px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{bottom: -24px;} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:10px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:10px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .titleRow, .playerProfile .top10ListMain .centerSide .playerTable .playerRow{height:45px} .playerProfile .top10Ttl .back{line-height:3} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile.top10Main .rArrow{right:-108px} .playerProfile.top10Main .lArrow{left:-108px} .playerProfile .top10ListMain .playerInfo{ padding: 0 10px 8px 10px;} .playerProfile .top10ListMain .playerStatistics{ padding: 0 10px 5px 10px;} .top10Main .fShare{top:29px} .malaab .fShare{top:29px} article .details iframe, article .details img{width:100%;margin:40px 0!important} article .imgDiv{width:100%} } @media screen and (min-width:1152px) and (max-width:1279px) { .acn .masrawyContainer{padding-bottom:51%;} .playerP .masrawyContainer{padding-bottom:0; background-size:auto 100% ;} .playerP .top10Main .zedSponsor{left: 16px;bottom: 10px;position: fixed;} .top10Main .zedSponsor{left: -72px;bottom: -8px;} .top10Main .zedSponsor img{height:80px} /*.top10Main{padding-bottom:60%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;position:relative} .top10Ttl{height:50px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:1.6;font-size: 20px;} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:157px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .top3 .player .rank {width: 36px;height: 36px;font-size: 22px;line-height: 1.6;} .top10ListMain .list{width: calc(100% - 169px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:40px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3;padding:0} .top10ListMain .list .wRow{height:38px;margin-bottom: 5px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3;font-size: 18px;} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:13px;line-height: 2.4;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .top10Ttl .afconBack span{line-height:3.4;font-size:16px} .top10Ttl .afconBack:before{font-size:16px} .top10Ttl .afconBack{width:157px} /*.playerProfile{padding-bottom:145%;background-size: auto 100%;}*/ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl{height:45px} .playerProfile .top10Ttl h1{font-size:20px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:7px} .playerProfile .top10Ttl .pLogo img{height:32px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:45px;height:45px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{position:absolute;right:10px;margin:0} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:135px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{margin-top:2px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px;display:block} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px;float:right;display:inline-block;margin-left:10px;line-height:1.9} .playerProfile .top10ListMain .playerStatistics li{padding:8px 0;width: calc(100% / 3);background:transparent!important} .playerProfile .top10ListMain .playerStatistics li:last-child{width:100%} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 18px 10px;margin-bottom:20px!important; height: auto!important} .playerProfile .top10ListMain .playerBlock.playerInfo {height:235px!important} .playerProfile .top10ListMain .leftSide .playerPosition img{height:257px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:100%;margin-left:0;height:auto} .playerProfile .top10ListMain .leftSide{margin-right:0;margin-left:0} .playerProfile .top10ListMain .centerSide{width: 100%;height:auto} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:12px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px;float:right;line-height:2} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:190px;top:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:auto;right:190px;top:52px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10ListMain .leftSide .mobRight{width: calc(100% - 370px);margin-left:20px;float:right} .playerProfile .top10ListMain .leftSide .playerBlock{height:150px!important} .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition{width: 350px;margin-left:0;height: 320px!important} .playerProfile .top10ListMain .leftSide .pMoney{margin-top:25px} .playerProfile .top10ListMain .playerInfo .bottomDtls {margin-top: 0;position: absolute;width: 200px;top: 140px;right: 200px;} .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP {display: block;float: right;width: auto;margin-bottom:5px} .playerProfile .top10Ttl .back{line-height:3;font-size:15px} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile.top10Main .rArrow{right: -14px;position: fixed;} .playerProfile.top10Main .lArrow{left: -14px; position: fixed;} .playerProfile .top10ListMain .playerInfo{ padding: 0 10px 8px 10px;} .playerProfile .top10ListMain .playerStatistics{ padding: 0 10px 5px 10px;} .acn.playerP .content-wrap{position:relative;left:0;transform:none} .top10Main{background:none} .playerP .top10Main .fShare{position:fixed;right:calc(7.5% - 44px);top:79px} article .details iframe, article .details img{width:100%;margin:40px 0!important} article .imgDiv{width:100%} } @media screen and (min-width:1024px) and (max-width:1151px) { .acn .masrawyContainer{padding-bottom:59%;} .playerP .top10Main .zedSponsor{ left: 12px;bottom: 10px;position: fixed;} .top10Main .zedSponsor{ left: -65px;bottom: 28px;} .top10Main .zedSponsor img{height:75px} /*.top10Main{padding-bottom:68%;background-size: auto 100%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;position:relative} .top10Ttl{height:50px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:1.6;font-size: 20px; width: calc(100% - 190px);} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:158px} .top10ListMain .top3 .player{margin-bottom:12px} .top10ListMain .top3 .player .rank {width: 36px;height: 36px;font-size: 22px;line-height: 1.6;} .top10ListMain .list{width: calc(100% - 170px);padding:12px;margin-left:12px} .top10ListMain .list .ttlRow{height:40px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3;padding:0} .top10ListMain .list .wRow{height:38px;margin-bottom: 6px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .ttlRow .itemTtl{width: calc((100% - 15px) / 4);} .top10ListMain .list .ttlRow .itemTtl:nth-child(1) {width: 70px} .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4){width:120px} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6;width: calc((100% - 15px) / 4);} .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4){width:120px} .top10ListMain .list .wRow .item:nth-child(1){width: 70px;} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3;font-size: 18px;} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:13px;line-height: 2.4;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .top10Ttl .afconBack span{line-height:3.4;font-size:16px} .top10Ttl .afconBack:before{font-size:16px} .top10Ttl .afconBack{width:157px} /*.playerProfile{padding-bottom:164%;background-size: auto 100%;}*/ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl{height:45px} .playerProfile .top10Ttl h1{font-size:20px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:7px} .playerProfile .top10Ttl .pLogo img{height:32px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:45px;height:45px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{position:absolute;right:10px;margin:0} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:135px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{margin-top:2px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px;display:block} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px;float:right;display:inline-block;margin-left:10px} .playerProfile .top10ListMain .playerStatistics li{padding:8px 0;width: calc(100% / 3);background:transparent!important} .playerProfile .top10ListMain .playerStatistics li:last-child{width:100%} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 18px 10px;margin-bottom:20px!important; height: auto!important} .playerProfile .top10ListMain .playerBlock.playerInfo {height:235px!important} .playerProfile .top10ListMain .leftSide .playerPosition img{height:257px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:100%;margin-left:0;height:auto} .playerProfile .top10ListMain .leftSide{margin-right:0;margin-left:0} .playerProfile .top10ListMain .centerSide{width: 100%;height:auto} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:12px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px;float:right;line-height:2} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:190px;top:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:auto;right:190px;top:52px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10ListMain .leftSide .mobRight{width: calc(100% - 370px);margin-left:20px;float:right} .playerProfile .top10ListMain .leftSide .playerBlock{height:150px!important} .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition{width: 350px;margin-left:0;height: 320px!important} .playerProfile .top10ListMain .leftSide .pMoney{margin-top:25px} .playerProfile .top10ListMain .playerInfo .bottomDtls {margin-top: 0;position: absolute;width: 200px;top: 140px;right: 200px;} .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP {display: block;float: right;width: auto;margin-bottom:5px} .playerProfile .top10Ttl .back{line-height:3} .playerProfile .top10Ttl .zedSponsor img{height:36px} .playerProfile.top10Main .rArrow{right:-14px;position:fixed} .playerProfile.top10Main .lArrow{left:-14px;position:fixed} .playerProfile .top10ListMain .playerInfo{ padding: 0 10px 8px 10px;} .playerProfile .top10ListMain .playerStatistics{ padding: 0 10px 5px 10px;} .playerP .masrawyContainer{padding-bottom:0; background-size:auto 100% ;} .acn.playerP .content-wrap{position:relative;left:0;transform:none} .top10Main{background:none} .playerP .top10Main .fShare{position:fixed;right:calc(7.5% - 44px);top:79px} } @media only screen and (max-width: 1023px) { .acn .masrawyContainer{padding-bottom:4%;} .top10Main .zedSponsor img{height:75px} .top10Main{background:transparent} /*.top10Main{padding-bottom:3%;background-size: auto 100%}*/ .top10Main .top10Cntnr {width: calc(100% - 24px);height: calc(100% - 24px);top: 12px;right: 12px;bottom: 12px;left: 12px;position:relative} .top10Ttl{height:50px;padding: 0 12px 0 0;margin-bottom: 12px;} .top10Ttl h1{line-height:1.6;font-size: 20px;width: calc(100% - 60px);} .top10Ttl .zedSponsor p{line-height:3.6} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:100%;margin-bottom:12px} .top10ListMain .top3 .player{margin-bottom:0;width:calc((100% - 24px) / 3);margin-left:12px;padding-bottom:0} .top10ListMain .top3 .player img{height:auto;position:relative} .top10ListMain .top3 .player:last-child{margin-left:0} .top10ListMain .top3 .player .rank {width: 36px;height: 36px;font-size: 22px;line-height: 1.6;} .top10ListMain .list{width: 100%;padding:12px;margin-left:0} .top10ListMain .list .ttlRow{height:40px;margin-bottom: 6px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3;padding:0} .top10ListMain .list .wRow{height:38px;margin-bottom: 6px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:3px 10px;} .top10ListMain .list .ttlRow .itemTtl{width: calc((100% - 70px) / 4);} .top10ListMain .list .ttlRow .itemTtl:nth-child(1) {width: 70px} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6;width: calc((100% - 70px) / 4);} .top10ListMain .list .wRow .item:nth-child(1){width: 70px;} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.3;font-size: 18px;} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:13px;line-height: 2.4;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .top10Ttl .afconBack span{line-height:2.5} .top10Main .zedSponsor p{display:none} .top10Main .zedSponsor{top: 16px;left: 20px;z-index: 10;bottom:auto} .top10Main .zedSponsor img{height:42px} .top10Ttl .afconBack{display:none} .top10Main .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;} .top10Main .fShare:before{font-size:18px;line-height:2.2} .top10Main .fShare span{display:none} .malaab .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;} .malaab .fShare:before{font-size:18px;line-height:2.2} .malaab .fShare span{display:none} article .details iframe, article .details img{width:100%;margin:40px 0!important} article .imgDiv{width:100%;max-width:100%} article .imgDiv .imageCntnr{max-width:100%} .demo-gallery, article.articleVideo .videoCntnr{max-width:100%} } @media screen and (min-width:767px) and (max-width:1023px){ /*.playerProfile{padding-bottom:0;background-size: auto 100%;}*/ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl h1{font-size:20px;line-height:2} .playerProfile .top10Ttl .pLogo{margin-top:7px} .playerProfile .top10Ttl .pLogo img{height:32px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:45px;height:45px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{position:absolute;right:10px;margin:0} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:135px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls{margin-top:3px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px;display:block} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px;float:right;display:inline-block;margin-left:10px} .playerProfile .top10ListMain .playerStatistics li{padding:8px 0;width: calc(100% / 3);background:transparent!important} .playerProfile .top10ListMain .playerStatistics li:last-child{width:100%} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 18px 10px;margin-bottom:20px!important; height: auto!important} .playerProfile .top10ListMain .playerBlock.playerInfo {height:235px!important} .playerProfile .top10ListMain .leftSide .playerPosition img{height:257px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:100%;margin-left:0;height:auto} .playerProfile .top10ListMain .leftSide{margin-right:0;margin-left:0} .playerProfile .top10ListMain .centerSide{width: 100%;height:auto} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:110px;font-size:12px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 270px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px;float:right;line-height:2} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:190px;top:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:auto;right:190px;top:52px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10ListMain .leftSide .mobRight{width: calc(100% - 370px);margin-left:20px;float:right} .playerProfile .top10ListMain .leftSide .playerBlock{height:150px!important} .playerProfile .top10ListMain .leftSide .playerBlock.playerPosition{width: 350px;margin-left:0;height: 320px!important} .playerProfile .top10ListMain .leftSide .pMoney{margin-top:25px} .playerProfile .top10ListMain .playerInfo .bottomDtls {margin-top: 0;position: absolute;width: 200px;top: 140px;right: 200px;} .playerProfile .top10ListMain .playerInfo .bottomDtls .bottomP {display: block;float: right;width: auto;margin-bottom:5px} .playerProfile.top10Main .rArrow{right:-14px;z-index:99;position:fixed} .playerProfile.top10Main .lArrow{left:-14px;z-index:99;position:fixed} .playerProfile .top10ListMain .playerInfo{ padding: 0 10px 8px 10px;} .playerProfile .top10ListMain .playerStatistics{ padding: 0 10px 5px 10px;} .playerProfile .top10Ttl .back{margin-left:50px;line-height:3} .playerP .masrawyContainer{padding-bottom:0; background-size:auto 100% ;} .acn .content-wrap{position:relative;left:0;transform:none} .top10Main{background:none} /*.top10Main .fShare{position:fixed;right:32px;top:63px}*/ } @media screen and (min-width:320px) and (max-width:767px){ .playerProfile .top10ListMain {height: calc(100% - 62px);} .playerProfile .top10Ttl{height:75px; padding: 0 10px;} .playerProfile .top10Ttl h1{font-size:14px;line-height:4.5} .playerProfile .top10Ttl h1 span{font-size:13px} .playerProfile .top10Ttl .TTLArrow{height: 45px;width: 100%;margin-left: 0;margin: 0;} .playerProfile .top10Ttl .pLogo{margin-top:20px;margin-left:10px} .playerProfile .top10Ttl .pLogo img{height:25px} .playerProfile .top10Ttl .TTLArrow .pArrow{width:49%;height:45px} .playerProfile .top10Ttl .TTLArrow .pArrow:before{font-size:26px} .playerProfile h2{font-size:15px;margin-bottom:5px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv{ margin: 0 calc((100% - 115px) /2);} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv img{width:115px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls p{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .imgDiv .pDtls span{font-size:12px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls p, .playerProfile .top10ListMain .playerInfo .bottomDtls span{font-size:13px} .playerProfile .top10ListMain .playerInfo .bottomDtls{margin-top:38px; width: 100%;} .playerProfile .top10ListMain .playerStatistics li{padding:6.2px 0} .playerProfile .top10ListMain .leftSide .tshirt p{width:70px;height:70px} .playerProfile .top10ListMain .leftSide .tshirt p:before{font-size:70px} .playerProfile .top10ListMain .leftSide .tshirt p span{font-size:24px} .playerProfile .top10ListMain .leftSide .tshirt span{font-size:13px} .playerProfile .top10ListMain .leftSide .pMoney p{font-size:25px} .playerProfile .top10ListMain .playerBlock{padding:0 10px 18px 10px;margin-bottom:20px!important;height:auto!important} .playerProfile .top10ListMain .leftSide .playerPosition img{height:257px} .playerProfile .top10ListMain .rightSide, .playerProfile .top10ListMain .leftSide{width:100%;margin-left:0;height:auto} .playerProfile .top10ListMain .leftSide{margin-right:0;margin-left:0} .playerProfile .top10ListMain .centerSide{width: 100%;height:auto} .playerProfile .top10ListMain .centerSide .playerTable .titleRow .titleItem, .playerProfile .top10ListMain .centerSide .playerTable .playerRow .rowItem{width:100px;font-size:12px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{width:80px!important} .playerProfile .top10ListMain .centerSide .playerTable .teams {width: calc(100% - 100px)!important;} .playerProfile .top10ListMain .playerStatistics li p{font-size:13px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .playerRow .teams img{height:18px} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls{right:10%} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls.leftP{left:10%} .playerProfile .top10ListMain .playerInfo .topDtls .pDtls span.pDate{font-size:14px} .playerProfile .top10ListMain .centerSide .playerTable .joins, .playerProfile .top10ListMain .centerSide .playerTable .goals{display:none} .top10Ttl .afconBack{display:none} .playerProfile .top10Ttl .back{display:none} .playerProfile .top10Ttl .TTLArrow .pArrow.lArrow {float:left} .playerProfile .top10Ttl .TTLArrow .pArrow.rArrow {float:right} .playerProfile .top10Ttl .zedSponsor{margin-left:0} .playerProfile.top10Main .lArrow{left:-14px;z-index:99;position:fixed} .playerProfile.top10Main .rArrow{right:-14px;z-index:99;position:fixed} } @media screen and (max-width:767px) and (orientation:landscape) { /*.top10Main{padding-bottom:3%;background-size: auto 100%}*/ .top10Main .top10Cntnr {width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;right: 10px;bottom: 10px;left: 10px;position:relative} .top10Ttl{height: auto;padding: 6px 10px;margin-bottom: 10px;} .top10Ttl h1{line-height:1.6;font-size: 15px;width: 400px;} .top10Ttl h1 span{font-size:20px} .top10Ttl .zedSponsor{width:32px} .top10Ttl .zedSponsor p{line-height:1;margin-left:0;margin-bottom:8px;text-align:center;font-size:11px;width:100%} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:100%;margin-bottom:10px} .top10ListMain .top3 .player{margin-bottom:0;width:calc((100% - 24px) / 3);margin-left:10px;padding-bottom:0} .top10ListMain .top3 .player img{height:auto;position:relative} .top10ListMain .top3 .player:last-child{margin-left:0} .top10ListMain .top3 .player .rank {width: 30px;height: 30px;font-size: 20px;line-height: 1.4;} .top10ListMain .list{width: 100%;padding:10px;margin-left:0} .top10ListMain .list .ttlRow{height:44px;margin-bottom: 10px;padding: 0 10px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.4;padding:0;font-size:12px;width: calc(100% - 112px);} .top10ListMain .list .ttlRow .itemTtl:nth-child(1) {width: 50px} .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4) {display:none} .top10ListMain .list .ttlRow .itemTtl:last-child{width: 62px;line-height: 1.2;padding: 8px 0px;} .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4){display:none} .top10ListMain .list .wRow .item:last-child{width: 62px; padding: 3px 0;font-size: 16px;line-height: 1.2;float:left} .top10ListMain .list .wRow .item{width: calc(100% - 112px);} .top10ListMain .list .wRow .item:nth-child(1){width:50px} .acn .content-wrap{position:relative;left:0;transform:none} .acn .masrawyContainer{padding-bottom:9%;background-size: auto 100%} .top10Main .zedSponsor{top: 28px;left: 20px;z-index: 10;;bottom:auto} .top10Main .zedSponsor img{height:50px} .top10Main .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;;background-color:rgba(59, 89, 152,.95)} .top10Main .fShare:before{font-size:18px;line-height:2.2} .malaab .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;;background-color:rgba(59, 89, 152,.95)} .malaab .fShare:before{font-size:18px;line-height:2.2} } /** Mobile - Portrait**/ @media screen and (max-width:767px) and (orientation:portrait) { /*.top10Main{padding-bottom:30%;background-size: auto 100%}*/ .top10Main .top10Cntnr {width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;right: 10px;bottom: 10px;left: 10px;position:relative} .top10Ttl{height: auto;padding: 6px 10px;margin-bottom: 10px;} .top10Ttl h1{line-height:1.6;font-size: 15px;width: 220px;} .top10Ttl h1 span{font-size:20px} .top10Ttl .zedSponsor{width:32px} .top10Ttl .zedSponsor p{line-height:1;margin-left:0;margin-bottom:8px;text-align:center;font-size:11px;width:100%} .top10Ttl .zedSponsor{padding: 5px 0;} .top10Ttl .zedSponsor img{height:40px} .top10ListMain {height: calc(100% - 58px);} .top10ListMain .top3{width:100%;margin-bottom:10px} .top10ListMain .top3 .player{margin-bottom:0;width:calc((100% - 24px) / 3);margin-left:10px;padding-bottom:0} .top10ListMain .top3 .player img{height:auto;position:relative} .top10ListMain .top3 .player:last-child{margin-left:0} .top10ListMain .top3 .player .rank {width: 30px;height: 30px;font-size: 20px;line-height: 1.4;} .top10ListMain .list{width: 100%;padding:10px;margin-left:0} .top10ListMain .list .ttlRow{height:44px;margin-bottom: 10px;padding: 0 10px;} .top10ListMain .list .ttlRow .itemTtl{line-height:3.4;padding:0;font-size:12px;width: calc(100% - 112px);} .top10ListMain .list .ttlRow .itemTtl:nth-child(1) {width: 50px} .top10ListMain .list .ttlRow .itemTtl:nth-child(3), .top10ListMain .list .ttlRow .itemTtl:nth-child(4) {display:none} .top10ListMain .list .ttlRow .itemTtl:last-child{width: 62px;line-height: 1.2;padding: 8px 0px;} .top10ListMain .list .wRow{height:44px;margin-bottom: 10px;padding:0 10px} .top10Main .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;} .top10Main .fShare:before{font-size:18px;line-height:2.2} .malaab .fShare{height: 35px;width: 100%;bottom: 0;top: auto;position: fixed;z-index: 10;right: 0;} .malaab .fShare:before{font-size:18px;line-height:2.2} .top10ListMain .list .wRow .item{font-size:13px;line-height:1.6;width: calc(100% - 112px);} .top10ListMain .list .wRow .item:nth-child(1){width: 50px;} .top10ListMain .list .wRow .item:nth-child(2) {padding:6px 10px;} .top10ListMain .list .wRow .item:nth-child(3), .top10ListMain .list .wRow .item:nth-child(4) {display:none} .top10ListMain .list .wRow .item:nth-child(1), .top10ListMain .list .wRow .item:last-child{line-height:1.6;font-size: 16px;} .top10ListMain .list .wRow .item:last-child{width:62px;padding: 3px 0;font-size: 16px;line-height: 1.2;} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .country {padding: 7px 10px} .top10ListMain .list .wRow .team img{width:30px;height:30px} .top10ListMain .list .wRow .item p {font-size:11px;line-height: 2.8} .top10ListMain .list .wRow .item:last-child span{font-size:11px} .top10ListMain .list .wRow .dtls img{height:20px} .acn .content-wrap{position:relative;left:0;transform:none} .acn .masrawyContainer{padding-bottom:16%;background-size: auto 100%} .top10Main .zedSponsor{top: 28px;left: 20px;z-index: 10;bottom:auto} .top10Main .zedSponsor img{height:45px} } @media screen and (min-width:1024px) and (max-width:1200px){ .electionDiv .votesDiv .summary .item label{width:170px;font-size:13px} .electionDiv .votesDiv .summary .item p{width:100px;font-size:14px} .electionDiv .votesDiv .summary .item .summaryBar{width:calc(100% - 270px);} } /** Media **/ @media screen and (min-width:1601px) and (max-width:1950px){ .show-sponsor .sponsor{margin-right: 0;width: 100%} .sponsorHome .sponsor{margin-right: 0;width: 100%} .sponsorBtnText{left:calc(((100% - 1440px) / 2) + 26px)} .show-sponsor .sponsorBtnText {left: calc(((100% - 1440px) / 2) + 18px);} .sponsorHome .sponsorBtnText {left: calc(((100% - 1440px) / 2) + 18px);} .sponsor .sponsorLogoBtn {left: calc(((100% - 1440px) / 2) - 72px);} .akhbarThemak{height:560px} .sponsorBanner{margin-right: calc(((100% - 1440px) / 2) - 73px)} .sponsor .content {background-size: 1584px!important;} .show-sponsor .sponsorBanner{margin-right: calc(((100% - 1440px) / 2) - 72px)} .sponsorHome .sponsorBanner{margin-right: calc(((100% - 1440px) / 2) - 72px)} .oneStickyDiv .cnts{width:1440px;margin:0 calc((100% - 1440px) / 2)} } @media screen and (min-width:1185px) and (max-width:1508px) { .surveyDiv .allQues .answersDiv .answerItem{width: calc((100% - 48px) / 3);} .surveyDiv .allQues .answersDiv .answerItem:nth-child(4n) {margin-left: 24px} .surveyDiv .allQues .answersDiv .answerItem:nth-child(3n) {margin-left: 0;} /*.surveyDiv .resultDiv .grid li{width: calc((100% - 24px) / 2);} .surveyDiv .resultDiv .grid li:nth-child(3n) {margin-left: 24px} .surveyDiv .resultDiv .grid li:nth-child(2n) {margin-left: 0;}*/ } @media screen and (min-width:1024px) and (max-width:1184px) { .surveyDiv .allQues .answersDiv .answerItem{width: calc((100% - 24px) / 2);} .surveyDiv .allQues .answersDiv .answerItem:nth-child(4n) {margin-left: 24px} .surveyDiv .allQues .answersDiv .answerItem:nth-child(2n) {margin-left: 0;} .surveyDiv .resultDiv .grid li{width: 100%!important;margin-left:0} } @media screen and (max-width:660px) { footer .top .cnts{width: 560px;margin: 0 calc((100% - 560px) / 2);} footer .top .cnts h2{font-size: 16px;line-height: 2.5} footer .top .cnts .subTxt input{font-size: 14px;} footer .top .cnts .subTxt button{font-size:14px} } @media screen and (min-width:776px) and (max-width:1338px) { footer .middle .navMenu ul .has-children{margin-left:calc((100% - 480px) / 3);margin-bottom: 24px;} footer .middle .navMenu ul .has-children:nth-child(4){width:84px;margin-left:0} footer .middle .navMenu ul .has-children:last-child{width:117px;margin-left:24px} } @media screen and (min-width:630px) and (max-width:775px) { footer .middle .navMenu{width:calc(100% - 96px);padding: 10px 0;margin:0 48px} footer .middle .navMenu ul .has-children{margin-left:calc((100% - 480px) / 3);margin-bottom: 24px;} footer .middle .navMenu ul .has-children:nth-child(4){width:84px;margin-left:0} footer .middle .navMenu ul .has-children:last-child{width:117px;margin-left:24px} } @media only screen and (max-width: 1260px){ .newsPointer{width:100%} article .showcaseDiv{margin:0 calc((100% - 300px) / 2) 40px} .dtlsSc{width:100%;text-align:justify} .dtlsSc .featuredSC{float:left} .dtlsSc .albumSliderDtls{float:right} } @media only screen and (max-width: 1920px){ .akhbarThemak li {padding: 24px 12px;height: 107px} .akhbarThemak li .secName{bottom:16px} .innerListing .akhbarThemak{height:692px} } @media only screen and (max-width: 1680px){ .akhbarThemak li {padding: 16px 12px;height: 91px} .akhbarThemak li .secName{bottom:10px} .innerListing .akhbarThemak{height:596px} } @media only screen and (max-width:1600px){ .akhbarThemak li {padding: 19px 12px;height: 97px} .akhbarThemak li .secName{bottom:12px} .innerListing .akhbarThemak{height:632px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:525px}*/ } @media only screen and (max-width:1536px){ .akhbarThemak li {padding: 6px 12px;height: 72px} .akhbarThemak li .secName{bottom:2px} .innerListing .akhbarThemak{height:482px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:490px}*/ .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer{padding:20px 30px 0} } @media only screen and (max-width:1440px){ .akhbarThemak li {padding: 6px 12px;height: 72px} .akhbarThemak li .secName{bottom:2px} .innerListing .akhbarThemak{height:482px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer{padding:0} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{width: calc((100% - 40px) / 5);} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(5n+1){margin-left:0} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(6n+1){margin-left:10px} } @media only screen and (max-width:1366px){ .akhbarThemak li {padding:8px 12px;height: 77px} .akhbarThemak li .secName{bottom:4px} .innerListing .akhbarThemak{height:512px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:400px} .ramadanSurvey .surveyQuestion h3{margin:24px 0 24px} */ .surveyDiv .resultDiv .grid li{width: calc((100% - 24px) / 2);} .surveyDiv .resultDiv .grid li:nth-child(3n) {margin-left: 24px} .surveyDiv .resultDiv .grid li:nth-child(2n) {margin-left: 0;} .ramadanSurvey.design3 .surveyQuestion h3{margin:20px 0 25px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{ width: calc((100% - 40px) / 5);margin-top:20px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(5n+1){margin-left:0} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(6n+1){margin-left:10px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionContainer{padding: 10px 0;margin-bottom:70px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4{font-size:22px;line-height:1} } @media only screen and (max-width:1280px){ .akhbarThemak li {padding:36px 12px;height: 131px} .akhbarThemak li .secName{bottom:30px} .innerListing .akhbarThemak{height:574px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:470px} */ .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{ width: calc((100% - 30px) / 4);margin-top:20px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(5n+1){margin-left:10px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(4n+1){margin-left:0} } @media only screen and (max-width:1152px){ .akhbarThemak li {padding:20px 12px;height: 99px} .akhbarThemak li .secName{bottom:16px} .innerListing .akhbarThemak{height:490px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:445px}*/ } @media only screen and (max-width:1024px){ .akhbarThemak li {padding:20px 12px;height: 101px} .akhbarThemak li .secName{bottom:16px} .innerListing .akhbarThemak{height:554px} /*.ramadanSurvey .surveyQuestion .ramadanQuestions, .ramadanSurvey .surveyQuestion .ramadanQuestions iframe{height:420px}*/ .ramadanSurvey .surveyQuestion h3{margin: 15px 0 15px;font-size: 12px;line-height: 2.4;padding: 0 10px;height: 30px;} } @media screen and (min-width:1152px) and (max-width: 1279px){ .akhbarThemak li {padding: 25px 12px;height: 110px} .akhbarThemak li .secName{bottom:18px} .allGroups .table .ttlRow .itemTtl {width:46px} .allGroups .table .wRow .item {width:46px} .allGroups .table .ttlRow .itemTtl:nth-child(2){width: calc(100% - 414px);} .allGroups .table .wRow .item:nth-child(2){width: calc(100% - 414px);} .ramadanHeader{background: url(../Images/light.png) top -80px left -65px no-repeat,url(../Images/ramadanKareem.png) top 30px left 280px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;} .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat;} } @media screen and (min-width:1153px) and (max-width:1260px) { .featuredArea ul li:first-child .desc p {font-size: 22px;height:auto;padding-bottom:12px;margin-bottom:0;bottom: 0} .featuredArea ul li .desc p{height:64px;padding-bottom:0;margin-bottom:18px;overflow:hidden;bottom: -12px;} } @media screen and (min-width:1024px) and (max-width:1161px){ article .details img{margin:40px 0 !important;height: auto;width: 100%} article .details iframe{margin:40px 0!important;width: 100%} article .details iframe.instagram-media {min-height: 495px;} } @media screen and (min-width:1024px) and (max-width:1230px) { .weatherDiv .dayTempDtls .icon-high{font-size:28px;margin-left: 16px;} .weatherDiv .dayTempDtls .icon-high:before{font-size:12px;} .weatherDiv .dayTempDtls .icon-low{font-size:20px} .weatherDiv .dayTempDtls .icon-low:before{font-size:8px;} .vasCnts .vas{width:calc((100% - 20px) / 2)} .vasCnts .vas:nth-child(3n) {margin-left:20px} .vasCnts .vas:nth-child(2n) {margin-left:0} } @media screen and (min-width:1024px) and (max-width:1279px) { .matchesSchedule .table .allMatches .tabs-nav li a{padding:0 30px} .matchesSchedule .table .allMatches .item .time{line-height: 5;font-size:16px} .matchesSchedule .table .allMatches .item .time span {margin-top: 28px;} .matchesSchedule .table .allMatches .item .time span.now{margin: 22px auto 0!important;} .matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB{text-align:center;width: calc((100% - 220px) / 2);height:auto} .matchesSchedule .table .allMatches .item .teamA img{float:none;margin-right:0} .matchesSchedule .table .allMatches .item .teamB img{float:none;margin-left:0} .matchesSchedule .table .allMatches .item .teamA p, .matchesSchedule .table .allMatches .item .teamB p{float:none;text-align: center;line-height: 1.6;margin-top: 5px;} .matchesSchedule .table .allMatches .item .match{height:auto} .matchesSchedule .table .allMatches .item .result{width:100px;margin-top:20px} .matchesSchedule .table .allMatches .item .result .matchResult{margin-top:0} .matchesSchedule .table .allMatches .item .channel{font-size: 12px;line-height: 1.8;width: 70px;margin-top: 18px;} .prayerTimes .main .location{margin-bottom:24px} .prayerTimes .main .dropDownDiv{width:100%;margin-bottom:24px} .prayerTimes .main .cityDate{width:100%;margin-left:0} .prayerTimes .cntdwn{width:100%;margin:0 0 24px 0} .prayerTimes .mainTable .prayersTable{width:100%} .prayerTimes .monthTable .prayersTable .title .name:first-child{width:180px} .prayerTimes .monthTable .prayersTable .title .name{width: calc((100% - 180px) / 6);font-size:14px} .prayerTimes .monthTable .prayersTable .allTimes .time:first-child{width:180px} .prayerTimes .monthTable .prayersTable .allTimes .time{width: calc((100% - 180px) / 6);font-size:14px} .prayerTimes .monthTable .prayersTable .allTimes .time span{display:none} article .details .pattern01{width:250px} article .details .pattern01 ul li .item .imageCntnr {width: 84px;padding-bottom: calc((84px * 75) / 100);} article .details .pattern01 ul li .desc {width: calc(100% - 94px);} article .details .pattern01 ul li .secName{right:96px;font-size:12px} article .details .pattern01 ul li .secName:after{height:12px;} } @media screen and (min-width:1024px) and (max-width:1359px) { .cd-tab-filter {width: 100%;margin: 0;} .cd-tab-filter::after {display:inline-block} .cd-tab-filter ul {position: absolute;width: 100%;} .cd-tab-filter li {display: none} .cd-tab-filter li.placeholder {display: block!important} .cd-tab-filter li.placeholder a:hover {color: #aaa} .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;} .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;} .cd-tab-filter.is-open ul li {display: block} /*.pattern02.ramadan:before{background:url(../Images/ramadanBg.jpg) no-repeat right 0 #fff;}*/ article.paginationDiv .details h3{float:right;width:100%} article .details p.WizImg {text-align: center!important;float: unset;width: 100%;margin: 0;} article .details p.WizImg img{margin: 20px calc((100% - 600px)/ 2);height: auto;width: 600px;} article.paginationDiv .details .pagingDtls{width:100%;margin-right:0} article .pagination{margin-top:20px} } @media screen and (min-width:1024px) and (max-width:1180px){ #cd-top-nav > ul{margin-left:72px} #cd-top-nav ul li {width: 72px;} #cd-top-nav ul li > a {width: 72px;font-size: 9px;} #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;} #cd-top-nav ul li .weather > span{margin-right:10px} #cd-top-nav > ul > li:last-child{display:none} .dtlsSc{width:300px;margin:0 calc((100% - 300px) / 2) 48px} article .details p.WizImg img{margin: 20px calc((100% - 400px)/ 2);height: auto;width: 400px;} } @media screen and (min-width:1152px) and (max-width:1359px) { #cd-top-nav ul > li:nth-last-child(-n+3) > .subMenu{right:-36px} #cd-top-nav ul > li:nth-last-child(-n+2) > .subMenu{right:-108px} /*#cd-top-nav > ul{margin-left:72px} #cd-top-nav ul li {width: 72px;} #cd-top-nav ul li > a {width: 72px;font-size: 9px;} #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;} #cd-top-nav ul li .weather > span{margin-right:10px}*/ .morphSearchDiv{width:72px} .morphsearch{width:72px} .morphsearch-input {padding: 28px 24px 0 24px;font-size:9px} .featuredArea ul li{margin-left:6px;margin-bottom:6px;width:calc((100% - 6px) / 2);position:relative;border:none;overflow:hidden} .featuredArea ul li a img{width:100%;height:auto;border:1px solid #ddd;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .featuredArea ul li:first-child a img{width:100%} .featuredArea ul li:first-child{width:100%} .featuredArea ul li:last-child{display:none} .featuredArea ul li:nth-child(2), .featuredArea ul li:last-child{margin-left:6px} .featuredArea ul li:nth-child(2n + 1){margin-left:0} .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child{margin-bottom:0} .pattern01 ul li .desc p{font-size:14px;height:76px} .paginationDiv .pattern01 ul li{width:calc((100% - 24px) / 2)} .paginationDiv .pattern01 ul li:nth-child(3n){margin-left:24px} .paginationDiv .pattern01 ul li:nth-child(2n){margin-left:0} .paginationDiv .pattern01 ul li .desc p{line-height: 1.6;font-size: 14px;height:80px} .pattern02 ul li:first-child {width: calc(50% - 7px);} .pattern02 ul li{width:calc((50% - 17px) / 2)} .pattern02 ul li a{display:block} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3){width:calc((50% - 17px) / 2)} .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5){margin-left:0} .pattern02 ul li:first-child, .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child{margin-bottom:0} .pattern02 ul li:last-child{display:none} .pattern02 .desc{width: 100%;height: 65%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .pattern02 .desc p{line-height: 1.6;font-size: 14px;} .pattern02 ul li:nth-last-child(-n+3) .desc{position:absolute;background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0);} .pattern02 ul li:nth-last-child(-n+5) .desc p{position:absolute;color:#fff;font-size:14px;line-height:1.6;padding:10px;height:auto;overflow:hidden;margin-bottom:0} .pattern02 ul li:nth-last-child(-n+3) .secName{position:absolute;background:#e63b34!important;padding:0 10px;color:#fff;top:1px;bottom:auto;right:1px;display:inline-block} .pattern02 ul li:nth-last-child(-n+3) .secName:after{display:none} .pattern02 ul li:nth-last-child(-n+3) .item:hover .desc p{color:#fff} .pattern02 ul li:nth-last-child(-n+3) .secName:hover{color:#fff} .pattern02 ul li:nth-last-child(-n+3).icon-video, .pattern02 ul li:nth-last-child(-n+3).icon-image{background:#1d1d1d;} .pattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color: #fff;padding:12px} .pattern02 ul li:nth-last-child(-n+3).icon-video .item:hover .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .item:hover .desc p{color:#fff} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName{margin-right:0;color:#fff;} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName:hover, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName:hover{color:#fff} .opinions{width:100%;} .mobawaba{/*width:calc(100% - 348px);height:225px*/} .mobawaba .border{height:201px} .mobawaba .allItems{border-bottom:none;height:225px} .mobawaba ul li{display:inline-block} .mobawaba ul li a img{width:178px;height:auto;float:right;margin-left:12px} .mobawaba .desc{width: calc(100% - 190px);height: auto;overflow: hidden;cursor: pointer;position: relative;bottom:auto;top:0;right:0;float:right;background: none} .mobawaba .desc p{text-align: right;padding: 0;position:relative;} .mobawaba .footer{width:calc(100% - 190px);height:65px;background:#01313d;padding:8px;float:right;right:190px;bottom:0} .allMatches .item .tourName{margin-bottom:24px;font-size:14px} .allMatches .item .teamA{width:80px;height:70px} .allMatches .item .teamA img, .allMatches .item .teamB img{height: 42px;} .allMatches .item .teamA p, .allMatches .item .teamB p{padding-top:10px;font-size:12px} .allMatches .item .result{width:calc(100% - 160px)} .allMatches .item .result.yesterday{padding-top:12px;} .allMatches .item .teamB{float:right;width:80px;height:70px} .allMatches .item .result{ font-size:32px} .allMatches .item .result span{font-size:14px!important;} .allMatches .item .status a{font-size:12px} .allMatches .status span{margin-top:26px} .allMatches .matchResult{font-size:32px;margin-top: 0} .caricature{width:100%;margin-left:0;height:auto} .caricature li img{max-width:none;} .poll{width:100%} .entrypoints{margin-right:calc((100% - 624px) / 2)} .acnDiv .entrypoints{margin-right:0} .secondSC{margin-left:calc((100% - 624px) / 2)} .pattern01{padding:10px 10px 0;} .acnDiv .entryPointSlider li, .acnDiv .entryPointSlider{margin-left:10px} /*article .pattern01 .allItems {padding: 10px 0 0} article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} article .pattern01 ul li:last-child:after{display:none} article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px} article .pattern01 ul li:last-child{margin-bottom:0} article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer} article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} article .pattern01 ul li .item:hover .desc p{color:#888} article .pattern01 ul li .secName{font-family:DroidKufiLight, Arial;font-size:14px;color:#888;position:absolute;bottom:0;right:142px} article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:4px} article .pattern01 ul li .secName:hover{color:#1d1d1d} article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px} article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0} article .pattern01 ul li.icon-video:before{right:1px;} article .pattern01 ul li.icon-image:before{right:1px;}*/ article .imgDiv{width:100%} .catPattern01 ul li:first-child .desc p, .catPattern01 ul li:nth-child(2) .desc p, .catPattern01 ul li:nth-child(3) .desc p{line-height:1.5;font-size:16px;height:59px;margin-bottom:5px} .catPattern01 ul li:first-child.icon-video:before, .catPattern01 ul li:nth-child(2).icon-video:before, .catPattern01 ul li:nth-child(3).icon-video:before {font-size: 38px;width: 50px;height: 50px;line-height: 1.35;} .catPattern02 ul li:first-child .desc p, .catPattern02 ul li:nth-child(2) .desc p{line-height:1.5;font-size:16px;height:59px;margin-bottom:5px} .catPattern02 ul li:first-child.icon-video:before, .catPattern02 ul li:nth-child(2).icon-video:before, .catPattern02 ul li:nth-child(3).icon-video:before {font-size: 38px;width: 50px;height: 50px;line-height: 1.35;} .catPattern03 ul li:first-child.icon-video:before{font-size: 38px;width: 50px;height: 50px;line-height: 1.35;} .catPattern03 .desc p{height: 60px;line-height: 1.3;overflow: hidden;padding:5px} .catPattern03 ul li:first-child .desc p{height:auto} .catPattern03 ul li:nth-last-child(-n+3).icon-video .desc p, .catPattern03 ul li:nth-last-child(-n+3).icon-image .desc p {height: 60px;line-height: 1.3;overflow: hidden;} .cd-gallery .allItems {padding: 10px 0 0} .cd-gallery li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} .cd-gallery li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} .cd-gallery li:last-child:after{display:none} .cd-gallery li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} .cd-gallery li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} .cd-gallery li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} .cd-gallery li:nth-last-child(-n+5){margin-bottom:20px} .cd-gallery li:last-child{margin-bottom:0} .cd-gallery li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer} .cd-gallery li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .cd-gallery li .item:hover .desc p{color:#888} .cd-gallery li .time{width:auto;float:left;margin-left: 10px;margin-top: 5px;} .cd-gallery li.icon-video .desc p, .cd-gallery li.icon-image .desc p {padding: 5px 0 5px 10px} .cd-gallery li.icon-video .secName, .cd-gallery li.icon-image .secName{margin-right:0} .cd-gallery li.icon-video:before{right:1px;} .cd-gallery li.icon-image:before{right:1px;} .cd-gallery li.gap{display:none} .weatherDiv .main .dropDownDiv{width:100%;margin-bottom:24px} .weatherDiv .main .cityDate{width:100%} .allGroups .table .ttlRow .itemTtl {width:38px} .allGroups .table .wRow .item {width:38px} .allGroups .table .ttlRow .itemTtl:nth-child(2){width: calc(100% - 345px);} .allGroups .table .wRow .item:nth-child(2){width: calc(100% - 345px);padding:16px 0} .allGroups .table .wRow .team img{height:26px} .allGroups .table .wRow .item p{line-height:1.8} .searchResult form{margin-bottom:10px} .searchResult .cd-gallery{margin-top:20px} .authorsListing .cd-gallery li {width: calc((100% - 24px) / 3);} .authorsListing .cd-gallery li .item .imageCntnr{width:100%;padding-bottom:75%;margin-left:0;float:right} .authorsListing .cd-gallery li .desc{width:100%} .authorsListing .cd-gallery li .desc p{font-size:15px;line-height:1.6;height:86px} .authorsListing .cd-gallery li:after{display:none} .author .cd-gallery li{width: calc((100% - 12px) / 2);} } @media screen and (min-width:1024px) and (max-width:1151px) { #cd-top-nav ul > li:nth-last-child(-n+3) > .subMenu{right:-36px} #cd-top-nav ul > li:nth-last-child(-n+2) > .subMenu{right:-108px} /*#cd-top-nav > ul{margin-left:72px} #cd-top-nav ul li {width: 72px;} #cd-top-nav ul li > a {width: 72px;font-size: 9px;} #cd-top-nav ul li .weather.sunnyCloud {background: url(../Images/weather.png) 10px center no-repeat;} #cd-top-nav ul li .weather > span{margin-right:10px}*/ .morphSearchDiv{width:72px} .morphsearch{width:72px} .morphsearch-input {padding: 28px 24px 0 24px;font-size:9px} .featuredArea ul li{margin-left:6px;margin-bottom:6px;width:calc((100% - 6px) / 2);position:relative;border:none;overflow:hidden} .featuredArea ul li a img{width:100%;height:auto;border:1px solid #ddd;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .featuredArea ul li:first-child a img{width:100%} .featuredArea ul li:first-child{width:100%} .featuredArea ul li:last-child{display:none} .featuredArea ul li:nth-child(2), .featuredArea ul li:last-child{margin-left:6px} .featuredArea ul li:nth-child(2n + 1){margin-left:0} .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child{margin-bottom:0} .pattern01 ul li .desc p{font-size:13px;height:72px} .paginationDiv .pattern01 ul li{width:calc((100% - 24px) / 2)} .paginationDiv .pattern01 ul li:nth-child(3n){margin-left:24px} .paginationDiv .pattern01 ul li:nth-child(2n){margin-left:0} .paginationDiv .pattern01 ul li .desc p{line-height: 1.6;font-size: 14px;height:80px} .pattern02 ul li:first-child {width: calc(50% - 7px);} .pattern02 ul li{width:calc((50% - 17px) / 2)} .pattern02 ul li a{display:block} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3){width:calc((50% - 17px) / 2)} .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5){margin-left:0} .pattern02 ul li:first-child, .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child{margin-bottom:0} .pattern02 ul li:last-child{display:none} .pattern02 .desc{width: 100%;height: 65%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .pattern02 .desc p{line-height: 1.6;font-size: 14px;} .pattern02 ul li:nth-last-child(-n+3) .desc{position:absolute;background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0);} .pattern02 ul li:nth-last-child(-n+5) .desc p{position:absolute;color:#fff;font-size:14px;line-height:1.6;padding:10px;height:auto;overflow:hidden;margin-bottom:0} .pattern02 ul li:nth-last-child(-n+3) .secName{position:absolute;background:#e63b34!important;padding:0 10px;color:#fff;top:1px;bottom:auto;right:1px;display:inline-block} .pattern02 ul li:nth-last-child(-n+3) .secName:after{display:none} .pattern02 ul li:nth-last-child(-n+3) .item:hover .desc p{color:#fff} .pattern02 ul li:nth-last-child(-n+3) .secName:hover{color:#fff} .pattern02 ul li:nth-last-child(-n+3).icon-video, .pattern02 ul li:nth-last-child(-n+3).icon-image{background:#1d1d1d;} .pattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color: #fff;padding:12px} .pattern02 ul li:nth-last-child(-n+3).icon-video .item:hover .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .item:hover .desc p{color:#fff} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName{margin-right:0;color:#fff;} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName:hover, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName:hover{color:#fff} .mostRead{width:100%;margin-left:0} .monsterDiv{margin-right:calc((100% - 624px) / 2)} .specialFiles, .mobawaba{margin-left:calc((100% - 624px) / 2)} .opinions{width:100%;} .mobawaba{/*width:calc(100% - 348px);height:225px*/} .mobawaba .border{height:201px} .mobawaba .allItems{border-bottom:none;height:225px} .mobawaba ul li{display:inline-block} .mobawaba ul li a img{width:178px;height:auto;float:right;margin-left:12px} .mobawaba .desc{width: calc(100% - 190px);height: auto;overflow: hidden;cursor: pointer;position: relative;bottom:auto;top:0;right:0;float:right;background: none} .mobawaba .desc p{text-align: right;padding: 0;position:relative;} .mobawaba .footer{width:calc(100% - 190px);height:65px;background:#01313d;padding:8px;float:right;right:190px;bottom:0} .catPattern01 ul li:nth-last-child(-n+5) .desc p{font-size:13px;height:68px} .allMatches .item .tourName{margin-bottom:24px;font-size:14px} .allMatches .item .teamA{width:80px;height:70px} .allMatches .item .teamA img, .allMatches .item .teamB img{height: 42px;} .allMatches .item .teamA p, .allMatches .item .teamB p{padding-top:10px;font-size:12px} .allMatches .item .result{width:calc(100% - 160px)} .allMatches .item .result.yesterday{padding-top:12px;} .allMatches .item .teamB{float:right;width:80px;height:70px} .allMatches .item .result{ font-size:32px} .allMatches .item .result span{font-size:14px!important;} .allMatches .item .status a{font-size:12px} .allMatches .status span{margin-top:26px} .allMatches .matchResult{font-size:32px;margin-top: 0} .caricature{width:100%;margin-left:0;height:auto} .caricature li img{max-width:none;} .poll{width:100%} .entrypoints{margin-right:calc((100% - 624px) / 2)} .secondSC{margin-left:calc((100% - 624px) / 2)} .pattern01{padding:10px 10px 0;} .acnCntnr .showcaseDiv{margin: 0 calc((100% - 300px) / 2);margin-bottom:24px} /*article .pattern01 .allItems {padding: 10px 0 0} article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} article .pattern01 ul li:last-child:after{display:none} article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px} article .pattern01 ul li:last-child{margin-bottom:0} article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer} article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} article .pattern01 ul li .item:hover .desc p{color:#888} article .pattern01 ul li .secName{font-family:DroidKufiLight, Arial;font-size:14px;color:#888;position:absolute;bottom:0;right:142px} article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:4px} article .pattern01 ul li .secName:hover{color:#1d1d1d} article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px} article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0} article .pattern01 ul li.icon-video:before{right:1px;} article .pattern01 ul li.icon-image:before{right:1px;}*/ article .imgDiv{width:100%} .catPattern01 ul li:first-child .desc p, .catPattern01 ul li:nth-child(2) .desc p, .catPattern01 ul li:nth-child(3) .desc p{line-height:1.5;font-size:16px;height:59px;margin-bottom:5px} .catPattern01 ul li:first-child.icon-video:before, .catPattern01 ul li:nth-child(2).icon-video:before, .catPattern01 ul li:nth-child(3).icon-video:before {font-size: 38px;width: 50px;height: 50px;line-height: 1.35;} .catPattern02 ul li:first-child{width:100%;margin-left:0} .catPattern02 ul li:nth-child(2),.catPattern02 ul li{width:calc((100% - 12px) / 2);margin-left:12px;margin-bottom:12px} .catPattern02 ul li:nth-child(2n+1){margin-left:0} .catPattern02 ul li:nth-last-child(-n+3){margin-bottom:12px} .catPattern02 ul li:nth-last-child(-n+2){margin-bottom:0} .catPattern02 ul li:nth-last-child(-n+4) .desc{position:relative;background:none} .catPattern02 ul li:nth-last-child(-n+4) .desc p{position:relative;color:#1d1d1d;font-size:14px;line-height:1.4;padding:5px 0;height:62px;overflow:hidden;margin-bottom: 5px;} .catPattern02 ul li:nth-last-child(-n+4) .item:hover .desc p{color:#888} .catPattern02 ul li:nth-last-child(-n+4) .secName:hover{color:#1d1d1d} .catPattern02 ul li:nth-last-child(-n+4).icon-video, .catPattern02 ul li:nth-last-child(-n+4).icon-image{background:#1d1d1d;} .catPattern02 ul li:nth-last-child(-n+4).icon-video .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .desc p{color: #fff;padding:5px} .catPattern02 ul li:nth-last-child(-n+4).icon-video .item:hover .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .item:hover .desc p{color:#aaa} .catPattern03 ul li:first-child.icon-video:before{font-size: 38px;width: 50px;height: 50px;line-height: 1.35;} .catPattern03 .desc p{height: 60px;line-height: 1.3;overflow: hidden;padding:5px} .catPattern03 ul li:first-child .desc p{height:auto} .catPattern03 ul li:nth-last-child(-n+3).icon-video .desc p, .catPattern03 ul li:nth-last-child(-n+3).icon-image .desc p {height: 60px;line-height: 1.3;overflow: hidden;} .cd-gallery .allItems {padding: 10px 0 0} .cd-gallery li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} .cd-gallery li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} .cd-gallery li:last-child:after{display:none} .cd-gallery li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} .cd-gallery li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} .cd-gallery li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} .cd-gallery li:nth-last-child(-n+5){margin-bottom:20px} .cd-gallery li:last-child{margin-bottom:0} .cd-gallery li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer} .cd-gallery li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .cd-gallery li .item:hover .desc p{color:#888} .cd-gallery li .time{width:auto;float:left;margin-left: 10px;margin-top: 5px;} .cd-gallery li.icon-video .desc p, .cd-gallery li.icon-image .desc p {padding: 5px 0 5px 10px} .cd-gallery li.icon-video .secName, .cd-gallery li.icon-image .secName{margin-right:0} .cd-gallery li.icon-video:before{right:1px;} .cd-gallery li.icon-image:before{right:1px;} .cd-gallery li.gap{display:none} .weatherDiv .main .dropDownDiv{width:100%;margin-bottom:24px} .weatherDiv .main .cityDate{width:100%} .allGroups .table .ttlRow .itemTtl {width:38px} .allGroups .table .wRow .item {width:38px} .allGroups .table .ttlRow .itemTtl:nth-child(2){width: calc(100% - 345px);} .allGroups .table .wRow .item:nth-child(2){width: calc(100% - 345px);padding:16px 0} .allGroups .table .wRow .team img{height:26px} .allGroups .table .wRow .item p{line-height:1.8} .searchResult form{margin-bottom:10px} .searchResult .cd-gallery{margin-top:20px} .currGoldDiv .main h3{font-size:16px} .currGoldDiv .currGoldTable .currGoldDtls .item{font-size:14px;line-height:2.2} .currGoldDiv .goldDiv .goldProvider p{font-size:14px} .authorsListing .cd-gallery li {width: calc((100% - 24px) / 3);} .authorsListing .cd-gallery li .item .imageCntnr{width:100%;padding-bottom:75%;margin-left:0;float:right} .authorsListing .cd-gallery li .desc{width:100%} .authorsListing .cd-gallery li .desc p{font-size:14px;line-height:1.6;height:72px} .authorsListing .cd-gallery li:after{display:none} .author .cd-gallery li{width: calc((100% - 12px) / 2);} .ramadanHeader{background: url(../Images/light.png) top -80px left -65px no-repeat,url(../Images/ramadanKareem.png) top 30px left 205px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;} .ramadanHeader .headerMenu li a{font-size:13px;line-height:2.8} .ramadanSurvey .surveyQuestion .ttl, .resultContainer .ttl{height:30px} .ramadanSurvey .surveyQuestion .ttl h2, .resultContainer .ttl h2{font-size:15px} .ramadanSurvey.design3 .surveyQuestion h3{font-size:13px;height:auto} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4{font-size:20px;} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 span{font-size:22px} .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat; background-size: auto 180px, auto 100%;} } @media only screen and (max-width: 1023px) { .show-sponsor .container {margin-right: 0} .sponsorHome .container {margin-right: 0} .show-sponsor .sponsor {margin-right: 0;width: 100%} .sponsorHome .sponsor {margin-right: 0;width: 100%} .sponsor .right{display:none} .sponsor .middle{width:100%} .sponsor .left{display:none} .show-sponsor.takeover .content-wrap {width: 100%;margin: 60px 0 0 0} .sponsorHome.takeover .content-wrap{width: 100%;margin: 60px 0 0 0} .sponsor .sponsorLogoBtn{display:none} .takeover .content-wrap{margin:60px 0 0;width:100%;padding: 10px 10px 40px;} .content-wrap{margin:0;width:100%;padding-bottom: 60px;} #cd-top-nav .rightDiv date{font-size:14px;line-height:3.7} .mainKeywords .keywords a{font-size:13px;padding:5px 12px} #cd-vertical-nav{display:none} #cd-top-nav ul li{display: none} #cd-lateral-nav .linksMenu{display:inline-block} .morphSearchDiv{width:60px} .morphsearch{width:60px} .morphsearch-input {padding: 28px 16px 0 16px} .morphsearch-content .keywordsDiv .item{margin:0 0 12px 12px} footer{display:none} .no-touch #cd-vertical-nav{display:none} body.openSearch .content-wrap{width:100%;margin:60px 0 0} .featuredArea{padding:12px;margin-left:12px;width:100%;float:right} .featuredArea ul li{margin-left:0px;margin-bottom:20px;width:100%;position:relative;border:none;overflow:visible;} .featuredArea ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0;left:0} .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child{margin-bottom:20px} .featuredArea ul li .secName{padding: 0;position: absolute;top: auto;bottom: 5px;right: 142px;background: none!important;color: #888;font-size: 13px;line-height:1.4;height:auto} .featuredArea ul li .secName:after{content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 2px;display: block;} .featuredArea ul li:first-child .secName{padding: 2px 10px;font-family: DroidKufiLight, Arial;font-size: 13px;color: #fff;background: #e63b34;position: absolute;top: 0px;right: 0px;z-index: 1;height: 30px;line-height:normal;bottom:auto} .featuredArea ul li:first-child .secName:after{display:none} .featuredArea ul li:first-child{width:100%;margin-left:0} .featuredArea ul li:first-child:after{display:none} .featuredArea ul li:first-child a .imageCntnr {padding-bottom: 75%} .featuredArea ul li:first-child a img{width:100%} .featuredArea ul li:last-child{display:block;margin-bottom:0;padding-bottom:0} .featuredArea ul li:last-child:after{display:none} .featuredArea ul li a .imageCntnr{width: 132px;padding-bottom: calc((132px * 75)/ 100);float: right;} .featuredArea ul li:first-child a .imageCntnr{width: 100%;padding-bottom: 75%;float: right;margin-left: 0} .featuredArea .desc{float:right;position:relative;width:calc(100% - 132px);height:auto;display:inline-block;background:#fff;padding:5px 10px;margin-top:0} .featuredArea .desc p{color:#000;position:relative;padding:0;height:60px;line-height:1.6;font-size:14px} .featuredArea ul li:first-child .desc{float:right;position:absolute;width:100%;height:50%;display:inline-block;padding:0;margin-top:0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); } .featuredArea ul li:first-child .desc p{color:#fff;position:absolute;padding:10px;height:auto;font-size:18px} .showcaseDiv{margin: 0 calc((100% - 300px) / 2) 40px} .akhbarThemak.fixed {position: relative;} .akhbarThemak{width:100%;top:0!important;height: auto!important;} .akhbarThemak .cd-popup-container {width: calc(100% - 48px);height:400px;margin: 120px 24px;overflow-y:scroll} .akhbarThemak .cd-popup-container h2{float: none;} .akhbarThemak .cd-popup-container .sec{width:100%;margin-left:0;margin-bottom:24px;float: none;} .akhbarThemak .cd-popup-container .sec:nth-child(6n+1){margin-left:0} .akhbarThemak input[type="checkbox"] + label {margin:0 12px;width:auto} .pattern01{padding:10px;margin-bottom:24px} .pattern01 .allItems {padding: 10px 0 0} .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} .pattern01 ul li:last-child:after{display:none} .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px} .pattern01 ul li:last-child{margin-bottom:0} .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer} .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 68px;overflow:hidden;text-align: right;line-height: 1.6;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .pattern01 ul li .item:hover .desc p{color:#888} .pattern01 ul li .secName{font-family:DroidKufiLight, Arial;font-size:13px;color:#888;position:absolute;bottom:5px;right:142px;line-height:1.4} .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:2px} .pattern01 ul li .secName:hover{color:#1d1d1d} .pattern01 ul li.icon-video .desc p, .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px} .pattern01 ul li.icon-video .secName, .pattern01 ul li.icon-image .secName{margin-right:0} .pattern01 ul li.icon-video:before{right:1px;} .pattern01 ul li.icon-image:before{right:1px;} .pattern02 ul li{margin-left:0;margin-bottom:20px;width:100%} .pattern02 ul li:after {content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;left: 0;} .pattern02 ul li a .imageCntnr{width: 132px;padding-bottom: calc((132px * 75) / 100);float: right;} .pattern02 .desc{float: right;position: relative;width: calc(100% - 132px);height: auto;display: inline-block;background: #fff;padding: 5px 10px;margin-top: 0;} .pattern02 .desc p, .pattern02 ul li:nth-last-child(-n+3) .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .pattern02 ul li:nth-last-child(-n+3).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+3).icon-image .desc p{color:#fff} .pattern02 ul li .secName, .pattern02 ul li:nth-last-child(-n+3) .secName{padding: 0;position: absolute;top: auto;bottom: 5px;right: 142px;background: none!important;color: #888;font-size: 13px;line-height: 1.4;height: auto;margin-right:0} .pattern02 ul li:nth-last-child(-n+3).icon-video .secName, .pattern02 ul li:nth-last-child(-n+3).icon-image .secName{margin-right:0} .pattern02 ul li .secName:after, .pattern02 ul li:nth-last-child(-n+3) .secName:after {content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 2px;display: block;} .pattern02 ul li:first-child{width:100%;margin-left:0;margin-bottom:20px} .pattern02 ul li:first-child .desc {float: right;position: absolute;width: 100%;height: 50%;display: inline-block;padding: 0;margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0);} .pattern02 ul li:first-child .desc p {color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;} .pattern02 ul li:first-child .secName{padding: 2px 10px;font-family: DroidKufiLight, Arial;font-size: 13px;color: #fff;background: #e63b34;position: absolute;top: 0px;right: 0px;z-index: 1;height: 30px;line-height:normal;bottom:auto} .pattern02 ul li:first-child .secName:after{display:none} .pattern02 ul li.icon-video:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .pattern02 ul li.icon-image:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .pattern02 ul li:first-child.icon-video:before{left:0;right:auto} .pattern02 ul li:first-child.icon-image:before{left:0;right:auto} .pattern02 ul li:first-child:after{display:none} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3){width:100%} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(4), .pattern02 ul li:last-child{margin-left:0} .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child{margin-left:0} .pattern02 ul li:first-child, .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5){margin-left:12px} .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5){margin-bottom:20px} .pattern02 ul li:last-child{display:block} .pattern02 ul li:last-child:after{display:none} .pattern02 ul li:first-child .item .imageCntnr{padding-bottom:75%;width:100%;margin-left:0;} .pattern02.ramadan .desc{background:transparent;} .pattern02.ramadan .desc p{color:#fff;} .pattern02.ramadan ul li .secName, .pattern02.ramadan ul li:nth-last-child(-n+3) .secName{color:#fff} .opinions{width:100%;} .mostRead{width:100%;} .media ul li, .media ul li:first-child, .media ul li:nth-child(4){width:calc((100% - 12px) / 2);margin-left:12px} .media ul li:nth-child(2n){margin-left:0} .media ul li:nth-child(4){float:right} .media ul li:nth-child(3){margin-left:12px} .media .desc p{line-height: 1.6;font-size: 15px;} .media ul li:first-child .desc p, .media ul li:nth-child(4) .desc p{font-size: 16px;line-height: 1.6;} .monsterDiv{margin-right:calc((100% - 624px) / 2)} .specialFiles{margin-bottom:24px;margin-left:24px;margin-left:calc((100% - 624px) / 2)} .mobawaba{/*width:calc(100% - 348px);height:225px;*/margin-left:calc((100% - 624px) / 2)} .mobawaba .border{height:201px} .mobawaba .allItems{border-bottom:none} .mobawaba ul li{display:inline-block;width: 100%;} .mobawaba ul li a img{width:120px;height:auto;float:right;margin-left:12px} .mobawaba .desc{width: calc(100% - 132px);height: auto;overflow: hidden;cursor: pointer;position: relative;bottom:auto;top:0;right:0;float:right;background: none} .mobawaba .desc p{text-align: right;padding: 0;position:relative;} .mobawaba .footer{width:100%;height:40px;background:#01313d;padding:8px;float:right;right:0;bottom:-46px} .mobawaba .footer .price{float:right;font-family:Arial;font-weight:bold;font-size:20px;color:#fff;line-height: 1.2} .mobawaba .footer .price span{margin-right:5px;font-family:DroidKufiLight, Arial;font-size:14px;font-weight:normal} .mobawaba .footer .add{float:left;height:24px;padding:0 8px;font-family:DroidKufiLight, Arial;font-size:15px;color:#fff;background:#0683a4;line-height:1.8} .mobawaba .footer .add:hover{background:#08708a} .allMatches .item .tourName{font-size:14px} .allMatches .matchResult{font-size:32px} .allMatches .item .result .matchResult span{margin:0 6px} .allMatches .item .result{margin-top:6px} .sportsContainer .allMatches .slide{width:140%;height:156px} .sportsContainer .allMatches .item{width:calc(100% / 3);min-width: 290px;} .masrawyServices ul{width: 100%} .caricature li{width:100%;max-width:none;margin-left:0;margin-bottom:20px} .caricature li:nth-child(2n){margin-left:0} .caricature li:nth-last-child(-n+2){margin-bottom:20px} .caricature li a .imageCntnr{position: relative;width: 132px;overflow: hidden;padding-bottom: calc((132px * 75) / 100);float: right;margin-left: 10px;} .caricature li p{width: calc(100% - 142px);line-height: 1.6;height: 66px;padding: 5px 0;font-size: 13px;margin-top:0} .caricature li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .caricature li:last-child:after{display:none} .poll{width:100%} .entrypoints{margin-right:calc((100% - 624px) / 2)} .secondSC{margin-left:calc((100% - 624px) / 2);margin-right:0} .sponsorBanner{width:100%;margin:0} .show-sponsor .sponsorBanner {width: 100%;margin-right: 0} .sponsorHome .sponsorBanner{width: 100%;margin-right: 0} .sponsorBtnText{left:10px;} .article{width:100%} .articleDiv .cd-read-more{display:none} article .details .pattern01{width:230px} article .details .pattern01 ul li p {height: 36px!important;line-height:1.4} article .details .pattern01 ul li .item .imageCntnr {width: 84px;padding-bottom: calc((84px * 75) / 100);} article .details .pattern01 ul li .secName{right:96px;font-size:12px} article .details .pattern01 ul li .secName:after{height:12px;margin-top:2px} article .details .pattern01 ul li:after{display:none} .articleSocialMedia {position: fixed;margin-right:0;right:0;top: auto!important;bottom:0!important;left:0;z-index:10;background:none;padding:0;width:100%;height:40px;z-index:99} .hideSocialBtns .articleSocialMedia{bottom:-40px} .articleSocialMedia a {display:inline-block;width:calc(100% / 4);height:40px;border-radius:0;margin-bottom:0;float:right;margin:0} .articleSocialMedia .icon-fb{background:rgba(58, 87, 153, 0.95)} .articleSocialMedia .icon-tw{background:rgba(31, 162, 240, 0.95)} .articleSocialMedia .icon-ggl{background:rgba(213, 81, 66, 0.95)} .articleSocialMedia .icon-wapp{background:rgba(24, 157, 14, 0.95)} .articleSocialMedia .icon-msngr{background:rgba(0, 132, 255, 0.95)} .articleSocialMedia .icon-fb:before {line-height: 2.4} .articleSocialMedia .icon-tw:before {line-height: 2.4} .articleSocialMedia .icon-ggl:before {line-height: 2.4} .articleSocialMedia .icon-wapp{display:block} .articleSocialMedia .icon-wapp:before {line-height: 2} .articleSocialMedia .icon-msngr:before {line-height: 2.4} .articleSocialMedia .icon-mail{display:none} .articleSocialMedia .icon-print{display:none} .catPattern01 ul li{margin-left:0;margin-bottom:20px;width:100%;overflow:visible} .catPattern01 ul li:first-child, .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3){width:100%} .catPattern01 ul li:nth-child(3){margin-left:0} .catPattern01 ul li:nth-child(2n){margin-left:0} .catPattern01 ul li:nth-last-child(-n+5){margin-bottom:20px} .catPattern01 ul li:last-child{margin-bottom:0} .catPattern01 .desc p, .catPattern01 ul li:nth-child(2) .desc p, .catPattern01 ul li:nth-child(3) .desc p{color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern01 ul li:first-child .desc p{color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;line-height:1.8} .catPattern01 ul li a .imageCntnr{width: 132px;padding-bottom: calc((132px * 75)/ 100);float: right;} .catPattern01 ul li:first-child a .imageCntnr {width: 100%;padding-bottom: 75%;float: right;margin-left: 0;} .catPattern01 .desc{float: right;position: relative;width: calc(100% - 132px);height: auto;display: inline-block;background: #fff;padding: 5px 10px;margin-top: 0;} .catPattern01 ul li:first-child .desc {float: right;position: absolute;width: 100%;height: 50%;display: inline-block;padding: 0;margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0);} .catPattern01 ul li:nth-last-child(-n+7) .desc {position: relative;background: none;height: 80px;} .catPattern01 .desc p {color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern01 ul li:first-child .desc p {color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;} .catPattern01 ul li:after {content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;left: 0;} .catPattern01 ul li:first-child:after, .catPattern01 ul li:last-child:after{display:none} .catPattern01 ul li:nth-last-child(-n+7).icon-video, .catPattern01 ul li:nth-last-child(-n+7).icon-image {background: #1d1d1d;} .catPattern01 ul li.icon-video:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern01 ul li.icon-image:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern01 ul li:nth-last-child(-n+7).icon-video .desc p, .catPattern01 ul li:nth-last-child(-n+7).icon-image .desc p {color: #fff;} .catPattern01 ul li:nth-last-child(-n+7).icon-video .item:hover .desc p, .catPattern01 ul li:nth-last-child(-n+7).icon-image .item:hover .desc p{color:#fff} .catPattern01 ul li:first-child.icon-video:before{left:0;right:auto} .catPattern01 ul li:first-child.icon-image:before{left:0;right:auto} .catPattern02{width:100%;margin-left:0} .catPattern02 ul li{margin-left:0;margin-bottom:20px;width:100%;overflow:visible} .catPattern02 ul li:first-child, .catPattern02 ul li:nth-child(2), .catPattern02 ul li:nth-child(3){width:100%} .catPattern02 ul li:nth-child(3){margin-left:0} .catPattern02 ul li:nth-child(2n){margin-left:0} .catPattern02 ul li:nth-last-child(-n+5){margin-bottom:20px} .catPattern02 ul li:last-child{margin-bottom:0} .catPattern02 .desc p, .catPattern02 ul li:nth-child(2) .desc p, .catPattern02 ul li:nth-child(3) .desc p{color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern02 ul li:first-child .desc p{color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;line-height:1.8} .catPattern02 ul li a .imageCntnr{width: 132px;padding-bottom: calc((132px * 75)/ 100);float: right;} .catPattern02 ul li:first-child a .imageCntnr {width: 100%;padding-bottom: 75%;float: right;margin-left: 0;} .catPattern02 .desc{float: right;position: relative;width: calc(100% - 132px);height: auto;display: inline-block;background: #fff;padding: 5px 10px;margin-top: 0;} .catPattern02 ul li:first-child .desc {float: right;position: absolute;width: 100%;height: 50%;display: inline-block;padding: 0;margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0);} .catPattern02 ul li:nth-last-child(-n+4) .desc {position: relative;background: none;height: 80px;} .catPattern02 .desc p {color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern02 ul li:first-child .desc p {color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;} .catPattern02 ul li:after {content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;left: 0;} .catPattern02 ul li:first-child:after, .catPattern02 ul li:last-child:after{display:none} .catPattern02 ul li:nth-last-child(-n+4).icon-video, .catPattern02 ul li:nth-last-child(-n+4).icon-image {background: #1d1d1d;} .catPattern02 ul li.icon-video:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern02 ul li.icon-image:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern02 ul li:nth-last-child(-n+4).icon-video .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .desc p {color: #fff;} .catPattern02 ul li:nth-last-child(-n+4).icon-video .item:hover .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .item:hover .desc p{color:#fff} .catPattern02 ul li:first-child.icon-video:before{left:0;right:auto} .catPattern02 ul li:first-child.icon-image:before{left:0;right:auto} .catPattern03{width:100%;margin-left:0;height:auto} .catPattern03 ul li{margin-left:0;margin-bottom:20px;width:100%;overflow:visible} .catPattern03 ul li:first-child, .catPattern03 ul li:nth-child(2), .catPattern03 ul li:nth-child(3){width:100%} .catPattern03 ul li:nth-child(3){margin-left:0} .catPattern03 ul li:nth-child(2n){margin-left:0} .catPattern03 ul li:nth-last-child(-n+5){margin-bottom:20px} .catPattern03 ul li:last-child{margin-bottom:0} .catPattern03 .desc p, .catPattern03 ul li:nth-child(2) .desc p, .catPattern03 ul li:nth-child(3) .desc p{color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern03 ul li:first-child .desc p{color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;line-height:1.8} .catPattern03 ul li a .imageCntnr{width: 132px;padding-bottom: calc((132px * 75)/ 100);float: right;margin-left:0} .catPattern03 ul li:first-child a .imageCntnr {width: 100%;padding-bottom: 75%;float: right;margin-left: 0;} .catPattern03 .desc{float: right;position: relative;width: calc(100% - 132px);height: auto;display: inline-block;background: #fff;padding: 5px 10px;margin-top: 0;} .catPattern03 ul li:first-child .desc {float: right;position: absolute;width: 100%;height: 50%;display: inline-block;padding: 0;margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0);} .catPattern03 ul li:nth-last-child(-n+4) .desc {position: relative;background: none;height: 80px;} .catPattern03 .desc p {color: #000;position: relative;padding: 0;height: 60px;line-height: 1.6;font-size: 14px;} .catPattern03 ul li:first-child .desc p {color: #fff;position: absolute;padding: 10px;height: auto;font-size: 18px;} .catPattern03 ul li:after {content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;left: 0;} .catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after{display:none} .catPattern03 ul li:nth-last-child(-n+4).icon-video, .catPattern03 ul li:nth-last-child(-n+4).icon-image {background: #1d1d1d;} .catPattern03 ul li.icon-video:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern03 ul li.icon-image:before{font-size:30px;top:0px;left:auto;right:0;width:40px;height:40px;line-height:1.35} .catPattern03 ul li:nth-last-child(-n+4).icon-video .desc p, .catPattern03 ul li:nth-last-child(-n+4).icon-image .desc p {color: #fff;} .catPattern03 ul li:nth-last-child(-n+4).icon-video .item:hover .desc p, .catPattern03 ul li:nth-last-child(-n+4).icon-image .item:hover .desc p{color:#fff} .catPattern03 ul li:first-child.icon-video:before{left:0;right:auto} .catPattern03 ul li:first-child.icon-image:before{left:0;right:auto} .searchResult{width:100%;margin-left:0} .innerListing .akhbarThemak{position:relative;top:0!important} .listing{width:100%;margin-left:0} .matchesSchedule .schedule{width:100%;margin-left:0} .prayerTimes .prayerTimesTable{width:100%;margin-left:0} .weatherDiv .weatherCnts{width:100%;margin-left:0} .currGoldDiv .currencyDiv{width:100%;margin-left:0} .currGoldDiv .main {padding:10px;} .currGoldDiv .goldDiv{width:100%;margin-left:0} .contactUsDiv .contactUsCnts{width:100%;margin-left:0} .zakahDiv .zakahCnts{width:100%;margin-left:0} .newsPointerDiv .newsPointer{width:100%;margin-left:0} .masrawyServicesDiv .services{width:100%;margin-left:0} .masrawyServicesDiv .services .servicesCnts .item p{height:108px} .pollListingDiv .pollListing{width:100%;margin-left:0} .policyDiv .policy{width:100%;margin-left:0} .oneStickyDiv{height:40px} .oneStickyDiv .cnts{width:calc(100% - 10px);margin:0 10px} .oneStickyDiv .bx-viewport{height:40px!important} .oneStickyDiv .onSlider{margin-right: 60px;} .oneStickyDiv .onSlider li h3{margin-left:12px;font-size:18px;line-height:2.5;width: 70px;} .oneStickyDiv .onSlider li p{font-size:16px;line-height:2.6} .oneStickyDiv .onSlider{height: 40px;} .oneStickyDiv .onLogo {width: 50px;height: 50px;} .oneStickyDiv .onLogo img{width: 100%;height: 100%} .billboardDiv{min-width:300px} .leaderboardDiv{min-width:300px} .featuredSC .showcaseDiv{display:inline-block} .surveyDiv .questionsDiv{width:100%;margin-left:0} .surveyDiv .resultDiv{width:100%;margin-left:0} .surveyDiv .resultDiv .grid li{width: calc((100% - 24px) / 2);} .surveyDiv .resultDiv .grid li:nth-child(3n) {margin-left: 24px} .surveyDiv .resultDiv .grid li:nth-child(2n) {margin-left: 0;} .articleSocialMedia::before{display:none} .rssDiv .rssCnts{width:100%;margin-left:0} .dtlsSc{width:624px;margin:0 calc((100% - 624px) / 2) 48px} .vasCnts .vas{width:calc((100% - 20px) / 2)} .vasCnts .vas:nth-child(3n) {margin-left:20px} .vasCnts .vas:nth-child(2n) {margin-left:0} .electionDiv .votesDiv{width:100%;margin-left:0} /*.pattern02.ramadan:before{background:url(../Images/ramadanBg.jpg) no-repeat right 0 #fff;}*/ .pattern02.ramadan::before{background:url(../Images/Mosquee.png)bottom -55px left -420px no-repeat, url(../Images/light.png) no-repeat top -40px left 20px, url(../Images/ramadanBKMobilee.jpg) no-repeat center center;background-size: auto,160px,auto;} .wcBg .groupStandingHP .groups .table{width: calc((100% - 30px) / 3);margin-left:10px} .wcBg .groupStandingHP .groups .table .wRow .team img{height:14px;margin-top:4px} .wcBg .groupStandingHP .groups .table .wRow .item p{font-size:12px} .wcBg .groupStandingHP .groups .table .wRow .item{font-size:14px;width: 26px;} .wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2) {width: calc(100% - 52px);} .allGroups{width:100%;margin-left:0} .allGroups .table .ttlRow .itemTtl{width:50px;font-size:12px;line-height:2.2} .allGroups .table .ttlRow .itemTtl:nth-child(2){width: calc(100% - 450px);} .allGroups .table .wRow .item{width:50px;font-size:14px;line-height:2.9} .allGroups .table .wRow .item:nth-child(2){width: calc(100% - 450px);} .galleryTitle h2{display:none} article.paginationDiv .details h3{width:250px} article .details p.WizImg {width: calc(100% - 270px);} .paginationDiv .pattern01 ul li {width: 100%} /*.ramadanHeader{background: url(../Images/light.png) top -80px left -65px no-repeat,url(../Images/ramadanKareem.png) top 30px left 270px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;}*/ .ramadanHeader {background: url(../Images/light.png) top -52px left -62px no-repeat,url(../Images/ramadanKareem.png) top 42px left 170px no-repeat,url(../Images/ramadanHeaderBG.jpg) top right no-repeat;background-size: 250px, 150px 65px,auto;} .timelineQuestions{display:none} .ramadanSurvey.design3{width:100%;margin-bottom:20px} .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat; background-size: auto 180px, auto 100%;} .sportsPadding .matchesTabs{padding-top:10px} } @media screen and (min-width:768px) and (max-width:882px){ .masrawyServicesDiv .services .servicesCnts .item p{height:135px} } /** For Mobile **/ @media screen and (min-width:320px) and (max-width:767px){ img{border:none!important} body{-webkit-text-size-adjust: none;} section{margin-bottom:30px} .leaderboardDiv, .showcaseDiv, .billboardDiv, .monsterDiv{margin-bottom:30px} .newsPointer .allItems ul .leaderboardDiv, .newsPointer .allItems ul .showcaseDiv, .newsPointer .allItems ul .billboardDiv, .newsPointer .allItems ul .monsterDiv{margin: 30px 0;} /*.cd-main-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling: touch;}*/ .container{position:relative;top:0;right:0;left:0;width:100%;height:100%} .content-wrap{padding:0;position: relative;height: 100%;top: 0;left: 0;right: 0;width:100%} .gutter{display:none!important} .sponsorHome.takeover .content-wrap{padding:0;position: relative;height: 100%;left: 0;right: 0;} #cd-top-nav .rightDiv date{display:none} .content-wrap{padding:0 0 20px} #cd-vertical-nav::before, .content-wrap::before{} .show-sponsor.takeover .content-wrap, .show-sponsor .sponsorBanner {width: 100%;margin: 60px 0 0 0;} .sponsorHome.takeover .content-wrap, .sponsorHome .sponsorBanner {width: 100%;margin: 60px 0 0 0;} .show-sponsor .container {margin-right: 0;} .sponsorHome .container {margin-right: 0;} .sponsor .middle{width:100%} .sponsor .middle .sponsorContent img {height: auto;width: calc(100% - 20px);} .show-sponsor .sponsor .right{display:none} .show-sponsor .sponsor .left{display:none} .show-sponsor .sponsorLogoBtn{display:none} .sponsorHome .sponsor .right{display:none} .sponsorHome .sponsor .left{display:none} .sponsorHome .sponsorLogoBtn{display:none} .sponsorBanner p {font-size: 14px;text-align: right;padding: 8px 12px 0 0;line-height: 3.5} .sponsorBtnText:after{display:none} .sponsorBtnText{width:40px} .icon-spnsrBottom:before{margin:0 10px} #cd-top-nav {margin-right: 0;width: calc(100% - 60px)} #cd-top-nav > ul {width: 60px;} #cd-top-nav ul li:last-child{width:60px} #cd-top-nav > ul > li:hover {background:none} .morphSearchDiv{width:60px;transition: 0s;} .morphsearch{width:60px;background:none;transition: background 0.1s ease-in-out 0s;} .morphsearch-input{padding: 28px 18px 0 18px;transition: 0s;} .morphsearch-form.icon-search:before{transition:0s;} .morphsearch-form{transition:0s} .morphsearch-submit.icon-search{transition:0s} .openSearch .morphsearch.open .morphsearch-submit.icon-search:before{width:54px;height:54px;font-size:34px;left: 24px;line-height: 1.8;transition:0s} .openSearch .morphsearch.open .morphsearch-content {padding: 0 5%;height: 390px;overflow: hidden;transition: 0s;margin-top: 0;top: 180px;} .openSearch .morphsearch.open .morphsearch-input {font-size: 24px;} #cd-top-nav .rightDiv {width: calc(100% - 60px);} #cd-top-nav .masLogo {margin: 5px calc((100% - 150px) / 2);} .overflow-hidden{margin-right:0;width: 100%;} .overflow-hidden .cd-main-content{position:relative} .overflow-hidden #cd-top-nav{display:none} footer .top{height:auto;} footer .top .cnts{width: calc(100% - 24px);margin: 0 12px;padding: 10px 0 15px} footer .top .cnts h2{float: right;margin-left:0;display:inline-block;width:100%} footer .top .cnts .subTxt{width:300px;float:right;height:40px;display:inline-block} footer .middle .navMenu{width:100%;padding: 10px 0;margin:0} footer .middle .navMenu ul .has-children{float:right;width:100%;height:40px;margin-left:0;margin-bottom:12px} footer .middle .navMenu ul .has-children a{display: block;width: calc(100% - 24px);height: 40px;padding-right: 12px;margin:0 12px;line-height: 3;background: #1a1a1a;} footer .middle .navMenu ul .has-children:last-child{width:100%;margin-bottom:0} footer .middle .navMenu ul .is-hidden{display:none} .ttl h2{font-size:18px;line-height:1.8;font-family: DroidKufiLight, Arial;} .ttl h2 a{font-size:18px} .ttl h2:after{margin-left:8px} .ttl .more{font-size:13px} .ttl .icon-more:before{font-size:14px} .mainKeywords{display:none} .featuredSC .showcaseDiv {margin-bottom: 20px;} .featuredArea{padding:10px} .featuredArea .allItems{padding:10px 0} .featuredArea ul li{margin-left:0;width:100%;margin-bottom:20px;overflow: visible;} .featuredArea ul li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .featuredArea ul li:first-child .desc p {font-size: 16px;line-height: 1.6} .featuredArea ul li:first-child:after, .featuredArea ul li:last-child:after{display:none} .featuredArea ul li:first-child .secName{height:26px;line-height:1.8} .featuredArea ul li a .imageCntnr{position:relative;width:120px;overflow:hidden;padding-bottom:calc((120px * 75) / 100);float:right;margin-left:10px} .featuredArea ul li:first-child a .imageCntnr{width:100%;padding-bottom:75%} .featuredArea ul li:first-child{width:100%} .featuredArea ul li:nth-child(2), .featuredArea ul li:nth-child(3){width:100%} .featuredArea ul li:nth-child(3), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child{margin-left:0} .featuredArea ul li:first-child{margin-bottom:20px} .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5){margin-bottom:20px} .featuredArea ul li:last-child{display:block} .featuredArea ul li:nth-last-child(-n+5) .desc{width: calc(100% - 130px);height:auto;overflow: hidden;cursor: pointer;position: relative;bottom: 0;right:0;background: none;padding:0} .featuredArea ul li:nth-last-child(-n+5) .desc p{color: #1d1d1d;text-align: right;line-height: 1.6;height:66px;overflow:hidden;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0} .featuredArea ul li:nth-last-child(-n+5) .item:hover .desc p{color:#888} .featuredArea ul li .secName {padding: 0;position: absolute;top: auto;bottom: 0;right: 130px;background: none!important;color: #888;font-size: 12px;line-height: normal;height: auto;} .featuredArea ul li .secName:after {height:12px;margin-top:4px} .featuredArea ul li:nth-last-child(-n+5) .secName:hover{color:#1d1d1d} .akhbarThemak .cd-popup-container {width: calc(100% - 20px);height:400px;margin: 120px 10px;overflow-y:scroll;padding:24px 12px} .akhbarThemak .cd-popup-container h2{font-size:20px} .akhbarThemak .cd-popup-container .sec{width:100%;margin-left:0;margin-bottom:24px} .akhbarThemak .cd-popup-container .sec:nth-child(6n+1){margin-left:0;margin-bottom:0} .akhbarThemak input[type="checkbox"] + label {margin:0 5px 12px;width:100%} .akhbarThemak .cd-popup-container.notify{width:calc(100% - 20px);height:200px;margin: 120px 10px;overflow-y:hidden} .pattern01 ul li .item .imageCntnr {width: 120px;padding-bottom: calc((120px * 75) / 100);} .pattern01 ul li .desc {width: calc(100% - 130px);display:inline-block;float:right} .pattern01 ul li .desc p{line-height:1.6;height:66px;overflow:hidden;font-size:13px;margin:0} .pattern01 ul li .secName {font-size: 12px;bottom: 0px;right: 130px;line-height: normal} .pattern01 ul li .secName:after {height: 12px;margin-top: 4px;} .pattern01 ul li.icon-image:before {font-size: 20px;width: 30px;height: 30px;line-height: 1.4} .pattern01 ul li.icon-video:before {font-size: 20px;width: 30px;height: 30px;line-height: 1.4} article .details .pattern01 ul li p {height: 36px!important;line-height:1.4!important} .opinions{width:100%;padding:10px;height:auto} .opinions .allItems li:last-child{margin-bottom:2px} .opinions .allItems li .desc p{font-size:13px} .opinions .allItems li .date{display:none} .mostRead{width:100%;padding:10px;height:auto} .mostRead .allItems li:last-child{margin-bottom:0} .media ul li{width:100%} .media ul li:first-child, .media ul li:nth-child(4) {width: 100%} .media ul li:nth-child(2n){margin-left:0} .media ul li:nth-child(4){float:right} .media ul li:nth-child(3){margin-left:24px} .media ul li:nth-last-child(-n+3){margin-bottom:24px} .media ul li:last-child{margin-bottom:0} .media .desc p{line-height: 1.6;font-size: 15px;} .media ul li .secName{height:26px;line-height:1.8} .media ul li:first-child .desc p, .media ul li:nth-child(4) .desc p{font-size: 16px;line-height: 1.6;} .specialFiles{width:300px;margin:0 calc((100% - 300px) / 2) 40px} .mobawaba{padding:12px;background:#0683a4;width:300px;height:367px;margin:0 calc((100% - 300px) / 2) 40px} .mobawaba .border{border:1px solid #5daebf;height:343px} .mobawaba .ttl {height:49px;border-bottom:1px solid #5daebf} .mobawaba .ttl h2 a:after{display:none} .mobawaba .allItems{padding:8px;border-bottom:1px solid #5daebf} .mobawaba ul li{position:relative} .mobawaba ul li a{display:block} .mobawaba ul li a img{width:100%;height:auto;margin-left:0;border:none;filter:brightness(100%) contrast(100%);-webkit-filter:brightness(100%) contrast(100%);-moz-filter:brightness(100%) contrast(100%);-o-filter:brightness(100%) contrast(100%);-ms-filter:brightness(100%) contrast(100%);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;} .mobawaba ul li:hover img{filter:brightness(108%) contrast(108%);-webkit-filter:brightness(108%) contrast(108%);-moz-filter:brightness(108%) contrast(108%);-o-filter:brightness(108%) contrast(108%);-ms-filter:brightness(108%) contrast(108%)} .mobawaba .desc{width: 100%;height: 50%;overflow: hidden;cursor: pointer;position: absolute;bottom: 0;right:0;top: auto; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#FF000000',GradientType=0); } .mobawaba .desc p{color: #fff;text-align: center;line-height: 1.6;padding: 12px;font-size:18px;font-family:DroidKufiLight, Arial;position:absolute;bottom:0;right:0;height:80px;overflow:hidden} .mobawaba .footer{width:100%;height:65px;background:#01313d;padding:8px;position:absolute;bottom:-84px;right:0;cursor:default} .mobawaba .footer .price{float:right;font-family:Arial;font-weight:bold;font-size:22px;color:#fff;line-height: 2.2;cursor:default} .mobawaba .footer .price span{margin-right:5px;font-family:DroidKufiLight, Arial;font-size:14px;font-weight:normal} .mobawaba .footer .add{float:left;height:49px;padding:0 8px;font-family:DroidKufiLight, Arial;font-size:15px;color:#fff;background:#0683a4;line-height:3.4} .mobawaba .footer .add:hover{background:#08708a} .poll{padding:10px;width:100%;height:auto} .poll .allItems{margin-bottom:24px} .entrypoints{margin:0 calc((100% - 300px) / 2) 40px} .secondSC{margin:0 calc((100% - 300px) / 2) 40px} body.openSearch .content-wrap{width: 100%;margin: 0} .openSearch .morphsearch.open .morphsearch-form{height:100px;width:90%} .morphsearch-content h2{font-size:18px;margin-bottom:16px} .morphsearch-content .keywordsDiv .item{font-size:13px;padding:4px 10px} .pattern02{padding:10px} .pattern02 .allItems{padding:10px 0 0} .pattern02 ul li{margin-left:0;width:100%;margin-bottom:20px;overflow: visible;} .pattern02 ul li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .pattern02 ul li:first-child:after, .pattern02 ul li:last-child:after{display:none} .pattern02 ul li:first-child .desc p {color: #fff;position: absolute;padding: 10px;height: auto;font-size: 16px;line-height:1.6} .pattern02 ul li:first-child .secName{height:26px;line-height:1.8} .pattern02 ul li a .imageCntnr{position:relative;width:120px;overflow:hidden;padding-bottom:calc((120px * 75) / 100);float:right;margin-left:10px} .pattern02 ul li:first-child a .imageCntnr{width:100%;padding-bottom:75%} .pattern02 ul li:first-child{width:100%} .pattern02 ul li:nth-child(2), .pattern02 ul li:nth-child(3){width:100%} .pattern02 ul li:nth-child(3), .pattern02 ul li:nth-child(5), .pattern02 ul li:last-child{margin-left:0} .pattern02 ul li:first-child{margin-bottom:20px} .pattern02 ul li:nth-child(4), .pattern02 ul li:nth-child(5){margin-bottom:20px} .pattern02 ul li:last-child{display:block} .pattern02 ul li:nth-last-child(-n+5) .desc{width: calc(100% - 130px);height:auto;overflow: hidden;cursor: pointer;position: relative;bottom: 0;right:0;background: none;padding:0} .pattern02 ul li:nth-last-child(-n+5) .desc p{line-height: 1.6;height:66px;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0;color: #1d1d1d;} .pattern02.ramadan ul li:nth-last-child(-n+5) .desc p{color: #fff;} .pattern02 ul li:nth-last-child(-n+5) .secName{padding:0;position:absolute;top:auto;bottom:0;right:130px;background:none!important;color:#888;font-size:12px;line-height:normal} .pattern02 ul li:nth-last-child(-n+5) .secName:after{content: "";width: 4px;height: 12px;background: #e63b34;float: right;margin-left: 5px;margin-top: 4px;display:block;color:#fff} .pattern02 ul li:nth-last-child(-n+5) .item:hover .desc p{color:#ccc} /*.pattern02 ul li:nth-last-child(-n+5) .secName:hover{color:#1d1d1d}*/ .pattern02 ul li:nth-last-child(-n+5).icon-video, .pattern02 ul li:nth-last-child(-n+5).icon-image{background:#1d1d1d;} .pattern02 ul li:nth-last-child(-n+5).icon-video .desc p, .pattern02 ul li:nth-last-child(-n+5).icon-image .desc p{color: #fff;padding:5px 0;font-size:13px;line-height:1.6;height:66px} .pattern02 ul li:nth-last-child(-n+5).icon-video .item:hover .desc p, .pattern02 ul li:nth-last-child(-n+5).icon-image .item:hover .desc p{color:#fff} .pattern02 ul li:nth-last-child(-n+5).icon-video .secName, .pattern02 ul li:nth-last-child(-n+5).icon-image .secName{margin-right:0;color:#bbb;bottom:0;line-height:normal} /*.pattern02 ul li:nth-last-child(-n+5).icon-video .secName:hover, .pattern02 ul li:nth-last-child(-n+5).icon-image .secName:hover{color:#fff}*/ .pattern02 ul li:first-child.icon-image:before, .pattern02 ul li:first-child.icon-video:before {font-size: 30px;top: 0px;left: 0;right: auto;width: 40px;height: 40px;line-height: 1.35;} .pattern02 ul li.icon-video:before{content:"s";color:#fff;font-size:20px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:auto;right:1px;width:30px;height:30px;line-height:1.4;pointer-events:none;z-index:1} .pattern02 ul li.icon-image:before{content:"t";color:#fff;font-size:20px;background:rgba(0,0,0,0.8);position:absolute;top:1px;left:auto;right:1px;width:30px;height:30px;line-height:1.4;pointer-events:none;z-index:1} .mostRead ul li a .imageCntnr{padding-bottom: calc((120px * 75) / 100);width:120px;margin-left:10px} .mostRead .allItems li .desc {width: calc(100% - 130px);padding-right: 0} .mostRead .allItems li .desc p {font-size: 13px;line-height: 1.6;height: 66px;padding:5px 0} .mostRead .allItems li .secName {right: 130px;bottom: 0;font-size: 12px;line-height:normal} .mostRead .allItems li .secName:after {height: 12px;margin-top: 4px;} .specialFiles .desc p{font-size:14px;margin-bottom:0;bottom:5px} .specialFiles .bx-pager{display:none} .allMatches .tabs-nav li > a{font-size:13px} .allMatches .item .tourName{margin-bottom:16px;font-size:13px} .matchesTabs .more{font-size:13px;line-height:2.4} .caricature li{width:100%;max-width:none;margin-left:0;margin-bottom:20px} .caricature li:nth-child(2n){margin-left:0} .caricature li:nth-last-child(-n+2){margin-bottom:20px} .caricature li:last-child{margin-bottom:0} .caricature li a .imageCntnr{position: relative;width: 120px;overflow: hidden;padding-bottom: calc((120px * 75) / 100);float: right;margin-left: 10px;} .caricature li p{width: calc(100% - 130px);line-height: 1.6;height: 66px;padding: 5px 0;font-size: 13px;margin-top:0} .caricature li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .caricature li:last-child:after{display:none} .listing {padding:15px 10px} .article{padding:10px} .breadcrumb{padding: 5px 12px;margin-bottom:16px} .breadcrumb li a{font-size:13px} .breadcrumb li a:after{margin: 0 5px;font-size: 16px;} .topLBArticle{padding-top:10px} article .articleHeader{margin-bottom:16px} article .imgDiv{width:100%;margin-bottom:16px} article .articleHeader h1{font-size:20px} article .articleHeader .time{font-size:13px} article .articleHeader .icon-time:before{font-size:16px;line-height:1.5} article .articleHeader .time span{margin-left:14px} article .articleHeader .time span:after{top:6px;height:14px;left:-7px} article .details, article .details p, article .details h2, article .details span{font-size:14px!important;line-height:2} article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span{font-size:14px!important} article .keywordsDiv .item {padding: 0px 15px;font-size: 13px;height: 30px;line-height: 2.4;} article .nextLink h3{font-size:14px} article .nextLink a{font-size:14px} article .provider h2{font-size:13px;width:110px;line-height:2.5} article .provider .providerImg{width: calc(100% - 120px);height: 30px;} article .provider .providerImg img{height:30px} .consoltoDiv{margin-bottom:30px} .consoltoLink{font-size:14px} .articleSocialMedia .icon-fb:before {line-height: 2.4} .articleSocialMedia .icon-tw:before {line-height: 2.4} .articleSocialMedia .icon-ggl:before {line-height: 2.4} .articleSocialMedia .icon-wapp:before {line-height: 2} .articleSocialMedia .icon-msngr:before {line-height: 2.4} /*article .pattern01 .allItems {padding: 10px 0} article .pattern01 ul li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible} article .pattern01 ul li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0;display:block} article .pattern01 ul li:last-child:after{display:none} article .pattern01 ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0} article .pattern01 ul li .item .imageCntnr{width:132px;padding-bottom:calc((132px * 75) / 100);margin-left:10px;float:right} article .pattern01 ul li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} article .pattern01 ul li:nth-last-child(-n+5){margin-bottom:20px} article .pattern01 ul li:last-child{margin-bottom:0} article .pattern01 ul li .desc{width: calc(100% - 142px);overflow: hidden;cursor: pointer;float: right;} article .pattern01 ul li .desc p{color: #1d1d1d;width:100%;height: 62px;overflow:hidden;text-align: right;line-height: 1.4;padding:5px 0;font-size: 14px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} article .pattern01 ul li .item:hover .desc p{color:#888} article .pattern01 ul li .secName{font-family:DroidKufiLight, Arial;font-size:14px;color:#888;position:absolute;bottom:0;right:142px} article .pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#e63b34;float:right;margin-left:5px;margin-top:4px} article .pattern01 ul li .secName:hover{color:#1d1d1d} article .pattern01 ul li.icon-video .desc p, article .pattern01 ul li.icon-image .desc p {padding: 5px 0 5px 10px} article .pattern01 ul li.icon-video .secName, article .pattern01 ul li.icon-image .secName{margin-right:0} article .pattern01 ul li.icon-video:before{right:1px;} article .pattern01 ul li.icon-image:before{right:1px;}*/ article .pagination ul{width:46px} article .pagination ul li{width:100%} article .pagination ul:nth-child(2){width:calc(100% - 100px)} article .pagination ul:nth-child(2) li{width:calc(100% / 5)} article .pagination ul li a, article .pagination ul li .dots{width:100%} article .pagination ul li.nextPrev a{width:100%} article .nextLink a:after{display:none} article .details img{margin:40px 0!important;height: auto;width: 100%} article .details iframe{margin:40px 0!important;height: auto;width: 100%} article .details iframe.instagram-media {min-height: 460px;} article .pagination ul.PCount{display:none} .repeatDiv{width:300px;margin-left:-150px;padding:45px 0} .repeatDiv .nextAlbum h3{font-size:14px;margin-bottom:0} .catPattern01{padding:10px} .catPattern01 .allItems{padding:10px 0 0} .catPattern01 ul li{margin-left:0;width:100%;margin-bottom:20px;overflow: visible;} .catPattern01 ul li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .catPattern01 ul li:first-child:after, .catPattern01 ul li:last-child:after{display:none} .catPattern01 ul li a .imageCntnr{position:relative;width:120px;overflow:hidden;padding-bottom:calc((120px * 75) / 100);float:right;margin-left:10px} .catPattern01 ul li:first-child a .imageCntnr{width:100%;padding-bottom:75%} .catPattern01 ul li:first-child{width:100%} .catPattern01 ul li:nth-child(2), .catPattern01 ul li:nth-child(3){width:100%} .catPattern01 ul li:nth-child(3), .catPattern01 ul li:nth-child(5), .catPattern01 ul li:last-child{margin-left:0} .catPattern01 ul li:first-child{margin-bottom:20px} .catPattern01 ul li:nth-child(4), .catPattern01 ul li:nth-child(5){margin-bottom:20px} .catPattern01 ul li:last-child{display:block} .catPattern01 ul li:nth-last-child(-n+7){margin-bottom:20px} .catPattern01 ul li:last-child{margin-bottom:0} .catPattern01 ul li:first-child .desc p {padding: 10px;font-size: 16px;line-height:1.6;height:auto} .catPattern01 ul li:nth-last-child(-n+7) .desc{width: calc(100% - 130px);height:auto;overflow: hidden;cursor: pointer;position: relative;bottom: 0;right:0;background: none;padding:0} .catPattern01 ul li:nth-last-child(-n+7) .desc p{color: #1d1d1d;text-align: right;line-height: 1.6;height:66px;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0} .catPattern01 ul li:nth-last-child(-n+7) .secName{padding:0;position:absolute;top:auto;bottom:5px;right:142px;background:none!important;color:#888;font-size:14px} .catPattern01 ul li:nth-last-child(-n+7) .secName:after{content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 6px;display:block} .catPattern01 ul li:nth-last-child(-n+7) .item:hover .desc p{color:#888} .catPattern01 ul li:nth-last-child(-n+7) .secName:hover{color:#1d1d1d} .catPattern01 ul li:nth-last-child(-n+7).icon-video, .catPattern01 ul li:nth-last-child(-n+7).icon-image{background:#1d1d1d;} .catPattern01 ul li:nth-last-child(-n+7).icon-video:before, .catPattern01 ul li:nth-last-child(-n+7).icon-image:before{right:1px;width:30px;height:30px;font-size:20px;line-height:1.4} .catPattern01 ul li:nth-last-child(-n+7).icon-video .desc p, .catPattern01 ul li:nth-last-child(-n+7).icon-image .desc p{color: #fff;padding:5px 0 5px 10px} .catPattern01 ul li:nth-last-child(-n+7).icon-video .item:hover .desc p, .catPattern01 ul li:nth-last-child(-n+7).icon-image .item:hover .desc p{color:#fff} .catPattern01 ul li:nth-last-child(-n+7).icon-video .secName, .catPattern01 ul li:nth-last-child(-n+7).icon-image .secName{margin-right:0;color:#fff;} .catPattern01 ul li:nth-last-child(-n+7).icon-video .secName:hover, .catPattern01 ul li:nth-last-child(-n+7).icon-image .secName:hover{color:#fff} .catPattern02{padding:10px} .catPattern02 .allItems{padding:10px 0 0} .catPattern02 ul li{margin-left:0;width:100%;margin-bottom:20px;overflow: visible;} .catPattern02 ul li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .catPattern02 ul li:first-child:after, .catPattern02 ul li:last-child:after{display:none} .catPattern02 ul li a .imageCntnr{position:relative;width:120px;overflow:hidden;padding-bottom:calc((120px * 75) / 100);float:right;margin-left:10px} .catPattern02 ul li:first-child a .imageCntnr{width:100%;padding-bottom:75%} .catPattern02 ul li:first-child{width:100%} .catPattern02 ul li:nth-child(2), .catPattern02 ul li:nth-child(3){width:100%} .catPattern02 ul li:nth-child(3), .catPattern02 ul li:nth-child(5), .catPattern02 ul li:last-child{margin-left:0} .catPattern02 ul li:first-child{margin-bottom:20px} .catPattern02 ul li:first-child .desc p {padding: 10px;font-size: 16px;line-height:1.6;} .catPattern02 ul li:nth-child(4), .catPattern02 ul li:nth-child(5){margin-bottom:20px} .catPattern02 ul li:last-child{display:block} .catPattern02 ul li:nth-last-child(-n+4){margin-bottom:20px} .catPattern02 ul li:last-child{margin-bottom:0} .catPattern02 ul li:nth-last-child(-n+4) .desc{width: calc(100% - 130px);height:auto;overflow: hidden;cursor: pointer;position: relative;bottom: 0;right:0;background: none;padding:0} .catPattern02 ul li:nth-last-child(-n+4) .desc p{color: #1d1d1d;text-align: right;line-height: 1.6;height:66px;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0} .catPattern02 ul li:nth-last-child(-n+4) .secName{padding:0;position:absolute;top:auto;bottom:5px;right:142px;background:none!important;color:#888;font-size:14px} .catPattern02 ul li:nth-last-child(-n+4) .secName:after{content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 6px;display:block} .catPattern02 ul li:nth-last-child(-n+4) .item:hover .desc p{color:#888} .catPattern02 ul li:nth-last-child(-n+4) .secName:hover{color:#1d1d1d} .catPattern02 ul li:nth-last-child(-n+4).icon-video, .catPattern02 ul li:nth-last-child(-n+4).icon-image{background:#1d1d1d;} .catPattern02 ul li:nth-last-child(-n+4).icon-video:before, .catPattern02 ul li:nth-last-child(-n+4).icon-image:before{right:1px;width:30px;height:30px;font-size:20px;line-height:1.4} .catPattern02 ul li:nth-last-child(-n+4).icon-video .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .desc p{color: #fff;padding:5px 0 5px 10px} .catPattern02 ul li:nth-last-child(-n+4).icon-video .item:hover .desc p, .catPattern02 ul li:nth-last-child(-n+4).icon-image .item:hover .desc p{color:#fff} .catPattern02 ul li:nth-last-child(-n+4).icon-video .secName, .catPattern02 ul li:nth-last-child(-n+4).icon-image .secName{margin-right:0;color:#fff;} .catPattern02 ul li:nth-last-child(-n+4).icon-video .secName:hover, .catPattern02 ul li:nth-last-child(-n+4).icon-image .secName:hover{color:#fff} .catPattern03{padding:10px} .catPattern03 .allItems{padding:10px 0 0} .catPattern03 ul li{margin-left:0;width:100%;margin-bottom:20px;overflow: visible;} .catPattern03 ul li:after{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: -10px;right: 0;} .catPattern03 ul li:first-child:after, .catPattern03 ul li:last-child:after{display:none} .catPattern03 ul li a .imageCntnr{position:relative;width:120px;overflow:hidden;padding-bottom:calc((120px * 75) / 100);float:right;margin-left:10px} .catPattern03 ul li:first-child a .imageCntnr{width:100%;padding-bottom:75%} .catPattern03 ul li:first-child{width:100%} .catPattern03 ul li:nth-child(2), .catPattern03 ul li:nth-child(3){width:100%} .catPattern03 ul li:nth-child(3), .catPattern03 ul li:nth-child(5), .catPattern03 ul li:last-child{margin-left:0} .catPattern03 ul li:first-child{margin-bottom:20px} .catPattern03 ul li:first-child .desc p {padding: 10px;font-size: 16px;line-height:1.6;} .catPattern03 ul li:nth-child(4), .catPattern03 ul li:nth-child(5){margin-bottom:20px} .catPattern03 ul li:last-child{display:block} .catPattern03 ul li:nth-last-child(-n+4){margin-bottom:20px} .catPattern03 ul li:last-child{margin-bottom:0} .catPattern03 ul li:nth-last-child(-n+4) .desc{width: calc(100% - 130px);height:auto;overflow: hidden;cursor: pointer;position: relative;bottom: 0;right:0;background: none;padding:0} .catPattern03 ul li:nth-last-child(-n+4) .desc p{color: #1d1d1d;text-align: right;line-height: 1.6;height:66px;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;position:relative;bottom:0;right:0} .catPattern03 ul li:nth-last-child(-n+4) .secName{padding:0;position:absolute;top:auto;bottom:5px;right:142px;background:none!important;color:#888;font-size:14px} .catPattern03 ul li:nth-last-child(-n+4) .secName:after{content: "";width: 4px;height: 14px;background: #e63b34;float: right;margin-left: 5px;margin-top: 6px;display:block} .catPattern03 ul li:nth-last-child(-n+4) .item:hover .desc p{color:#888} .catPattern03 ul li:nth-last-child(-n+4) .secName:hover{color:#1d1d1d} .catPattern03 ul li:nth-last-child(-n+4).icon-video, .catPattern03 ul li:nth-last-child(-n+4).icon-image{background:#1d1d1d;} .catPattern03 ul li:nth-last-child(-n+4).icon-video:before, .catPattern03 ul li:nth-last-child(-n+4).icon-image:before{right:1px;width:30px;height:30px;font-size:20px;line-height:1.4} .catPattern03 ul li:nth-last-child(-n+4).icon-video .desc p, .catPattern03 ul li:nth-last-child(-n+4).icon-image .desc p{color: #fff;padding:5px 0 5px 10px} .catPattern03 ul li:nth-last-child(-n+4).icon-video .item:hover .desc p, .catPattern03 ul li:nth-last-child(-n+4).icon-image .item:hover .desc p{color:#fff} .catPattern03 ul li:nth-last-child(-n+4).icon-video .secName, .catPattern03 ul li:nth-last-child(-n+4).icon-image .secName{margin-right:0;color:#fff;} .catPattern03 ul li:nth-last-child(-n+4).icon-video .secName:hover, .catPattern03 ul li:nth-last-child(-n+4).icon-image .secName:hover{color:#fff} .searchResult{padding:15px 10px} .filterMainContent.is-fixed .cd-gallery {padding-top: 76px;} .cd-gallery ul:after {content: "";display: table;clear: both;} .cd-gallery .allItems {padding: 10px 0 0} .cd-gallery li{margin-left:0;margin-bottom:20px;padding-bottom:0;width:100%;height:auto;border-bottom: none;position:relative;overflow:visible;display:inline-block} .cd-gallery li:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;bottom:-10px;right:0} .cd-gallery li:nth-last-child(-n+4):after{display:none} .cd-gallery li:nth-last-child(-n+4){border-bottom:none;padding-bottom:0;margin-bottom:0} .cd-gallery li .item .imageCntnr{width:120px;padding-bottom:calc((120px * 75) / 100);margin-left:10px;float:right} .cd-gallery li .item img{width:100%;height:100%;float:right;border:1px solid #ddd} .cd-gallery li:last-child{margin-bottom:0} .cd-gallery li .desc{width: calc(100% - 130px);overflow: hidden;cursor: pointer;display:inline-block;float:right} .cd-gallery li .desc p{color: #1d1d1d;width:100%;height: 46px;overflow:hidden;text-align: right;margin-bottom:0;line-height: 1.6;padding:5px 0;font-size: 13px;font-family:DroidKufiLight, Arial;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .cd-gallery li .item:hover .desc p{color:#888} .cd-gallery li .secName{font-family:DroidKufiLight, Arial;font-size:12px;color:#888;position:relative;margin-top:0px;line-height:normal} .cd-gallery li .secName:after{content:"";width:4px;height:12px;background:#e63b34;float:right;margin-left:5px;margin-top:4px} .cd-gallery li .secName:hover{color:#1d1d1d} .cd-gallery li .time{width:auto;float:right;margin: 0;font-size:12px;position:absolute;right:130px;bottom:0} .cd-gallery li .icon-time:before{font-size:14px} .cd-gallery li.icon-video .desc p, .cd-gallery li.icon-image .desc p {padding: 5px 0 5px 10px} .cd-gallery li.icon-video .secName, .cd-gallery li.icon-image .secName{margin-right:0} .cd-gallery li.icon-video .time, .cd-gallery li.icon-image .time{margin:0} .cd-gallery li.icon-image:before, .cd-gallery li.icon-video:before{font-size: 20px;background: rgba(0,0,0,0.8);position: absolute;top: 0px;left: auto;right:0;width: 30px;height: 30px;line-height: 1.4} .cd-gallery li.gap{display:none} .cd-gallery .leaderboardDiv{margin:10px auto 30px} .authorsListing .cd-gallery li {width: 100%} .author .cd-gallery li {width: 100%} .searchResult h2{font-size:18px;margin-bottom: 15px;} .searchResult form{padding:12px;margin-bottom:20px} .searchResult form .morphsearch-submit{top:16px;left:18px} .searchResult form input{padding:4px 12px;font-size:14px} .searchResult form .morphsearch-submit.icon-search:before {line-height: 1.2;} .cd-tab-filter {width: 100%;margin: 0;} .cd-tab-filter::after {display:inline-block} .cd-tab-filter ul {position: absolute;width: 100%;} .cd-tab-filter li {display: none} .cd-tab-filter li.placeholder {display: block!important} .cd-tab-filter li.placeholder a:hover {color: #aaa} .cd-tab-filter a {display: inline-block;width: 100%;padding-right: 12px;font-size:14px;height:42px} .cd-tab-filter a.selected {background: #f2f2f2;color: #1d1d1d;box-shadow: none;padding-right: 12px;} .cd-tab-filter.is-open ul li {display: block} .datepicker-form .icon-date{top:16px;left:18px} .datepicker-form .icon-date:before{font-size:22px} .filterMainContent h3{width:90px;font-size:14px} .cd-tab-filter-wrapper{width:calc(100% - 90px)} .sportsContainer .allMatches .slide{width:160%;height:140px} .sportsContainer .allMatches .item{width:calc(100% / 3);max-width:300px;padding:12px} .sportsContainer .allMatches .item .teamA{width:90px;height:70px} .sportsContainer .allMatches .item .teamA img, .sportsContainer .allMatches .item .teamB img{height: 36px;} .sportsContainer .allMatches .item .teamA p, .sportsContainer .allMatches .item .teamB p{padding-top:10px;font-size:11px} .sportsContainer .allMatches .item .result{width:calc(100% - 180px)} .sportsContainer .allMatches .item .result.yesterday{padding-top:12px;} .sportsContainer .allMatches .item .teamB{float:right;width:90px;height:70px} .sportsContainer .allMatches .item .result{ font-size:32px;margin-top:3px} .sportsContainer .allMatches .item .result span{font-size:16px!important;} .sportsContainer .allMatches .item .result span.now{font-size:14px!important;line-height:1.6} .sportsContainer .allMatches .item .status a{font-size:12px} .sportsContainer .allMatches .status span{margin-top:26px} .sportsContainer .allMatches .matchResult{font-size:26px;margin-top: 0} .matchesSchedule .table .allMatches{margin:16px 0 0} .matchesSchedule .allMatches h2{font-size:16px;margin-bottom:16px} .matchesSchedule .allMatches .dropDownDiv{padding:12px} .wrapperDropdown{padding:8px 12px;font-size:13px} .matchesSchedule .table{padding:15px 10px} .matchesSchedule .table .allMatches .tabs-nav li > a{padding:0 17px;font-size: 13px;} .matchesSchedule .table .allMatches .tabs-nav li a.date{padding:0 10px 0 17px} .matchesSchedule .table .allMatches .item .tourName{height:36px} .matchesSchedule .table .allMatches .item .time{line-height: 1;width: 60px;font-size: 14px;text-align: right;position: relative;display: inline-block;height: 60px;} .matchesSchedule .table .allMatches .item .time span {margin-top: -8px;position: absolute;top: 50%;right:0} .matchesSchedule .table .allMatches .item .time span.now{margin: -13px 0 0!important;position: absolute;top: 50%;right:0;font-size: 12px!important;width: 40px;padding:0} .matchesSchedule .table .allMatches .item .teamA, .matchesSchedule .table .allMatches .item .teamB{text-align:center;width: calc((100% - 150px) / 2);height:auto} .matchesSchedule .table .allMatches .item .teamA img{float:none;margin-right:0} .matchesSchedule .table .allMatches .item .teamB img{float:none;margin-left:0} .matchesSchedule .table .allMatches .item .teamA p, .matchesSchedule .table .allMatches .item .teamB p{float:none;text-align: center;line-height: 1.6;margin-top: 5px;height:auto;overflow:hidden} .matchesSchedule .table .allMatches .item .match{height:auto} .matchesSchedule .table .allMatches .item .result{width:90px;margin-top:20px} .matchesSchedule .table .allMatches .item .result .matchResult{margin-top:0;font-size:26px} .matchesSchedule .table .allMatches .item .channel{display:none} .matchesSchedule .allMatches .item{width:100%} .matchesSchedule .allMatches .item .tourName{margin-bottom:24px} .matchesSchedule .allMatches .item .teamA{width:80px;height:70px} .matchesSchedule .table .allMatches .item .teamA img, .matchesSchedule .table .allMatches .item .teamB img{height: 30px;} .matchesSchedule .allMatches .item .teamA img, .matchesSchedule .allMatches .item .teamB img{height: 30px;} .matchesSchedule .allMatches .item .teamA p, .matchesSchedule .allMatches .item .teamB p{padding-top:10px;font-size:12px} .matchesSchedule .allMatches .item .result{width:calc(100% - 160px)} .matchesSchedule .allMatches .item .result.yesterday{padding-top:12px;} .matchesSchedule .allMatches .item .teamB{float:right;width:80px;height:70px} .matchesSchedule .allMatches .item .result{ font-size:32px} .matchesSchedule .allMatches .item .result span{font-size:14px!important;margin:0} .matchesSchedule .allMatches .item .status a{font-size:12px} .matchesSchedule .allMatches .status span{margin-top:26px} .matchesSchedule .allMatches .matchResult{font-size:32px;margin-top: 0} .matchesSchedule .listing{padding:24px 10px} .prayerTimes .main{padding:10px} .prayerTimes .main .ttl{margin-bottom:12px} .prayerTimes .main .location{margin-bottom:12px} .prayerTimes .main .cityDate .cityName{font-size:20px} .prayerTimes .main .cityDate .cityName:after{font-size:20px} .prayerTimes .main .cityDate .countryName{font-size:20px} .prayerTimes .main .cityDate date{font-size:14px} .prayerTimes .cntdwn p{font-size:16px} .prayerTimes .cntdwn .timerDiv{width:182px;height:40px} .prayerTimes .cntdwn .timerDiv ul li{float:left;width:50px;height:40px;font-size:20px;margin-right:16px;line-height:2} .prayerTimes .cntdwn .timerDiv ul li:last-child{margin-right:0} .prayerTimes .cntdwn .timerDiv ul li:nth-child(1):after, .prayerTimes .cntdwn .timerDiv ul li:nth-child(2):after{font-size: 20px;position: absolute;top:0;right:-11px} .prayerTimes .main .dropDownDiv{width:100%;margin-bottom:24px} .prayerTimes .main .cityDate{width:100%;margin-left:0} .prayerTimes .main .wrapperDropdown{font-size:13px} .prayerTimes .cntdwn{width:100%;margin:0 0 24px 0} .prayerTimes .mainTable .prayersTable{width:100%} .prayerTimes .mainTable .prayersTable .title .name{font-size:12px} .prayerTimes .mainTable .prayersTable .allTimes .time{font-size:15px} .prayerTimes .mainTable .prayersTable .allTimes .time span{font-size:13px} .prayerTimesTable button{font-size:13px;margin: 0 calc((100% - 280px) / 2) 20px;} .prayerTimes .monthTable .prayersTable .title .name:first-child{width:110px} .prayerTimes .monthTable .prayersTable .title .name{width: calc((100% - 110px) / 6);font-size:10px} .prayerTimes .monthTable .prayersTable .allTimes .time:first-child{width:110px} .prayerTimes .monthTable .prayersTable .allTimes .time{width: calc((100% - 110px) / 6);font-size:11px} .prayerTimes .monthTable .prayersTable .allTimes .time span{display:none} .weatherDiv .main{padding:24px 10px} .weatherDiv .main .ttl{margin-bottom:12px} .weatherDiv .main .wrapperDropdown{font-size:13px} .weatherDiv .main .location{margin-bottom:12px} .weatherDiv .main .cityDate .cityName{font-size:20px} .weatherDiv .main .cityDate .cityName:after{font-size:20px} .weatherDiv .main .cityDate .countryName{font-size:20px} .weatherDiv .main .cityDate date{font-size:14px} .weatherDiv .main .dropDownDiv{width:100%;margin-bottom:24px} .weatherDiv .main .cityDate{width:100%;margin-left:0} .weatherDiv .cntdwn{width:100%;margin:0 0 24px 0} .weatherDiv .mainTable .weatherTable{width:100%} .weatherDiv .mainTable .weatherTable .title .name{font-size:12px} .weatherDiv .mainTable .weatherTable .allTimes .time{font-size:16px} .weatherDiv .mainTable .weatherTable .allTimes .time span{font-size:14px} .weatherDiv .main .weatherIconCnts{margin-left:30px} .weatherDiv .temp .icon-high{font-size:48px;margin-left: 24px;margin-top: 30px;} .weatherDiv .temp .icon-high:before{top:-10px;font-size:18px;right:5px} .weatherDiv .temp .icon-low{font-size:36px;margin-top: 40px;} .weatherDiv .temp .icon-low:before{top:-8px;font-size:12px;right:8px} .weatherDiv .main .weatherIcon {width: 90px;margin: 0 calc((100% - 90px) / 2);} .weatherDiv .main .weatherIcon.sunny{background: url("../images/weatherSprite.png") 0 10px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.cloudy {background: url(../images/weatherSprite.png) 0px -100px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.partlycloudy{background: url("../images/weatherSprite.png") 0 -186px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.patchylightdrizzle{background: url("../images/weatherSprite.png") 0 -284px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.lightdrizzle{background: url("../images/weatherSprite.png") 0 -390px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.lightsleetshowers{background: url("../images/weatherSprite.png") 0 -284px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.lightrainshower{background: url("../images/weatherSprite.png") 0 -284px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.patchylightrain{background: url("../images/weatherSprite.png") 0 -390px no-repeat;background-size: 90px;} .weatherDiv .main .weatherIcon.patchyrainnearby{background: url("../images/weatherSprite.png") 0 -284px no-repeat;background-size: 90px;} .weatherDiv .weatherTable .title .name{width: calc(100% / 3);font-size:14px} .weatherDiv .weatherTable .allTimes .dayTemp date{font-size:13px;line-height:1.5} .weatherDiv .weatherTable .allTimes .dayTemp{width: calc(100% / 3);padding:10px} .weatherDiv .dayTempDtls{width:100%} .weatherDiv .dayTempDtls .icon-high{font-size: 28px;margin-left: 0;float:right} .weatherDiv .dayTempDtls .icon-high:before{font-size:12px;position:relative;top:-14px;right:0} .weatherDiv .dayTempDtls .icon-low{font-size:18px;float:left} .weatherDiv .dayTempDtls .icon-low:before{font-size:8px;position:relative;top:-10px;right:0} .currGoldDiv .main h3{font-size:14px;margin:12px 0} .currGoldDiv .currGoldTable .title .name{font-size:14px} .currGoldDiv .currGoldTable .currGoldDtls .item{font-size:13px;line-height:2.4} .currGoldDiv .goldDiv .goldProvider p{font-size:13px} .currGoldDiv .goldDiv .goldProvider a img{width:80px;height:auto} .currGoldDiv .goldDiv .goldProvider{margin: 12px calc((100% - 300px) / 2) 24px} .contactUsDiv .contactUsCnts{padding:15px 10px} .zakahDiv .zakahCnts{padding:15px 10px} .newsPointerDiv .newsPointer{padding:15px 10px} .masrawyServicesDiv .services{padding:15px 10px} .masrawyServicesDiv .services h3{padding:12px;font-size:16px} .masrawyServicesDiv .services .servicesCnts .item{min-width:300px;width:100%;margin:0 0 24px 0} .masrawyServicesDiv .services .servicesCnts .item p{height:auto} .pollListingDiv .pollListing{padding:15px 10px} .policyDiv .policy{padding:15px 10px} .innerListingContainer{padding:15px 10px} .authorsListing .cd-tab-filter-wrapper{padding:12px;margin:16px 0} .author .cd-tab-filter-wrapper{padding:12px;margin-bottom:0} .author .authorData img{margin:0 calc((100% - 186px) / 2)} .author .authorData .data{width:100%;margin-right:0;margin-top:24px} .author .authorData .data .name{margin-bottom:12px} .author .cd-gallery li .desc {width: 100%} .author .cd-gallery li.icon-video .desc p, .author .cd-gallery li.icon-image .desc p {padding: 5px 0 5px 30px;} .AuthorsListing .cd-tab-filter-wrapper {margin: 0} article .authorDtls{margin-bottom:0} article .authorDtls .imageCntnr{margin:0 calc((100% - 190px) / 2)} article .authorDtls .articleHeader{width:100%;margin-right:0;margin-top:24px} article .authorDtls .articleHeader .time{width:100%;right:0;position:relative;margin-top: 12px;font-size:13px} article .authorDtls .articleHeader .icon-time:before{font-size:14px} article .articleStrip p{font-size:13px;line-height:2.2} article .articleStrip .icon-info:before{font-size:18px} .author .authorData{margin:24px 0} .author .authorData .data .name{margin-bottom:8px;font-size:18px} .author .authorData .data .lastArtcl{font-size:14px;max-height:52px;height:auto} .author .authorData .data .date{font-size:13px} .author .authorData .data .icon-date:before{font-size:14px} .author .allArtclsTtl h2{font-size:16px;line-height:2.4} .author .cd-gallery li .desc p{padding-top:0} .overflow-hidden .morphSearchDiv{display:none} article .details .leaderboardDiv{width:300px;height:266px;margin:24px calc((100% - 300px) / 2)} article .details .leaderboardDiv .adTtl{text-align:center!important;margin:0;width:300px;height:16px} article .details .leaderboardDiv .leaderboard{width:300px;height:250px} article .details .leaderboardDiv iframe {margin: 0 calc((100% - 300px) / 2)!important;height: 250px;width: 300px;} .articleDiv .topLBArticle .leaderboardDiv{margin:24px auto} #cd-lateral-nav .scroll{mix-blend-mode: normal;background:none;width: 100%;} .scrollContainer{background: none} .surveyDiv .questionsDiv{padding:15px 10px} .surveyDiv .questionsDiv .ttl h2 {font-size: 18px} .surveyDiv .timeLineDiv ul{display:none} .surveyDiv .allQues h4{margin: 24px 0;font-size: 18px;} .surveyDiv .allQues .answersDiv .answerItem{width: 100%;margin-left:0} .surveyDiv .resultDiv{padding:15px 10px} .surveyDiv .resultDiv .ttl h2 {font-size: 18px} .surveyDiv .resultDiv .grid li{width: 100%;margin-left:0} .surveyDiv .resultDiv .slideshow{overflow:auto} .surveyDiv .resultDiv .slideshow figure{overflow:auto} .surveyDiv .questionsDiv .cd-popup-container{width:300px;padding:12px;height: 150px;margin: -75px auto;} .surveyDiv .questionsDiv .cd-popup-container p{margin-top:20px;font-size:16px} .surveyDiv .questionsDiv .cd-popup-container .cd-popup-close{width:24px;height:24px} .surveyDiv .allQues .chooseAnswer .ok{bottom:12px} .surveyDiv .resultDiv .cd-popup-container{width:300px;padding:12px;height: 150px;margin: -75px auto;} .surveyDiv .resultDiv .surveyCompleted p{margin-top:20px;font-size:16px} .surveyDiv .resultDiv .cd-popup-container .cd-popup-close{width:24px;height:24px} .surveyDiv .resultDiv .surveyCompleted .ok{bottom:12px} .mobile.seatNumber{display:inline-block;width:300px;margin:0 calc((100% - 300px) / 2) 40px;background:#1d1d1d;padding:10px;position:relative;height:300px} .mobile.seatNumber .ttl{border-bottom: 1px solid #fff} .mobile.seatNumber .ttl h2{color:#fff} .mobile.seatNumber .ttl h2:after{background:#fff} .mobile.seatNumber .labelDiv {float: right;width: 100%;margin-top:12px} .mobile.seatNumber .labelDiv label {font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;direction: rtl;text-align: right;float: right;margin-bottom:5px} .mobile.seatNumber .labelDiv span {color: #e63b34;float: right;margin-right: 2px;line-height: 1.5;} .mobile.seatNumber input {width: 100%;height: 40px!important;border: 1px solid #ddd;float: right;outline: none;padding: 12px;font-family: DroidKufiLight,Arial;color: #888;font-size: 14px;} .mobile.seatNumber .errorMsg {position: relative;float: right;right: 0;display: inline-block;font-family: DroidKufiLight,Arial;font-size: 12px;color: #aaa;direction: rtl;text-align: right;visibility: hidden;margin-top:5px} .mobile.seatNumber a {display: inline-block;width: 132px;font-family: DroidKufiLight, Arial;background: #e63b34;color: #fff;font-size: 16px;text-align: center;padding: 5px 0;margin:5px calc((100% - 132px) / 2)} .mobile.seatNumber a:hover{background: #e63b34} .mobile.seatNumber .thanawyaSponsor{display:inline-block;width:100%;background:#000;;position:absolute;left:0;bottom:0;z-index:1} .mobile.seatNumber .thanawyaSponsor .cnts{display:inline-block;width:166px;margin:0 calc((100% - 166px) / 2);float:right;padding:8px 0;} .mobile.seatNumber .thanawyaSponsor .cnts .spnsr{float:right;margin-left:24px;margin-top: 4px;font-family:DroidKufiLight, Arial;color:#fff;font-size:14px} .mobile.seatNumber .thanawyaSponsor .cnts a{float:right;width:auto;background:none;color:none;padding:0;margin:0} .mobile.seatNumber .thanawyaSponsor .cnts img{width:auto;height:27px;border:none;margin: 0;} .rssDiv .rssCnts{padding:15px 10px} .adBlkrDtctd .cd-popup-container{width:calc(100% - 20px);height:auto;margin:100px 10px 0} .adBlkrDtctd .cd-popup-container .warnMsg {width: 212px;margin: 0 calc((100% - 212px) / 2) } .adBlkrDtctd .cd-popup-container h2{font-size:18px} .adBlkrDtctd .cd-popup-container .icon-warn {text-align: right;} .adBlkrDtctd .cd-popup-container .icon-warn:before{font-size:36px;margin-left: 10px;} .adBlkrDtctd .cd-popup-container .msg p{font-size:14px} .adBlkrDtctd .cd-popup-container .cd-popup-close{width:30px;height:30px} .mainMedia .featuredArea ul li:nth-last-child(-n+5) .desc p{color: #fff} .content .mainMedia .featuredArea li {border: none;} .dtlsSc{width:300px;margin:0 calc((100% - 300px) / 2) 48px} .lstNwsNtfy .cnts{width:calc(100% - 70px);margin:0 10px 0 60px;padding: 4px 0;} .lstNwsNtfy .cnts p, .lstNwsNtfy .cnts a{font-size:14px;line-height: 1.5;} .lstNwsNtfy .cnts p span, .lstNwsNtfy .cnts a span{font-size:12px} .lstNwsNtfy .cnts .icon-notify:before{font-size:14px} .vasPage {margin: 0 0 20px!important;padding:10px 0} .vasPage h1{font-size:13px;padding:10px 0 20px} .vasPage h1 span {font-size: 18px;line-height:1.5} .vasCnts .vas{width:100%;margin-left:0} .vasCnts .vas h1{font-size:22px} .vasCnts .vas .vasIcon.icon-news:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-woman:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-horo:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-arts:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-jokes:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-islameyat:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-chris:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-masTv:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-tech:before{font-size:60px;line-height:1.2} .vasCnts .vas .vasIcon.icon-mobawaba:before{font-size:90px;line-height:0.6} .vasCnts .vas h2{font-size:14px;height:auto} .vasCnts .vas .vasBtn{font-size:13px} .vasCnts .vas:nth-child(3n) {margin-left:0} .vasCnts .vas:nth-child(2n) {margin-left:0} .electionDiv .votesDiv .main{padding:10px} .electionDiv .votesDiv .summary{padding:15px 10px} .electionDiv .votesDiv .main h1{font-size:22px;margin-bottom:20px} .electionDiv .votesDiv .main .votesRes h2{font-size:16px;margin-bottom:40px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi h3 {float: right;margin-top: 70px;margin-right: -70px;font-size:12px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.elsisi .icon-check:before {font-size: 18px;margin-top: 66px;margin-right:5px} .electionDiv .votesDiv .main .votesRes .presBar .voteBar .presImg.mousa h3 {float: right;margin-top: 70px;margin-left: -70px;font-size:12px} .electionDiv .votesDiv .main .votesRes .totalVotes{margin-top:24px} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.elsisi p{font-size:12px} .electionDiv .votesDiv .main .votesRes .totalVotes .votes.mousa p{font-size:12px} .electionDiv .votesDiv .summary .item label{font-size:12px;width:auto;margin-left:10px} .electionDiv .votesDiv .summary .item p{width:auto;font-size:14px;line-height:1.7} .electionDiv .votesDiv .summary .item .summaryBar{width:100%} .pattern02.ramadan .mvLp{left: 64px;top: 15px;} .pattern02.ramadan .mvLp .mv{margin-left:0;width: 70px;height: 29px;} .pattern02.ramadan .mvLp .ic{display:none} .wcBg .groupStandingHP .groups .table{margin-left:10px;margin-bottom:10px} .wcBg .groupStandingHP .groups .table .wRow .team img{height:14px;margin-top:4px} .wcBg .groupStandingHP .groups .table .wRow .item p{font-size:12px} .wcBg .groupStandingHP .groups .table .wRow .item{font-size:14px;width: 26px;} .wcBg .groupStandingHP .groups .table .wRow .item:nth-child(2) {width: calc(100% - 52px);} .allGroups .table .ttlRow .itemTtl:nth-child(3), .allGroups .table .ttlRow .itemTtl:nth-child(4), .allGroups .table .ttlRow .itemTtl:nth-child(5), .allGroups .table .ttlRow .itemTtl:nth-child(6), .allGroups .table .ttlRow .itemTtl:nth-child(7), .allGroups .table .ttlRow .itemTtl:nth-child(8), .allGroups .table .ttlRow .itemTtl:nth-child(9){display:none} .allGroups .table .ttlRow .itemTtl:nth-child(2) {width: calc(100% - 100px);} .allGroups .table .wRow .item:nth-child(3), .allGroups .table .wRow .item:nth-child(4), .allGroups .table .wRow .item:nth-child(5), .allGroups .table .wRow .item:nth-child(6), .allGroups .table .wRow .item:nth-child(7), .allGroups .table .wRow .item:nth-child(8), .allGroups .table .wRow .item:nth-child(9){display:none} .allGroups .table .wRow .item:nth-child(2) {width: calc(100% - 100px);} .allGroups .table .wRow .item:nth-child(2){padding:16px 0} .allGroups .table .wRow .team img{height:26px} .allGroups .table .wRow .item p{line-height:1.8} .lg-toolbar .lg-icon{width:40px;font-size:20px} #lg-counter{padding-left:20px;font-size:18px} .galleryTitle .galleryMasLogo{background-size:103px 30px;width:117px} .lg-outer #lg-share:after{font-size:18px} .lg-sub-html p {font-size: 13px;} .lg-outer .lg-toogle-thumb{width:20px;right:10px} article.paginationDiv .details h3{width:100%;float:right} article .details p.WizImg {text-align: center!important;float: unset;width: 100%;margin: 0;} article .details p.WizImg img{margin: 20px calc((100% - 300px)/ 2);height: auto;width:300px;} article.paginationDiv .details .pagingDtls{width:100%;margin-right:0} article .pagination{margin-top:20px} article.paginationDiv .details p.WizImg{width:100%} .contactUsDiv .contactForms h4{margin:16px 0;font-size:14px} .contactUsDiv .contactForms .forms .item .labelDiv label{font-size:13px} .contactUsDiv .contactForms .forms .item{margin-bottom:16px} .contactUsDiv .contactForms .forms .item .labelDiv{width:100%} .contactUsDiv .contactForms .forms .item input, .contactUsDiv .contactForms .forms .item textarea{width:100%!important} .contactUsDiv .contactForms .forms .wrapper-demo{width:100%!important} .contactUsDiv .contactForms .forms .item .errorMsg{right:auto;left:0;top:0} .contactUsDiv .contactAds h3{padding: 8px 12px;font-size:14px} .contactUsDiv .contactAds .ads .item{width:100%;margin-left:0} .contactUsDiv .contactForms .forms input[type="submit"]{font-size:13px} .contactUsDiv .contactAds .ads .item label{font-size:14px} .contactUsDiv .contactAds .ads .item p, .contactUsDiv .contactAds .ads .item a{font-size:13px} .policyDiv .policy .policyDtls p.head{font-size:14px} .policyDiv .policy .policyDtls p, .policyDiv .policy .policyDtls li, .policyDiv .policy .policyDtls a{font-size:13px} .policyDiv .policy .policyDtls ul{padding-right:24px} .zakahDiv .zakahForms h3{padding:12px;font-size:14px;margin:16px 0} .zakahDiv .zakahForms .forms .item .labelDiv label{font-size:13px} .zakahDiv .zakahForms .forms .item{margin-bottom:16px} .zakahDiv .zakahForms .forms .item .labelDiv{width:100%} .zakahDiv .zakahForms .forms .item input, .zakahDiv .zakahForms .forms .item textarea{width:100%!important} .zakahDiv .zakahForms .forms .wrapper-demo{width:100%!important} .zakahDiv .zakahForms .forms .item .errorMsg{right:auto;left:0;top:0} .zakahDiv .zakahForms h4{padding: 12px;font-size:14px;margin:16px 0} .zakahDiv .zakahForms .forms .calculate{font-size:13px} .rssDiv .rssCnts .info{margin:16px 0 24px} .rssDiv .rssCnts .allItems .item p{font-size:14px;line-height:2.4} .rssDiv .rssCnts .allItems .icon-downArrow:before{font-size:14px;line-height:2.2} .rssDiv .rssCnts .allItems .item{padding:10px} .rssDiv .rssCnts .allItems .item .itemExpand li{padding:10px} .rssDiv .rssCnts .allItems .item .itemExpand li p{font-size:13px} .rssDiv .rssCnts .allItems .item img{margin-top:6px} .authorsListing .cd-tab-filter ul{font-size:13px} .authorsListing .cd-tab-filter a{font-size: 13px;height: auto;line-height: 40px;} .authorsListing .cd-tab-filter::after{top:20px;font-size:14px} .author .cd-tab-filter a {padding: 0;height: auto;font-size: 13px;line-height:40px} .author .cd-tab-filter::after{top:20px;font-size:14px} article .authorDtls .articleHeader h2{font-size:18px;margin-bottom:8px} article .authorDtls .articleHeader .authorName {font-size: 14px;max-height: 52px;height: auto;} .leaderboardDiv .leaderboard{background:#ddd;} .billboardDiv .billboardCnts{min-width:unset} .leaderboardDiv .leaderboardCnts{min-width:unset} .exxonD{display:none!important} .exxonMobile{display:inline-block!important;position:relative;width:100%;max-width:1024px;height:auto;padding:10px} .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport{width:320px;height:50px!important} .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport{display:inline-block;width:320px;height:50px!important} .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img{max-width:320px!important} .showOTP{overflow:hidden!important} .hideOTP{overflow-x: hidden !important;overflow-y: scroll !important;} .showOTP .billboardDiv{overflow:visible;height:66px} .showOTP .billboardDiv .billboard{position:absolute;left:0;width: 100%;background: none;} .showOTP .billboardDiv .bb1 iframe{width: 100%;height:100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;overflow: visible;position: fixed;top: 0;visibility: visible;z-index: 9999} .showOTP .billboardDiv .billboardCnts{min-width:320px} .hideOTP .billboardDiv .bb1 iframe{width: 320px!important;height: 50px!important;left: auto!important;position: relative!important;} .hideOTP .billboardDiv .billboard{width:320px;left:auto} .showOTP .leaderboardDiv{overflow:visible;height:66px} .showOTP .leaderboardDiv .leaderboard{position:absolute;left:0;width: 100%;background: none;} .showOTP .leaderboardDiv .lb1 iframe{width: 100%;height:100%;display: inline-block;float: right;border: 0;left: 0;margin: 0 auto;overflow: visible;position: fixed;top: 0;visibility: visible;z-index: 9999} .showOTP .leaderboardDiv .leaderboardCnts{min-width:320px} .hideOTP .leaderboardDiv .lb1 iframe{width: 320px!important;height: 50px!important;left: auto!important;position: relative!important;} .hideOTP article .details .leaderboardDiv iframe{height: 250px!important;width: 300px!important} .hideOTP .leaderboardDiv .leaderboard{width:320px;left:auto} .showOTP .showcaseDiv .showcase{position:relative} .showOTP .showcaseDiv .sc1 iframe{position:relative;height:250px;z-index:9;top:0;left:0;margin:0!important} .showOTP article .details .leaderboardDiv iframe{position:relative} .showOTP .billboardDiv .geminiBB1Ad.showBB1, .showOTP .billboardDiv .geminiBB2Ad.showBB2, .showOTP .billboardDiv .geminiBB3Ad.showBB3, .showOTP .billboardDiv .geminiBB4Ad.showBB4, .showOTP .billboardDiv .geminiBB5Ad.showBB5, .showOTP .billboardDiv .geminiBB6Ad.showBB6{display:none!important} .showOTP .leaderboardDiv .geminiLB1Ad.showLB1, .showOTP .leaderboardDiv .geminiLB2Ad.showLB2, .showOTP .leaderboardDiv .geminiLB3Ad.showLB3, .showOTP .leaderboardDiv .geminiLB4Ad.showLB4, .showOTP .leaderboardDiv .geminiLB5Ad.showLB5, .showOTP .leaderboardDiv .geminiLB6Ad.showLB6{display:none!important} .showOTP .showcaseDiv .geminiSC1Ad.showSC1, .showOTP .showcaseDiv .geminiSC2Ad.showSC2, .showOTP .showcaseDiv .geminiSC3Ad.showSC3, .showOTP .showcaseDiv .geminiSC4Ad.showSC4, .showOTP .showcaseDiv .geminiSC5Ad.showSC5, .showOTP .showcaseDiv .geminiSC6Ad.showSC6{display:none!important} .hideOTP .billboardDiv .geminiBB1Ad.showBB1, .hideOTP .billboardDiv .geminiBB2Ad.showBB2, .hideOTP .billboardDiv .geminiBB3Ad.showBB3, .hideOTP .billboardDiv .geminiBB4Ad.showBB4, .hideOTP .billboardDiv .geminiBB5Ad.showBB5, .hideOTP .billboardDiv .geminiBB6Ad.showBB6{display:flex!important} .hideOTP .leaderboardDiv .geminiLB1Ad.showLB1, .hideOTP .leaderboardDiv .geminiLB2Ad.showLB2, .hideOTP .leaderboardDiv .geminiLB3Ad.showLB3, .hideOTP .leaderboardDiv .geminiLB4Ad.showLB4, .hideOTP .leaderboardDiv .geminiLB5Ad.showLB5, .hideOTP .leaderboardDiv .geminiLB6Ad.showLB6{display:flex!important} .hideOTP .showcaseDiv .geminiSC1Ad.showSC1, .hideOTP .showcaseDiv .geminiSC2Ad.showSC2, .hideOTP .showcaseDiv .geminiSC3Ad.showSC3, .hideOTP .showcaseDiv .geminiSC4Ad.showSC4, .hideOTP .showcaseDiv .geminiSC5Ad.showSC5, .hideOTP .showcaseDiv .geminiSC6Ad.showSC6{display:flex!important} /** Mobile **/ .showOTP .cd-main-content {position: relative;z-index: 4;} .hideOTP .cd-main-content {z-index:2;} .showOTP .justPremiumDiv {display: none !important} .hideOTP .justPremiumDiv {display: block !important} .showOTP .sponsorDiv {display: none !important} .hideOTP .sponsorDiv {display: block !important} .showOTP .morphSearchDiv {display: none} .hideOTP .morphSearchDiv {display: block !important} .showOTP .sticky {display: none} .hideOTP .sticky {display: block !important} .showOTP .spnsrSticky {display: none} .hideOTP .spnsrSticky {display: block !important} .showOTP .lstNwsNtfy {display: none !important} .hideOTP .lstNwsNtfy {display: block !important} .showOTP .articleSocialMedia {display: none !important} .hideOTP .articleSocialMedia {display: block !important} .showOTP .sponsorDuplicate {display: none !important} .hideOTP .sponsorDuplicate {display: block !important} .ramadanHeader {height:140px;margin-bottom:30px;background: url(../Images/light.png) top -58px left -62px no-repeat,url(../Images/ramadanKareem.png) top 38px left 150px no-repeat,url(../Images/ramadanHeaderBG.jpg) top -25px right -100px no-repeat;background-size: 220px, 120px 51px,auto;} .ramadanHeader .headerMenu{padding:0} .ramadanHeader .headerMenu ul{display:none} #cd-menu-header{display:inline-block} .ramadanSurvey .surveyQuestion .ttl, .resultContainer .ttl{height:33px} .ramadanSurvey .surveyQuestion .ttl h2, .resultContainer .ttl h2{font-size:15px} .ExpandLB .leaderboardDiv{overflow:visible;width:320px;height:66px;margin:0 calc((100% - 320px) / 2) 20px;position:relative;background:#fff} .ExpandLB .leaderboardDiv .leaderboard.lb1{position:absolute;left:0;width: 100%;background: none;height:50px} .ExpandLB .leaderboardDiv iframe{width: 320px;height:50px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandLB.showExpand .leaderboardDiv iframe{width:320px;height:320px;z-index:99999} .ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 {display:none!important} .ExpandLB .billboardDiv{overflow:visible;width:320px;height:66px;margin:0 calc((100% - 320px) / 2) 20px;position:relative;background:#fff} .ExpandLB .billboardDiv .billboard.bb1{position:absolute;left:0;width: 100%;background: none;height:50px} .ExpandLB .billboardDiv iframe{width: 320px;height:50px;display: inline-block;float: right;border: 0;left: 0px;margin: 0 auto;overflow: visible;position: absolute;top: 0;visibility: visible;z-index: 9999;transition:all 0.8s ease-in-out 0s;-webkit-transition:all 0.8s ease-in-out 0s;-moz-transition:all 0.8s ease-in-out 0s;-ms-transition:all 0.8s ease-in-out 0s;-o-transition:all 0.8s ease-in-out 0s;} .ExpandLB.showExpand .billboardDiv iframe{width:320px;height:320px} .ExpandLB .billboardDiv .geminiBB1Ad.showBB1 {display:none!important} .ramadanSurvey.design3 .surveyQuestion h3{margin:10px 0;padding:0 10px;font-size:12px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4{font-size:18px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions h4 span{font-size:20px} /*.acnDiv .entrypoints{height:auto;margin-bottom: 0;} .acnDiv .entrypoints .entryPointSlider:first-child{margin-left:0} .acnDiv .entrypoints ul:last-child{margin-bottom:24px}*/ article .articleHeader .zedSponsor p{line-height: 3.6;font-size: 11px;margin-left:6px} article .articleHeader .zedSponsor img{height:42px} .lg-outer .zedSponsor{bottom:160px;padding:5px;background:rgba(0,0,0,0.3)} .lg-outer .zedSponsor p{line-height: 3.6;font-size: 11px;margin-left:6px} .lg-outer .zedSponsor img{height:42px} .lg-outer.hideSponsor .zedSponsor{display:none} article .videoStrip{width:300px;height:25px;margin:-20px calc((100% - 300px) / 2) 20px} .acnDiv .entryPointSlider{margin: 0 calc((100% - 300px) / 2) 24px;height: auto!important;width: 300px;} .acnDiv .entryPointSlider li{margin-bottom:30px} .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat; background-size: auto 100px, auto 100%;} .wcBg .content-wrap:after{display:none} .wcBg .content{background:#f2f2f2} .wcBg .content:before{content: "";width: 100%;height: 100%;background: url(../Images/Masrawy-Pattern.png) repeat left top;position: absolute;left: 0;top: 0;opacity: .03;background-size:35%;z-index: 1;} .wc.acnDiv{position:relative;z-index:2} } @media screen and (max-width:767px) and (orientation:landscape) { .sportsContainer .allMatches .slide{width:160%} .sportsContainer .allMatches .slide .noMatches{width:calc((100% / 2) + 108px)} .masrawyServices ul{width: 100%} .cd-gallery li .secName{font-family:DroidKufiLight, Arial;font-size:12px;color:#888;position:absolute;bottom:0;right:142px} .cd-gallery li .secName:after{content:"";width:4px;height:10px;background:#e63b34;float:right;margin-left:5px;margin-top:5px} .cd-gallery li .secName:hover{color:#1d1d1d} .cd-gallery li .time{width:auto;float:left;margin: 0;font-size:12px;position:absolute;right:auto;left:10px;bottom:5px;} .cd-gallery li .icon-time:before{font-size:14px} .openSearch .morphsearch.open .morphsearch-content {height:160px;} .wcBg .groupStandingHP .groups .table{width: calc((100% - 10px) / 2)} .wcBg .groupStandingHP .groups .table:nth-child(2n){margin-left:0} .wcBg .groupStandingHP .groups .table:nth-last-child(-n+3) {margin-bottom: 10px;} .wcBg .groupStandingHP .groups .table:nth-last-child(-n+2) {margin-bottom: 0px;} .navOverlay ul{margin-top:15px} .navOverlay ul li{margin-bottom:15px} .surveyDiv .resultDiv .grid li {width: calc((100% - 24px) / 2);margin-left: 24px} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{width:calc((100% - 20px)/ 3)} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(3n+1){margin-left:0} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(4n+1){margin-left:10px} } @media screen and (max-width:767px) and (orientation:portrait) { .sportsContainer .allMatches .slide{width:272%} .sportsContainer .allMatches .slide .noMatches{width:calc((100% / 3) + 36px)} .poll{padding:10px;width:100%;height:auto} .masrawyServices ul{width: 200%} .table .allMatches .tabs-nav li > a{padding:0 16px;} .currGoldDiv .currencyDiv .currGoldTable .title .name{font-size:14px;width:calc((100% - 150px) / 2)} .currGoldDiv .currencyDiv .currGoldTable .title .name:first-child {width: 150px;} .currGoldDiv .currencyDiv .currGoldTable .title .name:nth-child(2){display:none} .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item{font-size:14px;width:calc((100% - 150px) / 2)} .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:first-child {width: 150px;} .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:nth-child(2){display:none} .currGoldDiv .goldDiv .currGoldTable .title .name:nth-child(2){display:block} .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:nth-child(2){display:block} header.lateral-menu-is-open #cd-menu-trigger{-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);} #cd-lateral-nav {width: 260px;-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);} .scrollContainer{width: 260px} .scrollContainer .scroll{width:250px;margin:0 calc((100% - 250px) / 2)} #cd-lateral-nav .socialDiv {width:196px;margin:0 calc((100% - 196px) / 2) 24px} #cd-lateral-nav .socialDiv a{margin-left:10px} .surveyDiv .resultDiv .slideshow li .answersDiv .answerItem{width:100%} article .details .pattern01{width:100%} .wcBg .groupStandingHP .groups .table{width: 100%;margin-left:0} .wcBg .groupStandingHP .groups .table:nth-last-child(-n+3) {margin-bottom: 10px;} .wcBg .groupStandingHP .groups .table:last-child {margin-bottom: 0} .ramadanHeader {margin-bottom: 30px;background: url(../Images/light.png) top -25px left -40px no-repeat,url(../Images/ramadanKareem.png) top 38px left 78px no-repeat,url(../Images/ramadanHeaderBG.jpg) top -25px right -135px no-repeat;background-size: 150px, 80px 35px,auto;} .navOverlay{background:url(../Images/ramadanKareem.png) bottom 90px center no-repeat , url(../Images/ramadanBKMobile.jpg)} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer{width:calc((100% - 10px)/ 2)} .ramadanSurvey.design3 .surveyQuestion .ramadanQuestions .questionAnswer:nth-child(2n+1){margin-left:0} .wcHp:after{left:74px;transform:none} .educationHeader{background:url('../Images/cap.png') no-repeat, url(../Images/educationbk.jpg) no-repeat; background-size: auto 100px, auto 100%;} } /********** Color **********/ /** News (e63b34) **/ .featuredArea ul li .secName.news{background:#e63b34} .featuredArea ul li .secName.news:after{background:#e63b34} .featuredArea ul li:first-child .secName.news{background:#e63b34!important} .pattern02 ul li:first-child .secName.news{background:#e63b34!important} .featuredArea ul li .secName.news:before{background:#e63b34} .akhbarThemak li .secName.news:before{background:#e63b34} .pattern01 ul li .secName.news:after{background:#e63b34} .news .mostRead .allItems li .number {background: #e63b34} .news .ttl{border-bottom: 1px solid #e63b34;} .news .ttl h3:after{background: #e63b34;} .pattern02.news .ttl{border-bottom: 1px solid #e63b34;} .pattern02.news .ttl h3:after{background: #e63b34;} .pattern02.news ul li .secName{background: #e63b34;} .pattern02.news ul li:nth-last-child(-n+3) .secName:after{background: #e63b34;} .pattern02.news ul li .secName:after, .pattern02.news ul li:nth-last-child(-n+3) .secName:after{background: #e63b34;} .mostRead .allItems li .secName.news:after{background:#e63b34;} .media ul li .secName.news{background:#e63b34;} .news .breadcrumb li.active a{color:#e63b34} article.news .nextLink a{color:#e63b34} article.news .nextLink a:after{background:#e63b34} article.news .ttl{border-bottom: 1px solid #e63b34;} article.news .ttl h3:after{background: #e63b34;} article.news .details p a{color:#e63b34} article.news .details p a:before{background:#e63b34} .news .listing .ttl h1:after{background:#e63b34} @media screen and (min-width:320px) and (max-width:767px){ } .cd-gallery li.news .secName:after{background: #e63b34;} article.news .pagination ul li.current a { background: #e63b34; color: #fff } /** Sports (43a047) **/ .featuredArea ul li .secName.sports{background:#43a047} .featuredArea ul li .secName.sports:after{background:#43a047} .featuredArea ul li:first-child .secName.sports{background:#43a047!important} .pattern02 ul li:first-child .secName.sports{background:#43a047!important} .featuredArea ul li .secName.sports:before{background:#43a047} .akhbarThemak li .secName.sports:before{background:#43a047} .pattern01 ul li .secName.sports:after{background:#43a047} .sports .mostRead .allItems li .number {background: #43a047} .sports .ttl{border-bottom: 1px solid #43a047;} .sports .ttl h3:after{background: #43a047;} .pattern02.sports .ttl{border-bottom: 1px solid #43a047;} .pattern02.sports .ttl h3:after{background: #43a047;} .pattern02.sports ul li .secName{background: #43a047;} .pattern02.sports ul li:nth-last-child(-n+3) .secName:after{background: #43a047;} .pattern02.sports ul li .secName:after, .pattern02.sports ul li:nth-last-child(-n+3) .secName:after{background: #43a047;} .mostRead .allItems li .secName.sports:after{background:#43a047;} .media ul li .secName.sports{background:#43a047;} .sports .breadcrumb li.active a{color:#43a047} article.sports .nextLink a{color:#43a047} article.sports .nextLink a:after{background:#43a047} article.sports .ttl{border-bottom: 1px solid #43a047;} article.sports .ttl h3:after{background: #43a047;} article.sports .details p a{color:#43a047} article.sports .details p a:before{background:#43a047} .sports .listing .ttl h1:after{background:#43a047} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.sports:after{background: #43a047;} .pattern02.sports ul li:nth-last-child(-n+5) .secName:after{background: #43a047;} } .cd-gallery li.sports .secName:after{background: #43a047;} article.sports .pagination ul li.current a { background: #43a047; color: #fff } /** Arts (fbaa19) **/ .featuredArea ul li .secName.arts{background:#fbaa19} .featuredArea ul li .secName.arts:after{background:#fbaa19} .featuredArea ul li:first-child .secName.arts{background:#fbaa19!important} .pattern02 ul li:first-child .secName.arts{background:#fbaa19!important} .featuredArea ul li .secName.arts:before{background:#fbaa19} .akhbarThemak li .secName.arts:before{background:#fbaa19} .pattern01 ul li .secName.arts:after{background:#fbaa19} .arts .mostRead .allItems li .number {background: #fbaa19} .arts .ttl{border-bottom: 1px solid #fbaa19;} .arts .ttl h3:after{background: #fbaa19;} .pattern02.arts .ttl{border-bottom: 1px solid #fbaa19;} .pattern02.arts .ttl h3:after{background: #fbaa19;} .pattern02.arts ul li .secName{background: #fbaa19} .pattern02.arts ul li:nth-last-child(-n+3) .secName:after{background: #fbaa19;} .pattern02.arts ul li .secName:after, .pattern02.arts ul li:nth-last-child(-n+3) .secName:after{background: #fbaa19;} .mostRead .allItems li .secName.arts:after{background:#fbaa19;} .media ul li .secName.arts{background:#fbaa19;} .arts .breadcrumb li.active a{color:#fbaa19} article.arts .nextLink a{color:#fbaa19} article.arts .nextLink a:after{background:#fbaa19} article.arts .ttl{border-bottom: 1px solid #fbaa19;} article.arts .ttl h3:after{background: #fbaa19;} article.arts .details p a{color:#fbaa19} article.arts .details p a:before{background:#fbaa19} .arts .listing .ttl h1:after{background:#fbaa19} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.arts:after{background: #fbaa19;} .pattern02.arts ul li:nth-last-child(-n+5) .secName:after{background: #fbaa19;} } .cd-gallery li.arts .secName:after{background: #fbaa19;} article.arts .pagination ul li.current a { background: #fbaa19; color: #fff } /** Howa w Hya (7b1fa2) **/ .featuredArea ul li .secName.howa_w_hya{background:#7b1fa2} .featuredArea ul li .secName.howa_w_hya:after{background:#7b1fa2} .featuredArea ul li:first-child .secName.howa_w_hya{background:#7b1fa2!important} .pattern02 ul li:first-child .secName.howa_w_hya{background:#7b1fa2!important} .featuredArea ul li .secName.howa_w_hya:before{background:#7b1fa2} .akhbarThemak li .secName.howa_w_hya:before{background:#7b1fa2} .pattern01 ul li .secName.howa_w_hya:after{background:#7b1fa2} .howa_w_hya .mostRead .allItems li .number {background: #7b1fa2} .howa_w_hya .ttl{border-bottom: 1px solid #7b1fa2;} .howa_w_hya .ttl h3:after{background: #7b1fa2;} .pattern02.howa_w_hya .ttl{border-bottom: 1px solid #7b1fa2;} .pattern02.howa_w_hya .ttl h3:after{background: #7b1fa2;} .pattern02.howa_w_hya ul li .secName{background: #7b1fa2;} .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after{background: #7b1fa2;} .pattern02.howa_w_hya ul li .secName:after, .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after{background: #7b1fa2;} .mostRead .allItems li .secName.howa_w_hya:after{background:#7b1fa2;} .media ul li .secName.howa_w_hya{background:#7b1fa2;} .howa_w_hya .breadcrumb li.active a{color:#7b1fa2} article.howa_w_hya .nextLink a{color:#7b1fa2} article.howa_w_hya .nextLink a:after{background:#7b1fa2} article.howa_w_hya .ttl{border-bottom: 1px solid #7b1fa2;} article.howa_w_hya .ttl h3:after{background: #7b1fa2;} article.howa_w_hya .details p a{color:#7b1fa2} article.howa_w_hya .details p a:before{background:#7b1fa2} .howa_w_hya .listing .ttl h1:after{background:#7b1fa2} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya:after{background: #7b1fa2;} .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after{background: #7b1fa2;} } .cd-gallery li.howa_w_hya .secName:after{background: #7b1fa2;} article.howa_w_hya .pagination ul li.current a { background: #7b1fa2; color: #fff } /** Autos (1a237e) **/ .featuredArea ul li .secName.autos {background: #1a237e} .featuredArea ul li .secName.autos:after {background: #1a237e} .featuredArea ul li:first-child .secName.autos{background:#1a237e!important} .pattern02 ul li:first-child .secName.autos{background:#1a237e!important} .featuredArea ul li .secName.autos:before{background:#1a237e} .akhbarThemak li .secName.autos:before{background:#1a237e} .pattern01 ul li .secName.autos:after{background:#1a237e} .autos .mostRead .allItems li .number {background: #1a237e} .autos .ttl{border-bottom: 1px solid #1a237e;} .autos .ttl h3:after{background: #1a237e;} .pattern02.autos .ttl{border-bottom: 1px solid #1a237e;} .pattern02.autos .ttl h3:after{background: #1a237e;} .pattern02.autos ul li .secName{background: #1a237e;} .pattern02.autos ul li:nth-last-child(-n+3) .secName:after{background: #1a237e;} .pattern02.autos ul li .secName:after, .pattern02.autos ul li:nth-last-child(-n+3) .secName:after{background: #1a237e;} .mostRead .allItems li .secName.autos:after{background:#1a237e;} .media ul li .secName.autos{background:#1a237e;} .autos .breadcrumb li.active a{color:#1a237e} article.autos .nextLink a{color:#1a237e} article.autos .nextLink a:after{background:#1a237e} article.autos .ttl{border-bottom: 1px solid #1a237e;} article.autos .ttl h3:after{background: #1a237e;} article.autos .details p a{color:#1a237e} article.autos .details p a:before{background:#1a237e} .autos .listing .ttl h1:after{background:#1a237e} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.autos:after{background: #1a237e;} .pattern02.autos ul li:nth-last-child(-n+5) .secName:after{background: #1a237e;} } .cd-gallery li.autos .secName:after{background: #1a237e;} article.autos .pagination ul li.current a { background: #1a237e; color: #fff } /** Islameyat (1c87c9) **/ .featuredArea ul li .secName.islameyat{background:#1c87c9} .featuredArea ul li .secName.islameyat:after{background:#1c87c9} .featuredArea ul li:first-child .secName.islameyat{background:#1c87c9!important} .pattern02 ul li:first-child .secName.islameyat{background:#1c87c9!important} .featuredArea ul li .secName.islameyat:before{background:#1c87c9} .akhbarThemak li .secName.islameyat:before{background:#1c87c9} .pattern01 ul li .secName.islameyat:after{background:#1c87c9} .islameyat .mostRead .allItems li .number {background: #1c87c9} .islameyat .ttl{border-bottom: 1px solid #1c87c9;} .islameyat .ttl h3:after{background: #1c87c9;} .pattern02.islameyat .ttl{border-bottom: 1px solid #1c87c9;} .pattern02.islameyat .ttl h3:after{background: #1c87c9;} .pattern02.islameyat ul li .secName{background: #1c87c9;} .pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after{background: #1c87c9;} .pattern02.islameyat ul li .secName:after, .pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after{background: #1c87c9;} .mostRead .allItems li .secName.islameyat:after{background:#1c87c9;} .media ul li .secName.islameyat{background:#1c87c9;} .islameyat .breadcrumb li.active a{color:#1c87c9} article.islameyat .nextLink a{color:#1c87c9} article.islameyat .nextLink a:after{background:#1c87c9} article.islameyat .ttl{border-bottom: 1px solid #1c87c9;} article.islameyat .ttl h3:after{background: #1c87c9;} article.islameyat .details p a{color:#1c87c9} article.islameyat .details p a:before{background:#1c87c9} .islameyat .listing .ttl h1:after{background:#1c87c9} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.islameyat:after{background: #1c87c9;} .pattern02.islameyat ul li:nth-last-child(-n+5) .secName:after{background: #1c87c9;} } .cd-gallery li.islameyat .secName:after{background: #1c87c9;} article.islameyat .pagination ul li.current a { background: #1c87c9; color: #fff } /***** Ramadan ****/ .featuredArea ul li .secName.ramadan{background:#da8f2d} .featuredArea ul li .secName.ramadan:after{background:#da8f2d} .featuredArea ul li:first-child .secName.ramadan{background:#da8f2d!important} .pattern02 ul li:first-child .secName.ramadan{background:#da8f2d!important} .featuredArea ul li .secName.ramadan:before{background:#da8f2d} .akhbarThemak li .secName.ramadan:before{background:#da8f2d} .pattern01 ul li .secName.ramadan:after{background:#da8f2d} .ramadan .mostRead .allItems li .number {background: #da8f2d} .ramadan .ttl{border-bottom: 1px solid #da8f2d;} .ramadan .ttl h3:after{background: #da8f2d;} .ramadan .media ul li .secName{background:#da8f2d;} /*.pattern02.ramadan .ttl{border-bottom: 1px solid #1a6399;} .pattern02.ramadan .ttl h3:after{background: #1a6399;}*/ .pattern02.ramadan ul li .secName{background: #da8f2d;} /*.pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after{background: #1a6399;}*/ .pattern02.ramadan ul li .secName:after, .pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after{background: #da8f2d;} .media ul li .secName.ramadan{background:#da8f2d} .ramadan .listing .ttl h1:after{background:#da8f2d} .mostRead .allItems li .secName.ramadan:after{background:#da8f2d} /*.mostRead .allItems li .secName.ramadan:after{background:#1a6399;} .media ul li .secName.ramadan{background:#1a6399;} .ramadan .breadcrumb li.active a{color:#1a6399} article.ramadan .nextLink a{color:#1a6399} article.ramadan .nextLink a:after{background:#1a6399} article.ramadan .ttl{border-bottom: 1px solid #1a6399;} article.ramadan .ttl h3:after{background: #1a6399;} article.ramadan .details p a{color:#1a6399} article.ramadan .details p a:before{background:#1a6399} .ramadan .listing .ttl h1:after{background:#1a6399}*/ @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.ramadan:after{background: #da8f2d;} } .cd-gallery li.ramadan .secName:after{background: #da8f2d;} article.ramadan .pagination ul li.current a {background: #da8f2d;color: #fff} /** World Cup 2018 (015386) **/ .featuredArea ul li .secName.wc{background:#43a047} .featuredArea ul li .secName.wc:after{background:#43a047} .featuredArea ul li:first-child .secName.wc{background:#43a047!important} .pattern02 ul li:first-child .secName.wc{background:#43a047!important} .featuredArea ul li .secName.wc:before{background:#43a047} .akhbarThemak li .secName.wc:before{background:#43a047} .pattern01 ul li .secName.wc:after{background:#43a047} .wc .mostRead .allItems li .number {background: #43a047} .wc .ttl{border-bottom: 1px solid #43a047;} .wc .ttl h3:after{background: #43a047;} .pattern02.wc .ttl{border-bottom: 1px solid #43a047;} .pattern02.wc .ttl h3:after{background: #43a047;} .pattern02.wc ul li .secName{background: #43a047;} .pattern02.wc ul li:nth-last-child(-n+3) .secName:after{background: #43a047;} .pattern02.wcHp .ttl{border-bottom: 1px solid #43a047;} .pattern02.wcHp ul li .secName{background: #43a047;} .pattern02.wcHp ul li:nth-last-child(-n+3) .secName:after{background: #43a047;} .pattern02.wcHp ul li .secName:after, .pattern02.wcHp ul li:nth-last-child(-n+3) .secName:after{background: #43a047;} .mostRead .allItems li .secName.wc:after{background:#43a047;} .media ul li .secName.wc{background:#43a047;} .wc .breadcrumb li.active a{color:#43a047} article.wc .nextLink a{color:#43a047} article.wc .nextLink a:after{background:#43a047} article.wc .ttl{border-bottom: 1px solid #43a047;} article.wc .ttl h3:after{background: #43a047;} article.wc .details p a{color:#43a047} article.wc .details p a:before{background:#43a047} .wc .pattern02 ul li .secName{background: #43a047;} .wc .pattern02 ul li:nth-last-child(-n+3) .secName:after {background: #43a047;} .wc .pattern02 .ttl{border-bottom: 1px solid #43a047;} .wc .pattern02 .ttl h3:after{background: #43a047;} .wc .allMatches .item .tourName{border-bottom: 1px solid #43a047;} .wc .listing .ttl h1:after{background:#43a047} @media screen and (min-width:320px) and (max-width:767px){ .featuredArea ul li:nth-last-child(-n+5) .secName.wc:after{background: #43a047;} .pat tern02.wc ul li:nth-last-child(-n+5) .secName:after{background: #43a047;} .pattern02.wcHp ul li:nth-last-child(-n+5) .secName:after{background: #43a047;} .pattern02.ramadan .ul li:nth-last-child(-n+3).icon-image .secName{color:#fff} .pattern02.ramadan .ul li:nth-last-child(-n+3).icon-image .secName:hover{color:#fff!important} .pattern02.ramadan ul li:nth-last-child(-n+5) .secName{color:#fff!important} .education .multiMedia .media ul li{width:100%;margin-left:0} } .cd-gallery li.wc .secName:after{background: #43a047;} .wcBg .matchesTabs .more {background: #43a047;} .wcBg .matchesTabs .more:hover {background: #2e8432}