﻿ .leftSide {display: inline-block;width: 300px }.ramadan .leftSide{position:relative;z-index:100}.featuredHintSticky{margin-left: 20px;width: calc(100% - 320px);float: right;background: none;position: relative;z-index:2}.featuredHintSticky.fixed {width: 930px !important;position: fixed;top: 67px;right: calc(((100% - 1282px) / 2) + 16px);background: none !important }.ramadan .featuredArea, .ramadan .HintSection{width:100%}.votingContainer{position: relative;width: calc(100% - 320px);float: right;margin-left:20px}.votingContainer .featuredArea{width:100%;margin-left:0}.votingContainer.fixed {width: 930px !important;position: fixed;top: 67px;right: calc(((100% - 1282px) / 2) + 16px);background: none !important }.mainSection{width:100%;display: flex;flex-wrap: wrap;}.chKnowUrHoroscope .knowYourSign{padding:30px 10px;margin-bottom:40px;background-image: url('../images/Horoscopes Calculator.webp');background-size: cover;background-position: center;}.chKnowUrHoroscope .knowYourSignHeader{font-size:18px}.chKnowUrHoroscope .knowYourSignForm{gap:24px}.chKnowUrHoroscope .knowYourSignButtons{flex-direction:column;padding-bottom: 0;}.chKnowUrHoroscope .dropdownMonth, .chKnowUrHoroscope .dropdownDay{width:100%}.chKnowUrHoroscope .dropbtnMonth, .chKnowUrHoroscope .dropbtnDay{padding: 9px 16px;}.chKnowUrHoroscope #knowYourSignSubmit{width:auto;padding: 8px 43px ;}.content {padding:16px 16px 0}.entrypoints {background: none;box-shadow: none;width: 300px;height: 266px;margin-left: 20px }.entrypoints .bx-wrapper:first-child {margin-bottom: 20px !important }.entrypoints ul {display: inline-block;width: 300px !important;height: 121px !important;margin-bottom: 20px;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 }ul li .desc .date {color: #fff;font-size: 12px;display: flex;align-items: center;color: #666666;}ul li .desc .date:before {content: "c";margin-left: 5px;color: #fff;font-size: 12px;color: #666666;}.ttl .icon-more:before{line-height: 42px;}.ttl .more{float: right;}.bx-wrapper {width: 100%;height: auto;position: relative;z-index: 0 }.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 }.flickity-button{width: 48px;top: 50%;margin-top: -39px;outline: 0;display: inline-block;position: absolute;color: #fff;opacity: 0.7;z-index: 99;background:transparent}.imageCntnr {overflow: hidden;}.flickity-button svg{display:none}.flickity-button.previous{right:0}.flickity-button.next{left:0}.flickity-button.next:before {content: "q";font-size:48px}.flickity-button.previous:before {content: "r";font-size:48px }.flickity-page-dots{display: inline-block;width: auto;height: 32px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}.flickity-page-dots li{display: inline-block;width: 12px;height: 12px;border: 1px solid #fff;border-radius: 50%;margin-right:3px;float:right}.dot.is-selected{background:#fff}.bx-wrapper .bx-controls-direction a {width:48px;top: 50%;margin-top: -39px;outline: 0;display: inline-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";}.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 }.masrawyApp{display:inline-block;float:right;width:calc(100% + 32px);height:250px;position:relative;overflow:hidden;margin-right:-16px}.masrawyApp .appbk{display:inline-block;position:absolute;width:100%;height:100%;top:0;right:0;z-index:0;pointer-events:none}.masrawyApp a{display:inline-block;width:100%;height:100%;padding:30px 300px 0;position:relative;z-index:1}.masrawyApp .rightSide{display:inline-block;width:341px;float:right}.masrawyApp .rightSide p{display:inline-block;width:100%;float:right;font-size:51px;font-weight:700;color:#E53935;line-height:1;margin-bottom:32px;text-align:right}.masrawyApp .rightSide span{display:inline-block;width:100%;float:right;font-size:34px;font-weight:400;color:#fff;line-height:1;margin-bottom:22px;text-align:right}.masrawyApp .rightSide .appBtns div{display:inline-block;float:right;width:164px;height:50px;margin-left:10px}.masrawyApp .rightSide .appBtns div:last-child{margin-left:0}.masrawyApp .appHand{display:inline-block;width:290px;height:auto;position:absolute;bottom:-6px;left:20%;background-size:100%;z-index:0;pointer-events:none}.masrawyApp .rightSide .appBtns div img{max-height: unset;width: 100%;height: auto;}@media screen and (min-width:1680px) and (max-width:1919px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 210px 0}.masrawyApp:after{left:15%}.masrawyApp{height:213px}.masrawyApp a{padding:30px 210px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width: 136px;}.masrawyApp .appHand{left:15%;bottom:-35px}}@media screen and (min-width:1600px) and (max-width:1679px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 210px 0}.masrawyApp:after{left:15%}.masrawyApp{height:213px}.masrawyApp a{padding:30px 210px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width: 136px;}.masrawyApp .appHand{left:15%;bottom:-35px}}@media screen and (min-width:1536px) and (max-width:1599px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 210px 0}.masrawyApp:after{left:15%}.masrawyApp{height:213px}.masrawyApp a{padding:30px 210px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width: 136px;}.masrawyApp .appHand{left:15%;bottom:-35px}}@media screen and (min-width:1440px) and (max-width:1535px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 210px 0}.masrawyApp:after{left:15%}.masrawyApp{height:213px}.masrawyApp a{padding:30px 210px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width: 136px;}.masrawyApp .appHand{left:15%;bottom:-35px}}@media screen and (min-width:1360px) and (max-width:1439px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 210px 0}.masrawyApp:after{left:15%}.masrawyApp{height:213px}.masrawyApp a{padding:30px 210px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width: 136px;}.masrawyApp .appHand{left:15%;bottom:-35px}}@media screen and (min-width:1360px) and (max-width:1919px) {.votingContainer.fixed {width: 748px !important;right: calc(((100% - 1100px) / 2) + 16px) }}@media screen and (min-width:1280px) and (max-width:1359px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.votingContainer.fixed {width: 648px !important;right: calc(((100% - 1000px) / 2) + 16px) }.masrawyApp a{padding:30px 175px 0}.masrawyApp:after{left:11%}.masrawyApp .rightSide p{font-size:46px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width:148px;height:45px}.masrawyApp{height:194px}.masrawyApp .appHand{left:11%;bottom: -56px;}.masrawyApp a{padding:23px 175px 0;}.masrawyApp .rightSide{width:304px}.masrawyApp .rightSide p{font-size:45px}.masrawyApp .rightSide span{font-size:30px}.masrawyApp .rightSide .appBtns div{width:136px;height:45px}}@media screen and (min-width:1152px) and (max-width:1279px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 100px 0}.masrawyApp:after{left:8%}.masrawyApp .rightSide{width:300px}.masrawyApp .rightSide p{font-size:40px}.masrawyApp .rightSide span{font-size:26px}.masrawyApp .rightSide .appBtns div{width:130px;height:40px}.entrypoints {display: none }.masrawyApp{height:154px}.masrawyApp a{padding:16px 100px 0}.masrawyApp .appHand{left:8%;bottom: -88px;}.masrawyApp .rightSide{width:270px}.masrawyApp .rightSide p{font-size:36px;margin-bottom:20px}.masrawyApp .rightSide span{font-size:23px;margin-bottom:20px}.masrawyApp .rightSide .appBtns div{width:112px;height:40px}}@media screen and (min-width:1024px) and (max-width:1151px) {.ramadan .featuredArea.fixed{width:100%;right:unset;}.masrawyApp a{padding:30px 100px 0}.masrawyApp:after{left:8%}.masrawyApp .rightSide{width:300px}.masrawyApp .rightSide p{font-size:40px}.masrawyApp .rightSide span{font-size:26px}.masrawyApp .rightSide .appBtns div{width:130px;height:40px}.masrawyApp{height:154px}.masrawyApp a{padding:16px 100px 0}.masrawyApp .appHand{left:8%;bottom: -88px;}.masrawyApp .rightSide{width:270px}.masrawyApp .rightSide p{font-size:36px;margin-bottom:20px}.masrawyApp .rightSide span{font-size:23px;margin-bottom:20px}.masrawyApp .rightSide .appBtns div{width:112px;height:40px}}@media screen and (min-width:1024px) and (max-width:1279px) {.votingContainer.fixed {width: 448px !important;right: calc(((100% - 800px) / 2) + 16px) }}@media only screen and (max-width: 1023px) {.votingContainer{width:100%;margin-left:0}.leftSide {width: 100% }.masrawyApp a{padding:30px 100px 0}.masrawyApp:after{left:8%}.masrawyApp .rightSide{width:300px}.masrawyApp .rightSide p{font-size:40px}.masrawyApp .rightSide span{font-size:26px}.masrawyApp .rightSide .appBtns div{width:130px;height:40px}.entrypoints {margin-right: calc((100% - 624px) / 2) }.entrypoints {display: none }.masrawyApp{height:154px;background: linear-gradient(168deg, rgb(44 53 68) 0, rgba(29, 29, 29, 1) 100%);}.masrawyApp a{padding:16px 100px 0}.masrawyApp .appHand{left:8%;bottom: -88px;}.masrawyApp .appbk{height:auto}.masrawyApp .rightSide{width:270px}.masrawyApp .rightSide p{font-size:36px;margin-bottom:20px}.masrawyApp .rightSide span{font-size:23px;margin-bottom:20px}.masrawyApp .rightSide .appBtns div{width:112px;height:40px}}@media screen and (min-width:320px) and (max-width:767px) {.votingContainer.fixed {width:100%!important;right:unset!important;top:unset!important;position:relative}.chKnowUrHoroscope{padding:0 10px}.content {padding: 0 ;}.ttl .icon-more:before {line-height: 33px;}.ramadanLB .billboardDiv{overflow:hidden}ul li .desc .date{font-size:10px}.media {width: calc(100% - 20px);margin: 0 10px 40px }.media ul li {width: 100% }.media ul li:first-child {width: 100% }.media ul li:nth-child(2n) {margin-left: 0 }.media ul li:nth-child(3) {margin-left: 0 }.media ul li:nth-last-child(-n+3) {margin-bottom: 16px }.media ul li:last-child {margin-bottom: 0 }.media ul li .item .imageCntnr {padding-bottom: calc((120px * 56.25) / 100);width: 120px;}.media ul li .cnts {width: calc(100% - 120px);}.media ul li .desc {padding: 0 10px }.media ul li .desc h2 {color: #1d1d1d;text-align: right;line-height: 1.6;height: auto;max-height: unset;overflow: hidden;font-size: 12px;position: relative;bottom: 0;right: 0;-webkit-line-clamp: 2;}.media ul li .secName {font-size: 11px;margin: 2px 0 }.innerSection .media .desc {padding: 4px 10px }.media ul li:first-child .desc h2 {font-size: 16px;line-height: 1.6;padding: 6px 10px 0;}.media ul li:last-child {display: inline-block;}.media ul li:first-child .secName {margin-bottom: 0 }.media ul li .item img, .pattern02.masrawyTV ul li .item img {width: 100%;height: auto;top: 50%;left: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%) }.akhbarThemak li img, .crossMedia .allItems li img, .pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img), .pattern02 ul li .item img, .mostRead .allItems li img, .shiftPattern ul li .imageCntnr img, .elconsoltoPattern .sides.news li img, .media ul li .item img {width: 100%;height: auto;top: 50%;left: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%) }.masrawyApp{height:150px;width:300px;margin:0 calc((100% - 300px) /2) 40px;}.masrawyApp a{padding:24px 20px 0;}.masrawyApp .rightSide p{font-size:23px;margin-bottom:16px}.masrawyApp .rightSide span{font-size:15px;margin-bottom:14px}.masrawyApp .rightSide{width:auto}.masrawyApp .rightSide .appBtns div{width:80px;height:24px}.masrawyApp:after{background:url(../Images/App/ApphandMib.png) no-repeat left bottom;width: 105px;background-size: 100%;left: 0;}.crossMedia .allItems li img, .pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img), .pattern02 ul li .item img, .mostRead .allItems li img, .shiftPattern ul li .imageCntnr img, .elconsoltoPattern .sides.news li img, .media ul li .item img {width: 100%;height: auto;top: 50%;left: 50%;right: auto;bottom: auto;transform: translate(-50%, -50%) }.pattern02 {padding: 0 10px }.entrypoints {margin: 0 calc((100% - 300px) / 2) 40px }.masrawyApp{height:150px;width:300px;margin:0 calc((100% - 300px) /2) 40px;}.masrawyApp a{padding:24px 20px 0;}.masrawyApp .rightSide p{font-size:23px;margin-bottom:16px}.masrawyApp .rightSide span{font-size:15px;margin-bottom:14px}.masrawyApp .rightSide{width:auto}.masrawyApp .rightSide .appBtns div{width:80px;height:24px}.masrawyApp .appHand{width: auto;left: 0;height: 140px;bottom:0}.featuredHintSticky.fixed{width: 100% !important;position: relative;top: auto;right: auto;}}