* {text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;-ms-font-smoothing: antialiased !important;-o-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important;font-smoothing: antialiased !important; } @charset "UTF-8"; /*Fonts*/ @font-face { font-family: 'AdobeArabicBold'; src: url('fonts/adobearabic-bold.eot'); src: url('fonts/adobearabic-bold.eot?#iefix') format('embedded-opentype'), url('fonts/adobearabic-bold.woff') format('woff'), url('fonts/adobearabic-bold.ttf') format('truetype'), url('fonts/adobearabic-bold.svg#webfont9UOzsjXz') format('svg'); font-weight: normal; font-style:normal; } @font-face { font-family: 'GeSsTwoBold'; src: url('fonts/GESSTwoBold.eot'); src: url('fonts/GESSTwoBold.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoBold.woff') format('woff'), url('fonts/GESSTwoBold.ttf') format('truetype'), url('fonts/GESSTwoBold.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style:normal; font-weight: normal; font-style:normal; unicode-range: U+0-29, U+40-10FFFF; } @font-face { font-family: 'GESSTwoMedium'; src: url('fonts/GESSTwoMedium.eot'); src: url('fonts/GESSTwoMedium.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoMedium.woff') format('woff'), url('fonts/GESSTwoMedium.ttf') format('truetype'), url('fonts/GESSTwoMedium.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style:normal; unicode-range: U+0-29, U+40-10FFFF; } @font-face { font-family: 'GeSsTwoLight'; src: url('fonts/GESSTwoLight.eot'); src: url('fonts/GESSTwoLight.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoLight.woff') format('woff'), url('fonts/GESSTwoLight.ttf') format('truetype'), url('fonts/GESSTwoLight.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style:normal; unicode-range: U+0-29, U+40-10FFFF; } @font-face { font-family: 'GothamMedium'; src: url('fonts/gotham-medium.eot'); src: url('fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('fonts/gotham-medium.woff') format('woff'), url('fonts/gotham-medium.ttf') format('truetype'), url('fonts/gotham-medium.svg#webfont9UOzsjXz') format('svg'); font-weight: normal; font-style:normal; unicode-range: U+0-29, U+40-10FFFF; } /***** For Icons *****/ @font-face { font-family: "icons-font"; src:url("fonts/icons-font.eot?ver=1.1"); src:url("fonts/icons-font.eot?#iefix?ver=1.1") format("embedded-opentype"), url("fonts/icons-font.woff?ver=1.1") format("woff"), url("fonts/icons-font.ttf?ver=1.1") format("truetype"), url("fonts/icons-font.svg#untitled-font-1?ver=1.1") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, .SubLnks > ul > li > a.dropdownLnk, .bx-prev:before, .bx-next:before, .breadcrumb a:after, .gridview, .listview, .fbPollShare, .twPollShare, .SpnCityName, .PrayTimesDiv .selection .arrow, .addColIco, a.xIcon, .prayTimesDtls .arrow, .styleSelect, .continue_after:after, .continue_before:before, .next_time, .prev_time, .tvDateDiv #txtDatepicker:after, .articleDiv blockquote:before, .back-to-top:before, .hdrDateLnks .srchBtn:before, .userBtn:after, .og-close:before, .surveyDiv .answerItem .imgMask:hover:before, .surveyDiv .answerItem .imgMask.selected:before, .linkedIn:before, .youtube:before, .offerna .txtItem h2:before, .offerna .facebook:before, .offerna .twitter:before, .ui-icon-circle-triangle-w:before, .ui-icon-circle-triangle-e:before, .accordionDivContainer label:before, .electionSurveyDiv .nxtPrevDiv .nextQtns:before,.electionSurveyDiv .nxtPrevDiv .prevQtns:before, .motherDaySurveyDiv .nxtPrevDiv .nextQtns:before, .motherDaySurveyDiv .nxtPrevDiv .prevQtns:before, .mobawabaHeader .servicesBtn .icon-crdt:after, .fos7etak .facebook:before, .fos7etak .twitter:before, .fos7etak .linkedIn:before, .fos7etak .youtube:before, .ticketPrize, .pinInfoSlide:before, .logoutBtn.fb:before, .logoutBtn.ggl:before, .scrollbar li:first-child:before, .euro .sixPattern li:before, .lg-close:after, .lg-autoplay-button:after, .lg-show-autoplay .lg-autoplay-button:after, .lg-fullscreen:after, .lg-fullscreen:after, .lg-fullscreen:after, .lg-outer .lg-toogle-thumb:after, .lg-actions .lg-next:before, .lg-actions .lg-prev:after {font-family: "icons-font";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;} .icon-camera:before{ content: "l"; } .icon-play img:before { content: "c"; font-size: 44px; color:#fff; line-height: 24px; } /****************************** End Icons Fonts **************************************/ /*Global styles -----------------------------------------------------------------------------------------------------------*/ /*limited reset*/ 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;} /*html5 display rule*/ address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;} /*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table;} .cf:after {clear:both;} /* For IE 6/7 (trigger hasLayout) */ .cf {zoom:1;} a { text-decoration: none; color: #333; cursor:pointer} a:hover {color: #333;} a:focus, a:hover, a:active{ outline: 0; } ::-moz-selection { background: #d2232a; color: #fff; text-shadow: none; } ::selection { background: #333; color: #fff; text-shadow: none; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } ul, li{ text-decoration:none; list-style:none} a img { border: none;outline: 0;} .preview a {display: block;height:100%;} .preview a:hover {border: none;} a.phone {border: none;color: inherit;} a.phone:hover {border: none;color: inherit;cursor: default;} h1, h2, h3, p,ul, li{ direction:rtl; text-align:right; margin:0; font-weight:normal} p{direction:rtl;} .clear, .clr{ clear:both; float:none; line-height:0} body {position:relative;font-size:100%; font-family:/*AdobeArabicBold,*/ Arial, Century Gothic, sans-serif;line-height: 1.5;background:#e9e9e9;color:#333;font-weight:normal;font-style:normal;width:100%} h1, h2, h3{font: 100% GeSsTwoMedium, Arial, Century Gothic, sans-serif;font-weight:normal;} .fixedWrapp, .SubLnks > ul {width:940px; margin:0 auto; padding:0 10px} nav ul {list-style: none;} #mainWrapp{width:100%; margin:0 auto} .hp2014{ background-color:#e9e9e9; margin:0 auto} /********** Separated Sponsor Ads **********/ .separatedAd{position:fixed;top:75px;width:196px;height:645px;z-index: 1;cursor:pointer} .separatedAd.rightAd{right:calc(((100% - 960px) / 2) - 196px);background:#154787} .separatedAd.rightAd:hover{background:#ec1a23} .separatedAd.leftAd{left:calc(((100% - 960px) / 2) - 196px);background:#154787} .separatedAd.leftAd:hover{background:#ec1a23} body.bodySponsorSticky .separatedAd{top:50px} /** Header 2015 -----------------------------------------------------------------------------------------------------------*/ header{background:#435772;color:#fff;font-family:GeSsTwoLight,Tahoma;width:100%;box-shadow: 0 0 1px 1px #333;} header:after{ content:""; display:block; float:none; clear:both} .headerFixed{margin: 0 auto;padding:0;width:1200px;} .mainWrapper{margin:76px auto 0;width:100%} .mainWrapper .wrapper{background:#e9e9e9} .BodySponsor{background-color:#e9e9e9!important;width:100%; margin:0 auto;background-position:center 75px!important} .BodySponsor .mainWrapper{width:960px;margin:76px auto 0} .artclHd.sticky {background-color:#fff;box-shadow:0 0px 4px 1px #999;top: 51px;right:0;margin-right:0;width:98%;height:auto;padding:10px 1%;position: fixed; min-height:30px;z-index: 9999999; overflow:hidden} .artclHd.sticky h1{padding:0} .artclHd.sticky .breadcrumb{display:none} .artclHd.sticky time{display:none} .artclHd.sticky .socialControl{margin-left:5px;float: left;} .artclHd.sticky .social-share{padding: 11px 0;width: 34px;border-radius: 20px;text-indent: -200px;overflow: hidden;margin-top: 7px;} .artclHd.sticky .social-share.facebookBtn.icon-fb:before{left:118px;top:1px} .artclHd.sticky .social-share.icon-tw:before {left:118px;top:1px} .artclHd.sticky .social-share.icon-ggl:before {left:118px;top:1px} .artclHd.sticky .icon-print{padding: 11px 0;width: 34px;border-radius: 20px;text-indent: -200px;left:0;overflow: hidden;margin-top: 7px;} .artclHd.sticky .icon-print:before {left:117px;top:1px} .artclHd.sticky .nextBtn{display:block;float:left;position:relative;overflow:hidden;background:#7e225c;width:170px;height:48px;font-family:GeSSTwoLight, Tahoma;font-size:18px;color:#fff;text-align:left;text-decoration:none;line-height:2.5;transition:background 0.4s ease-in-out 0s} .artclHd.sticky .nextBtn:hover{background:#620043} .artclHd.sticky .icon-next:before{content: "g";color: #fff;float: left;margin: 3px;font-size:40px;line-height: 1} .logo{ float:right; display:block;background: url(../images/WhiteLogo.png) no-repeat; width:15.5%; height:50px; margin:8px 0.5% 10px 1%} .hdrDateLnks {float: right;width:83%;} .Grey .hdrDateLnks{visibility:visible;opacity:1; transition-delay:0s; display:block;position:relative} .Grey.headerSticky .hdrDateLnks{visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; display:none} .dateDiv{ float:right; font-size:0.75em; color:#fff; margin:11px 54px 0 0;white-space: nowrap;} .weatherDiv{float:right;font-size:0.75em;color:#fff; margin:11px 15px 0 0;white-space: nowrap;} .weatherDiv img{display:none} .weatherDiv .icon-weather{display: inline-block;float: right;font-size: 24px;} .weatherDiv .icon-weather:before {color: #fff;content: "h";font-size: 14px;line-height: 1.3;margin-left:6px;} .weatherDiv > p {display: inline-block; color:#fff} .weatherDiv > p a {display:block; color:#fff} .weatherDiv > p a:hover {display:block; color:#999} .userBtn{float: right;color: #4d4d4d; background-color: #ffbb33;border-radius: 28px;font-family: GeSsTwoLight,Tahoma;font-size: 12px; margin:8px 5px 0 0;position: relative;padding: 3px 25px 3px 40px;transition: background-color 0.4s ease 0s;} .userBtn:after {color: #4d4d4d;content: "w";display: inline-block;font-size: 17px;left: 16px;line-height: 1.1;position: absolute;} .userBtn:hover{background-color:#ffc95d} .socialDiv {float: left;margin: 0 10px 0 0;padding:10px 0 14px} .socialDiv a{width: 20px;height: 20px;display: inline-block;font-size: 12px;color:#333;text-align: center;background: #fff;float: right;margin: 0px 3px;border-radius: 50%;transition: all 0.4s ease 0s;} .socialDiv a:hover{color:#fff;} .socialDiv .hao{background: url("../Images/spriteIcons.png") -86px -240px no-repeat;border-radius: 0px;width: 62px;height: 15px;margin: 2px 5px 0 0;} .socialDiv .hao:hover{ background-position:-86px -259px!important} .icon-cu:before { content: "k"; } .icon-cu:hover{background: #0acf67;} .icon-fb:before { content: "d"; } .icon-fb:hover{background: #3b5998;} .icon-tw:before { content: "i"; } .icon-tw:hover{background: #00a0d1;} .icon-ggl:before { content: "n"; } .icon-ggl:hover{background: #dd5441;} .icon-yt:before { content: "F"; } .icon-yt:hover{background: #d02727;} .icon-rss:before { content: "e"; } .icon-rss:hover{background: #f57f1f;} nav{float:right;width:83%} .navLnks{width:100%;white-space:nowrap} .navLnks > .selected > a{background-color:transparent} .navLnks > li > a{position: relative;display:block;padding:8px 6px 7px;color:#fff; font-size:14px} .SubLnks > ul{ direction:rtl; text-align:center;width:980px;margin:0 auto} .SubLnks > ul > li > a{position: relative;display:block;padding:8px 8px 7px;color:#333333} .SubLnks > ul > li > a.dropdownLnk{padding:7px 8px 7px 20px;font-family:GESSTwoLight, Tahoma} .SubLnks > ul > li > a.dropdownLnk:before{content: "r";font-family: icons-font;position: absolute;left: 5px;} .SubLnks > ul > li > img{ display:none;} .SubLnks > ul > li > ul{display:none;} .subSubLnks { background: none repeat scroll 0 0 #999999; border-radius:4px 0 7px 7px; min-width: 130px;position: absolute;right: 0;top: 33px; max-height:0;visibility:hidden;opacity:0;-webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out} .SubLnks > ul > li:hover > .subSubLnks { max-height:500px;visibility:visible;opacity:1;transition-delay:0s;} .dropdownLnk .subSubLnks{background-color:#999;left:auto; right:0;width:110px;padding:3px; position:absolute; display:none; opacity:0; z-index:999;transition: all 1s ease 0s} .subSubLnks a{ display:block;padding:5px 10px; color:#fff; text-align:right;transition: background-color 0.4s ease 0s;} .subSubLnks a:hover{background-color:#333} .dropdownLnk:hover .subSubLnks{top:33px;right:0; opacity:1;display:block!important;} .subNav{background:#dddddd; display:none} .navigation{} .navigation > li{float:right; font-size:13px; position:relative;transition: all 0.4s ease 0s;} .navigation > li:hover{background-color: #999999; color: #FFFFFF;} .navigation > li:hover a{color: #FFFFFF} .navigation > li > a{position: relative;display:block;padding:8px 6px 7px;color:#333333; font-size:12px} .navigation > li > img{ display:none} .navigation > li > ul{display:none} .smsmasrawy{ background:#fff; margin:0 auto; text-align:center} .smsmasrawy a { display:block} header.Blue{background:#435772;} header.Grey{background:#333;position: fixed;z-index: 999999999;right: 0;top: 0;transition: height 0.2s linear 0s} header.Grey .srchDd .srchtxt{background-color:#252525;} header.Grey .socialDiv a{color:#333;transition: all 0.4s ease 0s;} header.Grey .socialDiv a:hover{color:#fff} .leaderAd {background: none repeat scroll 0 0 #e9e9e9;display:inline-block;/*min-height: 90px;*/margin: 10px auto;width: 100%;text-align:center;/*padding-top: 10px*/} .leaderAd .LeaderBoard{display:inline-block;margin:0 auto} /** Sticky Header *******************************/ .Grey.headerSticky .logo {background: url(../images/WhiteLogo.png) no-repeat;width: 147px;height: 40px;background-size: 147px;margin:5px 0.5% 5px 1%} .Grey.headerSticky nav{margin:10px 38px 0 0} .Grey.headerSticky .navLnks > div > .SubLnks {top:96px} .Grey.headerSticky .navLnks .newsLnk {padding-bottom: 9px} .leaderbg {margin: 0 auto;width: 728px!important;background: none;float:right!important;} .wrapNavDiv{background:#333;padding:0;font-weight: normal;font-family:GeSsTwoLight} #mainNavDiv{clear:both; padding:0; margin:0 auto;background:#333; position:relative} .navLnks{width:100%;float:right; font-size:13px; white-space:nowrap} .navLnks > div{ float:right} .navLnks > div > a{display:inline-block;transition: background-color 0.4s ease 0s; padding:3px 7px 3px 16px;font-family: GeSSTwoMedium, Tahoma; color:#fff;height:22px; position:relative;} .navLnks .newsLnk{padding-bottom:3px;border-bottom:3px solid #333;line-height: 1.8;transition: border-bottom 0.2s ease-in-out 0.5s} .navLnks .newsLnk:hover{transition-delay: 0s} .navLnks .newsLnk.news:hover{border-bottom:3px solid #c31717} /* News */ .navLnks .newsLnk.arts:hover{border-bottom:3px solid #ff7c24} /* Fnoon */ .navLnks .newsLnk.howa_w_hya:hover{border-bottom:3px solid #7e225c} /* Howa w Hya */ .navLnks .newsLnk.sports:hover{border-bottom:3px solid #168039} /* Sports */ .navLnks .newsLnk.autos:hover{border-bottom:3px solid #194981} /* Autos */ .navLnks .newsLnk.islameyat:hover{border-bottom:3px solid #1e99a1} /* Islamyat */ .navLnks .newsLnk.videos:hover{border-bottom:3px solid #636363} /* Videos */ .navLnks .newsLnk.services:hover{border-bottom:3px solid #1087c7} /* Masrawy Services */ .navLnks .newsLnk.offers:hover{border-bottom:3px solid #f68b2e} /* Offers */ .navLnks .newsLnk .noArrow{padding:3px 10px;} .navLnks .newsLnk .noArrow:before{display:none} .navLnks .newsLnk > a:before {content: "r";font-family: icons-font;position: absolute;left: 5px} .navLnks > .selected > a{background-color:#c31717;border-radius: 10px;} .navLnks > .homeLnk.selected > a:after, .navLnks > .homeLnk:hover > a:after {background:none!important;bottom:0; content: "";height: 13px;margin-right: -8px;position: absolute;right: 50%;width:0;} .navLnks > li > a{position: relative;display:block;padding:8px 6px 7px;color:#fff; font-size:14px} .icon-home{position:relative;font-size:54px } .icon-home:before { content: "b"; margin:0!important;line-height:0.9!important;font-size: 24px; } .homeLnk a{position:relative;padding: 3px 10px!important; } .navLnks > .newIco > a:after{background:url("../Images/spriteIcons.png") -240px -92px no-repeat; display: block;height: 15px;margin: 0 0 0 -13px; position: absolute;width:100%;left:50%; top:-7px;clear: both;content: " ";z-index: 99999;} .navLnks > .updatedIco > a:after{background:url(../images/updatedIco.png) no-repeat center; display: block;height: 15px;margin: 0; position: absolute;width:100%;left:0; top:-7px;clear: both;content: " ";z-index: 99999;} .navLnks > div > .SubLnks{ background:#555; width:100%; max-height:0; position:absolute; right:0;top: 78px;z-index:999;box-shadow: 0 2px 2px 0px #333;visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out 0.5s; transition: all 0.2s ease-in-out 0.5s} .navLnks > div:hover > .SubLnks{z-index:9999;box-shadow: 0 2px 2px 0 #333;visibility: visible;opacity: 1;transition-delay: 0s;max-height:34px} .SubLnks > ul{ direction:rtl; text-align:center} .SubLnks > ul > li{float:right; font-size:13px;transition: background-color 0.4s ease 0s; position:relative; display:inline-block;} .SubLnks > ul > li:hover{background-color: #999999; color: #FFFFFF} .SubLnks > ul > li:hover a{color: #FFFFFF} .SubLnks > ul > li > a{position: relative;display:block;padding:6px 8px;color:#ccc;} .SubLnks > ul > li > a.dropdownLnk{padding:7px 8px 7px 20px;font-family:GESSTwoLight, Tahoma;} .SubLnks > ul > li > a.dropdownLnk:before{content: "r";font-family: icons-font;position: absolute;left: 5px;} .SubLnks > ul > li > img{ display:none;} .SubLnks > ul > li > ul{display:none;} .subSubLnks { background: none repeat scroll 0 0 #999999; border-radius:4px 0 7px 7px; min-width: 150px;position: absolute;right: 0;top: 33px; max-height:0;visibility:hidden;opacity:0;-webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out} .SubLnks > ul > li:hover > .subSubLnks { max-height:500px;visibility:visible;opacity:1;transition-delay:0s;overflow: hidden} .dropdownLnk .subSubLnks{background-color:#999;left:auto; right:0;width:110px;padding:3px; position:absolute; display:none; opacity:0; z-index:999;transition: all 1s ease 0s} .subSubLnks a{ display:block;padding:5px 10px; color:#fff; text-align:right;transition: background-color 0.4s ease 0s;} .subSubLnks a:hover{background-color:#333} .dropdownLnk:hover .subSubLnks{top:33px;right:0; opacity:1;display:block!important;} .navSrchIco{float:left; position:relative; border-left:1px solid #555555} .navSrchIco li{float:left; border-right:1px solid #555555;transition: background-color 0.4s ease 0s;} .navSrchIco > li > a{display:block;margin:8px 0 7px;color:#fff; padding:0 10px; font-size:14px;width:16px; height:20px} .navSrchIco > li:hover, .navSrchIco > li:hover > a{ background-color:#1a1a1a} .icon-srchIco{background-position: 0 -400px!important} .icon-srchIco:before{ content: "a";font-size: 20px;margin: 0;line-height: 1} .userDd{cursor: pointer;display: none;position: absolute;top: 35px; border-bottom-left-radius:5px;border-bottom-right-radius: 5px;} .userDd .aprofile { color:#fff!important} .srchDd{float: right;left:0!important; line-height:2.5;z-index:999; color:#fff; font-size:14px;width: 250px;margin: 8px 15px 0 0;position: relative;direction: rtl;overflow:hidden} .srchDd .srchtxt{display:block;font-family: GeSSTwoLight, Tahoma;color: #fff;font-size:13px;float:right; text-align:right; padding:5px 20px 5px 10px;width:220px; border-radius:15px;border:none;outline: none;} .srchDd .srchtxt::selection{background:#fff} .srchDd .srchBtn:before{content: "a";color: #999;font-size: 18px;line-height: 1;margin: 0;position: absolute;left: 7px;top: 4px;} .userIco{background-position:0 -462px!important} .userDd{ background-color:#1a1a1a;left:-1px!important;width:245px!important; direction:rtl; line-height:2.5; padding:10px; z-index:999;color:#fff; font-size:14px;} .userDd a:hover{color:#fff;transition: color 0.4s ease 0s;} .userDd textbox{display:block; padding:2px 10px 2px 5px;width:230px; border-radius:5px; background:#fff; color:#999;border:none; margin-bottom:10px} .userDd .signBtns{ font-size:13px;margin-bottom:10px} .signInBtn{display:block; margin:0 0 0 25px; float:right; width:110px; background-color:#ee1b2e; text-align:center; height:35px; border-radius:5px; color:#fff; } .newUserBtn{display:block;float:right; width:110px;background-color:#999999; text-align:center; height:35px;border-radius:5px; color:#fff;} .chngPssBtn{ font-size:11px; color:#fff; text-decoration:underline;margin-bottom:10px; display:inline-block;transition: color 0.4s ease 0s;} .chngPssBtn:hover{color:#fff; text-decoration:none;} .fbSignBtn{ display:block; padding:0 10px;border-radius:5px;color:#fff;background-color:#3b5998; text-align:center;transition: color 0.4s ease 0s;} .fbSignBtn:hover{color:#fff;} .fbSignBtn span{ padding:0 0 0 20px;background:#3b5998 url(../images/2014/userFbIco.png) no-repeat left center; cursor:pointer} #el3abLnk {border: none;} #el3abLnk a{background:url(../images/el3abLogo.png) no-repeat center; cursor: pointer;display: block;height: 36px;margin: 0;width: 30px;} .subNav{background:#dddddd; display:none} .navigation{} .navigation > li{float:right; font-size:13px; position:relative;transition: all 0.4s ease 0s;} .navigation > li:hover{background-color: #999999; color: #FFFFFF;} .navigation > li:hover a{color: #FFFFFF;transition: color 0.4s ease 0s;} .navigation > li > a{position: relative;display:block;padding:8px 6px 7px;color:#333333; font-size:12px} .navigation > li > img{ display:none} .navigation > li > ul{display:none} .smsmasrawy{ background:#fff; margin:0 auto; text-align:center} .smsmasrawy a { display:block} .bkOldBtn{background:#c31717;font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#fff;padding:4px 10px;border-radius:20px;position:absolute;top:50px;left:0px;transition:all 0.4s ease-in-out 0s} .bkOldBtn:hover{background:#ad0006;color:#fff} .opinionStrip{width:100%;background:#f1eec2;text-align:center;display:inline-block;height:46px;transition:height 0.4s ease 0s;-ms-transition:height 0.4s ease 0s;-webkit-transition:height 0.4s ease 0s;-moz-transition:height 0.4s ease 0s;-o-transition:height 0.4s ease 0s} .opinionStrip .closeBtn{position:relative;float:left;top:6px;left:6px;text-align:center;font-size:14px;line-height:1.7;color:#f1eec2;background:#c31717;border: 1px solid #c31717;border-radius: 50px;width:20px;height:20px;transition:all 0.4s ease-in-out 0s;} .opinionStrip .closeBtn:hover{background-color: #f1eec2;color:#c31717} .opinionStrip .nategaBtn{padding: 5px 100px;background: #c31717;font-family: GeSsTwoLight, Tahoma;color: #fff;font-size: 16px;border-radius: 50px;margin-top: 6px;display: inline-block;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;} .opinionStrip .nategaBtn:hover{background: #ad0006} .opinionStrip .regHead{width:472px;margin:0 auto} .opinionStrip .regHead h1{color:#333;float:right;padding:12px 0;margin-left:20px} .opinionStrip .regHead .regBtn{float:right;background-color: #c31717;border:1px solid #c31717;font-family: GeSSTwoLight, Tahoma;border-radius: 20px;color: #f1eec2;display: inline-block;font-size: 14px;margin: 10px auto;padding: 2px 40px;text-align: center;transition: all 0.4s ease 0s;} .opinionStrip .regHead .regBtn:hover{background-color: #f1eec2;color:#c31717} .opinionHide{margin-bottom:0} .opinionHide .closeBtn{display:none!important;transition:display 0.4s ease-in-out 0s} .opinionHide .regHead h1{display:none!important;transition:display 0.4s ease-in-out 0s} .opinionHide .regHead .regBtn{display:none!important;transition:display 0.4s ease-in-out 0s} .opinionHide .nategaBtn{display:none!important;transition:display 0.4s ease-in-out 0s} body.bodySponsor {background-position: center 75px !important;transition: background-position 0.2s linear 0s;} body.bodySponsorSticky {background-position: center 50px !important;} body.stripBodySponsor {background-position: center 124px !important;transition: background-position 0.2s linear 0s;} body.stripSponsorSticky {background-position: center 96px !important;} /* Footer 2015 -----------------------------------------------------------------------------------------------------------*/ .wrappFooter{background:#333!important;color:#fff; font-size:11px;margin:0 auto;padding-bottom: 10px;position: relative;} .rightTxt{ float:right;width:100%; direction:rtl} .mobileReg{ position:relative; padding:20px 0 10px;font-family:GESSTwoMedium,Tahoma;} .mobileReg p{ font-size:22px; float:right} .mobileReg .mobile, #txtMsisdn{margin:0 15px 0 0; color:#909090; text-align:right; border:1px solid #dde2e4; font-size:14px; padding:9px 15px; background:#fff; float:right; width:210px} .mobileReg .mobileBtn{margin:0; background:#ee1b2e url(../images/mobileReg.png) no-repeat center; float:right; width:40px; height:40px} .footerNav{display:inline-block;width:100%;margin-bottom: 10px;} .footerNav .navSec{float:right;width:120px;height: 280px;border-left:1px solid #444;padding:0 10px 0 5px} .footerNav .navSec:first-child{padding-right:0} .footerNav .navSec:last-child{border-left:none;padding-left:0} .footerNav .navSec .subNavSec{} .footerNav .navSec .title{font-family:GeSSTwoMedium, Tahoma; color:#fff; font-size:14px;display:block;text-align:right} .footerNav .navSec .subNav{display:block;text-align:right;padding-top:2px;background:none} .footerNav .navSec .subNav .cat{font-family:GeSSTwoLight, Tahoma; color:#999; font-size:12px;display:block;text-decoration:none;transition: color 0.4s ease 0s} .footerNav .navSec .subNav .cat:hover{color:#fff;} .ftrLnks{position:relative; float:right;font-family:GESSTwoLight,Tahoma;padding:20px 0} .ftrLnks li{float:right;margin:2px 0 0 0; padding:0 10px; -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;} .ftrLnks li:first-child{padding-right:0} .ftrLnks li a{color:#fff} .ftrLnks span{border-left: 1px solid #fff;height: 12px;margin:6px 0;display: block;float: right;} .ftrLnks li:hover{margin-top:-2px} .ftrLnks li:hover a{text-decoration:underline} .ftrLnks li:last-child{ border-left:none} .disclamer{position: relative;padding: 0 0 10px 0;text-align: left;font-size: 12px;direction: rtl;float: right;font-family:GESSTwoLight,Tahoma} .disclamer .ftrTxt{float:right} .leftLogos{float:left;display:inline-block;width:24%; text-align:center;margin-top:-55px} .leftLogos .socialDiv{width:223px; margin:0 auto;float:none;padding:0} .ftrMsrwyLogo{background:url("../images/newFtrLogo.png?ver=1.0") no-repeat scroll center 15px rgba(0, 0, 0, 0); display:block; width:100%; height:50px} .ftrLoLogo{background:url("../images/newFtrLogo.png?ver=1.1") no-repeat scroll center -52px rgba(0, 0, 0, 0); display:inline-block; width:70px; height:34px;float:right;margin-top: -15px;} .wrappFooter .masrawyLogoLve{display:none} /** End of Header & Footer 2015 --------------------------------------------------------------------------------------*/ .back-to-top {background-color:#fff;border-radius: 30px;bottom: 15px;box-shadow: 1px 2px 5px 0 #333;color: #999;display: none;font-family: GESSTwoMedium,Tahoma;font-size: 12px;margin-left: 25px;padding:5px 30px 5px 8px;position: fixed;right: 60px;text-align: right;text-decoration: none;transition: all 0.4s ease;} .back-to-top:before {background-color: #c31717;border-radius: 25px;color: #fff;content: "t";font-size: 12px;line-height: 1;padding: 5px;position: absolute;right:4px;top: 3px;transition: all 0.4s ease;} .back-to-top:hover{ padding:5px 8px 5px 30px} .back-to-top:hover:before {right: 64px;} /*Section-----------------------------------------------------------------------------------------------------------*/ section{clear:both; float:none;} section#content{background-color:#e9e9e9;} section#content:after {clear: both;content: "";display: block;float: none;} /*global content styles*/ article{float: left;width: 100%;} article > div{margin-left: 325px} aside{float: left;width:300px;margin-left: -100%;} article > div > section, aside > section, .pattern09, article > div > .islameyatSections > section{margin-bottom:20px;background:#fff; border-top:2px solid #c31717;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1; display:block} .ttl{color:#c31717; display:block!important;position:relative;width:100%;height:40px;overflow:hidden;z-index: 1;} .ttl h2{float:right;font-family:GeSsTwoMedium,Tahoma; display:block;padding:9px 10px;color: #fff;} .ttl h2 a{font-size:18px;color:#fff;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out} /*.ttl h2 a::after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s; margin-right: 10px;content: '|';-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);} .ttl h2 a:hover::after, .ttl h2 a:focus::after {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);}*/ .ttl .moreLnk {font-family:GeSsTwoLight,Tahoma;position: relative;display: inline-block;outline: none;color: #fff;font-size:0.875em;overflow: hidden;z-index:2;text-shadow: none;white-space:nowrap;width:60px;height:40px} .ttl .moreLnk::before {position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 0;text-align:center;width: 100%;height: 100%;background: #fff;color: #0f7c67;content: attr(data-hover);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: translateX(-25%);} .ttl .moreLnk::after{content:"";width: 0;height: 0;border-top: 20px solid transparent;border-right: 5px solid #c31717;border-bottom: 20px solid transparent;position:absolute;right:0;top:0} .ttl .moreLnk span {display: block;padding: 10px 0;text-align:center;background: #0f7c67;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;} .ttl .moreLnk:hover span, .ttl .moreLnk:focus span {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);} .ttl .moreLnk:hover::before, .ttl .moreLnk:focus::before {-webkit-transform: translateX(0%);-moz-transform: translateX(0%);transform: translateX(0%);} /*Slider Global styles*/ .bx-wrapper {position: relative;margin: 0 auto;padding: 0 0 18px; *zoom: 1;direction: ltr;} .bx-wrapper img {max-width: 100%;display: block;} .bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);-moz-transform: translatez(0); -ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);height:266px!important} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom:0;width: 100%;} .bx-wrapper .bx-loading {min-height: 50px;background: url(../images/albumsPreLoader.gif) center center no-repeat; height: 100%;width: 100%;position: absolute;top: 0; left: 0;z-index: 2000; display:none} /* PAGER */ .bx-wrapper .bx-pager { text-align: center;} .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 {transition: background-color 0.4s ease 0s;background: #fff;text-indent: -9999px;display: block;width: 7px;height: 7px;margin: 0 2px; outline: 0; border:1px solid #7d225d;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .bx-wrapper .bx-pager a:hover,.bx-wrapper .bx-pager a.active {background: #7d225d} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -25px;outline: 0;background: #7d225d;display: block;position: absolute;width: 36px;height: 39px;color: #fff;text-align: center;line-height: 35px; z-index:999;transition: background-color 0.4s ease 0s;} .bx-wrapper .bx-controls-direction a:hover {background-color: #620043} .bx-wrapper .bx-controls-direction a.disabled {display: none;} .channelFeature .bx-wrapper .bx-next {right: -6px;} .channelFeature .bx-wrapper .bx-prev {left: -6px;} .pattern11 .bx-wrapper .bx-next, .pattern03 .bx-wrapper .bx-next, .pattern12 .bx-wrapper .bx-next, .pattern13 .bx-wrapper .bx-next {right: -16px;} .pattern11 .bx-wrapper .bx-prev, .pattern03 .bx-wrapper .bx-prev, .pattern12 .bx-wrapper .bx-prev, .pattern13 .bx-wrapper .bx-prev {left: -16px;} .bx-wrapper .bx-controls-direction a:before{font-size:23px;line-height: 1.7;color:#fff} .bx-wrapper .bx-next:before{content: "f";} .bx-wrapper .bx-prev:before{content: "g";} .bx-wrapper .bx-controls-direction a:after{content: '';width: 0;height: 0;border-top: 6px solid #610141;position: absolute;top: 39px;} .bx-wrapper .bx-next:after{border-right: 6px solid transparent;right: 0;} .bx-wrapper .bx-prev:after{border-left: 6px solid transparent;left: 0;} .ts_thumbnails {display: none;position: absolute;width: 85px; height: 91px; top: -96px;left:-37px} .ts_preview_wrapper {border: 5px solid #fff;overflow: hidden;position: relative;-moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999;width: 75px; height: 75px;} .ts_preview_wrapper img {display: block;width: 85px; height: 91px;} .ts_thumbnails:after{content:"";background: transparent url(../images/triangle.png) no-repeat top center;width: 15px;height: 6px;position: absolute;left: 35px; bottom:0;} /* lifestyle theme*/ .bx-wrapper .bx-controls-direction a {background: #7d225d;transition: background-color 0.4s ease 0s;} .bx-wrapper .bx-controls-direction a:hover {background-color: #620043;} .bx-wrapper .bx-controls-direction a:before{color:#fff} .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #610141;} .bx-wrapper .bx-pager a {background: #fff;border:1px solid #7d225d;transition: background-color 0.4s ease 0s;} .bx-wrapper .bx-pager a:hover,.bx-wrapper .bx-pager a.active {background-color: #7d225d;} /*channelFeatureSlider*/ .channelFeature{border-top:none} .channelFeature{width:100%;border-top: none!important;} .channelFeatureContent {position: relative;} .channelFeatureSlider{margin:0; position:relative;background-color:#222} .channelFeatureSlider{ height:266px; overflow:hidden} .channelFeatureSlider .channelFeatureCat img{ float:right; width:394px;height: 100%;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .channelFeatureSlider .channelFeatureCat:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .channelFeatureSlider .slideDescription{font-family:GeSsTwoLight,Tahoma;background-color: #222;float:right; width:185px;height:202px; padding:35px 18px;position:relative; text-align:center} .channelFeatureSlider .slideDescription p{color:#ccc; font-size:1.250em;max-height: 146px; overflow: hidden;width: 165px;float: right;cursor:pointer;transition:all 0.2s ease-in-out 0s} .channelFeatureSlider .channelFeatureCat:hover .slideDescription p{color:#fff} .channelFeatureSlider .slideDescription span{font-size:1.000em; margin-top:0.625em; display:block; } .channelFeatureSlider .slideDescription .moreLnk {background-color: #7d225d;border-radius: 20px;bottom:40px;color: #fff;display: inline-block;font-size: 0.750em;left: 50%;margin: 20px auto 0 -64px;padding: 10px 40px;position: absolute;text-align: center;transition: background-color 0.4s ease 0s;} .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #630043} .channelFeatureContent .bullets{left: 0;width: 220px} .channelFeatureContent .bx-wrapper {padding: 0} .channelFeatureContent .bx-wrapper .bx-prev{ left: -6px;} .channelFeatureContent .bx-wrapper .bx-next{ right: -6px;} .channelFeatureContent .bx-wrapper .bx-pager {bottom: 7px;width: 221px;} .channelFeatureContent .bx-wrapper .bx-controls-direction a {background-color: #7e225c;top:50%;transition: background-color 0.4s ease 0s;} .channelFeatureContent .bx-wrapper .bx-controls-direction a:hover {background-color: #620043;} .channelFeatureContent .bx-wrapper .bx-controls-direction a:before{color:#fff} .channelFeatureContent .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #620043} .channelFeatureContent .bx-wrapper .bx-pager a {border:1px solid #ccc!important;background-color: #222;transition: background-color 0.4s ease 0s;} .channelFeatureContent .bx-wrapper .bx-pager a:hover, .channelFeatureContent .bx-wrapper .bx-pager a.active {background-color:#ccc!important} /* Instagram */ .instagramClip{width:100%;border-top:none; background:#336d95; position:relative;border:none!important} .instagramClip .ttl{background:none!important} .instagramClip h2{font-size:1.250em;font-family: GESSTwoMedium,Tahoma;font-weight: normal;color:#fff;} .instagramClip h2 a{color:#fff!important;padding-left: 10px;position:relative} .instagramClip h2 span{background:url(../images/spriteIcons.png) no-repeat 0px -240px transparent;width:76px;height:25px;float:left} .instagramClip .moreLnk{color: #fff!important;background:none!important} .instagramClip .moreLnk::after {border-right:none!important} .instagramClip .moreLnk::before{color:#fff!important;background:#336d95!important} .instagramClip .moreLnk span{background:#336d95!important} .instagramClip .instagramContent {display:inline-block;overflow:hidden;padding:0 32px; position:relative} .instagramClip .instagramContent > .instagramSlider{height: 176px;margin: 0 auto; overflow: hidden;width: 100%; display:block!important} .instagramClip .instagramContent .bx-wrapper {padding:0} .instagramClip .instagramContent .bx-viewport{height:180px!important} aside .instagramClip .instagramContent{padding:0 43px;} .instagramClip .instagramContent > .instagramSlider .instagramCat {float: left;list-style: outside none none;margin-right: 11px;position: relative;width: 101px;} .instagramClip .instagramContent > .instagramSlider .instagramCat:nth-child(5n) {margin-right:0;} .instagramClip .instagramContent .instagramCat{ text-align:center} .instagramClip .instagramContent .instagramCat .conTtl a{display: inline-block;background: none;border-radius: 20px;width: 100px;padding: 2px 0;margin: 5px 0;font-size: 14px;font-family: GeSSTwoLight,Tahoma;text-align: center;color: #fff;transition: all 0.2s ease-in-out 0s;} .instagramClip .instagramContent .instagramCat .conTtl a:hover{background-color: #305f84} .instagramClip .instagramContent .instagramCat img{width:101px;height:101px; display:block; text-indent:-999999px; border-radius:70px; background:#fff url(../images/spriteIcons.png) no-repeat -226px -124px; min-height:101px;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .instagramClip .instagramContent .instagramCat:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .instagramClip .instagramContent .instagramCat .Tage a{display:block;font-family: GESSTwoLight,Tahoma;font-weight: normal;color:#ddd;font-size:14px;text-align: center;height:33px;overflow:hidden;line-height: 1.2;margin-top:7px;transition:all 0.2s ease-in-out 0s} .instagramClip .instagramContent .instagramCat:hover .Tage a{color:#fff} .instagramSlider{ height:180px; overflow:hidden} .instagramClip .bx-wrapper .bx-loading {min-height: 50px;background: url(../images/instagramPreLoader.gif) center center no-repeat #336d95;height: 100%;width: 100%;position: absolute;top: 0; left: 0;z-index: 2000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .instagramContent .bx-controls-direction a {top:40%; outline: 0;background:none!important;display: block;position: absolute; width: 25px;height:45px;color: #fff;text-align: center;line-height: 35px; z-index:999;} .instagramContent .bx-controls-direction a:hover {background: none;} .instagramContent .bx-next {right:-26px;} .instagramContent .bx-prev {left:-26px;} .instagramContent .bx-controls-direction a:before{font-size:23px;line-height: 1.7;color:#fff} .instagramContent .bx-next:before{content: "f";} .instagramContent .bx-prev:before{content: "g";} .instagramContent .bx-controls-direction a:after{content: '';width: 0;height: 0;border-top: none;position: absolute;top: 39px;} .instagramContent .bx-next:after{border-right:none;right: 0;} .instagramContent .bx-prev:after{border-left: none;left: 0;} /** Pattern 01 **/ .pattern01{width:100%;border-top:none!important} .pattern01:after{clear:both; float:none; content:""; display:block} .kitchenItms{padding:0 0.313em} .kitchenItms li{ float:right; width:190px; margin:10px 0.313em 15px;overflow:hidden} .kitchenItms li img{ display:block;width:190px; height:132px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .kitchenItms li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .kitchenItms li p{ padding:10px 7px; font-size:1.000em; /*font-family:Adobe Arabic;*/font-weight:bold;height: 40px;overflow: hidden;line-height:1.5;cursor:pointer;;transition: color 0.4s ease 0s;} .kitchenItms li:hover p{color:#7d225d} /** Pattern 01 Videos **/ .pattern01Videos{width:100%;border-top:none!important} .pattern01Videos:after{clear:both; float:none; content:""; display:block} .pattern01Videos .videosCnts{padding:0 0.313em;} .pattern01Videos .videosCnts li{ float:right; width:190px; margin:10px 0.313em 15px;position:relative} .pattern01Videos .videosCnts li img{ display:block;width:190px; height:132px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern01Videos .videosCnts li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern01Videos .videosCnts li p{ padding:10px 7px; font-size:1.000em; /*font-family:Adobe Arabic;*/font-weight:bold;height: 40px;overflow: hidden;line-height:1.5;cursor:pointer;transition: color 0.4s ease 0s;} .pattern01Videos .videosCnts li:hover p{color:#7d225d} .pattern01Videos .videosCnts .icon-playIcon{position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events:none;} .pattern01Videos .videosCnts .icon-playIcon:before{content: "c"; color:#fff;font-size:42px;text-shadow: 1px 1px 3px #666;line-height:3.5} /** Pattern 03 **/ .pattern03{width:100%} .pattern03Content{display:block; padding:0 10px 7px; position:relative} .pattern03Slider .albumSlide{ background: #fff;position:relative} .pattern03Slider .albumSlide a > img{float:right; width:300px;height: 210px; margin-left:8px;position: relative;z-index: 999;} .pattern03Slider .albumSlide .icon-playIcon:before{content: "c";color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 55px;right: 115px;z-index: 2000;text-align:center } .pattern03Slider .albumSlide h3{color:#333;font-family:GESSTwoMedium,Tahoma; font-size:20px; z-index: 99;position: relative;} .pattern03Slider .albumSlide .related{float:right;color:#7d225d;font-family:GESSTwoMedium,Tahoma; font-size:14px; margin-top:15px; display: inline-block; position:absolute; bottom:0; } .pattern03Slider .albumSlide .related .relatedNewsImg{float:right;margin-left:8px;width:133px;height:97px;position: relative;} .pattern03Slider .albumSlide .related .relatedNewsImg .icon-playIconSmall img{width:133px;height:97px} .pattern03Slider .albumSlide .related .icon-playIconSmall:before{content: "c";color:#fff;font-size:32px;text-shadow: 1px 1px 3px #666;height: 34px;position: absolute;bottom: 8px;left: 0;z-index: 2000} /** Pattern 12 **/ .pattern12{width:100%;border-top:none!important} .pattern12Content{display:inline-block; padding:0 10px 7px; position:relative} .pattern12Slider .albumSlide{ background: #fff;position:relative;width: 293px!important;overflow: hidden;margin-top: 10px;} .pattern12Slider .albumSlide .icon-playIcon{position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events:none;} .pattern12Slider .albumSlide .icon-playIcon:before{content: "c"; color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;line-height:3.4;transition: color 0.4s ease 0s;} .pattern12Slider .albumSlide .icon-playIcon:hover:before{color:#ddd;} .pattern12Slider .albumSlide a > img{width:293px;height: 205px; z-index: 999;} .pattern12Slider .albumSlide img{filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern12Slider .albumSlide:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern12Slider h3{color:#fff;font-family:auto; font-size:16px;font-weight:bold;position:absolute; bottom:0; padding:8px 3%;width:94%; right:0;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );height:44px;line-height: 1.45;} .pattern12Slider p{color:#fff;font-family:auto; font-size:16px;font-weight:bold;position:absolute; bottom:0; padding:8px 3%;width:94%; right:0;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );height:44px;line-height: 1.45;} .pattern12 .bx-wrapper .bx-viewport { height:210px!important} /** Pattern 13 **/ .pattern13{width:100%} .pattern13Content{display:block; padding:0 10px 7px; position:relative} .pattern13Slider .albumSlide{ background: #fff;position:relative} .pattern13Slider .albumSlide .icon-playIcon{position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events:none;} .pattern13Slider .albumSlide .icon-playIcon:before{content: "c"; color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;line-height:3.4;;transition: color 0.4s ease 0s;} .pattern13Slider .albumSlide .icon-playIcon:hover:before{color:#ddd} .pattern13Slider .albumSlide a > img{width:115px;height:160px; z-index: 999; margin:0 auto} .pattern13Slider h3{color:#fff;font-family:GESSTwoMedium,Tahoma; font-size:14px; position:absolute; bottom:0; padding:8px 3%;width:94%; right:0;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );height:34px;} /** Pattern 11 **/ .pattern11{width:100%; background:#7d225d;border: none!important;} .pattern11 .ttl h2 a{color: #fff!important;transition: color 0.4s ease 0s;} .pattern11 .ttl h2 a:hover{color:#8a410b!important} .pattern11 .moreLnk{color: #fff!important;background:none!important} .pattern11 .moreLnk::after {border-right:none!important} .pattern11 .moreLnk::before{color:#fff!important;background:#7d225d!important} .pattern11 .moreLnk span{background:#7d225d!important} .pattern11 .bx-wrapper .bx-viewport { height:auto!important} .pattern11Content{display:block; padding:0 10px 10px; position:relative} .pattern11Slider{ height:131px; overflow:hidden} .pattern11Slider .patternSlide{position:relative;overflow:hidden} .pattern11Slider .patternSlide .icon-picIcon{position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events:none;} .pattern11Slider .patternSlide .icon-picIcon:before{content: "l"; color:#fff;font-size:28px;text-shadow: 1px 1px 3px #666;line-height:4.5;transition: color 0.4s ease 0s;} .pattern11Slider .patternSlide .icon-picIcon:hover:before{color:#ddd} .pattern11Slider .patternSlide > a > img { display:block; width:100%; height:131px;} .pattern11Slider .patternSlide img{filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern11Slider .patternSlide:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern11Slider h3{color:#fff;font-family:auto; font-size:16px;line-height: 1.3;font-weight:bold;position:absolute; bottom:0; padding:8px 3%;width:94%; right:0;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );height:33px;} .pattern11Slider p{color:#fff;font-family:auto; font-size:16px;line-height: 1.3;font-weight:bold;position:absolute; bottom:0; padding:8px 3%;width:94%; right:0;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );height:33px;} .pattern11Content .bx-wrapper .bx-controls-direction a {background: #fff!important;transition: background-color 0.4s ease 0s;} .pattern11Content .bx-wrapper .bx-controls-direction a:hover {background: #c7c7c7!important} .pattern11Content .bx-wrapper .bx-controls-direction a:before{color:#7d225d;transition: color 0.4s ease 0s;} .pattern11Content .bx-wrapper .bx-controls-direction a:hover:before{color:#fff!important} .pattern11Content .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #9b9b9b!important} .pattern11Content .bx-wrapper .bx-pager a {border:1px solid #fff!important;background: #7d225d;transition: background-color 0.4s ease 0s;} .pattern11Content .bx-wrapper .bx-pager a:hover, .pattern11Content .bx-wrapper .bx-pager a.active {background:#fff!important} /** Pattern 011 **/ .pattern011{border-top: none!important;width: 100%;} .pattern011 .ttl h2 a{} .pattern011 .ttl h2 a:hover{} .pattern011 .bx-wrapper .bx-viewport { height:auto!important} .pattern011Content{display:block; padding:0 5px 10px; position:relative} .pattern011Slider{ height:200px; overflow:hidden} .pattern011Slider .patternSlide{position:relative;margin: 10px 0 15px;overflow: hidden;} .pattern011Slider .patternSlide .icon-picIcon{position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events:none;} .pattern011Slider .patternSlide .icon-picIcon:before{content: "l"; color:#fff;font-size:28px;text-shadow: 1px 1px 3px #666;line-height:4.5;transition: color 0.4s ease 0s;} .pattern011Slider .patternSlide .icon-picIcon:hover:before{color:#ddd} .pattern011Slider .patternSlide > a > img { display:block; width:100%; height:131px;} .pattern011Slider .patternSlide img{filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern011Slider .patternSlide:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern011 .bx-wrapper .bx-next{right: -18px;} .pattern011 .bx-wrapper .bx-prev{left: -18px;} .pattern011Content .bx-wrapper p.imgDesc{ padding: 10px 7px; height: 40px; transition: color .4s ease 0s; } .pattern011Content .bx-wrapper p { font-size: 1em; line-height: 1.5; font-weight: 700; cursor: pointer; overflow: hidden; } /** Pattern 05 **/ .pattern05{border-top:none!important} /** Pattern 06 **/ .pattern0601{width:48.4%;margin-left:0.981em;float:right;background:#fff;margin-bottom:20px;border-top:none!important;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;} .pattern0602{width:48.4%;float:right;background:#fff;margin-bottom:20px;border-top:none!important;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;} .pattern06{width:100%;border-top:none!important} .pattern06Div{position:relative;overflow:hidden} .pattern06Div img{width:300px;height:208px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern06Div:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern06Div p{color: #fff;text-align: right;position: absolute;bottom: 0;font-size: 1.125em;font-weight: bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width: 280px;height: 40px;line-height: 1.3;padding: 10px;overflow: hidden;cursor:pointer} .pattern06list{float:right;width: 48.4%;display:inline-block;padding:10px 0;position:relative} .pattern06list img{width:135px;height:96px;margin-right: 0.625em;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern06list:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern06list p{float:right;font-size: 0.938em;font-weight: bold;height: 36px;line-height: 1.2;padding-top:5px;overflow: hidden;padding-right: 0.563em;cursor:pointer;transition: color 0.4s ease 0s;} .pattern06list:hover p{color:#7d225d} .pattern06Div .icon-playIcon:before { content: "c";color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 50px;left: 125px;z-index: 2000;text-align:center } .pattern06list .icon-playIcon:before { content: "c";color:#fff;font-size:42px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 25px;left: 48px;z-index: 2000;text-align:center } .pattern06Cnts{display:inline-block;width:100%} /** Pattern 02**/ .pattern0201{width:48.4%;margin-left:0.981em;float:right;background:#fff;margin-bottom:20px;border-top:none!important;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;} .pattern0202{width:48.4%;float:right;background:#fff;margin-bottom:20px;border-top:none!important;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;} .pattern02{width:100%} .pattern02 .pattern02Cnts{width:100%;display:inline-block} .pattern02Div{display:inline-block; position:relative;overflow:hidden} .pattern02Div img{width:298px;height:208px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern02Div:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern02Div p{color: #fff;text-align: right;position: absolute;bottom:0;font-size: 1.125em;font-weight: bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width: 278px;height: 40px;line-height: 1.3;padding: 10px;overflow: hidden;cursor:pointer} .pattern02Div .more{display:none} .pattern02list{width:100%;display:inline-block;padding:10px 0;border-bottom:1px solid #e3e3e3} .pattern02list:last-child{border-bottom:0px} .pattern02list img{width:135px;height:96px;float:right;margin-right: 0.563em;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern02list:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern02list p{float:right;width:8.700em;font-size: 0.938em;font-weight: bold;height: 54px;line-height: 1.2;padding-top:5px;overflow: hidden;padding-right: 0.563em;cursor:pointer;transition: color 0.4s ease 0s;} .pattern02list:hover p{color:#7d225d} .pattern02list .more{float:right;padding:17px 0.563em 0 0;color:#666;font-weight:bold;font-size:0.938em;width:44%;direction:rtl} /** Pattern 04 **/ .pattern04{width:100%;border-top:none!important} .pattern04Cnts{display:inline-block;padding-bottom:5px;margin-top: 10px;} .pattern04Div{float:right;width:298px;display:inline-block;padding-right: 0.563em;position:relative;overflow: hidden;} .pattern04Div a{display:inline-block;overflow:hidden} .pattern04Div img{width:298px;height:208px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern04Div:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern04Div p{color: #fff;text-align: right;position: absolute;bottom: 0;font-size: 1.125em;font-weight: bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width: 278px;height: 40px;line-height: 1.3;padding: 10px;overflow: hidden;cursor:pointer} .pattern04Div .more{display:none} /** HP2015 Channel Icons **/ .pattern04Div .icon-camera:before{content: "l";left:130px; top:68px;font-size:42px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} .pattern04Div .icon-videoIcon:before{content: "c";left:125px; top:56px;font-size:62px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} .pattern04list .icon-camera:before{content: "l";right:62px; top:30px;font-size:26px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} .pattern04list .icon-videoIcon:before{content: "c";right:58px; top:20px;font-size:38px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} .pattern04list:last-child .icon-camera:before{content: "l";right:62px; top:35px;font-size:26px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} .pattern04list:last-child .icon-videoIcon:before{content: "c";right:58px; top:25px;font-size:38px; position:absolute; color:#fff;text-shadow: 1px 1px 3px #666;z-index:9} /** Pattern Icons **/ .pattern04Div .icon-imgIcon {position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events: none;} .pattern04Div .icon-imgIcon:before{content: "l";color: #fff;font-size: 36px;text-shadow: 1px 1px 3px #666;line-height: 5.9;transition: color 0.4s ease 0s;} .pattern04Div .icon-playIcon {position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events: none;} .pattern04Div .icon-playIcon:before{content: "c";color: #fff;font-size: 48px;text-shadow: 1px 1px 3px #666;line-height: 4.4;transition: color 0.4s ease 0s;} .pattern04list{width:47%;float:right;display:inline-block;padding:0 0.563em 7px 0;border-bottom:1px solid #e3e3e3;} .pattern04list:last-child{padding-top:8px;border-bottom: none;} .pattern04list img{width:135px;height:96px;float:right;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern04list:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%)} .pattern04list p{float:right;width:8.6em;font-size: 1em;font-weight: bold;height: 54px;line-height: 1.3;overflow: hidden;padding: 5px 7px;cursor: pointer;transition: color 0.4s ease 0s;} .pattern04list:hover p{color:#7d225d} .pattern04list .more{float:right;padding:17px 0.563em 0 0;color:#666;font-weight:bold;font-size:0.938em;width:48%;direction:rtl} .pattern04list .icon-imgIcon {position: absolute;top: 0;right:10px;z-index: 2000;text-align: center;cursor: pointer;width: 137px;height:98px;pointer-events: none;} .pattern04list .icon-imgIcon:before{content: "l";color: #fff;font-size: 28px;text-shadow: 1px 1px 3px #666;line-height: 3.5;transition: color 0.4s ease 0s;} .pattern04list:last-child .icon-imgIcon{top:10px} .pattern04list:last-child .icon-imgIcon:before{line-height:3.4} .pattern04list .icon-playIcon {position: absolute;top: 0;right:10px;z-index: 2000;text-align: center;cursor: pointer;width: 137px;height:98px;pointer-events: none;} .pattern04list .icon-playIcon:before{content: "c";color: #fff;font-size: 32px;text-shadow: 1px 1px 3px #666;line-height: 3.1;transition: color 0.4s ease 0s;} .pattern04list:last-child .icon-playIcon{top:10px} .pattern04list:last-child .icon-playIcon:before{line-height:3} /* Reverse */ .pattern04CntsRev{display:inline-block;padding-bottom:5px} .pattern04Rev{float:left;width:298px;display:inline-block;padding-left: 0.563em;position:relative} .pattern04Rev img{width:298px;height:208px;border: 1px solid #eee;} .pattern04Rev p{color: #fff;text-align: right;position: absolute;bottom:0;font-size: 1.125em;font-weight: bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width: 278px;height: 30px;line-height: 2;padding: 10px;overflow: hidden;} .pattern04Rev .more{display:none} .pattern04Rev .icon-imgIcon {position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events: none;} .pattern04Rev .icon-imgIcon:before{content: "l";color: #fff;font-size: 28px;text-shadow: 1px 1px 3px #666;line-height: 7.5;transition: color 0.4s ease 0s;} .pattern04listRev{width:47%;float:right;display:inline-block;padding:0 0.563em 7px 0;border-bottom:1px solid #e3e3e3;} .pattern04listRev:last-child{padding-top:8px;border-bottom: none;} .pattern04listRev img{width:135px;height:96px;float:right;border: 1px solid #eee;} .pattern04listRev p{float:right;width:7.300em;font-size: 0.938em;font-weight: bold;height: 54px;line-height: 1.2;padding-top:5px;overflow: hidden;padding-right: 0.563em;transition: color 0.4s ease 0s;} .pattern04listRev:hover p{color:#7d225d} .pattern04listRev .more{float:right;padding:18px 0.563em 0 0;color:#666;font-weight:bold;font-size:0.938em;width:48%;direction:rtl} .pattern04listRev .icon-imgIcon {position: absolute;top: 0;right:10px;z-index: 2000;text-align: center;cursor: pointer;width: 137px;height:98px;pointer-events: none;} .pattern04listRev .icon-imgIcon:before{content: "l";color: #fff;font-size: 28px;text-shadow: 1px 1px 3px #666;line-height: 3.5;transition: color 0.4s ease 0s;} .pattern04listRev:last-child .icon-imgIcon{top:10px} .pattern04listRev:last-child .icon-imgIcon:before{line-height:3.4} /** Showcase **/ .showcaseDiv{margin-bottom:20px} .showcaseDiv .adTtl{ font-family: 'GESSTwoMedium';text-align:center; color:#777777; background:#fff; font-size:0.625em} .showcaseDiv .showcase{ background:#ddd; width:300px} /** Most Read **/ .mostRead a{color:#333;transition: color 0.4s ease 0s;} .mostRead a:hover{color:#7d225d} #TopViewed{color:#000; font-size:0.813em; direction:rtl;display:inline-block} .newsDiv1, .newsDiv{padding:10px 12px 10px 70px;position:relative;} .newsDiv1 .newsTtl, .newsDiv .newsTtl{font-size:16px;font-weight:bold;color:#333;line-height:1.4; display:block} .newsDiv:before{background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none; height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 90%;} .newsNum{font-family:GothamMedium;font-size:11px;background:#dcdcdc;width:51px; display:block;padding:4px 0; text-align:center;position:absolute; left:0; top:10px; margin:0 0 0 -6px;color:#333} .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #808080;border-left: 6px solid transparent;position: absolute;left: 0;top: 24px;} .newsDiv1 .newsNum{color:#fff!important;background:#7d225b;width:70px; line-height:1.3; font-size:14px} .newsDiv1 .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #620043;border-left: 6px solid transparent;position: absolute;left: 0;top: 26px;} /** Most Read With Images **/ .mostReadImgs{border-top:none!important;width:100%;display:inline-block} .mostReadImgs #TopViewed{color:#000; font-size:0.813em; direction:rtl;display:inline-block;width:100%} .mostReadImgs #TopViewed img{width:135px;height:96px;float:right;margin-right: 0.563em;border: 1px solid #eee;} .mostReadImgs .newsDiv1 .newsTtl img, .mostReadImgs .newsDiv .newsTtl img{float:right;margin-left: 10px;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .mostReadImgs .newsDiv1 .newsTtl:hover img, .mostReadImgs .newsDiv .newsTtl:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .mostReadImgs .newsDiv1, .mostReadImgs .newsDiv{padding: 12px 0;position: relative;width: 100%;display: inline-block;} .mostReadImgs .newsDiv1{padding:8px 0 12px 0} .mostReadImgs .newsDiv1 .newsTtl p, .mostReadImgs .newsDiv .newsTtl p{font-size:16px;font-weight:bold;color:#333;line-height:1.4; display:block;width:130px;float:right;cursor:pointer;transition: color 0.4s ease 0s;height: 65px;overflow: hidden;} .mostReadImgs .newsDiv1 .newsTtl:hover p, .mostReadImgs .newsDiv .newsTtl:hover p{color:#c31717} .mostReadImgs .newsDiv: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%;} .mostReadImgs .newsNum{font-family:GothamMedium;font-size:11px;background:#dcdcdc;width:51px; display:block;padding:4px 0; text-align:center;position:absolute; left:0; top:86px; margin:0 0 0 -6px;color:#333} .mostReadImgs .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #808080;border-left: 6px solid transparent;position: absolute;left: 0;top: 24px;} .mostReadImgs .newsDiv1 .newsNum{color:#fff!important;background:#7d225b;width:70px; line-height:1.3; font-size:14px;top:80px} .mostReadImgs .newsDiv1 .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #620043;border-left: 6px solid transparent;position: absolute;left: 0;top: 26px;} .mostReadImgs .more {float: right;padding: 10px 0 0 0;color: #666;font-weight: bold;font-size: 15px;width: 40%;direction: rtl;} /** Most Read Videos**/ .mostReadVideos a{color:#333;transition: color 0.4s ease 0s;} .mostReadVideos a:hover{color:#7d225d} .mostReadVideos #TopViewed{color:#000; font-size:0.813em; direction:rtl;} .mostReadVideos .newsDiv1, .mostReadVideos .newsDiv{padding:10px 12px;position:relative;display:inline-block} .mostReadVideos .newsDiv1 .newsTtl img, .newsDiv .newsTtl img{float:right;margin-left: 10px;} .mostReadVideos .newsDiv1 .newsTtl p, .newsDiv .newsTtl p{font-size:16px;font-weight:bold;color:#333;line-height:1.4; display:block;height: 66px;overflow: hidden;} .mostReadVideos .newsDiv:before{background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none; height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 90%;} .mostReadVideos .newsNum{font-family:GothamMedium;font-size:11px;background:#dcdcdc;width:51px; display:block;padding:4px 0; text-align:center;position:absolute; left:0; top:82px; margin:0 0 0 -6px;color:#333} .mostReadVideos .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #808080;border-left: 6px solid transparent;position: absolute;left: 0;top: 24px;} .mostReadVideos .newsDiv1 .newsNum{color:#fff!important;background:#7d225b;width:70px; line-height:1.3; font-size:14px} .mostReadVideos .newsDiv1 .newsNum:after{content: '';width: 0;height: 0;border-top: 6px solid #620043;border-left: 6px solid transparent;position: absolute;left: 0;top: 26px;} /** Social Media Bar **/ .socialMediaBar{display:block;padding:10px 15px; clear:both;border-top:none!important;border-right:none!important;border-left:none!important;box-shadow:none!important;background:#7e225c;min-height:0px!important} .socialMediaBar h2{color:#fff;float:right;padding:5px 0} .socialMediaBar .followLnks{float:left} .followLnks a{display:inline-block; float:left; width:30px; height:30px;border: 2px solid #fff;border-radius:18px;margin-right:5px;text-align:center;color:#fff;transition: all 0.4s ease 0s;} .followLnks .icon-fb:before,.followLnks .icon-tw:before, .followLnks .icon-ggl:before{font-size:18px;line-height: 1.7em;} .followLnks .icon-fb:hover{background:#fff;color:#3b5998} .followLnks .icon-tw:hover{background:#fff;color:#00a0d1} .followLnks .icon-ggl:hover{background:#fff;color:#dd5441} .followLnks .icon-yt:hover{background:#fff;color:#d02727} /** Pattern 05 **/ .opiniondiv{ padding:10px;position:relative;border-bottom:1px solid #e3e3e3;transition: background-color 0.4s ease 0s;display: block;} .opiniondiv:last-child{border-bottom:0px} .opiniondiv:hover{ background-color:#f4f4f4; cursor:pointer} .opiniondiv img{ float:right;margin:0 0 0 10px;width:74px;height:74px;border-radius:37px;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .opiniondiv:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .opiniondiv p{ position:relative; margin-top:4px; height:70px; overflow:hidden} .opiniondiv a{display:block;font-size:15px; /*font-weight:bold*/} .opiniondiv .mainLnk{max-height: 45px;overflow: hidden;font-size:1.000em;font-weight:bold;line-height:1.5;color:#000} .opiniondiv br{ display:none} .opiniondiv .writerLnk{color:#7e225c;font-size:20px; font-weight:normal;direction:rtl} /** Pattern 07 **/ .pattern07{border-top:none!important} .pattern07list{float:right;width:48.4%;display:inline-block;padding-bottom:0.625em} .pattern07list img{width:135px;height:96px;margin:10px 0.625em 0 0;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern07list:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern07list p a{float: right;width: 7.300em;font-size: 0.938em;font-weight: bold;height: 36px;line-height: 1.2;padding-top: 5px;overflow: hidden;padding-right: 0.563em;transition:all 0.2s ease-in-out 0s} .pattern07list:hover p a{color:#c31717} .pattern07Cnts:after{ content:""; clear:both; float:none; display:block} .pattern07list a:hover{color:#7e225c;transition: color 0.4s ease 0s;} .pattern07list .icon-camera{ position:relative; display:block} .pattern07list .icon-camera:before { content: "l";left:3px; bottom:-5px;font-size:20px; position:absolute; color:#fff } /** Pattern 08 **/ .pattern08{border-top:none!important} #pattern08Slider{position:relative} .pattern08Content{display:block; width:100%; padding:0; position:relative} .pattern08Div{overflow:hidden} .pattern08Div img{width:100%;height:208px;border-top: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern08Div:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern08Content .icon-playIcon:before { content: "c";color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 50px;left: 125px;z-index: 2000;text-align:center } .pattern08 .bx-wrapper .bx-viewport {height:209px!important} .pattern08Div p{color: #fff;text-align: right;position: absolute; bottom:0; right:0;font-size: 18px;font-weight:bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width:94%;padding: 10px 3%;line-height: 1.4;overflow: hidden;cursor:pointer} .pattern08Content .bx-wrapper .bx-next {right: -6px;} .pattern08Content .bx-wrapper .bx-prev {left: -6px;} .pattern08Content .bx-wrapper { padding:0} /** Pattern 10 **/ .pattern10{border-top:none!important} .pattern10list{width:100%;display:inline-block;padding:10px 0;border-bottom:1px solid #e3e3e3;position:relative} .pattern10list:last-child{border-bottom:0px} .pattern10list img{width:135px;height:96px;float:right;margin-right: 0.563em;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern10list:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern10list p{float:right;width:8.300em;font-size: 0.938em;font-weight: bold;height: 54px;line-height: 1.2;padding-top:5px;overflow: hidden;padding-right: 0.563em;cursor:pointer;transition: color 0.4s ease 0s;} .pattern10list:hover p{color:#7d225d} .pattern10list .more{float:right;padding:17px 0.563em 0 0;color:#666;font-weight:bold;font-size:0.938em;width:40%;direction:rtl} .pattern10list .icon-playIcon:before { content: "c";color:#fff;font-size:42px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 25px;right: 55px;z-index: 2000;text-align:center } /** Pattern 09 **/ .pattern09{width:100%;border-top: 2px solid #c31717!important} .pattern09 .ttl{background:none!important} .pattern09 .ttl h2, .pattern09 .moreLnk::before { color: #c31717!important} .pattern09 .moreLnk{color: #ffa0a0!important} .pattern09Content{display:block;padding:0 15px 10px; position:relative;margin-top:0} .pattern09ContentNtv{display:inline-block;padding:0 15px 10px; position:relative;margin-top:0;width: 910px} .pattern09ContentNtv .pattern09Cat:last-child{margin-right:0} .pattern09Cat{position:relative;overflow:hidden!important; padding-top:11px;float: left;list-style: none;position: relative;width: 135px;margin-right: 20px;} .pattern09Cat:last-child{margin-right:0} .pattern09Cat > a{ display:block} .pattern09Cat .catName{position: absolute;right:5px;top:0;font-family:GeSsTwoLight;color: #fff;font-size: 12px;background: #ff7c24;padding:2px 8px;border-radius:15px;z-index:1} .pattern09Cat img{width:100%;height:96px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .pattern09Cat:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .pattern09Cat p{color:#333;font-size: 16px;font-weight:bold;width: 98%;height:36px;padding:2px 1%;line-height: 1.2;overflow: hidden;cursor: pointer;transition: color 0.4s ease 0s;} .pattern09Cat:hover p{color:#c31717} .pattern09Content .bx-wrapper .bx-controls-direction a {background: #c31717!important;top: 50%;transition: background-color 0.4s ease 0s;} .pattern09Content .bx-wrapper .bx-controls-direction a:hover {background: #ad0006!important} .pattern09Content .bx-wrapper .bx-controls-direction a:before{color:#fff} .pattern09Content .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #ad0004!important} .pattern09Content .bx-wrapper .bx-pager a {border:1px solid #c31717!important;transition: background-color 0.4s ease 0s;} .pattern09Content .bx-wrapper .bx-pager a:hover, .pattern09Content .bx-wrapper .bx-pager a.active{ background-color:#c31717!important} .pattern09Content .bx-wrapper .bx-prev{ left: -21px;} .pattern09Content .bx-wrapper .bx-next{ right: -21px;} .pattern09 .bx-wrapper .bx-viewport{height:auto!important} /******* POLL *******/ .poll{border-top:none!important} #poll .moreLnk{ display:block!important;width:150px} .clip1 .clipcn{width:300px;position:relative; margin-bottom:10px} .clip1 .clipcn h2{font-weight:bold;font-size: 18px;float: right;padding:0;margin:0 15px 5px;direction:rtl;line-height:2; font-family:Arial} .clip1 .clipcn .pollres{float:right;width:300px;position:relative; direction:rtl} .clip1 .clipcn .pollres p{font-size:16px;padding:5px 0;font-weight: bold;} .clip1 .clipcn .pollres p input{margin:7px 20px 0 10px;float:right} .clip1 .clipcn .pollres #ErrMsg {color: #ee1b2e;font-size: 16px;font-weight: bold;padding: 0 15px;} .clip1 .clipcn .pollres .tasweet {background-color: #c31717;border: 0 none;border-radius: 15px;bottom: 0;color: #fff;cursor: pointer;font-family: GESSTwoMedium;font-size: 12px;height: 32px;left: 88px;line-height: 2;margin: 0;position: absolute;width: 100px;outline:none;transition: background-color 0.4s ease 0s;} .clip1 .clipcn .pollres .tasweet:hover{background-color:#ad0006;} P.tasweetDiv{ float:none;margin-top: 22px;} .clip1 .clipcn .pollres #divPrevQues{float:right;direction:rtl;margin:0 6px 6px 0; font:85% GESSTwoMedium,Arial,Century Gothic,sans-serif; display:none;transition: all 0.4s ease 0s;} .clip1 .clipcn .pollres #divPrevQues:hover{ text-decoration:underline} .clip1 .clipcn .pollres .poll-total{margin: 5px 5px 20px 0;font-weight: bold;} .clip1 .clipcn .pollres .poll-total a{color:#999} .clip1 .clipcn .poll-result {font-weight: bold;margin-right:11px} .clip1 .clipcn .poll-result span{font-weight:bold} .clip1 .clipcn .poll-chart{margin:0 10px 15px} .shar {bottom: 0;left: 6px;position: absolute;} .liveIcon{background:#EE1B2E!important; color:#fff!important; font-size:12px!important; display:block} .fbPollShare:before { content: "d"; line-height:2.1; color:#3b5998} .fbPollShare:hover:before { color:#fff;transition: color 0.4s ease 0s;} .twPollShare:before { content: "i"; line-height:2.1; color:#00a0d1} .twPollShare:hover:before { color:#fff;transition: color 0.4s ease 0s;} .clip1 .shar .fbPollShare {background-color: #fff;border:1px solid #3b5998;width:31px;height:31px;position:relative;left:0;bottom:0;margin:0 5px ;float:left; border-radius:18px;transition: background-color 0.4s ease 0s;} .clip1 .shar .fbPollShare:hover {background-color: #3b5998} .clip1 .shar .twPollShare {background-color: #fff;border:1px solid #00a0d1;width:31px;height:31px;position:relative;left:0;bottom:0;margin:0 5px 0 0;float:left; border-radius:18px;transition: background-color 0.4s ease 0s;} .clip1 .shar .twPollShare:hover {background-color: #00a0d1} .poll .mInfo{font-family: GeSsTwoLight,Tahoma;font-size: 1.000em;text-align: center;padding: 10px 0;} /**************** Previous Poll *******************/ .prevPolDiv {border-top: 2px solid #c31717!important;direction: rtl;} .prevPolDiv h1 {display: inline-block;font-family: GeSsTwoMedium,Tahoma;font-size: 1.250em;color: #c31717;margin: 20px 0.938em;width: 100%;} .prevPolDiv .nlist {color: #000;font-size: 15px; font-weight:bold;padding: 10px 0.938em;direction: rtl;cursor: pointer;position:relative;transition: background-color 0.4s ease 0s;} .prevPolDiv .nlist:after{background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none;height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 95%;} .prevPolDiv .nlist:first-child:after{background:none} .prevPolDiv .nlist:hover{ background-color:#f4f4f4} .prevPolDiv .nlist a{direction:rtl} .prevPolDiv #pager {direction: rtl;margin: 20px 95px 20px 0;display:inline-block} .prevPolDiv #pager span{} .prevPolDiv #pager .morbtn {background: #777;color: #fff;font-size:16px;font-weight:normal;padding: 8px 23px 6px 23px;border:0;float:right;margin:0 2px} .prevPolDiv #pager .active {background: #ee1b2e!Important;border: none!Important;padding: 5px 15px!Important;font-size:15px;color: #fff!Important;display: inline-block;float:right;margin:0 2px} .prevPolDiv #pager a {padding: 5px 15px!Important;font-size:15px;background:#333;float:right;color:#fff;margin:0 2px;transition: background-color 0.4s ease 0s;} .prevPolDiv #pager a:hover{background:#777} /************* Poll Details Popup *****************/ .modal-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000;opacity: .75;filter: alpha(opacity=75);-moz-opacity: 0.75;z-index: 10100000;} .modal-window {position: fixed;top: 50%;left: 50%;margin: 0;padding: 0;z-index: 100000000;padding: 15px;} #myModal iframe {border: 10px solid #000;background: #fff url(../images/masrawyLogo.png) no-repeat 10px 330px} #myModal .close-window {position: absolute;width: 27px;height: 27px;left: 30px;top: 30px;background:url(../../images/2014/closePopup.png) no-repeat 0 0;text-indent: -99999px;overflow: hidden;cursor: pointer;opacity: .3;filter: alpha(opacity=30);-moz-opacity: 0.3;z-index: 1000000000;transition: all 0.4s ease 0s;} #myModal .close-window:hover{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1} /*cattegory page-----------------------------------------------------------------------------------------------------------*/ .ttl.cat{background:none!important;height:30px} .cat h1{padding: 4px 4px 6px 0;} /* SWITCH CONTROLS */ .view-controls-list, .view-controls-grid{ position:absolute; top:0px; left:7px;width: 24%;} .view-controls-list h3, .view-controls-grid h3{float: right;font-size: 13px;line-height: 2.4;font-family:GeSSTwoLight,Tahoma} .view-controls-list a, .view-controls-grid a{ background-color:#d5d5d5;color:#fff; display:inline-block;padding: 6px 8px;transition: background-color 0.4s ease 0s;} .view-controls-list a:hover, .view-controls-list .active, .view-controls-grid a:hover, .view-controls-grid .active{background-color:#c31717;} #container ul { list-style: none;padding:0px; width:100%} #container ul:after{ content:" "; clear:both; float:none; display:block} #container .listview:before{content: "m";font-size: 17px;line-height: 1;} #container .gridview:before{content: "A";font-size: 17px;line-height: 1;} /* LIST VIEW */ #container .list{width:100%;} #container .list li {background-color:#fff;float: right;margin: 4px 0.4% 4px 1%;padding: 1%;width: 46.2%; position:relative;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;transition: background-color 0.4s ease 0s;} #container .list li:hover {background-color:#f4f4f4;cursor: pointer} #container .list li .imgLnk{float: right;margin-left: 10px;padding-bottom: 0;overflow: hidden;} #container .list li .imgLnk img{ width:135px; height:94px;border: 1px solid #d7d7d7;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} #container .list li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} #container .list li .imgLnk .icon-picIcon {position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events: none;} #container .list li .imgLnk .icon-picIcon:before{content: "l"; color:#fff;font-size:22px;text-shadow: 1px 1px 3px #666;line-height:4.5} #container .list li .imgLnk .icon-videoIcon {position: absolute;top: 0;left: 0;z-index: 2000;text-align: center;cursor: pointer;width: 100%;height: 100%;pointer-events: none;} #container .list li .imgLnk .icon-videoIcon:before{content: "c"; color:#fff;font-size:28px;text-shadow: 1px 1px 3px #666;line-height:3.6} #container .list li p {font-size: 1.00em;font-weight:bold;line-height: 1.4;max-height: 66px;overflow: hidden;padding: 5px 2px 0} #container .list li p a{color:#333;transition:all 0.2s ease-in-out 0s} #container .list li:hover p a{color:#c31717} #container .list li .more{float:right;font-size:0.938em;font-weight:bold;display: inline-block;color:#666666; position:absolute; bottom:1%;width: 45%;} #container .list li time{float:right;font-size:0.875em;display: inline-block;color:#999; position:absolute; bottom:2%;width: 45%;} #container .list li .icon-time:before{content:'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.5;} a.slider-link {width: 27px;height: 27px;background: url(../images/ftTab.png) no-repeat center; display: block;position: absolute;left: 0;bottom: 0;} /* GRID VIEW */ #container .grid li {background-color:#fff;text-align:center; float: right; width:31%;margin:4px 0.4%;padding:4px 0.5%;position:relative;height:210px;overflow:hidden;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;transition: background-color 0.4s ease 0s;} #container .grid li:hover{background-color:#f4f4f4;cursor: pointer} #container .grid li img{width:190px;height:132px;border: 1px solid #d7d7d7;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} #container .grid li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} #container .grid li p{font-size: 1.000em;line-height: 1.4;font-weight:bold;height: 44px;overflow: hidden;padding: 5px 4px 0} #container .grid li p a{color:#333;transition:all 0.2s ease-in-out 0s} #container .grid li:hover p a{color:#c31717} #container .grid li .more{ display:none} #container .grid li time{float:right;font-size:0.800em;font-weight:bold;display: inline-block;color:#999; position:absolute; bottom:1%;width: 45%;right: 0;text-align: right;width: 93%;margin: 0 7px;} #container .grid li .icon-time:before{content:'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.8;} .imgLnk{position:relative; display:block;overflow: hidden;} #container .icon-playIcon:before,#container .icon-camera:before {min-height: 10px;position: absolute; text-align: center;z-index: 2000;color:#fff;text-shadow: 1px 1px 3px #666; line-height:0} #container .icon-playIcon:before { content: "c";left:-2px; bottom:2px;font-size:25px; } #container .icon-camera:before { content: "l";left:3px; bottom:1px;font-size:20px; } /*load divMore*/ .loadMoreBtn{ color:#fff; direction:rtl; font-size:12px;background:#EE1B2E;width:85px; margin:15px auto; padding:10px 50px; cursor:pointer; position:relative;border-radius: 20px;transition: background-color 0.4s ease 0s;overflow:hidden} .loadMoreBtn a{background:url(../../images/2014/moreBtnIcoW.png) no-repeat left center;display:block; text-align:right;padding:0 5px 0 0;font-family: GESSTwoLight,Tahoma;color:#fff} .loaderGif{background:#c31717; padding:7px 77px; position:absolute; top:0; right:0; text-align:right; line-height:2; display:none;width:31px;height:24px;content: "";border-radius: 20px;} .loaderGif img{ margin:-2px 6px 0 0} #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} /******************************* Article Page **************************************/ .articleDiv{border-top:1px solid #ddd!important;padding: 10px 0.938em;direction:rtl} .articleDiv .rsSlide {cursor:pointer!important} .breadcrumb {display: inline-block;float: right;margin: 0} .breadcrumb a {text-decoration: none;outline: none;display: block;float: right;font-family: GeSsTwoLight,Tahoma;font-size: 0.750em;color: #a9a9a9;padding:0 0.4em;position: relative;direction:rtl;text-decoration:none!important;transition: color 0.4s ease 0s;} .breadcrumb a:first-child{padding-right:0px} .breadcrumb a.active, .breadcrumb a:hover{color:#333} .breadcrumb a.active:after, .breadcrumb a:hover:after {color:#333} .breadcrumb a:after {content: "g";font-size: 12px;line-height: 1.2;margin-right: 1.4em;color:#a9a9a9;transition: color 0.4s ease 0s;} .breadcrumb a:last-child:after {content: none;} .articleDiv .icon-print{border-radius: 15px;background:#8baf11;color: #fff;cursor: pointer;direction: ltr;float: left;font-family: tahoma;font-size: 75%;line-height: 0.9;padding: 9px 10px 9px 30px;transition: background-color 0.4s ease 0s;border: 1px solid #8baf11;margin-left:4px;position:relative} .articleDiv .icon-print:before{content:"x";font-size: 19px;left: 7px;position: absolute;top: -1px;} .articleDiv .icon-print:hover{background:#fff;border:1px solid #8baf11;color:#8baf11!important} .artclHd .nextBtn{display:none} .articleDiv h1{display:inline-block;font-family: GeSsTwoMedium,Tahoma;font-size:1.250em;color:#c31717;margin:15px 0;width:100%} .numberLang{font-family:arial;font-weight:bold} .socialTimeDiv{display:inline-block;width:100%;margin-bottom: 10px;position:relative} .socialTimeDiv time{float:right;line-height: 2.2;font-size: 0.875em;} .socialTimeDiv .socialArea{float:left} .socialTimeDiv .socialArea .socialDiv{float:right;width: 100px;} .socialTimeDiv .socialArea .socialDiv .cmntsNum{background:url(../images/cmntsIcon.png) no-repeat left center;font-family: GeSsTwoLight,Tahoma;font-size:12px;width: 65px;padding-left: 1.75em;margin:1px 0;display: inline-block;} .articleDiv figure{position:relative} .articleDiv figure > img{width:614px;height:430px;margin-right: -0.938em;} .articleDiv figcaption{font-family: GeSsTwoLight,Tahoma;color: #fff;text-align: right;position: absolute;bottom: 0;left:-15px;font-size: 0.750em;background: linear-gradient( 45deg, rgba(0,0,0,0), rgba(0,0,0,0.8));background: -moz-linear-gradient( 45deg, rgba(0,0,0,0), rgba(0,0,0,0.8));background: -webkit-linear-gradient( 45deg, rgba(0,0,0,0), rgba(0,0,0,0.8));background: -o-linear-gradient( 45deg, rgba(0,0,0,0), rgba(0,0,0,0.8));background: -ms-linear-gradient( 45deg, rgba(0,0,0,0), rgba(0,0,0,0.8));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#004c4c4c',GradientType=1 );width: 598px;padding: 8px 0.625em;overflow: hidden} .articleDiv figcaption:empty { display: none } .socialControl {clear: none} .GplusArticleIcon, .twitterBtn, .FbArticleIcon {display: block;} .social-share {border-radius: 15px;color: #fff;cursor: pointer;direction: ltr;float: left;font-family: tahoma;font-size: 75%;line-height: 0.9;margin-left: 4px!important;padding: 9px 18px 9px 33px;position: relative;transition: background-color 0.4s ease 0s;border:1px solid #fff} .social-text {cursor: pointer;float: right;padding: 8px;vertical-align: bottom; color:#fff;transition: color 0.4s ease 0s;} .social-text:hover{ color:#2d609b} .facebookBtn {background-color: #2d609b;border:1px solid #2d609b;padding: 9px 10px 9px 25px;transition: all 0.4s ease 0s;} .facebookBtn:hover {background-color: #fff;border:1px solid #2d609b;color: #2d609b!important} .social-share.facebookBtn.icon-fb:before {font-size: 19px;left: 5px;position: absolute;top: 0px;} .twitterBtn {background-color: #00c3f3;border:1px solid #00c3f3;padding: 9px 10px 9px 30px;transition: all 0.4s ease 0s;} .twitterBtn:hover {background-color: #fff;border:1px solid #00c3f3;color: #00c3f3!important} .social-share.icon-tw:before {font-size: 19px;left: 7px;position: absolute;top: -1px;} .GPlusBtn {background-color: #d34836;border:1px solid #d34836;padding:9px 10px 9px 32px;transition: all 0.4s ease 0s;} .GPlusBtn:hover {background-color: #fff;border:1px solid #d34836;color: #d34836!important} .social-share.icon-ggl:before {font-size: 19px;left: 7px;position: absolute;top: -1px;} .GplusArticleIcon {cursor: pointer;background: url("../images/googleIco.png") center no-repeat;float: left;height: 28px;width:20px;} .artclHd{width:585px;-webkit-transition: width 0.4s, height 0.4s linear;transition: width 0.4s, height 0.4s linear;} .artclHd.sticky h1{ margin:0;width:67%} .artclHd.sticky time {font-size: 0.75em;left: 8px;position: absolute;top:40px;} .artclHd.sticky .socialTimeDiv{ margin-bottom:0;width:19%; position:absolute; top:0; left:10px} .artclHd.sticky .social-text{ font-size:70%} .BodySponsor .artclHd.sticky {margin-right:-487px;padding:10px 20px;right: 50%;width: 937px;top:50px} .BodySponsor .artclHd.sticky h1{margin:0;width:80%} .BodySponsor .artclHd.sticky .socialTimeDiv{ left:5px} .articleDiv .writerDiv{display:inline-block;border-bottom:1px solid #e3e3e3;margin-top:10px;padding: 0 0 10px 3em;} .articleDiv .writerDiv .writerMainDiv{float:right;direction:rtl} .articleDiv .writerDiv img{float:right;width:60px;height:60px;border-radius:30px;margin-left:0.625em;border: 1px solid #e7e7e7;} .articleDiv .writerDiv .writerName{color:#000;font-family: GeSsTwoMedium,Tahoma;margin-top: 10px;font-size:0.875em} .articleDiv .writerDiv .writerName span{font-family: GeSsTwoLight,Tahoma;color:#777;font-size:0.688em} .articleDiv .writerDiv .writerTweet{margin-top: 5px;display: inline-block;direction: ltr;} .articleDiv .writerDiv .writerTweet .tweeterName{float:right;color:#000;font-family: GothamMedium,Tahoma;font-size:0.750em} .articleDiv .writerDiv .writerTweet .tweet{float:right;margin-left:0.313em} .articleDiv p, .articleDiv p span{font-size:1.000em!important;font-weight:bold;margin-top: 10px;line-height:1.6;text-align: right!important; direction:rtl !important} .articleDiv .kwhd{color:#c31717;text-decoration:none} .articleCntnt h1, .articleCntnt h2, .articleCntnt h3, .articleCntnt h4, .articleCntnt h5, .articleCntnt h6 {font-family: arial,Tahoma!important;font-size:1.300em!important;font-weight:bold;margin-top:20px;line-height:1.6;text-align: right!important; direction:rtl !important} .articleCntnt h1 span, .articleCntnt h2 span, .articleCntnt h3 span, .articleCntnt h4 span, .articleCntnt h5 span, .articleCntnt h6 span {font-family: arial,Tahoma!important;font-size:1.300em!important;text-align: right!important; direction:rtl !important} .articleDiv blockquote{width:155px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;padding:15px 3.750em 15px 0.938em;font-family: GeSsTwoMedium,Tahoma;font-size:1.063em;direction:rtl;position:relative;float:left;margin: 15px 20px 15px 0;line-height:1.6} .articleDiv blockquote span{font-family: GeSsTwoMedium,Tahoma;font-size:0.750em;color:#999999!important;display:block} .articleDiv .icon-quote{display:inline-block;float:right;position:absolute;right:0;top:0} .articleDiv blockquote:before{content: "o";color:#c4c4c4;font-size:3.125em;position: absolute;right: 0;top: 0;} .articleCntnt a {color: #666;text-decoration: underline;} .articleCntnt a > span{ cursor: pointer} /* Old Paging *******************/ /*.paging{display:inline-block;width:100%;background:#e8e8e8;margin:20px 0 5px;text-align:center} .paging .pagingBtnsDiv{margin:15px auto 10px;width:560px;display: inline-block; position:relative} .paging .pagingBtnsDiv .prevBtn{ position:absolute; right:0; overflow:hidden;background:#c31717;width:240px;height:30px;border-radius:20px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#fff;text-align:right;text-decoration:none;line-height:2.3;transition:background 0.4s ease-in-out 0s} .paging .pagingBtnsDiv .prevBtn:hover{background:#ad0006} .paging .pagingBtnsDiv .icon-prev:before{content: "f";color: #c31717;float: right;margin: 3px 3px 3px 10px;font-size: 23px;line-height: 1.09;width: 24px;height: 24px;background: #fff;border-radius: 15px;} .paging .pagingBtnsDiv .nextBtn{position:absolute; left:0; overflow:hidden;background:#c31717;width:240px;height:30px;border-radius:20px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#fff;text-align:left;text-decoration:none;line-height:2.3;transition:background 0.4s ease-in-out 0s} .paging .pagingBtnsDiv .nextBtn:hover{background:#ad0006} .paging .pagingBtnsDiv .icon-next:before{content: "g";color: #c31717;float: left;margin: 3px 10px 3px 3px;font-size: 23px;line-height: 1.09;width: 24px;height: 24px;background: #fff;border-radius: 15px;} .paging .pagingBtnsDiv p{font-size:16px;color:#333;padding:0;text-align:center!important;margin-top:4px} .paging .pagingBtnsDiv p span{color:#777}*/ /* New Paging *******************/ .paging{display:inline-block;width:100%;background:#f6f6f6;margin:20px 0 5px;text-align:center} .paging .pagingBtnsDiv{margin:0 auto;width:100%;height:54px;display: inline-block; position:relative} .paging .pagingBtnsDiv .pagingSocial{float:right;width:170px;overflow: hidden;margin-top:10px} .paging .pagingBtnsDiv .pagingSocial .social-share {color:#fff;padding: 11px 0;width: 34px;border-radius: 20px;text-indent: -300px;text-decoration:none} .paging .pagingBtnsDiv .pagingSocial .social-share.icon-fb:before {left: 167px;top: 1px;} .paging .pagingBtnsDiv .pagingSocial .social-share.icon-tw:before {left: 167px;top: 1px;} .paging .pagingBtnsDiv .pagingSocial .social-share.icon-ggl:before {left: 167px;top: 1px;} .paging .pagingBtnsDiv .pagingSocial .icon-print {color:#fff;padding: 11px 0;width: 34px;border-radius: 20px;text-indent: -400px;text-decoration:none} .paging .pagingBtnsDiv .pagingSocial .icon-print:before {left: 217px;top: 1px;} .paging .pagingBtnsDiv .pagingCount{text-align:center;float: right;margin:16px 10px;font-family: verdana;font-size: 11px;font-weight: normal;width: 193px;} .paging .pagingBtnsDiv .pagingCount .tooltipDiv{display: inline-block;position:relative} .paging .pagingBtnsDiv .pagingCount a{color:#a7a7a7;text-decoration:none;padding:1px 7px;border-radius:10px;display: inline-block;line-height:1.8;transition:all 0.4s ease-in-out 0s} .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#d2b6c7;color:#fff} .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#7e225c;color:#fff} .paging .pagingBtnsDiv .pagingCount a.more:hover{background-color:transparent!important;color:#333;text-decoration:underline} .pagingCount > div > .title {font-family:GeSSTwoLight,Tahoma;font-size:12px;color:#fff;background: #7e225c;width: auto;padding:8px 20px;max-height: 0;position: absolute;right:-30px;top:-45px;z-index: 9999;visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;box-shadow: 0px 1px 5px 0px #333;white-space: nowrap;} .pagingCount > div > .title:before{content:"";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #7e225c;position: absolute;bottom: -8px;right: 32px} .pagingCount > div:hover > .title {visibility: visible;opacity: 1;transition-delay: 0s;max-height: 100%} .paging .pagingBtnsDiv .prevBtn{ position:absolute; right:0; overflow:hidden;background:#c31717;width:240px;height:30px;border-radius:20px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#fff;text-align:right;text-decoration:none;line-height:2.3;transition:background 0.4s ease-in-out 0s} .paging .pagingBtnsDiv .prevBtn:hover{background:#ad0006} .paging .pagingBtnsDiv .icon-prev:before{content: "f";color: #c31717;float: right;margin: 3px 3px 3px 10px;font-size: 23px;line-height: 1.09;width: 24px;height: 24px;background: #fff;border-radius: 15px;} .paging .pagingBtnsDiv .nextBtn{position:absolute; left:0; overflow:hidden;background:#c31717;width:200px;height:54px;font-family:GeSSTwoLight, Tahoma;font-size:18px;color:#fff;text-align:left;text-decoration:none;line-height:3;transition:background 0.4s ease-in-out 0s} .paging .pagingBtnsDiv .nextBtn:hover{background:#ad0006} .paging .pagingBtnsDiv .icon-next:before{content: "g";color: #fff;float: left;margin: 3px;font-size:40px;line-height: 1.2} .paging .pagingBtnsDiv .icon-next:after{content:"";width: 0;height: 0;border-top: 27px solid transparent;border-right: 14px solid #f6f6f6;border-bottom:27px solid transparent;position:absolute;right:0} .paging .pagingBtnsDiv p{font-size:16px;color:#333;padding:0;text-align:center!important;margin-top:4px} .paging .pagingBtnsDiv p span{color:#777} /** Article Following *********************************/ .articleDiv .artclfollowing{display:inline-block;font-size:14px;margin: 15px 0;width:100%;position:relative} .articleDiv .artclfollowing p{color: #7e225c;float: right;font-weight: normal;margin: 0;line-height: 2.3;font-family: GeSSTwoMedium, Tahoma} .articleDiv .artclfollowing .followBtn{/*float*/:right;margin-right:5px;padding:5px 8px;font-family:GeSSTwoLight, Tahoma;font-size:12px;border-radius:20px;background:#c31717;border:1px solid #c31717;color:#fff;cursor:pointer!important;transition: background-color 0.4s ease 0s;-moz-transition: background-color 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: background-color 0.4s ease 0s;-o-transition: background-color 0.4s ease 0s;} .articleDiv .artclfollowing .followBtn:hover{background:#fff!important;border:1px solid #c31717;color:#c31717} /** Tooltip ***********/ .articleDiv .artclfollowing .mobileBoxNotDiv{display:inline-block;position:relative} .articleDiv .artclfollowing .mobileBoxNot{display: inline-block;padding: 10px;float: right;width: 270px!important;} .articleDiv .artclfollowing > div > .mobileBoxNot {background: #c31717;border: 1px solid #ddd;width: 100%;max-height: 0;position: absolute;left: 0px;top: 30px;z-index: 999;box-shadow: 0 0 1px 1px #333;visibility: hidden;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0.5s;transition: all 0.4s ease-in-out 0.5s;} .articleDiv .artclfollowing > div:hover > .mobileBoxNot {z-index: 9999;box-shadow: 0px 1px 5px 0px #333;visibility: visible;opacity: 1;transition-delay: 0s;max-height: 270px;} .articleDiv .artclfollowing .mobileBoxNot h1{padding:5px 0 10px 0;margin:0;font-family:GeSSTwoLight, Tahoma;font-size:13px;color:#fff} .articleDiv .artclfollowing .mobileBoxNot .usermobile #UserInfoMsg span{font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#333;background:#f1eec2;padding:2px 10px} .keywordsDiv:before {display: block;clear: both;content: " ";} .keywordsDiv{display:inline-block;width: 100%; margin-top:20px} .keywordsTtl{float:right;margin-top:3px} .keywordsDiv h3 {font-family: GeSsTwoLight,Tahoma;color:#333;font-size: 0.875em;font-weight: normal;padding: 6px 1.563em 6px 0.938em;position: relative;line-height:1} .keywordsDiv h3 span {color: #000;font-family: arial,Tahoma;font-weight:bold;font-size: 25px;padding-left:0.625em;position: absolute;right: 0;top: 0;} .kewywords{padding: 0;float:right;width: 75%;} .kewywords a{float:right;background:#e9e9e9;margin:0 0 5px 0.625em;padding:4px 1.250em;color:#333;font-size:0.938em;font-weight:bold;border-radius: 15px;text-decoration: none;white-space: nowrap;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;} .kewywords a:hover{background:#d7d7d7;color:#fff} .kewywords:after {display: block;clear: both;content: " ";} .articleCntnt #content p img{width:100%} .articleCntnt .videoHolder p object{width:100%} .articleCntnt strong{font-weight:bold;font-size:1.125em} .articleCntnt ul{padding-right: 10px;} .articleCntnt ol {padding-right: 10px; counter-reset: my-badass-counter; } .articleCntnt ul li, .articleCntnt ol li{ direction: rtl !important;font-size: 1em !important;font-weight: bold;line-height: 1.6; text-align: right !important;display:block; padding-right:15px; position:relative} .articleCntnt ul li::before {background-color: #333;border-radius: 10px;content: "";display: block;height: 6px; position: absolute;right: 0;top: 9px;width: 6px;} .articleCntnt ol li {padding-right:18px;} .articleCntnt ol li::before {content: counter(my-badass-counter) ".";counter-increment: my-badass-counter;position: absolute;right: 0;top: 5px;font: bold 15px/1 Sans-Serif;} /** Video Article **/ .videoHolder iframe{width: 611px;height: 368px;margin-right:-0.93em} /** Related News **/ .relatedNews{width:100%;border-top: 2px solid #c31717;} .relatedNews:after{clear:both; float:none; content:""; display:block} .relatedNews .ttl h2, .relatedNews .moreLnk::before { color: #c31717;} .relatedNews .moreLnk{color: #ffa0a0} .relatedNewsDiv{padding:0 0.313em;} .relatedNewsDiv li{ float:right; width:190px; margin:10px 0.313em 15px;} .relatedNewsDiv li img{ display:block;width:190px; height:132px;border: 1px solid #eee;} .relatedNewsDiv li p{ padding:10px 7px; font-size:1.000em; /*font-family:Adobe Arabic;*/ font-weight:bold;height: 28px;overflow: hidden;line-height:1.2;cursor:pointer;transition: color 0.4s ease 0s;} .relatedNewsDiv li p:hover{color:#7e225c} /** Right Related News **/ .pDtlsAdsDiv{display:inline-block;width:100%} .pDtlsAdsDiv .rghtRelated, .pDtlsAdsDiv .pattern06:first-child{width:300px;float:right;margin:0 0 20px 11px;background: #fff;border-top: 2px solid #c31717;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display: block;clear:none} .pDtlsAdsDiv .rghtLatest{width:300px;float:right;margin:0 0 20px 0;background: #fff;border-top: 2px solid #c31717;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display: block;clear:none} .pDtlsAdsDiv .showcase{float:right;width:300px} /** Facebook Comments **/ .fbComments{width:100%;border-top: 2px solid #c31717;} #divAddComment > p {font-family: gesstwolight; font-size: 14px; padding: 10px;} #usercomment {display:inline-block;width: 100%;} #usercomment .CmntItmHdr{width:100%;display:inline-block} #usercomment .CmntItmHdr .floatright{font-family: GeSsTwoBold,Tahoma;font-size: 1.200em;display: block;padding:5px 10px;font-weight: normal;color: #c31717;direction: rtl;} .fb_iframe_widget {display: inline-block;position: relative;width:100%;padding: 0!important;} .fb_iframe_widget span {width: 594px!important;margin: 0 0.625em} .fb_iframe_widget iframe {width: 100%!important;} .instaDirectory {background: none;border: none!important;box-shadow:none} .instaList{list-style: none;padding:0px; width:100%} .instaList:after{ content:" "; clear:both; float:none; display:block} .instaList li {background-color:#fff;text-align:center; float: right; width:29.3%;margin: 1%;padding: 1%;position:relative; height:210px; overflow:hidden } .instaList li img{width:100%;} .instaList li p{font-size: 16px;font-weight:bold;line-height: 2.4;text-align:center; overflow: hidden;padding: 0; color:#000} .instaList li .more{ display:none} .instaGallery{border:1px solid #ddd!important;padding:5px; position:relative} .instaGalleryCntnt{position:relative; width:360px; float:right;border:1px solid #ddd} .instaGalleryCntnt:after{content:""; display:block; float:none; clear:both} .instaGalleryCntnt .bx-wrapper {padding:0 0 3px;} .instaGallery img{float:right} .instaGallerySlider img{height:360px;width:360px;} /* DIRECTION CONTROLS (NEXT / PREV) */ .instaGalleryCntnt .bx-wrapper .bx-prev:before {content: "f";} .instaGalleryCntnt .bx-wrapper .bx-next:before {content: "g";} .instaGalleryCntnt .bx-controls-direction a {top:150px; outline: 0;background:none!important;display: block;position: absolute; width: 25px;height:45px;color: #fff;text-align: center;line-height: 35px; z-index:999;} .instaGalleryCntnt .bx-controls-direction a:hover {background: none;} .instaGalleryCntnt .bx-prev {right:34px;} .instaGalleryCntnt .bx-next {left:-11px;} .instaGalleryCntnt .bx-controls-direction a:before{font-size:70px;line-height: 1.7;color:#fff; text-shadow: 1px 2px 6px #666;} .instaGalleryCntnt .bx-controls-direction a:after{content: '';width: 0;height: 0;border-top: none;position: absolute;top: 39px;} .instaGalleryCntnt .bx-next:after{border-right:none;right: 0;} .instaGalleryCntnt .bx-prev:after{border-left: none;left: 0;} .instaGalleryCntnt:after {content: url(../images/instagramLogoS.png);display: block; height: 25px;position: absolute;right: 0;top: 320px; width: 350px;} .instaGalleryCntnt .bx-viewport{ height:360px!important} #instaGallery-pager{ clear:both; float:none} #instaGallery-pager a{ display:block; float: right; width:16.6%;position:relative } #instaGallery-pager a img{ border:3px solid #fff; width:94%} #instaGallery-pager a.active img{border:3px solid #336d95;} #instaGallery-pager:after {display: block;clear: both;content: " ";} .profileTxt {font-family: Century Gothic;left: 0;padding: 15px 10px 10px;position: absolute;top: 0;width: 226px;} .profileTxt .GUserArea{ text-align:center} .profileTxt .GUserArea h3{text-align:center} .profileTxt .GUserArea .userImg{ border-radius:50px; width:80px!important; height:80px!important; float:none; margin:0 auto 10px} .profileTxt .GUserArea .userName{ color:#333333; font-size:19px; text-align:center; line-height:1.2; direction:ltr; font-weight:bold} .profileTxt .GUserArea .userName span{ color:#adadad; font-size:17px; text-align:center; display:block; font-weight:normal} .followers{ border-top:1px solid #eee; padding-top:10px; margin-top:10px} .followers:after{ content:""; display:block; float:none; clear:both} .followers > li {float: right;text-align: center;width: 33.3%;color:#333333; font-size:16px; line-height:1.2; direction:ltr; font-weight:bold; padding: 5px 0;} .followers span {display: block;color:#adadad; font-size:11px; font-weight:normal } .btnFollow{ background-color:#336d95; text-align:center; display:block;border-radius:3px;color:#fff; font-size:16px; line-height:2; margin:10px 0;transition: color 0.4s ease 0s;} .btnFollow:hover{color:#eee} .captionArea{font-size:12px; color:#333;text-align:right;overflow: hidden;width: 100%;height:108px; /*word-break: break-all;*/ word-wrap: break-word;} .instagramClip .instagramContent .errorMsg{color: #fff;line-height: 1.2; font-size:20px;direction: rtl;padding-bottom: 15px;} .errorMsg h3{font-size: 35px;line-height: 1;} .errorMsg p{font-size:20px; margin:15px 0 10px 0} .otherLnks a{ position:relative} .errorMsg .icon-home:before {background-color: #eee;border-radius: 75px;color: #333 !important;font-size: 23px;height: 30px;position: absolute;right: 5px;top: 3px;width: 30px; line-height:1.2em!important} .errorMsg .hpMain {color:#fff;font-size: 20px;padding: 6px 42px 6px 15px !important; display:inline-block; margin-left:15px;border-bottom:none!important;transition: all 0.4s ease 0s;} .errorMsg .hpMain:hover{ background-color:#eee; color:#333} .errorMsg .icon-cu:before {background-color: #eee;border-radius: 75px;color: #333 !important;font-size: 21px;height: 30px;position: absolute;right: 5px;top: 3px;width: 30px; line-height:1.5em!important} .errorMsg .cntctUs {color:#fff;font-size: 20px;padding: 6px 42px 6px 15px !important; display:inline-block; margin-left:15px;border-bottom:none!important;transition: all 0.4s ease 0s;} .errorMsg .cntctUs:hover{ background-color:#eee; color:#333} .provider .topProviderImg img {height: auto;max-width:300px;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .provider .topProviderImg:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} /** Borset A5bar Masrawy **/ .newspointeriFrame{border-top:none!important} .newspointeriFrame .newspointerDiv iframe {border:none!important} .newspointeriFrame .newspointerDiv #newspointercontent h2{display:none!important} /*form View*/ .formPattern{direction:rtl;} .formPattern p {padding:0 10px; font-size:14px; color:#000} .formView .right p{padding:0; font-size:16px; font-weight:bold; color:#000 } .addColIco{ width:16px; height:16px; display:inline-block; float:left;margin: 6px;} .controlsOnly{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both} .controlsOnly .addressInput{width:50%; margin-left:5px} .controlsOnly .numInput{width:35%} a.xIcon{ width:15px; height:15px; display:inline-block;margin:0 7px -7px 0} .controlsOnly label{display:inline-block; margin-left:5px} .controlsOnly .goldInput{width:20%; margin-left:10px} .controlsOnly .priceInput{width:18%;} .fatwaForm{display: inline-block;width:100%} .fatwaForm .control-group{content: "";display: table;line-height: 0; margin-bottom: 20px; clear:both; width:100%} .fatwaForm .control-group .control-label {float: right;padding-top: 5px;text-align: right;width: 110px;font-family:GESSTwoMedium,Tahoma;font-size:0.813em;font-weight: normal;} .fatwaForm .control-group .control-label span{color: #ee1b2e;font-size: 26px;} .fatwaForm .control-group label {display: block;margin-bottom: 5px; color:#000;} .fatwaForm label, .zakahRes-control label, .zakahForm input, zakahForm button, .zakahForm select, .zakahForm textarea {font-size: 16px;font-weight: bold;line-height: 20px} .fatwaForm .controls {margin-right: 120px;} .fatwaForm input{display: inline-block;margin-bottom: 0;vertical-align: middle;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 16px;color: #8a8a8a;width:250px;height: 32px;line-height: 10px;padding: 0 10px;text-align: right;font-family: Century Gothic,Tahoma;font-size: 0.750em;outline: 0px;} .fatwaForm .control-group .controls select{float: right;width: 270px;border: 1px solid #d9d9d9;border-radius: 20px;height: 32px;overflow: hidden;direction: rtl;padding:0 5px;outline:none} .formOptions .radio {min-height: 20px;padding-right: 20px;display: inline-block!important;margin:5px 30px 10px;} p.note{font-size:16px; color:#5a5a5a; margin:10px 0} .qInput{width:97%!important; height:200px!important;font-family: Century Gothic,Tahoma;font-size: 0.750em;outline: 0px;padding:5px;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 16px;color:#8a8a8a} .fatwaForm .sendBtn{font-family: GeSSTwoLight,Tahoma;background-color: #1e99a1;border-radius: 16px;color: #fff !important;display: block;font-size: 12px;text-align: center;float: left;padding: 8px 30px!important;border: none;width: auto;height: auto;line-height: normal;cursor:pointer;transition: all 0.4s ease 0s;} .fatwaForm .sendBtn:hover{background-color:#008991;color:#fff} .fatwaForm #spanResult{font-family: GeSSTwoLight,Tahoma;font-size:1.125em!important;padding:0!important;} .prevQ{ background:#b6b6b6; box-shadow:0 2px 2px 0 #333; border:1px solid #b3b3b3; padding:10px; direction:rtl;min-height: 240px; margin-bottom:15px;} .prevQ h2{font-size:30px; font-weight:bold; color:#000; margin-bottom:15px} .prevQ ul {list-style-type: disc; padding-right:15px} .prevQ li {color:#cc0001; margin-bottom:10px} .prevQ a {color:#000; border-bottom:1px dashed #000; font-weight:bold} /***************** Islamyeat Page **********************/ .islameyatSections{width:100%;display:inline-block} .quraanPlayerDiv{display:inline-block;float:right;width:30.5%;height:231px;margin-left:1.250em;clear:none;border-top:none!important} .azkarDiv{display:inline-block;float:right;width:65.5%;clear:none;border-top:none!important} .azkarDiv .azkarCnts p{padding: 5px 1.250em 0;font-weight: bold;height: 24px;overflow: hidden;margin-bottom: 10px;} .leftAzkarDiv{display:inline-block;float:right;width:300px;clear:none;border-top: 2px solid #ff7c24!important} .leftAzkarDiv .azkarCnts p{padding: 5px 1.250em 0;font-weight: bold;height: 24px;overflow: hidden;margin-bottom: 10px;} .aqwalDiv{display:inline-block;float:right;width:65.5%;clear:none;border-top:none!important} .aqwalDiv .aqwalCnts p{padding: 5px 1.250em 0;font-weight: bold;height: 74px;overflow: hidden;margin-bottom: 10px;} .aqwalDiv .aqwalCnts p span{font-size:1.063em;color:#999} .icon-sendFatwa{font-family: GeSsTwoLight,Tahoma;position: absolute;display: inline-block;outline: none;background-color:#1e99a1;color: #fff;border-radius:15px;font-size: 0.750em;overflow: hidden;left: 65px;top: 7px;z-index: 2;text-shadow: none;padding:4px 10px 4px 14px;transition: all 0.4s ease 0s;} .icon-sendFatwa:before{content:"C";color:#fff;margin: 0 5px 0 8px;float: right;line-height: 1.3;font-size: 14px;} .icon-sendFatwa:hover{background-color:#008991;color:#fff} /**Pray Times**/ .PrayTimesDiv{width:300px;display:inline-block;font-family: GeSSTwoLight,Tahoma;border-top:none!important} .PrayTimesDiv .prayerTimesDiv{background: #fff;display:inline-block;} .PrayTimesDiv .ttl{background:#1e99a1!important} .PrayTimesDiv .ttl .moreLnk::after {border-right:5px solid #1e99a1!important} .PrayTimesDiv .ttl .moreLnk::before{color:#1e99a1!important} .PrayTimesDiv .ttl .moreLnk span{background:#0a6066!important} .PrayTimesDiv h2{font-size:18px;padding: 8px 10px;} .prayerContentsDiv {display: block;overflow: hidden;width: 100%;} .PrayTimesDiv .prayerTitle{float:right;width:150px;direction: rtl;color:#8a8a8a} .PrayTimesDiv .SpnCityName{color:#8a8a8a;font-size:16px;margin:-3px 3px 0 0;line-height: 3;display:inline-block;font-family: GeSSTwoLight,Tahoma;} .PrayTimesDiv .icon-location:before{content:"z";font-family: icons-font;font-size: 1.500em;float: right;margin-top: 4px;} .PrayTimesDiv .timeleftTtl{margin-top:-10px} .PrayTimesDiv .leftTtl{color:#8a8a8a;font-size:12px;margin:25px 10px 0 0;display:inline-block;float:right} .PrayTimesDiv .timerDiv > ul {display:inline-block;margin:-5px 0 0;font-family:Century Gothic,Tahoma;padding:0!important} .PrayTimesDiv .timerDiv li {color:#1e99a1!important;float:left;display: inline-block;font-size: 32px;margin: 0 2px;position:relative;background:none!important} .PrayTimesDiv .timerDiv li:nth-child(1):after, .PrayTimesDiv .timerDiv li:nth-child(2):after, .PrayTimesDiv .timerDiv li:nth-child(3):after {content: ":";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #1e99a1;display: block;font-size: 32px;position: absolute;top:0px;left:22px} .PrayTimesDiv .timerDiv li:nth-child(3):after{content:""} .PrayTimesDiv .prayerContent{float:right;width:150px} .PrayTimesDiv .hijriDate{color:#1e99a1;font-size:12px;margin:10px 0 5px 10px;display:inline-block;float:left} .PrayTimesDiv .hijriDate span{display: inline-block;width: 160px;} .PrayTimesDiv .selection .country, .PrayTimesDiv .selection .city{float: right;margin: 7px 0 2px;width: 140px;height: 30px;border: 1px solid #d9d9d9;border-radius: 16px;background: #fff;overflow:hidden;position: relative;} .PrayTimesDiv .selection select{direction: rtl;font-family: GeSSTwoLight,Tahoma;color: #8a8a8a;font-size: 0.688em;width: 165px;height: 35px;border: none;border-radius: 0;line-height: 2;float: right;margin: -1px -1px;padding: 0 5px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent;cursor:pointer} .PrayTimesDiv .selection .arrow:before{content:"r";color:#8a8a8a;position: absolute;left: 5px;top: 3px;cursor:pointer;pointer-events:none;} .PrayTimesDiv .prayerTimesTableDiv{width:300px;margin-top:10px;display:inline-block;background:#1e99a1} .PrayTimesDiv .prayerTimesTableDiv #LIFagr, .PrayTimesDiv .prayerTimesTableDiv #LIZohr, .PrayTimesDiv .prayerTimesTableDiv #LIAsr, .PrayTimesDiv .prayerTimesTableDiv #LIMaghreb, .PrayTimesDiv .prayerTimesTableDiv #LIIsha {float:right;text-align:center;color:#fff;font-size:12px;width:60px;padding: 5px 0;font-family:GothamMedium,Tahoma} .PrayTimesDiv .prayerTimesTableDiv .active{background-color:#008991} .PrayTimesDiv .prayersTimeTable span{margin-bottom: 5px;display: inline-block;font-family:GeSSTwoLight,Tahoma} /**Pray Times Page**/ .prayTimesDtls{width:100%;display:inline-block;} .prayTimesDtls .ttl{background:none!important} .prayTimesDtls .ttl h2 a{color:#1e99a1!important} .prayTimesDtls .prayDtlsCnts{display:inline-block;padding:0 0.938em 15px} .prayTimesDtls .socialControl {overflow: hidden;clear: none;position:absolute;left:3px;top:5px} .prayTimesDtls .prayDtlsTbl{width:100%;float:right} .prayTimesDtls .prayDtlsTbl .ttlRow{background-color: #ddd;height: 40px;margin: 0;width: 100%;border-radius: 20px;margin-bottom: 2px;} .prayTimesDtls .prayDtlsTbl .ttlRow div{color: #333;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;} .prayTimesDtls .prayDtlsTbl .ttlRow .day{width:12%} .prayTimesDtls .prayDtlsTbl .ttlRow .melady{width:20.5%} .prayTimesDtls .prayDtlsTbl .ttlRow .pray{width:11.1%} .prayTimesDtls .prayDtlsTbl .prayInfoTbl{width:100%;border:1px solid #e3e3e3;border-radius:20px;overflow:hidden} .prayTimesDtls .prayDtlsTbl .wRow{background-color: #fff;border-bottom: 1px solid #e3e3e3;width: 100%;display: inline-block;overflow: hidden;} .prayTimesDtls .prayDtlsTbl .wRow div{color: #333;float: right;font-family: Century Gothic,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;border-left: 1px solid #e3e3e3} .prayTimesDtls .prayDtlsTbl .wRow .day{width:12%;font-family: GeSSTwoLight,Tahoma} .prayTimesDtls .prayDtlsTbl .wRow .melady{width:20%} .prayTimesDtls .prayDtlsTbl .wRow .pray{width:11%} .prayTimesDtls .prayDtlsTbl .wRow .pray:last-child{border-left:0} .prayTimesDtls .prayDtlsTbl .gRow{background-color: #eee;border-bottom: 1px solid #e3e3e3;width: 100%;display: inline-block;overflow: hidden;} .prayTimesDtls .prayDtlsTbl .gRow div{color: #333;float: right;font-family: Century Gothic,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;border-left: 1px solid #e3e3e3} .prayTimesDtls .prayDtlsTbl .gRow .day{width:12%;font-family: GeSSTwoLight,Tahoma} .prayTimesDtls .prayDtlsTbl .gRow .melady{width:20%} .prayTimesDtls .prayDtlsTbl .gRow .pray{width:11%} .prayTimesDtls .prayDtlsTbl .gRow .pray:last-child{border-left:0} .prayTimesDtls .selection{display:inline-block;direction:rtl;width:100%;margin: 15px 0;} .prayTimesDtls .selection .countrySelectDiv{display:inline-block;width:100%;float: right;margin: 10px 0 0;} .prayTimesDtls .selection .countrySelect{display:inline-block;width:260px;margin-left:20px} .prayTimesDtls .selection .countrySelect:last-child{margin-left:0} .prayTimesDtls .selection .countrySelect h1{font-family: GESSTwoLight,Tahoma;color:#000;font-size:14px; display:inline-block;float:right;margin: 12px 0 0 10px;} .prayTimesDtls .selectParent{margin: 7px 0 2px;width: 175px;height: 30px;border: 1px solid #d9d9d9;border-radius: 16px;background: #fff;overflow: hidden;float:right;position: relative;} .prayTimesDtls .arrow:before{content: "r";color: #8a8a8a;position: absolute;left: 5px;top: 3px;cursor: pointer;pointer-events: none;} .prayTimesDtls .selectParent select{direction: rtl;font-family: GeSSTwoLight,Tahoma;color: #8a8a8a;font-size: 0.688em;width: 184px;height: 35px;border: none;border-radius: 0;line-height: 2;float: right;margin: -1px -1px;padding: 0 5px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent;cursor: pointer;} /*MainForm View*/ .mainFormDiv{ direction:rtl; padding:10px 15px;display: inline-block;} .mainFormDiv p{font-size:16px;font-weight:bold;} .mainFormDiv .formControls{display:block;width:100%} .mainFormDiv .control-group .control-label{ width:25%} .mainFormDiv .control-group{content: "";display: table;line-height: 0; margin:25px 0; clear:both;width:100%;height: 44px;} .mainFormDiv .control-group label {float: right;padding-top: 5px;text-align: right;width: 110px;font-family: GESSTwoMedium,Tahoma;font-size: 0.813em;font-weight: normal;display:block;line-height:20px} .mainFormDiv .control-group .control-label span{color:#ee1b2e;font-size:22px;float: right;margin-left: 5px;line-height: 1.4} .mainFormDiv .controls {margin-right: 170px;} .mainFormDiv input ,.mainFormDiv textarea{display:inline-block; width:90%;margin-bottom: 0;vertical-align: middle;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 16px;color: #8a8a8a;height: 32px;padding: 0 10px; text-align:right; font-family: Century Gothic,Tahoma;font-size:0.750em;outline: 0px;} .mainFormDiv .control-group .controls span{display:inline-block;font-family: GeSSTwoLight, Tahoma;font-size: 12px;color: #c31717!important;margin-top: 10px;width: 100%;} .mainFormDiv select{float: right;width: 95%;border: 1px solid #d9d9d9;border-radius: 20px;height: 32px;overflow: hidden;direction: rtl;padding: 0 5px;outline: none;font-family: Century Gothic,Tahoma;font-size: 0.750em;color:#8a8a8a} .mainFormDiv textarea{width:90%!important;height:100px!important;padding: 6px 10px;} .mainFormDiv #divMoney, .mainFormDiv #divRealStates, .mainFormDiv #divPlants, .mainFormDiv #divOther, .mainFormDiv #divGold{margin-bottom:30px} .validateRight{display: inline-block;margin-bottom: 0;vertical-align: middle; width:19px; height:15px; margin:0 7px 0 0} .mainFormDiv .submit {font-family: GeSSTwoLight,Tahoma;background-color: #c31717;border-radius: 16px;color: #fff!important;display: block;font-size: 12px;text-align: center;float: left;padding: 8px 30px!important;border: none;width: auto;height: auto;line-height: normal;cursor: pointer;outline: 0;transition: background-color 0.4s ease 0s;} .mainFormDiv .submit:hover{background-color:#ad0006} .mainFormDiv .ttlDiv{font-family: GeSSTwoLight,Tahoma;font-size:14px; position:relative; display:block;background:#ee1b2e; color:#fff; margin-bottom:15px;border-radius:17px;padding: 8px 10px;} .addColIco{position:absolute;display:block;left: 6px;top: 3px;line-height: 0.8;} .addColIco:before{content:"B";color:#fff;font-size:20px} .controlsOnly{content: "";display: table;line-height: 0; margin-bottom: 10px; clear:both; width:95%;padding: 0 15px;} .controlsOnly .addressInput{width:54%; margin-left:10px} .controlsOnly .numInput{width:35%} a.xIcon{display:inline-block;margin:4px 5px 0 0;position:absolute} a.xIcon:before{content:"u";color:#ee1b2e;font-size:20px} .controlsOnly label{display:inline-block; margin-left:5px;font-family:GESSTwoMedium, Tahoma;font-size:13px} .controlsOnly .right{width:32%} .controlsOnly .goldInput{width:20%; margin-left:40px} .controlsOnly .priceInput{width:19%;} .formBtn {font-family: GeSSTwoLight,Tahoma;background-color:#ee1b2e;border-radius: 30px;color: #fff !important;display: block;font-size: 18px;line-height: 50px;text-align: center;width: 30%;margin: 10px auto;transition: background-color 0.4s ease 0s;position: relative; outline: none;border: none;z-index: 50;overflow: hidden;cursor:pointer} .formBtn:hover{background-color: #d2001b} .formBtn .content {position: relative;display: block;z-index: 10;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;cursor:pointer} .formBtn .progress {position: absolute;left: 0;background: rgba(0,0,0,0.2);top: 0;width: 0%;opacity: 0;height: 100%;z-index: 0;-webkit-transition: width 0s 0.4s, opacity 0.4s;transition: width 0s 0.4s, opacity 0.4s;} .formBtn.active .progress {opacity: 1;width: 100%;-webkit-transition: width 1.2s; transition: width 1.2s;} .captchaDiv { margin-top: 20px; width: 100%;} .captchaDiv p {text-align: center;} /*zakah View*/ .zakah.mainFormDiv .ttlDiv{background:#1e99a1;} .zakah.mainFormDiv .control-group .control-label{ width:35%} .zakahRes{padding:0 15px; direction:rtl; margin-bottom:15px;} .calculateZakahBtn { background-color: #1e99a1;transition: background-color 0.4s ease 0s;} .calculateZakahBtn:hover{background-color: #008991} .zakahRes-controlDiv {border: 1px solid #e3e3e3;padding: 20px 10px;border-radius: 20px;margin-top:20px} .zakahRes-controlDiv h3{font-family:GESSTwoMedium,Tahoma;font-size:1.250em;color:#1e99a1;text-align:center;margin-bottom:15px;display:inline-block;width:100%} .zakahRes > label{background-color:#FFFFFF;margin: 0 0 20px;display: block;border-radius: 4px;color: #000000;text-align: center;width: 100%;font-size: 12px;font-weight: bold;padding:5px 0;} .zakahRes-control{ margin:0 0 0 9px ; float:right} .zakahRes-control:last-child{margin:0} .zakahRes-control label {font-family: GeSSTwoLight,Tahoma;padding-top: 4px;text-align: right;display:inline-block;color:#333;font-size:14px;line-height:25px} .zakahRes .controls {display:inline-block;margin-right:2px} .zakahRes p {background-color:#FFFFFF;display: inline-block;font-size: 17px;line-height: 1;margin: 0;padding: 10px 5px;text-align: center;width:54px;border-radius: 20px;border: 1px solid #e3e3e3;color: #1e99a1;font-family: Century Gothic,Tahoma;font-weight: bold;} .zakahRes-controlDiv:after {display: block;clear: both;content: " ";} .zakahResNum{display: block;color: #999;background-color:#FFFFFF;margin: 5px 0 10px;font-size: 16px;font-family:GESSTwoLight,Tahoma;} /*contactUs*/ .contactUsDiv{} /********* Send Fatwa **************/ .sendFatwa{direction:rtl} .sendFatwa p{display:inline-block;font-size:1.000em;font-weight:bold;margin:20px 0 25px} .sendFatwa .sendFatwaCnts{display:inline-block;padding:0 0.938em 0.938em} /* tabs CSS */ .tabs-nav {list-style: none;margin: 0;font-family:GeSSTwoLight,Tahoma} .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%;} @media projection, screen {.tabs-hide {display: none;}} /*********************** Sports Page ************************/ /****** Sports table *******/ .matchesTable{padding:10px 15px;min-height: 142px;display: inline-block;width: 270px;} .matchesTable .tabs-container .slide .noMatches{text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding-top:0;line-height: 8} /* Tab Menu */ .matchesTable .tabs-nav{border-radius:16px;border: 1px solid #168039;overflow: hidden} .matchesTable .tabs-nav li{width:33.33%;height:28px;} .matchesTable .tabs-nav li a{height:30px;line-height:2.5; border:0; box-shadow:none} .matchesTable .tabs-nav .tabs-selected a{line-height: 2.5} .matchesTable .tabs-nav li{width:33.33%;} .matchesTable .tabs-nav > li > a{border-right:none;box-shadow:none} /* Tab Content */ .matchesTable #tab-content{border: 1px solid #d7d7d7;background-color:#eeeeee;height:100%;margin:0;clear:both;padding:0px;display:block} .matchesTable #tab-01{ width:100%} .matchesTable #tab-02{ width:100%} .matchesTable #tab-03{width:100%} .matchesTable .tabs-container .slide p{text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 13px;padding-top: 10px;} .mainMatchesTable .more{ color:#fff; font-size:16px; text-align:center; background:#333; display:block} .mainMatchesTable .more a{ color:#fff} .matchesTable .newsGrid{ border-bottom:1px solid #d7d7d7; position:relative; height:90px; overflow:hidden; padding-left:20px;transition: background-color 0.4s ease 0s;} .matchesTable .newsGrid:hover{ background-color:#eeeeee} .matchesTable .newsGrid img{ float:right; margin:5px; width:81px; height:80px; padding-left:20px} .matchesTable .newsGrid h2{ padding:15px 0; font-size:16px; font-weight:bold; margin:0} .matchesTable .item{background:#fff; color:#000; font-size:12px; text-align:center;padding:10px 0; border-top:1px solid #e3e3e3} .matchesTable .item:first-child{border:none} .matchesTable .item .tourName{font-size: 14px;font-family: GeSSTwoMedium,Tahoma;font-weight:bold; color:#8a8a8a; text-align:center} .matchesTable .item p{ text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 12px;color:#000} .matchesTable .item .teamA{ float:right; width:33%} .matchesTable .item .teamA img, .matchesTable .item .teamB img{height:35px; padding-top:10px} .matchesTable .item .teamA p, .matchesTable .item .teamB p{ display:block; margin:0; padding-top:7px} .matchesTable .item .result{ float:right; width:34%; padding-top:15px} .matchesTable .item .teamB{ float:right; width:33%} .matchesTable .item .result{font-family:Century Gothic,Tahoma; font-size:30px} .matchesTable .item .result span{color:#999; font-size:15px; text-align:center;border-radius:10px} .matchesTable .item .status a{ background:#aaaaaa; color:#fff; font-size:12px; display:block} .status { position:relative; margin:-7px auto 0; width:70%} .status span{background:#aaa; color:#fff!important; font-size:12px!important; display:block} .hpMatchesTable .more{ color:#fff; font-size:14px; text-align:center; background:#333; display:block;font-family: DroidSansArabicRegular,Tahoma;padding:3px 0;transition: background-color 0.4s ease 0s;} .hpMatchesTable .more:hover{background-color:#EE1B2E} /******** Live Matches *************/ .liveMatches .ttl h2 {text-align:center} .liveMatchesCnts .item{background:#fff; color:#000; font-size:12px; text-align:center;padding:0 0 15px; border-top:1px solid #e3e3e3} .liveMatchesCnts .item:first-child{border:none} .liveMatchesCnts .item .tourName{font-size: 14px;font-family: GeSSTwoMedium,Tahoma;font-weight:bold; color:#8a8a8a; text-align:center} .liveMatchesCnts .item p{ text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 14px;color:#000} .liveMatchesCnts .item .teamA{ float:right; width:33%} .liveMatchesCnts .item .teamA img, .liveMatchesCnts .item .teamB img{height:65px; padding-top:10px} .liveMatchesCnts .item .teamB{ float:right; width:33%} .liveMatchesCnts .item .result{ float:right; width:34%; padding-top:10px;font-family:Century Gothic,Tahoma; font-size:34px} .liveMatchesCnts .item .result .scoreA{float:right} .liveMatchesCnts .item .result .scoreB{float:left} .liveMatchesCnts .item .scoreA p, .liveMatchesCnts .item .scoreB p{ display:block; margin:0} .liveMatchesCnts .item .result span{color:#999; font-size:22px; text-align:center} /** Sports Matches Results **/ .sprtsMtchsResDiv{} .sprtsMtchsResDiv .ttl{background:none!important} .sprtsMtchsResDiv .ttl h2{color:#168039} .sprtsMtchsResDiv #sectionsColorCode{display:block} .sprtsMtchsResDiv .tabs-container{} .sprtsMtchsResDiv .mtchsTimeCnts{padding:0 15px} .sprtsMtchsResDiv .matchesDate{width:100%;display:inline-block;margin:15px 0 30px} .sprtsMtchsResDiv .matchesDate .date{float:right;margin-left:10px;font-size:16px;padding: 5px 0;font-family: GeSSTwoLight,Tahoma} .sprtsMtchsResDiv .matchesDate .icon-calendar{display:inline-block;float:right;position:relative} .sprtsMtchsResDiv .matchesDate .icon-calendar:before{content:"s";font-size:18px;color:#ccc;position: absolute;left: 10px;top: 1px;} .sprtsMtchsResDiv .matchesDate .icon-calendar img{display:none} .sprtsMtchsResDiv .matchesDate input{float: right;width: 150px;height: 30px;direction: rtl;margin: 0;padding: 0 5px;border: 1px solid #d9d9d9;border-radius: 15px;background: #fff;color: #8a8a8a;font-family: GothamMedium,Tahoma;font-size: 0.750em;outline:none} .sprtsMtchsResDiv .matchesDate .chmpnsSelect{background:#fff;border: 1px solid #d9d9d9;border-radius: 16px;float: right;height: 30px;margin: 0 10px;overflow: hidden;position: relative;width: 170px;} .sprtsMtchsResDiv .matchesDate .icon-arrow:before{color: #8a8a8a;content: "r";cursor: pointer;left: 5px;pointer-events: none;position: absolute;top: 3px;} .sprtsMtchsResDiv .matchesDate select{-moz-appearance: none;background:transparent;border: medium none;border-radius: 0;color: #8a8a8a;cursor: pointer;direction: rtl;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 35px;line-height: 2;margin: -1px;padding: 0 5px;width: 188px;} .sprtsMtchsResDiv .matchesDate .btn{font-family: GeSSTwoLight,Tahoma;border-radius: 15px;background: #168039;color: #fff;border: 0;display: block;font-size: 14px;float: right;width: 120px;margin: 0;height: 32px;cursor:pointer;transition: background-color 0.4s ease 0s;} .sprtsMtchsResDiv .matchesDate .btn:hover{background-color:#006a24} .sprtsMtchsResDiv .matchesTable {padding:0;width: 100%;} .sprtsMtchsResDiv .tabs-nav{width:100%;margin-bottom: 20px;} .sprtsMtchsResDiv .tabs-nav li{width:25%} .sprtsMtchsResDiv #tab-content {border:none;background:#fff} .sprtsMtchsResDiv #tab-content .noMatches{text-align:center;font-size:18px;padding:20px 0;font-family: GeSSTwoMedium, Tahoma} .matchesInfo {width:100%;margin-bottom:10px} .matchesInfo .mtchsInfoTbl{width:100%;border:1px solid #e3e3e3;border-radius:20px;overflow:hidden} .matchesInfo .title {color:#8a8a8a;font-size: 18px;font-family: GeSSTwoMedium,Tahoma;padding: 8px 10px;text-align:center;} .matchesInfo .details {background-color:#fff;border-bottom: 1px solid #e3e3e3;width: 100%;display:inline-block;overflow: hidden} .matchesInfo .details:last-child{border-bottom:0} .matchesInfo .dark{background-color:#eee} .matchesInfo .details .time {float: right;font-family: Century Gothic,Tahoma;font-size: 15px;padding: 30px 0 31px;text-align: center;width: 9%;height:20px;border-left: 1px solid #e3e3e3;} .matchesInfo .details .team {float: right;font-size: 15px;font-weight:bold;padding: 10px 0;text-align: center;width: 20%;height: 61px;border-left: 1px solid #e3e3e3;} .matchesInfo .details .teamLogo {height: 40px;} .matchesInfo .details .teamLogo img {width:35px;height: 35px;} .matchesInfo .details .score {float: right;font-size: 18px;font-family: Century Gothic,Tahoma;padding: 29px 0;text-align: center;width: 10%;height: 23px;border-left: 1px solid #e3e3e3;} .matchesInfo .details .round {float: right;font-size: 16px;font-weight:bold;padding: 30px 0 31px;text-align: center;width: 15%;height: 20px;border-left: 1px solid #e3e3e3;} .matchesInfo .details .channels {float: right;font-size: 16px;font-weight:bold;padding: 15px 0;text-align: center;width: 25%;height: 51px;line-height: 1.5;direction:rtl} .matchesInfo .detailsHd {background-color: #ddd;height: 40px;margin: 0;width: 100%;border-radius:20px;margin-bottom: 2px;} .matchesInfo .detailsHd div {color: #333;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;} .matchesInfo .detailsHd .time {width: 10%;} .matchesInfo .detailsHd .team {width: 20%;} .matchesInfo .detailsHd .score {width: 10%;} .matchesInfo .detailsHd .round { width: 15%;} .matchesInfo .detailsHd .channels {width: 25%;} .datepick-rtl {direction: rtl;} .sprtsMtchsResDiv .provider {clear: both;direction: ltr;text-align: center;font-size:18px;width: 100%;margin: 20px 0;} .sprtsMtchsResDiv .provider p{font-family:GeSSTwoLight,Tahoma;color:#333333;font-size: 14px;margin-bottom: 5px;text-align: center; } /** Calendar 2015 *******************************************************/ .ui-helper-clearfix {display: block;width: 252px;z-index: 9999999!important} .ui-datepicker .ui-datepicker-header {position: relative;background: #c31717;z-index: 40} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 17px;cursor: pointer;color:#fff;background:none!important;font-size:30px} .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-datepicker .ui-icon-circle-triangle-w:before{content:"g"} .ui-datepicker .ui-icon-circle-triangle-e:before{content:"f"} .ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity:0.3;background:#ad0006} .ui-datepicker .ui-datepicker-next {right: 10px;} .ui-datepicker .ui-datepicker-title {margin: 0 5px;text-align: center;color: #fff;padding: 8px 0;font-size:20px;font-family:GeSSTwoMedium, Tahoma;height: 52px;} .ui-datepicker .ui-datepicker-title .ui-datepicker-month{display:block} .ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:block;margin-top:-30px;font-family:GothamMedium, Tahoma;font-size:12px} .ui-datepicker table {width: 100%;font-size: 10px;border-collapse: collapse;margin:0;background: #ad0006} .ui-datepicker th {padding:20px 3px 10px;text-align: center;font-weight: bold;font-size:12px;border: 0;color: #fff;background: #ad0006} .ui-state-disabled {cursor: default!important;} .ui-state-default, .ui-widget-content .ui-state-default {font-weight: normal;text-align: center;color: #fff;outline: none;font-size:12px;} .ui-widget-content .ui-state-default:hover {background: #fff; color: #c31717; border-radius: 20px; width: 30px; height: 30px;line-height:2.6} .ui-datepicker td span, .ui-datepicker td a {display: block;width:30px;margin:2px;height: auto;text-align: center;text-decoration: none;line-height: 2.92} .ui-widget-content a.ui-state-active {background: #fff; color: #c31717; border-radius: 20px; width: 30px; height: 30px;line-height:2.6} /** Mobile Box **/ #usermobile{border: none;background-color: #c31717;padding:10px 0.938em 0;position:relative;height:140px} #usermobile h2{font-family:GeSsTwoMedium,Tahoma;color:#fff;font-size:1.125em} #usermobile h2 span{font-family:GeSsTwoLight,Tahoma;color:#fff;font-size:0.750em} #usermobile .topTrngl {width: 110px;height: 70px;background-color:#ffbb33;position:absolute;top:-27px;left:-36px;-ms-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);transform: rotate(-40deg);display:none} #usermobile .topTrngl h3{font-family:GeSsTwoLight,Tahoma;color:#000;font-size:0.750em;text-align: center;margin: 40px 12px 0 0;line-height: 1.2;} #usermobile #arpuframe{width:100%;margin-top: 5px;} #usermobile #arpuframe #txtMsisdn{display: inline-block;margin-bottom: 0;vertical-align: middle;background-color: #fff;border: 1px solid #d9d9d9;border-radius: 16px;color: #8a8a8a;width: 250px;height: 32px;line-height: 20px;padding: 0 10px;text-align: right;font-family: Century Gothic,Tahoma;font-size: 0.750em;outline: 0px;} #usermobile .mob-info{font-family:GeSsTwoLight,Tahoma;color:#fff;font-size:0.625em} #usermobile .prices{display:inline-block;font-family:GeSsTwoLight,Tahoma;color:#fff;font-size:10px;width:100%;direction:rtl;float:right;margin-bottom: 5px;} #usermobile .strip{position: absolute;top: -5px;left: -5px;background: #fff;border:1px solid #ddd;color: #333;font-family: GeSsTwoLight, Tahoma;font-size: 11px;padding: 2px 5px;width: 77px;text-align: center;box-shadow: 1px 1px 3px -1px #777;} #usermobile .strip:before{content: '';width: 0;height: 0;border-top: 5px solid #777;border-left: 5px solid transparent;position: absolute;top:37px;left:-1px} #usermobile .strip:after{content: '';width: 0;height: 0;border-bottom:5px solid #777;border-right:5px solid transparent;position: absolute;top:-1px;left:88px} /*****Search Result Page*****/ .searchPgDiv{display:inline-block;padding: 0;border:none!important;background:none;box-shadow: none;} .searchPgDiv .ttl{background:none!important} .searchPgDiv .ttl h2{padding:8px 0;color:#c31717} .searchPgDiv .view-controls-list, .searchPgDiv .view-controls-grid{ position:absolute; top:5px; left:0px;width: 25%;} .searchPgDiv .filterSearch{position:relative} .searchPgDiv .searchDiv{display:inline-block;margin:0 0 15px 0;width:100%} .searchPgDiv .searchTxt {width: 280px;height: 32px;border: 1px solid #ddd!important;padding: 0 10px;float: right;text-align: right;font-family: GeSSTwoLight,Tahoma;font-size: 11px;color: #a4a4a4;border-radius: 16px;outline:none;direction: rtl;position:relative} .searchPgDiv .searchBtn{display: block;background: #c31717;color: #fff;float: right;padding: 8px 30px 7px 30px;font-family: GeSSTwoMedium,Tahoma;margin-right: 10px;font-size: 14px;font-weight: normal;border:none;border-radius: 20px;outline:none;cursor:pointer} .searchPgDiv .searchResultNum{display: inline-block;width: 100%;font-family: GeSSTwoLight, Tahoma;font-size: 18px;margin-bottom:15px;} .searchPgDiv .searchResultNum .resultNum{font-family: GothamMedium, Tahoma;font-size: 22px;color: #c31717} .searchPgDiv .searchResultNum .resultWord{color: #c31717} .searchPgDiv .searchDate{display:inline-block;width:100%;margin:15px 0;} .searchPgDiv .searchDate .icon-calendar{float:right;margin: 4px 0 0 5px;} .searchPgDiv .searchDate .icon-calendar:before{content:"s";font-size:14px;color:#8e8e8e;line-height: 1.6} .searchPgDiv .searchDate h1{font-family: GeSSTwoLight,Tahoma;font-size:14px;color:#8e8e8e;float:right;margin: 7px 0 0 20px} .searchPgDiv .searchDate label{float:right;font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#8e8e8e;margin: 7px 0 0 5px;} .searchPgDiv .searchDate .txtBox{float: right;width: 115px;height: 30px;direction: rtl;margin: 0 0 0 10px;padding: 0 5px;border: 1px solid #d9d9d9;border-radius: 15px;background: #fff;color: #8a8a8a;font-family: GothamMedium,Tahoma;font-size: 0.750em;outline: none;} .searchPgDiv #loaderDivCategoriesAll{display:none;height:0!important} .searchPgDiv #loaderDivCategoriesAll img{display:none} .searchPgDiv .searchResults{display:inline-block;width:100%} .searchPgDiv .searchResults .filterDiv{width:100%;display:inline-block;margin:15px 0} .searchPgDiv .searchResults .filterDiv .todayNewsTabs{float:right} .searchPgDiv .searchResults .filter{font-family:GeSSTwoMedium, Tahoma;font-size:12px;color:#8e8e8e;float:right;margin: 7px 0 0 10px} .searchPgDiv .searchResults ul{width:auto!important} .searchPgDiv .searchResults .tabs-nav{border-radius:16px;border: 1px solid #c31717;overflow: hidden} .searchPgDiv .searchResults .tabs-nav li{width:auto;height:28px;} .searchPgDiv .searchResults .tabs-nav li a{height:30px;line-height:2.5; border:0; box-shadow:none;padding: 0 15.5px;transition: all 0.4s ease 0s;} .searchPgDiv .tabs-nav > li > a:hover, .searchPgDiv .tabs-nav > li > a:focus, .searchPgDiv .tabs-nav > li > a:active {background-color: #c31717;color: #fff;outline: 0} .searchPgDiv .searchResults .tabs-nav .tabs-selected a{background-color: #c31717;line-height: 2.5} .searchPgDiv .searchResults .tabs-nav li{width:auto;transition: all 0.4s ease 0s;} .searchPgDiv .searchResults .tabs-nav > li > a{border-right:none;box-shadow:none} .searchPgDiv .tabs-nav > li:hover > a, .searchPgDiv .tabs-nav > li:focus > a, .searchPgDiv .tabs-nav > li:active > a, .searchPgDiv .tabs-nav > li.selected > a {background-color: #c31717;color: #fff;outline: 0} .searchPgDiv .todayTabsContainer{width:100%} .searchPgDiv #cntntLoaderDiv{ background:#fff; padding:80px; text-align:center} .searchPgDiv .todayTabsContainer .nlist{border-bottom: 1px solid #dde2e4;color:#000;font-size:15px;padding:10px 0;direction:rtl;transition: background-color 0.4s ease 0s;} .searchPgDiv .todayTabsContainer .nlist:hover{background-color:#eee} .searchPgDiv .todayTabsContainer .nlist a{ font-weight:bold} .searchPgDiv .todayTabsContainer .nlist span{color:#999;border:0;padding: 0 0 0 10px; display:inline-block} .searchPgDiv .archivepaging {margin-top:60px} .searchPgDiv .archivepaging .next{position:absolute;width:163px;height:37px;bottom:0;left:100px;background:url(../images/2014/todayNext.png) no-repeat} .searchPgDiv .archivepaging .prev{position:absolute;width:163px;height:37px;bottom:0;right:100px;background:url(../images/2014/todayPrev.png) no-repeat} .searchPgDiv .achiveTabContent .noData{display:inline-block;font-family: DroidSansArabicRegular,Tahoma;color:#ee1b2e;font-size:18px;margin:10px} .searchPgDiv .btn {background:none;display: inline-block;} .searchPgDiv .searchresultDiv{border-bottom:1px solid #d7d7d7;position:relative;padding: 10px 0;} .searchPgDiv .searchresultDiv:last-child{ border-bottom:none;margin:0} .searchPgDiv .searchresultDiv img{ float:right; margin:7px 0 7px 5px} .searchPgDiv .searchresultDiv h2{ font-family: DroidSansArabicRegular,Tahoma;font-size:16px; color:#ee1b2e; padding:0 0 0 32px; margin:-10px 0 0; text-align:right} .searchPgDiv .searchresultDiv h2 a{ color:#ee1b2e; } .searchPgDiv .searchresultDiv .description{ font-size:16px; font-weight:bold; color:#000; padding:5px 0; margin:0; text-align:right} .searchPgDiv .searchresultDiv .date{font-size:12px; font-weight:bold;color:#7f7f7f; padding:0; margin:0; text-align:right} .searchPgDiv .tab-content .list li p{height:66px} .searchPgDiv .tab-content .list li .date{height: 20px!important;font-size: 14px!important;direction: rtl!important;color: #c31717!important;display: inline-block!important;} .searchPgDiv .tab-content .list li time{font-size: 11px!important;} .searchPgDiv .tab-content .grid li {height:215px!important} .searchPgDiv .tab-content .grid li .date{height: 20px!important;font-size: 14px!important;direction: rtl!important;color: #c31717!important} .searchPgDiv #postsListContainer{position:relative; min-height: 235px;} .searchPgDiv #postsListContainer .loadingDivOP, .archiveDiv #postsListContainer .loadingDivOP{height:235px} .searchPgDiv .noData, .archiveDiv .noData{font-family:GeSSTwoLight, Tahoma;font-size:16px;color:#333;text-align:center;padding:20px 0} /*********** Service Page *************/ /** Slider **/ .srvcPgSlider{margin-top: -18px;} .servicePage{margin:0!important} .srvcPgSlider .bx-wrapper .bx-viewport {height: auto!important} .srvcPgSlider .channelFeatureContent .bx-wrapper {padding: 0;max-width:100%!important} .srvcPgSlider .channelFeatureSlider {height: 400px} .srvcPgSlider .channelFeatureSlider .slideDescription {display:none} .srvcPgSlider .channelFeatureSlider .channelFeatureCat img{width:100%;height:auto} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-controls-direction a {background:none;top: 31%;} .srvcPgSlider .bx-wrapper .bx-controls-direction a {margin-top:0;width:auto;height:auto} .srvcPgSlider .bx-wrapper .bx-controls-direction a:before {font-size: 80px;text-shadow: 1px 1px 3px #666;} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-controls-direction a:after {border:none} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-prev {left:5%} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-next {right: 5%} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-pager {bottom: 35px;width: 100%;} .srvcPgSlider .channelFeatureContent .bx-wrapper .bx-pager a {border: 1px solid #fff!important;background: none} /** Masrawy Partners **/ .masrawyPartners{width:100%;background:#fff;box-shadow: 0px 1px 2px 0px #d1d1d1;display: inline-block; margin:15px 0 0 0} .masrawyPartners h1{text-align: center;background: #fff;padding:8px 0;position: relative;width: 18%;min-width:20px;margin: -15px auto 0;font-size: 20px;color: #5b5b5b;border-radius: 15px;} .masrawyPartners .prtnrsCnts{background:#fff;padding:5px 0 15px;width:940px;margin:0 auto;text-align:center} .prtnrsCnts > ul {text-align: center;} .masrawyPartners .prtnrsCnts li{ display:inline-block;margin-right:33px} .masrawyPartners .topPrtnrLogo{background:url(../images/partnersLogosImg.jpg) no-repeat;display: block} .masrawyPartners .jumia{background-position:0px -9px;width:84px;height:20px;margin-top:5px;transition: all 0.4s ease-in-out} .masrawyPartners .jumia:hover{background-position:0px -57px} .masrawyPartners .otlob{background-position:-99px -7px;width:72px;height:24px;margin-top:3px;transition: all 0.4s ease-in-out} .masrawyPartners .otlob:hover{background-position:-99px -55px} .masrawyPartners .linkdsl{background-position:-193px -5px;width:63px;height:21px;margin-top:5px;transition: all 0.4s ease-in-out} .masrawyPartners .linkdsl:hover{background-position:-193px -53px} .masrawyPartners .mobawaba{background-position:-278px -5px;width:97px;height:28px;margin-top:1px;transition: all 0.4s ease-in-out} .masrawyPartners .mobawaba:hover{background-position:-278px -53px} .masrawyPartners .bkam{background-position:-397px -10px;width:122px;height:18px;margin-top:6px;transition: all 0.4s ease-in-out} .masrawyPartners .bkam:hover{background-position:-397px -58px} .masrawyPartners .souq{background-position:-536px -11px;width:93px;height:15px;margin-top:8px;transition: all 0.4s ease-in-out} .masrawyPartners .souq:hover{background-position:-536px -59px} .masrawyPartners .offerna{background-position:-648px 0px;width:60px;height:31px;transition: all 0.4s ease-in-out} .masrawyPartners .offerna:hover{background-position:-648px -48px} .masrawyPartners .booking{background-position:-729px -9px;width:116px;height:20px;margin-top:5px;transition: all 0.4s ease-in-out} .masrawyPartners .booking:hover{background-position:-729px -57px} /** Masrawy Partners Contents **/ .servicePage h1{text-align: center;padding: 25px 0;font-size: 20px;color: #5b5b5b} .servicePage h2{color: #5b5b5b;padding:10px 0} .masrawyPartnersCnts{width:100%;margin-bottom:20px;background: none;border: none;box-shadow: none;} .masrawyPartnersCnts .partner{width:298px;float:right;margin-left:20px;background: #fff;margin-bottom: 20px;border-top: 2px solid #000;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} .masrawyPartnersCnts .partner:nth-child(3n) {margin-left:0;} .masrawyPartnersCnts .partner h2{width:300px;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:GothamMedium, Tahoma;font-size:19px;color:#333;letter-spacing:-2px} .masrawyPartnersCnts .partner .partnerLogo{height:100px} .masrawyPartnersCnts .partner img{margin:15px 0 25px;} .masrawyPartnersCnts .partner p{font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#868686;direction:rtl;padding:0 25px;text-align:center;height:120px} .masrawyPartnersCnts .partner .partnerBtn{text-align: center;background: #017cfe;padding: 8px 28px;position: relative;margin: 20px auto;font-family:GeSSTwoLight, Tahoma;font-size: 14px;color: #fff;border-radius: 20px;display: inline-block;transition: background-color 0.4s ease 0s;} .masrawyPartnersCnts .partner .partnerBtn:hover{background-color: #4fa5ff} .masrawyPartnersCnts .partner .sec1{width: 0;height: 0;border-top: 100px solid #feaa3a;border-right: 100px solid transparent;position:absolute;left:-5px;top:-6px} .masrawyPartnersCnts .partner .sec1:before{content:"";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #d28115;position:absolute;left:95px;top:-100px} .masrawyPartnersCnts .partner .sec1:after{content:"";width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #d28115;border-bottom: 5px solid transparent;position:absolute;left:0px;top:-5px} .masrawyPartnersCnts .partner .sec1 h3{padding: 0;font-size: 11px;position: absolute;display: block;width: 74px;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -80px;left: -2px;} .masrawyPartnersCnts .partner .sec2{width: 0;height: 0;border-top: 100px solid #ff3c30;border-right: 100px solid transparent;position:absolute;left:-5px;top:-6px} .masrawyPartnersCnts .partner .sec2:before{content:"";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #bd140a;position:absolute;left:95px;top:-100px} .masrawyPartnersCnts .partner .sec2:after{content:"";width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #bd140a;border-bottom: 5px solid transparent;position:absolute;left:0px;top:-5px} .masrawyPartnersCnts .partner .sec2 h3{padding: 0;font-size: 11px;position: absolute;display: block;width: 70px;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -82px;left: -2px;} .masrawyPartnersCnts .partner .sec3{width: 0;height: 0;border-top: 100px solid #bb1d49;border-right: 100px solid transparent;position:absolute;left:-5px;top:-6px} .masrawyPartnersCnts .partner .sec3:before{content:"";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #88072b;position:absolute;left:95px;top:-100px} .masrawyPartnersCnts .partner .sec3:after{content:"";width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #88072b;border-bottom: 5px solid transparent;position:absolute;left:0px;top:-5px} .masrawyPartnersCnts .partner .sec3 h3{padding: 0;font-size: 11px;position: absolute;display: block;width: 74px;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -80px;left: -2px;} .masrawyPartnersCnts .partner .sec4{width: 0;height: 0;border-top: 100px solid #5bc5bf;border-right: 100px solid transparent;position:absolute;left:-5px;top:-6px} .masrawyPartnersCnts .partner .sec4:before{content:"";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #11807a;position:absolute;left:95px;top:-100px} .masrawyPartnersCnts .partner .sec4:after{content:"";width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid #11807a;border-bottom: 5px solid transparent;position:absolute;left:0px;top:-5px} .masrawyPartnersCnts .partner .sec4 h3{padding: 0;font-size: 11px;position: absolute;display: block;width: 65px;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -82px;left: 0px;} /************************Survey Pages**************************************/ .surveyDiv {padding: 0 0 20px;position: relative;} .surveyDiv h1{font-family:GeSSTwoBold, Tahoma;font-size:24px;color:#fff;text-align:center; background-color:#ff7c24; line-height:2.2; -webkit-box-shadow: 0 8px 6px -6px #555;-moz-box-shadow: 0 8px 6px -6px #555;box-shadow: 0 8px 6px -6px #555;} .notificationDiv {background-color: rgba(255, 224, 204, 0.6);display: block;margin: 15px 0;width: 100%;} .notificationDiv p{ font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#555;display:block; padding:10px 15px} .notificationDiv p:before {background-color: #ff7c24;border-radius: 20px;color: #fff;content: "i";font-family: verdana;font-size: 16px;margin: 0 0 0 12px;padding: 0 8px;} .timeLineDiv{ width:94%; display:block; padding:10px 3%} .timeLineDiv p{ font-family:GeSSTwoMedium, Tahoma;font-size:14px;color:#afafaf} .timeLineDiv p:nth-child(1) { float:right} .timeLineDiv p:nth-child(2) { float:left} .timeLineDiv ul{ display:block;clear:both; float:none; padding:10px 3px} .timeLineDiv ul:after{ content:"";display:block;clear:both; float:none} .timeLineDiv li {background-color: #cfcfcf;border-radius: 35px;float: right;height: 20px;line-height: 1.25;margin:0 0 0 36.6px;padding: 2px;position: relative;text-align: center;transition: all 0.7s ease-in-out 0s;width: 20px;} .timeLineDiv li:last-child{ margin:0} .timeLineDiv li span{font-size:14px;color:#fff;font-family: Century Gothic; font-weight:bold; line-height:1.4;visibility:hidden; display:block;opacity:1;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out} .timeLineDiv li:after {background-color: #cfcfcf;content: "";display: block;height: 3px;right:22px;position: relative;top: -11px;width: 37px;} .timeLineDiv li:last-child:after {background-color: #cfcfcf;content: "";display: block;height: 3px;right:20px;position: relative;top: -8px;width: 11px;display:none} .timeLineDiv li:hover, .timeLineDiv li:hover:after{background:#cfcfcf!important} .timeLineDiv li.checked {background-color: #ff7c24!important} .timeLineDiv li:hover span{} .timeLineDiv li.checked span{visibility:visible;opacity:1} .timeLineDiv li.checked:after {background-color: #ff7c24!important} .surveyDiv h2 {color: #333;font-family: GeSSTwoMedium,Tahoma;font-size: 21px;margin: 10px;text-align: center;} .answersDiv:after{ content:"";display:block;clear:both; float:none} .answerItem{ float:right; width:14.666%; margin:5px 1%; height:130px; text-align:center;font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#000; overflow:hidden} .answerItem .imgMask{border-radius:50%; cursor:pointer; overflow:hidden;transition: all 0.4s ease-out 0s; border:5px solid #d6d6d6; margin-bottom:5px; position:relative;height:76px} .surveyDiv .answerItem .imgMask:hover:before, .surveyDiv .answerItem .imgMask.selected:before {background: none repeat scroll 0 0 rgba(255, 124, 36, 0.5);content: "I";color:#fff;text-align:center; line-height:2.8; font-size:30px;height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index:1} .surveyDiv .answerItem .imgMask:hover, .surveyDiv .answerItem .imgMask.selected{ border:5px solid #ff7c24} .answerItem .imgMask img{ width:100%;height:80px;position:absolute;top:0;left:0} .answerItem p{text-align:center;padding: 0 5px;height: 43px;overflow: hidden;line-height:1.2} .answerItem p > span{font-size:11px;color:#aaa; display:block} .nxtPrevDiv{margin:10px auto;width: 32%; direction:ltr;height: 32px;} .nxtPrevDiv:after{ content:"";display:block;clear:both; float:none} .nxtPrevDiv> a{ background-color:#ff7c24; border-radius:20px;font-family:GeSSTwoLight, Tahoma;font-size:16px;color:#fff; text-align:center; padding:4px 25px;float: left;transition: background-color 0.4s ease 0s;} .nxtPrevDiv> a:hover{ background-color:#dc5e00} .nxtPrevDiv .prevQtns{ margin-left:10px;float: right;} .nxtPrevDiv .nextQtns{} .notificationIco {background-color: #d8d8d8;border-radius: 35px;bottom: 5px;color: #fff;display: inline-block;font-size: 11px;height: 15px;left: 5px;position: absolute;text-align: center;width: 15px; position:absolute;transition: all 0.4s ease 0s;} .notificationIco:hover{background-color:#ff7c24; color:#fff} .notificationIco:hover:after{background-color:#ff7c24; color:#fff} /******************* Survey Result *******************/ .surveyPopUp { background-color: rgba( 0, 0, 0, 0.6);z-index:999999999; position:fixed; top:0; right:0; width:100%; height:100%;text-align: center;} .surveyPopUp .surveyPopTxt{ background:#fff; width:500px; margin-right:-250px; right:50%;top:32%; padding:30px 20px; border-radius:4px; position:absolute; box-shadow:0 0 16px 2px #333 } .surveyPopTxt > p:nth-child(1) {text-align: center;font-family: GeSSTwoMedium, Tahoma;font-size: 18px; margin-bottom: 15px;} .surveyPopTxt > p:nth-child(2) {text-align: center;font-family: GeSSTwoLight, Tahoma;font-size: 16px; margin-bottom:10px;} .shareBtns {clear: both;float: none;font-family: GeSSTwoLight,Tahoma;font-size: 16px;margin: 0 auto 25px;overflow: hidden;text-align: center;width: 205px;} .okBtn {background: none repeat scroll 0 0 #ff7c24;border-radius: 20px;color:#fff;font-family: GeSSTwoLight, Tahoma;font-size: 16px;display: inline-block;padding: 8px 25px;text-align: center; transition: background-color 0.4s ease 0s} .okBtn:hover {background: none repeat scroll 0 0 #dc5e00;color:#fff} .circles-decimals {font-size: 24px;} .surveyPopUp .shareBtns{width:172px!important} .surveyPopUp .social-share{margin-left:0!important;margin-right:5px!important} .surveyPopUp .social-share:last-child{margin-right:0!important} .surveyPopUp .closeBtn {border-radius: 5px;color: #aaa!important;cursor: pointer;display: block;float: left;font-size: 14px;margin: 0 5px;max-width: 25px;overflow: hidden;padding:5px 10px 5px 5px;position: relative;transition: all 0.4s ease 0s; height:25px; position:absolute; top:5px; left:0} .surveyPopUp .closeBtn:before {border: 2px solid #aaa!important;border-radius: 20px;cursor: pointer;display: inline-block;font-family: arial;height: 10px;line-height: 0.6;margin: 0;padding: 5px;text-align: center;transition: all 0.4s ease 0s;width: 10px;content:"x"} .surveyPopUp .closeBtn span.optn {color: #aaa!important;cursor: pointer;left: -60px;margin-left: 5px;opacity: 0;position: relative;transition: all 0.4s ease-out 0s;visibility: hidden;font-family: GeSSTwoLight, Tahoma;font-size: 16px;} .surveyPopUp .closeBtn:hover {background-color: #ddd!important;max-width: 200px;text-decoration: none;} .surveyPopUp .closeBtn:hover:before {border: 2px solid #333!important;color: #333!important} .surveyPopUp .closeBtn:hover span.optn {color: #333!important;left:0; opacity: 1;visibility: visible;} .surveyResDiv h1{font-family:GeSSTwoBold, Tahoma;font-size:24px;color:#fff;text-align:center; background-color:#ff7c24; line-height:2.2; -webkit-box-shadow: 0 6px 10px -7px #555;-moz-box-shadow: 0 6px 10px -7px #555;box-shadow: 0 6px 10px -7px #555;z-index: 9;position: relative;} .surveyResDiv .votingRes{background:#fff;padding:15px 0;margin-bottom:35px;display: inline-block;width: 613px;border: 1px solid #ddd;} .surveyResDiv .votingRes p{font-family:GeSSTwoMedium, Tahoma;font-size:12px;color:#777;float:right;padding:0 10px;width: 120px;text-align:center} .surveyResDiv .votingRes p span{font-family:GothamMedium, Tahoma;font-size:32px;color:#c31717;line-height: 1;} .surveyResDiv .votingRes .votingShare{display:inline-block;float:left;margin:10px 0 0 8px} .surveyResDiv .expand {width: 298px;display: block;float: right;margin-bottom: 42px;margin-left: 15px;} .surveyResDiv .expand:nth-child(2n){margin-left:0} .surveyResDiv .surveyResSec {position: relative;border:1px solid #ddd;float:right;clear:none;background: #fff;width:100%} .surveyResDiv .more{display:inline-block;width:100%;height:40px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#333;Background:#f3f3f3;text-align:center;line-height: 2.8;position:relative;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;transition: background-color 0.4s ease 0s;} .surveyResDiv .more:hover{Background-color:#eee} .surveyResDiv .surveyResSec .secNum{position:absolute;top:-30px;left:124px;background:#ababab;color:#fff;width:35px;height:35px;border:8px solid #e9e9e9;border-radius:50%;text-align:center;font-family:GothamMedium, Tahoma;font-size:20px;line-height: 1.7} .surveyResDiv .noMargin{margin-left:0} .surveyResDiv h2 {color: #333;font-family: GeSSTwoMedium,Tahoma;font-size: 21px;margin: 30px 10px 0;text-align: center;height:54px} .surveyResDiv .answerItem{ float:right; width:30%; margin:10px 0 0;height:210px; text-align:center;font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#000; overflow:hidden;position:relative} .surveyResDiv .win{width:40%} .surveyResDiv .win .imgMask{margin-top:0} .surveyResDiv .win p{margin-top:10px} .surveyResDiv .answerItem .rateNum{width:100%;font-family:GothamMedium, Tahoma;font-size:32px;position:absolute;bottom:0;direction: ltr;} .surveyResDiv .answerItem .rateNum span{font-size:20px;position: absolute;top: 7px;} .answerItem:nth-child(1) .rateNum {color:#fbb03b;border-bottom:4px solid #fbb03b} .answerItem:nth-child(2) .rateNum {color:#45bb61;border-bottom:4px solid #45bb61} .answerItem:nth-child(3) .rateNum {color:#ff4444;border-bottom:4px solid #ff4444} .surveyResSec .circle{ position:absolute; top:0; right:0;z-index:1} .surveyResSec .answerItem:nth-child(1){border-bottom: 4px solid #fbb03b;} .surveyResDiv .answerItem:nth-child(1) .circles-text{ color:#fbb03b} .surveyResDiv .answerItem:nth-child(1) .circle > .circles-wrp{position: relative;margin:30px 4.5px 0 } .surveyResSec .answerItem:nth-child(2){ border-bottom: 4px solid #45bb61;width:40%} .surveyResSec .answerItem:nth-child(2) .circle{margin: 0 10px;} .surveyResSec .answerItem:nth-child(2) {border-bottom: 4px solid #45bb61;width: 40%;} .surveyResDiv .answerItem:nth-child(2) .imgMask {margin: 1px 11px 15px;height: 82px;} .surveyResDiv .answerItem:nth-child(2) p{ font-size:13px} .surveyResDiv .answerItem:nth-child(2) .circles-text{ color:#45bb61;top: 175px!important;} .surveyResSec .answerItem:nth-child(3){ border-bottom: 4px solid #ff4444;} .surveyResDiv .answerItem:nth-child(3) .circles-text{ color:#ff4444} .surveyResDiv .answerItem:nth-child(3) .circle > .circles-wrp {position: relative;margin:30px 4.5px 0 } .surveyResDiv .answerItem .imgMask {border: 8px solid transparent;border-radius: 50%;margin-bottom: 5px;position: relative;margin:24px 0 5px} .circles-text {color: #fbb03b;font-family: Century Gothic !important;font-size: 32px !important;height: 40px !important;line-height: 1.2 !important;top: 145px !important;} .circles-text:after{ content:"%";font-size: 18px;} /** Expand **/ .surveyResDiv .og-grid {list-style: none;padding: 20px 0;margin: 0 auto;text-align: center;width: 100%;} .surveyResDiv .og-grid li {display: inline-block;margin: 10px 5px 0 5px;vertical-align: top;height: 250px;} .surveyResDiv .og-grid li > a, .og-grid li > a img {border: none;outline: none;display: block;position: relative;} .surveyResDiv #og-grid li.og-expanded > a::after {top: 48px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #fff;border-width: 20px;left: 50%;margin: -20px 0 0 -15px;z-index:9} .surveyResDiv .og-expander {position: absolute;background: #fff;top: auto;right: 205px;left: auto;width: 610px;margin-top: 20px;text-align: right;height: 0;overflow: hidden;transition: all 0.4s linear;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;} .surveyResDiv .og-expander-inner {padding:20px;height: 100%;} .surveyResDiv .og-close {background:#f7f7f7;padding:4px 12px 0;line-height: 1.8;border-radius:20px;position: absolute;top: 15px;cursor: pointer;direction:rtl;color: #333;left: 10px;width: 65px;font-family: GeSSTwoMedium, Tahoma;z-index: 1;transition: background-color 0.4s ease 0s;} .surveyResDiv .og-close:before {content: 'u';position: absolute;font-size:14px;left: 3px;top: 4px;border: 2px solid #333;border-radius: 20px;width: 20px;height: 20px;} .surveyResDiv .og-close:hover{background-color:#eee} .og-expander .answerItem {width: 90px;height:180px} .og-expander .answerItem .imgMask {margin: 0 5px 10px;position: relative;top:1px;right:0;border:0;width:78px;height:78px} .og-expander .answerItem p{color:#fff} .og-expander .answerItem .circle{position:absolute;top:0;right:0;z-index:99} .surveyResDiv .og-expander .answerItem:nth-child(1) .circle > .circles-wrp{margin-top:0!important} .surveyResDiv .og-expander .og-details .secCnts li p{color:#333} .surveyResDiv .og-expander .circles-text{top:135px!important;color: #ccc!important} .surveyResDiv .og-fullimg, .og-details {width: 50%;float: left;height: 100%;overflow: hidden;position: relative;} .surveyResDiv .og-details {margin: 0 auto;float: none;padding:0;width: auto;} .surveyResDiv .og-fullimg {text-align: center;display:none} .surveyResDiv .og-fullimg img {display: inline-block;max-height: 100%;max-width: 100%;} .surveyResDiv .og-details h3 {font-family: GeSsTwoBold,Tahoma;font-size: 28px;display: block;padding: 0;margin:0 100px 20px;color: #333;text-align: center;} .surveyResDiv .og-details .secCnts{padding: 0;} .surveyResDiv .og-details .secCnts li{margin: 10px 15px 15px;} .surveyResDiv .og-details .secCnts li p{color:#fff;transition: color 0.4s ease 0s;} .surveyResDiv .og-details .secCnts li p:hover{color:#ccc} .surveyResDiv .og-loading {width: 20px;height: 20px;border-radius: 50%;background: #ddd;box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;-webkit-animation: loader 0.4s infinite ease-in-out both;-moz-animation: loader 0.4s infinite ease-in-out both;animation: loader 0.4s infinite ease-in-out both;} /*********** Year Ender ***********/ .yearEnder{width: 100%;display: inline-block;} .yearEnder .yearEnderCnts{width: 940px;margin: 0 auto;} .yearEnder .expand{width:460px;display: block;float:right;margin-bottom: 20px;margin-left:20px} .yearEnder .noMargin{margin-left:0} .yearEnder .yearEnderSec{width:100%;background: #fff;border-top: 2px solid #c31717;border-left: 1px solid #ddd;border-right: 1px solid #ddd;display: block;float:right;clear:none} .yearEnder .yearEnderSec:after{clear:both; float:none; content:""; display:block} .yearEnder .expand .more{display:inline-block;width:100%;height:40px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#333;Background:#f3f3f3;border-top:1px solid #ddd;text-align:center;line-height: 2.8;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;position:relative;transition: background-color 0.4s ease 0s;} .yearEnder .expand .more:hover{Background-color:#eee} .yearEnder .secCnts{padding:0 12px} .yearEnder .secCnts li{ float:right; width:190px; margin:10px 14px 15px;} .yearEnder .secCnts li img{ display:block;width:190px; height:132px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .yearEnder .secCnts li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .yearEnder .secCnts li p{ padding:10px 7px; font-size:1.000em;font-weight:bold;height: 40px;overflow: hidden;line-height:1.5;cursor:pointer;transition: color 0.4s ease 0s;} .yearEnder .secCnts li:hover p{color:#c31717} .yearEnder .hasadWrapp, .yearEnder .banerWrapp {display: block;float: right;margin-bottom: 20px;margin-left: 20px;width: 460px;} .yearEnder .hasadWrapp {margin-left: 0;} .yearEnder .sports{border-top: 2px solid #168039} .yearEnder .sports .secCnts li p:hover{color:#168039} .yearEnder .arts{border-top: 2px solid #ff7c24} .yearEnder .arts .secCnts li p:hover{color:#ff7c24} /** Pattern 08 **/ .yearEnderSlider{position:relative} .yearEnderSlider .yearEnderItem{ float:right; width:190px!important; margin:10px 20px 15px!important} .yearEnderSlider .yearEnderItem img{ display:block;width:190px; height:132px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .yearEnderSlider .yearEnderItem:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .yearEnderSlider .yearEnderItem p{ padding:10px 7px; font-size:1.000em;font-weight:bold;height: 40px;overflow: hidden;line-height:1.5;cursor:pointer;color: #fff;transition:color 0.4s ease 0s;} .yearEnderSlider .yearEnderItem:hover p{color:#afaea3} .hasadCnts{display:block; width:100%; padding:0; position:relative} .yearEnderDiv img{width:100%;height:208px;border-top: 1px solid #eee;} .hasadCnts .icon-playIcon:before { content: "c";color:#fff;font-size:62px;text-shadow: 1px 1px 3px #666;min-height: 50px;position: absolute;top: 50px;left: 125px;z-index: 2000;text-align:center } .yearEnderDiv p{color: #fff;text-align: right;position: absolute; bottom:0; right:0;font-size: 18px;font-weight:bold;background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black);background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 );width:94%;padding: 10px 3%;line-height: 1.4;overflow: hidden;} .hasadCnts .bx-wrapper .bx-controls-direction a {background-color:#c31717;top: 44%;} .hasadCnts .bx-wrapper .bx-next {right: -6px;} .hasadCnts .bx-wrapper .bx-prev {left: -6px;} .hasadCnts .bx-wrapper { padding:0} .yearEnder .hasad{background: #333;border:none;border-left: 1px solid #111;border-right: 1px solid #111;float: right;width: 460px;} .yearEnder .hasad .ttl h2 a{color:#fff} .yearEnder .hasad .hasadCnts{height:222px} .yearEnder .hasad .more{display:inline-block;width:100%;height:40px;font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#fff;Background:#222;border-top:1px solid #111;border-right: 1px solid #111;border-bottom: 1px solid #111;box-shadow: 0px 1px 0px 0px #d1d1d1;text-align:center;line-height: 2.8;;position: relative;transition: background-color 0.4s ease 0s;} .yearEnder .hasad .more:hover{Background-color:#111} /** Expand **/ .og-grid {list-style: none;padding: 20px 0;margin: 0 auto;text-align: center;width: 100%;} .og-grid li {display: inline-block;margin: 10px 5px 0 5px;vertical-align: top;height: 250px;} .og-grid li > a, .og-grid li > a img {border: none;outline: none;display: block;position: relative;} #og-grid li.og-expanded > a::after {top: 48px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #333;border-width: 20px;left: 50%;margin: -20px 0 0 -15px;} .og-expander {position: absolute;background: #333;top: auto;left: 0;width: 100%;margin-top: 20px;text-align: right;height: 0;overflow: hidden;transition: all 0.4s linear;} .og-expander-inner {padding:20px;height: 100%;} .og-close {background:#2d2d2d;padding:4px 12px 0;line-height: 1.8;border-radius:20px;position: absolute;top: 25px;cursor: pointer;direction:rtl;color: #fff;left: 80px;width: 65px;font-family: GeSSTwoMedium, Tahoma;z-index: 1;transition: background-color 0.4s ease 0s;} .og-close:before {content: 'u';position: absolute;font-size:14px;left: 3px;top: 4px;border: 2px solid #fff;border-radius: 20px;width: 20px;height: 20px;} .og-close:hover{background-color:#2a2a2a} .og-fullimg, .og-details {width: 50%;float: left;height: 100%;overflow: hidden;position: relative;} .og-details {margin: 0 auto;float: none;padding: 0 104px;width: auto;} .og-fullimg {text-align: center;display:none} .og-fullimg img {display: inline-block;max-height: 100%;max-width: 100%;} .og-details h3 {font-family: GeSsTwoBold,Tahoma;font-size: 32px;display: block;padding: 0;margin-bottom: 10px;color: #fff;text-align: center;} .og-details .secCnts{padding: 0;} .og-details .secCnts li{margin: 10px 15px 15px;} .og-details .secCnts li p{color:#fff;transition:color 0.4s ease 0s;} .og-details .secCnts li p:hover{color:#ccc} .og-loading {width: 20px;height: 20px;border-radius: 50%;background: #ddd;box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;-webkit-animation: loader 0.4s infinite ease-in-out both;-moz-animation: loader 0.4s infinite ease-in-out both;animation: loader 0.4s infinite ease-in-out both;} .OfferSliderDiv .bx-wrapper .bx-viewport{ height:100px!important} .ArticleAdSliderDiv .bx-wrapper .bx-viewport{ height:62px!important} /** Policy Page **/ .policyDiv{float: right;width: 100%;display:inline-block;position: relative;border-top: 0!important;} .policyDiv u{color:#fff;font-size:16px;font-family:GeSSTwoMedium, Tahoma;font-weight:normal;text-decoration: none} .policyDiv .cont{font-size:16px;color:#000;direction: rtl;padding: 5px 10px;} .policyDiv p{padding:5px 0;direction:rtl;font-size: 16px;font-weight: 700;color: #333;line-height: 1.4;display: block;transition: color .4s ease 0s;overflow: hidden;} .policyDiv .cont strong{font-size:17px;font-weight: bold;padding:10px 0 0;display:inline-block;width: 100%;} .policyDiv ul{margin-top:10px;padding: 0 20px;} .policyDiv li{ font-size:16px;color:#000} .policyDiv li span{width:7px;height:7px;background:#c31717;float: right;margin: 8px 0 0 10px} /*************** Author Page ***************/ .authorDiv{border-top:none!important;display: inline-block;width: 100%;} .authorDiv .writerDiv{display:inline-block;padding: 15px 30px;float:right} .authorDiv .writerMainDiv{float:right;direction:rtl;padding:10px 10px 15px;border-bottom:1px solid #e3e3e3;width:398px} .authorDiv img{float:right;width:125px;height:125px;border-radius:65px;margin-left:0.625em;border: 1px solid #e7e7e7;} .authorDiv .writerName{color:#333;font-family: GeSsTwoBold,Tahoma;font-size:24px} .authorDiv .writerName span{font-family: GeSsTwoLight,Tahoma;color:#999;font-size:18px;display: block;margin: 10px 0;} .authorDiv .writerTweet{margin-top: 5px;display: inline-block;direction: ltr;} .authorDiv .writerTweet .tweeterName{float:right;color:#000;font-family: GothamMedium,Tahoma;font-size:0.750em} .authorDiv .writerTweet .tweet{float:right;margin-right:5px} .authorDiv .writerTweet .fbSubscribe{float:right;margin-right:20px;width: 105px} .authorDiv .writerDiv .authorDetails{display:inline-block;float: right;margin: 0 30px;overflow:hidden} .authorDiv .writerDiv .authorDetails h1{font-family: GeSsTwoMedium,Tahoma;color:#333;font-size:18px;display: block;margin-bottom:5px} .authorDiv .writerDiv .authorDetails p{font-size:14px;color:#333;direction:rtl;line-height: 1.3;height: 71px;margin: 0 1px;} .authorsArticle{width:100%;margin-bottom: 50px;display: inline-block;} .authorsArticle li {background-color:#fff;float: right;margin: 5px 0 5px 10px;padding: 1%;width: 285px; position:relative;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;transition: background-color 0.4s ease 0s;} .authorsArticle li:nth-child(3n){margin-left:0} .authorsArticle li:hover {background-color:#f4f4f4;cursor: pointer} .authorsArticle li .imgLnk{float: right;margin-left: 10px;padding-bottom: 0;} .authorsArticle li img{ width:135px; height:94px;border: 1px solid #d7d7d7;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .authorsArticle li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .authorsArticle li p a{font-size: 1.00em;font-weight:bold;line-height: 1.4;max-height: 66px;overflow: hidden;padding: 5px 2px 0; color:#333;transition:all 0.2s ease-in-out 0s} .authorsArticle li:hover p a{color:#c31717} .authorsArticle li .more{float:right;font-size:0.938em;font-weight:bold;display: inline-block;color:#666666; position:absolute; bottom:1%;width: 45%;} .authorsArticle li time{float:right;font-size:0.875em;display: inline-block;color:#999; position:absolute; bottom:2%;width: 45%;} .authorsArticle li .icon-time:before{content:'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.5;} /* Home Page 2015 ********************************************************************************/ /** Featured Area **/ /*channelFeatureSlider*/ .hpFeaturedArea{width:100%;border: none!important;} .hpFeaturedAreaContent {position: relative;} .hpFeaturedAreaSlider{margin:0; position:relative;background-color:#ccc} .hpFeaturedArea .bx-wrapper .bx-viewport {height:485px!important} .hpFeaturedAreaSlider{height:460px; overflow:hidden} .hpFeaturedAreaSlider .hpFeatureCat img{ float:right; width:394px;height: 100%} .hpFeaturedAreaSlider .hpFeatureDescription{font-family:GeSsTwoLight,Tahoma;background-color: #222;float:right; width:185px;height:202px; padding:35px 18px;position:relative; text-align:center} .hpFeaturedAreaSlider .hpFeatureDescription p{color:#fff; font-size:1.250em;max-height: 146px; overflow: hidden;width: 165px;float: right;} .hpFeaturedAreaSlider .hpFeatureDescription span{font-size:1.000em; margin-top:0.625em; display:block; } .hpFeaturedAreaSlider .hpFeatureDescription .moreLnk {background-color: #7d225d;border-radius: 20px;bottom:40px;color: #fff;display: inline-block;font-size: 0.750em;left: 50%;margin: 20px auto 0 -64px;padding: 10px 40px;position: absolute;text-align: center;transition: background-color 0.4s ease 0s;} .hpFeaturedAreaSlider .hpFeatureDescription .moreLnk:hover {background-color: #630043} .hpFeaturedAreaContent .bullets{left: 0;width: 220px} .hpFeaturedAreaContent .bx-wrapper {padding: 0;background:#ccc} .hpFeaturedAreaContent .bx-wrapper .bx-prev{ left: -6px;} .hpFeaturedAreaContent .bx-wrapper .bx-next{ right: -6px;} .hpFeaturedAreaContent .bx-wrapper .bx-pager {bottom: 7px;width: 100%} .hpFeaturedAreaContent .bx-wrapper .bx-controls-direction a {background-color: #333!important;top:36%;transition: background-color 0.4s ease 0s;} .hpFeaturedAreaContent .bx-wrapper .bx-controls-direction a:hover {background-color: #222!important} .hpFeaturedAreaContent .bx-wrapper .bx-controls-direction a:before{color:#fff} .hpFeaturedAreaContent .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #222!important} .hpFeaturedAreaContent .bx-wrapper .bx-pager a {border:1px solid #777!important;background-color: #ccc!important;transition: background-color 0.4s ease 0s;} .hpFeaturedAreaContent .bx-wrapper .bx-pager a:hover, .hpFeaturedAreaContent .bx-wrapper .bx-pager a.active {background-color:#777!important} .hpFeaturedArea .read{display:inline-block;width:100%} .hpFeaturedArea .read span{display:none} .hpFeaturedArea .read h2{font-family:GeSSTwoMedium, Tahoma;font-size:13px;color:#afaea3;margin:9px 10px 5px;} .hpFeaturedArea .fstNew{float:right;width:100%;height:310px;display:inline-block;position:relative;box-shadow: 0 0px 5px 0px #111;overflow:hidden} .hpFeaturedArea .fstNew .masLogoBg{background:#c31717;float:right;padding:5px 35px;position: absolute;right: 10px;top: 10px;border-radius:15px;font-family:GeSSTwoMedium, Tahoma;font-size:11px;color:#fff;text-align:center;cursor:pointer;z-index:9;transition:all 0.2s ease-in-out 0s} .hpFeaturedArea .fstNew img{width:100%;height:428px;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .hpFeaturedArea .fstNew:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpFeaturedArea .fstNew .mainDesc{display:inline-block;height: 60px} .hpFeaturedArea .fstNew .mainDesc .desc{width: 300px;height: 250px;float: right;position: absolute;left: -330px;top: 0; padding: 30px 40px 30px 380px;background: linear-gradient(left, black, transparent);background: -moz-linear-gradient(left, black, transparent);background: -webkit-linear-gradient(left, black, transparent); background: -o-linear-gradient(left, black, transparent);background: -ms-linear-gradient(left, black, transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#004c4c4c',GradientType=1 );cursor:pointer;pointer-event:none} .hpFeaturedArea .fstNew .mainDesc .desc p{color: #fff;text-align: left;font-family:GeSSTwoMedium, Tahoma;font-size: 24px;line-height: 1.55;width:100%;cursor: pointer;float:right;text-shadow:2px 2px 5px #333;transition:all 0.2s ease-in-out 0s} .hpFeaturedArea .fstNew:hover .mainDesc .desc p{color:#fff} .hpFeaturedArea .fstNew .mainDesc .desc .icon-time {float: right;font-family: GeSSTwoLight, Tahoma;font-size: 12px;display: none;color: #c2c2c2;line-height: 1.5;direction:rtl} .hpFeaturedArea .fstNew .mainDesc .desc .icon-time:before {content: 'D';margin-left: 3px;font-size: 11px;float: right;line-height: 1.7} .hpFeaturedArea .newList{position:relative;float:right;display:inline-block;margin:6px 6px 6px 0;overflow:hidden;border:3px solid #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;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s} .hpFeaturedArea .newList:hover{border-top:3px solid #c31717} .hpFeaturedArea .newList .masLogoBg{display:none} .hpFeaturedArea .newList img{width:191px;height:136px;float:right;filter: brightness(70%);-webkit-filter: brightness(70%);-moz-filter: brightness(70%);-o-filter: brightness(70%);-ms-filter: brightness(70%);transition:all 0.2s ease-in-out 0s} .hpFeaturedArea .newList:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpFeaturedArea .newList p{color: #fff;text-align: right;position: absolute;bottom: 0;left:0;font-size: 16px;font-weight: bold; background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 ); width: 172px;height: 30px;line-height: 1.3;padding: 10px;overflow: hidden;cursor: pointer;} .hpFeaturedArea .newList:hover p{color:#fff} .hpFeaturedArea .featItmHide{display:none} /** Ticker **/ .newsTicker{margin-bottom: 10px;background: #fff;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display: block;padding: 5px 15px;height: 25px;overflow: hidden;} .newsTicker h1{float:right;margin-left:20px;color:#c31717;margin-top: 4px;} .newsTicker .news{float:left;width: 100%} .newsTicker li{white-space: nowrap;width: 100%!important;display:inline-block} .newsTicker li a{font-family:GeSSTwoMedium, Tahoma;color:#333;font-size:14px;float:right;display:block;line-height: 2;transition: color 0.4s ease 0s;} .newsTicker li a:hover{color:#777} .newsTicker li .icon-time {float: left;font-family: GeSSTwoMedium, Tahoma;font-size: 13px;display:block;color: #999;line-height:1.4;margin-top:5px} .newsTicker li .icon-time:before {content: 'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.5;} /** Tabs Content **/ .hpSec{position:relative;} .hpSec #sectionsColorCode{display:block;position:relative} .hpSec .tabs-container{} .hpSec .hpSecCnts{padding:0} .hpSec .hpSecCnts .tabContent{position:relative;display:inline-block;width:100%} .hpSec .cnts {padding:0} .hpSec .tabs-nav{width:100%;margin-bottom: 10px;background:#f3f3f3} .hpSec .tabs-nav li{font-size: 14px;} .hpSec #tab-content {border:none;background:#fff;position:relative;height:217px;} .hpSec #tab-content .noMatches{text-align:center;font-size:18px;padding:10px 0} .hpSec .tabs-nav > li > a {padding: 5px 20px;transition: background-color 0.4s ease 0s;} .hpSec .tabs-nav > li:hover > a, .hpSec .tabs-nav > li:focus > a, .hpSec .tabs-nav > li:active > a {background-color:#c31717} .hpSec .tabs-nav > li > a:hover, .hpSec .tabs-nav > li > a:focus, .hpSec .tabs-nav > li > a:active {background-color:#c31717} .hpSec .tabs-nav .tabs-selected a{font-size:14px;line-height: 2;background-color:#c31717;color:#fff} .hpSec .bx-controls-direction a {top: 55%;margin-top: 0;outline: 0;background: #c31717;display: block;position: absolute;width: 36px;height: 39px;color: #fff;text-align: center;line-height: 35px;z-index: 999;transition: background-color 0.4s ease 0s;} .hpSec .bx-controls-direction a:hover {background-color: #ad0006} .hpSec .bx-controls-direction .bx-prev {left: -6px;} .hpSec .bx-controls-direction .bx-prev:before{content:"g";font-size: 23px;line-height: 1.7;color: #fff;} .hpSec .bx-controls-direction .bx-prev:after{content: '';width: 0;height: 0;border-left: 6px solid transparent;border-top: 6px solid #610141;position: absolute;top: 39px;left: 0;} .hpSec .bx-controls-direction .bx-next {right: -6px;} .hpSec .bx-controls-direction .bx-next:before{content:"f";font-size: 23px;line-height: 1.7;color: #fff;} .hpSec .bx-controls-direction .bx-next:after{content: '';width: 0;height: 0;border-right: 6px solid transparent;border-top: 6px solid #610141;position: absolute;top: 39px;right: 0;} .hpSec .pattern04Cnts{margin-top:10px} .hpSec .pattern04Div{margin-right:9px;padding:0} .hpSec .pattern04list{width:297px;position: relative;border-bottom:none;margin-right:9px;padding:0 0 15px 0} .hpSec .pattern04list:nth-child(5), .hpSec .pattern04list:nth-child(7), .hpSec .pattern04list:nth-child(9) {margin-right:9px} .hpSec .pattern04list p {width:140px;padding-right:10px;height:54px} .hpSec .pattern04list .secName{position:absolute;bottom:14px;right:147px;color:#777;font-size:14px;font-weight:bold} .hpSec .pattern04list time{float: right;font-size: 0.875em;display: inline-block;color: #999;position: absolute;bottom: 2%;width: 45%;text-align: right;left: 10px;} .hpSec .pattern04list time:before{content: 'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.5;} /* Ad Native */ .hpSec .nativeAdContainer{float:right} .hpSec .nativeAdContainer a{display: block!important;overflow: hidden;} .hpSec .str-adunit{width:297px;position: relative;border-bottom:none;margin-right:9px;padding:0 0 15px 0;float:right} .hpSec .str-adunit p {width:140px;padding-right:10px;height:54px;float:right} .hpSec .str-adunit .str-advertiser{margin:0 10px!important;font-weight:bold;color:#aaa} .hpSec .str-adunit .str-slug-placeholder{position:absolute;bottom:14px;right:147px;color:#777;font-size:14px;font-weight:bold} .hpSec .str-adunit time{float: right;font-size: 0.875em;display: inline-block;color: #999;position: absolute;bottom: 2%;width: 45%;text-align: right;left: 10px;} .hpSec .str-adunit time:before{content: 'D';margin-left: 3px;font-size: 12px;float: right;line-height: 1.5;} /* Eight Pattern */ .eightPattern{padding:0 8px;display: inline-block;} .eightPattern li{ float:right; width:135px; margin:10px 7px;overflow:hidden} .eightPattern li img{ display:block;width:135px; height:96px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .eightPattern li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .eightPattern li p{ padding:5px 7px; font-size:1.000em;font-weight:bold;height:54px;overflow: hidden;line-height:1.3;cursor:pointer;;transition: color 0.4s ease 0s;} .eightPattern li:hover p{color:#7d225d} /* Six Pattern */ .sixPattern{padding:0 0.313em;display: inline-block;} .sixPattern li{ float:right; width:190px; margin:10px 0.313em;overflow:hidden} .sixPattern li img{ display:block;width:190px; height:132px;border: 1px solid #eee;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .sixPattern li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .sixPattern li p{ padding:10px 7px; font-size:1.000em; /*font-family:Adobe Arabic;*/font-weight:bold;height: 40px;overflow: hidden;line-height:1.5;cursor:pointer;;transition: color 0.4s ease 0s;} .sixPattern li:hover p{color:#7d225d} /** Masrawy Services **/ .hpMasrawyService{border-top:none!important} .hpMasrawyService .masrawyServiceContent .serviceSliderCnts{display:inline-block;padding:10px 10px 3px} .hpMasrawyService .masrawyServiceContent{position:relative} .hpMasrawyService .masrawyServiceContent .service img {border: 1px solid #e8e8e8;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s; display: block;max-width: 100%;} .hpMasrawyService .masrawyServiceContent .service:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpMasrawyService .masrawyServiceContent .bx-wrapper .bx-pager {bottom: 7px;width: 100%} .hpMasrawyService .masrawyServiceContent .bx-wrapper .bx-prev {left: -17px;display:block} .hpMasrawyService .masrawyServiceContent .bx-wrapper .bx-next {right: -18px;display:block} .hpMasrawyService .ttl{background:#1087c7!important;position:relative} .hpMasrawyService h2{display:block;text-align:right;padding: 8px 10px;font-size:18px} .hpMasrawyService .ttl .moreLnk::after {border-right:5px solid #1087c7!important} .hpMasrawyService .ttl .moreLnk::before{color:#1087c7!important} .hpMasrawyService .ttl .moreLnk span{background:#056ba2!important} .hpMasrawyService .bx-wrapper .bx-viewport {height:190px!important} .hpMasrawyService .bx-controls-direction a {background: #1087c7!important;margin-top:-35px;transition: background-color 0.4s ease 0s;} .hpMasrawyService .bx-controls-direction a:hover {background-color: #056ba2!important} .hpMasrawyService .bx-controls-direction .bx-prev:after{border-top: 6px solid #056ba2!important} .hpMasrawyService .bx-controls-direction .bx-next:after{border-top: 6px solid #056ba2!important} .masrawyServiceContent > .serviceSlider{height: 200px;margin: 0 auto; overflow: hidden;width: 605px; display:block!important} .masrawyServiceContent > .serviceSlider > .service { margin:10px 2px 10px 8px } .masrawyServiceContent .service{float:right;text-align:center;float: left;list-style: outside none none;margin-right: 11px;position: relative;width: 190px;} .hpMasrawyService .masrawyServiceContent .service .srvcBtn{background-color: #1087c7;font-family:GeSSTwoLight, Tahoma;border-radius: 20px;color: #fff;display: inline-block;font-size: 12px;margin: 10px auto 0;padding: 8px 30px;text-align: center;transition: background-color 0.4s ease 0s;} .hpMasrawyService .masrawyServiceContent .service:hover .srvcBtn{background-color: #056ba2} .hpMasrawyService .bx-wrapper .bx-pager a {border: 1px solid #999!important;transition: background-color 0.4s ease 0s;} .hpMasrawyService .bx-wrapper .bx-pager a:hover, .hpMasrawyService .bx-wrapper .bx-pager a.active {background-color: #999!important} /** Masrawy Services Icons**/ .hpServiceIco{border-top:none!important} .hpServiceIco .serviceIcoSliderCnts{display:inline-block;padding:0 5px} .hpServiceIco .serviceIcoSlider{display:inline-block;margin-top:10px} .hpServiceIco .serviceIcoContent{position:relative} .hpServiceIco .serviceIcoContent .service img {border: 1px solid #e8e8e8;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .hpServiceIco .serviceIcoContent .service:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpServiceIco .serviceIcoContent .bx-wrapper .bx-pager {display: none;} .hpServiceIco .serviceIcoContent .bx-wrapper .bx-prev {left: -5px;display:block} .hpServiceIco .serviceIcoContent .bx-wrapper .bx-prev:after{display:none} .hpServiceIco .serviceIcoContent .bx-wrapper .bx-next {left: 35px;display:block} .hpServiceIco .serviceIcoContent .bx-wrapper .bx-next:after{display:none} .hpServiceIco .ttl{background:#1087c7!important;position:relative} .hpServiceIco h2{display:block;text-align:right;padding: 8px 10px;font-size:18px} .hpServiceIco .bx-wrapper .bx-viewport {height:110px!important} .hpServiceIco .bx-controls-direction a {background: #1087c7!important;margin-top:0;top:-40px;transition: background-color 0.4s ease 0s;width:40px;height:40px} .hpServiceIco .bx-controls-direction a:hover {background-color: #056ba2!important} .hpServiceIco .bx-controls-direction .bx-prev:after{border-top: 6px solid #056ba2!important} .hpServiceIco .bx-controls-direction .bx-next:after{border-top: 6px solid #056ba2!important} .hpServiceIco .service{float:right;text-align:center} .hpServiceIco .service .srvcBtn{background-color: #ff9500;font-family:GeSSTwoLight, Tahoma;border-radius: 20px;color: #fff;display: inline-block;font-size: 12px;margin: 10px auto 0;padding: 8px 30px;text-align: center;transition: background-color 0.4s ease 0s;} .hpServiceIco .service .srvcBtn:hover{background-color: #e18300} .hpServiceIco .bx-wrapper .bx-pager a {border: 1px solid #ccc!important;transition: background-color 0.4s ease 0s;} .hpServiceIco .bx-wrapper .bx-pager a:hover, .hpServiceIco .bx-wrapper .bx-pager a.active {background-color: #ccc!important} .hpServiceIco .serviceIcoSlider{margin-top:10px} /** Masarwy Today in Right Column ************************************************************/ /*.hpMasrawyToday{display:inline-block;width:100%}*/ /** Calendar **/ /*.hpMasrawyToday .calendarDiv{float: right;min-height: 270px;background: #ad0006;} .hpMasrawyToday .calendar{float:right} .hasDatepicker{width:252px;height:auto} .hpMasrawyToday .ui-helper-clearfix {display: block;width: 252px;z-index: 900;} .hpMasrawyToday .ui-datepicker .ui-datepicker-header {position: relative;background: #c31717;z-index: 40} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 17px;cursor: pointer;color:#fff;background:none!important;font-size:30px} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev {left: 10px;} .hpMasrawyToday .ui-icon {display: block;overflow: hidden;background-repeat: no-repeat;font-size: 20px} .hpMasrawyToday .ui-datepicker span {cursor: pointer!important;} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-w:before{content:"g"} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-e:before{content:"f"} .hpMasrawyToday .ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity:0.3;background:#ad0006} .hpMasrawyToday .ui-datepicker .ui-datepicker-next {right: 10px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title {margin: 0 5px;text-align: center;color: #fff;padding: 8px 0;font-size:20px;font-family:GeSSTwoMedium, Tahoma;height: 52px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-month{display:block} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:block;margin-top:-30px;font-family:GothamMedium, Tahoma;font-size:12px} .hpMasrawyToday .ui-datepicker table {width: 100%;font-size: 10px;border-collapse: collapse;margin:0;background: #ad0006} .hpMasrawyToday .ui-datepicker th {padding:20px 3px 10px;text-align: center;font-weight: bold;font-size:12px;border: 0;color: #fff;background: #ad0006} .hpMasrawyToday .ui-state-disabled {cursor: default!important;} .hpMasrawyToday .ui-state-default, .ui-widget-content .ui-state-default {font-weight: normal;text-align: center;color: #fff;outline: none;font-size:12px;margin:2px;height:30px;line-height: 2.5} .hpMasrawyToday .ui-widget-content .ui-state-default:hover {background: #fff; color: #c31717} .hpMasrawyToday .ui-datepicker td span, .ui-datepicker td a {display: block;margin:2px;border-radius: 20px; text-align: center;text-decoration: none;line-height: 2.5;transition:all 0.4s ease-in-out 0s} .hpMasrawyToday .ui-widget-content a.ui-state-active {background: #fff; color: #c31717; border-radius: 20px;line-height:2.5} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default{cursor: default!important;} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default:hover {background: none;color: #fff} .hpMasrawyToday .masrwyTodayNews{float:right;width:363px;} .hpMasrawyToday .masrwyTodayNews ul{padding:0 20px} .hpMasrawyToday .masrwyTodayNews .allNews{position:relative;padding:5px 0 0} .hpMasrawyToday .masrwyTodayNews .allNews:before {background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none;height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 100%;} .hpMasrawyToday .masrwyTodayNews .allNews:first-child:before{background:none;height:0px} .hpMasrawyToday .masrwyTodayNews .allNews .news{font-size: 16px;font-weight: bold;color: #333;line-height: 1.2;display: block;max-height: 38px;overflow: hidden;transition: color 0.4s ease 0s;} .hpMasrawyToday .masrwyTodayNews .allNews .news:hover{color:#c31717;} .hpMasrawyToday .masrwyTodayNews .allNews .catName{color:#888;font-weight:bold}*/ /** Masarwy Today in Left Column ************************************************************/ /*.hpMasrawyToday{display:inline-block;width:298px;border-top:none!important} .hpMasrawyToday .hint{display:inline-block;float:right;background-color:#ffeeb1;width:100%} .hpMasrawyToday .hint p{font-family:GeSSTwoLight, Tahoma;color:#333;font-size:13px;text-align:right;padding:5px 10px;}*/ /** Calendar **/ /*.hpMasrawyToday .calendarDiv{float: right;min-height: 270px;background: #ad0006;display:inline-block} .hpMasrawyToday .calendar{float:right} .hasDatepicker{width:298px;height:auto} .hpMasrawyToday .ui-helper-clearfix {display: block;width: 298px;z-index: 900;} .hpMasrawyToday .ui-datepicker .ui-datepicker-header {position: relative;background: #665f51;z-index: 40} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev, .hpMasrawyToday .ui-datepicker .ui-datepicker-next {position: absolute;top: 17px;cursor: pointer;color:#fff;background:none!important;font-size:30px} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev {left: 10px;} .hpMasrawyToday .ui-icon {display: block;overflow: hidden;background-repeat: no-repeat;font-size: 20px} .hpMasrawyToday .ui-datepicker span {cursor: pointer!important;} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-w:before{content:"g";color:#fff} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-e:before{content:"f";color:#fff} .hpMasrawyToday .ui-state-disabled, .hpMasrawyToday .ui-widget-content .ui-state-disabled {opacity:0.3;background:#fff} .hpMasrawyToday .ui-datepicker .ui-datepicker-next {right: 10px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title {margin: 0 5px;text-align: center;color: #fff;padding: 8px 0;font-size:20px;font-family:GeSSTwoMedium, Tahoma;height: 52px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-month{display:block} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:block;margin-top:-30px;font-family:GothamMedium, Tahoma;font-size:12px} .hpMasrawyToday .ui-datepicker table {width: 100%;font-size: 10px;border-collapse: collapse;margin:0;background: #fff} .hpMasrawyToday .ui-datepicker th {padding:15px 3px 12px;text-align: center;font-weight: bold;font-size:12px;border: 0;color: #333;background: #fff} .hpMasrawyToday .ui-state-disabled {cursor: default!important;} .hpMasrawyToday .ui-state-default, .hpMasrawyToday .ui-widget-content .ui-state-default {font-weight: normal;text-align: center;color: #333;outline: none;font-size:12px;margin:2px 2px 5px 5px;height:30px;line-height: 2.5;border: 1px solid #ddd} .hpMasrawyToday .ui-widget-content .ui-state-default:hover {background: #eae6de;color: #333;border: 1px solid #eae6de;} .hpMasrawyToday .ui-datepicker td span, .hpMasrawyToday .ui-datepicker td a {display: block;margin:2px 2px 2px 7px;border-radius: 20px; text-align: center;text-decoration: none;line-height: 2.5;transition:all 0.4s ease-in-out 0s} .hpMasrawyToday .ui-widget-content a.ui-state-active {background: #99907e!important; color: #fff!important;border:1px solid #99907e!important; border-radius: 20px;line-height:2.5} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default{cursor: default!important;} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default:hover {background: none;color: #333;border:1px solid #ddd} .hpMasrawyToday .masrwyTodayNews{float:right;width:363px;display:none} .hpMasrawyToday .masrwyTodayNews ul{padding:0 20px} .hpMasrawyToday .masrwyTodayNews .allNews{position:relative;padding:5px 0 0} .hpMasrawyToday .masrwyTodayNews .allNews:before {background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none;height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 100%;} .hpMasrawyToday .masrwyTodayNews .allNews:first-child:before{background:none;height:0px} .hpMasrawyToday .masrwyTodayNews .allNews .news{font-size: 16px;font-weight: bold;color: #333;line-height: 1.2;display: block;max-height: 38px;overflow: hidden;transition: color 0.4s ease 0s;} .hpMasrawyToday .masrwyTodayNews .allNews .news:hover{color:#c31717;} .hpMasrawyToday .masrwyTodayNews .allNews .catName{color:#888;font-weight:bold}*/ /** Masarwy Today in Left Column ************************************************************/ .hpMasrawyToday{display:inline-block;width:298px;border-top:none!important} .hpMasrawyToday .hint{display:inline-block;float:right;background-color:#fae28d;width:100%} .hpMasrawyToday .hint p{font-family:GeSSTwoLight, Tahoma;color:#333;font-size:13px;text-align:right;padding:10px;} /** Calendar **/ .hpMasrawyToday .calendarDiv{float: right;min-height: 270px;background: #ad0006;display:inline-block} .hpMasrawyToday .calendar{float:right} .hasDatepicker{width:298px;height:auto} .hpMasrawyToday .ui-helper-clearfix {display: block;width: 298px;z-index: 900;} .hpMasrawyToday .ui-datepicker .ui-datepicker-header {position: relative;background: #787060;z-index: 40} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev, .hpMasrawyToday .ui-datepicker .ui-datepicker-next {position: absolute;top: 17px;cursor: pointer;color:#fff;background:none!important;font-size:30px} .hpMasrawyToday .ui-datepicker .ui-datepicker-prev {left: 10px;} .hpMasrawyToday .ui-icon {display: block;overflow: hidden;background-repeat: no-repeat;font-size: 20px} .hpMasrawyToday .ui-datepicker span {cursor: pointer!important;} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-w:before{content:"g";color:#fff} .hpMasrawyToday .ui-datepicker .ui-icon-circle-triangle-e:before{content:"f";color:#fff} .hpMasrawyToday .ui-state-disabled, .hpMasrawyToday .ui-widget-content .ui-state-disabled {opacity:0.3;background:#99907e} .hpMasrawyToday .ui-datepicker .ui-datepicker-next {right: 10px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title {margin: 0 5px;text-align: center;color: #fff;padding: 8px 0;font-size:20px;font-family:GeSSTwoMedium, Tahoma;height: 52px;} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-month{display:block} .hpMasrawyToday .ui-datepicker .ui-datepicker-title .ui-datepicker-year{display:block;margin-top:-30px;font-family:GothamMedium, Tahoma;font-size:12px} .hpMasrawyToday .ui-datepicker table {width: 100%;font-size: 10px;border-collapse: collapse;margin:0;background: #99907e} .hpMasrawyToday .ui-datepicker th {padding:15px 3px 12px;text-align: center;font-weight: bold;font-size:12px;border: 0;color: #333;background: #99907e} .hpMasrawyToday .ui-state-disabled {cursor: default!important;} .hpMasrawyToday .ui-state-default, .hpMasrawyToday .ui-widget-content .ui-state-default {font-weight: normal;text-align: center;color: #fff;outline: none;font-size:12px;margin:2px 2px 5px 5px;height:30px;line-height: 2.5;border: 1px solid #99907e} .hpMasrawyToday .ui-widget-content .ui-state-default:hover {background: #fff;color: #99907e;border: 1px solid #fff;} .hpMasrawyToday .ui-datepicker td span, .hpMasrawyToday .ui-datepicker td a {display: block;margin:2px 2px 2px 7px;border-radius: 20px; text-align: center;text-decoration: none;line-height: 2.5;transition:all 0.4s ease-in-out 0s} .hpMasrawyToday .ui-widget-content a.ui-state-active {background: #fff!important; color: #99907e!important;border:1px solid #fff!important; border-radius: 20px;line-height:2.5} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default{cursor: default!important;} .hpMasrawyToday .ui-widget-content .ui-state-disabled .ui-state-default:hover {background: none;color: #fff;border:1px solid #99907e} .hpMasrawyToday .masrwyTodayNews{float:right;width:363px;display:none} .hpMasrawyToday .masrwyTodayNews ul{padding:0 20px} .hpMasrawyToday .masrwyTodayNews .allNews{position:relative;padding:5px 0 0} .hpMasrawyToday .masrwyTodayNews .allNews:before {background-color: #dde2e4;top: 0;clear: both;content: "";display: block;float: none;height: 1px;margin: 0 auto;position: absolute;text-align: center;width: 100%;} .hpMasrawyToday .masrwyTodayNews .allNews:first-child:before{background:none;height:0px} .hpMasrawyToday .masrwyTodayNews .allNews .news{font-size: 16px;font-weight: bold;color: #333;line-height: 1.2;display: block;max-height: 38px;overflow: hidden;transition: color 0.4s ease 0s;} .hpMasrawyToday .masrwyTodayNews .allNews .news:hover{color:#c31717;} .hpMasrawyToday .masrwyTodayNews .allNews .catName{color:#888;font-weight:bold} /** HP Weather **********************************************************************************/ .hpWeather{border-top:none!important} .hpWeather .ttl{background:#61c7ff!important;position:relative} .hpWeather h2{display:block;text-align:right;padding: 8px 10px;font-size:18px} .hpWeather .ttl .moreLnk::after {border-right:5px solid #61c7ff!important} .hpWeather .ttl .moreLnk::before{color:#61c7ff!important} .hpWeather .ttl .moreLnk span{background:#1d9ce0!important} .hpWeather date{display:none;text-align:right;font-family:GeSSTwoLight, Tahoma;font-size:14px;direction:rtl;padding:0 10px 5px} .hpWeather .weatherCnts{display:inline-block;margin:5px 19px} .hpWeather .weatherCnts .weatherIcon{float:right;margin:5px 0 0 15px;width:70px;height:70px} .hpWeather .weatherCnts .weatherIcon.sunny{background: url("../images/spriteIcons.png") -160px -160px no-repeat;} .hpWeather .weatherCnts .weatherIcon.cloudy{background: url("../images/spriteIcons.png") 0px 0px no-repeat;} .hpWeather .weatherCnts .weatherIcon.partlycloudy{background: url("../images/spriteIcons.png") -80px -80px no-repeat;} .hpWeather .weatherCnts .weatherIcon.lightdrizzle{background: url("../images/spriteIcons.png") -80px -0px no-repeat;} .hpWeather .weatherCnts .weatherIcon.patchylightdrizzle{background: url("../images/spriteIcons.png") -160px -80px no-repeat;} .hpWeather .weatherCnts .weatherIcon.lightsleetshowers{background: url("../images/spriteIcons.png") 0px -80px no-repeat;} .hpWeather .weatherCnts .weatherIcon.lightrainshower{background: url("../images/spriteIcons.png") -160px 0px no-repeat;} .hpWeather .weatherCnts .weatherIcon.patchylightrain{background: url("../images/spriteIcons.png") 0px -160px no-repeat;} .hpWeather .weatherCnts .weatherIcon.patchyrainnearby{background: url("../images/spriteIcons.png") -80px -160px no-repeat;} .hpWeather .weatherCnts .icon-high{float:right;position: relative;margin-left:10px;width: 80px;height: 80px;text-align: center;font-family:Century Gothic, Tahoma;font-size:60px;color:#333;line-height: 1.4;} .hpWeather .weatherCnts .icon-high:before{content:"L";font-size:14px;position: absolute;right: -5px;top:5px} .hpWeather .weatherCnts .icon-low{float:right;position: relative;width: 80px;height: 80px;text-align: center;font-family:Century Gothic, Tahoma;font-size:36px;color:#999;line-height: 2.8;} .hpWeather .weatherCnts .icon-low:before{content:"L";font-size:10px;position: absolute;right: 10px;top:25px} /** HP Currency New **********************************************************************************/ .hpCurrency{border-top:none!important;display: inline-block} .hpCurrency .ttl{background:#e5b53b!important;position:relative} .hpCurrency .ttl .moreLnk::after {border-right:5px solid #e5b53b!important} .hpCurrency .ttl .moreLnk::before{color:#e5b53b!important} .hpCurrency .ttl .moreLnk span{background:#c89838!important} .hpCurrency h2{display:block;text-align:right;padding: 8px 10px;font-size:18px} .hpCurrency date{display:none;text-align:right;font-family:GeSSTwoLight, Tahoma;font-size:14px;direction:rtl;padding:0 10px 5px} .hpCurrency .currencyCnts{position: relative;padding: 5px 0;display:inline-block} .hpCurrency .currencyCnts .currency{float:right;width:129px;padding:5px 10px;text-align:center;position:relative} .hpCurrency .currencyCnts .currency:before {background-color: #dde2e4;top: 18px;left:0;clear: both;content: "";display: block;float: none;height: 50px;margin: 0 auto;position: absolute;text-align: center;width: 1px} .hpCurrency .currencyCnts .currency h2{padding:0;font-family:GeSSTwoLight, Tahoma;font-size:16px;color:#999;display:block;text-align: center;} .hpCurrency .currencyCnts .currency .number{font-family:Century Gothic, Tahoma;color:#333;font-size:40px;margin-top: -10px;} .hpCurrency .currencyCnts .gold{;float:right;width:129px;padding:5px 10px;text-align:center} .hpCurrency .currencyCnts .gold h2{padding:0;font-family:GeSSTwoLight, Tahoma;font-size:16px;color:#999;display:block;text-align: center;} .hpCurrency .currencyCnts .gold .goldIcon{background: url("../images/spriteIcons.png") -240px 0px no-repeat;float:right;width:34px;height:27px;margin-top:5px} .hpCurrency .currencyCnts .gold .number{float:right;font-family:Century Gothic, Tahoma;color:#333;font-size:40px;margin:-10px 5px 0 0;} .hpCurrency .more {font-family:GeSsTwoLight,Tahoma;position: absolute;display: inline-block;outline: none;color: #fff;font-size:0.875em;overflow: hidden; left:0;top:0;z-index:2;text-shadow: none;white-space:nowrap;width:50px;height:40px;background:#af8720;padding-left: 10px;line-height: 2.8;} .hpCurrency .more::after{content:"";width: 0;height: 0;border-top: 20px solid transparent;border-right: 5px solid #e5b53b;border-bottom: 20px solid transparent;position:absolute;right:0} /** HP Special Clip ******************************************************************************/ .hpSpecialClip {background: #c31717;border-top:none!important} .hpSpecialClip .bx-wrapper .bx-viewport {height:auto!important} .hpSpecialClip h2{color: #e4e4e4;padding:10px 20px 5px;font-family: GeSSTwoLight, Tahoma;font-size:14px} .hpSpecialClip .specialClipContent > .specialClipSlider {display:block!important; height:390px; overflow:hidden} .hpSpecialClip .specialClipContent > .specialClipSlider .specialFiles{height:390px;} .hpSpecialClip .specialFiles{position:relative;text-align: center} .hpSpecialClip .specialFiles h1{width:300px;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:GothamMedium, Tahoma;font-size:19px;color:#333;letter-spacing:-2px} .hpSpecialClip .specialFiles .cnts{} .hpSpecialClip .specialFiles img{margin:0;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .hpSpecialClip .specialFiles:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpSpecialClip .specialFiles p{font-family:GeSSTwoLight, Tahoma;font-size:20px;color:#fff;direction:rtl;padding:0 20px;text-align:right;height: 90px;overflow: hidden;cursor:pointer;transition:all 0.2s ease-in-out 0s} .hpSpecialClip .specialFiles:hover p{color:#ffc675} .hpSpecialClip .specialFiles .moreDtls{text-align: center;background: #ff9500;padding: 8px 28px;position: relative;margin: 10px auto 0;font-family:GeSSTwoLight, Tahoma;font-size: 14px;color: #fff;border-radius: 20px;display: inline-block;width: 70%;transition: background-color 0.4s ease 0s;} .hpSpecialClip .specialFiles .moreDtls:hover{background-color: #e18300} .hpSpecialClip .specialFiles .special{width: 0;height: 0;border-top: 85px solid #feaa3a;border-right: 85px solid transparent;position:absolute;left:0;top:0;z-index:999} .hpSpecialClip .specialFiles .special:before{content:"";width: 0;height: 0;border-left: none;border-right: none;border-bottom: none;position:absolute;left:0;top:0} .hpSpecialClip .specialFiles .special:after{content:"";width: 0;height: 0;border-top: none;border-right: none;border-bottom:none;position:absolute;left:0px;top:0} .hpSpecialClip .specialFiles .special h2{padding: 0;font-size: 14px;position: absolute;display: block;width: 63px;height:50px;line-height:3.5;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -78px;left:-2px} .hpSpecialClip .specialClipContent .bx-viewport{} .hpSpecialClip .bx-wrapper {padding:0 0 25px!important} .hpSpecialClip .bx-wrapper .bx-controls-direction a {margin-top:0;top:25%;background:#333!important;transition: background-color 0.4s ease 0s;} .hpSpecialClip .bx-wrapper .bx-controls-direction a:hover {background-color: #222!important} .hpSpecialClip .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #222!important} .hpSpecialClip .bx-controls-direction .bx-prev {left: -6px;} .hpSpecialClip .bx-controls-direction .bx-next {right: -6px;} .hpSpecialClip .bx-wrapper .bx-pager a {background:#c31717!important;border: 1px solid #fff!important;} .hpSpecialClip .bx-wrapper .bx-pager a:hover, .hpSpecialClip .bx-wrapper .bx-pager a.active {background:#fff!important} .hpSpecialClip .bx-wrapper .bx-pager {bottom:7px} /** HP Sport *******************************************************************/ .hpMatchesTable{border-top:none!important;} .hpMatchesTable .ttl{background:#168039!important} .hpMatchesTable .ttl .moreLnk::after {border-right:5px solid #168039!important} .hpMatchesTable .ttl .moreLnk::before{color:#168039!important} .hpMatchesTable .ttl .moreLnk span{background:#044b1c!important} /** HP Jokes **********************************************************/ .jokes{border-top:none!important} .jokes .ttl{background:#887b6e!important} .jokes .ttl .moreLnk::after {border-right:5px solid #887b6e!important} .jokes .ttl .moreLnk::before{color:#887b6e!important} .jokes .ttl .moreLnk span{background:#51473d!important} .jokes #usermobile {background-color: #887b6e} .jokes .socialMediaBar {background: #887b6e;} .jokes .bx-wrapper .bx-controls-direction a {background: #887b6e;} .jokes .bx-wrapper .bx-controls-direction a:after { border-top: 6px solid #51473d;} .jokes #usercomment .CmntItmHdr .floatright {color: #887b6e;} .jokes article > div > section, .jokes aside > section, .jokes .pattern09 {border-top: 2px solid #887b6e;} .jokes .newsDiv1 .newsNum { background: #887b6e; }.jokes .articleDiv .artclfollowing .followBtn { background: #887b6e; border: 1px solid #887b6e; } .jokes .articleDiv .artclfollowing .followBtn:hover { border: 1px solid #887b6e; color: #887b6e; } .jokes .articleDiv .artclfollowing p { color: #887b6e; } .jokes .articleDiv h1 { color: #887b6e; } /** HP Coverage Clip ******************************************************************************/ .hpCoverage {background: #c31717;border-top:none!important} .hpCoverage .bx-wrapper .bx-viewport {height:auto!important} .hpCoverage .descDiv{position:absolute;right:0;bottom:0;pointer-events: none;} .hpCoverage .desc{float:right;background:#c31717;color: #fff;padding:10px 10px 10px 0;max-width:135px;font-family: GeSSTwoLight, Tahoma;font-size:18px} .hpCoverage .triangleAfter{float:right;width: 0;height: 0;border-bottom: 68px solid #c31717;border-left: 48px solid transparent} .hpCoverage .coverageDiv{position:relative;text-align: center} .hpCoverage .coverageDiv h1{width:300px;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:GothamMedium, Tahoma;font-size:19px;color:#333;letter-spacing:-2px} .hpCoverage .coverageDiv .cnts{} .hpCoverage .coverageDiv img{margin:0;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .hpCoverage .coverageDiv:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .hpCoverage .coverageDiv .coverageItm{width: 0;height: 0;border-top: 85px solid #feaa3a;border-right: 85px solid transparent;position:absolute;left:0;top:0;z-index: 1;pointer-events: none;} .hpCoverage .coverageDiv .coverageItm:before{content:"";width: 0;height: 0;border-left: none;border-right: none;border-bottom: none;position:absolute;left:0;top:0} .hpCoverage .coverageDiv .coverageItm:after{content:"";width: 0;height: 0;border-top: none;border-right: none;border-bottom:none;position:absolute;left:0px;top:0} .hpCoverage .coverageDiv .coverageItm h2{padding: 0;font-size: 14px;position: absolute;display: block;width: 55px;text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-family: GeSSTwoLight, Tahoma;Color: #fff;top: -78px;left:-2px} .hpCoverage .coverageContent .bx-viewport{} .hpCoverage .coverageContent .bx-controls{} .hpCoverage .bx-wrapper {padding:0!important} .hpCoverage .bx-wrapper .bx-controls-direction a {margin-top:0;top:41%;background:#333!important;transition: background-color 0.4s ease 0s;} .hpCoverage .bx-wrapper .bx-controls-direction a:hover {background-color: #222!important} .hpCoverage .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #222!important} .hpCoverage .bx-controls-direction .bx-prev {left: -6px;} .hpCoverage .bx-controls-direction .bx-next {right: -6px;} .hpCoverage .bx-wrapper .bx-pager a {background:#c31717!important;border: 1px solid #fff!important;} .hpCoverage .bx-wrapper .bx-pager a:hover, .hpCoverage .bx-wrapper .bx-pager a.active {background:#fff!important} .hpCoverage .bx-wrapper .bx-pager {display:none} /** Videos ************************************************************/ .hpVideos{background: #fff;border-top: none;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;} /** Masrawy Today ************************************************************/ .archiveDiv{display: inline-block;padding: 0 10px;border: none!important;background: none;box-shadow: none;} .archiveDiv .ttl{background:none!important} .archiveDiv .ttl h2{padding:8px 0;color:#c31717} .archiveDiv .view-controls-list, .archiveDiv .view-controls-grid{ position:absolute; top:5px; left:0px;width: 25%;} /* List View */ #container .list li .rdrsNum{font-family:GeSSTwoMedium, Tahoma;float:right;font-size:11px;display: inline-block;color:#999; position:absolute; bottom:0;width: 45%;} #container .list li .rdrsNum span{font-family:Tahoma;color:#c31717;font-size:14px} #container .list li .icon-rdrs:before{content:'N';margin-left: 3px;font-size: 15px;float: right} /* Grid View */ #container .grid li .rdrsNum{font-family:GeSSTwoMedium, Tahoma;float:right;font-size:11px;display: inline-block;color:#999; position:absolute; bottom:0;width: 45%;right: 0;text-align: right;width: 93%;margin: 0 7px;} #container .grid li .rdrsNum span{font-family:Tahoma;color:#c31717;font-size:14px} #container .grid li .icon-rdrs:before{content:'N';margin-left: 3px;font-size: 15px;float: right} .archiveDiv .archiveDate{width:100%;display:inline-block;margin:10px 0} .archiveDiv .archiveDate .date{float:right;margin-left:10px;font-size:16px;padding: 5px 0;font-family: GeSSTwoLight,Tahoma} .archiveDiv .archiveDate .icon-calendar{display:inline-block;float:right;position:relative} .archiveDiv .archiveDate .icon-calendar:before{content:"s";font-size:18px;color:#ccc;position: absolute;left: 10px;top: 1px;} .archiveDiv .archiveDate input{float: right;width: 220px;height: 30px;direction: rtl;margin: 0;padding: 0 5px;border: 1px solid #d9d9d9;border-radius: 15px;background: #fff;color: #8a8a8a;font-family: GothamMedium,Tahoma;font-size: 0.750em;outline:none} .archiveDiv .archiveDate .ui-datepicker-trigger{display:none} .archiveDiv .archiveTabs{display:inline-block;position:relative;width:100%;margin: 10px 0;} .archiveDiv .archiveTabs .tabs-nav {border-radius: 16px;border: 1px solid #c31717;overflow: hidden;width:100%} .archiveDiv .archiveTabs li{background:none!important;float:right;margin:0!important;padding:0!important;width:auto!important;height:auto!important;position:relative!important;border:none!important;box-shadow:none!important;transition:none!important} .archiveDiv .tabs-nav .tabs-selected a {font-size: 12px;line-height: 1.5;background-color: #c31717;color: #fff;} .archiveDiv .tabs-nav > li:hover > a, .archiveDiv .tabs-nav > li:focus > a, .archiveDiv .tabs-nav > li:active > a, .archiveDiv .tabs-nav > li.selected > a {background-color: #c31717;color: #fff;outline: 0;} .archiveDiv .moreNavLnk{ font-family: GeSSTwoLight,Tahoma;position:absolute!important; left:1px; top:1px} .archiveDiv .moreNavLnk > a {padding: 0 12px 0 20px!important;display:block; text-align:center;font-size:12px; color:#333;line-height: 2.5;position: absolute;transition: all 0.5s ease-out 0s;border-top-left-radius: 16px;border-bottom-left-radius: 16px;} .archiveDiv .moreNavLnk .icon-more:before{content: "r";font-family: icons-font;position: absolute;left: 5px;top:5px} .archiveDiv .tabs-nav > li > a {height: auto!important;line-height: 2.5;padding: 0 15px;color: #333} .archiveDiv .moreNavLnk:hover > a{background-color: #c31717;color:#fff} .archiveDiv .tabs-nav > li > a:hover, .archiveDiv .tabs-nav > li > a:focus, .archiveDiv .tabs-nav > li > a:active {background-color: #c31717;color: #fff;outline: 0;} .archiveDiv .moreNavLnk > .moreItems{background-color: #c31717;left: 0;position: absolute;width: 130px!important;z-index: 999; color:#fff; font-size:13px;top: 31px;max-height:0;visibility: hidden;opacity:0;transition: all 0.2s ease-in-out 0.5s;} .archiveDiv .moreNavLnk:hover > .moreItems{visibility: visible;transition-delay: 0s;opacity:1;max-height:170px;} .archiveDiv .moreItems li{width: 100%!important;text-align: right!important;} .archiveDiv .moreItems li:hover{ background-color:#ad0006} .archiveDiv .moreItems li:hover > a{ color:#fff;background: #ad0006} .archiveDiv .moreItems > li > a{ color:#fff;display: block;padding: 7px 10px;border-bottom: 1px solid #ad0006;} .archiveDiv #postsListContainer{position:relative;min-height:235px} /** Weather Page *************************************************************/ .weatherPage{display: inline-block;width:100%;border-top: none!important} .weatherPage .ttl h2 a {color: #61c7ff!important} .weatherPage .weatherCnts{padding:0} .weatherPage .countriesSelect{width:100%;display:inline-block;margin:10px 0} .weatherPage .weatherCnts h2{float: right;font-size: 14px;padding: 5px 0;font-family: GeSSTwoLight,Tahoma;margin-left: 5px;color: #fff;} .weatherPage .weatherCnts .country{background: #222;border: 1px solid #232323;border-radius: 16px;float: right;height: 30px;margin-right:10px;overflow: hidden;position: relative;width: 140px;} .weatherPage .weatherCnts select {-moz-appearance: none;background: #222;border: medium none;border-radius: 0;color: #fff;cursor: pointer;direction: rtl;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 35px;line-height: 2;margin: -1px;padding: 0 5px;width: 155px;} .weatherPage .weatherCnts .icon-arrow:before {color: #fff;content: "r";cursor: pointer;left: 5px;pointer-events: none;position: absolute;top: 3px;} .weatherPage .countryInfo{display:inline-block;background: #333;width:100%;margin-bottom:30px} .weatherPage .countryInfo .countryTemp{float:right;width:440px;padding:10px 20px 10px 0} .weatherPage .countryInfo .countryTemp .tempDiv{float:right;width:240px} .weatherPage .countryInfo .countryTemp .tempDiv #spCity{color:#fff} .weatherPage .countryInfo .countryTemp .tempDiv #spCountry{font-size:20px} .weatherPage .countryInfo .countryTemp .wi{float:right;width:190px} .weatherPage .weatherCnts .weatherIcon{margin:10px auto;width:102px;height:102px} .weatherPage .weatherCnts .weatherIcon.sunny{background: url("../images/WeatherDtls/Sunny.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.cloudy{background: url("../images/WeatherDtls/Cloudy.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.partlycloudy{background: url("../images/WeatherDtls/PartlyCloudy.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.lightdrizzle{background: url("../images/WeatherDtls/LightDrizzle.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.patchylightdrizzle{background: url("../images/WeatherDtls/PatchyLightDrizzle.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.lightsleetshowers{background: url("../images/WeatherDtls/LightSleetShowers.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.lightrainshower{background: url("../images/WeatherDtls/LightRainShower.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.patchylightrain{background: url("../images/WeatherDtls/PatchyLightRain.png") center center no-repeat;} .weatherPage .weatherCnts .weatherIcon.patchyrainnearby{background: url("../images/WeatherDtls/PatchyRainNearby.png") center center no-repeat;} .weatherPage .weatherCnts .temp{float:right;width:200px;margin:0 30px} .weatherPage .weatherCnts h3{font-size: 22px;padding: 0;font-family: GeSSTwoLight,Tahoma;color:#fff;line-height: 1.5;float:right;width: 100%;} .weatherPage .weatherCnts h3:before{content:"z";color:#fff;float:right;margin-left:5px;line-height: 1.3;} .weatherPage .weatherCnts h3 span{color:#aaa} .weatherPage .weatherCnts .icon-high{float:right;position: relative;margin:20px 20px 0 25px;text-align: center;font-family:Century Gothic, Tahoma;font-size:92px;color:#fff} .weatherPage .weatherCnts .icon-high:before{content:"L";font-size:22px;position: absolute;right: -15px;top:5px} .weatherPage .weatherCnts .icon-high p{font-family:GeSSTwoLight, Tahoma;font-size:18px;color:#fff;text-align:center;margin-top: -20px;} .weatherPage .weatherCnts .icon-low{float:right;position: relative;text-align: center;font-family:Century Gothic, Tahoma;font-size:40px;color:#fff;margin-top:80px} .weatherPage .weatherCnts .icon-low:before{content:"L";font-size:10px;position: absolute;right: -3px;top:0} .weatherPage .weatherCnts .icon-low p{font-family:GeSSTwoLight, Tahoma;font-size:18px;color:#fff;text-align:center;margin-top: 0} .weatherPage .weatherCnts .winHum{float:right;line-height: 2;margin:17px 0 0 0;} .weatherPage .weatherCnts .winHum p{font-family: GeSSTwoLight,Tahoma;font-size:15px;color:#fff;direction:rtl;line-height: 2;padding-right: 35px;} .weatherPage .weatherCnts .winHum span{font-family: GeSSTwoLight,Tahoma;font-size:14px;color:#fff;direction:rtl} .weatherPage .weatherCnts .winHum .hum{background: url("../images/WeatherDtls/windIcons.png") right 4px no-repeat;} .weatherPage .weatherCnts .winHum .wind{background: url("../images/WeatherDtls/windIcons.png") right -32px no-repeat;} .weatherPage .details{display:inline-block;margin:20px 10px;display:none} .weatherPage .details h1{margin: 0 0 5px 0;color: #333} .weatherPage .countryInfo .future{float:right;width: 155px;} .weatherPage .countryInfo .future .day{display:inline-block;width:100%;text-align:center;background:#555;border-bottom:2px solid #333;padding: 10px 0 3px} .weatherPage .countryInfo .future .day:last-child{border-bottom:0} .weatherPage .countryInfo .future .day p{font-family:GeSSTwoLight, Tahoma;color:#fff;font-size:18px;text-align:center} .weatherPage .countryInfo .future .day .dayTemp{margin:0 auto;display: inline-block;} .weatherPage .countryInfo .future .day .dayTemp span{color:#fff;font-size:34px;margin:0 5px 0 12px;float:right} .weatherPage .countryInfo .future .day .icon-high{float:right;margin:0;position: relative;font-family:Century Gothic, Tahoma;font-size:34px;color:#fff} .weatherPage .countryInfo .future .day .icon-high:before{content:"L";font-size:10px;position: absolute;right: -10px;top:5px} .weatherPage .countryInfo .future .day .icon-low{float:right;margin:10px 0 0 0;position: relative;font-family:Century Gothic, Tahoma;font-size:24px;color:#fff} .weatherPage .countryInfo .future .day .icon-low:before{content:"L";font-size:7px;position: absolute;right: -7px;top:4px} .weatherPage .weatherCnts .cityTemp{display:inline-block;width:300px;float:right;margin-left:5px} .weatherPage .weatherCnts .cityTemp:last-child{margin-left:0} .cityTemp .cityTempCnts{padding:0 10px 0 0} .cityTempInfo {width:100%;margin-bottom:10px} .cityTempInfo .cityTempInfoTbl{width:100%;border:1px solid #e3e3e3;border-radius:20px;overflow:hidden} .cityTempInfo .title {color:#333;font-size: 16px;font-family: GeSSTwoMedium,Tahoma;padding: 0px 0 5px;text-align:center;direction: rtl;} .cityTempInfo .details {background-color:#fff;border-bottom: 1px solid #e3e3e3;width: 100%;display:inline-block;overflow: hidden;margin: 0;} .cityTempInfo .details:last-child{border-bottom:0} .cityTempInfo .dark{background-color:#eee} .cityTempInfo .details .city {float: right;font-family:GeSSTwoLight,Tahoma;font-size: 14px;padding: 0;text-align: center;line-height: 4.5;width: 40%;height: 60px;border-left: 1px solid #e3e3e3;} .cityTempInfo .details .hlTemp {float: right;font-family:GeSSTwoLight,Tahoma;font-size: 14px;padding: 0;text-align: center;line-height: 4.8;width: 35%;height: 60px;border-left: 1px solid #e3e3e3;} .cityTempInfo .details .hlTemp .hlTempDiv{margin:0 auto;display:inline-block} .cityTempInfo .details .hlTemp span{color:#333;font-size:26px;margin:0 2px 0 7px;float:right;line-height: 2.9} .cityTempInfo .details .hlTemp .icon-high{float:right;margin:0;position: relative;font-family:Century Gothic, Tahoma;font-size:26px;color:#333;line-height: 2.5;} .cityTempInfo .details .hlTemp .icon-high:before{content:"L";font-size:8px;position: absolute;right: -7px;top:17px} .cityTempInfo .details .hlTemp .icon-low{float:right;margin:12px 0 0 0;position: relative;font-family:Century Gothic, Tahoma;font-size:20px;color:#333;line-height: 2.5;} .cityTempInfo .details .hlTemp .icon-low:before{content:"L";font-size:6px;position: absolute;right: -6px;top:11px} .cityTempInfo .details .weatherImg {float: right;font-family:Century Gothic,Tahoma;color:#333;font-size: 14px;padding:0;text-align: center;font-weight:bold;line-height: 4.5;width: 24%;height: 60px} .cityTempInfo .details .weatherImg.sunny{background: url("../images/WeatherCityTemp/Sunny.png") center center no-repeat;} .cityTempInfo .details .weatherImg.cloudy{background: url("../images/WeatherCityTemp/Cloudy.png") center center no-repeat;} .cityTempInfo .details .weatherImg.partlycloudy{background: url("../images/WeatherCityTemp/PartlyCloudy.png") center center no-repeat;} .cityTempInfo .details .weatherImg.lightdrizzle{background: url("../images/WeatherCityTemp/LightDrizzle.png") center center no-repeat;} .cityTempInfo .details .weatherImg.patchylightdrizzle{background: url("../images/WeatherCityTemp/PatchyLightDrizzle.png") center center no-repeat;} .cityTempInfo .details .weatherImg.lightsleetshowers{background: url("../images/WeatherCityTemp/LightSleetShowers.png") center center no-repeat;} .cityTempInfo .details .weatherImg.lightrainshower{background: url("../images/WeatherCityTemp/LightRainShower.png") center center no-repeat;} .cityTempInfo .details .weatherImg.patchylightrain{background: url("../images/WeatherCityTemp/PatchyLightRain.png") center center no-repeat;} .cityTempInfo .details .weatherImg.patchyrainnearby{background: url("../images/WeatherCityTemp/PatchyRainNearby.png") center center no-repeat;} .cityTempInfo .detailsHd {background-color: #ddd;height: 40px;margin: 0;width: 100%;border-radius:20px;margin-bottom: 2px;} .cityTempInfo .detailsHd div {color: #333;float: right;font-family: GeSSTwoMedium,Tahoma;font-size: 13px;padding: 11px 0;text-align: center;} .cityTempInfo .detailsHd .city {width: 40%;} .cityTempInfo .detailsHd .hlTemp {width: 35%;} .cityTempInfo .detailsHd .weatherImg { width: 24%;} /** Currency Page *************************************************************/ .currencyPage{display: inline-block;width:100%;border-top: 2px solid #e5b53b!important;position:relative} .currencyPage .ttl{background:none!important} .currencyPage .ttl h2{color: #e5b53b!important} .currencyPage .currencyCnts{padding:0 10px;display: inline-block;} .currencyInfo {width:100%;margin-bottom:10px} .currencyInfo .currInfoTbl{width:100%;border:1px solid #e3e3e3;border-radius:20px;overflow:hidden} .currencyInfo .title {color:#333;font-size: 16px;font-family: GeSSTwoMedium,Tahoma;padding: 25px 0 5px;text-align:right;direction: rtl;} .currencyInfo .title time{color: #999;font-family: Century Gothic, Thoma;margin-right: 10px;direction: ltr;display: inline-block;} .currencyInfo .title date{color: #999;font-family: Century Gothic, Thoma;margin-right: 10px;direction: rtl;} .currencyInfo .details {background-color:#fff;border-bottom: 1px solid #e3e3e3;width: 100%;display:inline-block;overflow: hidden} .currencyInfo .details:last-child{border-bottom:0} .currencyInfo .dark{background-color:#eee} .currencyInfo .details .flag {float: right;padding: 0;text-align: center;width: 13%;height: 70px;border-left: 1px solid #e3e3e3;} .currencyInfo .details .flag img{margin-top:10px} .currencyInfo .details .curr {float: right;font-family:GeSSTwoLight,Tahoma;font-size: 16px;padding: 0;text-align: center;line-height: 4.5;width: 20%;height: 70px;border-left: 1px solid #e3e3e3;} .currencyInfo .details .code {float: right;font-family:GeSSTwoLight,Tahoma;font-size: 16px;padding: 0;text-align: center;line-height: 4.8;width: 12%;height: 70px;border-left: 1px solid #e3e3e3;} .currencyInfo .details .buy {float: right;font-family:Century Gothic,Tahoma;color:#333;font-size: 16px;padding:0;text-align: center;font-weight:bold;line-height: 4.5;width: 27%;height: 70px;border-left: 1px solid #e3e3e3;} .currencyInfo .details .sell {float: right;font-family:Century Gothic,Tahoma;color:#333;font-size: 16px;padding:0;text-align: center;font-weight:bold;line-height: 4.5;width: 27%;height: 70px} .currencyInfo .detailsHd {background-color: #ddd;height: 40px;margin: 0;width: 100%;border-radius:20px;margin-bottom: 2px;} .currencyInfo .detailsHd div {color: #333;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;} .currencyInfo .detailsHd .flag {width: 13%;} .currencyInfo .detailsHd .curr {width: 20%;} .currencyInfo .detailsHd .code {width: 12%;} .currencyInfo .detailsHd .buy { width: 27%;} .currencyInfo .detailsHd .sell { width: 27%;} /** Tab of Currency Page ******************************************************/ .currencyPage #tab-menu ul{position:absolute;top:10px;left: 5px;z-index:9} .currencyPage #tab-menu ul li{float:right;margin-left:5px;padding:5px 15px;font-family:GeSSTwoLight, Tahoma;font-size:12px;border-radius:20px;background:#e5b53b;color:#333;cursor:pointer!important;transition: background-color 0.4s ease 0s;-moz-transition: background-color 0.4s ease 0s;-webkit-transition: background-color 0.4s ease 0s;-ms-transition: background-color 0.4s ease 0s;-o-transition: background-color 0.4s ease 0s;} .currencyPage #tab-menu ul li:hover{background-color:#e5b53b} .currencyPage #tab-menu ul li a{color:#fff} .currencyPage #tab-menu ul .unselected{background:#d5d5d5} .currencyPage #tab-01{display: block} .currencyPage #tab-02{display: none} /** Gold Page *************************************************************/ .currencyPage .goldCnts{padding:0 10px} .goldInfo {width:100%;margin-bottom:10px} .goldInfo .currInfoTbl{width:100%;border:1px solid #e3e3e3;border-radius:20px;overflow:hidden} .goldInfo .title {color:#333;font-size: 16px;font-family: GeSSTwoMedium,Tahoma;padding: 25px 0 5px;text-align:right;direction: rtl;} .goldInfo .title time{color: #999;font-family: Century Gothic, Thoma;margin-right: 10px;direction: ltr;display: inline-block;} .goldInfo .title date{color: #999;font-family: Century Gothic, Thoma;margin-right: 10px;direction: rtl;} .goldInfo .details {background-color:#fff;border-bottom: 1px solid #e3e3e3;width: 100%;display:inline-block;overflow: hidden} .goldInfo .details:last-child{border-bottom:0} .goldInfo .dark{background-color:#eee} .goldInfo .details .unit {float: right;font-family:GeSSTwoLight,Tahoma;font-size: 16px;padding: 0;text-align: center;line-height: 4.5;width: 60%;height: 70px;border-left: 1px solid #e3e3e3;} .goldInfo .details .price {float: right;font-family: Century Gothic,Tahoma;color: #333;font-size: 16px;padding: 0;text-align: center;font-weight: bold;line-height: 4.5;width: 39%;height: 70px} .goldInfo .detailsHd {background-color: #ddd;height: 40px;margin: 0;width: 100%;border-radius:20px;margin-bottom: 2px;} .goldInfo .detailsHd div {color: #333;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding: 11px 0;text-align: center;} .goldInfo .detailsHd .unit {width: 60%;} .goldInfo .detailsHd .price {width: 39%;} .currencyPage .goldCnts .provider {clear: both;direction: ltr;text-align: center;font-size: 18px;width: 100%;margin: 20px 0;} .currencyPage .goldCnts .provider p {font-family: GeSSTwoLight,Tahoma;color: #333333;font-size: 14px;margin-bottom: 5px;text-align: center;} .currencyPage .goldCnts .provider p span{margin-right: 10px;font-size: 16px;font-weight: bold;font-family: Century Gothic,Tahoma;} .currencyPage .goldCnts .provider .topProviderImg img {height: auto;max-width: 300px;margin-top: -15px;} /** Elections 2015 **/ /** HP Policy Parties List **/ .polListClip{border-top: none!important;background:#c31717} .polListClip .polListContent{position:relative} .polListClip .polListContent .ttl .moreLnk span {background:#c31717} .polListClip .polListContent .ttl .moreLnk:before{background:#c31717} .polListClip .polListContent .bx-wrapper .bx-pager {bottom: 7px;width: 100%;background:none} .polListClip .polListContent .bx-wrapper .bx-prev {left: -43px;display:block;background:none} .polListClip .polListContent .bx-wrapper .bx-next {right: -32px;display:block;background:none} .polListClip .bx-wrapper .bx-controls-direction a:before {font-size: 48px;line-height:1} .polListClip .bx-wrapper .bx-controls-direction a:after {border-top: none!important} .polListClip .ttl h2 a {color:#fff!important} .polListClip .ttl .moreLnk {color:#ddd!important} .polListClip .ttl .moreLnk::before {color: #fff!important} .polListClip .bx-wrapper {margin-top:10px} .polListClip .bx-wrapper .bx-viewport {height:195px!important} .polListClip .bx-controls-direction a {background: none!impotant;margin-top:-55px;transition: background-color 0.4s ease 0s;} .polListClip .bx-controls-direction a:hover {background: none!important} .polListClip .bx-wrapper img {width:114px;height:114px;border-radius:60px;border: 3px solid #bdbdbd;-webkit-border: 3px solid #bdbdbd;-moz-border: 3px solid #bdbdbd;-ms-border: 3px solid #bdbdbd;-o-border: 3px solid #bdbdbd;} .polListClip .party{float:right;text-align:center} .polListClip .party p{font-family:GeSSTwoLight, Tahoma;color: #fff;display: inline-block;font-size: 13px;margin: 10px auto 0;text-align: center;height:54px;overflow:hidden} .polListClip .bx-wrapper .bx-pager a {border: 1px solid #ccc!important;transition: background-color 0.4s ease 0s;} .polListClip .bx-wrapper .bx-pager a:hover, .polListClip .bx-wrapper .bx-pager a.active {background-color: #c31717!important} /************************ Elections Survey **************************************/ .electionSurveyDiv {padding: 0 0 10px;position: relative;background: #fff;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;margin-bottom: 20px;} .electionSurveyDiv .close{position:absolute;left:10px;top:10px;color:#c31717;font-family:GeSSTwoLight, Tahoma;font-size:12px;text-decoration:underline} .electionSurveyDiv h1{font-family:GeSSTwoBold, Tahoma;font-size:20px;color:#333;text-align:center;line-height:2.2;} .electionSurveyDiv .elecNotDiv p{ font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#999;display:block;text-align:center} .electionSurveyDiv h2 {color: #333;font-family: GeSSTwoMedium,Tahoma;font-size: 16px;margin: 20px 10px 10px;text-align: right} .electionSurveyDiv .elecAnsDiv{width: 480px;margin: 0 auto;} .electionSurveyDiv .elecAnsDiv:after{ content:"";display:block;clear:both; float:none} .electionSurveyDiv .elecAnsItem{ float:right; width:130px; margin:10px 15px;text-align:center;font-family:GeSSTwoMedium, Tahoma;font-size:14px;overflow:hidden} .electionSurveyDiv .elecAnsItem .selected {color:#fff} .electionSurveyDiv .elecAnsItem .divMask{border-radius:25px; cursor:pointer; overflow:hidden;transition: all 0.4s ease-out 0s; border:1px solid #d6d6d6; margin-bottom:5px; position:relative;z-index: 1;padding: 12px 0;} .electionSurveyDiv .elecAnsItem .divMask:hover:before, .electionSurveyDiv .elecAnsItem .divMask.selected:before {background: none repeat scroll 0 0 rgba(195, 23, 23, 1);content: "";color:#fff;text-align:center; line-height:2.8; font-size:30px;height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index:-1} .electionSurveyDiv .elecAnsItem .divMask:hover, .electionSurveyDiv .electionSurveyDiv .elecAnsItem .divMask.selected{background:#c31717;color:#fff;border:1px solid #c31717} .electionSurveyDiv .elecAnsItem .divMask img{ width:100%} .electionSurveyDiv .elecAnsItem p{text-align:center;padding: 0 5px;height: 53px;overflow: hidden;} .electionSurveyDiv .elecAnsItem p > span{font-size:11px;color:#aaa; display:block} .electionSurveyDiv .nxtPrevDiv{margin:0 0 0 10px;width: 64px; direction:ltr;height: 30px;} .electionSurveyDiv .nxtPrevDiv:after{ content:"";display:block;clear:both; float:none} .electionSurveyDiv .nxtPrevDiv> a{background-color:#c31717;border-radius:20px;font-family:GeSSTwoLight, Tahoma;color:#fff; text-align:center;width:30px;height:30px;padding:0;float: left;transition: background-color 0.4s ease 0s;} .electionSurveyDiv .nxtPrevDiv> a:hover{background-color:#ad0006} .electionSurveyDiv .nxtPrevDiv .prevQtns{ margin-left:4px;float: right} .electionSurveyDiv .nxtPrevDiv .prevQtns:before{content:"f";color:#fff;line-height: 1.4;font-size:22px} .electionSurveyDiv .nxtPrevDiv .nextQtns{} .electionSurveyDiv .nxtPrevDiv .nextQtns:before{content:"g";color:#fff;line-height: 1.4;font-size:22px} .electionSurveyDiv .notificationIco {background-color: #d8d8d8;border-radius: 35px;bottom: 5px;color: #fff;display: inline-block;font-size: 11px;height: 15px;left: 5px;position: absolute;text-align: center;width: 15px; position:absolute;transition: all 0.4s ease 0s;} .electionSurveyDiv .notificationIco:hover{background-color:#ff7c24; color:#fff} .electionSurveyDiv .notificationIco:hover:after{background-color:#ff7c24; color:#fff} .electionSurveyDiv .elecTimeLine {display: block;position:absolute;left:90px;bottom:14px} .electionSurveyDiv .elecTimeLine p {font-family: GeSSTwoMedium, Tahoma;font-size: 13px;color: #aaa} .electionSurveyDiv .elecTimeLine p span {color: #c31717} /************************** Parties List *****************************/ .partiesListDiv{display:inline-block;width:100%} .partiesListDiv .partiesListCnts{float:right;margin:15px 10px} .partiesListDiv .partiesListFilter{display:inline-block;width: 100%;} .partiesListDiv .partiesListFilter .year{float:right;margin-left:10px} .partiesListDiv .partiesListFilter .ideology{float:right} .partiesListDiv .partiesListFilter h3{font-family:GeSSTwoLight, Tahoma;font-size:13px;color:#999;line-height:2.5;float:right} .partiesListDiv .partiesListFilter .drpdwn {background: #fff;border: 1px solid #d9d9d9;border-radius: 16px;float: right;height: 30px;margin: 0 10px;overflow: hidden;position: relative;width: 150px;} .partiesListDiv .partiesListFilter .icon-arrow:before {color: #8a8a8a;content: "r";cursor: pointer;left: 5px;pointer-events: none;position: absolute;top: 3px;} .partiesListDiv .partiesListFilter select {-moz-appearance: none;background: transparent;border: medium none;border-radius: 0;color: #8a8a8a;cursor: pointer;direction: rtl;float: right;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 35px;line-height: 2;margin: -1px;padding: 0 5px;width: 170px;} .partiesListDiv .partiesList{display:inline-block;margin-top: 30px;width:100%} .partiesListDiv .partiesList .partyName{float:right;width:120px;margin: 0 14px;height: 200px;} .partiesListDiv .partiesList .partyName a{display:block;text-align: center;} .partiesListDiv .partiesList .partyName img {width: 114px;height: 114px;border-radius: 60px;border: 3px solid #bdbdbd;} .partiesListDiv .partiesList .partyName p {font-family: GeSSTwoMedium, Tahoma;color: #333;display: inline-block;font-size: 13px;margin: 10px auto 0;text-align: center;} /*************** Party Content ***************/ .partyContentDiv{border-top:none!important;display: inline-block;padding: 10px;} .partyContentDiv .brdSclDiv{display:inline-block;width:100%} .partyContentDiv .brdSclDiv .breadcrumb{margin-top:5px} .partyContentDiv .brdSclDiv .socialTimeDiv {display: inline-block;width: auto} .partyContentDiv .partyContentCnts{display: inline-block;margin-top: 10px;} .partyContentDiv .partyNameDiv{float:right;direction:rtl;padding:18px 10px;width:398px} .partyContentDiv img{float:right;width:125px;height:125px;border-radius:65px;margin-left:0.625em;border: 3px solid #e7e7e7;} .partyContentDiv .prtyName{color:#c31717;font-family: GeSsTwoMedium,Tahoma;font-size:22px;margin:10px 0} .partyContentDiv .partyNameDiv .info{color:#999;font-family: GeSsTwoLight,Tahoma;font-size:14px} .partyContentDiv .partyNameDiv .info span{color:#333} .partyContentDiv .partyDetails{display:inline-block;float: right;margin-top: 15px;} .partyContentDiv .partyDetails h1{font-family: GeSsTwoMedium,Tahoma;color:#333;font-size:18px;display: block;margin-bottom:5px} .partyContentDiv .partyDetails p{font-size: 1.000em!important;font-weight: bold;line-height: 1.6;text-align: right!important;direction: rtl !important;} /******************************* Mother Day ********************************/ .mdAd{display:inline-block;margin-bottom:20px} /*** Mother Day Survey ***/ .motherDaySurveyDiv {padding: 0 0 10px;position: relative;background: #fff;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;margin-bottom: 20px;overflow: hidden;} .motherDaySurveyDiv .surveyDiv{display:inline-block;width:100%} .motherDaySurveyDiv h1{font-family:GeSSTwoBold, Tahoma;font-size:20px;color:#fff;text-align:center;background:url("../MotherDay/images/mdTitleBg.png") 0px 0px no-repeat #7e225c;padding:8px 0;width:100%;box-shadow: 0 0 1px 1px #333;margin-bottom:20px} .motherDaySurveyDiv .notDiv p{ font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#999;display:block;text-align:center} .motherDaySurveyDiv h2 {color: #333;font-family: GeSSTwoMedium,Tahoma;font-size: 16px;margin: 20px 10px 10px;text-align: center} .motherDaySurveyDiv .mdAnsDiv{width: 480px;margin: 0 auto;} .motherDaySurveyDiv .mdAnsDiv:after{ content:"";display:block;clear:both; float:none} .motherDaySurveyDiv .mdAnsItem{ float:right; width:170px; margin:10px 35px;text-align:center;font-family:GeSSTwoMedium, Tahoma;font-size:14px;overflow:hidden} .motherDaySurveyDiv .mdAnsItem .selected {color:#fff} .motherDaySurveyDiv .mdAnsItem .divMask{border-radius:25px; cursor:pointer; overflow:hidden;transition: all 0.4s ease-out 0s; border:1px solid #d6d6d6; margin-bottom:5px; position:relative;z-index: 1;padding: 12px 0;} .motherDaySurveyDiv .mdAnsItem .divMask:hover:before, .motherDaySurveyDiv .mdAnsItem .divMask.selected:before {background: none repeat scroll 0 0 rgba(126, 34, 92, 1);content: "";color:#fff;text-align:center; line-height:2.8; font-size:30px;height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index:-1} .motherDaySurveyDiv .mdAnsItem .divMask:hover, .motherDaySurveyDiv .mdAnsItem .divMask.selected{background:#7e225c;color:#fff;border:1px solid #7e225c} .motherDaySurveyDiv .mdAnsItem .divMask img{ width:100%} .motherDaySurveyDiv .mdAnsItem p{text-align:center;padding: 0 5px;height: 53px;overflow: hidden;} .motherDaySurveyDiv .mdAnsItem p > span{font-size:11px;color:#aaa; display:block} .motherDaySurveyDiv .nxtPrevDiv{margin:0 0 0 10px;width: 64px; direction:ltr;height: 30px;} .motherDaySurveyDiv .nxtPrevDiv:after{ content:"";display:block;clear:both; float:none} .motherDaySurveyDiv .nxtPrevDiv> a{background-color:#7e225c;border-radius:20px;font-family:GeSSTwoLight, Tahoma;color:#fff; text-align:center;width:30px;height:30px;padding:0;float: left;transition: background-color 0.4s ease 0s;} .motherDaySurveyDiv .nxtPrevDiv> a:hover{background-color:#620043} .motherDaySurveyDiv .nxtPrevDiv .prevQtns{ margin-left:4px;float: right} .motherDaySurveyDiv .nxtPrevDiv .prevQtns:before{content:"f";color:#fff;line-height: 1.4;font-size:22px} .motherDaySurveyDiv .nxtPrevDiv .nextQtns{} .motherDaySurveyDiv .nxtPrevDiv .nextQtns:before{content:"g";color:#fff;line-height: 1.4;font-size:22px} .motherDaySurveyDiv .notificationIco {background-color: #d8d8d8;border-radius: 35px;bottom: 5px;color: #fff;display: inline-block;font-size: 11px;height: 15px;left: 5px;position: absolute;text-align: center;width: 15px; position:absolute;transition: all 0.4s ease 0s;} .motherDaySurveyDiv .notificationIco:hover{background-color:#ff7c24; color:#fff} .motherDaySurveyDiv .notificationIco:hover:after{background-color:#ff7c24; color:#fff} .motherDaySurveyDiv .mdTimeLine {display: block;position:absolute;left:90px;bottom:24px} .motherDaySurveyDiv .mdTimeLine p {font-family: GeSSTwoMedium, Tahoma;font-size: 13px;color: #aaa} .motherDaySurveyDiv .mdTimeLine p span {color: #7e225c} .mdTerms{display:inline-block;padding:10px;float:right} .mdTerms h3{color:#999;font-size:14px;margin:5px 0} .mdTerms ul{padding-right: 15px;display: inline-block;width: 575px;} .mdTerms li{font-family:GeSSTwoLight, Tahoma;font-size:12px;color:#aaa;direction:rtl;line-height:1.5;list-style-type: disc;} .motherDaySurveyDiv .mdSponsorDiv{display:inline-block;width:100%;margin-top:20px} .motherDaySurveyDiv .mdSponsorDiv .sponsor{float:right} .motherDaySurveyDiv .mdSponsorDiv .sponsor h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .motherDaySurveyDiv .mdSponsorDiv .sponsor img{float:right;margin-right:10px} .motherDaySurveyDiv .mdSponsorDiv .gifts{float:right;margin-right:30px} .motherDaySurveyDiv .mdSponsorDiv .gifts h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .motherDaySurveyDiv .mdSponsorDiv .gifts img{float:right;margin-right:10px} /** Survey Entry Point **/ .qCompetitionDiv{width:48.4%;margin-left:0.981em;float:right;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;} .vCompetitionDiv{width:48.4%;float:right;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;} .qCompetitionDiv .compDiv{background:url("../MotherDay/images/mdQSurveyBg.jpg") right 105px no-repeat} .vCompetitionDiv .compDiv{background:url("../MotherDay/images/mdVSurveyBg.jpg") left 105px no-repeat} .compDiv{width:100%;overflow: hidden;text-align: center;} .compDiv h1{font-family: GeSSTwoBold, Tahoma;font-size: 20px;color: #fff;text-align: center;background:url("../MotherDay/images/mdTitleBg.png") 0px 0px no-repeat #7e225c;padding: 15px 0;width: 100%;box-shadow: 0 0 1px 1px #333;margin-bottom: 20px;} .compDiv p{font-family: GeSSTwoMedium, Tahoma;font-size: 26px;color: #7e225c;text-align: center;padding:20px 35px} .compDiv p span{font-family: GeSSTwoBold, Tahoma;display:block;font-size: 34px;} .compDiv .regBtn{background-color: #7d225d;border-radius: 20px;font-family:GeSSTwoMedium, Tahoma;font-size: 14px;color: #fff;display: inline-block;margin: 0 auto 15px;padding: 10px 40px;text-align: center;transition: background-color 0.4s ease 0s;} .compDiv .regBtn:hover{background-color: #630043} .compDiv .mdTerms ul {width:255px} .mdSponsorDiv{display:inline-block;width:100%;margin-top:10px} .mdSponsorDiv .sponsor{float:right} .mdSponsorDiv .sponsor h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .mdSponsorDiv .sponsor img{float:right;margin-right:15px} .mdSponsorDiv .gifts{float:right;margin-right:39px} .mdSponsorDiv .gifts h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .mdSponsorDiv .gifts img{float:right;margin-right:15px} /** Competition *********************************************/ .competitionDiv{display:inline-block;width:100%;position:relative;background:url("../MotherDay/images/compBg.png") -40px 55px no-repeat #fff} .competitionDiv h1{font-size:22px;line-height: 1.6;} .competitionDiv .socialControl {float:left;position:absolute;top:10px;left:0} .competitionDiv .regDiv{float: right;display:inline-block;padding:70px 10px;text-align: center;} .competitionDiv h2{font-family: GESSTwoMedium;color: #333;font-size: 18px;line-height:2;margin-left:10px} .competitionDiv .regBtn{font-family: GeSSTwoLight,Tahoma;background-color: #7e225c;border-radius: 25px;color: #fff !important;font-size: 14px;text-align: center;padding: 10px 30px!important;border: none;line-height: normal;cursor: pointer;display: inline-block;transition: background-color 0.4s ease 0s} .competitionDiv .regBtn:hover{background:#630043} .competitionDiv .mdSponsorDiv{display:inline-block;width:auto;padding:20px 12px} .competitionDiv .mdSponsorDiv .sponsor{float:right} .competitionDiv .mdSponsorDiv .sponsor h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .competitionDiv .mdSponsorDiv .sponsor img{float:right;margin-right:10px} .competitionDiv .mdSponsorDiv .gifts{float:right;margin-right:30px} .competitionDiv .mdSponsorDiv .gifts h4{float:right;font-family:GeSSTwoLight, Tahoma;font-size:15px;color:#333;margin-top: 6px;} .competitionDiv .mdSponsorDiv .gifts img{float:right;margin-right:10px} /** Loader **/ .loadingDivOP{ position:absolute; top:0; right:0; background:#fff;width:100%; height:100%;text-align:center;z-index: 9;} .loadingDivOP .loaderVCenter{top:50%;margin-top:-30px;position:absolute;width:100%} .loadingDivOP p{ text-align:center;font-family:GeSSTwoLight,Tahoma;font-size:14px;color:#333} /*#optimumOuterDivID{top:130px!important;z-index: 9999999!important;margin-left: -390px;left: 50%;}*/ /** VAS Page **/ /** Masrawy Partners Contents **/ .vasPage {margin: 0!important;position:relative} .vasPage h1{text-align: center;padding: 10px 0 30px;font-size: 20px;color: #5b5b5b} .vasPage h1 span{font-size: 24px;color: #c31717;display:block;margin-top:5px} .vasPage .price{display: block;background: #fff;padding: 10px;margin-bottom: 20px;border: 1px solid #ddd} .vasPage .price h3{font-family:GeSSTwoMedium, Tahoma;font-size:14px;color:#333;direction:rtl} .vasPage .price p {font-family: GeSSTwoLight, Tahoma;font-size: 12px;color: #333;direction: rtl;line-height: 1.5;list-style-type: disc;} .vasPage .price p span{font-family:Tahoma;font-weight:bold} .vasPage .price p .vod{color:#ed1c24;font-family:GeSSTwoLight, Tahoma;font-weight:normal} .vasPage .price p .mob{color:#f6810f;font-family:GeSSTwoLight, Tahoma;font-weight:normal} .vasPage .price p .its{color:#719a11;font-family:GeSSTwoLight, Tahoma;font-weight:normal} /*.vasPage h2{color: #5b5b5b;padding:10px 0}*/ .vasCnts{width:100%;margin-bottom:20px;background: none;border: none;box-shadow: none;} .vasCnts .vas{width:298px;height:330px;float:right;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:300px;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:GeSSTwoMedium, Tahoma;font-size:24px;color:#333} .vasCnts .vas .vasIcon{height:80px} .vasCnts .vas .iconImgs{margin:5px auto 15px;} .vasCnts .vas .newsIcon{background: url("../VAS/images/newsIcon.png") 0 0 no-repeat;width:64px;height:60px;} .vasCnts .vas .womanIcon{background: url("../VAS/images/womanIcon.png") 0 0 no-repeat;width:56px;height:60px;} .vasCnts .vas .horoIcon{background: url("../VAS/images/horIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasCnts .vas .artsIcon{background: url("../VAS/images/artsIcon.png") 0 0 no-repeat;width:93px;height:60px;} .vasCnts .vas .jokesIcon{background: url("../VAS/images/jokesIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasCnts .vas .weirdIcon{background: url("../VAS/images/weirdIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasCnts .vas .islamicIcon{background: url("../VAS/images/islamicIcon.png") 0 0 no-repeat;width:55px;height:60px;} .vasCnts .vas .crossIcon{background: url("../VAS/images/crossIcon.png") 0 0 no-repeat;width:40px;height:60px;} .vasCnts .vas .techIcon{background: url("../VAS/images/techIcon.png") 0 0 no-repeat;width:68px;height:60px;} .vasCnts .vas .mobawabaIcon{background: url("../VAS/images/MobawabaIcon.png") 0 15px no-repeat;width:130px;height:60px;} .vasCnts .vas .economyIcon{background: url("../VAS/images/economyIcon.png") 0 0 no-repeat;width:55px;height:60px;} .vasCnts .vas .mtvIcon{background: url("../VAS/images/mtvIcon.png") 0 0 no-repeat;width:59px;height:60px;} .vasCnts .vas .fabrekaIcon{background: url("../VAS/images/fabrekaIcon.png") 0 10px no-repeat;width:130px;height:60px;} .vasCnts .vas h2{padding:10px 15px 5px;font-family:GeSSTwoLight, Tahoma;font-size:18px;text-align:center} .vasCnts .vas .details{display:inline-block;padding:10px;float: right;width: 278px;} .vasCnts .vas .details .vod{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .vod h3{font-family:GeSSTwoMedium, Tahoma;font-size:12px;color:#ed1c24;direction:rtl} .vasCnts .vas .details .vod li span{font-family:Tahoma;color:#ed1c24} .vasCnts .vas .details .mob{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .mob h3{font-family:GeSSTwoMedium, Tahoma;font-size:12px;color:#f6810f;direction:rtl} .vasCnts .vas .details .mob li span{font-family:Tahoma;color:#f6810f} .vasCnts .vas .details .its{display:inline-block;margin-bottom:10px} .vasCnts .vas .details .its h3{font-family:GeSSTwoMedium, Tahoma;font-size:12px;color:#719a11;direction:rtl} .vasCnts .vas .details .its li span{font-family:Tahoma;color:#719a11} .vasCnts .vas .details ul {padding-right: 15px;display: inline-block;float: right;width: 260px;} .vasCnts .vas .details li {font-family: GeSSTwoLight, Tahoma;font-size: 12px;color: #333;direction: rtl;line-height: 1.5;list-style-type: disc;} .vasCnts .vas p{font-family:GeSSTwoLight, Tahoma;font-size:14px;color:#868686;direction:rtl;text-align:center;height:120px} .vasCnts .vas .vasBtn{text-align: center;background: #ddd;padding: 8px 28px;position: absolute;bottom:30px;left:100px;font-family:GeSSTwoLight, Tahoma;font-size: 14px;color: #fff;border-radius: 20px;display: inline-block;transition: background-color 0.4s 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:2px solid #c31717} .vasCnts .news #usermobile {background-color: #fff} .vasCnts .news .vasBtn {background:#c31717} .vasCnts .news .vasBtn:hover {background:#ad0006} .vasCnts .arts{border-top:2px solid #ff7c24} .vasCnts .arts #usermobile {background-color: #fff} .vasCnts .arts .vasBtn {background:#ff7c24} .vasCnts .arts .vasBtn:hover {background:#dd5e01} .vasCnts .woman{border-top:2px solid #7e225c} .vasCnts .woman .vasBtn {background:#7e225c} .vasCnts .woman .vasBtn:hover {background:#630043} .vasCnts .jokes{border-top:2px solid #8dba21} .vasCnts .jokes .vasBtn {background:#8dba21} .vasCnts .jokes .vasBtn:hover {background:#729a11} .vasCnts .islamic{border-top:2px solid #1e99a1} .vasCnts .islamic .vasBtn {background:#1e99a1} .vasCnts .islamic .vasBtn:hover {background:#008991} .vasCnts .chris{border-top:2px solid #955119} .vasCnts .chris .vasBtn {background:#955119} .vasCnts .chris .vasBtn:hover {background:#6e3608} .vasCnts .horo{border-top:2px solid #f1a71d} .vasCnts .horo .vasBtn {background:#f1a71d} .vasCnts .horo .vasBtn:hover {background:#c48309} .vasCnts .mobawaba{border-top:2px solid #36a0d2} .vasCnts .mobawaba .vasBtn {background:#36a0d2} .vasCnts .mobawaba .vasBtn:hover {background:#1b7aa7} .vasCnts .mtv{border-top:2px solid #a42709} .vasCnts .mtv .vasBtn {background:#a42709} .vasCnts .mtv .vasBtn:hover {background:#7a1b04} .vasCnts .tech{border-top:2px solid #1862a8} .vasCnts .tech .vasBtn {background:#1862a8} .vasCnts .tech .vasBtn:hover {background:#08437a} .vasCnts .weird{border-top:2px solid #2e3094} .vasCnts .weird .vasBtn {background:#2e3094} .vasCnts .weird .vasBtn:hover {background:#15166b} .vasCnts .economy{border-top:2px solid #289e54} .vasCnts .economy .vasBtn {background:#289e54} .vasCnts .economy .vasBtn:hover {background:#127236} .vasCnts .fabreka{border-top:2px solid #c31717} .vasCnts .fabreka .vasBtn {background:#c31717} .vasCnts .fabreka .vasBtn:hover {background:#ad0006} /** VAS Details Drop Down **/ .vas > div > .details {background: #fff;border:1px solid #ddd;width: 100%;max-height: 0;position: absolute;right: 120px;z-index: 999;box-shadow: 0 0 1px 1px #333;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 1px 5px 0px #333;visibility: visible;opacity: 1;transition-delay: 0s;max-height: 100%} /** VAS Promotion Page *********************************************************************************/ .vasProPage{display:inline-block;width:100%} .vasProPage h1{text-align: center;font-family:GeSSTwoMedium, Tahoma;font-size: 20px;color: #c31717;display:block;padding:15px 0} .vasProPage .srvcMB{padding:20px 10px;display:inline-block;float:right;width: 575px;} .vasProPage .srvcMB h2{text-align: right;font-family:GeSSTwoLight, Tahoma;font-size: 18px;color: #777;display:block;margin-bottom: 15px;} .vasProPage .srvcMB .iconImgs{float:right;margin-left:10px} .vasProPage .srvcMB .newsIcon{background: url("../VAS/images/newsIcon.png") 0 0 no-repeat;width:43px;height:40px;background-size:90px} .vasProPage .srvcMB .womanIcon{background: url("../VAS/images/womanIcon.png") 0 0 no-repeat;width:37px;height:40px;background-size:78px} .vasProPage .srvcMB .horoIcon{background: url("../VAS/images/horIcon.png") 0 0 no-repeat;width:40px;height:40px;background-size:82px} .vasProPage .srvcMB .artsIcon{background: url("../VAS/images/artsIcon.png") 0 0 no-repeat;width:62px;height:40px;background-size:128px} .vasProPage .srvcMB .jokesIcon{background: url("../VAS/images/jokesIcon.png") 0 0 no-repeat;width:40px;height:40px;background-size:82px} .vasProPage .srvcMB .weirdIcon{background: url("../VAS/images/weirdIcon.png") 0 0 no-repeat;width:40px;height:40px;background-size:82px} .vasProPage .srvcMB .islamicIcon{background: url("../VAS/images/islamicIcon.png") 0 0 no-repeat;width:37px;height:40px;background-size:78px} .vasProPage .srvcMB .crossIcon{background: url("../VAS/images/crossIcon.png") 0 0 no-repeat;width:27px;height:40px;background-size:54px} .vasProPage .srvcMB .techIcon{background: url("../VAS/images/techIcon.png") 0 0 no-repeat;width:45px;height:40px;background-size:92px} .vasProPage .srvcMB .mobawabaIcon{background: url("../VAS/images/MobawabaIcon.png") 0 15px no-repeat;width:87px;height:40px;background-size:176px} .vasProPage .srvcMB .economyIcon{background: url("../VAS/images/economyIcon.png") 0 0 no-repeat;width:37px;height:40px;background-size:78px} .vasProPage .srvcMB .mtvIcon{background: url("../VAS/images/mtvIcon.png") 0 0 no-repeat;width:39px;height:40px;background-size:82px} .vasProPage .srvcMB h1{font-family: GeSSTwoMedium, Tahoma;font-size: 18px;color: #333;margin-left:20px;float:right;line-height: 2.5;padding: 0;} .vasProPage .usermobile{padding:0;background:#fff;display:inline-block;clear: none;float: right;margin-top: 5px;} .vasProPage .usermobile .arpuframe {margin-top:0} .vasProPage .suggDiv{display: inline-block;background: #f2f2f2;padding: 0 10px;float: right;margin:0 10px 20px;width: 575px;} .vasProPage .suggDiv h1{text-align: right;font-family:GeSSTwoLight, Tahoma;font-size: 14px;color: #333;display:block;margin-bottom: 15px;} .vasProPage .suggDiv .suggSrvcDiv{display:inline-block;width:100%;padding-bottom: 10px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc{float:right;display:inline-block;width:287px;text-align:center} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc h1{width:287px;text-align: center;color: #333;font-family: GeSSTwoMedium, Tahoma;font-size: 18px;margin:0 0 10px;padding:0} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc a{display:inline-block} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .iconImgs{margin:0 auto;cursor:pointer} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .newsIcon{background: url("../VAS/images/newsIcon.png") 0 0 no-repeat;width:64px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .womanIcon{background: url("../VAS/images/womanIcon.png") 0 0 no-repeat;width:56px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .horoIcon{background: url("../VAS/images/horIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .artsIcon{background: url("../VAS/images/artsIcon.png") 0 0 no-repeat;width:93px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .jokesIcon{background: url("../VAS/images/jokesIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .weirdIcon{background: url("../VAS/images/weirdIcon.png") 0 0 no-repeat;width:60px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .islamicIcon{background: url("../VAS/images/islamicIcon.png") 0 0 no-repeat;width:55px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .crossIcon{background: url("../VAS/images/crossIcon.png") 0 0 no-repeat;width:40px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .techIcon{background: url("../VAS/images/techIcon.png") 0 0 no-repeat;width:68px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .mobawabaIcon{background: url("../VAS/images/MobawabaIcon.png") 0 15px no-repeat;width:130px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .economyIcon{background: url("../VAS/images/economyIcon.png") 0 0 no-repeat;width:55px;height:60px;} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .mtvIcon{background: url("../VAS/images/mtvIcon.png") 0 0 no-repeat;width:59px;height:60px;} /** Hover **/ .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .newsIcon:hover{background: url("../VAS/images/newsIcon.png") -69px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .womanIcon:hover{background: url("../VAS/images/womanIcon.png") -61px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .horoIcon:hover{background: url("../VAS/images/horIcon.png") -65px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .artsIcon:hover{background: url("../VAS/images/artsIcon.png") -98px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .jokesIcon:hover{background: url("../VAS/images/jokesIcon.png") -65px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .weirdIcon:hover{background: url("../VAS/images/weirdIcon.png") -65px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .islamicIcon:hover{background: url("../VAS/images/islamicIcon.png") -60px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .crossIcon:hover{background: url("../VAS/images/crossIcon.png") -45px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .techIcon:hover{background: url("../VAS/images/techIcon.png") -73px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .mobawabaIcon:hover{background: url("../VAS/images/MobawabaIcon.png") -105px 15px no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .economyIcon:hover{background: url("../VAS/images/economyIcon.png") -60px 0 no-repeat} .vasProPage .suggDiv .suggSrvcDiv .suggSrvc .mtvIcon:hover{background: url("../VAS/images/mtvIcon.png") -64px 0 no-repeat} .vasProPage .servicesDiv{display:inline-block;width:100%;margin-top: 20px;} .vasProPage .servicesDiv p{text-align: right;font-family:GeSSTwoLight, Tahoma;font-size: 18px;color: #333;display:block;margin-bottom: 25px;margin-right:10px} .vasProPage .servicesDiv p a{color:#c31717;text-decoration: underline;transition: color 0.4s ease 0s} .vasProPage .servicesDiv p a:hover{color:#ad0006} .vasProPage .servicesDiv .service{display:inline-block;width:100%;padding-bottom: 10px;} .vasProPage .servicesDiv .service .item{float:right;display:inline-block;width:102px;text-align:center} .vasProPage .servicesDiv .service .item h1{text-align: center;color: #333;font-family: GeSSTwoLight, Tahoma;font-size: 14px;margin:0 0 10px;padding:0} .vasProPage .servicesDiv .service .item .iconImgs{margin: 0 auto 30px;} .vasProPage .servicesDiv .service .item .newsIcon{background: url("../VAS/images/newsIcon.png") 0 0 no-repeat;width:32px;height:30px;background-size:67px} .vasProPage .servicesDiv .service .item .womanIcon{background: url("../VAS/images/womanIcon.png") 0 0 no-repeat;width:28px;height:30px;background-size:60px} .vasProPage .servicesDiv .service .item .horoIcon{background: url("../VAS/images/horIcon.png") 0 0 no-repeat;width:30px;height:30px;background-size:63px} .vasProPage .servicesDiv .service .item .artsIcon{background: url("../VAS/images/artsIcon.png") 0 0 no-repeat;width:47px;height:30px;background-size:97px} .vasProPage .servicesDiv .service .item .jokesIcon{background: url("../VAS/images/jokesIcon.png") 0 0 no-repeat;width:30px;height:30px;background-size:62px} .vasProPage .servicesDiv .service .item .weirdIcon{background: url("../VAS/images/weirdIcon.png") 0 0 no-repeat;width:30px;height:30px;background-size:62px} .vasProPage .servicesDiv .service .item .islamicIcon{background: url("../VAS/images/islamicIcon.png") 0 0 no-repeat;width:28px;height:30px;background-size:59px} .vasProPage .servicesDiv .service .item .crossIcon{background: url("../VAS/images/crossIcon.png") 0 0 no-repeat;width:20px;height:30px;background-size:44px} .vasProPage .servicesDiv .service .item .techIcon{background: url("../VAS/images/techIcon.png") 0 0 no-repeat;width:34px;height:30px;background-size:70px} .vasProPage .servicesDiv .service .item .mobawabaIcon{background: url("../VAS/images/MobawabaIcon.png") 0 6px no-repeat;width:65px;height:30px;background-size:133px} .vasProPage .servicesDiv .service .item .economyIcon{background: url("../VAS/images/economyIcon.png") 0 0 no-repeat;width:28px;height:30px;background-size:59px} .vasProPage .servicesDiv .service .item .mtvIcon{background: url("../VAS/images/mtvIcon.png") 0 0 no-repeat;width:29px;height:30px;background-size:60px} /** Popup Mask ******************************************************************/ .mask{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);top:0;left:0;z-index:9999999999;} .mask .popup{width:300px;height:106px;position:relative;left:50%;margin-left:-150px;background:#fff;border:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;top:50%;margin-top:-53px} .mask .popup h1{font-family:GeSSTwoMedium, Tahoma;font-size:16px;text-align:right;color:#000;margin:10px 15px 0} .mask .popup .closeMask{position: absolute;left: -16px;top: -16px;/*border: 2px solid #ddd;*/border-radius: 20px;background:#fff;width: 24px;height: 24px;z-index: 1;text-align: center;line-height:1.6} .mask #usermobile {background-color: #fff} .speakol{width: 100%;} #optimumOuterDivID{top:130px!important;z-index: 9999999!important;margin-left: -390px;left: 50%;} .katayefDiv{display:inline-block;width:300px;background:#fff;border:1px solid #ddd;border-top:none!important;box-shadow: 0px 1px 0px 0px #d1d1d1;margin-bottom:20px} .katayefDiv .pattern02Div img{width:300px} .katayefDiv .pattern02Div p{width:280px} /** Masr Ded El-3onf **/ .vlncBanner{display:inline-block;width:940px;margin-bottom:20px} /* Suez Canal Countdown */ .szCnlCD {display:inline-block;border-top:1px solid #ddd!important;position:relative} .szCnlCD .red{width:10px;height:70px;background:#c31717;position:absolute;left:8px;top:-5px} .szCnlCD .red:before{content:"";width: 0;height: 0;border-bottom: 5px solid #ad0006;border-left: 5px solid transparent;position: absolute;top: 0;left: -5px;} .szCnlCD .white{width:10px;height:70px;background:#fff;position:absolute;left:18px;top:-5px} .szCnlCD .black{width:10px;height:70px;background:#222;position:absolute;left:28px;top:-5px} .szCnlCD .black:before{content:"";width: 0;height: 0;border-bottom: 5px solid #000;border-right: 5px solid transparent;position: absolute;top: 0;left: 10px;} .szCnlCD p{font-family:GeSSTwoLight, Tahoma;font-size:16px;color:#c31717;text-align:center;padding:10px 75px;line-height: 1.3;} .szCnlCD p span{font-family:GeSSTwoMedium, Tahoma;font-size:24px} .timerDiv{} .timerDiv > ul {font-family:GeSsTwoLight,Tahoma;padding: 0 60px;text-align: center;} .timerDiv li {float:left;background-color: #333;color: #fff;display: inline-block;font-size: 20px;margin: 0 3px 30px;padding: 2px 4px;text-align: center;width: 30px; position:relative} .timerDiv li:nth-child(1):after, .timerDiv li:nth-child(2):after, .timerDiv li:nth-child(3):after, .timerDiv li:nth-child(4):after {content: "م";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #333;display: block;font-size: 13px;position: absolute;text-align: center;width: 30px;top:35px} .timerDiv li:nth-child(2):after {content: "س";} .timerDiv li:nth-child(3):after {content: "ق";} .timerDiv li:nth-child(4):after {content: "ث";} /** Zee3 Mawhebtak **/ .zee3MwhbtkBnr{width:936px;height:175px;margin:0 auto 20px;border:1px solid #ddd} .zee3MwhbtkBnr img{width:936px;height:175px;} /** Year Ender **/ .yeMainDiv{display:inline-block;width:100%;border-top:1px solid #ddd!important;padding-bottom:10px} .yeMainDiv h2{margin:30px 0;text-align:center;font-family:GeSSTwoMedium, Tahoma;font-size:24px;color:#333} .yeMainDiv .threeSecBtn{display:inline-block;padding:0 20px} .yeMainDiv .threeSecBtn .surveyBtn{float:right;margin-left:30px;position:relative;border-radius:100px;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;} .yeMainDiv .threeSecBtn .surveyBtn:last-child{margin-left:0} .yeMainDiv .threeSecBtn .surveyBtn img{width:170px;height:170px;border-radius:100px;position:relative;z-index:99;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;} .yeMainDiv .threeSecBtn .surveyBtn:after{content:"";width:177px;height:177px;background:#333;position:absolute;z-index:9;top:-1px;left:-1px;border-radius:100px} .yeMainDiv .threeSecBtn .surveyBtn p{display:block;font-family:GeSSTwoMedium, Tahoma;font-size:18px;text-align:center;color:#333;margin:10px 0 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;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;} .yeMainDiv .threeSecBtn .surveyBtn:hover img{transform: scale(1.01,1.01);} .yeMainDiv .threeSecBtn .arts:hover p{color:#ff7c24} .yeMainDiv .threeSecBtn .howawhyea:hover p{color:#7e225c} .yeMainDiv .threeSecBtn .sports:hover p{color:#168039} .yeMainDiv .threeSecBtn .arts:after{background:#ff7c24} .yeMainDiv .threeSecBtn .howawhyea:after{background:#7e225c} .yeMainDiv .threeSecBtn .sports:after{background:#168039} /** Zee3 Mawhebtak **/ .zee3Mawhebtak{background:url(../images/zee3Bg.png) no-repeat 35px 3px #4f4f4f!important} .zee3Mawhebtak .ttl{background:none!important;position:relative;overflow:visible} .zee3Mawhebtak .ttl:after{content:"";width:40px;height:74px;background:url(../images/zee3Icon.png) no-repeat center center;background-size:37px 68px;position:absolute;bottom:-14px;right:10px} .zee3Mawhebtak .ttl h2{padding: 12px 60px 0!important} .zee3Mawhebtak .ttl h2 a{color:#f44748!important;} .zee3Mawhebtak .ttl .moreLnk{color:#f44748!important;height:50px} .zee3Mawhebtak .ttl .moreLnk span{background:#4f4f4f!important;padding:15px 0!important} .zee3Mawhebtak .ttl .moreLnk::before{background:#f44748!important;color:#fff!important;padding: 15px 0;} .zee3Mawhebtak .ttl .moreLnk::after {border-right: 5px solid #4f4f4f!important;border-top: 25px solid transparent!important;border-bottom: 25px solid transparent!important} .zee3Mawhebtak .pattern04list{border-bottom:0} .zee3Mawhebtak .pattern04list p{color:#fff!important} .zee3Mawhebtak .pattern04list:hover p{color:#f44748} .zee3Mawhebtak .pattern04list .more{color:#bbb!important} /** Survey Banner **/ .smlSrvyBnr{display:inline-block;margin-bottom:20px} .smlSrvyBnr img{border:1px solid #ddd;width:613px;height:60px} /** Hang Man Page **/ .hngManDiv{margin-left:0!important;position:relative;display:block;background:#fff;padding:15px;border:1px solid #ddd;box-shadow: 0 1px 0 0 #d1d1d1;margin-bottom:20px} .hngManDiv .ttl h2{font-family:GeSSTwoMedium, Tahoma;font-size:20px;color:#ff7c24;text-align:right;padding:0} .hngManDiv .hngManCnts{width:100%;margin:0 auto;text-align:center} .hngManDiv .hngManCnts .imgHngDiv{display:inline-block;width:100%;margin-bottom:10px} .hngManDiv .hngManCnts .imgContainer{width:500px;height:200px;border:1px solid #ddd;float:right;margin-left:20px;position:relative} .hngManDiv .hngManCnts .imgContainer .rightImg{width:250px;height:200px;float:right;position:relative} .hngManDiv .hngManCnts .imgContainer .rightImg img{width:248px;height:198px;border:1px solid #fff} .hngManDiv .hngManCnts .imgContainer .leftImg{width:250px;height:200px;float:right;position:relative} .hngManDiv .hngManCnts .imgContainer .leftImg img{width:248px;height:198px;border:1px solid #fff} .hngManDiv .hngManCnts .imgContainer .rightImg p{width:246px;height:28px;background:rgba(0, 0, 0, 0.8);color:#fff;text-align:center;font-family:arial;font-size:18px;position:absolute;bottom:2px;right:2px;z-index:1} .hngManDiv .hngManCnts .imgContainer .leftImg p{width:246px;height:28px;background:rgba(0, 0, 0, 0.8);color:#fff;text-align:center;font-family:GeSSTwoMedium;font-size:16px;position:absolute;bottom:2px;right:2px;z-index:1} .hngManDiv .hngManCnts .hangDiv{float:left;background:#333;width:336px;height:180px;padding:10px;text-align:center} .hngManDiv .hngManCnts .hangDiv .hang{float:left;width:210px;height:160px;background:#fff;margin:0 auto;padding:10px} .hngManDiv .hngManCnts .hangDiv p{float:right;font-family:GeSSTwoMedium, Tahoma;color:#fff;font-size:24px;text-align:center;line-height:1.2;margin:50px 5px 0 0} .hngManDiv .hngManCnts .hangDiv p span{color:#ff7c24;font-size:48px} .hngManDiv .hngManCnts .hangDiv .gameOver{font-size:34px;color:#e93a3a;margin-top:55px} .hngManDiv .hngManCnts .hangDiv .win{font-size:34px;color:#37ad23;margin:55px 20px 0 0} .hngManDiv .dashs{font-family:GeSSTwoMedium, Tahoma;font-size:24px;color:#ff7c24;text-align:center;margin-bottom:15px;direction: rtl;} .hngManDiv .dashs ul{display:block;width:100%;text-align:center} .hngManDiv .dashs li{display:inline-block;margin-left:5px} .hngManDiv .letters{text-align:center;direction:rtl} .hngManDiv .letters a{display:inline-block;width:30px;height:30px;border:1px solid #ddd;background:#eee;color:#333;border-radius:5px;text-align:center;line-height:32px;font-family:GeSSTwoMedium, Tahoma;font-size:16px;margin:0 0 8px 3px;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;} .hngManDiv .letters a:hover, .hngManDiv .letters a.select{background:#ff7c24;border:1px solid #ff7c24;color:#fff} .hngManDiv .btn{display:block;width:120px;padding:5px 30px;background:#ff7c24;border-radius:30px;font-family:GeSSTwoMedium, Tahoma;font-size:14px;color:#fff;margin-top: 10px;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;} .hngManDiv .btn:hover{background:#dd5e01} /** HAO 123 Banner **/ .haoBnrDiv{display:block;width:613px;height:80px;background:url(../images/haoBnrBg.jpg) no-repeat;position:relative;border: 1px solid #ddd;margin-bottom:20px} .haoBnrDiv a{position:absolute;font-family:GeSSTwoMedium, Tahoma;font-size:18px;color:#fff;top:5px} .haoBnrDiv a.games{right:10px;padding:22px 80px 22px 16px;} .haoBnrDiv a.market{right:170px;padding:22px 80px 22px 16px;} .haoBnrDiv a.videos{right:330px;padding:22px 80px 22px 16px;} .haoBnrDiv a.haoLogo{width:97px;height:28px;display:block;left:19px;top:23px} /************************ Mother Day ************************/ /** Questions **/ .mDay .hpQs, .mDay .stories{border-top:1px solid #ddd!important;display: inline-block;width: 100%;position: relative;} .hpQs .timeline {position: relative;padding-bottom:0;background-color: #e7ebee;color: #515151;} .hpQs .timeline:after{display:none} .hpQs .bq{height:20px;overflow:hidden;border-bottom: 0;padding-bottom: 0} .hpQs .ftr{float:left;display:block;padding:15px 0 13px} .hpQs .ftr .cmntNum{float:right;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#333;margin:2px 0 0 15px} .hpQs .ftr .cmntNum span{font-size:14px;font-family:GothamMedium;color:#7e225c;margin-right: 5px;} .hpQs .ftr .icon-comment:before{content:"j";float:right;margin-left:5px;font-size: 17px;} .hpQs .ftr .cmntBtn{float:right;background:#7e225c;padding:5px 30px;color:#fff;border-radius:15px;font-family:GeSsTwoLight, Tahoma;font-size:12px;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} .hpQs .ftr .cmntBtn:hover{background:#620043} .col-lg-12 {width: 100%} .panel {background-color: #fff;border: 1px solid transparent;border-radius: 4px;} .panel-body {padding:0 15px;} .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table;content: " ";} :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .panel .panel-footer, .panel>:last-child {border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .panel .panel-heading, .panel>:first-child {border-top-left-radius: 0;border-top-right-radius: 0;} .panel .timeline, .panel .timeline-time {background-color: #fff;} .timeline {position: relative;padding-bottom:30px;background-color: #e7ebee;color: #515151;} .timeline:before {right: 49px;top: 20px;width: 2px;} .timeline:before, .timeline:after {background-color: #ddd;bottom: 20px;content: "";display: block;position: absolute;} .timeline .timeline-header:first-child {margin-bottom: 30px;margin-top: 15px;} .timeline-header {border-radius: 0;clear: both;margin-bottom: 50px;margin-top: 50px;position: relative;float:right;width: 100%;background: url(../Mday2016/images/mDayLogo.png) 15px center no-repeat #f9f0f6;border:1px solid #ddd} .timeline-header .timeline-header-title {padding:15px;font-size:20px;color:#333;text-align:right} .timeline-header .hashtag{color:#7e225c;font-family:GESSTwoMedium,Tahoma;font-size:16px;text-align:right;padding:0 15px 15px} .timeline-entry {margin-bottom:20px;margin-top: 5px;position: relative;clear: both} .timeline-stat {width: 100px;float:right;text-align: center;padding-bottom: 15px;} .panel .timeline-icon {box-shadow: 0 0 0 7px #fff;} .timeline-icon {border-radius: 50%;box-shadow: 0 0 0 7px #e7ebee;display: block;margin: 0 auto;height: 46px;line-height: 46px;text-align: center;width: 46px;} .timeline-icon img {width: 46px;height: 46px;border-radius: 50%;vertical-align: top;} .timeline-time {display: inline-block;padding: 3px 3px 0;background-color: #e7ebee;color: #848484;font-size:12px;max-width: 70px;} .panel .timeline-label {box-shadow: none;background-color: #fafafa;border: 1px solid #e3e3e3;} .timeline-label {background-color: #fff;border-radius: 0;margin-right: 90px;padding: 10px;position: relative;min-height: 50px;border: 1px solid #e9e9e9;box-shadow: 0 2px 0 rgba(0,0,0,0.05);cursor:pointer} .panel .timeline-label:before {border-right-color: #e3e3e3;} .timeline-label:before {border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #e6e6e6;margin: 15px -10px 0 0} .timeline-label:before, .timeline-label:after {content: "";display: block;position: absolute;width: 0;height: 0;right: 0;top: 0;} .img-holder img {max-width: 100%;border-radius: 0;} .timeline-label:after {border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 9px solid #fafafa;margin: 15px -8px 0 0} .timeline:after {right: 47px;width: 6px;height: 6px;border-radius: 50%;} .pad-btm {padding-bottom:5px;direction: rtl;color:#337ab7;font-size:16px} .bq{direction: rtl;font-size:16px;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;} /* Stories */ .stories .head{display:inline-block;width:100%;margin:15px 0} .stories .head .nxtPrvQs{padding:20px 15px 20px 10px;height:18px;line-height:1.8;background:#7e225c;color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:12px;border: 1px solid #ddd;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} .stories .head .prevQs{float:right} .stories .head .nextQs{float:left} .stories .head .icon-next:before{content:"g";color:#fff;float:left;margin-right:5px;font-size:18px;line-height:1} .stories .head .nxtPrvQs:hover{background:#620043} .stories .head .compTtl{text-align: right;font-family: GESSTwoMedium, Tahoma;font-size: 22px;line-height: 2.6;color: #7e225c;float: right;width: 400px;height: 56px;padding-right: 15px;margin-top: 1px;border: 1px solid #ddd;border-left: 0;background: #eee;position:relative;z-index:1} .stories .loadBtnDiv{width:100%;display:block;text-align:center;margin:5px 0 10px} .stories .loadBtn{margin:0 auto;border:1px solid #ddd;background:#7e225c;padding:10px 50px;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;outline:none;cursor:pointer} .stories .timeline {padding-bottom: 1px;} /*.timeline.timelineMar{margin-bottom:200px}*/ .wrappFooter.HideFooter{display:none} .strFtr{display:block;padding:0;height:30px;position: relative;} .stryHT{float:right;font-family:GESSTwoMedium, Tahoma;font-size:14px;color:#7e225c;line-height: 2.8;direction: rtl;} .scl{float:left;width: 100%;} .scl .likeDiv{float:left;margin:0 15px 0 0;position:relative} .scl .like{float:right;font-size:14px;color:#7f7f7f;line-height:2.2;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} .scl .icon-like:before{content:",";float:right;margin-left:5px;font-size:20px;} .scl .like:hover, .scl .selected .like{color:#5890ff} .scl .fb_iframe_widget{float:left;margin:10px 5px 0 0;position:relative;width:98px;overflow: hidden;} .scl .fb_iframe_widget span{width:98px;margin:0} .scl .fbShareBtn{float:left;margin-top: 10px;} .scl .fb-share{float:left;width:35px;height:20px;padding-left:22px;font-family:helvetica, arial, sans-serif;line-height: 1.9;font-size:11px;background:url(../Mday2016/images/fbLogo.jpg) 4px 3px no-repeat, linear-gradient(#4c69ba, #3b55a0);border-radius: 2px;color: #fff;cursor: pointer;font-weight: bold;} .scl .fb-share:hover{background:url(../Mday2016/images/fbLogo.jpg) 4px 3px no-repeat, linear-gradient(#5b7bd5, #4864b1);border-color: #5874c3 #4961a8 #41599f;box-shadow: inset 0 0 1px #607fd6;} .scl .shareCount{position:relative;background:#fff;border: 1px solid #9197a3;border-radius: 2px;color: #4e5665;display: inline-block;font-size: 11px;height: auto;line-height: 18px;margin-left: 6px;min-width: 15px;padding: 0 3px;text-align: center;white-space: nowrap;} .scl .shareCount:before, .scl .shareCount:after {content: "";display: block;position: absolute;width: 0;height: 0;left: 0;top: 0} .scl .shareCount:before {border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 5px solid #9197a3;margin: 5px 0 0 -5px;} .scl .shareCount:after {border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-right: 4px solid #fff;margin: 6px 1px 0 -3px;} .scl .sclNum{position: absolute;width: 16px;height: 16px;line-height: 1.6;border-radius: 30px;background: #dc0d17;color: #fff;text-align: center;top: 2px;right: 14px;font-family: GothamMedium;font-size: 10px;} .scl span{font-family:GESSTwoMedium, Tahoma;color:#187a0b;font-size:12px;line-height:3.2;float: right;} .shareDiv > .subShare{background:#fff; width:138px;border-radius: 50px;padding: 8px 13px 8px 8px;max-height:0; position:absolute;left:10px;top:-58px;border: 1px solid #ddd;z-index:999;box-shadow: 0 2px 2px 0px #333;visibility: hidden;opacity: 0;-webkit-transition: all 0.2s ease-in-out 0.5s; transition: all 0.2s ease-in-out 0.5s} .shareDiv:hover > .subShare{z-index:9999;box-shadow: 0 2px 2px 0 #333;visibility: visible;opacity: 1;transition-delay: 0s;max-height:44px} .shareDiv .subShare .facebookBtn{text-indent: -90px;width:40px;height:40px;padding:0;border-radius: 50px;overflow:hidden} .shareDiv .subShare .social-share.facebookBtn.icon-fb:before {text-indent:2px;font-size:25px} .shareDiv .subShare .twitterBtn{text-indent: -90px;width:40px;height:40px;padding:0;border-radius: 50px;overflow:hidden} .shareDiv .subShare .social-share.icon-tw:before {text-indent:0px;font-size:26px} .shareDiv .subShare .GPlusBtn{text-indent: -90px;width:40px;height:40px;padding:0;border-radius: 50px;overflow:hidden} .shareDiv .subShare .social-share.icon-ggl:before {text-indent:2px;font-size:25px} /** Mother Day Comments TextBox **/ .hashtagSlct {display:inline-block;margin: 0 0 5px;width: 100%} .hashtagSlct h2{float:right;margin-left:10px;color:#333;font-family:GeSsTwoMedium, Tahoma;font-size:14px;line-height:2.5} .hashtagSlct .hashtagBtn{float:right;padding:5px 8px;margin-left:5px;background:#f2f2f2;direction: rtl;;border:1px solid #ddd;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:12px;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} .hashtagSlct .hashtagBtn:last-child{margin-left:0!important} .hashtagSlct .hashtagBtn:hover, .hashtagSlct .hashtagBtn.select{background:#ccc} .strsTxt{padding:15px 0 0} .strsTxt .title{font-family:GESSTwoMedium, Tahoma;font-size:16px;color:#7e225c;display:block;margin:0 0 20px} textarea.form-control {height: auto} .form-control {font-size: 12px;height: 100%;border-radius: 0;box-shadow: none;border: 1px solid #e9e9e9;transition-duration: .5s;} .form-control {display: block;width:557px;text-align: right;height: 34px;padding: 6px 10px;direction:rtl;font-size: 16px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} button, input, select, textarea {font-family: inherit;font-size: inherit;} textarea {overflow: auto;} button, input, optgroup, select, textarea {margin: 0;color: inherit;} .mar-top {margin-top: 15px;} .strsTxt .shareCmnt{background:#4e69a2;padding:5px 30px;border:none;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#fff;border-radius:20px;outline:none;cursor:pointer;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} .strsTxt .shareCmnt:hover{background:#1b3469} .strsTxt .mar-top{margin-top:10px} .strsCmntsDiv{display:inline} .strsCmntsDiv .minimize{display:none} .strsCmntsDiv.sticky{position: fixed;bottom: 0;right:calc((100% - 940px) / 2);width:592px;padding:5px 10px 0;box-shadow:0px -1px 10px 0 #777;border-top: 1px solid #ddd;z-index:1;background: rgba(255,255,255,0.93);overflow:hidden;height: 25px;} .strsCmntsDiv.sticky .minimize{display:block;position:absolute;top:-2px;left:5px;width:99%} .strsCmntsDiv.sticky .icon-mini:before{content:"v";font-size:20px;color:#777;transform:rotate(180deg)} .strsCmntsDiv.sticky .icon-mini.max:before{transform:rotate(0deg)} .strsCmntsDiv.sticky .form-control{width:568px} .strsCmntsDiv.sticky .hashtagSlct .hashtagBtn {padding: 5px 10px;margin-left: 3px;} .strsCmntsDiv.sticky .strsTxt{padding:0 0 10px} .strsCmntsDiv .letNum{font-family: GeSsTwoLight, Tahoma;font-size: 12px;color: #333;display: block;text-align: left;margin: 5px 0 20px;} .strsCmntsDiv .letNum span{font-family:GothamMedium;font-size:14px;width: 35px;float: left;line-height: 1.2;} .fb_dialog{z-index: 99999!important} /** Mobawaba HP ******************************************************************************/ .mobawabaClip {background: #fff;border-top:none!important} .mobawabaClip .ttl{background-color:#1389b5!important} .mobawabaClip .ttl .moreLnk::before {color: #1389b5!important} .mobawabaClip .ttl .moreLnk span {background: #076487!important} .mobawabaClip .ttl .moreLnk::after {border-right: 5px solid #1389b5!important} .mobawabaClip .bx-wrapper .bx-viewport {height:auto!important} .mobawabaClip .wklyPrdctCnt > .wklyPrdctSlider {display:block!important; height:330px; overflow:hidden} .mobawabaClip .wklyPrdctCnt > .wklyPrdctSlider .offerDiv{height:330px;} .mobawabaClip .offerDiv{position:relative;text-align: center;margin-top: 5px;} .mobawabaClip .offerDiv h1{width:300px;text-align: center;padding: 15px 0 10px;color: #5b5b5b;font-family:GothamMedium, Tahoma;font-size:19px;color:#333;letter-spacing:-2px} .mobawabaClip .offerDiv .cnts{} .mobawabaClip .offerDiv img{width:298px;height:210px;margin:0;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .mobawabaClip .offerDiv:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .mobawabaClip .offerDiv p{font-family:GeSSTwoMedium, Tahoma;font-size:16px;color:#333;direction:rtl;padding:10px 20px;text-align:center;height:35px;overflow: hidden;cursor:pointer;transition:all 0.2s ease-in-out 0s} .mobawabaClip .offerDiv:hover p{color:#1389b5} .mobawabaClip .offerDiv .price{float: right;font-family:GeSSTwoMedium,Tahoma;font-size: 18px;color: #1389b5;margin:10px 0 0;padding: 0;width:100%;text-align:center;direction:rtl} .mobawabaClip .offerDiv .price span{font-family:Helvetica,Tahoma;font-size:32px;font-weight: bold;margin-left: 5px;line-height:2} .mobawabaClip .offerDiv .price .na{font-family:GeSSTwoMedium, Tahoma;font-size:28px;margin:0;font-weight:normal} .mobawabaClip .bx-wrapper {padding:0 0 25px!important} .mobawabaClip .bx-wrapper .bx-controls-direction a {margin-top:0;top:25%;background:#1389b5!important;transition: background-color 0.4s ease 0s;} .mobawabaClip .bx-wrapper .bx-controls-direction a:hover {background-color: #222!important} .mobawabaClip .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #222!important} .mobawabaClip .bx-controls-direction .bx-prev {left: -6px;} .mobawabaClip .bx-controls-direction .bx-next {right: -6px;} .mobawabaClip .bx-wrapper .bx-pager a {background:#1389b5!important;border: 1px solid #1389b5!important;} .mobawabaClip .bx-wrapper .bx-pager a:hover, .mobawabaClip .bx-wrapper .bx-pager a.active {background:#fff!important;border: 1px solid #777!important;} .mobawabaClip .bx-wrapper .bx-pager {bottom:10px} .mobBody{display:block;position:relative;margin-bottom:-10px} .mobBody .bx-controls-direction a {margin-top:0;top:30%;background:#1389b5!important;outline: 0;display: block;position: absolute;width: 36px;height: 39px;color: #fff;text-align: center;line-height: 35px;z-index: 999;transition: background-color 0.4s ease 0s;} .mobBody .bx-controls-direction a:hover {background-color: #222!important} .mobBody .bx-controls-direction a:before {font-size: 23px;line-height: 1.7;color: #fff;} .mobBody .bx-next:before {content: "f";} .mobBody .bx-prev:before {content: "g";} .mobBody .bx-controls-direction a:after {content: '';width: 0;height: 0;border-top: 6px solid #222!important;position: absolute;top: 39px;} .mobBody .bx-prev:after {border-left: 6px solid transparent;left: 0;} .mobBody .bx-next:after {border-right: 6px solid transparent;right: 0;} .mobBody .bx-controls-direction .bx-prev {left: -6px;} .mobBody .bx-controls-direction .bx-next {right: -6px;} .mobBody .bx-pager a {background:#1389b5!important;border: 1px solid #1389b5!important;} .mobBody .bx-pager a:hover, .mobBody .bx-pager a.active {background:#fff!important;border: 1px solid #777!important;} .mobBody .bx-pager {bottom:10px} /** Trip Tap **/ .tripTap{display: inline-block;border: none!important} .tripTapContent {position: relative;} .tripTapSlider{margin:0; position:relative;background-color:#222} .tripTapSlider{ height:266px; overflow:hidden} .tripTapSlider .channelFeatureCat img{float:right; width:394px;height: 100%;filter: brightness(85%);-webkit-filter: brightness(85%);-moz-filter: brightness(85%);-o-filter: brightness(85%);-ms-filter: brightness(85%);transition:all 0.2s ease-in-out 0s} .tripTapSlider .channelFeatureCat:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);-moz-filter: brightness(100%);-o-filter: brightness(100%);-ms-filter: brightness(100%);} .tripTapSlider .slideDescription{font-family: GeSsTwoLight,Tahoma;background:rgba(0, 0, 0, 0.45);width: 200px;height: 236px;padding: 15px;position: absolute;text-align: center;top: 0;left: 0;} .tripTapSlider .slideDescription h2{font-family:GeSsTwoMedium, Tahoma;font-size:48px;color:#fff;text-align:center;line-height:1;pointer-events:none} .tripTapSlider .slideDescription .price{font-family:GothamMedium, Tahoma;font-size:32px;color:#fff;text-align:center;direction:rtl;margin-top:10px;line-height: 1.2;pointer-events:none} .tripTapSlider .slideDescription .price span{font-family:GeSsTwoLight, Tahoma;font-size:18px;color:#fff;} .tripTapSlider .slideDescription .rating_bar {width: 143px;height: 24px;background: url(../TripTap/images/stars.png);background-repeat: repeat-x;background-position: 0 -3px;margin: 10px auto;text-align: left;pointer-events:none} .tripTapSlider .slideDescription .rating {height: 24px;background: url(../TripTap/images/stars.png);background-position: 0 -32px;background-repeat: repeat-x;pointer-events:none} .tripTapSlider .slideDescription p{font-family:GeSsTwoLight, Tahoma;font-size:18px;color:#fff;text-align:center;margin: 15px 0;pointer-events:none} .tripTapSlider .slideDescription .bookBtn {background-color: #ff7c24;border-radius: 20px;font-family:GeSsTwoLight, Tahoma;color: #fff;display: inline-block;font-size: 14px;padding:5px 40px;transition: background-color 0.4s ease 0s;} .tripTapSlider .slideDescription .bookBtn:hover {background-color:#dc5e00} .tripTapContent .bullets{left: 0;width: 230px} .tripTapContent .bx-wrapper {padding: 0} .tripTapContent .bx-wrapper .bx-prev{left: -6px;} .tripTapContent .bx-wrapper .bx-next{right: -6px;} .tripTapContent .bx-wrapper .bx-pager {bottom: 7px;width: 230px;} .tripTapContent .bx-wrapper .bx-controls-direction a {background-color: #7e225c;top:50%;transition: background-color 0.4s ease 0s;} .tripTapContent .bx-wrapper .bx-controls-direction a:hover {background-color: #620043;} .tripTapContent .bx-wrapper .bx-controls-direction a:before{color:#fff} .tripTapContent .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #620043} .tripTapContent .bx-wrapper .bx-pager a {border:1px solid #fff!important;background-color: #fff;transition: background-color 0.4s ease 0s;} .tripTapContent .bx-wrapper .bx-pager a:hover, .tripTapContent .bx-wrapper .bx-pager a.active {background-color:#ff7c24!important;border:1px solid #ff7c24!important} /** El Ra7lat **/ .tripsDiv{border-top:none!important} .tripsDiv .tripsTabs{display:inline-block;padding:10px 5px;width: calc(100% - 10px)} .tripsDiv .tripsTabs ul{border:2px solid #ff7c24;border-radius:20px;overflow: hidden;width: auto!important;} .tripsDiv .tripsTabs .tabs-nav > li > a {height: auto!important;line-height: 2.5;padding: 0 30.2px;color:#ff7c24;background:#fff!important} .tripsDiv .tripsTabs .tabs-nav > li:hover > a, .tripsTabs .tabs-nav > li:focus > a, .tripsTabs .tabs-nav > li:active > a, .tripsTabs .tabs-nav > li.selected > a {background-color: #ff7c24!important;color: #fff;outline: 0;} .tripsDiv .tripsTabContent{display:inline-block;padding:0 5px;width: calc(100% - 10px)} .tripsDiv .tripsTabContent .ul{display:block} .tripsItem li{float:right;width:299px;height:210px;margin:0 0 5px 5px;position:relative} .tripsItem li:nth-child(2n){margin-left:0} .tripsItem li .imgLnk img{width:299px;height:210px} .tripsItem li .tripsStrsDiv{position: absolute;top: 0;left:0;width: 279px;height: 50px;padding: 10px;overflow: hidden;cursor: pointer;pointer-events:none; background: linear-gradient(black, transparent); background: -moz-linear-gradient(black, transparent); background: -webkit-linear-gradient(black, transparent); background: -o-linear-gradient(black, transparent); background: -ms-linear-gradient(black, transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#004c4c4c',GradientType=0 )} .tripsItem li .tripsStrsDiv .tripsStars {width: 60px;height: 10px;background: url(../TripTap/images/tripsStars.png);background-repeat: repeat-x;background-position: 0 -1px;position:absolute;top:6px;left:6px} .tripsItem li .tripsStrsDiv .tripsStars .stars {height: 10px;background: url(../TripTap/images/tripsStars.png);background-position: 0 -13px;background-repeat: repeat-x;float:left} .tripsItem li .tripsDtls{color: #fff;text-align: right;position: absolute;bottom: 0;font-size: 1.125em;font-weight: bold;width: 279px;height: 40px;line-height: 1.3;padding: 10px 10px 3px;overflow: hidden;cursor: pointer;pointer-events:none; background: linear-gradient(transparent, black); background: -moz-linear-gradient(transparent, black); background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black); background: -ms-linear-gradient(transparent, black); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 )} .tripsItem li .tripsDtls h2{float:right;font-size:24px;color: #fff;} .tripsItem li .tripsDtls .daysPrice{float:left;width:100px} .tripsItem li .tripsDtls .daysPrice p{text-align:left;font-family:GeSsTwoLight, Tahoma;font-size:14px;margin-bottom:3px;padding-bottom:3px;position:relative} .tripsItem li .tripsDtls .daysPrice p:after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100px;background:#fff} .tripsItem li .tripsDtls .daysPrice .price{text-align:left;font-size:11px} .tripsItem li .tripsDtls .daysPrice .price .total{float:left;margin-right:15px} .tripsItem li .tripsDtls .daysPrice .price .per{float:left} #tab-01{display:block} #tab-02{display:none} #tab-03{display:none} #tab-04{display:none} #tab-05{display:none} /* Booking */ .bookingDiv{display:inline-block;width:300px;background:#ff7c24;border:none!important} .bookingDiv .logo{background: url(../TripTap/images/tripTabLogo.png);width:102px;height:36px;margin:15px auto;float:none} .bookingDiv .ctrls{padding:0 10px;width:280px;text-align: center;} .bookingDiv .ctrls select{border:none;background:#fff;width:100%;height:30px;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#999;direction:rtl;border-radius:20px;outline:none;margin-bottom:5px;padding: 0 5px;} .bookingDiv .ctrls input{border:none;background:#fff;width:260px;height:30px;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#999;direction:rtl;border-radius:20px;outline:none;padding:0 10px} .bookingDiv .ctrls .bookSrchBtn{display:inline-block;background:#333;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;direction:rtl;border-radius:20px;outline:none;padding:5px 50px;margin:10px 0;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;} .bookingDiv .ctrls .bookSrchBtn:hover{background:#000} /* Kroot El Khsomat*/ .discCards{display:inline-block;width:300px;border-top:none!important} .discCards .discCardsCnts .item{padding:10px;position:relative;display: inline-block;} .discCards .discCardsCnts .item:after{content:"";width:300px;height:1px;background:#ddd;position:absolute;bottom:0;left:0} .discCards .discCardsCnts .item:last-child:after{display:none} .discCards .discCardsCnts .item .itmTtl{display:block} .discCards .discCardsCnts .item .itmTtl img{float:right;margin-left:10px} .discCards .discCardsCnts .item .itmTtl p{font-family:GeSsTwoLight, Tahoma;font-size:12px;line-height:1.5} .discCards .discCardsCnts .item .getBtn{display:inline-block;background:#fff;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#ff7c24;direction:rtl;border:1px solid #ff7c24;border-radius:20px;outline:none;padding:3px 10px;position:absolute;bottom:10px;left:10px;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;} .discCards .discCardsCnts .item .getBtn:hover{background:#ff7c24;color:#fff} /** Trip Search Results **/ .tripsRslts{display:inline-block;width:100%;background:none!important;border:none!important;box-shadow:none!important} .tripsRslts h2{font-size:16px;margin:10px 0;color:#333} .tripsRslts h2 span{color:#ff7c24;font-family:arial;font-size:18px;margin:0 5px} .tripsRslts .tabsTtl{display:block;background:#ff7c24;border:2px solid #ff7c24} .tripsRslts .tabsTtl .logoBg{height:24px;background:url(../TripTap/images/tripTabLogo.png) right 0 no-repeat;background-size:68px;margin:5px 12px} .tripsRslts .tabsTtl .srchRsltsTabs{display:block;background:#fff;height:50px;position:relative} .tripsRslts .tabsTtl .srchRsltsTabs ul{overflow: hidden;width: auto!important;position:absolute;top:-33px;left:0} .tripsRslts .tabsTtl .srchRsltsTabs .tabs-nav > li > a {height:33px!important;line-height: 2.8;padding: 0 15px;color:#fff;background:#ff7c24!important} .tripsRslts .tabsTtl .srchRsltsTabs .tabs-nav > li:hover > a, .tripsRslts .tabsTtl .srchRsltsTabs .tabs-nav > li:focus > a, .tripsRslts .tabsTtl .srchRsltsTabs .tabs-nav > li:active > a, .tripsRslts .tabsTtl .srchRsltsTabs .tabs-nav > li.selected > a {background-color: #fff!important;color: #ff7c24;outline: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;} .tripsRslts .tripsTabContent {padding:5px;width: calc(100% - 10px);background:#fff;border:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display:inline-block;margin:20px 0;position:relative;} .tripsRslts .tripsTabContent .tripsItem{display:block} .tripsRslts .tripsTabContent .tripsItem .filterCtrls{position:absolute;right:3px;top:-73px;display:block;width:611px;height:50px} .tripsRslts .tripsTabContent .tripsItem .filterCtrls .ctrls{height:30px;padding:10px} .tripsRslts .tripsTabContent .tripsItem .filterCtrls input{float:right;border:1px solid #ff7c24;background:#fff;width:430px;height:30px;font-family:GeSsTwoLight, Tahoma;font-size:12px;color:#999;direction:rtl;border-radius:20px;outline:none;padding:0 10px;margin-left:10px} .tripsRslts .tripsTabContent .tripsItem .filterCtrls .bookSrchBtn{float:right;display:inline-block;background:#ff7c24;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;direction:rtl;border-radius:20px;outline:none;padding:5px 50px;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;} .tripsRslts .tripsTabContent .tripsItem .filterCtrls .bookSrchBtn:hover{background:#000} .tripsRslts .tripsTabContent .tripsItem li:nth-child(2n){margin-left:5px} .tripsRslts .tripsTabContent .tripsItem li:nth-child(2n+1){margin-left:0} /** Agdad El Ra7lat **/ .tripLeftSlider{display:inline-block;width:300px;border:none!important} .tripLeftSlider .trpLftSldrCnts{position:relative} .trpLftSlider {height: 210px;overflow: hidden;margin: 0;background-color: #222;} .trpLftSldrCnts .trpLftItem{height:210px!important} .trpLftSldrCnts .trpLftItem img{width:300px;height:210px} .trpLftSldrCnts .bullets{left: 0;width: 230px} .trpLftSldrCnts .bx-wrapper .bx-viewport {height:210px!important} .trpLftSldrCnts .bx-wrapper {padding: 0} .trpLftSldrCnts .bx-wrapper .bx-prev{left: -6px;} .trpLftSldrCnts .bx-wrapper .bx-next{right: -6px;} .trpLftSldrCnts .bx-wrapper .bx-pager {bottom: 7px;width: 300px;} .trpLftSldrCnts .bx-wrapper .bx-controls-direction a {background-color: #7e225c;top:48%;transition: background-color 0.4s ease 0s;} .trpLftSldrCnts .bx-wrapper .bx-controls-direction a:hover {background-color: #620043;} .trpLftSldrCnts .bx-wrapper .bx-controls-direction a:before{color:#fff} .trpLftSldrCnts .bx-wrapper .bx-controls-direction a:after{border-top: 6px solid #620043} .trpLftSldrCnts .bx-wrapper .bx-pager a {border:1px solid #fff!important;background-color: #fff;transition: background-color 0.4s ease 0s;} .trpLftSldrCnts .bx-wrapper .bx-pager a:hover, .trpLftSldrCnts .bx-wrapper .bx-pager a.active {background-color:#ff7c24!important;border:1px solid #ff7c24!important} .trpLftSldrCnts .slideDescription {color: #fff;text-align: right;position: absolute;bottom: 0;font-size: 1.125em;font-weight: bold;width: 280px;height: 55px;line-height: 1.3;padding: 10px;overflow: hidden;cursor: pointer;pointer-events: none; background: linear-gradient(transparent, black); background: -moz-linear-gradient(transparent, black); background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black); background: -ms-linear-gradient(transparent, black); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 ); } .trpLftSldrCnts .slideDescription h2{font-family:GESSTwoMedium, Tahoma;font-size:32px;color:#fff;float:right;margin-left:15px} .trpLftSldrCnts .slideDescription .daysPrice{float:right;width:100px;line-height:1;margin-top:5px} .trpLftSldrCnts .slideDescription .daysPrice p{font-family:GESSTwoMedium, Tahoma;font-size:14px;color:#fff;margin-bottom:2px} .trpLftSldrCnts .slideDescription .daysPrice .price{font-family:GothamMedium, Tahoma;font-size:18px;color:#fff;direction:rtl} .trpLftSldrCnts .slideDescription .daysPrice .price span{font-family:GESSTwoLight, Tahoma;font-size:12px} .trpLftSldrCnts .trpLftItem .bookBtn{position:absolute;bottom:25px;left:10px;background:#ff7c24;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;direction:rtl;border-radius:20px;outline:none;padding:5px 10px;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;} .trpLftSldrCnts .trpLftItem .bookBtn:hover{background:#dc5e00} /*************************************** Wheel Game *****************************************/ .wheelGameDiv, .wheelGameRules, .userResultDiv{border-top:1px solid #ddd!important} .wheelGameDiv .ttl, .wheelGameRules .ttl, .userResultDiv .ttl{background:#fff!important;overflow:visible} .wheelGameDiv .ttl h2, .wheelGameRules .ttl h2, .userResultDiv .ttl h2{color:#ff7c24!important;padding: 15px 10px;font-size: 18px;} .wheelGameDiv .socialControl, .userResultDiv .socialControl{margin:10px 0 0 5px;display:inline-block} .wheelGameRules ul {padding-right: 15px;display: inline-block;width: 570px;margin: 0 15px 10px} .wheelGameRules li {font-family: GeSSTwoLight, Tahoma;font-size: 14px;color: #333;direction: rtl;line-height: 1.8;list-style-type: disc;} .wheelGameRules p{margin-top: 10px;font-family:GeSsTwoBold, Tahoma;font-size:16px} .wheelGameRegister{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:999999999;display:none} .wheelGameRegister .registerDiv{width:434px;height:80px;background:#fff;position:absolute;left:50%;margin-left:-232px;top:40%;z-index:10;padding:10px 15px;border:1px solid #000;box-shadow: 0px 0px 10px 0px #000;} .wheelGameRegister .registerDiv h2{display:block;color:#ff7c24;font-size:18px} .wheelGameRegister .registerDiv a{float:right;width:190px;height:30px;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;border-radius:20px;position:relative;margin:20px 0 0 10px;padding:0 10px;text-align:right;line-height: 2.3;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;} .wheelGameRegister .registerDiv a:last-child{margin-left:0} .wheelGameRegister .registerDiv .fb{border:1px solid #3b5998;background:#3b5998} .wheelGameRegister .registerDiv .fb:hover{background:#fff;color:#3b5998} .wheelGameRegister .registerDiv .ggl{border:1px solid #dd5441;background:#dd5441} .wheelGameRegister .registerDiv .ggl:hover{background:#fff;color:#dd5441} .wheelGameRegister .registerDiv .icon-fb:before{content: "d";font-size: 18px;float:right;margin-left:8px} .wheelGameRegister .registerDiv .icon-ggl:before{content: "n";font-size: 18px;float:right;margin-left:8px} .wheelGameRegister .closeBtn{position:absolute;top:40%;left:calc((100% - 464px) / 2);width:36px;height:36px;background:#333;font-family:Tahoma;font-weight:bold;font-size:24px;color:#fff;border:none;cursor:pointer;outline:none; z-index: 99;} .wheelGameRegister .wheelGameMask{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);top:0;left:0;z-index:9;} .wheelGameRegister .registerDiv .ctrls{margin-top:20px} .wheelGameRegister .registerDiv input{float: right;margin-left:5px;background: #fff;border: 1px solid #ddd;border-radius: 16px;color: #333;direction: rtl;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 28px;width: 150px;padding: 0 10px;outline: none;} .wheelGameRegister .registerDiv .regBtn{background:#ff7c24;width: auto;margin: 0;padding:0 18px} /** Competition Game **/ .wheelGameDiv .wheelGame {display: block;position: relative;background-color: #fff;height: 590px;margin-top: 40px;} .wheelGameDiv .wheelBody {display: block;position: relative;background-color: #fff;height: 550px;} .wheelGameDiv .StartBtn {display: block;content: "";position: absolute;border-radius: 50%;left: calc(50% - 72px);top: calc(50% - 72px);width: 132px;height: 132px;z-index: 992;background: url(../ramadan2016/images/go3ranBg.png) center 5px no-repeat #333;} .wheelGameDiv .StartBtn span {color: #333;text-align: center;line-height: 4.3em;font-size: 33px;font-family: GeSsTwoMedium,Tahoma;display: block;} .wheelGameDiv .questionDiv {position: absolute;left: calc(50% - 190px);top: 146px;width: 380px;height: 200px;z-index: 992;display:none} .wheelGameDiv .questionDiv p {box-sizing: border-box;color: #fff;background-color: #333;height:70px;text-align: center;font-size: 18px;font-family: GeSsTwoLight,Tahoma;display: block;padding: 8px 55px 8px 10px;border-radius: 12px;margin-bottom: 5px;} .wheelGameDiv .questionDiv p > span {position: absolute;right: 10px;border: 2px solid #fff;border-radius: 100%;width: 35px;height: 35px;font-size: 20px;line-height: 40px;} .wheelGameDiv .questionDiv ul:after {content: "";clear: both;float: none;display: block;} .wheelGameDiv .questionDiv ul li {color: #333;background-color: #fff;border: 2px solid #333;text-align: center;line-height: 1em;font-size: 16px;font-family: GeSsTwoMedium,Tahoma;display: block;padding: 10px;border-radius: 30px;margin-bottom: 13px;float: right;width: 45%;box-sizing: border-box;margin-left: 10%;cursor:pointer;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;-o-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;} .wheelGameDiv .questionDiv ul li:hover{background:#333;color:#fff} .wheelGameDiv .questionDiv ul li:nth-child(2n) {margin-left: 0;} .wheelGameDiv .countDown {position: absolute;top: 95px;right: 50%;margin-right: -26px;width: 48px;height: 48px;text-align: center;overflow: hidden;background: #fff;border-radius: 100%;border: 2px solid #333;} .wheelGameDiv .countDown .num{line-height: 42px;font-size: 22px;font-family: GeSsTwoLight,Tahoma;color:#333;padding:0;border-radius:0;margin:0;background:none} .wheelGameDiv .countDown > span {font-size: 11px;display: block;position: absolute;bottom: 6px;text-align: center;width: 100%;line-height: 1;font-family: GeSsTwoLight,Tahoma} .wheelGameDiv ul.pointerWrapp {position: relative;height: 534px;list-style: none;-webkit-transition: all 0.09s ease-in;-moz-transition: all 0.09s ease-in;-o-transition: all 0.09s ease-in;transition: all 0.09s ease-in;overflow: hidden;z-index: 9;} .wheelGameDiv ul.pointerWrapp li {text-indent: -9999px;display: block;position: absolute;border: 12px solid #333;transform: rotate(45deg);} .wheelGameDiv ul.pointerWrapp li span {display: block;position: absolute;width: 51px;height: 57px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .wheelGameDiv ul.pointerWrapp li.pointer {width: 464px;height: 464px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;top: 23px;left: 50%;z-index: 99;margin-left: -242px;} .wheelGameDiv ul.pointerWrapp li.pointer span {background: url(../ramadan2016/images/pointer.png) center 5px no-repeat transparent;top: 35px;left: 35px;transform: rotate(-45deg);} .wheelGameDiv ul.pointerWrapp li.start {-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear;-webkit-animation-name: orbit;-moz-animation-iteration-count: 1;-moz-animation-timing-function: linear;-moz-animation-name: orbit;} .wheelGameDiv ul.pointerWrapp li.pointer {-webkit-animation-duration: 120s;-moz-animation-duration: 120s;-ms-animation-duration: 120s;-o-animation-duration: 120s;animation-duration: 120s} @-webkit-keyframes orbit { from {-webkit-transform: rotate(45deg);} to {-webkit-transform: rotate(405deg);} } .wheelGameDiv .wheel, .wheelGameDiv .umbrella, .wheelGameDiv .color {content: "";position: absolute;border-radius: 50%;left: calc(50% - 235px);top: calc(50% - 237px);width: 470px;height: 470px;} .wheelGameDiv .color, .wheelGameDiv .color:nth-child(n+7):after {clip: rect(0, 470px, 470px, 235px);} .wheelGameDiv .color:after, .wheelGameDiv .color:nth-child(n+7) {content: "";position: absolute;border-radius: 50%;left: calc(50% - 235px);top: calc(50% - 237px);width: 470px;height: 470px;clip: rect(0, 235px, 470px, 0);} .wheelGameDiv .color:nth-child(1):after {background-color: #630043;transform: rotate(30deg);z-index: 12;} .wheelGameDiv .color:nth-child(2):after {background-color: #7d225d;transform: rotate(60deg);z-index: 11;} .wheelGameDiv .color:nth-child(3):after {background-color: #a94a82;transform: rotate(90deg);z-index: 10;} .wheelGameDiv .color:nth-child(4):after {background-color: #48b9c1;transform: rotate(120deg);z-index: 9;} .wheelGameDiv .color:nth-child(5):after {background-color: #1e99a1;transform: rotate(150deg);z-index: 8;} .wheelGameDiv .color:nth-child(6):after {background-color: #008991;transform: rotate(180deg);z-index: 7;} .wheelGameDiv .color:nth-child(7):after {background-color: #ad0006;transform: rotate(180deg);} .wheelGameDiv .color:nth-child(8):after {background-color: #c31717;transform: rotate(210deg);} .wheelGameDiv .color:nth-child(9):after {background-color: #f54e3b;transform: rotate(240deg);} .wheelGameDiv .color:nth-child(10):after {background-color: #ff9944;transform: rotate(270deg);} .wheelGameDiv .color:nth-child(11):after {background-color: #ff7c24;transform: rotate(300deg);} .wheelGameDiv .color:nth-child(12):after {background-color: #dd5e01;transform: rotate(330deg);} .wheelGameDiv .wheel {display: block;z-index: 1;} .wheelGameDiv .wheelStand {display: block;position: relative;margin: 0 auto;bottom: 0;width: 500px;height: 16px;background-color: #333;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#555), to(#000));background: -webkit-linear-gradient(top, #555, #000);background: -moz-linear-gradient(top, #555, #000);background: -ms-linear-gradient(top, #555, #000);background: -o-linear-gradient(top, #555, #000);} .wheelGameDiv .wheelStand:before {content: "";position: absolute;width: 460px;height: 16px;background: #333;bottom: 16px;left: 20px;background-color: #333;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#555), to(#000));background: -webkit-linear-gradient(top, #555, #000);background: -moz-linear-gradient(top, #555, #000);background: -ms-linear-gradient(top, #555, #000);background: -o-linear-gradient(top, #555, #000);} .wheelGameDiv .wheelStand:after {content: "";position: absolute;left: 190px;bottom: 32px;border-bottom: 100px solid #282828;border-left: 50px solid transparent;border-right: 50px solid transparent;height: 0;width: 120px;} /** Winner List **/ .winnerList{display:block;border-top:none!important;text-align: center;} .winnerList .ttl{background:#ff7c24!important} .winnerList .ttl h2{color:#fff!important} .winnerList .scrollbar{float: left;height: 344px;width: 288px;overflow-y: scroll;margin-bottom: 25px;margin:5px;direction:rtl} .winnerList ul{display:block;padding:0 0 0 5px;min-height: 200px;} .winnerList li{display:inline-block;border-bottom:1px solid #bbb;padding:9px 10px 5px;width: 256px;position:relative} .winnerList li:last-child{border-bottom:none} .winnerList li:first-child span{display:none} .winnerList li:first-child img{margin-right:44px} .winnerList li.select{background:#ff9045} .winnerList li.select span{color:#fff} .winnerList li.select .name{color:#fff} .winnerList li.select .points{color:#fff} .winnerList li span{float:right;font-family:GeSsTwoBold, Tahoma;color:#333;font-size:36px;margin-left:10px;width:34px;text-align:left} .winnerList li img{float:right;width:50px;height:50px;border:1px solid #ddd;border-radius:50px;margin-left:10px} .winnerList li .userInfo{float:right;width:150px} .winnerList li .name{display:block;color:#333;font-size:18px;font-family:GeSsTwoMedium, Tahoma;height: 30px;overflow: hidden;} .winnerList li .points{display:block;color:#aaa;margin-left:0;display:block;font-size:16px;direction: ltr;text-align: right;} #style-2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);border-radius: 10px;background-color: #ccc;} #style-2::-webkit-scrollbar{width: 6px;background-color: #ccc;padding:5px;} #style-2::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);background-color: #ff9045;} .listAllBtn{background:#ff9045;color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:14px;padding:5px 30px;margin:10px auto;border-radius:50px;display:inline-block;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; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s;} .listAllBtn:hover{color:#fff;background:#dc5e00} .scrollbar li:first-child:before{content: "?";font-size: 42px;position: absolute;top: -8px;right: 10px;float: right;color:#ff7c24} .winnerList .scrollbar li:first-child:before{font-size: 52px;right:0} /**** User Result ****/ .userResultDiv{overflow:hidden} .userResultDiv .userResultCnt{display:inline-block;width:100%;position: relative;background-color: transparent;margin-top: 30px;} .userResultDiv .userResultCnt .result img{display: block;width: 232px;margin: 20px auto 5px;position:relative;z-index:9} .userResultDiv .userResultCnt .result .boom{position: absolute;top: -80px;right: 0;z-index: 8;} .userResultDiv .userResultCnt .result p{display:block;width:100%;text-align:center;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:24px;direction:rtl;padding:5px 0} .userResultDiv .userResultCnt .result p span{font-family:GESSTwoMedium, Tahoma;font-size:28px;color:#ff7c24} .userResultDiv .userResultCnt .result p strong{font-family:GeSsTwoLight, Tahoma;font-size:22px} .userResultDiv .userResultCnt .result h2{display:block;width:100%;text-align:center;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:18px;margin: 15px 0;} .userResultDiv .userResultCnt .result a{margin: 10px auto;text-align: center;display: block; width: 20%;} .userResultDiv .sharing{display:inline-block;width:calc(100% - 20px);padding:10px;margin: 10px 0} .userResultDiv .sharing h2{display:block;width:100%;padding:20px 0;font-family:GESSTwoMedium, Tahoma;color:#333;font-size:18px} .userResultDiv .sharing img{float:right;width:50px;height:46px;margin-top: 30px;} .userResultDiv .sharing .itm{float:right;width:110px;height:110px;background:#333;border:2px solid #aeaeae;margin-right:21px;position:relative;border-radius:50%;text-align:center} .userResultDiv .sharing .itm:before{content:"";width:21px;height:2px;position:absolute;right:-23px;top:54px;background:#aeaeae;} .userResultDiv .sharing .itm a{display:inline-block;width:110px;height:110px;border-radius:50%} .userResultDiv .sharing .itm a .sharingIcon{margin-top: 10px;} .userResultDiv .sharing .itm a p{display:block;color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:16px;float:none;margin:0;text-align:center} .userResultDiv .sharing .itm a span{color:#05e96d;float:none;font-family:GeSsTwoLight, Tahoma;font-size:14px;direction:rtl} .userResultDiv .sharing .itm a .icon-users:before{content:"<";color:#fff;font-size:32px;line-height:1.4} .userResultDiv .sharing .itm a .icon-share:before{content:"~";color:#fff;font-size:32px;line-height:1.4} .userResultDiv .sharing .itm a .icon-seen:before{content:"N";color:#fff;font-size:32px;line-height:1.4} .userResultDiv .sharing .itm a .icon-ticket:before{content:"`";color:#05e96d;font-size:60px;line-height:1;margin-top:3px} .userResultDiv .sharing .itm a .icon-ticket:after{content:"|";color:#333;font-size:18px;line-height:1.3;position:absolute;right:50px;top:36px} .userResultDiv .sharing .ticketPrize a p{color:#05e96d;font-size:18px} .userResultDiv .sharing .ticketPrize .icon-dot:before{content:"yyy";color:#333;font-size:12px;position:absolute;right:28px;top:26px;transform: rotate(44deg);-webkit-transform: rotate(44deg);-moz-transform: rotate(44deg);-o-transform: rotate(44deg);-ms-transform: rotate(44deg);} /**** Sub Menu ****/ .userResultDiv .sharing > div > .itmSubMenu{background:#333; width:0px; height:0px; position:absolute; right:55px;top:55px;z-index:999;border-radius:50%;box-shadow: 0 2px 2px 0px #333;visibility: hidden;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s;-ms-transition: all 0.4s ease-in-out 0.4s;-o-transition: all 0.4s ease-in-out 0.4s;transition: all 0.4s ease-in-out 0.4s} .userResultDiv .sharing > div:hover > .itmSubMenu{z-index:9999;box-shadow: 0 2px 2px 0 #333;visibility: visible;opacity: 1;transition-delay: 0s;width:130px; height:130px;right:-10px;top:-10px;} .userResultDiv .sharing > div > .itmSubMenu .compShareBtns{visibility: hidden;opacity: 0;-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;transition: all 0.4s ease-in-out 0s} .userResultDiv .sharing > div:hover > .itmSubMenu .compShareBtns{visibility: visible;opacity: 1;transition-delay: 0.4s} .userResultDiv .sharing .itm .itmSubMenu .compShareBtns{padding:0 7px;margin-top:48px;display:inline-block} .userResultDiv .sharing .itm .itmSubMenu a{float:right;width:34px;height:34px;border-radius:50px;margin-left:7px;-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;transition: all 0.4s ease-in-out 0s} .userResultDiv .sharing .itm .itmSubMenu a:last-child{margin-left:0} .userResultDiv .sharing .itm .itmSubMenu .fb{background:#3b5998;color:#fff} .userResultDiv .sharing .itm .itmSubMenu .fb:hover{background:#fff;color:#3b5998} .userResultDiv .sharing .itm .itmSubMenu .icon-fb:before{content:"d";font-size:22px;line-height:1.7} .userResultDiv .sharing .itm .itmSubMenu .tw{background:#00a0d1;color:#fff} .userResultDiv .sharing .itm .itmSubMenu .tw:hover{background:#fff;color:#00a0d1} .userResultDiv .sharing .itm .itmSubMenu .icon-tw:before{content:"i";font-size:22px;line-height:1.7} .userResultDiv .sharing .itm .itmSubMenu .ggl{background:#dd5441;color:#fff} .userResultDiv .sharing .itm .itmSubMenu .ggl:hover{background:#fff;color:#dd5441} .userResultDiv .sharing .itm .itmSubMenu .icon-ggl:before{content:"n";font-size:22px;line-height:1.7} /**** All User Result ****/ .allUserResultDiv {display:inline-block;width:100%;background:#333;position:relative;border-top:none!important} .allUserResultDiv .logoutBtn{position:absolute;top:10px;left:10px;width:50px;height:24px;border-radius:15px;font-family:GeSsTwoLight, Tahoma;color:#fff;text-align:center;font-size:14px;padding:0 10px;line-height: 1.7;} .allUserResultDiv .logoutBtn.fb{background:#2d609b} .allUserResultDiv .logoutBtn.fb:before{content:"d";float:right;font-size:14px} .allUserResultDiv .logoutBtn.ggl{background:#d34836} .allUserResultDiv .logoutBtn.ggl:before{content:"n";float:right;font-size:14px} /***************************** Before Log ******************************/ .allUserResultDiv .registerDiv{width: 434px;height: 70px;padding: 10px;margin: 5px auto;} .allUserResultDiv .registerDiv h2{display:block;color:#fff;font-size:18px;text-align:center} .allUserResultDiv .registerDiv a{float:right;width:190px;height:30px;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;border-radius:20px;position:relative;margin:15px 0 0 10px;padding:0 10px;text-align:right;line-height: 2.3;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;} .allUserResultDiv .registerDiv a:last-child{margin-left:0} .allUserResultDiv .registerDiv .fb{background:#3b5998} .allUserResultDiv .registerDiv .fb:hover{background:#fff;color:#3b5998} .allUserResultDiv .registerDiv .ggl{background:#dd5441} .allUserResultDiv .registerDiv .ggl:hover{background:#fff;color:#dd5441} .allUserResultDiv .registerDiv .icon-fb:before{content: "d";font-size: 18px;float:right;margin-left:8px} .allUserResultDiv .registerDiv .icon-ggl:before{content: "n";font-size: 18px;float:right;margin-left:8px} /***************************** Logged & Didn't play ******************************/ .allUserResultDiv .logged{display:inline-block;width:calc(100% - 20px);padding:10px} .allUserResultDiv .logged .userInfoDiv{float:right;width:200px;margin-left:10px} .allUserResultDiv .logged .userInfoDiv img{float:right;width:76px;height:76px;border:1px solid #ddd;border-radius:50%;margin: 10px 0 0 10px} .allUserResultDiv .logged .userInfoDiv .userInfo{float:right;display:inline-block;font-family:Tahoma} .allUserResultDiv .logged .userInfoDiv .userInfo .name{display:block;color:#fff;font-size:18px;text-align:right;direction:rtl;margin-top: 35px;} .allUserResultDiv .logged h2{float:right;display:block;margin:37px 0 0 10px;font-family:GESSTwoMedium, Tahoma;font-size:16px;color:#ddd} .allUserResultDiv .logged h2 .playNowBtn{font-family: GeSsTwoMedium, Tahoma;font-size: 16px;color: #ff7c24;position:relative;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;} .allUserResultDiv .logged h2 .playNowBtn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ff7c24;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;} .allUserResultDiv .logged .playNowBtn:hover{color: #ddd} .allUserResultDiv .logged h2 .playNowBtn:hover:before{background: #ddd} /***************************** Logged & Played ******************************/ .allUserResultDiv .userRank{display:inline-block;width:calc(100% - 20px);padding:10px} .allUserResultDiv .userRank .userInfoDiv{float:right;width:200px;margin-left:10px} .allUserResultDiv .userRank .userInfoDiv img{float:right;width:76px;height:76px;border:1px solid #ddd;border-radius:50%;margin: 10px 0 0 10px} .allUserResultDiv .userRank .userInfoDiv .userInfo{float:right;display:inline-block;font-family:Tahoma} .allUserResultDiv .userRank .userInfoDiv .userInfo .rank{display:block;color:#ff7c24;font-size:24px;font-weight:bold;text-align:right;direction:rtl} .allUserResultDiv .userRank .userInfoDiv .userInfo .name{display:block;color:#fff;font-size:18px;text-align:right;direction:rtl} .allUserResultDiv .userRank .userInfoDiv .userInfo .points{display:block;color:#fff;font-size:18px;text-align:right;direction:rtl;float:right} .allUserResultDiv .userRank .userInfoDiv .userInfo .icon-point:before{content:"|";float:right;margin-left:5px;font-size:14px;line-height: 1.9} .allUserResultDiv .userResultCnt{display:inline-block;width:100%;position: relative;background-color: #fff;margin-top: 30px;} .allUserResultDiv .userResultCnt .result img{display: block;width: 232px;margin: 20px auto 5px;} .allUserResultDiv .userResultCnt .result p{display:block;width:100%;text-align:center;color:#333;font-family:Tahoma;font-size:28px;font-weight:bold;direction:ltr} .allUserResultDiv .userResultCnt .result p span{font-weight:normal;font-size:24px} .allUserResultDiv .userResultCnt .result h2{display:block;width:100%;text-align:center;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:18px} .allUserResultDiv .sharing{display:inline-block;width:242px;float:right} .allUserResultDiv .sharing h3{display:block;width:100%;padding:17px 0;font-family:GESSTwoMedium, Tahoma;color:#fff;font-size:18px;text-align:center} .allUserResultDiv .sharing .itm{float:right;width:106px;height:28px;background:#ddd;margin-left:10px;position:relative;text-align:center;border-radius:14px;padding:0 5px;line-height: 2.2;overflow:hidden} .allUserResultDiv .sharing .itm:nth-child(4){margin-left:0} .allUserResultDiv .sharing .itm:nth-child(5){margin-left:0} .allUserResultDiv .sharing .itm a{display:block;width:106px;float:right} .allUserResultDiv .sharing .itm a p{display:block;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:13px;float:right} .allUserResultDiv .sharing .itm a .icon-users:before{content:"<";font-size:16px;line-height:1.8;float:right;margin-left:5px} .allUserResultDiv .sharing .itm a .icon-share:before{content:"~";font-size:16px;line-height:1.8;float:right;margin-left:5px} .allUserResultDiv .sharing .itm a .icon-seen:before{content:"N";font-size:16px;line-height:1.8;float:right;margin-left:5px} .adpopupDiv{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;z-index:999999999} .adpopupDiv .adDiv{width:600px;height:338px;background:#fff;position:absolute;left:50%;margin-left:-300px;top:20%;z-index:10;border:1px solid #fff} .adpopupDiv .adDiv img{width:1280px;height:720px;margin-top:0} .adpopupDiv .adDiv iframe{border:none} .adpopupDiv .closeBtn{position: absolute;top: 20%;left: calc((100% - 600px) / 2);width: 26px;height: 26px;background: #fff;font-family: Tahoma;font-weight: bold;font-size: 20px;color: #333;border: none;cursor: pointer;outline: none;z-index: 99;} .adpopupDiv .adPopupMask{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.85);top:0;left:0;z-index:9;} /**** Sub Menu ****/ .allUserResultDiv .sharing .itm .menuDiv{width:212px; height:28px;float:right;margin-right:0;-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;transition: all 0.4s ease-in-out 0s} .allUserResultDiv .sharing .itm:hover .menuDiv{margin-right:-106px;transition-delay: 0s} .allUserResultDiv .sharing .itm .itmSubMenu{float:right;width:106px;height:28px} .allUserResultDiv .sharing .itm .itmSubMenu .compShareBtns{padding:2px 0px;display:inline-block} .allUserResultDiv .sharing .itm .itmSubMenu a{float:right;width:24px;height:24px;border-radius:50px;margin-left:10px;-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;transition: all 0.4s ease-in-out 0s} .allUserResultDiv .sharing .itm .itmSubMenu a:last-child{margin-left:0} .allUserResultDiv .sharing .itm .itmSubMenu .fb{background:#3b5998;color:#fff} .allUserResultDiv .sharing .itm .itmSubMenu .fb:hover{background:#fff;color:#3b5998} .allUserResultDiv .sharing .itm .itmSubMenu .icon-fb:before{content:"d";font-size:15px;line-height:1.7} .allUserResultDiv .sharing .itm .itmSubMenu .tw{background:#00a0d1;color:#fff} .allUserResultDiv .sharing .itm .itmSubMenu .tw:hover{background:#fff;color:#00a0d1} .allUserResultDiv .sharing .itm .itmSubMenu .icon-tw:before{content:"i";font-size:15px;line-height:1.7} .allUserResultDiv .sharing .itm .itmSubMenu .ggl{background:#dd5441;color:#fff} .allUserResultDiv .sharing .itm .itmSubMenu .ggl:hover{background:#fff;color:#dd5441} .allUserResultDiv .sharing .itm .itmSubMenu .icon-ggl:before{content:"n";font-size:15px;line-height:1.7} /**** All Users Results***/ .allUserResultDiv .allUsersResultsCnt{display:inline-block;width:calc(100% - 20px);position: relative;background-color: #dedede;margin: 30px 10px 10px} .allUserResultDiv .allUsersResultsCnt .title{width:176px;height:42px;font-family:GESSTwoMedium, Tahoma;font-size:20px;line-height:2;color:#fff;text-align:center;background:#ff7c24;border-radius:10px;position:absolute;top:-21px;left:50%;margin-left:-88px} .allUserResultDiv .allUsersResultsCnt .scrollbar{float: left;height: 260px;width:calc(100% - 10px);overflow-y: scroll;margin: 30px 5px 10px;direction:rtl} .allUserResultDiv .allUsersResultsCnt .scrollbar ul{display:block;padding:0 0 0 5px;min-height: 200px;} .allUserResultDiv .allUsersResultsCnt .scrollbar li{display:inline-block;border-bottom:1px solid #bbb;padding:5px 10px;width: calc(100% - 20px);position:relative} .allUserResultDiv .allUsersResultsCnt .scrollbar li:last-child{border-bottom:none} .allUserResultDiv .allUsersResultsCnt .scrollbar li:first-child span{display:none} .allUserResultDiv .allUsersResultsCnt .scrollbar li:first-child img{margin-right:54px} .allUserResultDiv .allUsersResultsCnt .scrollbar li.select{background:#ff9045} .allUserResultDiv .allUsersResultsCnt .scrollbar li.select span{color:#fff} .allUserResultDiv .allUsersResultsCnt .scrollbar li.select .name{color:#fff} .allUserResultDiv .allUsersResultsCnt .scrollbar li.select .points{color:#fff} .allUserResultDiv .allUsersResultsCnt .scrollbar li span{float:right;font-family:GeSsTwoBold, Tahoma;color:#333;font-size:18px;margin:10px 0 0 10px;text-align:center;width:44px} .allUserResultDiv .allUsersResultsCnt .scrollbar li img{float:right;width:40px;height:40px;border:1px solid #ddd;border-radius:50px;margin-left:10px} .allUserResultDiv .allUsersResultsCnt .scrollbar li .userInfo{float:right;width:calc(100% - 106px);margin-top:9px} .allUserResultDiv .allUsersResultsCnt .scrollbar li .name{float:right;display:block;color:#333;font-size:18px;font-family:GeSsTwoMedium, Tahoma;height: 30px;overflow: hidden;} .allUserResultDiv .allUsersResultsCnt .scrollbar li .points{float:left;display:block;color:#333;margin-left:0;display:block;font-size:16px;direction: ltr;text-align: right;} .allUserResultDiv .allUsersResultsCnt .scrollbar li .icon-point:before{content:"|";float:right;margin-left:5px;font-size:16px;line-height: 1.4} .allUserResultDiv .allUsersResultsCnt .countDownDiv{width: calc(100% - 20px);margin: 0;padding:10px 10px 0} /** Countdown **/ .countDownDiv{display:inline-block;width:calc(100% - 40px);height:60px;background:#333;padding:0 10px;margin:10px;} .countDownDiv p{float:right;width:100px;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#fff;margin: 8px 0 0 30px;} .countDownDiv p span{font-family:GeSsTwoMedium, Tahoma;font-size:16px} .userCountdown{float:right;margin: 0 0 0 35px;width:162px;height: 60px;display: inline-block} .userCountdown > ul {font-family:GeSsTwoLight,Tahoma;padding: 0;text-align: center} .userCountdown li {float:left;color: #fff;display: inline-block;font-size:32px;margin: 0 3px 10px;padding:0 4px;text-align: center;width: 40px; position:relative} .userCountdown li:before{content:":";color:#fff;position:absolute;left:45px} .userCountdown li:last-child:before{display:none} .userCountdown li:nth-child(1):after, .userCountdown li:nth-child(2):after, .userCountdown li:nth-child(3):after {content: "ساعات";background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;display: block;font-size: 12px;position: absolute;text-align: center;width: 40px;top:38px} .userCountdown li:nth-child(2):after {content: "دقائق";} .userCountdown li:nth-child(3):after {content: "ثوانى";} .countDownDiv .sponsor{float:right;font-family:GESSTwoLight, Tahoma;color:#ff7c24;font-size:14px;width:auto;margin:29px 0 0 8px;} .countDownDiv img{float:right;margin-top:11px;width: 120px;height: auto;} /** Previous Winner **/ .prevWinnerDiv{padding:10px;border-top:1px solid #ddd!important;display:inline-block;width:calc(100% - 22px)} .prevWinnerDiv img{float:right;width:140px;height:132px;margin-left:25px} .prevWinnerDiv .prevWinnerInfo{float:right;display:inline-block} .prevWinnerDiv .prevWinnerInfo h2{display:block;padding-bottom:10px;font-family:GESSTwoMedium, Tahoma;color:#ff7c24;font-size:18px} .prevWinnerDiv .prevWinnerInfo p{display:block;padding-bottom:10px;font-family:GESSTwoMedium, Tahoma;color:#333;font-size:16px} .prevWinnerDiv .prevWinnerInfo p span{font-family:GESSTwoLight, Tahoma} .prevWinnerDiv .prevWinnerInfo .social-share{float:right} .prevWinnerDiv .prevWinnerInfo .twitterBtn {display:none} /** Ramadan Map **/ .ramadanMapDiv{display:block;background:#fff;border:1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;margin-bottom:20px;padding:10px} .ramadanMapDiv .ttl{background:#fff!important;height:auto} .ramadanMapDiv .ttl h2{padding:0 0 10px;color:#ff7c24} .ramadanMapDiv .ctrls {display:inline-block;width:calc(50% - 10px);margin:15px 0 15px 10px;float:right} .ramadanMapDiv .ctrls:nth-child(3){margin-left:0;width:50%} .ramadanMapDiv .ctrls .ctrlItm{float:right;margin-left:79px} .ramadanMapDiv .ctrls .ctrlItm:last-child{margin-left:0} .ramadanMapDiv .ctrls .ctrlItm h2{float:right;margin:6px 0 0 15px;font-family:GESSTwoMedium, Tahoma;font-size:14px;color:#333} .ramadanMapDiv .ctrls select {float: right;background: #fff;border: 1px solid #ddd;border-radius: 16px;color: #333;cursor: pointer;direction: rtl;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 30px;width:100%;padding:0 5px;outline:none} .ramadanMapDiv .ctrls input{float: right;background: #fff;border: 1px solid #ddd;border-radius: 16px;color: #333;cursor: pointer;direction: rtl;font-family: GeSSTwoLight,Tahoma;font-size: 0.688em;height: 28px;width: calc(100% - 20px);padding:0 10px;outline:none} .ramadanMapDiv .map{width:916px;height:420px;border:1px solid #ddd;position:relative;overflow: hidden;} .ramadanMapDiv .map .pinInfoSlide{position:absolute;top:0;right:0;width:330px;height:420px;background:#fff;border-left:1px solid #ddd;box-shadow:-1px 0px 8px 0px #333;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;} .ramadanMapDiv .map .pinInfoSlide.show{right:0} .ramadanMapDiv .map .pinInfoSlide.hide{right:-360px} .ramadanMapDiv .map .pinInfoSlide:before{content:"c";position:absolute;font-size:42px;color:#fff;left:-30px;top:5%;transform: rotate(180deg);text-shadow: 2px -1px 2px #666;} .ramadanMapDiv .map .pinInfoSlide .ngoInfo{display:inline-block;width:calc(100% - 20px);padding:10px} .ramadanMapDiv .map .pinInfoSlide .ngoInfo img{display:block;max-width:70px;max-height:70px;float:right;margin-left:10px} .ramadanMapDiv .map .pinInfoSlide .ngoInfo .ngoName{float:right;display:inline-block;font-family:GeSsTwoBold, Tahoma;color:#333;font-size:16px;text-align: right;direction:rtl;width:calc(100% - 110px)} .ramadanMapDiv .map .pinInfoSlide .ngoInfo .number{display:block;color:#333;font-size:12px;margin-top:10px;text-align: right;display: inline-block;float: right;width:calc(100% - 110px);direction:rtl} .ramadanMapDiv .map .pinInfoSlide .ngoInfo .number:empty{display:none} .ramadanMapDiv .map .pinInfoSlide .ngoInfo .icon-tel:before{content:"k";float:right;margin-left:5px;font-size:18px;line-height:1.2} .ramadanMapDiv .map .pinInfoSlide .act{display:inline-block;width:calc(100% - 20px);padding:5px 10px;background:#ff7c24;max-height:40px;overflow:hidden} .ramadanMapDiv .map .pinInfoSlide .act p{font-family:GESSTwoMedium;color:#fff;font-size:14px;text-align:right;direction:rtl} .ramadanMapDiv .map .pinInfoSlide .act p span{font-family:GESSTwoLight} .ramadanMapDiv .map .pinInfoSlide .location{display:inline-block;width:calc(100% - 20px);max-height:36px;overflow:hidden;padding:5px 10px;background:#e9e9e9;color:#333;font-family:GeSsTwoLight, Tahoma;font-size:13px;float:right;direction:rtl} .ramadanMapDiv .map .pinInfoSlide .icon-location:before{content:"z";float:right;font-size:22px;margin-left:5px;line-height: 0.9;height:20px} .ramadanMapDiv .map .pinInfoSlide .ngoScrollbar{float: left;height:91px;width: 300px;overflow-y: scroll;direction: ltr;padding: 0 10px;margin: 10px 5px;} .ramadanMapDiv .map .pinInfoSlide .force-overflow{display:block;padding:0 0 0 5px;min-height: 112px;font-family:GeSsTwoLight, Tahoma;font-size:14px;color:#333;line-height:1.4;direction:rtl} #style-3::-webkit-scrollbar-track, #style-3::-moz-scrollbar-track, #style-3::-ms-scrollbar-track, #style-3::-o-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);border-radius: 10px;background-color: #ccc;} #style-3::-webkit-scrollbar, #style-3::-moz-scrollbar, #style-3::-ms-scrollbar, #style-3::-o-scrollbar{width: 6px;background-color: #ccc;padding:5px;} #style-3::-webkit-scrollbar-thumb, #style-3::-moz-scrollbar-thumb, #style-3::-ms-scrollbar-thumb, #style-3::-o-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);background-color: #333} .ramadanMapDiv .map .pinInfoSlide .contWays{display:inline-block;width:calc(100% - 20px);padding:0px 10px;position:absolute;bottom:-10px} .ramadanMapDiv .map .pinInfoSlide .contWays h2{padding:0 0 10px;color:#ff7c24} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv{float:right;margin:0 0 15px 28px;width: 141px;} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv:nth-child(2n+1){margin-left:0;} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv img{float:right;margin-left:10px;width:29px;height:auto;padding: 0;} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv .wayItm{float:right;display:inline-block} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv .wayItm .name{display:block;text-align:right;font-family:GeSsTwoMedium, Tahoma;font-size:13px;line-height: 1;} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv .wayItm .way{display:block;text-align:right;font-family:GeSsTwoLight, Tahoma;font-size:13px;height:15px;width:100px;overflow:hidden} .ramadanMapDiv .map .pinInfoSlide .contWays .wayItmDiv .wayItm .way.link{text-decoration:underline} .ramadanMapDiv .map .pinInfoSlide .closeBtn{width:21px;height:21px;background:#ff7c24;color:#fff;text-align:center;font-family:Tahoma;font-size:18px;font-weight:bold;position:absolute;top:10px;left:10px;line-height:1.2} .ramadanMapDiv .sponsor{display:inline-block;width:100%;margin:15px 0 0} .ramadanMapDiv .sponsor h2{float:right;font-family:GeSsTwoMedium, Tahoma;color:#333;font-size:12px;margin-left:30px;line-height:2} .ramadanMapDiv .sponsor img{float:right;margin-left:25px;} .ramadanMapDiv .sponsor img:nth-child(2){width:auto;height:20px} .ramadanMapDiv .sponsor img:nth-child(3){width:auto;height:24px;margin-top:-3px} /** Series **/ .seriesDiv{display:block;border-top:1px solid #ddd!important;} .seriesDiv .ttl{background:none!important} .seriesDiv .ttl h2{color:#ff7c24;padding: 15px 10px;font-size: 18px;} .seriesDiv .bx-wrapper .bx-viewport {height: 350px!important;} .seriesDiv .seriesContent {position: relative;padding:0 10px;margin-top:20px} .seriesDiv .seriesAreaSlider {margin: 0;position: relative;max-height: 350px;overflow: hidden;} .seriesDiv .seriesItm{float:right;margin:0 11px;display:inline-block;width:126px;height:185px} .seriesDiv .seriesItm a{display:block;} .seriesDiv .seriesItm a img{width:124px;height:124px;border:2px solid #ccc;border-radius:50%} .seriesDiv .seriesItm a p{display:block;font-family:GeSsTwoMedium, Tahoma;color:#333;font-size:14px;margin-top:5px;direction:rtl;text-align:center;line-height:1.3} .seriesDiv .bx-wrapper .bx-pager {bottom: 7px;width: 100%;} .seriesDiv.relatedSeries .bx-wrapper .bx-pager {display:none} .seriesDiv .bx-wrapper .bx-prev {left: -17px;display: block;top:46%} .seriesDiv .bx-wrapper .bx-next {right: -17px;display: block;top:46%} .seriesDiv.relatedSeries .bx-wrapper .bx-viewport {max-height: 360px!important;height: auto!important;} .seriesDiv.relatedSeries .ttl{background:#ff7c24!important} .seriesDiv.relatedSeries .ttl h2{color:#fff;padding: 9px 10px;font-size: 16px;} .seriesDiv.relatedSeries a p {display: block;font-family: GeSsTwoMedium, Tahoma;color: #333;font-size: 14px;margin: 5px 0 0;direction: rtl;text-align: center;line-height: 1.3;width: 126px;height: 52px;overflow: hidden;} /** Programs **/ .programDiv{display:block;border-top:1px solid #ddd!important;} .programDiv .ttl{background:none!important} .programDiv .ttl h2{color:#ff7c24;padding: 15px 10px;font-size: 18px;} .programDiv .bx-wrapper .bx-viewport {height: 350px!important;} .programDiv .programContent {position: relative;padding:0 10px;margin-top:20px} .programDiv .programAreaSlider {margin: 0;position: relative;height: 350px;overflow: hidden;} .programDiv .programItm{float:right;margin:0 11px;display:inline-block;width:126px;height:185px} .programDiv .programItm a{display:block;} .programDiv .programItm a img{width:124px;height:124px;border:2px solid #ccc;border-radius:50%} .programDiv .programItm a p{display:block;font-family:GeSsTwoMedium, Tahoma;color:#333;font-size:14px;margin-top:5px;direction:rtl;text-align:center;line-height:1.3} .programDiv .bx-wrapper .bx-pager {bottom: 7px;width: 100%;display:none} .programDiv .bx-wrapper .bx-prev {left: -17px;display: block;top:46%} .programDiv .bx-wrapper .bx-next {right: -17px;display: block;top:46%} /** Videos Entry Point **/ .vidEntryPnt{height:263px;border-top:1px solid #ddd!important} /** Login **/ .logDiv{float:left;background:#333;width:340px;height:36px;border-radius:50px;margin:10px 0 0 10px;padding:5px} .logDiv.played span{float: right;font-family: GeSsTwoBold, Tahoma;color: #fff;font-size: 32px;margin-left:8px;width: 40px;text-align: left;line-height: 1.35;} .logDiv.played img{float: right;width:36px;height:36px;border: 1px solid #ddd;border-radius: 50px;margin-left: 10px;} .logDiv.played .userInfo {float: right;width: 130px;margin-top:3px} .logDiv.played .userInfo .name {float: right;display: block;color: #fff;font-size: 18px;font-family: GeSsTwoMedium, Tahoma;overflow: hidden;line-height: 1} .logDiv.played .userInfo .points {float: right;display: block;color: #fff;margin-left: 0;display: block;font-size: 12px;direction: ltr;text-align: right;} .logDiv.played .logoutBtn{border:none;border-radius:50px;padding:4px 29px 4px 14px;font-family:GeSsTwoLight, Tahoma;font-size:12px;position:relative;color:#fff;float:left;margin:4px 0 0 5px} .logDiv.played .logoutBtn.fb{background:#2d609b;} .logDiv.played .logoutBtn.fb:before {content:"d";font-size: 17px;right: 8px;position: absolute;top: -1px;} .logDiv.in span{display:none} .logDiv.in img{float: right;width:36px;height:36px;border: 1px solid #ddd;border-radius: 50px;margin-left: 10px;} .logDiv.in .userInfo {float: right;width: 200px;margin-top:10px} .logDiv.in .userInfo .name {float: right;display: block;color: #fff;font-size: 14px;font-family: GeSsTwoMedium, Tahoma;overflow: hidden;line-height: 1.4;width:100%;text-align: right;} .logDiv.in .userInfo .points {display:none} .logDiv.in .logoutBtn{border:none;border-radius:50px;padding:4px 29px 4px 14px;font-family:GeSsTwoLight, Tahoma;font-size:12px;position:relative;color:#fff;float:left;margin:4px 0 0 5px;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;} .logDiv.in .logoutBtn.fb{background:#3b5998;} .logDiv.in .logoutBtn.fb:hover{background:#fff;color:#3b5998} .logDiv.in .logoutBtn.ggl{background:#dd5441} .logDiv.in .logoutBtn.ggl:hover{background:#fff;color:#dd5441} .logDiv.in .logoutBtn.fb:before {content: "d";font-size: 17px;right: 8px;position: absolute;top: -1px;} .logDiv.in .logoutBtn.ggl:before {content: "n";font-size: 17px;right: 8px;position: absolute;top: -1px;} /****************** RSS *********************/ /** RSS Page **/ .rssDiv{display:inline-block;width:100%;margin:0 0 20px!important;border:none!important;border-top:3px solid #c31717!important;padding-bottom: 10px;} .rssDiv h2{font-size:18px;color:#c31717} .rssDiv .rssBg{background: #f2f2f2;padding: 10px;margin:10px 10px 20px;display:block;width:calc(100% - 40px)} .rssDiv .rssBg h3{font-family:GeSSTwoMedium, Tahoma;font-size:16px;color:#333;margin-bottom: 10px;} .rssDiv .rssBg ul {padding-right: 20px;display: inline-block;width:calc(100% - 20px);;margin: 0 0 10px;} .rssDiv .rssBg li {font-family: GeSSTwoLight, Tahoma;font-size: 14px;color: #333;direction: rtl;line-height: 1.8;list-style-type: disc;} .rssDiv .allChannel{display:block;width: calc(100% - 20px);padding: 0 10px;} .rssDiv .allChannel .channel{display: inline-block;width: calc(100% - 20px);padding: 15px 10px;cursor: pointer;background: #f2f2f2;overflow: hidden;max-height: 20px;border-bottom: 1px solid #ddd;transition: all 0.4s ease-in-out 0s;} .rssDiv .allChannel .channel:last-child{border-bottom:none} .rssDiv .allChannel .channel:nth-child(2n){background:#e8e8e8} .rssDiv .allChannel .channel:hover{max-height:800px;height:auto!important} .rssDiv .allChannel .channel .cnt{display:inline-block;width:100%} .rssDiv .allChannel .channel p{float:right;font-family:GeSsTwoLight, Tahoma;color:#333;font-size:14px} .rssDiv .allChannel .channel a{float:left;margin-top:2px} /* Channel Submenu */ /*.rssDiv .allChannel .channel .chnlSubMnu{height:0;opacity:0;visibility:hidden;width:100%;margin-top:0;} .rssDiv .allChannel .channel:hover .chnlSubMnu{margin-top: 15px;height:auto;opacity:1;visibility:visible}*/ .rssDiv .allChannel .chnlSubMnu{margin-top:15px;background:#fff} .rssDiv .allChannel .subChannel{display:inline-block;width:calc(100% - 20px);;padding:15px 10px;border-bottom:1px solid #ddd} .rssDiv .allChannel .subChannel:last-child{border-bottom:none} /** Series Strips **/ .ramadanSeries .stripImg{display:inline-block;width:615px;height:70px;margin-bottom:20px} /** Euro HP **/ .euroHp{background:url(../Euro2016/images/euroBg.jpg) no-repeat 0px 0px #007cba!important;border-top:none!important} .euroHp .ttl{background:none!important;position:relative;overflow:visible} .euroHp .ttl:after{content:"";width:78px;height:79px;background:url(../Euro2016/images/euroLogo.png) no-repeat center center;background-size:78px;position:absolute;bottom:-24px;right:10px} .euroHp .ttl h2{padding: 12px 95px 0!important} .euroHp .ttl h2 a{color:#fff!important;} .euroHp .ttl .moreLnk{color:#fff;height:20px;font-family:GESSTwoMedium, Tahoma;padding:15px 0;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;} .euroHp .ttl .moreLnk::before{display:none} .euroHp .ttl .moreLnk::after {display:none} .euroHp .ttl .moreLnk:hover{color:#7bbad9} .euroHp .pattern04list{border-bottom:0} .euroHp .pattern04list p{color:#fff} .euroHp .pattern04list:hover p{color:#8ec9e6!important} .euroHp .pattern04list .more{color:#bbb!important} .euroHp .euroGrps{display:block;width:100%;text-align:center;font-family:GeSsTwoMedium, Tahoma;color:#fff;font-size:20px;background:rgba(0,47,101,0.8);padding:8px 0;margin: -5px 0 10px;} .euroHp .euroGrps a{color:#007cba;padding:5px 20px;background:#fff;border-radius:50px;margin-right:10px;text-align:center;font-family:GeSsTwoLight, Tahoma;font-size:16px;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;} .euroHp .euroGrps a:hover{background:#007cba;color:#fff} /** Euro 2016 **/ .euro2016-news{border-top:none!important} .euro{display:block;border: 1px solid #ddd;box-shadow: 0 1px 0 0 #d1d1d1;background:#fff;margin-bottom:20px} .euro .sixPattern li{position:relative} .euro .sixPattern li:before{content:"c";color: #fff;font-size: 42px;text-shadow: 1px 1px 3px #666;position:absolute;left:50%;margin-left:-21px;top:17%;z-index:9} .grpStndgFrame{width:615px;overflow:hidden} /********************** Thanwya Amma **********************/ /** Header 2015 -----------------------------------------------------------------------------------------------------------*/ .thanawyaHeader{background: #333;position: fixed;z-index: 999999999;right: 0;top: 0;height:80px;text-align:center;color: #fff;font-family: GeSsTwoLight,Tahoma;width: 100%;box-shadow: 0 0 1px 1px #333;overflow: hidden;} .thanawyaHeader img{margin-top:15px} .thanawyaHeader .btns{width:440px;margin:20px auto;height: 60px;} .thanawyaHeader .thanawyaBtn{float: right;margin-left: 30px;background: url('../Images/capIconBtn.png') 145px center no-repeat #c31717;background-size: 50px;line-height: 2.8;width: 160px;height: 40px;padding-right: 50px;display: inline-block;text-align: center;font-family: GeSsTwoLight, Tahoma;color: #fff;font-size: 16px;border-radius: 50px;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;} .thanawyaHeader .thanawyaBtn:hover{background:url('../Images/capIconBtn.png') 145px center no-repeat #222;background-size: 50px;} .thanawyaHeader .masrawyBtn{float:right;background:url('../Images/masrawyLogoBtn.png') center center no-repeat #c31717;background-size: 150px;width:200px;height:40px;display:inline-block;border-radius:50px;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} .thanawyaHeader .masrawyBtn:hover{background:url('../Images/masrawyLogoBtn.png') center center no-repeat #222;background-size: 150px;} /* Footer 2015 -----------------------------------------------------------------------------------------------------------*/ .thanawyaFooter{background:#333!important;color:#fff; font-size:11px;margin:20px auto 0;padding-bottom: 10px;position: relative;height:50px} .thanawyaFooter .fixedWrapp{width: 350px;padding-top: 15px;} .thanawyaFooter p{font-family:GeSsTwoLight, Tahoma;font-size:16px;color:#fff;margin: 5px 0 0 20px;float:right} .thanawyaFooter img{width:124px;float:right;margin-left:20px} .thanawyaFooter .goToBtn{float:right;background: #ce242a;display: inline-block;width: 100px;height: 34px;text-align: center;font-family: GeSsTwoLight, Tahoma;color: #fff;font-size: 18px;line-height: 2;border-radius: 10px;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;} .thanawyaFooter .goToBtn:hover{background:#c31717} .thanwyaAmmaDiv{margin-bottom:20px;display: inline-block;background:#fff} .thanwyaAmmaDiv .goToThanwyaDiv{position:relative;float:right;text-align:center;width:350px;height:320px;display:inline-block;padding:50px 60px} .thanwyaAmmaDiv .goToThanwyaDiv:after{content:"";width:1px;height:320px;position:absolute;left:0;top:50px;background:#ddd} .thanwyaAmmaDiv .goToThanwyaDiv h2{color:#c31717;font-size:36px;font-family:GeSsTwoLight, Tahoma} .thanwyaAmmaDiv .goToThanwyaDiv img{margin-top:20px} .thanwyaAmmaDiv .goToThanwyaDiv p{color:#c31717;font-size:32px;font-family:GeSsTwoLight, Tahoma;position:absolute;top:230px;right:120px} .thanwyaAmmaDiv .goToThanwyaDiv .goToBtn{background:#333;width:260px;height:60px;text-align:center;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:28px;line-height:2.2;border-radius:50px;position:absolute;bottom:50px;left:50%;margin-left:-130px;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} .thanwyaAmmaDiv .goToThanwyaDiv .goToBtn:hover{background:#222} .thanwyaAmmaDiv .goToMasDiv{position:relative;float:right;text-align:center;width:350px;height:320px;display:inline-block;padding:50px 60px} .thanwyaAmmaDiv .goToMasDiv h2{color:#c31717;font-size:36px;font-family:GeSsTwoLight, Tahoma} .thanwyaAmmaDiv .goToMasDiv img{margin-top:50px} .thanwyaAmmaDiv .goToMasDiv .goToBtn{background:#333;width:260px;height:60px;text-align:center;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:28px;line-height:2.2;border-radius:50px;position:absolute;bottom:50px;left:50%;margin-left:-130px;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} .thanwyaAmmaDiv .goToMasDiv .goToBtn:hover{background:#222} /** Info Page**/ .thanwyaAmma .infoPageDiv{position: relative;text-align: center;height: 212px;padding: 25px 100px;width:415px;border-top:1px solid #ddd!important} .thanwyaAmma .infoPageDiv h2{color:#333;font-size:48px;font-family:GeSsTwoLight, Tahoma;position:absolute;top:89px;right:370px} .thanwyaAmma .infoPageDiv img{margin-top:10px;float:right} .thanwyaAmma .infoPageDiv p{color:#c31717;font-size:28px;font-family:GeSsTwoLight, Tahoma;position:absolute;top:148px;right:130px} .thanwyaAmma .infoPageDiv .goToBtn{background:#333;width:400px;height:50px;text-align:center;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:28px;line-height:1.8;border-radius:50px;position:absolute;bottom:20px;left:50%;margin-left:-200px;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} .thanwyaAmma .infoPageDiv .goToBtn:hover{background:#222} /** Student Identity **/ .thanwyaAmma .stdntIdenDiv{position: relative;text-align: center;height: 262px;border-top:1px solid #ddd!important} .thanwyaAmma .stdntIdenDiv .ttl h2{color:#c31717;font-size: 20px;} .thanwyaAmma .stdntIdenDiv .content{position:relative} .thanwyaAmma .stdntIdenDiv .content .style{display: inline-block;padding:15px 10px;width: calc(100% - 20px);} .thanwyaAmma .stdntIdenDiv .content .style .rdoBtnDiv{float:right;display: inline-block;width: 50%;position: relative;} .thanwyaAmma .stdntIdenDiv .content .style .rdoBtnDiv .radioBtn {-moz-appearance: none;background: 0 0;height: 18px;width: 18px;margin: 3px 0 0 10px;float: right;} .thanwyaAmma .stdntIdenDiv .content .style .rdoBtnDiv p{float:right;color:#333;font-size:16px;font-family:GeSsTwoLight, Tahoma;} .thanwyaAmma .stdntIdenDiv .content .ctrls{display: inline-block;padding: 10px;width: calc(100% - 20px);margin-bottom:10px;position:relative} .thanwyaAmma .stdntIdenDiv .content .ctrls label{float:right;color:#333;font-size:16px;font-family:GeSsTwoLight, Tahoma;margin: 4px 0 0 15px;} .thanwyaAmma .stdntIdenDiv .content .ctrls .txtBox{border: 1px solid #d9d9d9;font-family:GeSsTwoLight, Tahoma;font-size: 16px;line-height: 2;margin: 0;outline: 0;float: right;direction: rtl;border-radius: 10px;-moz-appearance: none;background: 0 0;color: #333;height: 34px;padding: 0 10px;width: 465px;cursor: pointer;} .thanwyaAmma .stdntIdenDiv .content .ctrls .srchBtn{background:#333;display:inline-block;margin-top:10px;width:100px;height:34px;text-align:center;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:18px;line-height:2;border-radius:10px;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} .thanwyaAmma .stdntIdenDiv .content .ctrls .srchBtn:hover{background:#222} .thanwyaAmma .stdntIdenDiv .content .errorMsg{position: relative;font-family: GeSSTwoMedium,Tahoma;font-size: 16px;color: #fff;display: block;margin: 0 10px 10px;background-color: #fe1111;border-radius: 10px;overflow: hidden;text-align: right;padding: 0 55px 0 10px;float: right;width: calc(100% - 95px);height: 40px;line-height: 2.5;} .thanwyaAmma .stdntIdenDiv .content .errorMsg:after {content: "X";color: #fff;position:absolute;top: 0;right: 15px;z-index: 9;text-align: center;font-size: 30px;font-weight: 700;line-height: 1.3;font-family: verdana;} /** Student Result **/ .thanwyaAmma .stdntRsltDiv{height: 262px;border-top:1px solid #ddd!important} .thanwyaAmma .stdntRsltDiv .ttl h2{color:#c31717;font-size: 20px;} .thanwyaAmma .stdntRsltDiv .ttl .socialBtn{float:left;margin-top:5px} .thanwyaAmma .stdntRsltDiv .ttl .socialBtn .socialControl{float:left} .thanwyaAmma .icon-print{border-radius: 15px;background:#8baf11;color: #fff;cursor: pointer;direction: ltr;float: left;font-family: tahoma;font-size: 75%;line-height: 0.9;padding: 9px 10px 9px 30px;transition: background-color 0.4s ease 0s;border: 1px solid #8baf11;margin-left:4px;position:relative} .thanwyaAmma .icon-print:before{content:"x";font-size: 19px;left: 7px;position: absolute;top: -1px;} .thanwyaAmma .icon-print:hover{background:#fff;border:1px solid #8baf11;color:#8baf11!important} .thanwyaAmma .stdntRsltDiv .content{display:block;padding:10px} .thanwyaAmma .stdntRsltDiv .content .result{float:right;width:203px;height:203px;margin-left:15px;text-align:center} .thanwyaAmma .stdntRsltDiv .content .result.successful{background:#00c554} .thanwyaAmma .stdntRsltDiv .content .result.unsuccessful{background:#c31717} .thanwyaAmma .stdntRsltDiv .content .result h2{color: #fff;font-family: GeSsTwoLight, Tahoma;font-size: 24px;text-align: center;float: right;line-height: 2.5;margin-right: 14px;} .thanwyaAmma .stdntRsltDiv .content .result h2 span{font-size: 46px;float: left;line-height: 1.5;margin-right: 10px;margin-top: 0;} .thanwyaAmma .stdntRsltDiv .content .result p{color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:45px;text-align:center;display: inline-block;line-height: 1.3} .thanwyaAmma .stdntRsltDiv .content .result span{color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:46px;text-align:center;margin-top: 10px;display: inline-block;} .thanwyaAmma .stdntRsltDiv .content .info{float:right;width:375px;height:203px;text-align:center} .thanwyaAmma .stdntRsltDiv .content .info .data{background:#efefef;height:40.6px;padding:0 10px} .thanwyaAmma .stdntRsltDiv .content .info .data:nth-child(2n){background:#d6d6d6} .thanwyaAmma .stdntRsltDiv .content .info .data p{font-family:GESSTwoMedium, Tahoma;font-size:18px;color:#000;line-height:2.4} .thanwyaAmma .stdntRsltDiv .content .info .data p span{font-family:GESSTwoLight, Tahoma;color:#333} .thanwyaAmma .scores{margin-bottom: 20px;background: #fff;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display:inline-block;padding:10px;width:calc(100% - 20px)} .thanwyaAmma .scores .subject{float:right;height:40px;line-height:2.4;font-family:GESSTwoMedium, Tahoma;font-size:18px;text-align:center;color:#000;background:#efefef;width:230px;border-bottom:1px solid #ccc} .thanwyaAmma .scores .subScore{float:right;height:40px;line-height:2.4;font-family:GESSTwoLight, Tahoma;font-size:18px;text-align:center;color:#333;background:#d6d6d6;width:calc((100% - 690px) / 3);border-bottom:1px solid #ccc} .thanwyaAmma .stdntScrsShrBtn{float:right;height:28px;margin-bottom: 20px;background: #fff;border: 1px solid #ddd;box-shadow: 0px 1px 0px 0px #d1d1d1;display:inline-block;padding:20px 10px;width:calc(615px - 20px);margin-left:15px} .thanwyaAmma .stdntScrsShrBtn h2{float:right;font-size:22px;margin-left:20px} .thanwyaAmma .stdntScrsShrBtn .socialBtn{float:right;display: inline-block;width: 350px;} /** Entry Point **/ .thanawyaEP{position: relative;text-align: center;width:300px;border:none!important;background:#c31717} .thanawyaEP .ttl{background:#c31717!important} .thanawyaEP .ttl h2{color:#fff;font-size: 20px;} .thanawyaEP .content{position:relative} .thanawyaEP .content .style{display: inline-block;padding:15px 10px 0 10px;width: calc(100% - 20px);} .thanawyaEP .content .style .rdoBtnDiv{float:right;display: inline-block;width: 50%;position: relative;} .thanawyaEP .content .style .rdoBtnDiv:last-child{padding-right: 15px;width: calc(50% - 15px);} .thanawyaEP .content .style .rdoBtnDiv .radioBtn {-moz-appearance: none;background: 0 0;height: 18px;width: 18px;margin: 3px 0 0 5px;float: right;} .thanawyaEP .content .style .rdoBtnDiv p{float:right;color:#fff;font-size:16px;font-family:GeSsTwoLight, Tahoma;} .thanawyaEP .content .ctrls{display: inline-block;padding: 10px;width: calc(100% - 20px);position:relative} .thanawyaEP .content .ctrls .txtBox{border: 1px solid #d9d9d9;font-family:GeSsTwoLight, Tahoma;font-size: 16px;line-height: 2;margin: 0;outline: 0;float: right;direction: rtl;border-radius: 10px;-moz-appearance: none;background:#fff;color: #333;height: 34px;padding: 0 10px;width:calc(100% - 20px);cursor: text} .thanawyaEP .content .ctrls .srchBtn{background:#333;display:inline-block;margin-top:10px;width:150px;height:34px;text-align:center;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:18px;line-height:2;border-radius:10px;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} .thanawyaEP .content .ctrls .srchBtn:hover{background:#222} .thanawyaEP .content .errorMsg{font-family:GeSsTwoLight, Tahoma;font-size:14px;margin:10px;text-align:right;display:block;color:#fff} /************************************** Article Gallery **************************************/ /***** Before *****/ .demo-gallery {display:inline-block;width: 613px;height: 430px;margin-right: -0.938em;cursor: pointer;} .articleCntnt .demo-gallery ul li::before{display:none} .demo-gallery > ul {margin-bottom: 0;padding-right: 0;} .demo-gallery > ul > li {display:none;position:relative;padding-right: 0;} .demo-gallery > ul > li:first-child {display:block} .demo-gallery > ul > li a {display:block} .demo-gallery > ul > li .showGal{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-90px;background:rgba(0,0,0,0.8);border-radius:30px;width:140px;height:40px;padding:0 25px 0 15px;font-family:GeSsTwoLight, Tahoma;color:#fff;font-size:16px;font-weight:normal;z-index:9;line-height: 2.5} .demo-gallery > ul > li .icon-camera:before{content:"l";font-size:28px;color:#fff;float:right;margin-left:10px;line-height: 1.4;} .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 {right: 0px;} .lg-actions .lg-next:before {content: "f";} .lg-actions .lg-prev {left: 0px;} .lg-actions .lg-prev:after {content: "g";} @-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: right;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: "u";} .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: 14px;margin: 5px 0 0;font-family:GeSsTwoLight, Tahoma;line-height:1.8;text-align:center;} #lg-counter {color: #999;display: inline-block;font-size: 18px;padding-left: 20px;padding-top: 14px;vertical-align: middle;font-family: tahoma;} .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;} .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;} .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;} .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: left;overflow: hidden;height: 100%;border: 2px solid #FFF;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: 100%;height: 100%;object-fit: cover;} .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 {background-color: #0D0A0A;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: "\e1ff";} .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: "{";} .lg-show-autoplay .lg-autoplay-button:after {content: "_";} .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%;} .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;} .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-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} /***** After *****/ .repeatDiv{display:block;width:600px;padding:45px 20px;height:100%;position:absolute;right:0;left:50%;margin-left:-320px;top:0} .repeatDiv .repeatAlbum{display:block;width:100%;margin-bottom:20px;text-align:center;} .repeatDiv .repeatAlbum p{display:block;color:#fff;font-family:GeSsTwoLight, Tahoma;font-size:16px;text-align:center} .repeatDiv .repeatAlbum .icon-repeat:before{content:":";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:#c31717;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:GESSTwoMedium, Tahoma;font-size:16px;color:#fff;display:block;float:right;margin-bottom: 5px;} .repeatDiv .nextAlbum p{font-family:GESSTwoLight, Tahoma;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} .repeatDiv .relatedAlbum .ttl h2{color:#c31717;padding: 0;} .repeatDiv .relatedAlbum .content{display:inline-block;width:100%;margin-top:10px} .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:GESSTwoLight, Tahoma;font-size:14px;color:#333;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} /** USA Election Countdown **/ .elecCntdwn{width:940px;height:170px;margin-bottom:20px;position:relative;display:inline-block;background:url(../images/USCntrBg.jpg) no-repeat center center} .elecCntdwn .cntDwnDiv{position: absolute;width: 330px;height: 44px;left: 50%;margin-left: -165px;top:90px} .elecCntdwn .cntDwnDiv ul{width:100%;display:inline-block;padding:0} .elecCntdwn .cntDwnDiv ul li{float: left;color: #0a4f92;display: inline-block;font-family: gotham medium;font-size: 32px;margin-right: 30px;text-align: center;width: 60px;height: 44px;position: relative;} .elecCntdwn .cntDwnDiv ul li:first-child{color:#fff} .elecCntdwn .cntDwnDiv ul li:last-child{margin-right:0} .elecCntdwn .cntDwnDiv li:after{display:none} /** USA Election Program **/ .elecProgram{display:inline-block;width:100%;border:none!important;background:none} .elecProgram a{float:right;width:300px;margin-left:15px;} .elecProgram a:last-child{margin-left:0} .elecProgram a img{width:300px;height:210px} /********************** CAF 2017 **********************/ .caf .ttl {background-color: #006829!important} .caf .ttl .moreLnk {color: #006829!important} .caf .ttl .moreLnk::before {color: #006829!important;background:#fff!important} .caf .ttl .moreLnk span {background: #f2ba00!important} .caf .ttl .moreLnk::after {border-right: 5px solid #006829!important} /** CAF Title **/ .cafTitle{display:inline-block;width:100%;height:118px;background:url(../CAF2017/images/cafLogo.png) no-repeat right top #312f26;border-top-right-radius:30px;margin-bottom:20px} .cafTitle .title{margin-right:80px;display:inline-block;width:calc(100% - 80px);height:80px;padding-bottom: 2px;} .cafTitle h2{display:block;color:#f2ba00;font-size:28px;font-family:GeSsTwoBold, Tahoma;direction:rtl;text-align:right;margin-top: 15px;line-height: 1.2;} .cafTitle h2 span{display:block;font-size:18px;font-family:GeSsTwoLight, Tahoma} .cafTitle .cafMenu{display:inline-block;width:100%;height:36px;background:#211e12} .cafTitle .cafMenu a{float:right;font-family: GeSsTwoLight, Tahoma;color: #fff;font-size: 14px;position:relative;padding:0 calc((100% - 675px) / 16);display: block;height: 36px;line-height: 2.7;background:#211e12;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;} .cafTitle .cafMenu a:after{content:"";width:1px;height:16px;background:#312f26;position:absolute;top:10px;left:0;visibility:visible;opacity:1;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;} .cafTitle .cafMenu a:last-child:after{display:none} .cafTitle .cafMenu a:hover, .cafTitle .cafMenu a.selected{background:#f2ba00;color:#006829} .cafTitle .cafMenu a:hover:after, .cafTitle .cafMenu a.selected:after{visibility:hidden;opacity:0} /****** CAF Matches *******/ .cafMatchesCtrl{display:inline-block;width:100%;margin-bottom:20px;} .matchesTable{padding:10px 15px;min-height: 142px;display: inline-block;width: 270px;} .matchesTable .tabs-container .slide .noMatches{text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding-top:0;line-height: 8} /* Tab Menu */ .cafMatches .tabs-nav{overflow: hidden} .cafMatches .tabs-nav li{width:100px;height:30px;margin-left: 2px;} .cafMatches .tabs-nav li a{height:30px;line-height:2; border:0; box-shadow:none;font-size: 16px;background-color: #cccccc;color: #312f26;} .cafMatches .tabs-nav .tabs-selected a{line-height: 2;background-color: #006829;color: #fff} .cafMatches .tabs-nav > li > a{border-right:none;box-shadow:none} /* Tab Content */ .cafMatches #tab-content{border: 1px solid #d7d7d7;background-color:#eeeeee;height:100%;margin:0;clear:both;padding:0px;display:block} .cafMatches #tab-01{ width:100%} .cafMatches #tab-02{ width:100%} .cafMatches #tab-03{width:100%} .cafMatches .tabs-container .slide p{text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding-top: 10px;color:#fff} .cafMatches .newsGrid{ border-bottom:1px solid #d7d7d7; position:relative; height:90px; overflow:hidden; padding-left:20px;transition: background-color 0.4s ease 0s;} .cafMatches .newsGrid:hover{ background-color:#eeeeee} .cafMatches .newsGrid img{ float:right; margin:5px; width:81px; height:80px; padding-left:20px} .cafMatches .newsGrid h2{ padding:15px 0; font-size:16px; font-weight:bold; margin:0} .cafMatches .slide{display:inline-block;width:100%;height:126px;overflow:hidden;background:#006829} .cafMatches .item{background:#006829; color:#fff; font-size:12px; text-align:center;padding:20px 30px;position:relative;width:calc(50% - 60px);float:right} .cafMatches .item:after{content:"";position:absolute;top:20px;left:-1px;height:86px;width:2px;background:#338654} .cafMatches .item:nth-child(2n):after{display:none} .cafMatches .item .tourName{font-size: 14px;font-family: GeSSTwoMedium,Tahoma;font-weight:bold; color:#8a8a8a; text-align:center} .cafMatches .item .teamA{ float:right;width:100px;height:86px;background:#338654} .cafMatches .item .teamA img, .cafMatches .item .teamB img{height: 46px;width: 46px;border: 2px solid #fff;border-radius: 50%;margin-top: 8px;} .cafMatches .item .teamA p, .cafMatches .item .teamB p{ display:block; margin:0; padding-top:5px} .cafMatches .item .result{ float:right;width:calc(100% - 200px); padding-top:0} .cafMatches .item .result.yesterday{padding-top:12px} .cafMatches .item .teamB{ float:right;width:100px;height:86px;background:#338654} .cafMatches .item .result{ font-size:42px} .cafMatches .item .result span{color:#80b494; font-size:15px; text-align:center;border-radius:10px} .cafMatches .item .status a{ background:#aaaaaa; color:#fff; font-size:12px; display:block} .cafMatches .status { position:relative; margin:0 auto; width:100%;font-family:Century Gothic,Tahoma;} .cafMatches .status span{background: none;color: #fff!important;font-size: 24px!important;line-height: 1;display: block;} .cafMatches .status .now{width: 60px;height: 16px;background: #f2ba00;color: #006829!important;text-align: center;font-family: GeSsTwoLight, Tahoma;font-size: 12px!important;line-height: 1.4;margin: 0 auto 8px;border-radius:0!important} .cafMatches .matchResult{font-family:Century Gothic,Tahoma;font-size:42px;line-height: 0.9;margin-top: 5px;} .cafMatches .channels{font-family:GeSsTwoLight, Tahoma;font-size:14px;margin-top: 3px;} .cafMatchesCtrl .more{color:#f2ba00;width:100%;height:36px;font-size:16px; text-align:center; background:#003f18; display:block;font-family: GeSsTwoLight,Tahoma;padding:3px 0;line-height:2.4;transition: background-color 0.4s ease 0s;} .cafMatchesCtrl .more:hover{background-color:#00270f} .cafMatchesCtrl .slide .noMatches {font-size: 20px !important;padding-top: 56px !important;} /** CAF Featured Area **/ .pattern04.cafFeatured .pattern04Cnts{padding-bottom: 10px;} .pattern04.cafFeatured .pattern04Div{width: 396px;height:276px} .pattern04.cafFeatured .pattern04Div img {width: 394px;height: 274px;} .pattern04.cafFeatured .pattern04Div p{width:376px} .pattern04.cafFeatured .pattern04list {width: calc(100% - 406px);padding: 0;position:relative;border-bottom: none;margin-bottom: 0;} .pattern04.cafFeatured .pattern04list p{color: #fff;text-align: right;position: absolute;bottom: 0;font-size: 16px;font-weight: bold; background: linear-gradient(transparent, black);background: -moz-linear-gradient(transparent, black);background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black);background: -ms-linear-gradient(transparent, black);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#000000',GradientType=0 ); width: 168px;height: 40px;line-height: 1.3;padding:10px 10px 5px 10px;overflow: hidden;cursor: pointer;left: 0} .pattern04.cafFeatured .pattern04list img{width:187px;height:131px} .pattern04.cafFeatured .pattern04list .more{display:none} .pattern04.cafFeatured .pattern04list:last-child {margin-top: 10px;} .pattern04.cafFeatured .pattern04list:after{display:none} /** CAF Groups **/ .cafGroups {width: 100%;display:inline-block;border-top: none;} .cafGroups .tblDiv{width:calc(100% - 20px);display:inline-block;padding:8px 10px 10px} .cafGroups .groupDiv{float:right;width:139px;margin-left:13px} .cafGroups .groupDiv:nth-child(4n){margin-left:0} .cafGroups .groupDiv .groupNum{float:right;width:100%;padding:7px 0;color:#000;font-family:GeSsTwoMedium,Tahoma;font-size:14px;direction:rtl} .cafGroups .teamDiv{float: right;width: calc(100% - 10px);height: 26px;padding: 6px 5px;} .cafGroups .teamDiv:nth-child(odd){background:#e5e5e5} .cafGroups .teamDiv:nth-child(even){background:#d5d5d5} .cafGroups .teamName{float: right;text-align: right;font-family: GeSsTwoLight, Tahoma;color: #312f26;font-weight: bold;font-size: 14px;line-height: 2;} .cafGroups .teamName img{float: right;margin-left: 5px;width: 24px;height: 24px;border: 1px solid #ddd;border-radius: 50%;} .cafGroups .points{float: left;width: 14px;color: #312f26;font-size: 16px;font-family: Century Gothic,Tahoma;text-align: center;line-height: 1.7;} /** CAF News **/ .caf .kitchenItms {padding: 0 10px 5px;display: inline-block;width: calc(100% - 20px);} .caf .kitchenItms li {margin: 10px 0 5px 10px;width: calc((100% - 20px) / 3);} .caf .kitchenItms li:nth-child(3n){margin-left:0} .caf .kitchenItms li p {padding: 5px;} /** CAF Videos **/ .caf .pattern12Content {width: calc(100% - 20px);padding: 0 10px 10px;} .caf .pattern12Slider .albumSlide {float: right;margin-left: 10px;width: 292px!important;} .caf .pattern12Slider .albumSlide:nth-child(2n){margin-left:0} .caf .pattern12Slider .albumSlide a > img{width: 290px;height: 203px;border:1px solid #ddd} /** CAF Arab in Gaboon **/ .caf .pattern06Cnts{padding:10px 0 0} .caf .pattern06Div img{width: 300px;height: 215px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .caf .pattern06list {width: calc((100% - 30px) / 2);padding: 10px 10px 10px 5px} .caf .pattern06list:nth-child(3n){padding: 10px 5px 10px 10px} .caf .pattern06list p{font-size:16px;line-height:1.5;height:42px;padding: 5px;} .caf .pattern06list img {width: 133px;height: 94px;} /** CAF Albums **/ .caf .pattern11{background:#fff} .caf .pattern11Content{padding:10px 0 0} .caf .pattern11Slider{height:auto} .caf .pattern11Slider .patternSlide > a > img{height:216px} .caf .pattern11Slider .patternSlide .icon-picIcon{width: auto;height: auto;top: 50%;margin-top: -21px;left: 50%;margin-left: -21px;} .caf .pattern11Slider .patternSlide .icon-picIcon:before{line-height:1;font-size:42px} .caf .pattern11Content .bx-wrapper{padding:0} .caf .pattern11Content .bx-wrapper .bx-pager{display:none} .caf .pattern11 .bx-wrapper .bx-prev{left:-6px} .caf .pattern11 .bx-wrapper .bx-next{right:-6px} .caf .pattern11 .bx-wrapper .bx-controls-direction a {background: #f2ba00!important;} .caf .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #006829} .caf .pattern11 .bx-wrapper .bx-controls-direction a:hover {background: #006829!important;} .caf .pattern11Content .bx-wrapper .bx-controls-direction a:hover:before {color: #f2ba00!important} .caf .pattern11Content .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #312f26!important;} /** CAF 2alo Fe El Gaboon **/ .caf .pattern04Cnts{padding:10px;margin:0} .caf .pattern04Div {float: right;width: 292px;height: 205px;padding-right:0;margin-left:10px} .caf .pattern04list{width:calc(100% - 302px);padding: 0;margin-bottom:10px;border-bottom: none;position:relative} .caf .pattern04list:nth-child(3n){margin-bottom:0} .caf .pattern04list .more{position:absolute;right:145px;bottom:0;padding:0} .caf .pattern04list:after{content:"";width:100%;height:1px;background:#ddd;position:absolute;right:0;bottom:-5px} .caf .pattern04list:nth-child(3n):after{display:none} /****** CAF All Matches Details *******/ .cafAllMatchesDtls{display:inline-block;width:100%;margin-bottom:20px;background:none;border:none} /* Tab Menu */ .cafAllMatchesDiv .tabs-nav{overflow: hidden;position: relative;top: 1px;right:-2px} .cafAllMatchesDiv .tabs-nav li{width:115px;height:30px;margin-left: 2px;} .cafAllMatchesDiv .tabs-nav li a{height:30px;line-height:2; border:0; box-shadow:none;font-size: 16px;background-color: #cccccc;color: #312f26;} .cafAllMatchesDiv .tabs-nav .tabs-selected a{line-height: 2;background-color: #fff;color: #333;border-right: 1px solid #ddd;border-top: 1px solid #ddd;border-left: 1px solid #ddd;} .cafAllMatchesDiv .tabs-nav > li > a{border-right:none;box-shadow:none} /* Tab Content */ .cafAllMatchesDiv .allMatchesContainer{display:inline-block;width:100%;border:1px solid #ddd} .cafAllMatchesDiv #tab-content{border: 1px solid #d7d7d7;background-color:#eeeeee;height:100%;margin:0;clear:both;padding:0px;display:block} .cafAllMatchesDiv #tab-01{ width:100%} .cafAllMatchesDiv #tab-02{ width:100%} .cafAllMatchesDiv #tab-03{width:100%} .cafAllMatchesDiv .tabs-container .slide p{text-align: center;font-family: GeSSTwoLight,Tahoma;font-size: 14px;padding-top: 15px;color:#312f26} .cafAllMatchesDiv .newsGrid{ border-bottom:1px solid #d7d7d7; position:relative; height:90px; overflow:hidden; padding-left:20px;transition: background-color 0.4s ease 0s;} .cafAllMatchesDiv .newsGrid:hover{ background-color:#eeeeee} .cafAllMatchesDiv .newsGrid img{ float:right; margin:5px; width:81px; height:80px; padding-left:20px} .cafAllMatchesDiv .newsGrid h2{ padding:15px 0; font-size:16px; font-weight:bold; margin:0} .cafAllMatchesDiv .slide{display:inline-block;width:100%;overflow:hidden;background:#fff} .cafAllMatchesDiv .item{background:#e5e5e5;color: #fff;font-size: 12px;text-align: center;padding: 10px;margin: 5px 5px 0;position: relative;width: calc(100% - 30px);float: right;} .cafAllMatchesDiv .item:last-child{margin-bottom:5px} .cafAllMatchesDiv .item:nth-child(odd){background:#e5e5e5} .cafAllMatchesDiv .item:nth-child(even){background:#d5d5d5} .cafAllMatchesDiv .item .tourName{font-size: 14px;font-family: GeSSTwoMedium,Tahoma;font-weight:bold; color:#8a8a8a; text-align:center} .cafAllMatchesDiv .item .date{float:right;font-family:Century Gothic,Tahoma;color:#312f26;font-size:16px;width:92px;text-align: right;line-height: 3.2} .cafAllMatchesDiv .item .teamA{ float:right;width:140px;} .cafAllMatchesDiv .item .teamA img{float:left;height: 46px;width: 46px;border: 2px solid #fff;border-radius: 50%;margin-right: 5px;} .cafAllMatchesDiv .item .teamA p{ display:inline-block; margin:0;text-align:left;float:left} .cafAllMatchesDiv .item .teamB{ float:right;width:140px;} .cafAllMatchesDiv .item .teamB img{float:right;height: 46px;width: 46px;border: 2px solid #fff;border-radius: 50%;margin-left: 5px;} .cafAllMatchesDiv .item .teamB p{ display:inline-block; margin:0;text-align:right;float:right} .cafAllMatchesDiv .item .result{ float:right;width:121px; padding-top:0;font-size:42px} .cafAllMatchesDiv .item .result.done{padding-top:6px} .cafAllMatchesDiv .item .result span{color:#777; font-size:15px; text-align:center;border-radius:10px} .cafAllMatchesDiv .item .status a{ background:#aaaaaa; color:#312f26; font-size:12px; display:block} .cafAllMatchesDiv .status { position:relative; margin:0 auto; width:100%;font-family:Century Gothic,Tahoma;} .cafAllMatchesDiv .status span{background: none;color: #312f26!important;font-size: 18px!important;line-height: 1;display: block;} .cafAllMatchesDiv .status .now{width: 60px;height: 16px;background: #006829;color:#f2ba00!important;text-align: center;font-family: GeSsTwoLight, Tahoma;font-size: 12px!important;line-height: 1.4;margin: 0 auto 8px;border-radius:0!important} .cafAllMatchesDiv .matchResult{font-family:Century Gothic,Tahoma;font-size:31px;line-height: 0.9;margin-top: 5px;color:#312f26} .cafAllMatchesDiv .channels{float:right;font-family:GeSsTwoLight, Tahoma;font-size:14px;margin-top: 3px;text-align:left;width:92px;color:#312f26;line-height: 3.4} .cafAllMatchesDtls .more{color:#f2ba00;width:100%;height:36px;font-size:16px; text-align:center; background:#003f18; display:block;font-family: GeSsTwoLight,Tahoma;padding:3px 0;line-height:2.4;transition: background-color 0.4s ease 0s;} .cafAllMatchesDtls .more:hover{background-color:#00270f} .cafAllMatchesDtls .slide .noMatches {font-size: 20px !important;padding-top: 56px !important;} /* Group Standings */ .groupsTableDiv{display:inline-block;width:100%;border:none;background:none;box-shadow:none} .groupsTableDiv .groupName{width:100%;display:inline-block;margin-bottom:15px;border:1px solid #ddd;border-top:0;box-shadow:0px 1px 0px 0px #d1d1d1} .groupsTableDiv .groupName .table{display:inline-block;width:100%;} .groupsTableDiv .groupName .table .ttlRow{display:inline-block;width:100%;background:#ccc} .groupsTableDiv .groupName .table .ttlRow .arrng{width:50px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: GeSsTwoLight,Tahoma;color:#000;font-size:14px; text-align:center} .groupsTableDiv .groupName .table .ttlRow .team{width:156px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: GeSsTwoLight,Tahoma;color:#000;font-size:14px; text-align:center} .groupsTableDiv .groupName .table .ttlRow .dtls{width:50px;float:right;border-left:1px solid #aaa;padding:5px 0;font-family: GeSsTwoLight,Tahoma;color:#000;font-size:14px; text-align:center} .groupsTableDiv .groupName .table .ttlRow .dtls:last-child{border-left:0} .groupsTableDiv .groupName .table .wRow{display:inline-block;width:100%;background:#fff} .groupsTableDiv .groupName .table .wRow:nth-child(2n+1){background:#e8e8e8} .groupsTableDiv .groupName .table .wRow .arrng{width:50px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:16px; text-align:center} .groupsTableDiv .groupName .table .wRow .team{width:146px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:16px;font-weight:bold;margin-right:10px;text-align:right} .groupsTableDiv .groupName .table .wRow .team img{float: right;margin-left:8px;width: 22px;height: 22px;border-radius:50%;border:1px solid #ddd} .groupsTableDiv .groupName .table .wRow .dtls{width:50px;float:right;border-left:1px solid #d7d7d7;padding:5px 0;color:#000;font-size:16px; text-align:center} .groupsTableDiv .groupName .table .wRow .dtls:last-child{border-left:0;font-weight: bold;} /********************** Categories Themes Color **********************/ /** News (#c31717) **/ .news .channelFeatureSlider .slideDescription .moreLnk {background-color: #c31717} .news .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #ad0006} .hpFeaturedArea .read.news span {border-right: 8px solid #c31717} .hpFeaturedArea .fstNew.news .masLogoBg, .hpFeaturedArea .fstNew.news .slider-link{background-color:#c31717} .hpFeaturedArea .fstNew.news .masLogoBg:hover, .hpFeaturedArea .fstNew.news .slider-link:hover{background-color:#ad0006} .news article > div > section, .news aside > section, .news .pattern09 {border-top: 2px solid #c31717} .news .ttl {background-color:#c31717} .news .ttl.cat{color:#c31717} .news .ttl .moreLnk::after{border-right: 5px solid #c31717} .news .ttl .moreLnk::before {color: #c31717} .news .ttl .moreLnk span {background: #8a0005} .news .pattern11 .ttl h1 a:hover{color:#821515!important} .news .pattern0601 {border-top: 2px solid #c31717} .news .pattern0602 {border-top: 2px solid #c31717} .news .pattern0201 {border-top: 2px solid #c31717} .news .pattern0202 {border-top: 2px solid #c31717} .news .pattern11 {background: #c31717;border: 1px solid #c31717} .news .pattern11 .moreLnk::before{background:#c31717!important} .news .pattern11 .moreLnk span{background:#c31717!important} .news .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #c31717} .news .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #c31717} .news .pattern11Content .bx-wrapper .bx-pager a {background: #c31717} .news .newsDiv1 .newsNum {background: #c31717} .news .newsDiv1 .newsNum:after {border-top: 6px solid #ad0006} /**************/ .news .socialMediaBar {background: #c31717} .news .pattern03Slider .albumSlide .related{color:#c31717} .news .opiniondiv .writerLnk{color:#c31717} .news .view-controls-list a:hover, .news .view-controls-list .active {background-color:#c31717} .news .view-controls-grid a:hover, .news .view-controls-grid .active {background-color:#c31717} .news .loadMoreBtn{background:#c31717} .news .loadMoreBtn:hover{background:#ad0006} .news .articleDiv h1 {color: #c31717} .news .relatedNews .ttl h1, .news .relatedNews .moreLnk::before {color: #c31717} .news #usercomment .CmntItmHdr .floatright {color: #c31717} .news .bx-wrapper .bx-controls-direction a {background: #c31717} .news .bx-wrapper .bx-controls-direction a:hover {background: #ad0006} .news .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #ad0006} .news .bx-wrapper .bx-pager a {border:1px solid #c31717} .news .bx-wrapper .bx-pager a:hover, .news .bx-wrapper .bx-pager a.active {background: #c31717} .news > .catName {background: #c31717} .news .loaderGif{background:url(../images/newsCatLoaderIcon.gif) no-repeat center center #c31717} .news .bx-wrapper .bx-loading {background: url(../images/newsAlbumsPreLoader.gif) center center no-repeat; display:none} .news .kitchenItms li:hover p{color:#c31717} .news .videosCnts li:hover p{color:#c31717} .news .pattern06list:hover p {color:#c31717} .news .pattern04list:hover p {color:#c31717} .news .pattern04listRev:hover p{color:#c31717} .news .eightPattern li:hover p{color:#c31717} .news .sixPattern li:hover p{color:#c31717} .news .pattern02list:hover p {color:#c31717} .news .mostRead a:hover {color:#c31717} .news .mostReadVideos p:hover {color:#c31717} .news .pattern10list:hover p {color:#c31717} .news .pattern07list:hover a{color:#c31717} .news .relatedNewsDiv li a:hover p{color:#c31717} .news #usermobile {background-color: #c31717} .news .kewywords a:hover{ background-color:#c31717} .news .articleDiv .artclfollowing p{color: #c31717} .news .articleDiv .artclfollowing .followBtn{background:#c31717;border:1px solid #c31717} .news .articleDiv .artclfollowing .followBtn:hover{border:1px solid #c31717;color:#c31717} .news .articleDiv .kwhd{color:#c31717} .news .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #c31717} .news .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #c31717} .news .articleDiv .artclfollowing > div > .mobileBoxNot {background: #c31717} .news #container .list li:hover p a{color:#c31717} .news #container .grid li:hover p a{color:#c31717} .news .paging .pagingBtnsDiv .prevBtn{background:#c31717} .news .paging .pagingBtnsDiv .icon-prev:before{color: #c31717} .news .paging .pagingBtnsDiv .nextBtn{background:#c31717} .news .paging .pagingBtnsDiv .prevBtn:hover{background:#ad0006} .news .paging .pagingBtnsDiv .nextBtn:hover{background:#ad0006} .news .mostReadImgs .newsDiv1 .newsTtl:hover p, .news .mostReadImgs .newsDiv .newsTtl:hover p{color:#c31717} .news .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#d1b5b5} .news .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#c31717} .news .pagingCount > div > .title {background: #c31717} .news .pagingCount > div > .title:before{border-top: 8px solid #c31717} .news .artclHd.sticky .nextBtn{background:#c31717} .news .artclHd.sticky .nextBtn:hover{background:#ad0006} .news .clip1 .clipcn .pollres .tasweet {background-color: #c31717} .news .clip1 .clipcn .pollres .tasweet:hover {background-color: #ad0006;} .hpFeaturedArea .news .newList.selected{border-top:3px solid #c31717!important} .hpFeaturedArea .news .newList:hover {border-top:3px solid #c31717!important} .hpSec.news{border-top:none} .hpSec.news .tabs-nav > li:hover > a, .hpSec.news .tabs-nav > li:focus > a, .hpSec.news .tabs-nav > li:active > a {background-color:#c31717} .hpSec.news .tabs-nav > li > a:hover, .hpSec.news .tabs-nav > li > a:focus, .hpSec.news .tabs-nav > li > a:active {background-color:#c31717} .hpSec.news .tabs-nav .tabs-selected a{background-color:#c31717} .hpSec.news .bx-controls-direction a {background: #c31717} .hpSec.news .bx-controls-direction a:hover {background: #ad0006} .hpSec.news .bx-controls-direction .bx-prev:after{border-top: 6px solid #ad0006} .hpSec.news .bx-controls-direction .bx-next:after{border-top: 6px solid #ad0006} .news .okBtn {background: none repeat scroll 0 0 #c31717} .news .okBtn:hover {background: none repeat scroll 0 0 #ad0006} .news .surveyPopUp .closeBtn {color: #c31717} .news .surveyPopUp .closeBtn:before {border: 2px solid #c31717} .news .surveyPopUp .closeBtn span.optn {color: #c31717;} .news .surveyPopUp .closeBtn:hover {background-color: #c31717} .news .surveyResDiv h1{ background-color:#c31717; } .news .surveyDiv h1{background-color:#c31717; } .news .notificationDiv p:before {background-color: #c31717;} .news .timeLineDiv li.checked, .news .timeLineDiv li:hover {background-color: #c31717} .news .timeLineDiv li.checked:after, .news .timeLineDiv li:hover:after {background-color: #c31717} .news .surveyDiv .answerItem .imgMask:hover, .news .surveyDiv .answerItem .imgMask.selected{ border:5px solid #c31717} .news .nxtPrevDiv> a{ background-color:#c31717; } .news .nxtPrevDiv> a:hover{ background-color:#ad0006} .news .notificationIco:hover{background-color:#c31717; } .news .notificationIco:hover:after{background-color:#c31717; } .news .notificationDiv {background-color: rgba(255, 224, 204, 0.6);} /** Fnoon (#ff7c24) **/ .arts .channelFeatureSlider .slideDescription .moreLnk {background-color: #ff7c24} .arts .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #dd5e01} .hpFeaturedArea .read.arts span {border-right: 8px solid #ff7c24} .hpFeaturedArea .fstNew.arts .masLogoBg, .hpFeaturedArea .fstNew.arts .slider-link{background-color:#ff7c24} .hpFeaturedArea .fstNew.arts .masLogoBg:hover, .hpFeaturedArea .fstNew.arts .slider-link:hover{background-color:#dd5e01} .arts article > div > section, .arts aside > section, .arts .pattern09 {border-top: 2px solid #ff7c24} .arts .ttl {background-color: #ff7c24} .arts .ttl.cat{color:#ff7c24} .arts .ttl .moreLnk::after{border-right: 5px solid #ff7c24} .arts .ttl .moreLnk::before {color: #ff7c24} .arts .ttl .moreLnk span {background: #b15313} .arts .pattern11 .ttl h2 a:hover{color:#8a410b!important} .arts .pattern0601 {border-top: 2px solid #ff7c24} .arts .pattern0602 {border-top: 2px solid #ff7c24} .arts .pattern0201 {border-top: 2px solid #ff7c24} .arts .pattern0202 {border-top: 2px solid #ff7c24} .arts .pattern11 {background: #ff7c24;border: 1px solid #ff7c24} .arts .pattern11 .moreLnk::before{background:#ff7c24!important} .arts .pattern11 .moreLnk span{background:#ff7c24!important} .arts .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #ff7c24} .arts .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #ff7c24} .arts .pattern11Content .bx-wrapper .bx-pager a {background: #ff7c24} .arts .newsDiv1 .newsNum {background: #ff7c24} .arts .newsDiv1 .newsNum:after {border-top: 6px solid #dc5e00} /**************/ .arts .socialMediaBar {background: #ff7c24} .arts .pattern03Slider .albumSlide .related{color:#ff7c24} .arts .opiniondiv .writerLnk{color:#ff7c24} .arts .view-controls-list a:hover, .arts .view-controls-list .active {background-color:#ff7c24} .arts .view-controls-grid a:hover, .arts .view-controls-grid .active {background-color:#ff7c24} .arts .loadMoreBtn{background:#ff7c24} .arts .loadMoreBtn:hover{background:#dc5e00} .arts .articleDiv h1 {color: #ff7c24} .arts .relatedNews .ttl h2, .arts .relatedNews .moreLnk::before {color: #ff7c24} .arts #usercomment .CmntItmHdr .floatright {color: #ff7c24} .arts .bx-wrapper .bx-controls-direction a {background: #ff7c24} .arts .bx-wrapper .bx-controls-direction a:hover {background: #dc5e00} .arts .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #dc5e00} .arts .bx-wrapper .bx-pager a {border:1px solid #ff7c24} .arts .bx-wrapper .bx-pager a:hover, .arts .bx-wrapper .bx-pager a.active {background: #ff7c24} .arts > .catName {background: #ff7c24} .arts .loaderGif{background:url(../images/fnoonCatLoaderIcon.gif) no-repeat center center #ff7c24} .arts .bx-wrapper .bx-loading {background: url(../images/fnoonAlbumsPreLoader.gif) center center no-repeat} .arts .kitchenItms li:hover p{color:#ff7c24} .arts .videosCnts li:hover p{color:#ff7c24} .arts .pattern06list:hover p {color:#ff7c24} .arts .pattern04list:hover p {color:#ff7c24} .arts .pattern04listRev:hover p{color:#ff7c24} .arts .eightPattern li:hover p{color:#ff7c24} .arts .sixPattern li:hover p{color:#ff7c24} .arts .pattern02list:hover p {color:#ff7c24} .arts .mostRead a:hover {color:#ff7c24} .arts .mostReadVideos p:hover {color:#ff7c24} .arts .pattern10list:hover p {color:#ff7c24} .arts .pattern07list:hover a{color:#ff7c24} .arts .relatedNewsDiv li a:hover p{color:#ff7c24} .arts #usermobile {background-color: #ff7c24} .arts .kewywords a:hover{ background-color:#ff7c24} .arts .articleDiv .artclfollowing p{color: #ff7c24} .arts .articleDiv .artclfollowing .followBtn{background:#ff7c24;border:1px solid #ff7c24} .arts .articleDiv .artclfollowing .followBtn:hover{border:1px solid #ff7c24;color:#ff7c24} .arts .articleDiv .kwhd{color:#ff7c24} .arts .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #ff7c24} .arts .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #ff7c24} .arts .articleDiv .artclfollowing > div > .mobileBoxNot {background: #ff7c24} .arts #container .list li:hover p a{color:#ff7c24} .arts #container .grid li:hover p a{color:#ff7c24} .arts .paging .pagingBtnsDiv .prevBtn{background:#ff7c24} .arts .paging .pagingBtnsDiv .icon-prev:before{color: #ff7c24} .arts .paging .pagingBtnsDiv .nextBtn{background:#ff7c24} .arts .paging .pagingBtnsDiv .prevBtn:hover{background:#dc5e00} .arts .paging .pagingBtnsDiv .nextBtn:hover{background:#dc5e00} .arts .mostReadImgs .newsDiv1 .newsTtl:hover p, .arts .mostReadImgs .newsDiv .newsTtl:hover p{color:#ff7c24} .arts .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#d1c0b5} .arts .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#ff7c24} .arts .pagingCount > div > .title {background: #ff7c24} .arts .pagingCount > div > .title:before{border-top: 8px solid #ff7c24} .arts .artclHd.sticky .nextBtn{background:#ff7c24} .arts .artclHd.sticky .nextBtn:hover{background:#dc5e00} .arts .clip1 .clipcn .pollres .tasweet {background-color: #ff7c24} .arts .clip1 .clipcn .pollres .tasweet:hover {background-color: #dc5e00;} .hpFeaturedArea .arts .newList.selected{border-top:3px solid #ff7c24!important} .hpFeaturedArea .arts .newList:hover {border-top:3px solid #ff7c24!important} .hpSec.arts{border-top: none} .hpSec.arts .tabs-nav > li:hover > a, .hpSec.arts .tabs-nav > li:focus > a, .hpSec.arts .tabs-nav > li:active > a {background-color:#ff7c24} .hpSec.arts .tabs-nav > li > a:hover, .hpSec.arts .tabs-nav > li > a:focus, .hpSec.arts .tabs-nav > li > a:active {background-color:#ff7c24} .hpSec.arts .tabs-nav .tabs-selected a{background-color:#ff7c24} .hpSec.arts .bx-controls-direction a {background: #ff7c24} .hpSec.arts .bx-controls-direction a:hover {background: #dc5e00} .hpSec.arts .bx-controls-direction .bx-prev:after{border-top: 6px solid #dc5e00} .hpSec.arts .bx-controls-direction .bx-next:after{border-top: 6px solid #dc5e00} .arts .okBtn {background: none repeat scroll 0 0 #ff7c24} .arts .okBtn:hover {background: none repeat scroll 0 0 #dc5e00} .arts .surveyPopUp .closeBtn {color: #ff7c24} .arts .surveyPopUp .closeBtn:before {border: 2px solid #ff7c24} .arts .surveyPopUp .closeBtn span.optn {color: #ff7c24;} .arts .surveyPopUp .closeBtn:hover {background-color: #ff7c24} .arts .surveyResDiv h1{ background-color:#ff7c24; } .arts .surveyDiv h1{background-color:#ff7c24; } .arts .notificationDiv p:before {background-color: #ff7c24;} .arts .timeLineDiv li.checked, .arts .timeLineDiv li:hover {background-color: #ff7c24} .arts .timeLineDiv li.checked:after, .arts .timeLineDiv li:hover:after {background-color: #ff7c24} .arts .surveyDiv .answerItem .imgMask:hover, .arts .surveyDiv .answerItem .imgMask.selected{ border:5px solid #ff7c24} .arts .nxtPrevDiv> a{ background-color:#ff7c24; } .arts .nxtPrevDiv> a:hover{ background-color:#dc5e00} .arts .notificationIco:hover{background-color:#dc5e00; } .arts .notificationIco:hover:after{background-color:#ff7c24; } .arts .notificationDiv {background-color: rgba(255, 224, 204, 0.6);} /** Islamyat (#1e99a1) **/ .islameyat .channelFeatureSlider .slideDescription .moreLnk {background-color: #1e99a1} .islameyat .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #008991} .hpFeaturedArea .read.islameyat span {border-right: 8px solid #1e99a1} .hpFeaturedArea .fstNew.islameyat .masLogoBg, .hpFeaturedArea .fstNew.islameyat .slider-link{background-color:#1e99a1} .hpFeaturedArea .fstNew.islameyat .masLogoBg:hover, .hpFeaturedArea .fstNew.islameyat .slider-link:hover{background-color:#008991} .islameyat article > div > section, .islameyat aside > section, .islameyat .pattern09 {border-top: 2px solid #1e99a1} .islameyat .ttl {background-color: #1e99a1} .islameyat .ttl.cat{color:#1e99a1} .islameyat .ttl .moreLnk::after{border-right: 5px solid #1e99a1} .islameyat .ttl .moreLnk::before {color: #1e99a1} .islameyat .ttl .moreLnk span {background: #0a6066} .islameyat .pattern11 .ttl h2 a:hover{color:#0a6268!important} .islameyat .pattern0601 {border-top: 2px solid #1e99a1} .islameyat .pattern0602 {border-top: 2px solid #1e99a1} .islameyat .pattern0201 {border-top: 2px solid #1e99a1} .islameyat .pattern0202 {border-top: 2px solid #1e99a1} .islameyat .pattern11 {background: #1e99a1;border: 1px solid #1e99a1} .islameyat .pattern11 .moreLnk::before{background:#1e99a1!important} .islameyat .pattern11 .moreLnk span{background:#1e99a1!important} .islameyat .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #1e99a1} .islameyat .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #1e99a1} .islameyat .pattern11Content .bx-wrapper .bx-pager a {background: #1e99a1} .islameyat .newsDiv1 .newsNum {background: #1e99a1} .islameyat .newsDiv1 .newsNum:after {border-top: 6px solid #008991} /**************/ .islameyat .socialMediaBar {background: #1e99a1} .islameyat .pattern03Slider .albumSlide .related{color:#1e99a1} .islameyat .opiniondiv .writerLnk{color:#1e99a1} .islameyat .view-controls-list a:hover, .islameyat .view-controls-list .active {background-color:#1e99a1} .islameyat .view-controls-grid a:hover, .islameyat .view-controls-grid .active {background-color:#1e99a1} .islameyat .loadMoreBtn{background:#1e99a1} .islameyat .loadMoreBtn:hover{background:#008991} .islameyat .articleDiv h1 {color: #1e99a1} .islameyat .relatedNews .ttl h2, .islameyat .relatedNews .moreLnk::before {color: #1e99a1} .islameyat #usercomment .CmntItmHdr .floatright {color: #1e99a1} .islameyat .bx-wrapper .bx-controls-direction a {background: #1e99a1} .islameyat .bx-wrapper .bx-controls-direction a:hover {background: #008991} .islameyat .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #008991} .islameyat .bx-wrapper .bx-pager a {border:1px solid #1e99a1} .islameyat .bx-wrapper .bx-pager a:hover, .islameyat .bx-wrapper .bx-pager a.active {background: #1e99a1} .islameyat > .catName {background: #1e99a1} .islameyat .loaderGif{background:url(../images/islamyatCatLoaderIcon.gif) no-repeat center center #1e99a1} .islameyat .bx-wrapper .bx-loading {background: url(../images/islamyatAlbumsPreLoader.gif) center center no-repeat} .islameyat .kitchenItms li:hover p{color:#1e99a1} .islameyat .videosCnts li:hover p{color:#1e99a1} .islameyat .pattern06list:hover p {color:#1e99a1} .islameyat .pattern04list:hover p{color:#1e99a1} .islameyat .pattern04listRev:hover p{color:#1e99a1} .islameyat .eightPattern li:hover p{color:#1e99a1} .islameyat .sixPattern li:hover p{color:#1e99a1} .islameyat .pattern02list:hover p {color:#1e99a1} .islameyat .mostRead a:hover {color:#1e99a1} .islameyat .mostReadVideos p:hover {color:#1e99a1} .islameyat .pattern10list:hover p {color:#1e99a1} .islameyat .pattern07list:hover a{color:#1e99a1} .islameyat .relatedNewsDiv li a:hover p{color:#1e99a1} .islameyat #usermobile {background-color: #1e99a1} .islameyat .kewywords a:hover{ background-color:#1e99a1} .islameyat .articleDiv .artclfollowing p{color: #1e99a1} .islameyat .articleDiv .artclfollowing .followBtn{background:#1e99a1;border:1px solid #1e99a1} .islameyat .articleDiv .artclfollowing .followBtn:hover{border:1px solid #1e99a1;color:#1e99a1} .islameyat .articleDiv .kwhd{color:#1e99a1} .islameyat .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #1e99a1} .islameyat .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #1e99a1} .islameyat .articleDiv .artclfollowing > div > .mobileBoxNot {background: #1e99a1} .islameyat #container .list li:hover p a{color:#1e99a1} .islameyat #container .grid li:hover p a{color:#1e99a1} .islameyat .paging .pagingBtnsDiv .prevBtn{background:#1e99a1} .islameyat .paging .pagingBtnsDiv .icon-prev:before{color: #1e99a1} .islameyat .paging .pagingBtnsDiv .nextBtn{background:#1e99a1} .islameyat .paging .pagingBtnsDiv .prevBtn:hover{background:#008991} .islameyat .paging .pagingBtnsDiv .nextBtn:hover{background:#008991} .islameyat .mostReadImgs .newsDiv1 .newsTtl:hover p, .islameyat .mostReadImgs .newsDiv .newsTtl:hover p{color:#1e99a1} .islameyat .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#b5cfd1} .islameyat .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#1e99a1} .islameyat .pagingCount > div > .title {background: #1e99a1} .islameyat .pagingCount > div > .title:before{border-top: 8px solid #1e99a1} .islameyat .artclHd.sticky .nextBtn{background:#1e99a1} .islameyat .artclHd.sticky .nextBtn:hover{background:#008991} .islameyat .clip1 .clipcn .pollres .tasweet {background-color: #1e99a1} .islameyat .clip1 .clipcn .pollres .tasweet:hover {background-color: #008991;} .hpFeaturedArea .islameyat .newList.selected{border-top:3px solid #1e99a1!important} .hpFeaturedArea .islameyat .newList:hover {border-top:3px solid #1e99a1!important} .hpSec.islameyat{border-top: none} .hpSec.islameyat .tabs-nav > li:hover > a, .hpSec.islameyat .tabs-nav > li:focus > a, .hpSec.islameyat .tabs-nav > li:active > a {background-color:#1e99a1} .hpSec.islameyat .tabs-nav > li > a:hover, .hpSec.islameyat .tabs-nav > li > a:focus, .hpSec.islameyat .tabs-nav > li > a:active {background-color:#1e99a1} .hpSec.islameyat .tabs-nav .tabs-selected a{background-color:#1e99a1} .hpSec.islameyat .bx-controls-direction a {background: #1e99a1} .hpSec.islameyat .bx-controls-direction a:hover {background: #008991} .hpSec.islameyat .bx-controls-direction .bx-prev:after{border-top: 6px solid #008991} .hpSec.islameyat .bx-controls-direction .bx-next:after{border-top: 6px solid #008991} .islameyat .okBtn {background: none repeat scroll 0 0 #1e99a1} .islameyat .okBtn:hover {background: none repeat scroll 0 0 #ad0006} .islameyat .surveyPopUp .closeBtn {color: #1e99a1} .islameyat .surveyPopUp .closeBtn:before {border: 2px solid #1e99a1} .islameyat .surveyPopUp .closeBtn span.optn {color: #008991;} .islameyat .surveyPopUp .closeBtn:hover {background-color: #1e99a1} .islameyat .surveyResDiv h1{ background-color:#1e99a1; } .islameyat .surveyDiv h1{background-color:#1e99a1; } .islameyat .notificationDiv p:before {background-color: #1e99a1;} .islameyat .timeLineDiv li.checked, .islameyat .timeLineDiv li:hover {background-color: #1e99a1} .islameyat .timeLineDiv li.checked:after, .islameyat .timeLineDiv li:hover:after {background-color: #1e99a1} .islameyat .surveyDiv .answerItem .imgMask:hover, .islameyat .surveyDiv .answerItem .imgMask.selected{ border:5px solid #1e99a1} .islameyat .nxtPrevDiv> a{ background-color:#1e99a1; } .islameyat .nxtPrevDiv> a:hover{ background-color:#ad0006} .islameyat .notificationIco:hover{background-color:#1e99a1; } .islameyat .notificationIco:hover:after{background-color:#1e99a1; } .islameyat .notificationDiv {background-color: rgba(255, 224, 204, 0.6);} /** Sports (#168039) **/ .sports .channelFeatureSlider .slideDescription .moreLnk {background-color: #168039} .sports .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #006924} .hpFeaturedArea .read.sports span {border-right: 8px solid #168039} .hpFeaturedArea .fstNew.sports .masLogoBg, .hpFeaturedArea .fstNew.sports .slider-link{background-color:#168039} .hpFeaturedArea .fstNew.sports .masLogoBg:hover, .hpFeaturedArea .fstNew.sports .slider-link:hover{background-color:#006924} .sports article > div > section, .sports aside > section, .sports .pattern09 {border-top: 2px solid #168039} .sports .ttl {background-color: #168039} .sports .ttl.cat{color:#168039} .sports .ttl .moreLnk::after{border-right: 5px solid #168039} .sports .ttl .moreLnk::before {color: #168039} .sports .ttl .moreLnk span {background: #044b1c} .sports .pattern11 .ttl h2 a:hover{color:#033d16!important} .sports .pattern0601 {border-top: 2px solid #168039} .sports .pattern0602 {border-top: 2px solid #168039} .sports .pattern0201 {border-top: 2px solid #168039} .sports .pattern0202 {border-top: 2px solid #168039} .sports .pattern11 {background: #168039;border: 1px solid #168039} .sports .pattern11 .moreLnk::before{background:#168039!important} .sports .pattern11 .moreLnk span{background:#168039!important} .sports .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #168039} .sports .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #168039} .sports .pattern11Content .bx-wrapper .bx-pager a {background: #168039} .sports .newsDiv1 .newsNum {background: #168039} .sports .newsDiv1 .newsNum:after {border-top: 6px solid #006924} /**************/ .sports .socialMediaBar {background: #168039} .sports .pattern03Slider .albumSlide .related{color:#168039} .sports .opiniondiv .writerLnk{color:#168039} .sports .view-controls-list a:hover, .sports .view-controls-list .active {background-color:#168039} .sports .view-controls-grid a:hover, .sports .view-controls-grid .active {background-color:#168039} .sports .loadMoreBtn{background:#168039} .sports .loadMoreBtn:hover{background:#006924} .sports .articleDiv h1 {color: #168039} .sports .relatedNews .ttl h2, .sports .relatedNews .moreLnk::before {color: #168039} .sports #usercomment .CmntItmHdr .floatright {color: #168039} .sports .bx-wrapper .bx-controls-direction a {background: #168039} .sports .bx-wrapper .bx-controls-direction a:hover {background: #006924} .sports .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #006924} .sports .bx-wrapper .bx-pager a {border:1px solid #168039} .sports .bx-wrapper .bx-pager a:hover, .sports .bx-wrapper .bx-pager a.active {background: #168039} .sports > .catName {background: #168039} .sports .loaderGif{background:url(../images/sportsCatLoaderIcon.gif) no-repeat center center #168039} .sports .bx-wrapper .bx-loading {background: url(../images/sportsAlbumsPreLoader.gif) center center no-repeat} .sports .kitchenItms li:hover p{color:#168039} .sports .videosCnts li:hover p{color:#168039} .sports .pattern06list:hover p {color:#168039} .sports .pattern04list:hover p {color:#168039} .sports .pattern04listRev:hover p{color:#168039} .sports .eightPattern li:hover p{color:#168039} .sports .sixPattern li:hover p{color:#168039} .sports .pattern02list:hover p {color:#168039} .sports .mostRead a:hover {color:#168039} .sports .mostReadVideos p:hover {color:#168039} .sports .pattern10list:hover p {color:#168039} .sports .pattern07list:hover a{color:#168039} .sports .relatedNewsDiv li a:hover p{color:#168039} .sports #usermobile {background-color: #168039} .sports .kewywords a:hover{ background-color:#168039} .sports .articleDiv .artclfollowing p{color: #168039} .sports .articleDiv .artclfollowing .followBtn{background:#168039;border:1px solid #168039} .sports .articleDiv .artclfollowing .followBtn:hover{border:1px solid #168039;color:#168039} .sports .articleDiv .kwhd{color:#168039} .sports .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #168039} .sports .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #168039} .sports .articleDiv .artclfollowing > div > .mobileBoxNot {background: #168039} .sports #container .list li:hover p a{color:#168039} .sports #container .grid li:hover p a{color:#168039} .sports .paging .pagingBtnsDiv .prevBtn{background:#168039} .sports .paging .pagingBtnsDiv .icon-prev:before{color: #168039} .sports .paging .pagingBtnsDiv .nextBtn{background:#168039} .sports .paging .pagingBtnsDiv .prevBtn:hover{background:#006924} .sports .paging .pagingBtnsDiv .nextBtn:hover{background:#006924} .sports .mostReadImgs .newsDiv1 .newsTtl:hover p, .sports .mostReadImgs .newsDiv .newsTtl:hover p{color:#168039} .sports .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#b5d1be} .sports .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#168039} .sports .pagingCount > div > .title {background: #168039} .sports .pagingCount > div > .title:before{border-top: 8px solid #168039} .sports .artclHd.sticky .nextBtn{background:#168039} .sports .artclHd.sticky .nextBtn:hover{background:#006924} .sports .clip1 .clipcn .pollres .tasweet {background-color: #168039} .sports .clip1 .clipcn .pollres .tasweet:hover {background-color: #006924;} .hpFeaturedArea .sports .newList.selected{border-top:3px solid #168039!important} .hpFeaturedArea .sports .newList:hover {border-top:3px solid #168039!important} .hpSec.sports{border-top:none} .hpSec.sports .tabs-nav > li:hover > a, .hpSec.sports .tabs-nav > li:focus > a, .hpSec.sports .tabs-nav > li:active > a {background-color:#168039} .hpSec.sports .tabs-nav > li > a:hover, .hpSec.sports .tabs-nav > li > a:focus, .hpSec.sports .tabs-nav > li > a:active {background-color:#168039} .hpSec.sports .tabs-nav .tabs-selected a{background-color:#168039} .hpSec.sports .bx-controls-direction a {background: #168039} .hpSec.sports .bx-controls-direction a:hover {background: #006924} .hpSec.sports .bx-controls-direction .bx-prev:after{border-top: 6px solid #006924} .hpSec.sports .bx-controls-direction .bx-next:after{border-top: 6px solid #006924} .sports .okBtn {background: none repeat scroll 0 0 #168039} .sports .okBtn:hover {background: none repeat scroll 0 0 #006924} .sports .surveyPopUp .closeBtn {color: #168039} .sports .surveyPopUp .closeBtn:before {border: 2px solid #168039} .sports .surveyPopUp .closeBtn span.optn {color: #168039;} .sports .surveyPopUp .closeBtn:hover {background-color: #168039} .sports .surveyResDiv h1{ background-color:#168039; } .sports .surveyDiv h1{background-color:#168039; } .sports .notificationDiv p:before {background-color: #168039;} .sports .timeLineDiv li.checked, .sports .timeLineDiv li:hover {background-color: #168039} .sports .timeLineDiv li.checked:after, .sports .timeLineDiv li:hover:after {background-color: #168039} .sports .surveyDiv .answerItem .imgMask:hover, .sports .surveyDiv .answerItem .imgMask.selected{ border:5px solid #168039} .sports .nxtPrevDiv> a{ background-color:#168039} .sports .nxtPrevDiv> a:hover{ background-color:#006924} .sports .notificationIco:hover{background-color:#168039; } .sports .notificationIco:hover:after{background-color:#168039; } .sports .notificationDiv {background-color: rgba(22, 128, 57, 0.6);} .sports .surveyDiv .answerItem .imgMask:hover:before, .sports .surveyDiv .answerItem .imgMask.selected:before{background-color: rgba(22, 128, 57, 0.5);} .sports .notificationDiv p{color:#fff} /** Hwa w Hya (#7e225c) **/ .howa_w_hya .channelFeatureSlider .slideDescription .moreLnk {background-color: #7e225c} .howa_w_hya .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #630043} .hpFeaturedArea .read.howa_w_hya span {border-right: 8px solid #7e225c} .hpFeaturedArea .fstNew.howa_w_hya .masLogoBg, .hpFeaturedArea .fstNew.howa_w_hya .slider-link{background-color:#7e225c} .hpFeaturedArea .fstNew.howa_w_hya .masLogoBg:hover, .hpFeaturedArea .fstNew.howa_w_hya .slider-link:hover{background-color:#630043} .howa_w_hya article > div > section, .howa_w_hya aside > section, .howa_w_hya .pattern09 {border-top: 2px solid #7e225c} .howa_w_hya .ttl {background-color: #7e225c} .howa_w_hya .ttl.cat{color:#7e225c} .howa_w_hya .ttl .moreLnk::after{border-right: 5px solid #7e225c} .howa_w_hya .ttl .moreLnk::before {color: #7e225c} .howa_w_hya .ttl .moreLnk span {background: #4a0e34} .howa_w_hya .pattern11 .ttl h2 a:hover{color:#3a0027!important} .howa_w_hya .pattern0601 {border-top: 2px solid #7e225c} .howa_w_hya .pattern0602 {border-top: 2px solid #7e225c} .howa_w_hya .pattern0201 {border-top: 2px solid #7e225c} .howa_w_hya .pattern0202 {border-top: 2px solid #7e225c} .howa_w_hya .pattern11 {background: #7e225c;border: 1px solid #7e225c} .howa_w_hya .pattern11 .moreLnk::before{background:#7e225c!important} .howa_w_hya .pattern11 .moreLnk span{background:#7e225c!important} .howa_w_hya .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #7e225c} .howa_w_hya .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #7e225c} .howa_w_hya .pattern11Content .bx-wrapper .bx-pager a {background: #7e225c} .howa_w_hya .newsDiv1 .newsNum {background: #7e225c} .howa_w_hya .newsDiv1 .newsNum:after {border-top: 6px solid #620043} /**************/ .howa_w_hya .socialMediaBar {background: #7e225c} .howa_w_hya .pattern03Slider .albumSlide .related{color:#7e225c} .howa_w_hya .opiniondiv .writerLnk{color:#7e225c} .howa_w_hya .view-controls-list a:hover, .howa_w_hya .view-controls-list .active {background-color:#7e225c} .howa_w_hya .view-controls-grid a:hover, .howa_w_hya .view-controls-grid .active {background-color:#7e225c} .howa_w_hya .loadMoreBtn{background:#7e225c} .howa_w_hya .loadMoreBtn:hover{background:#620043} .howa_w_hya .articleDiv h1 {color: #7e225c} .howa_w_hya .relatedNews .ttl h2, .howa_w_hya .relatedNews .moreLnk::before {color: #7e225c} .howa_w_hya #usercomment .CmntItmHdr .floatright {color: #7e225c} .howa_w_hya .bx-wrapper .bx-controls-direction a {background: #7e225c} .howa_w_hya .bx-wrapper .bx-controls-direction a:hover {background: #620043} .howa_w_hya .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #620043} .howa_w_hya .bx-wrapper .bx-pager a {border:1px solid #7e225c} .howa_w_hya .bx-wrapper .bx-pager a:hover, .howa_w_hya .bx-wrapper .bx-pager a.active {background: #7e225c} .howa_w_hya > .catName {background: #7e225c} .howa_w_hya .loaderGif{background:url(../images/hwawhyaCatLoaderIcon.gif) no-repeat center center #7e225c} .howa_w_hya .bx-wrapper .bx-loading {background: url(../images/hwawhyaAlbumsPreLoader.gif) center center no-repeat} .howa_w_hya .kitchenItms li:hover p{color:#7e225c} .howa_w_hya .videosCnts li:hover p{color:#7e225c} .howa_w_hya .pattern06list:hover p {color:#7e225c} .howa_w_hya .pattern04list:hover p {color:#7e225c} .howa_w_hya .pattern04listRev:hover p{color:#7e225c} .howa_w_hya .eightPattern li:hover p{color:#7e225c} .howa_w_hya .sixPattern li:hover p{color:#7e225c} .howa_w_hya .pattern02list:hover p {color:#7e225c} .howa_w_hya .mostRead a:hover {color:#7e225c} .howa_w_hya .mostReadVideos p:hover {color:#7e225c} .howa_w_hya .pattern10list:hover p {color:#7e225c} .howa_w_hya .pattern07list:hover a{color:#7e225c} .howa_w_hya .relatedNewsDiv li a:hover p{color:#7e225c} .howa_w_hya #usermobile {background-color: #7e225c} .howa_w_hya .kewywords a:hover{ background-color:#7e225c} .howa_w_hya .articleDiv .artclfollowing p{color: #7e225c} .howa_w_hya .articleDiv .artclfollowing .followBtn{background:#7e225c;border:1px solid #7e225c} .howa_w_hya .articleDiv .artclfollowing .followBtn:hover{border:1px solid #7e225c;color:#7e225c} .howa_w_hya .articleDiv .kwhd{color:#a34480} .howa_w_hya .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #7e225c} .howa_w_hya .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #7e225c} .howa_w_hya .articleDiv .artclfollowing > div > .mobileBoxNot {background: #7e225c} .howa_w_hya #container .list li:hover p a{color:#7e225c} .howa_w_hya #container .grid li:hover p a{color:#7e225c} .howa_w_hya .paging .pagingBtnsDiv .prevBtn{background:#7e225c} .howa_w_hya .paging .pagingBtnsDiv .icon-prev:before{color: #7e225c} .howa_w_hya .paging .pagingBtnsDiv .nextBtn{background:#7e225c} .howa_w_hya .paging .pagingBtnsDiv .prevBtn:hover{background:#620043} .howa_w_hya .paging .pagingBtnsDiv .nextBtn:hover{background:#620043} .howa_w_hya .mostReadImgs .newsDiv1 .newsTtl:hover p, .howa_w_hya .mostReadImgs .newsDiv .newsTtl:hover p{color:#7e225c} .howa_w_hya .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#d2b6c7} .howa_w_hya .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#7e225c} .howa_w_hya .pagingCount > div > .title {background: #7e225c} .howa_w_hya .pagingCount > div > .title:before{border-top: 8px solid #7e225c} .howa_w_hya .artclHd.sticky .nextBtn{background:#7e225c} .howa_w_hya .artclHd.sticky .nextBtn:hover{background:#620043} .howa_w_hya .clip1 .clipcn .pollres .tasweet {background-color: #7e225c} .howa_w_hya .clip1 .clipcn .pollres .tasweet:hover {background-color: #620043;} .hpFeaturedArea .howa_w_hya .newList.selected{border-top:3px solid #7e225c!important} .hpFeaturedArea .howa_w_hya .newList:hover {border-top:3px solid #7e225c!important} .hpSec.howa_w_hya{border-top:none} .hpSec.howa_w_hya .tabs-nav > li:hover > a, .hpSec.howa_w_hya .tabs-nav > li:focus > a, .hpSec.howa_w_hya .tabs-nav > li:active > a {background-color:#7e225c} .hpSec.howa_w_hya .tabs-nav > li > a:hover, .hpSec.howa_w_hya .tabs-nav > li > a:focus, .hpSec.howa_w_hya .tabs-nav > li > a:active {background-color:#7e225c} .hpSec.howa_w_hya .tabs-nav .tabs-selected a{background-color:#7e225c} .hpSec.howa_w_hya .bx-controls-direction a {background: #7e225c} .hpSec.howa_w_hya .bx-controls-direction a:hover {background: #620043} .hpSec.howa_w_hya .bx-controls-direction .bx-prev:after{border-top: 6px solid #620043} .hpSec.howa_w_hya .bx-controls-direction .bx-next:after{border-top: 6px solid #620043} .howa_w_hya .okBtn {background: none repeat scroll 0 0 #7e225c} .howa_w_hya .okBtn:hover {background: none repeat scroll 0 0 #620043} .howa_w_hya .surveyPopUp .closeBtn {color: #7e225c} .howa_w_hya .surveyPopUp .closeBtn:before {border: 2px solid #7e225c} .howa_w_hya .surveyPopUp .closeBtn span.optn {color: #7e225c;} .howa_w_hya .surveyPopUp .closeBtn:hover {background-color: #7e225c} .howa_w_hya .surveyResDiv h1{ background-color:#7e225c; } .howa_w_hya .surveyDiv h1{background-color:#7e225c; } .howa_w_hya .notificationDiv p:before {background-color: #7e225c;} .howa_w_hya .timeLineDiv li.checked, .howa_w_hya .timeLineDiv li:hover {background-color: #7e225c} .howa_w_hya .timeLineDiv li.checked:after, .howa_w_hya .timeLineDiv li:hover:after {background-color: #7e225c} .howa_w_hya .surveyDiv .answerItem .imgMask:hover, .howa_w_hya .surveyDiv .answerItem .imgMask.selected{ border:5px solid #7e225c} .howa_w_hya .nxtPrevDiv> a{ background-color:#7e225c; } .howa_w_hya .nxtPrevDiv> a:hover{ background-color:#620043} .howa_w_hya .notificationIco:hover{background-color:#7e225c; } .howa_w_hya .notificationIco:hover:after{background-color:#7e225c; } .howa_w_hya .notificationDiv {background-color: rgba(126, 34, 92, 0.6); color:#fff} .howa_w_hya .surveyDiv .answerItem .imgMask:hover:before, .howa_w_hya .surveyDiv .answerItem .imgMask.selected:before{background-color:rgba(126, 34, 92, 0.5);} .howa_w_hya .notificationDiv p{color:#fff} /** Autos (#004765) **/ .autos .channelFeatureSlider .slideDescription .moreLnk {background-color: #004765} .autos .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #003045} .hpFeaturedArea .read.autos span {border-right: 8px solid #004765} .hpFeaturedArea .fstNew.autos .masLogoBg, .hpFeaturedArea .fstNew.autos .slider-link{background-color:#004765} .hpFeaturedArea .fstNew.autos .masLogoBg:hover, .hpFeaturedArea .fstNew.autos .slider-link:hover{background-color:#003045} .autos article > div > section, .autos aside > section, .autos .pattern09 {border-top: 2px solid #004765} .autos .ttl {background-color: #004765} .autos .ttl.cat{color:#004765} .autos .ttl .moreLnk::after{border-right: 5px solid #004765} .autos .ttl .moreLnk::before {color: #004765} .autos .ttl .moreLnk span {background: #032a3b} .autos .pattern11 .ttl h2 a:hover{color:#003045!important} .autos .pattern0601 {border-top: 2px solid #004765} .autos .pattern0602 {border-top: 2px solid #004765} .autos .pattern0201 {border-top: 2px solid #004765} .autos .pattern0202 {border-top: 2px solid #004765} .autos .pattern11 {background: #004765;border: 1px solid #004765} .autos .pattern11 .moreLnk::before{background:#004765!important} .autos .pattern11 .moreLnk span{background:#004765!important} .autos .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #004765} .autos .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #004765} .autos .pattern11Content .bx-wrapper .bx-pager a {background: #004765} .autos .newsDiv1 .newsNum {background: #004765} .autos .newsDiv1 .newsNum:after {border-top: 6px solid #003045} /**************/ .autos .socialMediaBar {background: #004765} .autos .pattern03Slider .albumSlide .related{color:#004765} .autos .opiniondiv .writerLnk{color:#004765} .autos .view-controls-list a:hover, .autos .view-controls-list .active {background-color:#004765} .autos .view-controls-grid a:hover, .autos .view-controls-grid .active {background-color:#004765} .autos .loadMoreBtn{background:#004765} .autos .loadMoreBtn:hover{background:#003045} .autos .articleDiv h1 {color: #004765} .autos .relatedNews .ttl h2, .autos .relatedNews .moreLnk::before {color: #004765} .autos #usercomment .CmntItmHdr .floatright {color: #004765} .autos .bx-wrapper .bx-controls-direction a {background: #004765} .autos .bx-wrapper .bx-controls-direction a:hover {background: #003045} .autos .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #003045} .autos .bx-wrapper .bx-pager a {border:1px solid #004765} .autos .bx-wrapper .bx-pager a:hover, .autos .bx-wrapper .bx-pager a.active {background: #004765} .autos > .catName {background: #004765} .autos .loaderGif{background:url(../images/autosCatLoaderIcon.gif) no-repeat center center #004765} .autos .bx-wrapper .bx-loading {background: url(../images/autosAlbumsPreLoader.gif) center center no-repeat} .autos .kitchenItms li:hover p{color:#006e9d} .autos .autosCnts li:hover p{color:#006e9d} .autos .pattern06list:hover p {color:#006e9d} .autos .pattern04list:hover p {color:#006e9d} .autos .pattern04listRev:hover p{color:#006e9d} .autos .eightPattern li:hover p{color:#006e9d} .autos .sixPattern li:hover p{color:#006e9d} .autos .pattern02list:hover p {color:#006e9d} .autos .mostRead a:hover {color:#006e9d} .autos .mostReadautos p:hover {color:#006e9d} .autos .pattern10list:hover p {color:#006e9d} .autos .pattern07list:hover a{color:#006e9d} .autos .relatedNewsDiv li a:hover p{color:#006e9d} .autos #usermobile {background-color: #004765} .autos .kewywords a:hover{ background-color:#004765} .autos .articleDiv .artclfollowing p{color: #004765} .autos .articleDiv .artclfollowing .followBtn{background:#004765;border:1px solid #004765} .autos .articleDiv .artclfollowing .followBtn:hover{border:1px solid #004765;color:#004765} .autos .articleDiv .kwhd{color:#006e9d} .autos .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #004765} .autos .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #004765} .autos .articleDiv .artclfollowing > div > .mobileBoxNot {background: #004765} .autos #container .list li:hover p a{color:#004765} .autos #container .grid li:hover p a{color:#004765} .autos .paging .pagingBtnsDiv .prevBtn{background:#004765} .autos .paging .pagingBtnsDiv .icon-prev:before{color: #004765} .autos .paging .pagingBtnsDiv .nextBtn{background:#004765} .autos .paging .pagingBtnsDiv .prevBtn:hover{background:#003045} .autos .paging .pagingBtnsDiv .nextBtn:hover{background:#003045} .autos .mostReadImgs .newsDiv1 .newsTtl:hover p, .autos .mostReadImgs .newsDiv .newsTtl:hover p{color:#006e9d} .autos .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#b5c9d1} .autos .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#004765} .autos .pagingCount > div > .title {background: #004765} .autos .pagingCount > div > .title:before{border-top: 8px solid #004765} .autos .artclHd.sticky .nextBtn{background:#004765} .autos .artclHd.sticky .nextBtn:hover{background:#003045} .autos .clip1 .clipcn .pollres .tasweet {background-color: #004765} .autos .clip1 .clipcn .pollres .tasweet:hover {background-color: #003045;} .hpFeaturedArea .autos .newList.selected{border-top:3px solid #004765!important} .hpFeaturedArea .autos .newList:hover {border-top:3px solid #004765!important} .hpSec.autos{border-top:none} .hpSec.autos .tabs-nav > li:hover > a, .hpSec.autos .tabs-nav > li:focus > a, .hpSec.autos .tabs-nav > li:active > a {background-color:#004765} .hpSec.autos .tabs-nav > li > a:hover, .hpSec.autos .tabs-nav > li > a:focus, .hpSec.autos .tabs-nav > li > a:active {background-color:#004765} .hpSec.autos .tabs-nav .tabs-selected a{background-color:#004765} .hpSec.autos .bx-controls-direction a {background: #004765} .hpSec.autos .bx-controls-direction a:hover {background: #003045} .hpSec.autos .bx-controls-direction .bx-prev:after{border-top: 6px solid #003045} .hpSec.autos .bx-controls-direction .bx-next:after{border-top: 6px solid #003045} .autos .okBtn {background: none repeat scroll 0 0 #004765} .autos .okBtn:hover {background: none repeat scroll 0 0 #003045} .autos .surveyPopUp .closeBtn {color: #004765} .autos .surveyPopUp .closeBtn:before {border: 2px solid #004765} .autos .surveyPopUp .closeBtn span.optn {color: #004765;} .autos .surveyPopUp .closeBtn:hover {background-color: #004765} .autos .surveyResDiv h1{ background-color:#004765; } .autos .surveyDiv h1{background-color:#004765; } .autos .notificationDiv p:before {background-color: #004765;} .autos .timeLineDiv li.checked, .autos .timeLineDiv li:hover {background-color: #004765} .autos .timeLineDiv li.checked:after, .autos .timeLineDiv li:hover:after {background-color: #004765} .autos .surveyDiv .answerItem .imgMask:hover, .autos .surveyDiv .answerItem .imgMask.selected{ border:5px solid #004765} .autos .nxtPrevDiv> a{ background-color:#004765; } .autos .nxtPrevDiv> a:hover{ background-color:#003045} .autos .notificationIco:hover{background-color:#004765; } .autos .notificationIco:hover:after{background-color:#004765; } .autos .notificationDiv {background-color: rgba(255, 224, 204, 0.6);} /** Videos (#636363) **/ .videos .channelFeatureSlider .slideDescription .moreLnk {background-color: #636363} .videos .channelFeatureSlider .slideDescription .moreLnk:hover {background-color: #333} .hpFeaturedArea .read.videos span {border-right: 8px solid #636363} .hpFeaturedArea .fstNew.videos .masLogoBg, .hpFeaturedArea .fstNew.videos .slider-link{background-color:#636363} .hpFeaturedArea .fstNew.videos .masLogoBg:hover, .hpFeaturedArea .fstNew.videos .slider-link:hover{background-color:#333} .videos article > div > section, .videos aside > section, .videos .pattern09 {border-top: 2px solid #636363} .videos .ttl {background-color: #636363} .videos .ttl.cat{color:#636363} .videos .ttl .moreLnk::after{border-right: 5px solid #636363} .videos .ttl .moreLnk::before {color: #636363} .videos .ttl .moreLnk span {background: #333} .videos .pattern11 .ttl h2 a:hover{color:#222!important} .videos .pattern0601 {border-top: 2px solid #636363} .videos .pattern0602 {border-top: 2px solid #636363} .videos .pattern0201 {border-top: 2px solid #636363} .videos .pattern0202 {border-top: 2px solid #636363} .videos .pattern11 {background: #636363;border: 1px solid #636363} .videos .pattern11 .moreLnk::before{background:#636363!important} .videos .pattern11 .moreLnk span{background:#636363!important} .videos .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #636363} .videos .pattern11Content .bx-wrapper .bx-controls-direction a:before {color: #636363} .videos .pattern11Content .bx-wrapper .bx-pager a {background: #636363} .videos .newsDiv1 .newsNum {background: #636363} .videos .newsDiv1 .newsNum:after {border-top: 6px solid #333} /**************/ .videos .socialMediaBar {background: #636363} .videos .pattern03Slider .albumSlide .related{color:#636363} .videos .opiniondiv .writerLnk{color:#636363} .videos .view-controls-list a:hover, .videos .view-controls-list .active {background-color:#636363} .videos .view-controls-grid a:hover, .videos .view-controls-grid .active {background-color:#636363} .videos .loadMoreBtn{background:#636363} .videos .loadMoreBtn:hover{background:#333} .videos .articleDiv h1 {color: #636363} .videos .relatedNews .ttl h2, .videos .relatedNews .moreLnk::before {color: #636363} .videos #usercomment .CmntItmHdr .floatright {color: #636363} .videos .bx-wrapper .bx-controls-direction a {background: #636363} .videos .bx-wrapper .bx-controls-direction a:hover {background: #333} .videos .bx-wrapper .bx-controls-direction a:after {border-top: 6px solid #333} .videos .bx-wrapper .bx-pager a {border:1px solid #636363} .videos .bx-wrapper .bx-pager a:hover, .videos .bx-wrapper .bx-pager a.active {background: #636363} .videos > .catName {background: #636363} .videos .loaderGif{background:url(../images/videosCatLoaderIcon.gif) no-repeat center center #636363} .videos .bx-wrapper .bx-loading {background: url(../images/videosAlbumsPreLoader.gif) center center no-repeat} .videos .kitchenItms li:hover p{color:#999} .videos .videosCnts li:hover p{color:#999} .videos .pattern06list:hover p {color:#999} .videos .pattern04list:hover p {color:#999} .videos .pattern04listRev:hover p{color:#999} .videos .eightPattern li:hover p{color:#999} .videos .sixPattern li:hover p{color:#999} .videos .pattern02list:hover p {color:#999} .videos .mostRead a:hover {color:#999} .videos .mostReadVideos p:hover {color:#999} .videos .pattern10list:hover p {color:#999} .videos .pattern07list:hover a{color:#999} .videos .relatedNewsDiv li a:hover p{color:#999} .videos #usermobile {background-color: #636363} .videos .kewywords a:hover{ background-color:#636363} .videos .articleDiv .artclfollowing p{color: #636363} .videos .articleDiv .artclfollowing .followBtn{background:#636363;border:1px solid #636363} .videos .articleDiv .artclfollowing .followBtn:hover{border:1px solid #636363;color:#636363} .videos .articleDiv .kwhd{color:#636363} .videos .pDtlsAdsDiv .rghtRelated {border-top: 2px solid #636363} .videos .pDtlsAdsDiv .rghtLatest {border-top: 2px solid #636363} .videos .articleDiv .artclfollowing > div > .mobileBoxNot {background: #636363} .videos #container .list li:hover p a{color:#636363} .videos #container .grid li:hover p a{color:#636363} .videos .paging .pagingBtnsDiv .prevBtn{background:#636363} .videos .paging .pagingBtnsDiv .icon-prev:before{color: #636363} .videos .paging .pagingBtnsDiv .nextBtn{background:#636363} .videos .paging .pagingBtnsDiv .prevBtn:hover{background:#333} .videos .paging .pagingBtnsDiv .nextBtn:hover{background:#333} .videos .mostReadImgs .newsDiv1 .newsTtl:hover p, .videos .mostReadImgs .newsDiv .newsTtl:hover p{color:#999} .videos .paging .pagingBtnsDiv .pagingCount a:hover{background-color:#d1d1d1} .videos .paging .pagingBtnsDiv .pagingCount a.selected{background-color:#636363} .videos .pagingCount > div > .title {background: #636363} .videos .pagingCount > div > .title:before{border-top: 8px solid #636363} .videos .artclHd.sticky .nextBtn{background:#636363} .videos .artclHd.sticky .nextBtn:hover{background:#333} .videos .clip1 .clipcn .pollres .tasweet {background-color: #636363} .videos .clip1 .clipcn .pollres .tasweet:hover {background-color: #333;} .hpFeaturedArea .videos .newList.selected{border-top:3px solid #636363!important} .hpFeaturedArea .videos .newList:hover {border-top:3px solid #636363!important} .hpSec.videos{border-top:none} .hpSec.videos .tabs-nav > li:hover > a, .hpSec.videos .tabs-nav > li:focus > a, .hpSec.videos .tabs-nav > li:active > a {background-color:#636363} .hpSec.videos .tabs-nav > li > a:hover, .hpSec.videos .tabs-nav > li > a:focus, .hpSec.videos .tabs-nav > li > a:active {background-color:#636363} .hpSec.videos .tabs-nav .tabs-selected a{background-color:#636363} .hpSec.videos .bx-controls-direction a {background: #636363} .hpSec.videos .bx-controls-direction a:hover {background: #333} .hpSec.videos .bx-controls-direction .bx-prev:after{border-top: 6px solid #333} .hpSec.videos .bx-controls-direction .bx-next:after{border-top: 6px solid #333} .videos .okBtn {background: none repeat scroll 0 0 #636363} .videos .okBtn:hover {background: none repeat scroll 0 0 #333} .videos .surveyPopUp .closeBtn {color: #636363} .videos .surveyPopUp .closeBtn:before {border: 2px solid #636363} .videos .surveyPopUp .closeBtn span.optn {color: #636363;} .videos .surveyPopUp .closeBtn:hover {background-color: #636363} .videos .surveyResDiv h1{ background-color:#636363; } .videos .surveyDiv h1{background-color:#c31717; } /** CAF **/ .caf .newsDiv1 .newsNum {background: #006829} .caf .mostReadImgs .newsDiv .newsTtl:hover p, .caf .mostReadImgs .newsDiv1 .newsTtl:hover p {color: #006829} .caf .kitchenItms li:hover p {color: #006829;} .caf .pattern06list:hover p {color: #006829;} .caf .pattern04list:hover p {color: #006829;} /*ehab start*/.nativeAdContainer .str-adunit.video {cursor: inherit;} .nativeAdContainer .thumbnail-wrapper,.nativeAdContainer .str-thumbnail:hover, .nativeAdContainer .icon-wrapper:hover, .nativeAdContainer p:hover,.nativeAdContainer .str-slug-placeholder, .nativeAdContainer .str-advertiser:hover{cursor:pointer}/*ehab end*/ /*Hao123Ad*/ .hao123Ad { background:#1c81e5;border: 0!important;text-align: right;padding: 7px 20px;-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out} .hao123Ad:hover{ background-color:#2b93fa} .hao123Ad > a{ display:block;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; padding:6px 3px 0px 150px; background: url(../images/moboMarket.png) left center no-repeat; color:#fff;font-weight: normal;margin: 0;font-family: GeSSTwoMedium, Tahoma; font-size:16px; } .hao123Ad:hover > a {padding: 6px 15px 0px 150px; background-position:15px center } /********** Mobile Styles ********* @media only screen and (max-width: 480px){ body{width:90%;margin:0 auto;min-width:320px;max-width:480px} */ /********** Tablet Styles ********* @media only screen and (min-width: 481px) and (max-width: 768px){ } */ /********** Desktop Styles **********/