/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- Mobile ----------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- Responsive Helpers ----------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Footer Connect --------------------------- Footer Download -------------------------- Footer Nav ------------------------------- Footer Nav Secondary --------------------- Footer Actions --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 04. Header ----------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 06. Shell ------------------------------------ Mobile ----------------------------------- 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- Mobile ----------------------------------- III. Modules -------------------------------------- 01. Article News ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Author ----------------------------------- Mobile ----------------------------------- 03. Banner ----------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 04. Button ----------------------------------- Btn Grey --------------------------------- Btn Red ---------------------------------- Btn Live --------------------------------- Btn How ---------------------------------- Btn Facebook/Twitter --------------------- Mobile ----------------------------------- Btn Tweet -------------------------------- Btn Close -------------------------------- Btn White -------------------------------- Mobile ----------------------------------- 05. Celebrity -------------------------------- 06. Celebrity Single ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Chapter ---------------------------------- Mobile ----------------------------------- 08. Coverflow -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 09. Device ----------------------------------- 10. Form Elements ---------------------------- 11. Radio Poll ------------------------------- Mobile ----------------------------------- 12. Checkbox Circle -------------------------- Mobile ----------------------------------- 13. Checkbox Square -------------------------- 14. Checkbox Large --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. Custom Select ---------------------------- 16. Custom File Upload ----------------------- 17. Form ------------------------------------- Tablet Portrait -------------------------- 18. Form Subscribe --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 19. Form Adv --------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 20. Form Apply ------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Form Contact ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 22. Form Login ------------------------------- Form Login Secondary --------------------- Mobile ----------------------------------- 23. Form Register ---------------------------- Mobile ----------------------------------- 24. Form Profile ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 25. Form Create Account ---------------------- Mobile ----------------------------------- 26. Form Search Global ----------------------- Mobile ----------------------------------- 27. Form Tweet Comment ----------------------- 28. Grid ------------------------------------- Sizes ------------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 29. Hightlights ------------------------------ Mobile ----------------------------------- 30. Intro ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 31. Intro Corporate About -------------------- Mobile ----------------------------------- 32. Intro Corporate Careers ------------------ Mobile ----------------------------------- 33. Intro Corporate Production --------------- Mobile ----------------------------------- 34. Intro Corporate Contact ------------------ Mobile ----------------------------------- 35. Intro Corporate Watch -------------------- 36. Intro Program ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 37. Intro Program Gallery Inner -------------- Mobile ----------------------------------- 38. List ------------------------------------- 39. List Posts ------------------------------- Mobile ----------------------------------- 40. List News -------------------------------- 41. List News Primary ------------------------ Mobile ----------------------------------- 42. List Letters ----------------------------- 43. List Watched Programs -------------------- Mobile ----------------------------------- 44. List Watched Videos ---------------------- Mobile ----------------------------------- 45. List Playlists --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 46. List Interests --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 47. List Tags -------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. List Articles ---------------------------- Small Desktop ---------------------------- 49. List Authors ----------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 50. List Vote -------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 51. List Shows ------------------------------- Mobile ----------------------------------- 52. List Share ------------------------------- 53. List Actions ----------------------------- Mobile ----------------------------------- 54. List Arrows ------------------------------ Mobile ----------------------------------- 55. List Trending ---------------------------- 56. List Simple ------------------------------ 57. List Programs ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 58. List Videos ------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 59. List Celebrities ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 60. List Flags ------------------------------- 61. List Schedule ---------------------------- 62. Logo ------------------------------------- 63. Masonry ---------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 64. Nav Primary ------------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- 65. Nav Dropdown ----------------------------- Small Desktop ---------------------------- 66. Nav Dropdown Programs -------------------- Tablet Portrait -------------------------- 67. Nav Secondary ---------------------------- Mobile ----------------------------------- 68. Nav Tertiary ----------------------------- Tablet Portrait -------------------------- 69. Nav Quaternary --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 70. Nav Utilities ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 71. Nav Filter ------------------------------- 72. Nav Mobile ------------------------------- Mobile ----------------------------------- 73. News Simple List ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 74. No Touch --------------------------------- 75. Page Title ------------------------------- 76. Poll ------------------------------------- 77. Popup ------------------------------------ 78. Popup Create Account --------------------- Mobile ----------------------------------- 79. Post Featured ---------------------------- Post Featured News ----------------------- Post Featured Video ---------------------- Post Featured Gallery -------------------- Post Featured Politics ------------------- Mobile ----------------------------------- 80. Post ------------------------------------- Mobile ----------------------------------- 81. Post Secondary --------------------------- 82. Post Tertiary ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 83. Post Inline ------------------------------ Mobile ----------------------------------- 84. Post Twitter ----------------------------- Mobile ----------------------------------- 85. Post Scores ------------------------------ Mobile ----------------------------------- 86. Program Small ---------------------------- Mobile ----------------------------------- 87. Program Medium --------------------------- Mobile ----------------------------------- 88. Progress --------------------------------- 89. Progress Large --------------------------- 90. Schedule --------------------------------- Mobile ----------------------------------- 91. Score ------------------------------------ 92. Scrollable ------------------------------- Mobile ----------------------------------- 93. Search Simple ---------------------------- Mobile ----------------------------------- 94. Search ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 95. Search Small ----------------------------- 96. Section ---------------------------------- 97. Section Intro ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 98. Section Hashtag -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 99. Section Banner --------------------------- 100. Section Expandable ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 101. Section Updates ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 102. Section Newscast ------------------------ Nescast Secondary ------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 103. Section Poll ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 104. Section Feed ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 105. Section Programs Feed ------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 106. Section About --------------------------- Mobile ----------------------------------- 107. Section About Primary ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 108. Section About Secondary ----------------- Small Desktop ---------------------------- Mobile ----------------------------------- 109. Section About Tertiary ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 110. Section About Quote --------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 111. Section Values -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 112. Section Production ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 113. Section Adv ----------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 114. Section Careers ------------------------- Mobile ----------------------------------- 115. Section Apply --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 116. Section Contact ------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 117. Section Login Primary ------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 118. Section My Account ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 119. Section Interests ----------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 120. Section Profile ------------------------- 121. Section 404 ----------------------------- Mobile ----------------------------------- 122. Section Watch --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 123. Section Ticker -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 124. Section Local News ---------------------- Mobile ----------------------------------- 125. Section Updates Politics ---------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 126. Section Tweets -------------------------- Mobile ----------------------------------- 127. Section Newscast Reports ---------------- Mobile ----------------------------------- 128. Section Other Sources ------------------- Mobile ----------------------------------- 129. Section Timeline Feed ------------------- Mobile ----------------------------------- 130. Section News List ----------------------- Mobile ----------------------------------- 131. Section Local Stars --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 132. Section Updates Politics Alt ------------ 133. Section Stars Slider -------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 134. Section News Article -------------------- Primary ---------------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 135. Section Related Articles ---------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 136. Section News Gallery -------------------- Mobile ----------------------------------- 137. Section Gallery ------------------------- 138. Section Authors ------------------------- Mobile ----------------------------------- 139. Section Updates Authors ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 140. Section Author Single ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 141. Section Voting ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 142. Section Polls --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 143. Section Secondary ----------------------- 144. Section Vote ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 145. Section Watch Live ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 146. Section Bg ------------------------------ 147. Section Weather ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 148. Section Program Grid -------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 149. Section Progams ------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 150. Section Programs Replay ----------------- Mobile ----------------------------------- 151. Section Programs All -------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 152. Section Video Main ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 153. Section Video List ---------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 154. Section Related Media ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 155. Section Program Landing ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 156. Section Latest -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 157. Section Latest Featured ----------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 158. Section Latest Twitter ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 159. Section Latest Facebook ----------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 160. Section Latest Instagram ---------------- Mobile ----------------------------------- 161. Section Programs Videos ----------------- Small Desktop ---------------------------- Mobile ----------------------------------- 162. Section Programs News ------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 163. Section Episodes ------------------------ Mobile ----------------------------------- 164. Section Celebrities --------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 165. Section Celebrity Vote ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 166. Section Celebs Details ------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 167. Section Gallery Alt --------------------- Mobile ----------------------------------- 168. Section Programs Gallery ---------------- Mobile ----------------------------------- 169. Section Programs About ------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 170. Section Schedule ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 171. Section Featured Week ------------------- Small Desktop ---------------------------- 172. Section Selection ----------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 173. Slider ---------------------------------- 174. Slider Ticker --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 175. Slider Stars ---------------------------- Mobile ----------------------------------- 176. Slider News Gallery --------------------- Mobile ----------------------------------- 177. Slider Sms ------------------------------ Mobile ----------------------------------- 178. Slider Programs Gallery ----------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 179. Slider Gallery Thumbs ------------------- 180. Socials --------------------------------- Mobile ----------------------------------- 181. Socials Circle -------------------------- 182. Table Simple ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 183. Tabs ------------------------------------ Mobile ----------------------------------- 184. Tabs Simple ----------------------------- 185. Tabs Favorites -------------------------- Mobile ----------------------------------- 186. Tabs Dropdown --------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 187. Tabs News List -------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 188. Tabs Newscast --------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 189. Timeline -------------------------------- Mobile ----------------------------------- 190. Timeline Careers ------------------------ Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 191. Timeline Watch -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 192. Touch ----------------------------------- 193. Video ----------------------------------- Video Small ------------------------------ Video Medium ----------------------------- Video No Ratio --------------------------- 194. Video Large ----------------------------- Mobile ----------------------------------- 195. Video Detailed -------------------------- Mobile ----------------------------------- 196. Vote ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 197. Vote Item ------------------------------- Mobile ----------------------------------- 198. Vote Country ---------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- 199. Widget ---------------------------------- 200. Widget Posts ---------------------------- 201. Widget Text ----------------------------- 202. Widget Tweet Comment -------------------- Mobile ----------------------------------- IV. Themes --------------------------------------- 01. jQuery UI Datepicker --------------------- 02. Theme Magnific --------------------------- 03. UI --------------------------------------- Mobile ----------------------------------- */ .ico-btn-app-store {background-image: url(../images/sprite.png);background-position: 0 0;width: 130px;height: 40px;display: inline-block;vertical-align: middle;font-size: 0;} .ico-btn-google-play {background-image: url(../images/sprite.png);background-position: 0 -44px;width: 130px;height: 40px;display: inline-block;vertical-align: middle;font-size: 0;} .ico-globe-large { background-image: url(../images/sprite.png); background-position: -134px 0; width: 60px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite-large { background-image: url(../images/sprite.png); background-position: 0 -88px; width: 50px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite { background-image: url(../images/sprite.png); background-position: -54px -88px; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather-blue { background-image: url(../images/sprite.png); background-position: -134px -66px; width: 21px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather { background-image: url(../images/sprite.png); background-position: -159px -66px; width: 21px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-whatsapp { background-image: url(../images/whatsapp.png); background-position: 0 0; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-btn-app-store { background-image: url(../images/sprite.@2x.png); background-position: 0 0; background-size: 192px 145px; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-google-play { background-image: url(../images/sprite.@2x.png); background-position: 0 -42px; background-size: 192px 145px; width: 130px; height: 40px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-globe-large { background-image: url(../images/sprite.@2x.png); background-position: -132px 0; background-size: 192px 145px; width: 60px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite-large { background-image: url(../images/sprite.@2x.png); background-position: 0 -84px; background-size: 192px 145px; width: 50px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sattelite { background-image: url(../images/sprite.@2x.png); background-position: -179px -64px; background-size: 192px 145px; width: 11px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather-blue { background-image: url(../images/sprite.@2x.png); background-position: -132px -64px; background-size: 192px 145px; width: 21.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-weather { background-image: url(../images/sprite.@2x.png); background-position: -155.5px -64px; background-size: 192px 145px; width: 21.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } } .cols:after, .header .shell:after, .header .header-videos ul:after, .celebrity-single:after, .form-adv .form-row:after, .form-apply .form-row:after, .form-contact .form-row:after, .form-profile .form-row:after, .form-profile form:after, .list-interests:after, .list-videos:after, .list-celebrities:after, .section-expandable .section-inner:after, .section-about-secondary .shell:after, .section-apply .section-inner:after, .section-author-single .section-inner:after, .section-polls .section-filters:after, .section-watch-live .section-foot:after, .section-watch-live .section-bar .shell:after, .section-program-grid .section-foot:after, .section-program-grid .section-bar .shell:after, .section-program-landing .section-inner:after, .section-program-landing .section-foot:after, .section-celebrity-vote .section-body:after, .section-programs-about .section-body:after, .section-schedule .section-foot:after, .section-schedule .section-bar .shell:after, .section-schedule .section-group:after, .section-selection .section-body ul:after, .tabs-dropdown:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object {max-width: 100%;} img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } .inline-block {display:inline-block;} [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;} .spacer {width: 100%;height:80px;} /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body, html { height: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { body, html { position: relative; } .is_stuck { z-index: 100; } } body.no-scroll, html.no-scroll { overflow: hidden; } body { min-width: 320px; background: #fff; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.3; color: #333; -webkit-overflow-scrolling: touch; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; } h5 { font-size: 16px; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } .sticky-title { display: none; } .ltr{direction:ltr;} .programSite{background:#161836;} /*@import url('https://fonts.googleapis.com/css?family=Cairo:400,700'); @charset "UTF-8";*/ .nav-quaternary-alt.scrollTo.cloned ul { display: none ; } .nav-quaternary-alt.scrollTo.cloned { display: none; } /* Mobile */ @media (max-width: 767px) { .sticky-title { display: block; width: 100%; position: fixed; left: 0; top: 45px; z-index: 999; text-align: center; padding: 5px 15px; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #333; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0, .1); } .sticky-title.fade { opacity: 1; visibility: visible; } } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'TheSans'; src: url('../fonts/TheSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: ''Roboto''; src: local('☺'), url('../fonts/'Roboto'-Bold.ttf')format('truetype'), url('../fonts/'Roboto'-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: ''Roboto''; src: local('☺'), url('../fonts/'Roboto'-ExtraBold.ttf')format('truetype'), url('../fonts/'Roboto'-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: ''Roboto''; src: local('☺'), url('../fonts/'Roboto'-Light.ttf')format('truetype'), url('../fonts/'Roboto'-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: ''Roboto''; src: local('☺'), url('../fonts/'Roboto'-Regular.ttf')format('truetype'), url('../fonts/'Roboto'-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } .visibility-hidden {visibility:hidden;} .visibility-visible {visibility:visible;} /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /*TextAlignCenter*/ .align-center{text-align:center;} /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols {margin: 0 -15px;} .cols:after { } .col {float: left;width: 100%;padding: 0 15px;} .col-std { float: left; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.3333%; } .col-1of5 { width: 20%; } .col-size1 { /*width: 26.2%;*/width:26.7%; } .col-size2 {width: 46.6%;/* padding: 0 17px 0 18px; */} .col-size3 { width: 28.3%; padding: 0 10px; } .col-size4 { width: 43.5%; padding: 0 21px 0 10px; } .col-size5 { width: 29%; padding: 0 10px 0 21px; } .col-size6 { width: 68.4%; } .col-size7 { width: 25%; margin-left: 5%; } .col-size8 { width: 38.4%; } .col-size9 { width: 56.8%; margin-left: 3.7%; } .col-size10 { width: 25.3%; } .col-size11 { width: 45.5%; } .col-size11.centered { float: none; margin-left: auto !important; margin-right: auto !important; } .col-size12 { width: 48.6%; padding: 0 7px; } .col-size13 { width: 22.9%; } .col-size14 { width: 54.2%; } .col-size15 { width: 15.4%; } .col-size16 { width: 51.6%; } .col-size17 { width: 33%; } .col-centered { float: none !important; margin-left: auto !important; margin-right: auto !important; } .display-flex{display:flex;} /* Small Desktop */ @media (max-width: 1279px) { .col-size8 { width: 42%; } .col-size9 { width: 56%; margin-left: 2%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .col-size1 { width: auto; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size2 { width: auto; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-size3, .col-size5 { width: auto; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; } .col-size4 { width: auto; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px; } .col-size6, .col-size7 { width: 100%; } .col-size7 { margin-top: 40px; margin-left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .col-size13 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size14 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .col-size15, .col-size17 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .col-size16 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 30px; } } /* Mobile */ @media (max-width: 767px) { .col-size2 { padding: 0 15px; } .col-size3, .col-size5 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .col-size9 { margin-left: 0; } .col-size7 { display: block; } .col-size17 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } ._magnetRecConrecom_63-5 { width: 113%; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1280px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video-with-image {} .video-with-image .video-image {} .video-with-image iframe{display:none;} /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background-color: #d9d9d9; } .footer .shell {max-width: 1195px;} .footer h6 { font-weight: 700; font-size: 13px; color: #202020; letter-spacing: .03em; text-transform: uppercase; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #c3c3c3; } .footer .footer-col-size2 h6 { padding-left: 8px; margin-bottom: 18px; } .footer h6.alt { padding-bottom: 5px; margin: 17px 0 8px; font-weight: 400; font-size: 12px; color: #222222; text-transform: none; } .footer h6.alt ~ h6.alt { margin: 12px 0 7px; padding-bottom: 10px; } .footer h6.alt + ul a { opacity: .7; } .footer .cols { margin: 0; } .footer .cols ~ .cols { margin-top: 63px; } .footer .footer-bar { background: linear-gradient(to right,#334299, #1B224E); border-bottom: 2px solid #ca0000; padding: 16px 0; color: #fff; } .footer .footer-inner { border-top: 1px solid rgba(255, 255, 255, .2); box-shadow: inset 0 4px 6px rgba(0,0,0, .1); padding: 32px 0; } .footer .footer-inner .shell { padding: 0px; position: relative; /* left: 40px; */ /*max-width: 1195px;*/ max-width: 1376px; } .footer-col { float: left; } .footer-col-size1 {width: 566px;} .footer-col-size2 { width: 276px; margin-left: 41px; } .footer-col-size3 { width: 221px; } .footer-col-size4 { width: 135px; } .footer-col-size4 ~ .footer-col-size4 { margin-left: 69px; } .footer-col-size5 { width: 278px; margin-left: 43px; } .footer-col-size6 { margin-left: 0; margin-left: 41px; width: 278px; } /* Footer Connect */ .footer-connect ul { list-style: none; margin: 0; padding: 0; } .footer-connect ul li { display: inline-block; vertical-align: middle; } .footer-connect ul li ~ li { margin-left: 10px; } .footer-connect ul ~ ul { margin-top: 10px; } .footer-connect ul a { display: inline-block; vertical-align: middle; text-decoration: none; } .footer-connect ul a > span { display: inline-block; vertical-align: middle; width: 100px; font-size: 12px; color: #222222; text-decoration: underline; } .footer-connect ul a .fa { font-size: 18px; color: #222222; display: inline-block; vertical-align: middle; margin-right: 10px; } .footer-connect ul iframe, .footer-connect ul .fb_iframe_widget { display: inline-block; vertical-align: middle; } .footer-connect .fa-facebook{color:#3b5998 !important;} .footer-connect .fa-twitter{color:#1dcaff !important;} /* Footer Download */ .footer-download .footer-download-body {font-size: 0;display: -webkit-flex;display: -ms-flexbox;/* display: flex; */-webkit-align-items: center;-ms-flex-align: center;/* align-items: center; *//* -webkit-justify-content: space-between; */-ms-flex-pack: justify;/* justify-content: space-between; */} .footer-download .footer-download-body .btn {transition: opacity .4s ease;float: right;display: inline-block;margin: 2px;} .footer-download .footer-download-body .btn:hover { opacity: .8; } /* Footer Nav */ .footer-nav { margin-left: -3px; margin-top: 3px; } .footer-nav ul { list-style: none; margin: 0; padding: 0; } .footer-nav ul li ~ li { margin-top: 25px; } .footer-nav ul a { display: block; text-decoration: none; font-weight: 700; font-size: 13px; color: #202020; text-transform: uppercase; position: relative; padding-left: 18px; transition: color .4s ease; } .footer-nav ul a:hover { color: #d22e2e; } .footer-nav ul a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #d22e2e; position: absolute; left: 0; top: 50%; margin-top: -4px; } /* Footer Nav Secondary */ .footer-nav-secondary h6 { padding-bottom: 7px; margin-bottom: 10px; border-bottom-color: #bbb; } .footer-nav-secondary ul { list-style: none; margin: 0; } .footer-nav-secondary ul a { display: block; text-decoration: none; font-size: 12px; color: #222222; line-height: 1.8; transition: color .4s ease; } .footer-nav-secondary ul a:hover { color: #d22d2d; } /* Footer Actions */ .footer-actions { padding-top: 2px; padding-left: 3px; } .footer-actions ul { list-style: none; } .footer-actions ul li { margin-bottom: 10px; } .footer-actions .credits, .footer-actions .copyright { font-size: 12px; color: #868686; line-height: .9; } .footer-actions .credits span, .footer-actions .copyright span { font-size: 15px; } .footer-actions .copyright { margin: 40px 0 10px 10px; } .footer-actions .credits { margin: 0 0 0 10px; } .footer-actions .credits a { text-decoration: none; } /* Small Desktop */ @media (max-width: 1279px) { .footer .footer-inner { padding: 30px 0; } .footer .footer-inner .shell { left: 0; padding: 0 10px; } .footer-col-size2 { width: 160px; margin-left: 20px; } .footer-col-size3, .footer-col-size4 { width: 160px; } .footer-col-size4 ~ .footer-col-size4 { margin-left: 30px; } .footer-col-size5 { margin-left: 30px; width: 200px; } .footer-download .footer-download-body { display: block; text-align: left; } .footer-download .footer-download-body .btn {display: block;width: auto;float: right;margin: 2px;margin-top: 0px;} .footer-download .footer-download-body .btn ~ .btn {margin-top: 0px;} .en .footer-download .footer-download-body .btn{float:left} .footer-actions .copyright, .footer-actions .credits { margin-left: 0; } .footer-connect ul li ~ li { margin-left: 23px; } } /* Mobile */ @media (max-width: 767px) { .footer .footer-bar { padding: 20px 0 40px; } .footer .footer-inner .shell { padding: 0 15px; } .footer-col-size1, .footer-col-size3, .footer-col-size4 { display: none; } .footer-col-size2 { width: 100%; margin-left: 0; } .footer .footer-col-size2 h6 { padding-left: 0; } .footer-col-size6 { margin: 0; margin-top: 14px; width:100%; } .footer-download .footer-download-body { display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #c3c3c3; padding-bottom: 15px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .footer-download .footer-download-body .btn ~ .btn { margin-top: 0; margin-left: 15px; } .footer .cols ~ .cols { margin-top: 20px; } .footer-col-size5 { width: 100%; margin: 0; } .footer-actions { padding-left: 0; } .footer-actions .copyright { margin: 30px 0 10px 0; } .footer-actions ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; margin-bottom: 10px; } .footer-actions ul li ~ li { margin-left: 15px; } .footer-actions .credits span { font-size: 10px; } } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { width: 100%; background-color: #f5f5f5; position: fixed; left: 0; top: 0; z-index: 999; } .header .shell { /*max-width: 1550px;*/max-width: 1227px; } .header .shell:after { } .header .logo {position: absolute;left: 50%;top: 49%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .header .logo img { width: 109px; } .header.sticky .logo img { width: 92px; } .header-buttons-live-dropdown, news-bullitin-dropdown { display: block; position: relative; width: 100%; z-index: 100; } /*News Bulletin Dropdown*/ .dropdown-el { min-width: 12em; position: relative; display: inline-block; margin-right: 1em; min-height: 2em; max-height: 2em; overflow: hidden; top: 0.5em; cursor: pointer; text-align: left; white-space: nowrap; color: #444; outline: none; border: 0.06em solid transparent; border-radius: 1em; background-color: #f2cdcd; transition: 0.3s all ease-in-out; z-index: 99; float: left; margin-bottom: 25px; } .dropdown-el label { color: #BF0307; } .dropdown-el input:focus + label { background: #f2cdcd; } .dropdown-el input { width: 1px; height: 1px; display: inline-block; position: absolute; opacity: 0.01; } .dropdown-el label { border-top: 0.06em solid #BF0307; display: block; height: 2em; line-height: 2em; padding-left: 1em; padding-right: 3em; cursor: pointer; position: relative; transition: 0.3s color ease-in-out; } .dropdown-el label:nth-child(2) { margin-top: 2em; border-top: 0.06em solid #BF0307; } .dropdown-el input:checked + label { display: block; border-top: none; position: absolute; top: 0; width: 100%; } .dropdown-el input:checked + label:nth-child(2) { margin-top: 0; position: relative; } .dropdown-el::after { content: ""; position: absolute; right: 0.8em; top: 0.9em; border: 0.3em solid #BF0307; border-color: #BF0307 transparent transparent transparent; transition: 0.4s all ease-in-out; } .dropdown-el.expanded { border: 0.06em solid #BF0307; background: #f2cdcd; border-radius: 0.25em; padding: 0; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px; max-height: 15em; } .dropdown-el.expanded label { border-top: 0.06em solid #BF0307; color: #BF0307; } .dropdown-el.expanded label:hover { font-weight: bold; } .dropdown-el.expanded input:checked + label { color: #BF0307; } .dropdown-el.expanded::after { transform: rotate(-180deg); top: 0.55em; } /*News Bulletin Dropdown*/ /*Header Live Button*/ .en .header .header-aside .header-buttons #header-buttons-live-main .btn-time { background: #fff; width: 38px; float: left; color: #BF0307; border-radius: 30px; font-size: 10px; padding: 2px 8px; margin-top: 2px; margin-left: 10px; } .ar .header .header-aside .header-buttons #header-buttons-live-main .btn-time { background: #fff; width: 38px; float: left; color: #BF0307; border-radius: 30px; font-size: 10px; padding: 2px 8px; margin-top: 7px; margin-left: 10px; z-index: 9999; } .ar .header .header-aside .header-buttons #header-buttons-live-main .btn-text { display: inline-block; margin-top: 5px; padding: 0; } .ar .header .header-aside .header-buttons #header-buttons-live-main .btn-icon { margin-top: 5px; margin-right: 10px; } .en .header .header-aside .header-buttons #header-buttons-live-main .btn-time { background: #fff; width: 38px; float: left; color: #BF0307; border-radius: 30px; font-size: 10px; padding: 2px 8px; margin-top: 7px; margin-right: 10px; z-index: 9999; } .en .header .header-aside .header-buttons #header-buttons-live-main .btn-text { display: inline-block; margin-top: 5px; padding: 0; } .en .header .header-aside .header-buttons #header-buttons-live-main .btn-icon { margin-top: 5px; margin-right: 10px; } .header .header-aside .header-buttons #header-buttons-live-main { transition: none; } .header .header-aside .header-buttons #header-buttons-live-main:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 17px; border-top-right-radius: 17px; } .header .header-aside .header-buttons #header-buttons-live-main:hover .btn-icon { transform: rotateZ(90deg); transform-origin: center; } /*Header Live Button*/ .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown { position: absolute; width: inherit; display: none; top: 45px; margin: 0 auto; background: #222251; perspective: 1000px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; animation: rotateMenu 300ms ease-in-out forwards; transform-origin: top center; } .header .header-aside .header-buttons #header-buttons-live-main:hover .header-buttons-live-dropdown{ display: block; } .header .header-aside .header-buttons #header-buttons-live-main:hover { border: none; color: white; background: #BF0307; z-index: 99999; } .header .header-aside .header-buttons #header-buttons-live-main:hover .header-buttons-live-dropdown a { opacity: 1; visibility: visible; } .header .header-aside .header-buttons .header-buttons-live-dropdown a.btn.live { width:100%; } .header .header-aside .header-buttons #header-buttons-live-main{ padding: 0;z-index: 10000} @keyframes rotateMenu { 0% { transform: rotateX(-90deg) } 70% { transform: rotateX(20deg) } 100% { transform: rotateX(0deg) } } /*Header Live Drop Down Menu Buttons*/ .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-mtv { border-radius: 0; background-color: #222251; height: 45px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-mtv .btn-info{ display:flex; flex-direction: row; margin-top: 5px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-onetv .btn-info { display: flex; flex-direction: row; margin-top: 5px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-mtv .btn-text { margin-top: 0; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-mtv img { width: 40px !important; display: inline-block; margin-right: 20px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-onetv img { width: 40px; display: inline-block; margin-right:20px; margin-top: 3px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-onetv { border-radius: 0; border-top:1px white solid; background-color: #222251; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 45px; } .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-mtv:hover, .header .header-aside .header-buttons #header-buttons-live-main .header-buttons-live-dropdown .btn.live.onetv-mtv-live-buttons-onetv:hover { border: 0px; color: white; filter: grayscale(20%); } /*Header Live Drop Down Menu Button*/ .header .btn-nav { display: none; } .header .header-inner {/* border-bottom: 1px solid #f0f0f0; */text-align: center;} .header .header-inner .shell { height: 103px; position: relative; } .header .header-bar {border-top: 1px solid rgba(153, 153, 153, 0.14);background-color: #f0f0f0;} .header .header-aside { float: left; /*width: 220px;*/ /*width: 253px;*/ } .header .header-aside:first-child { /*margin-left: 71px;*/ margin-top:40px; } .header .header-aside ~ .header-aside { width: auto; float: right; margin-top: 40px; } .header .header-aside .header-buttons {list-style:none;} .header .header-aside .header-buttons li{float:left;margin-right:5px;} .header .header-aside .header-buttons .btn{width:166px;height: 33px;border-radius:30px;color:#fff;padding:5px 10px;} .header .header-aside .header-buttons .btn.live{background:#BF0307;} .header .header-aside .header-buttons .btn.live:hover{background:none;border:1px solid #BF0307;color:#BF0307} .header .header-aside .header-buttons .btn.live:hover .btn-time{background:#BF0307;color:#fff;} .header .header-aside .header-buttons .btn.newscast{background:#1B2150;} .header .header-aside .header-buttons .btn.newscast:hover{background:none;border:1px solid #1B2150;color:#1B2150;} .header .header-aside .header-buttons .btn.newscast:hover .btn-time{background:#1B2150;color:#fff;} .header .header-aside .header-buttons .btn .btn-time{background:#fff;width:38px;float:left;color:#BF0307;border-radius:30px;font-size: 10px;padding: 2px 8px;margin-top: 2px;} .header .header-aside .header-buttons .btn.newscast .btn-time{color:#1B2150;} .header .header-aside .header-buttons .btn .btn-icon{float:right;padding:2px;} .header .header-aside .header-buttons .btn .btn-text{/*float:left;*/font-size: 13px;padding:2px 10px;margin:0 auto;} .en .header .header-aside .header-buttons .btn .btn-text{padding:0px;line-height: 22px;font-size: 12px;font-weight: bold;} .header .header-videos ul { list-style: none; margin: 16px 0 0 0; } .header .header-videos ul:after { } .header .header-videos ul li { float: left; width: 50%; padding-left: 9px; } .header-videos .video { overflow: visible; height:0; } .header-videos .video .label-length,.header-videos .video .label-live { padding: 3px 7px 2px; background-color: #333; font-size: 13px; color: #fff; position: absolute; right: 0; top: 0; z-index: 10; } .header-videos .video .label-live { z-index: 10; color: #fff; padding-right: 15px; } .header-videos .video .label-live:after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; right: 5px; top: 50%; margin-top: -3px; } .header-videos .video .play { width: 42px; height: 20px; text-align: center; line-height: 20px; border-radius: 0; top: auto; /*bottom: -10px;*/ -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: background-color .4s ease;left:21px;bottom:0; } .header-videos .video .play:before { border-width: 5px 0 5px 8px; } .header-videos .video:hover .play { background-color: #121736; } .header-videos #headerLivePlayer {display:none; height:68px;max-width: initial;} .header.programs-header .nav-primary > ul {justify-content: center;} /* Small Desktop */ @media (max-width: 1279px) { .header .header-aside:first-child { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .header .header-aside ~ .header-aside { margin-top: 22px; } } /* Mobile */ @media (max-width: 767px) { .header { height: 45px; background-color: #f3f5f6; } .header .header-bar { display: none; } .header .logo { top: 50%; } .header .logo img {width: 78px!important;height: auto;} .header .header-inner .shell {height: 45px;border-bottom: 1px solid #ddd;} .header .header-aside ~ .header-aside {float: left;margin-top: 7px;} .header .header-aside:first-child { display: none; } .header .btn-nav {display: block;font-size: 22px;color: #222222;position: absolute;right: 15px;top: 50%;margin-top: -11px;zoom: 1!Important;} } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main-login { } /* Small Desktop */ @media (max-width: 1279px) { .main-full-height { height: auto !important; } } /* Mobile */ @media (max-width: 767px) { .main-program-landing { /*display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;*/ } .main-program-landing .section-program-landing { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .main-program-landing .section-programs-videos { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .main-program-landing .section-latest { -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 0; } .main-program-landing .section-programs-news { -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1180px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-secondary { max-width: 1296px; } .shell-tertiary { max-width: 1430px; } .shell-fluid { max-width: none; } /* Mobile */ @media (max-width: 767px) { .shell { padding: 0 15px; } .section-banner { padding-bottom: 5px!Important; padding-top: 15px!Important; } .section-banner .banner { background-color: #e9ebec; } .sticky-spacer { width: auto!Important; } } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100%; position: relative; padding-top: 150px; overflow: hidden; } /* Mobile */ @media (max-width: 767px) { .wrapper { padding-top: 45px; } } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article News \* ------------------------------------------------------------ */ .article-news { margin-top: -109px; } .article-news p::-moz-selection { background-color: #ffffcc; } .article-news p::selection { background-color: #ffffcc; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } .article-news .article-prev, .article-news .article-next { font-weight: 700; font-size: 13px; color: rgba(51, 51, 51, .6); white-space: nowrap; text-decoration: none; } .article-news .article-prev > span, .article-news .article-next > span { display: inline-block; vertical-align: middle; width: 42px; height: 42px; background-color: #222222; border-radius: 50%; text-align: center; line-height: 44px; font-size: 22px; color: #fff; transition: background-color .4s ease; position: relative; top: -2px; } .article-news .article-prev-wrapper:hover > span, .article-news .article-next-wrapper:hover > span { background-color: #1b2352; } .article-prev-wrapper .list-articles a, .article-next-wrapper .list-articles a { font-size: 13px; } .article-prev-wrapper .list-articles a > span, .article-next-wrapper .list-articles a > span { width: calc(100% - 82px); } .article-news .article-prev-wrapper { right: 100%; margin-right: 24px; } .article-news .article-prev > span { margin-left: 20px; } .article-news .article-next-wrapper { left: 100%; margin-left: 15px; } .article-news .article-next > span { margin-right: 20px; } .article-news .article-head { margin-bottom: 42px; position: relative; text-align: center; } .article-news .article-head h1 {width: 80%;font-weight: 500;font-size: 31px;color: #000;line-height: 1.2;margin: 0 auto;} .article-news .article-entry {padding: 0 16px 0 16px;font-size: 14px;position: relative;} .en .article-news .article-entry { padding-top: 1px; margin-top: -40px; padding-bottom: 20px; background-color: #f7f7f7; } .article-news .article-entry p,.article-news .article-entry div { font-size: 1em; color: #222222; line-height: 2.25; margin-bottom: 25px; } .article-news .article-entry p a{ font-weight: 700; text-decoration: underline; color: #1b2352; } .article-news .article-entry p a:hover{ text-decoration: none; } .article-news .article-shares { text-align: center; margin: 25px 0; } .article-news .article-shares span { height: 22px; display: inline-block; vertical-align: middle; } .article-news .article-shares span span { margin-top: 0 !important; margin-bottom: 0 !important; } .article-news .article-actions { background-color: #f7f7f8; margin-bottom: 40px; padding: 19px 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article-news .article-actions .socials {position: relative;left: 6px;} .article-news .article-actions + .banner-mobile { margin: 0 -15px 20px !important; max-width: none; } .article-news .article-actions-aside > a, .article-news .article-actions-aside > ul { display: inline-block; vertical-align: middle; } .article-news .article-actions-aside a { width: 32px; height: 32px; background-color: #d3d3d3; border-radius: 50%; text-align: center; line-height: 32px; font-size: 15px; color: #555; text-decoration: none; transition: background-color .4s ease; } .article-news .article-actions-aside a:hover { background-color: rgb(190, 190, 190); } .article-news .article-actions-aside ul { list-style: none; margin: 0 0 0 5px; font-size: 0; } .article-news .article-actions-aside ul li { display: inline-block; vertical-align: middle; } .article-news .article-actions-aside ul li ~ li { margin-left: -7px; } .article-news .article-actions-aside ul a { display: block; font-weight: 700; } .article-news .article-meta { max-width: 186px; } .article-news .article-meta img, .article-news .article-meta div { display: inline-block; vertical-align: middle; } .article-news .article-meta img { border-radius: 50%; margin-right: 13px; } .article-news .article-meta div { overflow: hidden; } .article-news .article-meta p {margin: 0;font-size: 12px;/* font-family: 'Roboto', sans-serif; */font-weight: bold;font-size: 14px;} .article-news .article-meta p ~ p { font-size: 14px;font-weight:bold; } .article-news .article-meta p a { color: #1b2352; text-decoration: none; } .article-news figure {/*margin: 37px auto 49px;*/margin:20px auto;text-align: center;} .article-news figure .image { display: inline-block; position: relative; } .article-news figure figcaption { display: block; text-align: center; font-size: 0.92em; color: #222222; opacity: .7; padding-top: 10px; } .article-news figure.article-gallery .image { position: relative; } .article-news figure.article-gallery .btn { height: 40px; line-height: 38px; position: absolute; left: 50%; bottom: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-transform: none; font-weight: 400; font-size: 15px; } .article-news figure.article-gallery .btn strong { font-size: 18px; margin-left: 5px;} .article-news figure.article-gallery .btn .btn-text { margin-left: 5px;} .article-news figure.article-gallery .btn i { font-size: 13px; display: inline-block; vertical-align: baseline; position: relative; top: -5px; /*margin-right: 10px;*/ } .article-news figure.article-image { position: relative; } .article-news figure.article-image i {font-size: 37px;color: #fff;position: absolute;right: 20px;top: 15px;text-shadow: 1px 1px 16px rgba(150, 150, 150, 1);} .swiper-container { width: 100% !important; height: 300px !important; } .swiper-slide { background-position: center !important; background-size: cover !important; } .article-news .swiper-container { height: 300px !important; width: 533px } .article-news .swiper-container .swiper-wrapper { align-items: center; width: 100%; } .article-news .swiper-container .swiper-wrapper .swiper-slide { text-align: center; width: 100%; } .article-news .swiper-container .swiper-wrapper .swiper-slide .swiper-image { margin: 0; height: 300px; object-fit: cover; } .article-news .view-gallery { display: flex; justify-content: center; align-items: center; flex-direction: column; } .article-news .swiper-container .swiper-button-prev { position: absolute; color: transparent; cursor: pointer; height: 110%; top: 0; background: linear-gradient(90deg, black, transparent); left: 0; padding-left: 7px; width: 50px; } .article-news .swiper-container .swiper-button-next { position: absolute; color: transparent; cursor: pointer; height: 110%; top: 0; background: linear-gradient(270deg, black, transparent); right: 0; padding-right: 7px; width: 50px; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { color: transparent; content: '' !important; } swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after { color: transparent; content: '' !important; } .close-button { display: none; height: 45px; width: 45px; color: #fff; position: fixed; top: 15px; right: 15px; font-size: 32px; text-align: center; cursor: pointer; z-index: 9999; opacity: .75; } .article-news .swiper-container i { font-size: 37px; color: #fff; position: absolute; right: 20px; top: 15px; text-shadow: 1px 1px 16px rgba(150, 150, 150, 1); z-index: 100; } .close-button:before { content: '×'; } @media (max-width: 533px) { .article-news .swiper-container { width: 100%; } /*.article-news .swiper-container .swiper-wrapper .swiper-slide { height: auto !important; } .article-news .swiper-container .swiper-wrapper .swiper-slide .swiper-image { height: auto; }*/ } .close-button:hover, .close-button:active { opacity: 1; } /* Set the dimensions of the Swiper container */ .swiper-container { width: 533px; height: 300px; overflow: hidden; /* Hide any overflow to ensure proper aspect ratio */ } /* Style for the slide */ .swiper-slide { display: flex; /* Use flexbox to center and align the image */ align-items: center; justify-content: center; width: 100%; height: 100%; } /* Style for the image */ .swiper-image { max-width: 100%; /* Ensure the image doesn't exceed the container width */ max-height: 100%; /* Ensure the image doesn't exceed the container height */ object-fit: contain; /* Maintain aspect ratio and fit within the container */ } .article-news .article-foot { padding-top: 30px; } .article-news .article-foot .banner { margin: 0 auto 30px; } .article-news .banner-large { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .article-news .banner-medium { background-color: #fbfbfb; max-width: none; padding: 25px; text-align: center; } .article-news .banner-medium img { display: inline-block; width: auto; } .article-news .article-fixed-actions { display: none; } /* Small Desktop */ @media (max-width: 1279px) { .article-news .article-foot .banner-small { max-width: 300px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .article-news .article-head { width: 60%; margin-left: auto; margin-right: auto; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { margin: 0; } .article-news .article-foot .banner { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* Mobile */ @media (max-width: 767px) { .article-news .article-head { width: 100%; margin-bottom: 20px; } .article-news .article-head h1 { width: 100%; font-size: 22px; padding: 0 15px; } .article-news .article-prev-wrapper, .article-news .article-next-wrapper { display: none; } .article-news .article-entry {padding: 10px;} .article-news figure .image, .article-news figure.article-gallery .image { width: 100%; position: relative; } .article-news figure .image img, .article-news figure.article-gallery .image img { width: 100%; height: auto; left: 0; right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .article-news figure.article-gallery .btn { bottom: 12px; white-space: nowrap; } .article-news figure { margin: 35px 0 20px; } .article-news figure figcaption { width: 60%; margin: 0 auto; } .article-news .article-foot { padding-top: 10px; } .article-news .article-foot .banner { display: none; } .article-news .article-actions { background-color: #fff; padding: 0; display: block; margin-bottom: 15px; } .article-news .article-actions .socials, .article-news .article-actions .article-actions-aside { display: none; } .article-news .article-meta { max-width: 100%; text-align: center; } .article-news .article-meta img { /*display: none;*/ } .article-news .article-meta div { display: block;margin-top: 10px; } .article-news .article-meta div p { display: inline-block; vertical-align: middle; } .article-news .article-meta div p ~ p { margin-left: 10px; } .article-news .article-fixed-actions {display: block;padding: 20px 15px 10px;width: 100%;position: fixed;left: 0;bottom: 65px;z-index: 999;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;transition: opacity .4s ease, visibility .4s ease;} .article-news .article-fixed-actions { /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .article-news .article-fixed-actions.hide { opacity: 0; visibility: hidden; } .article-news .article-fixed-actions .text-size { width: 40px; height: 40px; background-color: #d3d3d3; border-radius: 50%; text-align: center; font-weight: 700; font-size: 15px; color: #555; text-transform: uppercase; line-height: 41px; text-decoration: none; } .article-news .article-fixed-actions .socials { position: relative; } .article-news .article-fixed-actions .socials:before { content: ''; width: 100%; height: 100%; background-color: #19214f; opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; z-index: 997; transition: opacity .4s ease, visibility .4s ease; } .article-news .article-fixed-actions .socials .btn-share { width: 76px; display: inline-block; height: 32px; line-height: 32px; font-weight: 500; font-size: 15px; background-color: #5e5e5e; border-radius: 20px; color: #fff; text-decoration: none; text-align: center; position: relative; z-index: 999; transition: width .4s ease; } .article-news .article-fixed-actions .socials .btn-share:before { content: '\f136'; font-family: 'Material-Design-Iconic-Font'; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; opacity: 0; transition: opacity .4s ease; } .article-news .article-fixed-actions .socials .btn-share.active { width: 32px; font-size: 0; } .article-news .article-fixed-actions .socials .btn-share.active:before { opacity: 1; } .article-news .article-fixed-actions .socials ul {position: absolute;right: 0;bottom: 100%;z-index: 998;bottom: -27px;} .article-news .article-fixed-actions .socials ul li {display: block;padding-bottom: 10px;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);transition: -webkit-transform .4s ease;transition: transform .4s ease;/* transition: transform .4s ease, -webkit-transform .4s ease; */position: relative;/* right: 0; *//* top: 0; */width: 44px;float: left;} .article-news .article-fixed-actions .socials ul li ~ li { margin-left: 0; } .article-news .article-fixed-actions .socials.opened:before { opacity: .56; visibility: visible; } .article-news .article-fixed-actions .socials ul.open li:nth-child(1) {/* -webkit-transform: translateY(-500%); */-ms-transform: translateY(-500%);/* transform: translateY(-500%); */} .article-news .article-fixed-actions .socials ul.open li:nth-child(2) {/* -webkit-transform: translateY(-400%); */-ms-transform: translateY(-400%);/* transform: translateY(-400%); */} .article-news .article-fixed-actions .socials ul.open li:nth-child(3) {/* -webkit-transform: translateY(-300%); */-ms-transform: translateY(-300%);/* transform: translateY(-300%); */} .article-news .article-fixed-actions .socials ul.open li:nth-child(4) {/* -webkit-transform: translateY(-200%); */-ms-transform: translateY(-200%);/* transform: translateY(-200%); */} .article-news .article-fixed-actions .socials ul.open li:nth-child(5) {/* -webkit-transform: translateY(-100%); */-ms-transform: translateY(-100%);/* transform: translateY(-100%); */} } /* ------------------------------------------------------------ *\ Article Share Tooltip \* ------------------------------------------------------------ */ .article .share-tooltip { background-color: #595959; position: absolute; left: 0; top: 0; z-index: 999; box-shadow: 0 0 20px rgba(0,0,0, .4); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; margin-top: -40px; margin-left: -50px; } .article .share-tooltip.show { opacity: 1; visibility: visible; } .article .share-tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #595959 transparent transparent transparent; position: absolute; left: 50%; margin-left: -5px; bottom: -6px; } .article .share-tooltip ul { list-style: none; margin: 0; padding: 5px 15px 3px; text-align: center; } .article .share-tooltip ul li { display: inline-block; vertical-align: middle; } .article .share-tooltip ul li ~ li { margin-left: 15px; } .article .share-tooltip ul a { display: block; font-size: 15px; color: #fff; } /* ------------------------------------------------------------ *\ Author \* ------------------------------------------------------------ */ .author { background-color: #ebebec; } .author > a { display: block; padding: 20px 20px 12px; overflow: hidden; } .author .author-avatar, .author .author-content { float: left; } .author .author-avatar { width: 23.2%; } .author .author-avatar img { border-radius: 50%; } .author .author-content { width: 76.8%; padding-left: 16px; } .author .author-content h5 { font-size: 15px; margin-bottom: 5px; transition: color .4s ease; } .author .author-content p { font-size: 13px; color: #444; line-height: 1.3; margin-bottom: 0; } .author .author-content p strong { font-size: 15px; color: #ca0000; text-decoration: underline; transition: color .4s ease; } .author .author-content p ~ p { margin-top: 10px; } .author:hover .author-content h5, .author:hover .author-content p strong { color: #1b2352; } /* Mobile */ @media (max-width: 767px) { .author > a { padding: 15px; } .author .author-avatar { width: 31%; } .author .author-content { width: 69%; } .author:hover .author-content h5, .author:hover .author-content p strong { color: #ca0000; } } /* ------------------------------------------------------------ *\ Banner \* ------------------------------------------------------------ */ .banner { margin: 20px 0; } .banner a { display: block; } .banner > img { width: 100%; height: auto; } .banner-large { width: 728px; margin: 20px auto;} .section-banner.top-large-banner .banner-large{ min-width: 728px; width: auto; } .banner-medium { max-width: 468px; margin: 20px auto; } .banner-small { max-width: 300px; margin: 20px auto; } /*.banner .dfp-tag-container {border: 1px solid #ddd;}*/ .banner-mobile .dfp-tag-container{margin:auto;} .banner-tall{height:600px;width:300px;} /* Small Desktop */ @media (max-width: 1279px) { .banner { max-width: 100%; } .banner > img { max-width: 100%; } } /* Mobile */ @media (max-width: 767px) { .banner-mobile + .section-updates { padding-top: 20px; } .banner .dfp-tag-container{margin: 11px auto;background-color: #eee;} } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; border-radius: 0; } /* Btn Grey */ .btn-grey { height: 42px; line-height: 44px; padding: 0 42px; border: 0; border-radius: 40px; background-color: #eee; font-weight: 700; font-size: 14px; color: #333; text-transform: uppercase; transition: background-color .4s ease, color .4s ease; } .btn-grey:hover { background-color: #1a2251; color: #fff; } /* Btn Red */ .btn-red { height: 32px; line-height: 31px; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border: 1px solid #ca0000; background-color: #ca0000; transition: background-color .4s ease, color .4s ease; padding: 0 20px; } .btn-red:hover { background-color: transparent; color: #ca0000; } /*#btnAdv.btn.btn-red.hidebtn { display: none; }*/ /* Btn Live */ .btn-live { height: 24px; line-height: 26px; padding: 0 22px 0 12px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; border: 0; border-radius: 20px; background-color: #ca0000; transition: background-color .4s ease; } .btn-live:hover { background-color: #222222; } .btn-live i { font-size: 8px; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 10px; } /* Btn How */ .btn-how { height: 24px; line-height: 26px; padding: 0 22px 0 11px; font-weight: 700; font-size: 12px; color: #fff; text-transform: uppercase; border: 0; border-radius: 20px; background-color: #1b2352; transition: background-color .4s ease; } .btn-how:hover { background-color: #222222; } .btn-how i { display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 9px; } /* Btn Facebook/Twitter */ .btn-facebook, .btn-twitter { height: 32px; line-height: 34px; min-width: 160px; font-weight: 500; font-size: 18px; color: #fff; padding: 0 15px; transition: background-color .4s ease; } .btn-facebook { background-color: #314d8c; } .btn-facebook:hover { background-color: rgb(44, 69, 126); } .btn-twitter { background-color: #3fbbed; } .btn-twitter:hover { background-color: rgb(57, 168, 213); } /*Btn Loader*/ .btn.hidden { visibility:hidden; } .loader { position:relative;z-index:2; } .loader:before { content: ''; width: 32px; height: 32px; background: url(../images/loader-navy.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -16px;/* margin-top: -16px; z-index: -1;*/ background-size: 32px; visibility:hidden;} .programSite .loader:before { background: url(../images/loader-navy-bg.gif) no-repeat 0 0; } .programSite .special-report .loader:before { background: url(../images/loader-navy.gif) no-repeat 0 0; background-size:100%; } .loader.visible:before { visibility:visible;} /* Mobile */ @media (max-width: 767px) { .btn-facebook, .btn-twitter { min-width: 130px; } } /* Btn Tweet */ .btn-tweet { height: 34px; line-height: 32px; padding: 0 20px; font-weight: 700; font-size: 16px; color: #fff; background-color: #0F1419; border: 1px solid #fff; border-radius: 3px; } /* Btn Close */ .btn-close { display: inline-block; width: 44px; height: 44px; position: relative; } .btn-close:before, .btn-close:after {content: '';width: 1px;height: 62px;background-color: #ffffff;position: absolute;left: 0;top: 0;transition: background-color .4s ease;} .btn-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .btn-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .btn-close:hover:before, .btn-close:hover:after { background-color: #fff; } /* Btn White */ .btn-white { height: 34px; padding: 10px 16px 6px; background-color: #fff; font-weight: 700; font-size: 13px; color: #3a3939; text-transform: uppercase; border-radius: 20px; transition: background-color .4s ease, color .4s ease; } .btn-white:hover { background-color: #1b2352; color: #fff; } /* Mobile */ @media (max-width: 767px) { .btn-live { padding: 0 10px 0 10px; text-align: left; } .btn-live i { margin-right: 3px; } .btn-red:hover { background-color: #ca0000; color: #fff; } .btn-how:hover { background-color: #1b2352; } .btn-live:hover { background-color: #ca0000; } .btn-grey:hover { background-color: #eee; color: #333; } } @media ( max-width: 374px ) { .btn-live { padding: 0 10px 0 5px; } } /* ------------------------------------------------------------ *\ Celebrity \* ------------------------------------------------------------ */ .celebrity a { display: block; position: relative; } .celebrity a:before { content: ''; background: url(../images/shadow-left.png) no-repeat left bottom; background-size: 100% auto; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; } .celebrity .celebrity-image { width: 100%; padding-bottom: 83.33%; position: relative; background-size: cover; background-position: center; } .celebrity .celebrity-image img { display: none; } .celebrity .celebrity-content { width: 100%; padding: 5px 10px; position: absolute; left: 0; bottom: 0; z-index: 10; } .celebrity .celebrity-content h4 { margin: 0; font-weight: 500; font-size: 22px; color: #fff; text-transform: uppercase; } .celebrity-grayscale { -webkit-filter: grayscale(1); filter: grayscale(1); } .celebrity-grayscale .celebrity-content h4 { opacity: .5; } /* ------------------------------------------------------------ *\ Celebrity Single \* ------------------------------------------------------------ */ .celebrity-single:after { } .celebrity-single-head { margin-bottom: 17px; } .celebrity-single-head h5 { text-transform: uppercase; margin: 0; } .celebrity-single-image { position: relative; margin-bottom: 44px; } .celebrity-single-image:after { content: ''; background: url(../images/shadow-wide.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; opacity: .75; } .celebrity-single-image img { width: 100%; height: auto; } .celebrity-single-image h2 { width: 100%; padding: 20px 30px; font-size: 45px; color: #fff; line-height: 1; text-transform: uppercase; position: absolute; left: 0; bottom: 0; z-index: 10; } .celebrity-single-image h2 span { display: block; opacity: .6; position: relative; } .celebrity-single-image h2 span:after { content: ''; height: 1px; background-color: #fff; opacity: .2; position: absolute; left: -30px; right: -30px; bottom: 7px; } .celebrity-single-content { float: left; width: 52%; padding-right: 40px; padding-bottom:20px; } .celebrity-single-content p { margin: 0; font-family: 'Roboto', sans-serif; font-size: 13px; color: #fff; line-height: 1.45; opacity: .75; } .celebrity-single-content p ~ p { margin-top: 25px; } .celebrity-single-media { float: left; width: 46.8%; margin-top: 45px; } .celebrity-single-media .video .play { width: 54px; height: 54px; transition: background-color .4s ease; } .celebrity-single-media .video:hover .play { background-color: #1b2352; } .celebrity-single-media .video .play:before { border-width: 10px 0 10px 18px; } /* Tablet Portrait */ @media (max-width: 1023px) { .celebrity-single-image h2 { font-size: 32px; } } /* Mobile */ @media (max-width: 767px) { .celebrity-single-image h2 { font-size: 28px; padding: 15px 20px; } .celebrity-single-image h2 span:after { left: 0; right: 0; bottom: 4px; } .celebrity-single-image { overflow: hidden; margin-bottom: 30px; } .celebrity-single-content { float: none; width: 100%; padding: 0; } .celebrity-single-content h5 { margin-bottom: 20px; } .celebrity-single-media { float: none; width: auto; margin: 30px -15px 0; } .celebrity-single-media .video:hover .play { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ Chapter \* ------------------------------------------------------------ */ .chapters { color: #fff; } .chapters .chapters-head { position: relative; padding: 22px 23px 21px; margin-bottom: 23px; } .chapters .chapters-head:after { content: ''; height: 1px; background: rgba(255, 255, 255, .1); position: absolute; left: 20px; bottom: 0; right: 20px; } .chapters .chapters-head h5 { margin: 0; text-transform: uppercase; color: #ecf1f2; } .chapters .chapters-head h5 span { display: none; } .chapters .chapters-head .btn { height: 30px; line-height: 30px; padding: 0; font-size: 0; position: absolute; left: 0; bottom: 100%; margin-bottom: 28px; } .chapters .chapters-head .btn:hover .btn-icon { border-left-color: #ca0000; } .chapters .chapters-head .btn .btn-icon, .chapters .chapters-head .btn .btn-text { display: inline-block; vertical-align: middle; } .chapters .chapters-head .btn .btn-text { font-size: 13px; padding: 0 35px 0 10px; } .chapters .chapters-head .btn .btn-icon { display: inline-block; vertical-align: middle; width: 29px; border-left: 1px solid #333; line-height: 30px; text-align: center; font-size: 9px; position: relative; top: -1px; transition: border-color .4s ease; } .chapters .chapters-body { /*height: 460px;*/ height:362px;} .chapters .chapters-body ol { list-style: none; counter-reset: list; margin: 0; padding: 0 20px; } .chapters .chapters-body ol li { position: relative; padding-left: 34px; z-index: 0; } .chapters .chapters-body ol li:after { content: ''; height: 100%; background-color: #161836; position: absolute; left: -20px; right: -20px; bottom: 0; z-index: -1; opacity: 0; transition: opacity .4s ease; } .chapters .chapters-body ol li:not(.full):before { content: counter(list); counter-increment: list; font-weight: 400; font-size: 11px; color: #666; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .chapters .chapters-body ol li:hover:after, .chapters .chapters-body ol li.active:after { opacity: 1; } .chapters .chapters-body ol li.active .chapter a:before { opacity: 1; } .chapter { font-size: 0; } .chapter a { display: block; text-decoration: none; padding: 14px 0 13px; position: relative; } .chapter a:before { content: '\f3aa'; width: 17px; height: 17px; font-family: 'Material-Design-Iconic-Font'; font-size: 14px; text-align: center; padding-left: 2px; color: #fff; background-color: #ca0000; border-radius: 50%; position: absolute; left: -34px; top: 50%; margin-top: -8px; z-index: 10; opacity: 0; transition: opacity .4s ease; } .chapter .chapter-image, .chapter .chapter-content { display: inline-block; vertical-align: middle; } .chapter .chapter-image { width: 24.4%; } .chapter .chapter-image img { width: 100%; height: auto; } .chapter .chapter-content { /*width: 75.6%; padding-left: 23px;*/width:100%; } .chapter .chapter-content h6 { margin: 0; font-weight: 400; font-size: 13px; } /* Mobile */ @media (max-width: 767px) { .chapters .chapters-head { padding: 22px 16px 21px; } .chapters .chapters-head .btn { left: auto; right: 15px; bottom: 15px; margin: 0; } .chapters .chapters-head .btn .btn-text { padding: 0 10px; } .chapters .chapters-head h5 { display: inline-block; position: relative; padding-left: 15px; text-decoration: underline; } .chapters .chapters-head h5:before { content: '\f2f9'; font-family: 'Material-Design-Iconic-Font'; font-size: 18px; color: #fff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-52%); -ms-transform: translateY(-52%); transform: translateY(-52%); font-weight: normal; } .chapters .chapters-head h5 span { display: inline; } .chapters .chapters-body { padding-bottom: 20px; overflow: hidden; height: auto; display: none; } .chapters .chapters-head h5.active:before { content: '\f136'; } } /* ------------------------------------------------------------ *\ Coverflow \* ------------------------------------------------------------ */ .coverflow .post { width: 520px; height: 430px; position: relative; overflow: hidden; } .coverflow .post:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow-wide.png) repeat-x left bottom; position: absolute; left: 0; bottom: 0; z-index: 2; } .coverflow .post .post-image:after { display: none; } .coverflow .cover .post .play { transition: background-color .4s ease; } .coverflow .post-content { width: 80%; padding: 30px 25px; position: absolute; left: 0; bottom: 0; z-index: 10; text-align: left; } .coverflow .post-content h5 { margin: 0; font-size: 25px; text-transform: none; line-height: 1; color: #fff !important; } .coverflow .post-content h5 a { font-size: inherit; } .coverflow .cover:before { content: ''; width: 8px; position: absolute; right: 100%; top: 120px; bottom: 0; background-color: #ca0000; opacity: 0; transition: opacity .25s ease; } .coverflow .cover.current:before { opacity: .85; } .coverflow .cover:after { content: ''; height: 8px; background-color: #ca0000; position: absolute; left: -8px; right: 0; top: 100%; opacity: 0; transition: opacity .4s ease; } .coverflow .cover.current:hover:after { opacity: .85; } .coverflow .cover.current:hover .post .play { background-color: #1b2352; } /* Small Desktop */ @media ( max-width: 1279px ) { .coverflow .post { width: 360px; height: 300px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .coverflow .post { width: 300px; height: 250px; } .coverflow .post-content { width: 100%; padding: 15px; } } /* Mobile */ @media (max-width: 767px) { .coverflow .post { width: 250px; height: 209px; } .coverflow .cover .post .play { width: 32px; height: 32px; } .coverflow .cover .post .play:before { border-width: 7px 0 7px 12px; } .coverflow .cover.current:before, .coverflow .cover.current:hover:after { display: none; } } /* ------------------------------------------------------------ *\ Device \* ------------------------------------------------------------ */ .device .highlights ul li:hover a { color: #333; } .device .highlights ul li:hover a:before { opacity: 0; } .device .highlights ul li:hover a i { opacity: .5; } .device .select-date { min-height: 24px; } .device .post:hover .post-content, .device .post-featured:hover .post-featured-content h3 { color: #1a2150; } .device .post:hover .post-image:after { opacity: 0; } .device .coverflow .cover.current:hover .post .play { background-color: #ca0000; } .device .coverflow .cover.current:hover:after { opacity: 0; } .device .slider-stars .slider-prev:hover, .device .slider-stars .slider-next:hover { background-color: #ca0000; color: #fff; } .device .section-timeline-feed .section-body li:hover h6 { color: #333; } .device .btn-red:hover { background-color: #ca0000; color: #fff; } .device .widget-posts .widget-actions .link-more:hover, .device .section-timeline-feed .section-actions .link-more:hover { color: #111; } .device .socials a.email:hover { background-color: #565553; color: #fff; } .device .socials a.google-plus:hover { background-color: #e04741; color: #fff; } .device .socials a.twitter:hover { background-color: #2ab1e9; color: #fff; } .device .socials a.facebook:hover { background-color: #3a5898; color: #fff; } .device .article-news .article-actions-aside a:hover, .device .article-news .article-actions-aside ul a:hover { background-color: #d3d3d3; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .form-label { display: block; font-size: 13px; color: #444; padding-bottom: 5px; } .field, .textarea { width: 100%; height: 34px; padding: 9px 18px 8px; border: 1px solid #ddd; background-color: transparent; font-size: 13px; color: #333; border-radius: 0; } .field.required, .textarea.required { border-left-color: #ca0000; } .textarea { resize: none; height: 142px; } .has-datepicker { position: relative; } .has-datepicker .field-datepicker { padding-right: 38px; } .has-datepicker:after { content: '\f133'; font-family: 'FontAwesome'; font-size: 14px; color: #868686; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; pointer-events: none; } input.error, textarea.error { border:1px solid #ca0000 !important; } /* ------------------------------------------------------------ *\ Radio Poll \* ------------------------------------------------------------ */ .radio-poll { line-height: 22px; } .radio-poll input { display: none; } .radio-poll label { display: inline-block; height: 22px; position: relative; font-size: 15px; color: #666; text-transform: uppercase; padding-left: 32px; } .radio-poll label:before { content:''; font-family: 'Material-Design-Iconic-Font'; font-size: 25px; color: #444861; position: absolute; left: 0; top: 50%; margin-top: -15px; } .checkbox-circle input:checked ~ label:before { content:''; color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .checkbox-circle label { padding-left: 25px; } } /* ------------------------------------------------------------ *\ Checkbox Square \* ------------------------------------------------------------ */ .checkbox-square input { display: none; } .checkbox-square label { display: block; padding-left: 80px; position: relative; font-size: 14px; line-height: 2; color: #333; } .checkbox-square label strong { display: block; font-size: 16px; } .checkbox-square label:before { content: '\f00c'; width: 34px; height: 34px; border: 1px solid #a2a2a2; position: absolute; left: 9px; top: 10px; font-family: 'FontAwesome'; font-size: 15px; color: transparent; text-align: center; line-height: 34px; transition: color .4s ease; } .checkbox-square input:checked ~ label:before { color: #333; } .checkbox-small-square { display: block; text-align: center; } .checkbox-small-square label { font-weight: 500; font-size: 14px; color: rgba(237, 237, 237, .7); padding: 30px 0 0; } .checkbox-small-square label:before { width: 22px; height: 22px; left: 50%; top: 0; margin-left: -11px; margin-top: 0; line-height: 22px; font-size: 11px; } .checkbox-small-square input:checked ~ label:before { color: #fff; } /* ------------------------------------------------------------ *\ Checkbox Large \* ------------------------------------------------------------ */ .checkbox-large { position: relative; } .checkbox-large input { display: none; } .checkbox-large label { display: block; position: relative; } .checkbox-large label:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow.png) no-repeat center bottom; background-size: contain; position: absolute; left: 0; top: 0; z-index: 1; } .checkbox-large label:after { content: '\f00c'; font-family: 'FontAwesome'; width: 45px; height: 45px; background-color: #f5f5f5; border: 2px solid #121736; border-radius: 50%; position: absolute; right: 22px; top: -19px; z-index: 10; text-align: center; line-height: 42px; padding-left: 1px; color: transparent; transition: color .4s ease; } .checkbox-large label span { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #e5e6e9; margin: 0; padding: 15px 20px; position: absolute; left: 0; bottom: 0; z-index: 5; } .checkbox-large label img { opacity: .6; transition: opacity .4s ease; } .checkbox-large label:hover:after { color: #222222; } .checkbox-large input:checked ~ label:after { color: #121736; } .checkbox-large input:checked ~ label img { opacity: 1; } /* Tablet Portrait */ @media (max-width: 1023px) { .checkbox-large label img { width: 100%; height: auto; } } /* Mobile */ @media (max-width: 767px) { .checkbox-large label:hover:after { color: transparent; } } /* ------------------------------------------------------------ *\ Custom Select \* ------------------------------------------------------------ */ .fs-dropdown-open .fs-dropdown-selected, .fs-dropdown-focus .fs-dropdown-selected { background-color: transparent; box-shadow: none; } .fs-dropdown-selected { height: 34px; line-height: 34px; padding: 0 30px 0 18px; border-radius: 0; background-color: transparent; border-color: #ddd; font-family: ''Roboto'', sans-serif; font-weight: 400; font-size: 12px; color: #666; } .fs-dropdown-selected:after { content: '\f078'; font-family: 'FontAwesome'; font-size: 10px; color: #878787; border: 0; width: auto; height: auto; transition: color .4s ease; } .fs-dropdown-selected:hover:after, .fs-dropdown-open .fs-dropdown-selected:after { color: #1b2352; } .fs-dropdown-options { border: 1px solid #ddd; box-shadow: none; padding: 5px 16px; margin-top: 2px; } .fs-dropdown-item { height: 43px; line-height: 43px; padding: 0; font-size: 13px; border: 0; border-bottom: 1px solid #ddd; transition: opacity .4s ease; } .fs-dropdown-item:hover { opacity: .5; } .fs-dropdown-item_selected { background-color: transparent; color: #1b2352; } /* ------------------------------------------------------------ *\ Custom File Upload \* ------------------------------------------------------------ */ .file-upload { width: 122px; display: inline-block; position: relative; overflow: hidden; border: 1px solid #dedede; border-bottom: 0; padding-top: 117px; background: url(../images/avatar-placeholder.png) no-repeat center 18px; } .file-upload-btn { display: block; padding: 6px 0; text-align: center; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #222222; border: 1px solid #fff; margin-left: -1px; margin-right: -1px; } .file-upload-input { /*opacity: 0; font-size: 100px; position: absolute; bottom: -10px; right: -10px; cursor: pointer;*/width: 122px;height: 148px;position: absolute;top: 0;opacity: 0;cursor:pointer; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form .form-col { float: left; } .form .form-col-1of2 { width: 50%; } .form .form-col-full { width: 100%; } /* Tablet Portrait */ @media (max-width: 1023px) { .form .form-col-1of2 { width: 100%; } .form .form-col-1of2 ~ .form-col-1of2 { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Form Subscribe \* ------------------------------------------------------------ */ .form-subscribe {display: inline-block;text-align: center;font-size: 0;position: relative;/* left: 34px; */} .form-subscribe .form-head, .form-subscribe .form-body { display: inline-block; vertical-align: middle; text-align: left; } .form-subscribe .form-head { width: 235px; } .form-subscribe .form-head h4 { margin: 0; font-size: 20px; text-transform: uppercase; letter-spacing: .03em; padding-left: 30px; position: relative; line-height: 1.2; } .form-subscribe .form-head h4 i { position: absolute; left: 0; top: 0; font-size: 26px; color: #dadada; } .form-subscribe .form-head h4 > span { display: block; text-transform: none; font-weight: 400; font-size: 11px; opacity: .7; } .form-subscribe .form-head h4 strong span { font-weight: 400; } .form-subscribe .form-body {width: 875px;background-color: #121736;padding: 8px 10px;} .form-subscribe .form-body .field, .form-subscribe .form-body .list-checkboxes { display: inline-block; vertical-align: middle; margin: 0; } .form-subscribe .form-body .field { width: 205px; height: 32px; font-size: 13px; color: #fff; background-color: transparent; border: 0; padding: 9px 10px 8px; } .form-subscribe .form-body .field::-webkit-input-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field::-moz-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field:-moz-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .form-body .field:-ms-input-placeholder { color: rgba(255, 255, 255, .5); font-style: italic; } .form-subscribe .list-checkboxes { list-style: none; } .form-subscribe .list-checkboxes li { display: inline-block; vertical-align: middle; } .form-subscribe .list-checkboxes li ~ li { margin-left: 30px; } .form-subscribe .form-actions { position: absolute; right: 10px; top: 8px; } .form-subscribe .form-actions .btn-red { padding: 0 10px; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-subscribe { left: 0; } .form-subscribe form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-subscribe .form-head { -webkit-flex: 0 0 235px; -ms-flex: 0 0 235px; flex: 0 0 235px; } } /* Mobile */ @media (max-width: 767px) { .form-subscribe { width: 100%; } .form-subscribe form { display: block; } .form-subscribe .form-head { width: 100%; display: block; margin-bottom: 10px; } .form-subscribe .form-body { width: auto; display: block; margin-bottom: 20px; margin-left: 27px; } .form-subscribe .form-body .list-checkboxes { position: absolute; left: 27px; top: 100%; margin-top: 4px; } .form-subscribe .list-checkboxes li ~ li { margin-left: 8px; } .form-subscribe .form-actions { /*right: 0; top: 100%;*/right: 10px;top: auto;bottom: 28px; margin-top: -4px; } } /* ------------------------------------------------------------ *\ Form Adv \* ------------------------------------------------------------ */ .form-adv img { max-width: none; } .form-adv .form-row { margin-left: -38px; } .form-adv .form-row:after { } .form-adv .form-row ~ .form-row { margin-top: 15px; } .form-adv .form-row:last-child { margin-top: 56px; } .form-adv .form-row:last-child .form-col:last-child { padding-top: 44px; padding-left: 44px; } .form-adv .form-col-1of2 { padding-left: 38px; } .form-adv .form-head { padding: 38px 44px 26px; border-bottom: 1px solid #fff; } .form-adv .form-head h6 { font-weight: 400; font-size: 14px; color: #777; text-transform: uppercase; line-height: 2; margin: 0; } .form-adv .form-body { padding: 50px 95px 30px 44px; } .form-adv .fs-dropdown { margin: 0; } .form-adv .list-checkboxes { margin: 14px 0 43px; } .form-adv .list-checkboxes li { display: inline-block; vertical-align: middle; } .form-adv .list-checkboxes li ~ li { margin-left: 22px; } .form-adv .checkbox { position: relative; } .form-adv .checkbox input, .form-adv .checkbox label { display: inline-block; vertical-align: middle; } .form-adv .checkbox input { position: relative; top: -1px; } .form-adv .checkbox label { padding: 0 0 0 3px; } .form-adv .btn-red { padding: 0 15px; } .form-adv .form-hint { display: inline-block; vertical-align: middle; margin-left: 13px; font-size: 13px; color: #444; } .form-adv .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-adv .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-adv .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-adv .close { display: inline-block; width: 52px; height: 52px; position: relative; } .form-adv .close:before, .form-adv .close:after { content: ''; width: 1px; height: 140%; background-color: #8c8d8e; position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .form-adv .close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .form-adv .close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .form-adv.show-alert .form-alert { opacity: 1; visibility: visible; } /* Small Desktop */ @media (max-width: 1279px) { .form-adv img { max-width: 100%; } .form-adv .form-hint { display: block; margin-left: 0; margin-top: 10px; } .form-adv .form-row:last-child .form-col:last-child { padding-top: 0; } .form-adv .form-head, .form-adv .form-body { padding: 30px; } .form-adv .list-checkboxes li ~ li { margin-left: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-adv .form-hint { display: inline-block; margin: 0; } } /* Mobile */ @media (max-width: 767px) { .form-adv .form-head { border-bottom: 1px solid #eceeef; padding: 15px; } .form-adv .form-body { padding: 30px 32px 20px 22px; } .form-adv .list-checkboxes { margin: 14px 0 10px; } .form-adv .form-row:last-child { margin-top: 25px; } .form-adv .form-hint .line { margin-right: 5px; margin-left: 10px; } } /* ------------------------------------------------------------ *\ Form Apply \* ------------------------------------------------------------ */ .form-apply h6 { font-weight: 400; font-size: 13px; color: #ca0000; margin-bottom: 24px; } .form-apply .form-row { margin-left: -38px; } .form-apply .form-row .form-row { margin-left: 0; } .form-apply .form-row:after { } .form-apply .form-row ~ .form-row { margin-top: 15px; } .form-apply .form-group ~ .form-group { margin-top: 44px; } .form-apply .form-group:first-child .form-row:last-child { margin-top: 27px; } .form-apply .form-group:last-child { margin-top: 68px; } .form-apply .form-group:last-child .form-row:last-child { margin-top: 38px; } /*.form-apply .form-group:last-child .form-row:last-child .form-col:last-child { padding-top: 38px; padding-left: 43px; }*/ .form-apply .form-col-1of2 { padding-left: 38px; } .form-apply .fs-dropdown { margin: 0; } .form-apply .form-group-actions { padding-top: 10px; } .form-apply .form-group-actions a { display: inline-block; font-size: 13px; color: #777; } .form-apply .file-upload { margin-top: -8px; margin-bottom: -6px; overflow:visible; } .form-apply .btn-red { padding: 0 16px; } .form-apply .form-hint { display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 13px; color: #444; } .form-apply .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-apply .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-apply .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-apply.show-alert .form-alert { opacity: 1; visibility: visible; } .form-apply .uploadContainer { height:160px; } .form-apply #divPicture, .form-apply #divCv { position:absolute;top:0;left:0; } .form-apply #divPicture .progressWrapper, .form-apply #divCv .progressWrapper { font-size:11px; } .form-apply #imageThumb { position: absolute;top: 0; left: 0;width: 100%;height: 100%;background-repeat: no-repeat;} /* Small Desktop */ @media (max-width: 1279px) { .form-apply .form-group:last-child .form-row:last-child .form-col:last-child { padding-top: 0; } .form-apply .form-hint { display: block; margin-left: 0; margin-top: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-apply .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-apply .form-group ~ .form-group { margin-top: 30px; } .form-apply .form-group:first-child .form-row:last-child, .form-apply .form-group:last-child .form-row:last-child { margin-top: 15px; } .form-apply .form-hint .line { margin-right: 5px; margin-left: 10px; } .form-apply .custom-select { position: relative; z-index: 20; } } /* ------------------------------------------------------------ *\ Form Contact \* ------------------------------------------------------------ */ .form-contact .form-row { margin-left: -38px; } .form-contact .form-row .form-row { margin-left: 0; } .form-contact .form-row:after { } .form-contact .form-row ~ .form-row { margin-top: 15px; } .form-contact .form-row:last-child { margin-top: 30px; } .form-contact .form-row:last-child .form-col:last-child { padding-top: 36px; } .form-contact .form-col { padding-left: 38px; } .form-contact .form-col-full { margin-top: 13px; } .form-contact .form-actions { padding-top: 10px; } .form-contact .form-actions .btn { padding: 0 18px; } .form-contact .form-row:last-child .form-col:last-child { padding-top: 38px; padding-left: 44px; } .form-contact .form-hint { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 13px; color: #444; } .form-contact .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 10px; } .form-contact .form-alert { width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-contact .form-alert h5 { margin: 0; font-size: 16px; text-transform: uppercase; direction: ltr; } .form-contact.show-alert .form-alert { opacity: 1; visibility: visible; } .form-contact .g-recaptcha, .form-adv .g-recaptcha, .form-apply .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; direction:ltr;} .form-contact .g-recaptcha {margin-top:12px; } .form-adv .g-recaptcha { margin-top:18px; } .form-apply .g-recaptcha { margin-top:12px; } /* Small Desktop */ @media (max-width: 1279px) { .form-contact .form-row:last-child .form-col:last-child { padding-top: 0; } .form-contact .form-hint { display: block; margin-left: 0; margin-top: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .form-contact .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-contact .form-row:last-child { margin-top: 15px; margin-bottom: 0; } .form-contact .form-actions { padding-bottom: 20px; } .form-contact .form-hint .line { margin-left: 10px; margin-right: 5px; } } /* ------------------------------------------------------------ *\ Form Login \* ------------------------------------------------------------ */ .form-login { width: 420px; color: #fff; text-align: center; position: relative; } .form-login form { transition: opacity 1s ease, visibility 1s ease; } .form-login h5 { font-size: 16px; margin-bottom: 20px; color: #edf1f2; } .form-login .form-row { font-size: 0; } .form-login .form-row-alt { margin: 53px 0 30px !important; } .form-login .form-row-alt .form-controls { display: block; width: 100%; } .form-login .form-row ~ .form-row { margin-top: 17px; } .form-login .form-head { margin-bottom: 25px; } .form-login .form-head h5 { margin-bottom: 0; } .form-login .form-label, .form-login .form-controls { display: inline-block; vertical-align: middle; } .form-login .form-label { width: 24%; height: 50px; padding: 16px 0 16px 21px; border: 1px solid rgba(255, 255, 255, .3); border-right: 0; font-size: 13px; color: #eef1f2; text-align: left; } .form-login .form-controls { width: 76%; } .form-login .field { height: 50px; border-color: rgba(255, 255, 255, .3); padding: 17px 15px 16px; color: #fff; } .form-login .link-forgot-pass { display: inline-block; font-size: 13px; color: #eef1f2; opacity: .5; text-decoration: underline; margin: 10px 0 0; } .form-login .link-forgot-pass:hover { text-decoration: none; } .form-login .btn-red { min-width: 130px; } .form-login .btn ~ .btn { margin-left: 15px; } .form-login .form-foot { margin-top: 57px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, .2); } .form-login .form-foot .btn { margin-bottom: 30px; } .form-login .form-alert { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; } .form-login .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; direction: ltr; } .form-login.show-alert form { opacity: 0; visibility: hidden; } .form-login.show-alert .form-alert { opacity: 1; visibility: visible; } /* Form Login Secondary */ .form-login-secondary .form-head { margin-bottom: 30px; } .form-login-secondary .form-head h5 span { display: block; font-weight: 500; font-size: 15px; color: #eee; opacity: .85; padding-top: 7px; } .form-login-secondary .form-actions { padding-top: 40px; } /* Mobile */ @media (max-width: 767px) { .form-login { width: 100%; } .form-login-secondary .form-head h5 span { padding: 7px 10px 0; } .form-login .form-label { width: 34.6%; } .form-login .form-controls { width: 65.4%; } .form-login-secondary .form-actions { padding-top: 30px; } } /* ------------------------------------------------------------ *\ Form Register \* ------------------------------------------------------------ */ .form-register .form-head { margin-bottom: 42px; } .form-register .form-row ~ .form-row { margin-top: 10px; } .form-register .form-label-required { border-left-color: #ca0000; } .form-register .fs-dropdown-selected { height: 50px; line-height: 48px; margin: 0; border-color: rgba(255, 255, 255, .2); color: #fff; font-weight: 400; font-size: 13px; } .form-register .fs-dropdown-selected:after { color: #fff; } .form-register .form-label { width: 34.5%; } .form-register .form-controls { width: 65.5%; } .form-register .checkbox-square { margin-bottom: 20px; } .form-register .form-actions { padding-top: 54px; } .form-register .form-hint { display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; margin-bottom: 15px; } .form-register .form-hint .line { display: inline-block; vertical-align: middle; width: 2px; height: 15px; background-color: #ca0000; margin-right: 7px; } /* Mobile */ @media (max-width: 767px) { .form-register .form-head { margin: 20px 0 25px; } .form-register .fs-dropdown { margin: 0; } .form-register .form-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-register .form-label { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 34.5%; -ms-flex: 0 0 34.5%; flex: 0 0 34.5%; padding: 0 0 0 21px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-register .form-controls { -webkit-flex: 0 0 65.5%; -ms-flex: 0 0 65.5%; flex: 0 0 65.5%; } .form-register .form-actions { padding-top: 35px; } .form-register .checkbox-square { margin-bottom: 30px; } } /* ------------------------------------------------------------ *\ Form Profile \* ------------------------------------------------------------ */ .form-profile { position: relative; } .form-profile .form-row { margin-left: -38px; } .form-profile .form-row .form-row { margin-left: 0; } .form-profile .form-row:after { } .form-profile .form-row ~ .form-row { margin-top: 25px; } .form-profile .form-col-1of2 { padding-left: 38px; } .form-profile .fs-dropdown { margin: 0; } .form-profile .required .fs-dropdown-selected { border-left-color: #ca0000; } .form-profile form:after { } .form-profile .form-body, .form-profile .form-actions { float: left; } .form-profile .form-body { width: 40.5%; } .form-profile .form-actions { width: 24.6%; margin-left: 6.7%; } .form-profile .form-actions { padding-top: 21px; } .form-profile .form-actions-inner { width: 24.6%; position: absolute; left: 47.8%; bottom: 0; } .form-profile .form-actions-inner .btn { padding: 0 16px 0 15px; } .form-profile .checkbox { position: relative; padding-left: 35px; } .form-profile .checkbox input { position: absolute; left: 0; top: 0; } .form-profile .checkbox label { padding: 0; } .form-profile .list-checkboxes li ~ li { margin-top: 23px; padding-top: 24px; border-top: 1px dotted #b9b9b9; } .form-profile .form-hint { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 13px; color: #444; } .form-profile .form-hint .line { display: inline-block; vertical-align: middle; width: 1px; height: 32px; background-color: #ca0000; margin-right: 7px; } .form-profile .custom-select { position: relative; z-index: 20; } .form-profile .form-alert { width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease; direction: ltr; } .form-profile .form-alert h5 { margin: 50px 0 0; font-size: 16px; text-transform: uppercase; } .form-profile.show-alert .form-alert { opacity: 1; visibility: visible; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-profile .form-body, .form-profile .form-actions { width: 50%; } .form-profile .form-actions { margin-left: 0; padding-left: 30px; } .form-profile .form-actions-inner { width: 50%; left: 50%; padding-left: 30px; } .form-profile .form-hint { display: inline-block; margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .form-profile .form-body, .form-profile .form-actions { float: none; width: 100%; } .form-profile .form-actions { padding-left: 0; } .form-profile .checkbox { padding-left: 20px; } .form-profile .list-checkboxes li ~ li { margin-top: 15px; padding-top: 15px; } .form-profile .form-actions-inner { width: 100%; position: relative; left: 0; padding-left: 0; } } /* ------------------------------------------------------------ *\ Form Create Account \* ------------------------------------------------------------ */ .form-create-account { position: relative; } .form-create-account .form-row ~ .form-row { margin-top: 28px; } .form-create-account .form-row-alt { font-size: 0; } .form-create-account .form-row-alt .form-label, .form-create-account .form-row-alt .form-controls { display: inline-block; vertical-align: middle; } .form-create-account .form-row-alt .form-label { width: 23.4%; height: 50px; line-height: 48px; border: 1px solid #e6e6e6; border-right: 0; padding: 0 7px 0 0; font-size: 13px; color: #333; text-align: center; } .form-create-account .form-row-alt .form-controls { width: 76.6%; } .form-create-account .form-row-alt .field { height: 50px; padding: 17px 18px 16px; border-color: #e6e6e6; } .form-create-account .checkbox-small-square { margin-left: -20px; } .form-create-account .checkbox-small-square label { display: inline-block; font-size: 13px; color: rgba(119, 119, 119, .7); padding: 0 0 0 30px; } .form-create-account .checkbox-small-square label:before { left: 0; margin-left: 0; top: 50%; margin-top: -11px; border-color: #e7e7e7; } .form-create-account .checkbox-small-square input:checked ~ label:before { color: #333; } .form-create-account .btn { min-width: 130px; margin-left: -13px; } .form-create-account .form-alert { display: none; } .form-create-account .form-alert h5 { width: 70%; margin: 0 auto; line-height: 1.2; text-transform: uppercase; } .form-create-account.show-alert .form-body { display: none; } .form-create-account.show-alert .form-alert { display: block; } /* Mobile */ @media (max-width: 767px) { .form-create-account .form-row-alt .form-label { width: 39%; } .form-create-account .form-row-alt .form-controls { width: 61%; } .form-create-account .checkbox-small-square { margin-left: -10px; } } /* ------------------------------------------------------------ *\ Form Search Global \* ------------------------------------------------------------ */ .form-search-global { font-size: 0; position: relative; } .form-search-global .btn-red { width: 110px; height: 110px; background-color: #ca0000; border-radius: 50%; position: absolute; right: 0; top: 53%; margin-top: -55px; border: 0; } .form-search-global .btn-red:hover { background-color: #121736; color: #fff; } .form-search-global .btn-red i { font-size: 45px; } .form-search-global .field { height: auto; line-height: 180px; padding: 0 130px 0 0; border: 0; font-weight: 700; font-size: 100px; color: #ca0000; } .form-search-global .field::-webkit-input-placeholder { color: #c1c1c1; padding-left: 0px; } .form-search-global .field::-moz-placeholder { color: #c1c1c1; padding-left: 0px; } .form-search-global .field:-moz-placeholder { color: #c1c1c1; padding-left: 0px; } .form-search-global .field:-ms-input-placeholder { color: #c1c1c1; padding-left: 0px; } /* Mobile */ @media (max-width: 767px) { .form-search-global .field { font-size: 30px; line-height: 70px; padding: 0 70px 0 0; } .form-search-global .field::-webkit-input-placeholder { padding-left: 20px; } .form-search-global .field::-moz-placeholder { padding-left: 20px; } .form-search-global .field:-moz-placeholder { padding-left: 20px; } .form-search-global .field:-ms-input-placeholder { padding-left: 20px; } .form-search-global .btn-red { width: 56px; height: 56px; margin-top: -28px; } .form-search-global .btn-red i { font-size: 23px; position: relative; top: 4px; left: -2px; } } /* ------------------------------------------------------------ *\ Form Tweet Comment \* ------------------------------------------------------------ */ .form-tweet-comment { text-align: center; } .form-tweet-comment .textarea { height: 65px; resize: vertical; border-radius: 3px; border: 1px solid #0F1419; box-shadow: 0 0 1px #0F1419; padding: 10px; text-align: left; } .form-tweet-comment .btn-tweet { margin-top: 10px; } /* ------------------------------------------------------------ *\ Grid \* ------------------------------------------------------------ */ .grid { padding: 0 40px; overflow: hidden; } .grid-item { padding: 0 2px; margin-bottom: 4px; float: left; position: relative; float: left; } .grid-item .banner { margin: 0; } .grid-item .grid-item-image { position: relative; z-index: 2; } .grid-item .grid-item-image a { display: block; position: relative; } .grid-item .grid-item-image a:before { content: ''; width: 100%; height: 100%; background-color: #333; opacity: 0; transition: opacity .4s ease; position: absolute; left: 0; top: 0; z-index: 2; } .grid-item .grid-item-image a:after { content: ''; background: url(../images/shadow-wide.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .grid-item .grid-item-image img { width: 100%; height: auto; } .grid-item .grid-item-content { padding: 0 26px 20px 36px; position: absolute; left: 2px; right: 2px; bottom: 0; z-index: 10; } .grid-item .grid-item-content h4 { font-family: 'TheSans', sans-serif; font-size: 22px; color: #fff; text-transform: uppercase; margin-bottom: 0; } .grid-item .grid-item-content p { margin: 0; font-weight: 700; font-size: 14px; opacity: .75; color: #fff; } .grid-item .grid-item-content p span { margin-left: 10px; } .grid-item .grid-item-content ul { display: inline-block; list-style: none; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid rgba(255, 255, 255, .1); } .grid-item .grid-item-content ul li { display: inline-block; vertical-align: middle; } .grid-item .grid-item-content ul li ~ li { margin-left: 15px; } .grid-item .grid-item-content ul a { display: block; font-weight: 700; font-size: 14px; text-decoration: underline; color: #fff; transition: color .4s ease; } .grid-item .grid-item-content ul a:hover { color: #ca0000; } .grid-item .grid-item-content .link-more { width: 36px; height: 36px; background-color: #121736; border-radius: 50%; position: absolute; right: 26px; bottom: 20px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .3); font-size: 22px; color: #fff; text-align: center; line-height: 39px; padding-left: 3px; transition: background-color .4s ease; } .grid-item .grid-item-content .link-more:hover { background-color: #ca0000; } .grid-item:hover .grid-item-image a:before { opacity: .25; } /* Sizes */ .grid-item-small { width: 25.4%; } .grid-item-medium { width: 36.8%;height:220px;overflow:hidden; } .grid-item-medium-alt { width: 37.3%;height:249px;overflow:hidden; } .grid-item-large { width: 63.2%;height:444px;overflow:hidden; } /* Small Desktop */ @media (max-width: 1279px) { .grid-item-large { width: 63.2%; } .grid-item-medium { width: 36.7%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .grid-item-large { width: 100%; } .grid-item-small, .grid-item-medium, .grid-item-medium-alt { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .grid { padding: 0; height: 240px; overflow: hidden; } .grid-item { padding: 0; display: block; margin: 0; height: 240px; overflow: hidden; } .grid-item:first-child { display: block; } .grid-item .grid-item-image img { height: 240px; max-width: none; width: auto; } .grid-item .grid-item-content { padding: 0 26px 20px 15px; } .grid-item-small, .grid-item-medium, .grid-item-medium-alt { width: 100%; } } /* ------------------------------------------------------------ *\ Hightlights \* ------------------------------------------------------------ */ .highlights h3 {font-weight: 700;font-size: 20px;text-align: right;color: #333;margin: 0 0 12px;border-bottom: 1px solid #ccc;padding-bottom: 12px;} .highlights ul {list-style: none;margin: 0;padding: 0;/* border-bottom: 1px solid #ddd; */padding-top: 20px;display: inline-block;} .highlights ul li {/* border-top: 1px solid #ddd; */position: relative;width: 145px;/* float: left; */display: inline-block;vertical-align: text-top;} .highlights ul a:not([class]) {display: block;padding: 10px 0;font-size: 14px;text-decoration: none;position: relative;transition: color .4s ease;} .highlights ul a:not([class]):before {content: '';height: 100%;position: absolute;left: -10px;right: 0;top: 0;/* background-color: #1b2352; */z-index: -1;opacity: 0;transition: opacity .4s ease;} .highlights ul a.icon i {position: absolute;right: 10px;top: 43%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 16px;opacity: .5;transition: opacity .4s ease;} .highlights ul li:hover a {/* color: #fff; */} .highlights ul li:hover a:before, .highlights ul li:hover a i { opacity: 1; } .en .highlights h3{text-align:left} .highlights ul li p{display:inline-block;padding-left:10px;vertical-align:middle;width: 100%;padding-top: 11px;font-size: 14.5px;margin-bottom: 8px;font-weight: bold;} .highlights ul li img{height: 85px;object-fit: cover;} .en .highlights ul li p{ padding-left: 0px; padding-right: 6px; } #homePage .highlights{margin-bottom:25px;} .en .highlights .benner{height:auto} .highlights ul li.item-image{width:300px} /* Mobile */ @media (max-width: 767px) { .highlights { margin-bottom: 25px; } .highlights h3 { text-align: left; } .highlights ul a:hover { color: #333; } .highlights ul a:hover:before { opacity: 0; } .highlights ul a:hover i { opacity: .5; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; height: 456px; } .intro-small { height: 328px; } .intro .intro-image { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 1; } .intro .intro-image img { display: none; } .intro .intro-content { width: 100%; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .intro .intro-content h1 { font-size: 40px; text-transform: uppercase; text-shadow: 0 7px 4px rgba(0,0,0, .15); letter-spacing: -.03em; } .intro .intro-content h1 span { display: block; font-size: 16px; color: #eef1f2; letter-spacing: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .intro .intro-content h1 { font-size: 32px; } } /* Mobile */ @media (max-width: 767px) { .intro .intro-content { padding: 0 25px; } .intro .intro-content h1 { font-size: 35px; } } /* ------------------------------------------------------------ *\ Intro Corporate About \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-corporate-about { height: 334px; } .intro-corporate-about .intro-image { background-position: 57% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Careers \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-corporate-careers .intro-content { padding: 0; } .intro-corporate-careers .intro-image { background-position: 37% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Production \* ------------------------------------------------------------ */ .intro-corporate-production .intro-content h1 { margin-bottom: 26px; letter-spacing: -.03em; } .intro-corporate-production .intro-content h1 a { display: block; margin-bottom: 0; text-decoration: none; } .intro-corporate-production .intro-content h6 { max-width: 880px; margin: 0 auto; font-weight: 400; font-size: 14px; color: #bebebe; line-height: 2; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .intro-corporate-production { height: 338px; } .intro-corporate-production .intro-content { padding: 0; } .intro-corporate-production .intro-content h1 { margin: 0; } .intro-corporate-production .intro-content h6 { display: none; } } /* ------------------------------------------------------------ *\ Intro Corporate Contact \* ------------------------------------------------------------ */ .intro-corporate-contact .intro-content { top: 55%; } .intro-corporate-contact .icon { display: inline-block !important; margin: 12px 0 0; padding: 0 10px; position: relative; font-size: 36px !important; } .intro-corporate-contact .icon:before, .intro-corporate-contact .icon:after { content: ''; width: 106px; height: 1px; background-color: #fff; opacity: .4; position: absolute; top: 50%; } .intro-corporate-contact .icon:before { right: 100%; } .intro-corporate-contact .icon:after { left: 100%; } /* Mobile */ @media (max-width: 767px) { .intro-corporate-contact .intro-content { top: 50%; } .intro-corporate-contact .intro-image { background-position: 80% center; } } /* ------------------------------------------------------------ *\ Intro Corporate Watch \* ------------------------------------------------------------ */ .intro-corporate-watch { height: 220px; } /* ------------------------------------------------------------ *\ Intro Program \* ------------------------------------------------------------ */ .intro-program { height: 495px; position: relative; margin-top: 58px; } .intro-program .intro-bg { width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; left: 0; top: 0; z-index: 1; } .intro-program .intro-bg img { display: none; } .intro-program .play-promo{background:#000;cursor:pointer;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:99;border:1px solid #fff;width:80px;height:80px;border-radius:80px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;transition-property: transform;} .intro-program .play-promo:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .intro-program .zmdi-play {font-size:80px;color:#C71418;position:absolute;left:28px;} .intro-program .intro-head { width: 100%; padding: 20px 0; background-color: rgba(22,24,54,0.58); position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; color: #fff; } .intro-program .intro-head .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /*padding: 0 0 0 18px;*/ } .intro-program .intro-head-title { margin-left: 15px; } .intro-program .intro-head-title h2 { font-size: 38px; text-transform: uppercase; } .intro-program .intro-head-title h2 span { display: block; font-weight: 400; font-size: 15px; opacity: .75; } .intro-program .intro-head-aside { margin-bottom: 5px; } .intro-program .socials ul a { font-size: 16px; color: #fff; opacity: .85; transition: color .4s ease; } .intro-program .socials ul li { vertical-align: baseline; } .intro-program .socials ul li ~ li { margin-left: 31px; } .intro-program .socials ul li.separator { position: relative; text-align: right; font-size: 37px; line-height: 1.2; margin-left: 43px; } .intro-program .socials ul li.separator:before { content: '/'; font-weight: 700; font-size: 38px; position: absolute; right: 100%; bottom: 0; margin-right: 5px; } .intro-program .socials ul li.separator span { display: block; font-weight: 400; font-size: 12px; } .intro-program .intro-content { width: 100%; position: absolute; left: 0; bottom: 48px; z-index: 10; } .intro-program .intro-content .banner { margin: 15px 0 0 0; } .intro-program .intro-content .banner-small { max-width: 300px; } .intro-program .intro-content .shell { padding-left: 36px; } .intro-program .intro-content .fs-dropdown { width: 210px; margin: 0; position: relative; } .intro-program .intro-content .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: -1px; bottom: -1px; z-index: 52; } .intro-program .intro-content .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .intro-program .intro-content .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .intro-program-small { height: auto; } .intro-program-small .intro-head { position: relative; /*background-color: #222;*/ } .intro-program.is-archived {margin-top:0;} @media ( max-width: 1279px ) { .intro-program .intro-head-title { margin-left: 0; } .intro-program .intro-head .shell { padding: 0 15px; } } /* Small Desktop */ @media (max-width: 1279px) { .intro-program .intro-head .shell, .intro-program .intro-content .shell { padding: 0 10px; } .intro-program .intro-head-title { margin-left: 0; } } /* Mobile */ @media (max-width: 767px) { .intro-program { margin-top: 0; height: auto; } .intro-program .intro-head { padding: 20px 0 15px; position: relative; background-color: #161836; overflow: hidden; } .intro-program .intro-head .shell { display: block; } .intro-program .intro-head-title { position: relative; margin-bottom: 50px; } .intro-program .intro-head-title:before { content: ''; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: -15px; bottom: -30px; right: -15px; } .intro-program .intro-head-title h2 { font-size: 22px; } .intro-program .intro-head-title h2 span { display: none; } .intro-program .intro-content, .intro-program .intro-bg { /*display: none;*/position:initial; } .intro-program .intro-bg img{display:block;} .intro-program .play-promo{margin-top:0;} .intro-program .intro-head .shell, .intro-program .intro-content .shell { padding: 0 15px; } .intro-program .socials { position: relative; } .intro-program .socials ul li ~ li { margin-left: 15px; } .intro-program .socials ul li.separator { position: absolute; left: 0; bottom: 100%; font-size: 16px; opacity: .75; margin: 0 0 30px; text-transform: capitalize; } .intro-program .socials ul li.separator span { display: inline-block; vertical-align: middle; padding-right: 5px; } .intro-program .socials ul li.separator strong { font-size: 16px; } .intro-program .socials ul li.separator:before { display: none; } .intro-program .custom-select { width: 140px; position: absolute; right: 0; top: -6px; } .intro-program-small .intro-head-aside { position: relative; } .intro-program .custom-select .fs-dropdown { width: 100%; margin: 0; position: relative; } .intro-program .custom-select .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .intro-program .custom-select .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .intro-program .custom-select .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .intro-landing .intro-content { display: block; bottom: 0; top: auto; } .intro-landing .intro-content .banner { display: none; } .intro-landing .intro-content .custom-select { right: 15px; top: -46px; } .intro-program .play-promo{background: #000;cursor: pointer;position: absolute;left: 20px;bottom: 2%;top:auto;z-index: 99;border: 1px solid #fff;width: 40px;height: 40px;border-radius: 80px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;transition-property: transform;margin-left:0;margin-top:0;} .intro-program .zmdi-play {font-size:40px;color:#C71418;position:absolute;left:13px;} } /* ------------------------------------------------------------ *\ Intro Program Gallery Inner \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .intro-program-gallery-inner .intro-head { display: none; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Posts \* ------------------------------------------------------------ */ .list-posts {overflow: hidden;padding: 0;margin: 0 -8px;padding-left: 12px;padding-right: 12px;} .list-posts li { float: left; width: 33.3333%; padding: 0 8px; } /* Mobile */ @media (max-width: 767px) { .list-posts {margin-bottom:20px !important;padding-top: 7px;border-top: 1px solid #eee;} .list-posts li {float: none;width: 100%;padding: 0;border-bottom: 1px solid #eee;} .list-posts li ~ li {margin-top: 9px;} .list-posts .post { overflow: hidden; position: relative; } .list-posts .post-image {float: left;width: 150px;height: 91px;overflow: hidden;} .list-posts .post .post-image .label { bottom: 5px; } .list-posts .post-image img { max-width: none; width: auto; height: 100%; } .list-posts .post .post-content { overflow: hidden; text-align: left; padding-left: 10px; } .list-posts .post .post-content a {padding-top: 3px;/* padding-left: 10px; */padding-right: 0;margin-top: -5px;padding-bottom: 0;margin-bottom: 15px;/* max-height: 38px; */overflow: hidden;font-weight: bold;font-size: 17px!important;} .list-posts .post { position: relative; } .list-posts .post .post-content { padding-left: 0; padding-right: 0; } .list-posts .post .post-image { overflow: visible; } } /* ------------------------------------------------------------ *\ List News \* ------------------------------------------------------------ */ .list-news { margin: 0 -7px; list-style: none; overflow: hidden; } .list-news li { float: left; width: 50%; padding: 0 7px; } .list-news li:nth-child(odd) { clear: left; } .list-news li.col-1of3 { width: 33.3333%; } .list-news li.col-1of4 { width: 24.6%;margin-bottom:20px; } .list-news li.col-1of6 { width: 16.6666%; height:200px} .list-news li.col-1of3:nth-child(odd), .list-news li.col-1of6:nth-child(odd),.list-news li.col-1of4:nth-child(odd) { clear: none; } .section-program-landing ~ .section-programs-news .section-body .list-news {margin:0;} /* ------------------------------------------------------------ *\ List News Primary \* ------------------------------------------------------------ */ .list-news-primary {background-color: #f5f5f5;padding: 15px 14px 17px 5px;margin-bottom: 33px;} .en .list-news-primary{ padding: 12px 3px 12px 12px; } .list-news-primary li {width: 49%;display: inline-block;padding: 3px;vertical-align: text-top;margin-bottom: 22px;} .list-news-primary li ~ li {/* margin-top: 13px; */position: relative;} .list-news-primary li ~ li:before {content: '';height: 1px;/* background-color: #e8e8e9; */position: absolute;left: 19.8%;margin-left: 10px;right: 0;top: -6px;display: none;} .list-news-primary li a {display: block;text-decoration: none;font-size: 0;/* padding-right: 65px; */position: relative;} .insection-feed .list-news-primary li a{padding-right:0;} .list-news-primary li img, .list-news-primary li p { display: inline-block; vertical-align: middle; margin: 0; } .list-news-primary li img {width: 100%;} .list-news-primary li p {width: 100%;font-size: 15px;line-height: 22px;/* padding-left: 20px; *//* padding-right:20px; */transition: color .4s ease;padding-top: 12px;font-weight: bold;min-height: 50px;} .list-news-primary li span {font-weight: 700;font-size: 12px;text-transform: uppercase;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width:75px;word-wrap:break-word;display: none;} .list-news-primary li:hover p { color: #1b2150; } .list-news-primary .color-dark img { border-left: 8px solid rgba(59, 58, 57, .9); } .list-news-primary .color-dark span { color: #3b3a39; } .list-news-primary .color-purple img { border-left: 8px solid rgba(79, 95, 185, .9); } .list-news-primary .color-purple span { color: #3e50b3; } .list-news-primary .color-yellow img { border-left: 8px solid rgba(217, 217, 0, .9); } .list-news-primary .color-yellow span { color: #b2b200; } /* Mobile */ @media (max-width: 767px) { .list-news-primary {padding: 3px;} .list-news-primary li a { padding: 0; } .list-news-primary li p {/* width: 71%; *//* max-height: 32px; */vertical-align: top;margin-bottom: 15px;overflow: hidden;} .list-news-primary li img {width: 100%;} .list-news-primary li span { left: 29%; right: auto; top: 35px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-left: 20px; font-size: 10px; opacity: 1; color: #333; } .list-news-primary li ~ li {/* margin-top: 30px; */} .list-news-primary li ~ li:before { left: 0; margin: 0; background-color: #fff; top: -15px; } .list-news-primary li:hover p { color: #333; } .list-news li.col-1of3, .list-news li.col-1of6,.list-news li.col-1of4 { width: 50%; } } /* ------------------------------------------------------------ *\ List Letters \* ------------------------------------------------------------ */ .list-letters { visibility:hidden;/*temporary*/display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-letters a { display: block; text-decoration: none; font-size: 12px; color: #333; transition: color .4s ease; } .list-letters:hover a { color: #878787; } .list-letters:hover a:hover, .list-letters li.active a { color: #ca0000 !important; } /* ------------------------------------------------------------ *\ List Watched Programs \* ------------------------------------------------------------ */ .list-watched-programs { margin: 0 -8px; overflow: hidden; } .list-watched-programs li { float: left; width: 50%; padding: 0 8px; } .list-watched-programs li:nth-child(odd) { clear: left; } /* Mobile */ @media (max-width: 767px) { .list-watched-programs .program-small { position: relative; } .list-watched-programs .program-small .program-image span { display: none; } } /* ------------------------------------------------------------ *\ List Watched Videos \* ------------------------------------------------------------ */ .list-watched-videos { margin: 0 -8px; overflow: hidden; position: relative; } .list-watched-videos:after { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 5px; right: 5px; bottom: 0; } .list-watched-videos li { float: left; width: 50%; padding: 0 8px; position: relative; } .list-watched-videos li:nth-child(n+3) { padding-top: 18px; } .list-watched-videos li:nth-child(n+3):before { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 8px; right: 0; top: 0; } .list-watched-videos li:nth-child(even):before { left: 0; right: 8px; } .list-watched-videos li:nth-child(odd) { clear: left; } .list-watched-videos .video { padding-bottom: 57.5%; overflow: visible;} .list-watched-videos .video-overlay { height: 100%; background-color: rgba(202, 0, 0, .8); position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .list-watched-videos .video-overlay:after { content: ''; background-color: #ff0000; width: 1px; position: absolute; top: 0; bottom: -20px; left: 100%; transition: background-color .4s ease; } .list-watched-videos .video-overlay .play { left: 100%; border: 1px solid #fff; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin-top: -18px; margin-left: -18px; transition: background-color .4s ease; } .list-watched-videos .video-overlay .playtime { font-size: 11px; color: #333; text-transform: uppercase; position: absolute; right: 0; bottom: -23px; padding-right: 7px; } .list-watched-videos .video-content { padding: 25px 0 20px; } .list-watched-videos .video-content h6 { font-size: 14px; text-transform: uppercase; margin: 0; } .list-watched-videos .video-content p { font-size: 14px; color: #555; opacity: .75; margin: 0 0 2px; line-height: 1.5; } .list-watched-videos .video-content .meta p { font-weight: 700; font-size: 12px; color: #333; opacity: .75; margin: 0; } .list-watched-videos .video-content .meta p span ~ span { margin-left: 7px; } .list-watched-videos .video:hover .video-overlay { background-color: rgba(18, 23, 54, .8); } .list-watched-videos .video:hover .video-overlay .play, .list-watched-videos .video:hover .video-overlay:after { background-color: #121736; } /* Mobile */ @media (max-width: 767px) { .list-watched-videos .video-content h6 { margin-bottom: 5px; } .list-watched-videos .video-content p { display: none; } .list-watched-videos .video-content .meta p { display: block; } .list-watched-videos .video-content .meta p span { display: block; } .list-watched-videos .video-content .meta p span:nth-child(2) { margin-left: 0; } .list-watched-videos .video-content .meta p span ~ span { display: inline-block; } .list-watched-videos li:nth-child(n+3) { padding-top: 5px; } .list-watched-videos li:nth-child(n+3):before { display: none; } .list-watched-videos .video:hover .video-overlay { background-color: rgba(202, 0, 0, .8); } .list-watched-videos .video:hover .video-overlay .play, .list-watched-videos .video:hover .video-overlay:after { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ List Playlists \* ------------------------------------------------------------ */ .list-playlists { margin: 0 -8px; overflow: hidden; } .list-playlists li { float: left; width: 50%; padding: 0 8px; position: relative; } .list-playlists li:nth-child(n+3) { padding-top: 30px; } .list-playlists li:nth-child(n+3):before { content: ''; height: 1px; background-color: #ddd; position: absolute; left: 8px; right: 0; top: 0; } .list-playlists li:nth-child(even):before { left: 0; right: 8px; } .list-playlists .video { padding-bottom: 57.5%; overflow: visible; } .list-playlists .video-content { padding: 20px 25px 15px 0; position: relative; } .list-playlists .video-content h6 { font-size: 14px; text-transform: uppercase; margin: 0; transition: color .4s ease; } .list-playlists .video-content .add-to-favorites { font-size: 18px; color: #ccc; position: absolute; right: 0; top: 15px; } .list-playlists .video-content .add-to-favorites i:before { transition: color .4s ease; } .list-playlists .video-content .add-to-favorites i:hover:before { content: '\f15f'; color: #ca0000; } .list-playlists .video-playlist { width: 46%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; right: 0; top: 0; z-index: 10; transition: background-color .4s ease; } .list-playlists .video-playlist span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 14px; color: rgba(255,255,255, .75); white-space: nowrap; text-align: center; } .list-playlists .video-playlist span i { font-weight: normal; font-size: 28px; margin-top: 2px; } .list-playlists .video-item:hover .video-playlist { background-color: rgba(202, 0, 0, .7); } .list-playlists .video-item:hover .video-content h6 { color: #ca0000; } /* Small Desktop */ @media (max-width: 1279px) { .list-playlists .video-playlist { width: 56%; } } /* Mobile */ @media (max-width: 767px) { .list-playlists .video-item:hover .video-playlist { background-color: rgba(0, 0, 0, .7); } .list-playlists .video-item:hover .video-content h6 { color: #333; } } /* ------------------------------------------------------------ *\ List Interests \* ------------------------------------------------------------ */ .list-interests { margin: 0 -3px; } .list-interests:after { } .list-interests li { float: left; width: 25%; padding: 0 3px; margin-top: 45px; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-interests li { width: 50%; margin-top: 6px; } } /* Mobile */ @media (max-width: 767px) { .list-interests li { width: 100%; margin-top: 0; } .list-interests li ~ li { margin-top: 40px; } } /* ------------------------------------------------------------ *\ List Tags \* ------------------------------------------------------------ */ .list-tags { margin: 0; padding: 0; font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list-tags li { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: inline-block; vertical-align: middle; margin: 0 2px 4px; } .list-tags a { height: 52px; line-height: 52px; padding: 0 25px; display: block; text-decoration: none; background-color: #ebebec; text-align: center; font-size: 13px; color: #444; text-transform: uppercase; } /* Small Desktop */ @media (max-width: 1279px) { .list-tags a { font-size: 12px; padding: 0 14px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .list-tags a { padding: 0 8px; height: 36px; line-height: 36px; } } /* Mobile */ @media (max-width: 767px) { .list-tags li { margin: 0 1.5px 3px; } .list-tags a { display: block; height: 36px; line-height: 36px; padding: 0 5px; font-size: 13px; } } /* ------------------------------------------------------------ *\ List Articles \* ------------------------------------------------------------ */ .list-articles { position: absolute; top: 100%; width: 315px; background-color: #ddd; margin-top: 22px; opacity: 0; visibility: hidden; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease; transition: opacity .4s ease, visibility .4s ease, transform .4s ease, -webkit-transform .4s ease; } .list-articles:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 19px 10px 19px; border-color: transparent transparent #1c2252 transparent; position: absolute; right: 13px; top: -10px; } .list-articles a { display: block; position: relative; padding: 13px; line-height: 1.3; text-decoration: none; text-align: left; transition: background-color .4s ease, color .4s ease; font-size: 0; } .list-articles a:hover { background-color: #1b2352; color: #fff; } .list-articles li:first-child a { padding: 23px 13px 13px; } .list-articles li:last-child a { padding: 13px 13px 23px; } .list-articles a > img, .list-articles a > span { display: inline-block; vertical-align: middle; } .list-articles a > img { width: 76px; } .list-articles a > span { width: calc(100% - 76px); padding: 0 15px; font-size: 13px; } /* Small Desktop */ @media (max-width: 1279px) { .list-articles { width: 250px; } } /* ------------------------------------------------------------ *\ List Authors \* ------------------------------------------------------------ */ .list-authors { padding: 0 21px 0 25px; overflow: hidden; } .list-authors li { float: left; width: 33.3333%; padding-left: 20px; margin-top: 22px; } /* Small Desktop */ @media (max-width: 1279px) { .list-authors { padding: 0; margin-left: -20px; } } /* Mobile */ @media (max-width: 767px) { .list-authors li { width: 100%; margin-top: 0; } .list-authors li ~ li { margin-top: 10px; } } /* ------------------------------------------------------------ *\ List Vote \* ------------------------------------------------------------ */ .list-vote { padding: 56px 0 34px; margin: 0 -14px; overflow: hidden; } .list-vote li { float: left; width: 33.3333%; padding: 0 14px; margin-bottom: 24px; } .list-vote.voted .vote-item-number, .list-vote.voted .vote-item-progress { display: block; } .list-vote.voted .vote-item-actions { display: none; } .list-vote.voted li:first-child .vote-item { box-shadow: 0 0 0 3px #ca0000; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-vote li { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .list-vote { padding: 30px 0 0; } .list-vote li { width: 100%; } } /* ------------------------------------------------------------ *\ List Shows \* ------------------------------------------------------------ */ .list-shows li { display: inline-block; vertical-align: middle; color: #fff; } .list-shows li:nth-child(n+3) { margin-left: 20px; } .list-shows h2 { font-size: 26px; text-transform: uppercase; margin: 0; padding-right: 27px; position: relative; } .list-shows h2:after { content: ''; width: 1px; height: 66px; background: url(../images/separator.png) no-repeat 0 0; position: absolute; right: 13px; top: 50%; margin-top: -33px; } .list-shows h3 { font-weight: 400; font-size: 26px; text-transform: uppercase; opacity: .8; margin: 0; } .list-shows h3 span { display: inline-block; vertical-align: middle; font-size: 16px; position: relative; top: -2px; } /* Mobile */ @media (max-width: 767px) { .list-shows li:first-child { display: block; } .list-shows h2 { font-size: 16px; } .list-shows h2:after { display: none; } .list-shows h3 { font-size: 16px; } .list-shows h3 span { font-size: 13px; } } /* ------------------------------------------------------------ *\ List Share \* ------------------------------------------------------------ */ .list-share { font-size: 0; direction: ltr; } .list-share li { display: inline-block; vertical-align: middle; } .list-share li span { height: 22px !important; display: inline-block; vertical-align: middle; } .list-share li span span { margin-top: 0 !important; margin-bottom: 0 !important; } /* ------------------------------------------------------------ *\ List Actions \* ------------------------------------------------------------ */ .list-actions li { position: relative; } .list-actions li ~ li { margin-top: 15px; } .list-actions li a { display: block; font-weight: 500; font-size: 13px; text-transform: uppercase; text-decoration: none; padding-left: 29px; } .list-actions li.item-menu { display: none; } .list-actions li a i { font-size: 15px; color: #ca0000; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Mobile */ @media (max-width: 767px) { .list-actions li { display: inline-block; vertical-align: middle; } .list-actions li a { font-size: 11px; text-transform: capitalize; padding-left: 20px; } .list-actions li ~ li { margin-left: 10px; margin-top: 0; } .list-actions li.item-menu { display: inline-block; } } /* ------------------------------------------------------------ *\ List Arrows \* ------------------------------------------------------------ */ .list-arrows a { display: block; text-decoration: none; font-weight: 500; font-size: 14px; color: #1f1f1f; position: relative; padding-left: 24px; transition: color .4s ease; line-height: 2; } .list-arrows a:before { content: '\f054'; font-family: 'FontAwesome'; font-size: 9px; color: #ca0000; position: absolute; left: 5px; top: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: opacity .4s ease; } .list-arrows .active a:before { opacity: 1; } .list-arrows a:hover, .list-arrows .active a { color: #ca0000; } .list-arrows .item-menu { display: none; } /* Mobile */ @media (max-width: 767px) { .list-arrows { width: 160px; background-color: #fff; position: fixed; right: 0; top: 45px; bottom: 0; z-index: 999; padding: 15px 25px 20px 15px; text-align: right; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; overflow-y: auto; } .list-arrows.open { opacity: 1; visibility: visible; } .list-arrows .item-menu { display: block; padding-bottom: 10px; } .list-arrows .item-menu a { color: #ca0000; } .list-arrows .active a:before { display: none; } } /* ------------------------------------------------------------ *\ Section Replay \* ------------------------------------------------------------ */ #section-replay .section-banner{background:none;} #section-replay.main{padding-bottom:80px;} #section-replay .loader:before{} /* ------------------------------------------------------------ *\ List Trending \* ------------------------------------------------------------ */ .list-trending li ~ li { margin-top: 36px; } .list-trending a { display: block; text-decoration: none; } .list-trending h4 { font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 25px; color: #fff; line-height: 1.5; margin: 0; } .list-trending h4 span { display: block; font-family: ''Roboto'', sans-serif; font-size: 19px; opacity: .4; } /* ------------------------------------------------------------ *\ List Replay Trending \* ------------------------------------------------------------ */ #section-replay .list-trending > li, #section-replay .list-trending .owl-item {width:33.33%;display:inline-block;vertical-align: top;margin:0;position:relative;} #section-replay .list-trending > li .program-image a:after, #section-replay .list-trending .owl-item .program-image a:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 25%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 25%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 25%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #section-replay .list-trending li .program-content,#section-replay .list-trending .owl-item .program-content{background:initial;position:absolute;bottom:0;width:100%;z-index:1;} #section-replay .list-trending li .program-content:before,#section-replay .list-trending .owl-item .program-content:before{content:"";display:block;width:100%;height:1px;border-top: 1px solid #535456;margin-bottom:20px;} #section-replay .program-medium .program-content .btns {width:55%;/*float:right;*/display:inline-block;text-align:left;} #section-replay .list-trending .program-medium .program-content h5 {color:#fff;font-size:30px;} #section-replay .list-trending .program-medium .program-content h6 {color:#fff;font-size:14px;width:45%;float:left;} #section-replay .list-trending .btns {position:relative;} #section-replay .list-trending li ~ li{margin-top:0;} #section-replay .list-trending .btns li{vertical-align:bottom;} #section-replay .list-trending .btns li a{color:#fff;text-decoration:underline;} #section-replay .list-trending .zmdi-play-circle {color:#fff;position:absolute;bottom:0;font-size:16px;} @media (max-width: 1023px) { #section-replay .list-trending > li,#section-replay .list-trending > .owl-item{width:100%;} #section-replay .list-trending:not(.owl-carousel){display:none;} #section-replay .program-medium .program-content .btns{width:100%;} } /* ------------------------------------------------------------ *\ List Simple \* ------------------------------------------------------------ */ .list-simple a { display: block; font-size: 14px; line-height: 1.2; text-decoration: none; transition: color .4s ease; } .list-simple a:hover { color: #2692ff; text-decoration: underline; } .list-simple li ~ li { margin-top: 17px; } /* ------------------------------------------------------------ *\ List Programs \* ------------------------------------------------------------ */ .list-programs { margin: 0 -7px; overflow: hidden; } .list-programs > li { /*float: left;*/display:inline-block; width: 25%; padding: 0 7px; margin-bottom: 18px; min-height:330px;vertical-align:top;} #section-replay .list-programs:last-of-type > li{min-height:127px;} #section-replay .list-programs{text-align:center;margin-top:20px;} #section-replay .list-programs > li {width:20%;min-height:303px;float:none;vertical-align:top;text-align:left;} #section-replay .section-actions{text-align:center;} #section-replay h2{text-align:center;color:#fff;font-size:40px;margin-top:30px;} #section-replay .section-actions .btn{background:#32344E;color:#fff;} #section-replay .section-actions .btn:hover{background:#fff;color:#32344E;} #section-replay .section-actions .btn .zmdi-plus-circle{font-size: 15px;margin-left: 6px;} /* Tablet Portrait */ @media (max-width: 1023px) { .list-programs > li { width: 50%; } #section-replay .list-programs > li{width:200px;} } /* Mobile */ @media (max-width: 767px) { .list-programs > li { width: 100%; } #section-replay .list-programs > li{width:95%;} } /* ------------------------------------------------------------ *\ List Videos \* ------------------------------------------------------------ */ .list-videos { list-style: none; margin: 0 -8px; } .list-videos:after { } .list-videos li { /*float: left;*/ display:inline-block; width: 16.6667%; padding: 0 8px; vertical-align:top; } .list-videos li:nth-child(6n+1) { clear: left; } .list-videos-alt .video-detailed .play { background-color: #1b2352; } .list-videos-alt .video-detailed:hover .play { background-color: #ca0000; } .list-videos-secondary { margin: 0 -18px; } .list-videos-secondary li { /*width: 33.3333%;*/width: 33%;padding: 0 18px; } .section-program-landing .list-videos-secondary li { width: 24.6%; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-videos li { width: 33.3333%; } .special-report .list-videos li { width: 49%; } } /* Mobile */ @media (max-width: 767px) { .list-videos-alt .video-detailed:hover .play { background-color: #1b2352; } } /* ------------------------------------------------------------ *\ List Celebrities \* ------------------------------------------------------------ */ .list-celebrities { margin: 0 -1px; } .list-celebrities:after { } .list-celebrities li { float: left; width: 25%; padding: 1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .list-celebrities li { width: 33.3333%; } } /* Mobile */ @media (max-width: 767px) { .list-celebrities li { width: 50%; } .list-celebrities li.visible-xs-block { width: auto; margin: 0 -10px; } } /* ------------------------------------------------------------ *\ List Flags \* ------------------------------------------------------------ */ .list-flags { font-size: 0; } .list-flags li { display: inline-block; vertical-align: middle; } .list-flags li ~ li { margin-left: 19px; } .list-flags a { display: block; } /* ------------------------------------------------------------ *\ List Schedule \* ------------------------------------------------------------ */ .list-schedule li { border-top: 1px solid rgba(255, 255, 255, .1); padding: 13px 0; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; } /* ------------------------------------------------------------ *\ Masonry \* ------------------------------------------------------------ */ .masonry { margin: 0 -10px; opacity: 0; transition: opacity .5s ease; } .masonry.loaded { opacity: 1; } .masonry .masonry-item { width: 25%; padding: 0 10px; margin-bottom: 22px; } .masonry .masonry-sizer { width: 25%; } .masonry .masonry-item.large { width: 50%; } .masonry .banner { margin: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .masonry .masonry-sizer, .masonry .masonry-item { width: 33.3333%; } .masonry .masonry-item.large { width: 66.6667%; } } /* Mobile */ @media (max-width: 767px) { .masonry .masonry-sizer, .masonry .masonry-item, .masonry .masonry-item.large { width: 100%; } .masonry-item-select { display: none; } } /* ------------------------------------------------------------ *\ Nav Primary \* ------------------------------------------------------------ */ .nav-primary > ul { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 0; display:flex;justify-content:space-between;} .nav-primary > ul > li { display: inline-block; vertical-align: middle; margin: 0 6px; } @media (min-width: 768px ) and (max-width: 1044px) { .nav-primary > ul > li { margin: 0; width: 83px; } } .nav-primary > ul > li > a { height: 52px;line-height: 48px; /*min-width: 140px;*/ min-width: 138px;display: block;font-size: 17px;color: #222222;text-transform: uppercase;text-decoration: none;transition: background-color .4s ease, color .4s ease; } .programSite .nav-primary > ul > li > a{border-bottom: 3px solid #ccc; color:#222222;} .nav-primary > ul > li > a > .zmdi { font-size: 18px; margin-left: 7px; position: relative; top: 1px; } .nav-primary > ul > li.active > a, /*.nav-primary .has-dropdown:hover > a { background-color: #ca0000; color: #fff; border-bottom-color: #ca0000; }*/ .nav-primary > ul > li > a:hover { background-color: #ca0000; color: #fff; border-bottom-color: #ca0000; } .nav-primary-blue > ul > li.active > a, .nav-primary-blue .has-dropdown:hover > a { background-color: #1b2352; border-bottom-color: #1b2352; } .nav-primary .has-dropdown:hover > .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; } @media ( max-width: 1279px ) { .nav-primary > ul > li > a { min-width: 130px; } } /* Small Desktop */ @media (max-width: 1279px) { .nav-primary > ul > li > a { font-size: 13px; min-width: 110px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-primary > ul > li > a {font-size: 15px;min-width: 75px;} .nav-primary > ul > li > a > .zmdi { font-size: 14px; } } /* ------------------------------------------------------------ *\ Nav Dropdown \* ------------------------------------------------------------ */ .nav-dropdown { width: 100%; background-color: #1b2352; color: #fff; position: absolute; left: 0; top: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; pointer-events: none; } .nav-dropdown .nav-dropdown-bar { text-align: center; background-color: #121736; border-bottom: 1px solid #ca0000; } .nav-dropdown .nav-dropdown-inner .shell { max-width: 1296px; padding: 25px 115px 25px 175px; } /* Small Desktop */ @media (max-width: 1279px) { .nav-dropdown .nav-dropdown-inner .shell { padding: 25px 15px; } } /* ------------------------------------------------------------ *\ Nav Dropdown Programs \* ------------------------------------------------------------ */ .nav-dropdown-programs { text-align: left; background-color: rgba(17, 21, 49, .95); } .nav-dropdown-programs .shell { padding: 0 105px 0 77px; } .nav-dropdown-programs .nav-dropdown-bar { background-color: #1a2251; border-bottom-color: rgba(255,255,255, .17); padding: 12px 0 13px; } .nav-dropdown-programs .nav-dropdown-bar .shell { max-width: 1296px; } .nav-dropdown-programs .nav-dropdown-bar-inner { position: relative; padding: 0 260px;height:40px; } .nav-dropdown-programs .fs-dropdown { width: 232px; margin: 0; position: absolute; left: 0; top: 0; } .nav-dropdown-programs .fs-dropdown-selected { background-color: rgba(255, 255, 255, .12); border-color: transparent; color: #fff; } .nav-dropdown-programs .fs-dropdown-selected:after { color: #8c8c8d; } .nav-dropdown-programs .search-simple { width: 500px; position: absolute; right: 50%; top: 0; margin-right:-250px;} .nav-dropdown-programs .search-simple .search-field { width: 100%; background-color: rgba(255, 255, 255, .12); color: rgba(186, 186, 186, .6);border-radius:5px;height:40px; } .nav-dropdown-programs .search-simple .search-btn { opacity: .85; } .nav-dropdown-programs .search-simple .search-field::-webkit-input-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field::-moz-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field:-moz-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .search-simple .search-field:-ms-input-placeholder { color: rgba(186, 186, 186, .6); } .nav-dropdown-programs .list-letters { text-align: center; padding: 10px 0; } .nav-dropdown-programs .list-letters a { font-size: 12px; color: #eef0f3; } .nav-dropdown-programs .nav-dropdown-inner .shell { max-width: 1276px; padding: 40px 0 25px 70px; } .nav-dropdown-programs .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -30px; } .nav-dropdown-programs .col { -webkit-flex: 0 0 21%; -ms-flex: 0 0 21%; flex: 0 0 21%; position: relative; padding-bottom: 40px; } .nav-dropdown-programs .col ~ .col { -webkit-flex: 0 0 19.75%; -ms-flex: 0 0 19.75%; flex: 0 0 19.75%; } .nav-dropdown-programs h5 { color: #2693ff; margin-bottom: 30px; text-transform: uppercase; } .nav-dropdown-programs .link-more { font-weight: 500; font-size: 15px; color: #2692ff; position: absolute; left: 15px; bottom: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-dropdown-programs .cols { margin: 0 -15px; } .nav-dropdown-programs .shell { padding: 0 10px; } .nav-dropdown-programs .nav-dropdown-bar-inner { padding: 0 170px; } .nav-dropdown-programs .search-simple, .nav-dropdown-programs .fs-dropdown { width: 160px; } .nav-dropdown-programs .nav-dropdown-inner .shell { padding: 15px 10px; } } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { width: 100%; position: relative; left: auto; top: auto; z-index: 998; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .nav-secondary:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #121736 url(../images/temp/account-head-elem.png) no-repeat 90% bottom; opacity: 0; } .nav-secondary ul { display: inline-block; list-style: none; margin: 0 auto; padding: 0; position: relative; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; } .nav-secondary .shell { padding: 0; } .nav-secondary ul li { display: inline-block; vertical-align: middle; } .nav-secondary ul li ~ li { margin-left: 80px; } .nav-secondary ul a { display: block; text-decoration: none; font-weight: 700; font-size: 15px; color: #bbb; position: relative; padding: 20px 0; transition: color .4s ease; } .nav-secondary ul a.underlined { text-decoration: underline; } .nav-secondary ul a:hover, .nav-secondary ul .current a { color: #fff; } .nav-secondary ul .current a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; position: absolute; left: 50%; margin-left: -9px; bottom: 0; } .nav-secondary.fixed { position: fixed; left: 0; top: 150px; z-index: 999; } .nav-secondary.fixed:before { opacity: 1; } .nav-secondary.fixed ul { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .nav-secondary.fixed ul .current a:before { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-secondary { height: 48px; z-index: 998; } .nav-secondary ul { position: absolute; left: -15px; right: -15px; top: 100%; background-color: #111531; margin-top: -10px; } .nav-secondary ul li { display: none; } .nav-secondary ul li:last-child { padding-bottom: 30px; } .nav-secondary ul li ~ li { margin-left: 0; } .nav-secondary ul a { font-weight: 400; padding: 10px 0; text-transform: uppercase; color: #fff; } .nav-secondary ul li.current { width: 100%; display: block; position: absolute; left: 0; top: -40px; } .nav-secondary ul li.current a { padding: 16px 0 0; } .nav-secondary ul a.underlined { text-decoration: none; } .nav-secondary ul .current a:before { display: none; } .nav-secondary ul .current a:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 14px; color: #fff; margin-left: 10px; position: relative; top: -1px; } .nav-secondary.open ul li { display: block; } .nav-secondary.fixed { top: 0; } .nav-secondary.fixed ul { left: -15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* ------------------------------------------------------------ *\ Nav Tertiary \* ------------------------------------------------------------ */ .nav-tertiary { text-align: center; padding-left: 87px; } .nav-tertiary ul { list-style: none; margin: 0; padding: 0; font-size: 0; } .nav-tertiary ul li { display: inline-block; vertical-align: middle; } .nav-tertiary ul a { display: block; padding: 22px 17px 18px; font-weight: 500; font-size: 15px; color: #bababa; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-tertiary { padding: 0; } .nav-tertiary ul a { font-size: 14px; } } /* ------------------------------------------------------------ *\ Nav Quaternary \* ------------------------------------------------------------ */ /*.nav-quaternary {width: 100%;background-color: #1b2352;text-align: center;position: fixed;left: 0;top: 136px;z-index: 100;}*/ .nav-quaternary{ width: 100%; background-color: #1b2352; text-align: center; position: relative; /* left: 0; */ /* top: 136px; */ z-index: 100; } .nav-quaternary-fixed { top: 86px; position: fixed; } .nav-quaternary ul { max-width: 1276px; list-style: none; margin: 0 auto; padding: 0; font-size: 0; } .nav-quaternary ul li { display: inline-block; vertical-align: middle; } .nav-quaternary ul li ~ li { margin-left: 15px; } .nav-quaternary ul a { height: 58px; line-height: 60px; padding: 0 15px; display: block; font-size: 15px; color: #e4e5e9; text-transform: uppercase; text-decoration: none; transition: background-color .4s ease; } .nav-quaternary ul a:hover, .nav-quaternary ul .current a { background-color: #ca0000; } .nav-quaternary-alt ul a { padding: 0 19px; font-size: 16px; } .nav-quaternary-alt ul a .mobile-text { display: none; } .nav-quaternary-alt ul li ~ li { margin-left: 10px; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-quaternary-alt ul a { font-size: 13px; } } /* Mobile */ @media (max-width: 767px) { .nav-quaternary { height: 56px; position: relative; top: 0; } .nav-quaternary ul { width: 100%; position: absolute; left: 0; top: 56px; z-index: 999; } .nav-quaternary ul li { display: none; } .nav-quaternary.open ul li { display: block; background-color: #1d214f; } .nav-quaternary ul li ~ li { margin-left: 0; } .nav-quaternary ul .current { position: absolute; left: 0; top: 0; display: block; width: 100%; margin-top: -56px; } .nav-quaternary ul .current a:after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 18px; color: #fff; margin-left: 10px; } .nav-quaternary ul a:hover, .nav-quaternary ul .current a { background-color: transparent; } .nav-quaternary-alt { height: 58px; font-size: 0; } .nav-quaternary-alt ul { position: relative; top: 0; } .nav-quaternary-alt ul li { display: inline-block; } .nav-quaternary-alt ul .current { width: auto; display: inline-block; position: relative; margin-top: 0; } .nav-quaternary-alt ul .current a:after { display: none; } .nav-quaternary-alt ul a { padding: 0 8px; } .nav-quaternary-alt ul .desktop-text { display: none; } .nav-quaternary-alt ul a .mobile-text { display: block; font-weight: 700; font-size: 14px; color: #2692ff; text-transform: uppercase; } .nav-quaternary-alt ul .current a { background-color: #c71418; color: #fff; } .nav-quaternary-alt ul .current a span { color: #fff; } .nav-quaternary-alt.scrollTo { height: 58px; background-color: #1b2352; position: static; } .nav-quaternary-alt.scrollTo ul { position: static; overflow-x: scroll } .nav-quaternary-alt.scrollTo.cloned { width: 100%; /*height: 58px;*/height:auto; position: fixed; left: 0; top: 45px; z-index: 9999; display: none; } .nav-quaternary-alt.scrollTo.cloned.show { display: block; } .nav-quaternary-alt.scrollTo.cloned.show ul { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden;} .nav-quaternary-alt.scrollTo.cloned.show ul a { transition: none; } } /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities ul { list-style: none; font-size: 0; } .nav-utilities ul li { display: inline-block; vertical-align: middle; } .nav-utilities ul li ~ li { margin-left: 21px; } .nav-utilities ul li:last-child { margin-left: 9px; } .nav-utilities ul a {display: block;font-weight: 700;font-size: 17px;color: #222222;text-decoration: none;transition: color .4s ease;font-family: 'Roboto';} .nav-utilities ul a:hover { color: #121736; } .nav-utilities ul a:hover .ico-weather:before { opacity: 1; } .nav-utilities ul a .ico-weather { position: relative; top: -2px; } .nav-utilities ul a .ico-weather:before { content: ''; width: 100%; height: 100%; background-image: url(../images/sprite.png); background-position: -134px -66px; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .4s ease; } .nav-utilities ul .item-weather span {display: inline-block;vertical-align: middle;font-size: 18px;position: relative;margin: 0 6px 0 -5px;font-family: 'Roboto', sans-serif;} .nav-utilities ul .item-weather span sup {font-weight: 400;font-size: 18px;top: -4px;right: -5px;position: absolute;} .nav-utilities ul .item-weather .icon {font-size: 25px;vertical-align: middle;margin-right: 6px;} .nav-utilities ul .item-weather .zmdi-caret-down { position: relative; top: 2px; } .nav-utilities ul .zmdi {font-size: 23px;} .nav-utilities ul .zmdi-chevron-right { font-size: 16px; } .en .nav-utilities .btn{font-weight:normal;} .en .nav-utilities .btn span{ line-height: 33px; font-size: 12px; font-weight: bold; } .nav-utilities .btn { font-weight: 700; /*background-color: #d14549; border: 1px solid #d14549;*/ background:#BF0307;border: 1px solid #BF0307; color: #fff; font-size: 0; transition: background-color .4s ease, color .4s ease;border-radius:30px; } .nav-utilities .btn:hover { background-color: transparent; color: #BF0307; } .nav-utilities .btn:hover .btn-icon:before { background-color: #d14549; } .nav-utilities .btn-blue-secondary { background-color: #1a2251; border-color: #1a2251; -webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px; } .nav-utilities .btn-blue-secondary:hover { color: #1a2251; } .nav-utilities .btn-blue-secondary:hover .btn-icon:before { background-color: #1a2251; } .nav-utilities .btn-text, .nav-utilities .btn-icon { display: inline-block; vertical-align: middle; } .nav-utilities .btn-text {height: 33px;line-height: 28px;/*padding: 0 20px 0 11px;*/font-size: 13px;min-width: 139px;text-align:center;font-family: 'TheSans', ''Roboto'', sans-serif;box-sizing: border-box;padding-left: 26px;} .en .nav-utilities .btn-text{font-family:'Roboto', sans-serif} .nav-utilities .btn-icon { width: 32px; height: 28px; text-align: center; position: relative; } .nav-utilities .btn-icon:before {content: '';width: 1px;background-color: #fff;position: absolute;left: 0;top: 2px;bottom: 2px;transition: background-color .4s ease;display: none;} .nav-utilities .btn-icon i { line-height: 28px; } /* Tablet Portrait */ @media (max-width: 1023px) { .nav-utilities ul li:last-child { display: block; padding-top: 5px; } } /* Mobile */ @media (max-width: 767px) { .nav-utilities ul li:nth-child(2), .nav-utilities ul li:last-child { display: none; } .nav-utilities ul li.item-weather {position: absolute;right: 45px;top: 12px;padding-left: 7px;} .nav-utilities ul li.item-weather .ico-weather { display: none; } .nav-utilities ul li.item-weather .zmdi-caret-down {position: absolute;left: 0;top: 50%;margin-top: -10px;display: none;} } /* ------------------------------------------------------------ *\ Nav Filter \* ------------------------------------------------------------ */ .nav-filter ul { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0 0 40px; padding: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav-filter ul a { display: block; text-decoration: none; font-weight: 400; font-size: 13px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .nav-filter ul a:hover, .nav-filter ul .active a { color: #c51316; position: relative; } .nav-filter ul .active a:after { content: ''; width: 120%; height: 1px; background-color: #c51316; position: absolute; left: -10%; bottom: 0; } /* ------------------------------------------------------------ *\ Nav Mobile \* ------------------------------------------------------------ */ .nav-mobile { display: none; } /* Mobile */ @media (max-width: 767px) { .nav-mobile { display: block; width: 100%; height: 100%; background-color: #181c37; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; } .nav-mobile.open { opacity: 1; visibility: visible; } .nav-mobile-head { width: 100%; height: 45px; padding: 0 18px; background-color: #f3f5f6; } .nav-mobile-head ul { list-style: none; margin: 0; padding: 0; } .nav-mobile-head ul li { display: inline-block; vertical-align: middle; } .nav-mobile-head ul li ~ li { margin-left: 15px; } .nav-mobile-head ul li:last-child { float: right; padding-top: 3px; top: 0; } .nav-mobile-head ul li:last-child i { font-size: 27px; } .nav-mobile-head ul a { text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 18px; color: #444; line-height: 45px; } .nav-mobile-head ul a i { font-weight: normal; font-size: 19px; position: relative; top: 1px; } .nav-mobile-body { width: 100%; padding: 22px 18px; height: calc(100% - 195px); overflow-y: auto; } .nav-mobile-body > ul { list-style: none; margin: 0; padding: 0; } .nav-mobile-body > ul a { display: block; padding: 8px 40px 8px 0; text-decoration: none; font-size: 18px; color: rgba(221, 221, 221, .8); text-transform: uppercase; position: relative; } .nav-mobile-body > ul a:after { content: '\f0da'; width: 26px; height: 26px; border: 1px solid #3a3d54; position: absolute; right: 10px; top: 50%; margin-top: -13px; font-family: 'FontAwesome'; font-size: 14px; color: #b4b4bb; text-align: center; line-height: 24px; padding-left: 1px; } .nav-mobile-body > ul ~ ul { margin: 20px 0; padding: 20px 0; border-top: 1px solid #3a3d54; border-bottom: 1px solid #3a3d54; } .nav-mobile-body .socials { text-align: center; } .nav-mobile-foot { width: 100%; padding: 40px 18px 18px; background: url(../images/nav-mobile-shadow.png) repeat-x left top; position: relative; margin-top: -20px; z-index: 99; } .nav-mobile-foot ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } .nav-mobile-foot ul li { float: left; width: 47%; } .nav-mobile-foot ul li { margin-bottom: 16px; margin-left: 10px } .nav-mobile-foot ul .live { width: 30%; } .nav-mobile-foot ul .btn { width: 100%; height: 48px; line-height: 48px; font-weight: 700; font-size: 13px; color: #e5e6e9; text-transform: uppercase; } .nav-mobile-foot ul .btn img { width: 40px; height: auto; margin-right: 5px; margin-left: 5px; padding-bottom: 3px; } .nav-mobile-foot ul .btn-blue { background-color: #1a2251; } .nav-mobile-foot ul .btn-blue-alt:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-color: #c71418; border-radius: 50%; margin-left: 5px; position: relative; top: -1px; animation: blinker 1s cubic-bezier(0.5, 0, 1, 1) infinite alternate; } @keyframes blinker { from { opacity: 1; } to { opacity: 0; } } .nav-mobile-dropdown { display: none; } .nav-mobile-dropdown ul { list-style: none; margin: 0; padding: 0; } .nav-mobile.open-subnav .nav-mobile-head .nav-close i { font-size: 26px; position: relative; top: 2px; } .nav-mobile.open-subnav .nav-mobile-head .nav-close i:before { content: '\f2fa'; } .nav-mobile.open-subnav .nav-mobile-body > ul ~ ul, .nav-mobile.open-subnav .nav-mobile-body > .socials, .nav-mobile.open-subnav .nav-mobile-body > ul > li, .nav-mobile.open-subnav .nav-mobile-body > ul > li.active > a { display: none; } .nav-mobile.open-subnav .nav-mobile-body > ul > li.active, .nav-mobile.open-subnav .nav-mobile-body ul li.active > .nav-mobile-dropdown, .nav-mobile.open-subnav .nav-mobile-body ul li.active > .nav-mobile-dropdown li { display: block; } .nav-mobile-programs-dropdown .nav-dropdown-programs { position: relative; left: 0; top: 0; opacity: 1; visibility: visible; background-color: transparent; z-index: 98; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-bar { display: none; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .shell { padding: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .cols { margin: 0; display: block; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .col { float: none; width: 100%; padding: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .nav-dropdown-inner .col ~ .col { padding-top: 30px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .2); } .nav-mobile-programs-dropdown .nav-dropdown-programs h5 { margin-bottom: 0; } .nav-mobile-programs-dropdown .nav-dropdown-programs .link-more { position: relative; left: 0; margin-top: 20px; text-transform: none; text-decoration: underline; } .nav-mobile-programs-dropdown .nav-dropdown-programs .link-more:after { display: none; } .nav-mobile-programs-dropdown ul { overflow: hidden; } .nav-mobile-programs-dropdown ul li { float: left; width: 50%; margin-top: 20px; } .nav-mobile-programs-dropdown ul li ~ li { margin-top: 20px; } .nav-mobile-programs-dropdown ul li:nth-child(odd) { clear: left; } .nav-mobile-programs-dropdown ul a { padding: 0; text-transform: none; font-size: 14px; } .nav-mobile-programs-dropdown ul a:after { display: none; } .en .news-simple-list ol a span { background-color: #f; } .nav-mobile-programs-dropdown ul.list-trending a { text-transform: none; font-size: 18px; color: #fff; } .nav-mobile-programs-dropdown ul.list-trending a span { font-size: 14px; } } /* ------------------------------------------------------------ *\ News Simple List \* ------------------------------------------------------------ */ .news-simple-list .scrollable {height: 608px;overflow: hidden;} .news-simple-list ol {list-style: none;margin: 0;padding: 0;margin-top: 18px;} .news-simple-list ol li {border-bottom: 1px solid #ddd;font-size: 14px;color: #212121;line-height: 1.3;position: relative;/* padding-right: 70px; */} .news-simple-list ol li:first-child { padding-top: 45px; } .news-simple-list ol li:first-child a span { top: 0; } .news-simple-list ol a {display: block;text-decoration: none;padding: 13px 0 16px;} .news-simple-list ol .red a { color: #c71418; } .news-simple-list ol a span {font-weight: 700;font-size: 11px;color: #999;position: absolute;right: 0px;top: -8px;font-family: 'Roboto', sans-serif;background-color: #fff;width: 50px;} .en .news-simple-list ol a span{padding: 4px;top: -11px;left: -4px;right: auto;} .news-simple-list .mCSB_scrollTools { right: auto; left: -30px; opacity: 1 !important; margin: 0 !important; } .news-simple-list .mCSB_scrollTools .mCSB_dragger_bar { width: 6px; background: #d9d9d9 !important; } .news-simple-list.highlights ol { padding-right: 0; } /* Small Desktop */ @media (max-width: 1279px) { .news-simple-list .mCSB_scrollTools { left: -22px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .news-simple-list .scrollable { height: 613px; } } /* Mobile */ @media (max-width: 767px) { .news-simple-list ol li:first-child a span { top: 0; } .news-simple-list .scrollable { height: 340px; overflow: hidden; } } /* ------------------------------------------------------------ *\ No Touch \* ------------------------------------------------------------ */ .notouch .search-small .search-btn:hover i { color: #333; } .notouch .poll .poll-actions a:hover { color: #ca0000; } .notouch .intro-program .socials ul a:hover { color: #ca0000; } .notouch .section-latest-featured .btn:hover { background-color: #ca0000; } .notouch .section-production .section-body ul span:hover { background-color: #ddd; } .notouch .form-adv .close:hover:before, .notouch .form-adv .close:hover:after { background-color: #333; } /* ------------------------------------------------------------ *\ Page Title \* ------------------------------------------------------------ */ .page-title { padding: 17px 0 13px; text-align: center; background-color: #f9f9f9; font-size: 20px; color: #1a2150; } /* ------------------------------------------------------------ *\ Poll \* ------------------------------------------------------------ */ .poll { border: 1px solid #e0e2e4; } .poll .poll-image { position: relative; } .poll .poll-image:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow-poll.png) no-repeat left bottom; background-size: contain; position: absolute; left: 0; top: 0; z-index: 1; } .poll .poll-image img { width: 100%; height: auto; } .poll .poll-image h4 { width: 100%; padding: 0 10px 15px 17px; font-size: 16px; color: #fff; line-height: 1.2; margin: 0; position: absolute; left: 0; bottom: 0; z-index: 5; text-transform: none; } .poll .poll-content { padding: 35px 21px 30px 16px; } .poll .poll-content ul { list-style: none; margin: 0; } .poll .poll-content ul li ~ li { margin-top: 29px; } .poll .poll-actions { padding: 0 18px 20px; } .poll .poll-actions a { display: inline-block; font-size: 18px; transition: color .4s ease; } .poll-grey { background-color: #f5f5f5; border: 0; } .poll-grey .poll-image h4 { font-size: 20px; padding: 0 10px 15px 25px; } .poll-grey .progress .progress-content h6 { font-size: 14px; } .poll .progress .progress-content h5, .poll .progress-highest .progress-content h6 { font-weight: 700; } .poll-grey .progress .progress-content h5 { font-weight: 400; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { background-color: #fff; border: 1px solid #ca0000; margin: 0 auto; position: relative; } /* ------------------------------------------------------------ *\ Popup Standard \* ------------------------------------------------------------ */ .popup-standard { max-width: 550px; text-align: center; padding: 80px 58px 36px; } .popup-standard .mfp-close { width: 20px; height: 20px; font-size: 0; right: auto; left: 50%; top: 38px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; } .popup-standard .mfp-close:before, .popup-standard .mfp-close:after { content: ''; width: 1px; height: 28px; background-color: #898989; position: absolute; left: 0; top: 0; } .popup-standard .mfp-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .popup-standard .mfp-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .popup-standard h5 { margin: 0 0 30px; color: #333; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .popup-standard { padding: 80px 15px 30px; } } /* ------------------------------------------------------------ *\ Popup Create Account \* ------------------------------------------------------------ */ .popup-create-account { max-width: 550px; text-align: center; padding: 80px 58px 36px; } .popup-create-account .mfp-close { width: 20px; height: 20px; font-size: 0; right: auto; left: 50%; top: 38px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; } .popup-create-account .mfp-close:before, .popup-create-account .mfp-close:after { content: ''; width: 1px; height: 28px; background-color: #898989; position: absolute; left: 0; top: 0; } .popup-create-account .mfp-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .popup-create-account .mfp-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .popup-create-account h5 { margin: 0 0 30px; color: #333; text-transform: uppercase; } /* Mobile */ @media (max-width: 767px) { .popup-create-account { padding: 80px 15px 30px; } } /* ------------------------------------------------------------ *\ Post Featured \* ------------------------------------------------------------ */ .post-featured {margin-bottom: 10px;} .post-featured .post-featured-image { position: relative; } .post-featured .post-featured-image:after { content: ''; height: 6px; background-color: #ca0000; opacity: 1; position: absolute; left: 47px; right: 47px; bottom: 0; z-index: 10; transition: opacity .4s ease; } .post-featured .post-featured-image a { display: block; } .post-featured .post-featured-image img { width: 100%; height: auto; } .post-featured .post-featured-image .label { padding: 5px 10px; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; background-color: #1B2150; position: absolute; left: 0; top: 0; z-index: 10; } .post-featured .post-featured-image .label-yellow { background-color: #caca09; } .post-featured .post-featured-image .label-dark { background-color: rgba(68, 68, 68, .9); } .post-featured .post-featured-content {background-color: #f6f6f7;text-align: center;} .post-featured .post-featured-content h3 { padding: 25px 40px; font-weight: 700; font-size: 35px; color: #1a2150; line-height: 1; margin: 0; transition: color .4s ease; } .post-featured:hover .post-featured-content h3 { color: #ca0000; }{} .section-inner .post-featured .post-featured-content h3{min-height: 126px;} .en .section-inner .post-featured .post-featured-content h3{ min-height: 139px; line-height: 37px; font-size: 28px; } .en .post-featured .post-featured-content h3{/* padding-bottom: 44px; */} .post-featured:hover .post-featured-image:after { opacity: 1; } .post-featured a{ text-decoration:none; } .highlights ul li.item-image a{font-weight:bold; font-size:23px} /* Post Featured News */ .post-featured-news { margin-bottom: 31px; position: relative; } .post-featured-news .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; z-index: 20; transition: background-color .4s ease, -webkit-transform .4s ease; transition: transform .4s ease, background-color .4s ease; transition: transform .4s ease, background-color .4s ease, -webkit-transform .4s ease; } .post-featured-news .arrow:hover { background-color: rgb(240, 240, 240); } .post-featured-news .arrow.rotate { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .post-featured-news .post-featured-content { text-align: center; padding: 27px 18px 0; } .post-featured-news .post-featured-content h3 { padding: 0; font-size: 25px; margin-bottom: 15px; } .post-featured-news .post-featured-content p {min-height: 119px;font-size: 15px;line-height: 1.65;} .en .post-featured-news .post-featured-content p{ font-size: 15px; } .post-featured-news .post-featured-actions { background-color: #f5f5f5; padding: 10px 20px 14px 15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .post-featured-news .post-featured-actions a { text-decoration: none; } .post-featured-news .post-featured-actions .link-more { font-weight: 700; font-size: 13px; text-transform: uppercase; transition: color .4s ease; } .post-featured-news .post-featured-actions .link-more:hover { color: #ca0000; } .post-featured-news .post-featured-actions .link-more i { font-size: 20px; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 10px; } .post-featured-news .post-featured-actions .link-share { font-size: 18px; transition: color .4s ease; } .post-featured-news .post-featured-actions .link-share:hover { color: #ca0000; } /* Post Featured Video */ .post-featured-video .post-featured-content { min-height: 95px; padding: 22px 13px 0; } .post-featured-video .post-featured-content h3 { margin-bottom: 0; color: #ca0000; } .post-featured-video .post-featured-actions { padding: 10px 15px 9px; } /* Post Featured Gallery */ .post-featured-gallery { margin-top: 37px; margin-right: 1px; } .post-featured-gallery .post-featured-gallery { margin-top: 0; } .post-featured-gallery .post-featured-content { min-height: 109px; padding: 22px 15px 0; } .post-featured-gallery .post-featured-content h3 { margin-bottom: 0; } .post-featured-gallery .post-gallery-main-image { position: relative; } .post-featured-image .post-featured-gallery > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .post-featured-image .post-featured-gallery > ul li { float: left; width: 33.3333%; } .post-featured-image .post-featured-gallery .label-images { padding: 3px 4px 3px 6px; background-color: rgba(0, 0, 0, .5); font-weight: 700; font-size: 32px; color: #fff; position: absolute; right: 12px; bottom: 10px; z-index: 10; } .post-featured-image .post-featured-gallery .label-images i { font-size: 19px; opacity: .8; position: relative; top: -14px; left: -4px; } /* Post Featured Politics */ .post-featured-politics .post-featured-image:before { content: ''; height: 5px; background-color: #ca0000; position: absolute; left: 40px; bottom: 0; right: 40px; z-index: 10; } .post-featured-politics .post-featured-image:after { height: 5px; } .section-local-news .post-featured-politics .post-featured-image{width: 100%;height: 0;padding-bottom: 56.25%;position:relative;} .section-local-news .post-featured-politics .post-featured-image img{object-fit: cover;height: 100%;position: absolute;} /* Mobile */ @media (max-width: 767px) { .post-featured .post-featured-content h3 {padding: 30px 0px 10px;background-color: #fff;font-size: 26px;} .post-featured-news .post-featured-content { padding: 20px 15px 0; } .post-featured-news .post-featured-content h3 { font-size: 25px; background-color: transparent; padding: 0; } .post-featured:hover .post-featured-image:after { opacity: 0; } .post-featured:not(.post-featured-video):hover .post-featured-content h3 { color: #1a2150; } .post-featured-image .post-featured-gallery > ul, .post-featured .post-featured-image:after { display: none; } } /* ------------------------------------------------------------ *\ Post \* ------------------------------------------------------------ */ .post .post-image { position: relative; } .post .post-image:after { content: ''; width: 100%; height: 3px; background-color: #ca0000; opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 10; transition: opacity .4s ease; } .post .post-image a { display: block; text-decoration: none; } .post .post-image img { width: 100%; height: auto; } .post .post-image .label { padding: 5px 7px; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; background-color: #1B2150; position: absolute; left: 0; top: 0; z-index: 10; } .post .post-content { text-align: center; transition: color .4s ease; } .post .post-content h5 { margin: 0; font-weight: 500; } .post .post-content a { display: block; padding: 9px 15px; text-decoration: none; font-size: 14px; line-height: 1.2; } .post:hover .post-content { color: #ca0000; } .post:hover .post-image:after { opacity: 1; } /* Mobile */ @media (max-width: 767px) { .post:hover .post-image:after { opacity: 0; } .post:hover .post-content { color: #333; } .post .post-content h5 a { font-weight: 400; font-size: 13px; line-height: 1.5; padding-bottom: 15px; } .post .post-image { position: static; } .post .post-image .label {position: absolute;top: auto;bottom: 0;left: 88px;padding: 0;font-weight: 700;font-size: 13px;color: #333;background-color: transparent;display: none;} } /* ------------------------------------------------------------ *\ Post Secondary \* ------------------------------------------------------------ */ .post-secondary .post-image { overflow: hidden; } .post-secondary .post-image .label { padding: 5px 8px; } .post-secondary .post-image .label-red { background-color: rgba(202, 0, 0, .9); } .post-secondary .post-content { text-align: left; padding: 23px 0; } .post-secondary .post-content h4 a { padding: 0; font-size: 20px; color: #1b2352; line-height: 1; } /* ------------------------------------------------------------ *\ Post Tertiary \* ------------------------------------------------------------ */ .post-tertiary { background-color: #fff; } .post-tertiary .post-image a { display: block; position: relative; } .post-tertiary .post-image a img { width: 100%; height: auto; } .post-tertiary .post-image a:before { content: ''; width: 100%; height: 3px; background-color: transparent; position: absolute; left: 0; top: 0; transition: background-color .4s ease; } .post-tertiary .post-content { position: relative; padding: 22px 25px 16px; } .post-tertiary .post-content h5 { font-family: 'TheSans', sans-serif; font-size: 14px; text-transform: uppercase; margin: 0; transition: color .4s ease; } .post-tertiary .post-content h5 a { display: block; text-decoration: none; } .post-tertiary .post-content h5 span { display: block; font-family: ''Roboto'', sans-serif; font-weight: 400; font-size: 12px; opacity: .75; padding-top: 5px; } .post-tertiary .post-content .link-share { font-size: 18px; color: #c1c1c1; position: absolute; right: 21px; top: 56%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: color .4s ease; } .post-tertiary:hover .post-image a:before { background-color: #c71418; } .post-tertiary:hover .post-content h5 { color: #c61414; } .post-tertiary:hover .post-content h5 span { color: #333; } .post-tertiary:hover .post-content .link-share { color: #1d213c; } /* Small Desktop */ @media (max-width: 1279px) { .post-tertiary .post-content { padding: 20px 40px 20px 15px; } .post-tertiary .post-content .link-share { right: 15px; } } /* Mobile */ @media (max-width: 767px) { .post-tertiary:hover .post-content h5 { color: #333; } .post-tertiary:hover .post-content .link-share { color: #c1c1c1; } } /* ------------------------------------------------------------ *\ Post Inline \* ------------------------------------------------------------ */ .post-inline { font-size: 0; } .post-inline .post-media, .post-inline .post-content { display: inline-block; vertical-align: middle; } .post-inline .post-media { width: 18.7%; } .post-inline .post-content { width: 81.3%; padding-left: 19px; text-align: left; } .post-inline .post-content h6 { font-weight: 400; } .post-inline .post-content h6 a { width: 80%; padding: 0; font-size: 13px; line-height: 1.3; } /* Mobile */ @media (max-width: 767px) { .post-inline .post-media { width: 26%; } .post-inline .post-content { width: 74%; } } /* ------------------------------------------------------------ *\ Post Twitter \* ------------------------------------------------------------ */ .post-twitter { background-color: #f5f5f5; position: relative; padding: 40px 15px 24px; margin: 37px 0; } .post-twitter .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; } .post-twitter .post-content { text-align: center; padding: 0 35px; } .post-twitter .post-content p { margin: 0; font-weight: 500; font-size: 19px; color: #1a2252; line-height: 1.3; } .post-twitter .post-content p a { text-decoration: none; color: #58ccff; } .post-twitter .post-actions { padding-top: 30px; text-align: center; } .post-twitter .post-actions .link-share { float: right; margin-top: 16px; font-size: 18px; transition: color .4s ease; } .post-twitter .post-actions .link-share:hover { color: #ca0000; } .post-twitter .post-actions .list-share { display: inline-block; } /* Mobile */ @media (max-width: 767px) { .post-twitter .post-content { padding: 0 15px; } .post-twitter .post-actions { padding-top: 20px; } .post-twitter .post-actions .link-share { margin-top: 4px; } } /* ------------------------------------------------------------ *\ Post Scores \* ------------------------------------------------------------ */ .post-scores { background-color: #f5f5f5; padding: 21px 20px 7px; position: relative; margin-top: 41px; } .post-scores .arrow { width: 30px; height: 30px; background-color: #fdfdfd; border: 1px solid #e5e5e5; border-radius: 50%; position: absolute; right: 12px; top: -15px; text-align: center; line-height: 30px; color: #898989; } .post-scores .post-content { text-align: center; } .post-scores .post-content h3 { font-weight: 500; font-size: 25px; margin-bottom: 20px; color: #1a2150; } .post-scores .post-actions { text-align: right; padding-top: 0; } .post-scores .post-actions .link-share { font-size: 18px; transition: color .4s ease; } .post-scores .post-actions .link-share:hover { color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .post-scores { padding: 21px 20px 25px; } .post-scores .post-actions { margin-top: -17px; } } /* ------------------------------------------------------------ *\ Program Small \* ------------------------------------------------------------ */ .program-small .program-image { position: relative; } .program-small .program-image a { display: block; } .program-small .program-image img { width: 100%; height: auto; } .program-small .program-image span { width: 35px; height: 35px; background-color: #121736; border-radius: 50%; text-align: center; line-height: 38px; position: absolute; left: 20px; top: 100%; margin-top: -24px; font-size: 22px; color: #fff; padding-left: 3px; transition: background-color .4s ease; } .program-small:hover .program-image span { background-color: #ca0000; } .program-small .program-content { padding: 25px 30px 44px 0; position: relative; } .program-small .program-content h5 { margin: 0 0 1px; font-size: 15px; } .program-small .program-content h5 a { text-decoration: none; } .program-small .program-content h6 { margin: 0; font-size: 12px; opacity: .75; } .program-small .program-content .add-to-fav { font-size: 18px; position: absolute; right: 0; top: 20px; } .program-small .program-content .add-to-fav i:before { color: #ccc; transition: color .4s ease; } .program-small .program-content .add-to-fav i:hover:before { content: '\f15f'; color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .program-small .program-content { padding: 25px 25px 30px 0; } .program-small:hover .program-image span { background-color: #121736; } } /* ------------------------------------------------------------ *\ Program Medium \* ------------------------------------------------------------ */ .program-medium .program-image { position: relative;min-height:191px; } #section-replay .program-medium .program-image{min-height:auto;} .program-medium .program-image a { display: block; } .program-medium .program-image img { width: 100%; height: auto; } .program-medium .program-image span { width: 35px; height: 35px; background-color: #121736; border-radius: 50%; text-align: center; line-height: 38px; position: absolute; left: 20px; top: 100%; margin-top: -24px; font-size: 22px; color: #fff; padding-left: 3px; transition: background-color .4s ease; } .program-medium:hover .program-image span { background-color: #ca0000; } .program-medium .program-content { padding: 25px 20px 22px 20px; background-color: #fff; /*height:221px;*/ } .program-medium .program-content h5 { font-family: 'TheSans', sans-serif; font-size: 18px; margin-bottom: 4px; } .program-medium .program-content h6 { font-size: 14px; opacity: .75; margin-bottom: 15px; min-height:18px;} .program-medium .program-content h6 span { margin-left: 10px; } .program-medium .program-content p { font-size: 14px; color: #545454; line-height: 1.45; opacity: .75; margin-bottom: 15px; } .program-medium .program-content ul { list-style: none; margin: 0; } .program-medium .program-content ul li { display: inline-block; vertical-align: middle; } .program-medium .program-content ul li ~ li { margin-left: 15px; } .program-medium .program-content ul a { display: block; font-weight: 700; font-size: 14px; color: #c51316;text-transform:lowercase; } #section-replay .program-medium .program-content {height:127px;} @media (max-width: 1023px) { #section-replay .program-medium .program-content {height:165px;} } /* Mobile */ @media (max-width: 767px) { .program-medium .program-image { position: relative;min-height:initial;} .program-medium:hover .program-image span { background-color: #121736; } } /* ------------------------------------------------------------ *\ Progress \* ------------------------------------------------------------ */ .progress .progress-content { position: relative; } .progress .progress-content h5 { font-weight: 400; font-size: 15px; color: #222222; margin: 0 0 7px; } .progress .progress-content h6 { font-weight: 500; font-size: 16px; color: #222222; margin: 0; position: absolute; right: 0; top: 0; } .progress .progress-line { width: 100%; height: 1px; position: relative; background-color: #ddd; } .progress .progress-line span { position: absolute; left: 0; top: 0; height: 1px; background-color: #ca0000; z-index: 10; } .progress-highest .progress-content h6 { color: #ca0000; } /* ------------------------------------------------------------ *\ Progress Large \* ------------------------------------------------------------ */ .progress-large { position: relative; } .progress-large .progress-content { width: 100%; text-align: center; position: absolute; left: 0; top: -2px; z-index: 11; } .progress-large .progress-content h2 { font-weight: 700; font-size: 40px; color: #fff; opacity: .35; } .progress-large .progress-content h2 sup { font-size: 20px; margin-left: -8px; } .progress-large .progress-line { height: 48px; background-color: #1b1f4c; } .progress-large .progress-line span { height: 100%; background: url(../images/progress-blue.png) repeat-x left center; } .progress-red .progress-line { background-color: #c71519; } .progress-red .progress-line span { background: url(../images/progress-alt.png) repeat-x left center; } /* ------------------------------------------------------------ *\ Schedule \* ------------------------------------------------------------ */ .schedule { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .schedule a { display: block; text-decoration: none; } .schedule .schedule-content { position: relative; font-size: 0; } .schedule .schedule-content img, .schedule .schedule-content h3 { display: inline-block; vertical-align: middle; } .schedule .schedule-content img { border-radius: 50%; margin-right: 27px;object-fit: cover;width: 82px;height: 82px; } .schedule .schedule-content .schedule-content-rerun { font-size: 20px; left: 5px; position: absolute; z-index: 100; bottom: 0; text-shadow: 0px 0px 12px #000000; } @media (max-width:768px) { .schedule .schedule-content .schedule-content-rerun { font-size: 15px; left: 2px; } } .schedule .schedule-content h3 { font-weight: 300; font-size: 27px; text-transform: uppercase; color: #e5e6e9; line-height: 1.2; margin: 0; } .schedule .schedule-content h3 span { display: block; font-weight: 400; font-size: 18px; color: #e5e6e9; } .schedule .schedule-actions { width: 56px; text-align: center; } .schedule .schedule-actions span { display: block; margin: 0 auto; } .schedule .schedule-actions .icon { width: 41px; height: 41px; border-radius: 50%; text-align: center; line-height: 43px; font-size: 18px; color: #fff; padding-left: 4px; transition: background-color .4s ease; } .schedule .schedule-actions .grey .icon { background-color: rgba(119, 119, 119, .48); } .schedule .schedule-actions .blue .icon { background-color: #004b97; } .schedule .schedule-actions .red .icon { background-color: #c71418; } .schedule .schedule-actions .text { padding-top: 10px; font-weight: 700; font-size: 12px; color: #e3e5e9; text-transform: uppercase; line-height: 1; } .schedule:hover .schedule-actions .blue .icon, .schedule:hover .schedule-actions .grey .icon { background-color: #c71418; } .schedule:hover .schedule-actions .red .icon { background-color: #004b97; } /* Mobile */ @media (max-width: 767px) { .schedule .schedule-content img { width: 58px;height:58px; margin-right: 15px; } .schedule .schedule-content h3, .schedule .schedule-content h3 span { font-size: 16px; } } /* ------------------------------------------------------------ *\ Score \* ------------------------------------------------------------ */ .score ul { list-style: none; margin: 0; padding: 0; font-size: 0; text-align: center; } .score ul li { display: inline-block; vertical-align: middle; margin: 0 13px; } .score .score-number { padding: 3px 22px 0; text-align: center; font-weight: 700; font-size: 40px; color: #222222; margin-bottom: 10px; border-top: 1px solid #ccc; position: relative; } .score .score-number:before, .score .score-number:after { content: ''; width: 1px; height: 16px; background-color: #ccc; position: absolute; top: 0; } .score .score-number:before { left: 0; } .score .score-number:after { right: 0; } .score .score-text { font-weight: 700; font-size: 13px; color: #222222; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Scrollable \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .scrollable-load-more { height: auto !important; overflow: hidden !important; } .scrollable-load-more > ol > li,.news-simple-list ol li .scrollable-load-more > ul > li { display: none; } .scrollable-load-more > ol > li:nth-child(-n+6), .scrollable-load-more > ul > li:nth-child(-n+6) { display: block; } .scrollable-load-more.show-more > ol > li, .scrollable-load-more.show-more > ul > li { display: block; } .scrollable-load-more + .btn-load-more { margin-top: 15px; } .scrollable-load-more .highlights { margin-bottom: 0; } .scrollable-load-more .highlights ul li { display: none; } .scrollable-load-more .highlights ul li:nth-child(-n+3) { display: block; } .scrollable-load-more.show-more .highlights ul li { display: block; } } /* ------------------------------------------------------------ *\ Search Simple \* ------------------------------------------------------------ */ .search-simple { display: inline-block; position: relative; } .search-simple .search-field { width: 230px; padding: 7px 30px 7px 12px; border: 0; background-color: #f9f9fa; color: #222222; font-size: 12px; } .search-simple .search-btn { max-height: 22px; border: 0; background-color: transparent; padding: 0; font-size: 18px; color: #bbb; position: absolute; right: 7px; top: 50%; margin-top: -9px; } .search-simple .search-field::-webkit-input-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field::-moz-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field:-moz-placeholder { color: #bbb; font-style: italic; } .search-simple .search-field:-ms-input-placeholder { color: #bbb; font-style: italic; } /* Mobile */ @media (max-width: 767px) { .search-simple .search-field { width: 100%; padding: 10px 30px 10px 12px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { width: 100%; padding: 75px 0; background-color: #f1f1f1; position: fixed; left: 0; top: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; overflow-y: auto; } .search .search-inner { position: relative; margin-right: -5px; } .search .search-close {width: 15px;height: 56px;position: absolute;top: 24px;right: 21px;} .search .search-close:before, .search .search-close:after {content: '';width: 2px;height: 19px;background-color: #222222;position: absolute;left: 0px;top: 0;} .search .search-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .search .search-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .search .search-head { margin-bottom: 126px; } .search .search-body { display:none; } .search.show-results .search-body { display:block; } .search .search-body h5 { text-transform: uppercase; margin-bottom: 20px; color: #192051; } .search .search-body h5 span { color: #ca0000; opacity: 0; transition: opacity .4s ease; } .search .search-body .list-news-primary { background-color: #ebebec; padding: 0; } .search .search-body .list-news-primary li a { padding-right: 10%; transition: color .4s ease; } .search .search-body .list-news-primary li { padding: 12px 15px; border-bottom: 3px solid #f1f1f1; transition: border-color .4s ease; } .search .search-body .list-news-primary li ~ li { margin-top: 0; } .search .search-body .list-news-primary li ~ li:before { display: none;} .search .search-body .list-news-primary li img { width: 30%; } .search .search-body .list-news-primary li p { width: 70%; } .search .search-body .list-news-primary li:hover { border-bottom-color: #1b2150; } .search .search-body .list-news-primary li:hover a { color: #1b2150; } .search .search-suggestions { display: none; width: 100%; position: fixed; left: 0; top: 310px; bottom: 40px; z-index: 999999; background-color: #f1f1f1; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s ease; } .search .search-suggestions ul { max-width: 1276px; margin: 0 auto; list-style: none; padding: 0; } .search .search-suggestions ul li ~ li { margin-top: 20px; } .search .search-suggestions ul a { display: block; text-decoration: none; font-weight: 700; font-size: 55px; color: #c0c0c0; line-height: 1.2; } .search.open {height: 100%;} .search.open, .search .search-suggestions.open { opacity: 1; visibility: visible; } .search.show-results .search-body h5 span { opacity: 1; } /* Small Desktop */ @media (max-width: 1279px) { .search { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } } /* Tablet Portrait */ @media (max-width: 1023px) { .search .search-body .list-news-primary li a { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .search {padding-top: 50px;background-color: #fff;height: 22px!important;overflow: visible;transition: all 0.2s linear;transform: translateY(-120%);border-bottom: 1px solid #ddd;} .search.open { transform: translateY(0px); } .search .search-inner { margin: 0; } .search .search-close {} .search .search-head { margin-bottom: 45px; } .search .search-body .cols { margin: 0; } .search .search-body .col-1of3 { float: none; width: 100%; padding: 0; } .search .search-body .col-1of3 ~ .col-1of3 { margin-top: 25px; } .search .search-body h5 { margin-bottom: 5px; } .search .search-body .list-news-primary li { border-bottom-color: #fff; } .search .search-body .list-news-primary li a { padding: 0; } .search .search-body .list-news-primary li img { width: 43%; } .search .search-body .list-news-primary li p { width: 57%; padding-bottom: 0; vertical-align: middle; } } /* ------------------------------------------------------------ *\ Search Small \* ------------------------------------------------------------ */ .search-small { position: relative; } .search-small .search-field { width: 100%; height: 28px; padding: 7px 30px 6px 12px; border: 0; font-size: 13px; color: #222222; background-color: #f9f9f9; } .search-small .search-btn { border: 0; background-color: transparent; padding: 0; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color: #d9d9d9; } .search-small .search-btn i { transition: color .4s ease; } .search-small .search-field::-webkit-input-placeholder { color: #b9b9b9; } .search-small .search-field::-moz-placeholder { color: #b9b9b9; } .search-small .search-field:-moz-placeholder { color: #b9b9b9; } .search-small .search-field:-ms-input-placeholder { color: #b9b9b9; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section .section-head { text-align: center; background-color: #f9f9f9; } .section .section-head h4 { margin: 0; font-size: 20px; color: #1b2352; padding: 16px 0 13px; } /* ------------------------------------------------------------ *\ Section Intro \* ------------------------------------------------------------ */ .section-intro { padding: 42px 0 32px; } .section-intro .shell { max-width: 1227px; } .section-intro .section-inner { margin: 0 3px 0 7px; } .section-intro .tabs-news-list { padding-top: 8px; } .section-intro .tabs-news-list .tabs-head h3 { display: none; font-weight: 700; font-size: 20px; } .section-intro .tabs-news-list .tabs-body { position:relative; } .section-intro .tabs-news-list .tabs-body .loader {display:none;} .section-intro .tabs-news-list .tabs-body .loader.visible { display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.8; } .section-intro .tabs-news-list .tabs-body .loader:before { top:15px; } .section-intro .socials { margin-top: 4px; margin-left: 5px; margin-bottom:15px; } .section-intro .banner { /*margin: 19px 0 24px;*/ margin: 0 0 31px; height: auto; /*position: absolute;*/ bottom: 59px; } .only-feed .section-intro {padding-bottom:0;} /* Small Desktop */ @media (max-width: 1279px) { .section-intro .section-inner { margin: 0; padding-left: 15px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-intro .section-inner { padding-left: 0; } section.section-intro .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } section.section-intro .col-size2 { margin-bottom: 40px; } } /* Mobile */ @media (max-width: 767px) { .en .search .search-close{right:auto;} section.section-intro { padding: 15px 0; } section.section-intro .post-featured { margin-bottom: 0; } .section-intro .post-featured .post-featured-image { margin: -15px; padding-top: 14px; } .post-featured .post-featured-image .label { margin-top: 14px; } section.section-intro .post-featured + .banner { width: auto; margin: 0 -15px 20px; max-width: none; margin-top: 37px; text-align: center; } section.section-intro .col-size2 { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 0; } section.section-intro .col-size1 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } section.section-intro .col-size1:first-child { -webkit-order: 3; -ms-flex-order: 3; order: 3; } section.section-intro .col-size1 ~ .col-size1 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } section.section-intro .socials { display: none; } .section-intro .tabs-news-list .tabs-head h3 { display: block; margin-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section Hashtag \* ------------------------------------------------------------ */ .section-hashtag { background-color: #f5f5f5; text-align: center; padding: 20px 0; border-bottom: 1px solid #fff; } .section-hashtag ul { list-style: none; margin: 0; padding: 0; } .section-hashtag ul li { display: inline-block; vertical-align: middle; margin: 0 22px; } .section-hashtag ul a {display: block;text-decoration: none;font-weight: 500;font-size: 15px;font-weight: bold;} .section-hashtag ul a:hover {text-decoration: underline;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-hashtag ul a { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .section-hashtag { padding: 20px 0 5px; } .section-hashtag .shell { padding: 0; } .section-hashtag + .section-banner { display: none; } .section-hashtag ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; } #homePage .section-hashtag {display:none;} } /* ------------------------------------------------------------ *\ Section Banner \* ------------------------------------------------------------ */ .section-banner { text-align: center; padding: 28px 0 30px;background: rgb(245,245,245);background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%);background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%);background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );} .section-banner .banner { margin: 0 auto; } .section-banner .banner div{margin:auto} .section-banner-gradient { padding: 40px 0 39px; background: rgb(245,245,246); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, rgba(245,245,246,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f6', endColorstr='#ffffff',GradientType=0 ); } .section-banner.top-large-banner{margin-bottom:-40px;position:relative;z-index:11;} /* ------------------------------------------------------------ *\ Section Expandable \* ------------------------------------------------------------ */ .section-expandable { background-color: #162151; color: #fff; border-bottom: 5px solid #ca0000; } .section-expandable .shell { max-width: 1300px; } .section-expandable > .shell { padding: 56px 10px 34px; } .section-expandable .section-btn { background-color: #e8eaec; padding: 45px 0; text-align: center; cursor: pointer; display: none; } .section-expandable .section-btn h3 { display: inline-block; margin: 0; font-weight: 700; font-size: 20px; color: #333; position: relative; padding-right: 60px; } .section-expandable .section-btn h3:before, .section-expandable .section-btn h3:after { content: ''; width: 39px; height: 1px; background-color: #000; position: absolute; right: 0; top: 50%; } .section-expandable .section-btn h3:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .section-expandable .section-inner { position: relative; } .section-expandable .section-inner:after { } .section-expandable .section-content, .section-expandable .section-media, .section-expandable .section-actions { float: left; } .section-expandable .section-content { width: 31.6%; padding-right: 70px; } .section-expandable .section-content h2 { font-weight: 700; font-size: 35px; color: #fff; line-height: 1.2; margin-bottom: 31px; margin-top: -3px; } .section-expandable .section-content p { font-size: 13px; color: #222222; line-height: 1.65; margin-bottom: 33px; padding-right: 20px; } .section-expandable .section-content .link-more { font-weight: 700; font-size: 14px; color: #ca0000; text-decoration: none; text-transform: uppercase; transition: color .4s ease; } .section-expandable .section-content .link-more i { margin-right: 10px; font-size: 24px; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .section-expandable .section-content .link-more:hover { color: #fff; } .section-expandable .section-media { width: 36.8%; } .section-expandable .section-media.mobile { display: none; } .section-expandable .section-media .play { transition: background-color .4s ease; } .section-expandable .section-media .play:hover { background-color: #1b2352; } .section-expandable .section-actions { width: 23.7%; padding: 5px 0 0 115px; } .section-expandable .section-actions .collapse { display: block; width: 52px; height: 52px; position: relative; opacity: .57; transition: opacity .4s ease; } .section-expandable .section-actions .collapse:hover { opacity: 1; } .section-expandable .section-actions .collapse:before, .section-expandable .section-actions .collapse:after { content: ''; height: 140%; border-left:1px solid #fff; position: absolute; left: 0; top: 0; } .section-expandable .section-actions .collapse:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-expandable .section-actions .collapse:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; left: auto; right: 0; } .section-expandable .section-actions-inner { position: absolute; left: 68.4%; margin-left: 110px; bottom: 13px; } .section-expandable .section-actions-inner iframe, .section-expandable .section-actions-inner .fb_iframe_widget { display: inline-block; vertical-align: middle; } .section-expandable .section-actions-inner .fb_iframe_widget { margin-left: 10px; } .section-expandable .socials { margin-bottom: 26px; direction: ltr; } .section-expandable .socials a { width: 32px; height: 32px; border-radius: 50px; text-align: center; line-height: 34px; color: #fff; opacity: 1; } .section-expandable .socials .zmdi-google-plus { font-size: 24px; line-height: 32px; } .section-expandable .socials li ~ li { margin-left: 0; } /* Small Desktop */ @media (max-width: 1279px) { .section-expandable > .shell { padding: 56px 15px 34px; } .section-expandable .section-content { padding-right: 20px; } .section-expandable .section-content h2 { font-size: 30px; } .section-expandable .section-media { width: 41.5%; } .section-expandable .section-actions { width: 19%; padding-left: 60px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-expandable > .shell { padding: 40px 15px; } .section-expandable .section-media, .section-expandable .section-content, .section-expandable .section-actions { width: 50%; } .section-expandable .section-media { padding-top: 80px; } .section-expandable .section-actions { position: absolute; left: 50%; padding: 0; } .section-expandable .section-actions-inner { position: relative; left: 0; bottom: 0; margin: 0; float: left; } .section-expandable .section-actions .collapse { float: right; } .section-expandable .socials { margin-bottom: 15px; } .section-expandable + .banner-mobile { margin: 15px 10px; } } /* Mobile */ @media (max-width: 767px) { .section-expandable { background-color: #283861; } .section-expandable > .shell { padding: 30px 25px; } .section-expandable > .banner { margin: 0; } .section-expandable .section-media, .section-expandable .section-content, .section-expandable .section-actions { width: 100%; float: none; padding-right: 0; } .section-expandable .section-content { padding-right: 30px; } .section-expandable .section-content h2 { width: 90%; font-size: 22px; margin-bottom: 10px; } .section-expandable .section-content p { margin-bottom: 20px; } .section-expandable .section-media { display: none; } .section-expandable .section-media.mobile { display: block; padding-top: 0; margin: 15px 0; } .section-expandable .section-actions { position: static; left: 0; padding-top: 30px; } .section-expandable .section-actions .collapse { width: 32px; height: 32px; position: absolute; right: -10px; top: 0; } .section-expandable .section-btn { background-color: #283861; padding: 25px 0; } .section-expandable .section-btn h3 { text-align: left; color: #fff; line-height: 1; } .section-expandable .section-btn h3:before, .section-expandable .section-btn h3:after { background-color: #fff; } } /* ------------------------------------------------------------ *\ Section Updates \* ------------------------------------------------------------ */ .section-updates { padding: 58px 0 55px; } .section-updates .section-inner { padding: 0 0 0 13px; margin-right: -12px; } .section-updates .shell { max-width: 1165px; } .section-updates .cols {margin: 0 -10px;} .section-updates h2 { font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 24px; padding-bottom: 10px; text-transform: uppercase; } .section-updates .section-actions { padding-top: 47px; text-align: center; } .only-feed .section-updates {padding-top:0;} /* Small Desktop */ @media (max-width: 1279px) { .section-updates { padding: 50px 0; } .section-updates .shell { max-width: 100%; } .section-updates .section-inner { margin: 0; padding: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-updates .section-actions { padding-top: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-updates { padding: 40px 0; } .section-updates .cols { margin: -21px; } .section-updates .section-actions { padding-top: 0; } .section-updates .section-programs-feed { margin-top: 30px; } .section-updates .section-programs-feed .list-posts .post-image { height: auto; } } /* ------------------------------------------------------------ *\ Section Newscast \* ------------------------------------------------------------ */ .section-newscast { margin-bottom: 62px; } .section-newscast .section-head { text-align: right; } .en .section-newscast .section-head { text-align: left; } .section-newscast .section-videos {margin-bottom: 54px;display: none;} .section-newscast .section-videos h4 { text-align: right; font-size: 15px; margin-bottom: 26px; } .section-newscast .section-videos ul { list-style: none; margin: 0 0 0 -9px; overflow: hidden; } .section-newscast .section-videos ul li { float: left; width: 50%; padding-left: 9px; } .section-newscast .section-videos .video-small .play { transition: background-color .4s ease; } .section-newscast .section-videos .video-small:hover .play { background-color: #1b2352; } .section-newscast .section-newscast-videos {height: 623px;overflow: hidden;/* padding: 0 35px 0 15px; */} .section-newscast .section-newscast-videos ul { list-style: none; } .section-newscast .section-newscast-videos ul li {font-size: 0;width: calc(50% - 7px);display: inline-block;margin: 2px;vertical-align: text-top;} .section-newscast .section-newscast-videos ul li:last-child { margin-bottom: 8px; } .section-newscast .section-newscast-videos ul li ~ li {/* margin-top: 44px; */} .en .section-newscast .section-newscast-videos .video{ height: 84px; } .section-newscast .section-newscast-videos h6, .section-newscast .section-newscast-videos .video { display: inline-block; vertical-align: middle; } .section-newscast .section-newscast-videos .video {width: 100%;/* padding-bottom: 20%; *//* overflow: visible; */padding: 0px;height: 89px;margin-bottom: 7px;background-color: #eee;} .section-newscast .section-newscast-videos .video .play {width: 28px;height: 28px;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);left: auto;top: auto;right: 9px;bottom: 10px;} .section-newscast .section-newscast-videos .video .play:before { border-width: 5px 0 5px 6px; } .section-newscast .section-newscast-videos h6 {/* width: 69.4%; */margin: 0;padding-left: 11px;transition: color .4s ease;color: #222222;} .section-newscast .section-newscast-videos h6 a {display: block;text-decoration: none;font-weight: bold;font-size: 15px;line-height: 1.3;} .section-newscast .section-newscast-videos .mCSB_scrollTools_vertical { opacity: 1 !important; margin: 0; } .section-newscast .section-newscast-videos .mCSB_scrollTools_vertical .mCSB_dragger_bar { width: 6px; background-color: #b5b5b5 !important; } .section-newscast .section-newscast-videos li:hover h6 { color: #ca0000; } .en .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{ right: -9px; } .en .section-newscast .section-newscast-videos .video .play{ bottom: 12px; } .en .section-newscast .section-newscast-videos h6{ text-align: right; padding-bottom: 12px; } /* Nescast Secondary */ .section-newscast-secondary .section-head { text-align: left; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px !important; } .section-newscast-secondary .section-nav { text-align: left; } .section-newscast-secondary .section-newscast-videos { padding-left: 0; height: 356px; } .section-updates-politics .shell {max-width:1207px;} body:not(#homePage) .section-newscast .section-head {margin: 0;color: #192051;text-transform: uppercase;font-size:12px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-newscast .section-newscast-videos { height: 626px; } } /* Mobile */ @media (max-width: 767px) { .section-newscast { margin-bottom: 25px; } .section-newscast .section-head { text-align: center; } .section-newscast .section-head h2 { margin-bottom: 15px; } .section-newscast .section-videos { margin-bottom: 25px; } .section-newscast .section-videos h4 { text-align: center; margin-bottom: 10px; } .section-newscast .section-newscast-videos {height: 290px;padding: 0px;overflow-y: auto;} .section-newscast .section-newscast-videos ul li {margin-bottom: 25px;width: 48.8%;} .section-newscast .section-newscast-videos ul li ~ li {/* margin-top: 0; */} .section-newscast .section-newscast-videos li:hover h6 { color: #222222; } } /* ------------------------------------------------------------ *\ Section Poll \* ------------------------------------------------------------ */ .section-poll { background-color: #f5f5f5; border: 7px solid #eee; padding: 18px 50px 11px 17px; margin-right: 8px; } .section-poll h3 { font-weight: 500; font-size: 25px; line-height: 1; margin-bottom: 30px; color: #1a2150; padding-right: 10%; } .section-poll ul li ~ li { margin-top: 10px; } .section-poll .section-body { padding-right: 20px; } .section-poll .section-body .btn-red { display: block; width: 100%; height: 48px; padding: 4px 10px 11px; font-size: 18px; } .section-poll .section-body .btn-red span { display: inline-block; position: relative; } .section-poll .section-body .btn-red span:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; transition: background-color .4s ease; } .section-poll .section-body .btn-red:hover span:after { background-color: #ca0000; } .section-poll .section-actions { display: block; padding: 20px 0; background-color: #eee; margin: 20px -18px -17px; } .section-poll .section-actions a { font-weight: 700; font-size: 13px; } .section-poll-en .section-body .btn-red { width: calc(100% + 50px); } .section-poll-en .section-actions { margin-right: -50px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-polls .masonry .masonry-sizer { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-poll { margin-right: 0; padding-right: 25px; } .section-poll .section-body { padding-right: 0; } .section-poll .section-body .btn-red, .section-poll .section-actions { display: block; } .section-poll .section-body .btn-red { font-size: 14px; } .section-poll-en .section-body .btn-red { width: 100%; } .section-poll-en .section-actions { margin-right: -25px; } } /* ------------------------------------------------------------ *\ Section Feed \* ------------------------------------------------------------ */ .section-feed .section-head { text-align: center; } .section-feed .section-head h2 { margin-bottom: 30px; } .section-feed .tabs .tabs-nav { margin-bottom: 30px; } .section-feed .tabs .tabs-nav ul { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .section-feed .tabs .tabs-nav ul li { margin: 0 15px; } .section-feed .post-featured-video { margin-top: 42px; } .section-feed .addthis_toolbox { position: absolute;right: 13px;bottom: 0;opacity: 0;width:30px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-feed .tab.current { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-feed .tab .list-news-primary, .section-feed .tab .post-featured, .section-feed .tab .post-twitter, .section-feed .tab .post-scores, .section-feed .tab .section-selection { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-top: 0; margin-bottom: 30px; } .section-feed .tab .post-featured-gallery { margin-top: 0; } } /* Mobile */ @media (max-width: 767px) { .section-feed .tab .list-news-primary, .section-feed .tab .post-featured, .section-feed .tab .post-twitter, .section-feed .tab .post-scores, .section-feed .tab .section-selection { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .list-news-primary li { width: 49.9%; } .highlights ul li { width: 49%; } .highlights ul { padding: 9px; padding-left: 16px; } .banner { justify-content: center; display: flex; bottom: 0!important; } .section-intro .banner { position: relative; } .highlights ul li img { width: 100%; height: auto; } .banner-center{ display: flex !important; } } /* ------------------------------------------------------------ *\ Section Programs Feed \* ------------------------------------------------------------ */ .section-programs-feed .section-head h2 {margin-bottom: 0px;margin-top: -4px;} .en .section-programs-feed .section-head h2{padding-top:13px;text-align: left;} .section-programs-feed.mtvmin .section-head h2{color:#FF9208} .section-programs-feed .list-posts {margin-bottom: 6px;padding: 3px;} .section-programs-feed .list-posts li {width: 50%;padding: 0 1px;position: relative;} .section-programs-feed .list-posts li img {min-height:96px; background-color:#eee} .section-programs-feed .post .post-content {text-align: left;padding: 4px 0;} .section-programs-feed .post .post-content a { padding: 0; } .en .section-programs-feed .post .post-content a{padding-top:4px} .section-programs-feed .post .post-content h4 { margin-bottom: 3px; } .section-programs-feed .post .post-content h6 {font-weight: 400;font-size: 14px;position: absolute;top: 66px;right: 7px;color: #fff;font-weight: bold;font-family: 'Roboto';box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .section-programs-feed .tabs .tabs-nav { margin-bottom: 28px; } .section-programs-feed .tabs .tabs-body { padding-left: 5px; } .section-programs-feed .section-body .link-more {font-weight: 700;font-size: 22px;color: #ca0000;text-transform: uppercase;text-decoration: none;position: relative;margin-left: 4px;display: none;} .section-programs-feed .section-body .link-more:after { content: ''; width: 100%; height: 1px; border-bottom: 1px dotted #ca0000; position: absolute; left: 0; top: 100%; } .section-programs-feed .section-body .banner {margin: 33px -3px 33px 4px;display: none;} .section-programs-feed .section-body .banner:first-child { margin-top: 0; } .section-programs-feed .loader:before{top:-50px;} .section-programs-feed .tabs .tabs-nav ul, .section-videos.tabs .tabs-nav ul {border-bottom: 1px solid #ddd;padding-bottom: 15px;overflow:visible;} .section-programs-feed .tabs .tabs-nav ul li.current a:after {top:28px;} .section-videos.tabs .tabs-nav ul li{position:relative} .section-videos.tabs .tabs-nav ul li a:hover:after{content: '';width: 100%;height: 2px;background-color: #ca0000;position: absolute;left: 0;top: 100%;margin-top: 5px;top:28px;} /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-feed .section-body .banner { margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-programs-feed > .banner { margin: 30px 0; } .section-programs-feed .section-head h2 {text-align: right;} .section-programs-feed .list-posts li { float: left; width: 50%; } .section-programs-feed .list-posts li ~ li { margin-top: 0; } .section-programs-feed .list-posts .post-image { float: none; width: 100%; } .section-programs-feed .section-body { text-align: center; } .section-programs-feed .section-body .banner { display: none; } .section-programs-feed .section-body .link-more { text-align: center; } } /* ------------------------------------------------------------ *\ Section About \* ------------------------------------------------------------ */ .section-about .shell { max-width: 1296px; } .section-about h5 { font-weight: 700; font-size: 16px; color: #333; text-transform: uppercase; margin-bottom: 17px; } .section-about h6 { font-weight: 700; font-size: 16px; color: #333; margin: 46px 0 10px; } .section-about p { font-size: 14px; line-height: 2; margin-bottom: 0; } .section-about p ~ p { margin-top: 24px; } /* Mobile */ @media (max-width: 767px) { .section-about h6 { margin: 30px 0 0; } } /* ------------------------------------------------------------ *\ Section About Primary \* ------------------------------------------------------------ */ .section-about-primary { position: relative; background-color: #f5f5f5; } .section-about-primary .section-image { width: 50%; height: 100%; position: absolute; left: 50%; top: 0; overflow: hidden; } .section-about-primary .section-image img { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-about-primary .section-body-inner { width: 40%; padding: 82px 0 50px 10px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-primary .section-body-inner { padding-left: 0; } .section-about-primary .section-image { overflow: hidden; } .section-about-primary .section-image img { min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; } } /* Mobile */ @media (max-width: 767px) { .section-about-primary .banner { margin: 0 0 30px; } .section-about-primary .section-body-inner { width: 100%; padding: 0 0 30px; } .section-about-primary .section-body-inner .banner { margin: 30px 0; } .section-about-primary .section-image { width: 100%; height: auto; position: relative; left: 0; } .section-about-primary .section-image img { min-width: 0; min-height: 0; width: 100%; height: auto; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } /* ------------------------------------------------------------ *\ Section About Secondary \* ------------------------------------------------------------ */ .section-about-secondary { padding: 139px 0 122px; } .section-about-secondary .shell:after { } .section-about-secondary .section-body { float: left; width: 42%; padding-left: 13px; } .section-about-secondary .section-body-secondary { width: 46%; padding-left: 9%; margin-left: 8%; border-left: 1px dotted #dcdcdc; } .section-about-secondary .section-body h5 { margin-bottom: 15px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-secondary { padding: 100px 0; } .section-about-secondary .section-body { padding-left: 0; } .section-about-secondary .section-body-secondary { margin-left: 4%; padding-left: 4%; } } /* Mobile */ @media (max-width: 767px) { .section-about-secondary { padding: 40px 0 20px; } .section-about-secondary .section-body, .section-about-secondary .section-body-secondary { float: none; width: 100%; margin-left: 0; padding-left: 0; border-left: 0; } .section-about-secondary .section-body-secondary { margin-top: 40px; } } /* ------------------------------------------------------------ *\ Section About Tertiary \* ------------------------------------------------------------ */ .section-about-tertiary { background-color: #dadde0; overflow: hidden; position: relative; } .section-about-tertiary:after { content: ''; width: 50%; height: 100%; background-color: #fff; position: absolute; left: 50%; top: 0; z-index: 1; } .section-about-tertiary .section-body { width: 78%; padding: 70px 0 103px 10px; position: relative; z-index: 10; } .section-about-tertiary .section-body-secondary { width: 101%; padding-left: 17.7%; } .section-about-tertiary h6 { color: #121736; margin: 49px 0 30px; } .section-about-tertiary h6 i { display: inline-block; vertical-align: baseline; } .section-about-tertiary p ~ p { margin-top: 25px; } /* Small Desktop */ @media (max-width: 1279px) { .section-about-tertiary .section-body { padding-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-about-tertiary .section-body { padding: 0 0 35px; } } /* Mobile */ @media (max-width: 767px) { .section-about-tertiary { background-color: #fff; } .section-about-tertiary .col-1of2 { float: none; width: 100%; } .section-about-tertiary:after { display: none; } .section-about-tertiary .section-body { width: 100%; padding: 30px 0 15px; } .section-about-tertiary h6 { margin: 0 0 30px; } } /* ------------------------------------------------------------ *\ Section About Quote \* ------------------------------------------------------------ */ .section-about-quote { background-color: #333; color: #fff; padding: 37px 0; } .section-about-quote .shell { max-width: 1246px; } .section-about-quote .image, .section-about-quote blockquote { display: inline-block; vertical-align: middle; } .section-about-quote .image { width: 174px; height: 174px; position: relative; } .section-about-quote .image:before { content: ''; width: 107px; height: 194px; background-color: #4a4a4a; border-radius: 0 107px 107px 0; position: absolute; right: -10px; top: -10px; z-index: 2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10px center; -ms-transform-origin: 10px center; transform-origin: 10px center; } .section-about-quote .image:after { content: ''; height: 140%; width: 1px; background-color: #4a4a4a; position: absolute; left: 40%; top: -30%; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .section-about-quote .image img { border-radius: 50%; position: relative; z-index: 3; } .section-about-quote blockquote { padding-left: 90px; max-width: 755px; text-transform: uppercase; } .section-about-quote blockquote p { font-weight: 300; font-size: 31px; color: #666; line-height: 1.2; margin-bottom: 15px; } .section-about-quote blockquote cite { display: block; font-style: normal; font-weight: 700; font-size: 16px; color: #ccc; opacity: .7; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-about-quote blockquote { width: 70%; padding-left: 40px; } .section-about-quote blockquote p { font-size: 23px; } } /* Mobile */ @media (max-width: 767px) { .section-about-quote { padding: 45px 0 60px; text-align: center; } .section-about-quote .image { display: block; margin: 0 auto 40px; } .section-about-quote blockquote { width: 100%; padding: 0 15px; } .section-about-quote blockquote p { font-size: 22px; margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section Values \* ------------------------------------------------------------ */ .section-values { background: url(../images/temp/section-values-bg.jpg) no-repeat center; background-size: cover; color: #fff; } .section-values .section-head { border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 35px 0 27px; text-align: center; } .section-values .section-head h5 { font-size: 16px; color: #d9dddf; text-transform: uppercase; margin: 0; } .section-values .section-body { padding: 70px 0; } .section-values .section-body .shell { max-width: 1276px; } .section-values .section-body ol { list-style: none; margin: 0 -10px 0 5px; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; counter-reset: list; } .section-values .section-body ol li { font-weight: 500; font-size: 20px; color: #a6a6a6; text-transform: uppercase; line-height: 1; text-align: center; } .section-values .section-body ol li:before { content: '0' counter(list); counter-increment: list; display: block; font-weight: 300; font-size: 82px; color: #dadde0; text-transform: uppercase; opacity: .25; text-shadow: 3px 7px 4px rgba(0,0,0, .8); margin-bottom: 20px; } /* Small Desktop */ @media (max-width: 1279px) { .section-values .section-body ol { margin: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-values .section-body ol li { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .section-values { display: none; } } /* ------------------------------------------------------------ *\ Section Production \* ------------------------------------------------------------ */ .section-production { padding: 72px 0 69px; } .section-production .shell { max-width: 1436px; padding: 0 0 0 15px; } .section-production .section-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-production .section-inner h6.mobile { display: none; } .section-production .section-body { max-width: 49%; -webkit-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; background-color: #f5f5f5; padding: 94px 75px 80px; color: #333; } .section-production .section-body h5 { font-size: 16px; text-transform: uppercase; margin-bottom: 40px; } .section-production .section-body p { font-size: 14px; line-height: 2; margin-bottom: 30px; } .section-production .section-body ul { list-style: none; margin: 60px 0 0; } .section-production .section-body ul li { display: inline-block; vertical-align: middle; } .section-production .section-body ul li ~ li { margin-left: 5px; } .section-production .section-body ul span { display: block; line-height: 32px; padding: 0 15px; font-weight: 500; font-size: 16px; background-color: #e5e7e9; transition: background-color .4s ease; } .section-production .section-body ul a { text-decoration: none; display: block; } @media ( max-width: 1279px ) { .section-production .shell { padding: 0 15px; } } /* Small Desktop */ @media (max-width: 1279px) { .section-production { padding: 50px 0; } .section-production .shell { padding: 0 10px; } .section-production .section-body { padding: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-production .section-body { padding: 25px; } .section-production .section-body ul li { display: block; } .section-production .section-body ul li ~ li { margin-left: 0; margin-top: 10px; } .section-production .section-body ul a { display: inline-block; } } /* Mobile */ @media (max-width: 767px) { .section-production { padding: 0 0 20px; } .section-production .section-inner { display: block; } .section-production .section-inner .banner-320x50 { margin: 0 -15px; width: auto; max-width: none; } .section-production .section-inner h6.mobile { display: block; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #444; line-height: 2; margin: 20px 0; } .section-production .section-body { max-width: 100%; background-color: #fff; padding: 20px 0 0; } .section-production .section-body h5 { margin-bottom: 25px; } .section-production .section-body ul { margin: 0; } .section-production .section-body ul a { min-width: 186px; } .section-production .section-body ul a span { font-weight: 500; font-size: 16px; text-align: center; } .section-production .section-body p:last-child { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Adv \* ------------------------------------------------------------ */ .section-adv { padding: 85px 0 124px; } .section-adv .section-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-adv .section-body { -webkit-flex: 0 0 41.2%; -ms-flex: 0 0 41.2%; flex: 0 0 41.2%; margin-left: .7%; } .section-adv .section-body ul { list-style: none; margin: 0; } .section-adv .section-body ul li { padding: 25px 0 27px 0; } .section-adv .section-body ul li:first-child { padding-top: 10px; } .section-adv .section-body ul li:last-child { padding-bottom: 0; } .section-adv .section-body ul li ~ li { border-top: 1px dotted #b9b9b9; padding: 30px 0; } .section-adv .section-body h5 { font-size: 16px; text-transform: uppercase; margin-bottom: 0; } .section-adv .section-body p { margin: 5px 0 0; font-size: 14px; line-height: 2; } .section-adv .section-form { -webkit-flex: 0 0 50.7%; -ms-flex: 0 0 50.7%; flex: 0 0 50.7%; background-color: #f5f5f5; position: relative; left: .7%; } /* Small Desktop */ @media (max-width: 1279px) { .section-adv .section-body { margin-left: 0; } .section-adv .section-form { left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-adv { padding: 30px 0; } } /* Mobile */ @media (max-width: 767px) { .section-adv { padding: 0; } .section-adv > .banner { margin: 0; } .section-adv .section-inner { display: block; } .section-adv .section-body { padding: 20px 0 0; } .section-adv .section-form { background-color: #fff; } } /* ------------------------------------------------------------ *\ Section Careers \* ------------------------------------------------------------ */ .section-careers { padding: 67px 0; } .section-careers .shell { max-width: 1156px; } /* Mobile */ @media (max-width: 767px) { .section-careers { padding: 0 0 50px; } .section-careers > .banner { margin: 0 0 25px; } } /* ------------------------------------------------------------ *\ Section Apply \* ------------------------------------------------------------ */ .section-apply { padding: 85px 0 47px; } .section-apply .section-inner:after { } .section-apply .section-body, .section-apply .section-form { float: left; } .section-apply .section-body { width: 37.6%; padding-top: 10px; padding-left: 9px; } .section-apply .section-body h5 { text-transform: uppercase; margin-bottom: 16px; } .section-apply .section-body h6 { font-size: 16px; text-transform: uppercase; margin-bottom: 20px; } .section-apply .section-body p { margin-bottom: 20px; font-size: 14px; line-height: 2; } .section-apply .section-body ul { list-style: none; margin: 20px 0 30px; padding: 0; } .section-apply .section-body ul li { position: relative; padding-left: 20px; font-size: 14px; } .section-apply .section-body ul li ~ li { margin-top: 12px; } .section-apply .section-body ul li:before { content: ''; width: 6px; height: 6px; background-color: #ca0000; border-radius: 50%; position: absolute; left: 1px; top: 50%; margin-top: -3px; } .section-apply .section-body .btn-grey { height: 32px; line-height: 34px; padding: 0 27px; border-radius: 0; font-size: 13px; background-color: #d6d7d9; margin-top: 14px; } .section-apply .section-body .btn-grey:hover { background-color: #1b2352; } .section-apply .section-form { width: 50.8%; margin-left: 12.3%; margin-right: -.7%; background-color: #f5f5f5; padding: 38px 94px 30px 46px; position: relative; } /* Small Desktop */ @media (max-width: 1279px) { .section-apply .section-body { padding-left: 0; } .section-apply .section-form { width: 50%; margin-right: 0; padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-apply { padding: 0; padding-top: 20px} .section-apply > .banner { margin: 0 0 20px; } .section-apply .section-body, .section-apply .section-form { float: none; width: 100%; } .section-apply .section-body .btn-grey { margin-top: 0; } .section-apply .section-form { margin-left: 0; background-color: #fff; padding: 30px 32px 20px 22px; } } /* ------------------------------------------------------------ *\ Section Contact \* ------------------------------------------------------------ */ .section-contact { padding: 62px 0 103px; } .section-contact .section-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-contact .section-body { -webkit-flex: 0 0 41.2%; -ms-flex: 0 0 41.2%; flex: 0 0 41.2%; margin-left: .6%; padding-top: 8px; } .section-contact .section-body h4 { font-weight: 300; font-size: 23px; color: #666; padding-bottom: 18px; padding-left: 80px; border-bottom: 1px dotted #b9b9b9; } .section-contact .section-body ul li { padding: 23px 0; } .section-contact .section-body ul li ~ li { border-top: 1px dotted #b9b9b9; } .section-contact .section-form { -webkit-flex: 0 0 50.7%; -ms-flex: 0 0 50.7%; flex: 0 0 50.7%; margin-left: 8.2%; background-color: #f5f5f5; padding: 81px 95px 30px 45px; position: relative; } /* Small Desktop */ @media (max-width: 1279px) { .section-contact .section-body { margin-left: 0; } .section-contact .section-form { padding: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-contact { padding: 0; } .section-contact > .banner { margin: 0 0 25px; } .section-contact .section-inner { display: block; } .section-contact .section-form { margin-left: 0; background-color: #fff; padding: 20px 32px 0 22px; } } /* ------------------------------------------------------------ *\ Section Login Primary \* ------------------------------------------------------------ */ .section-login-primary { height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0; -webkit-overflow-scrolling: touch; background: url(../images/temp/login-primary-bg.jpg) no-repeat center; background-size: cover; } /* Small Desktop */ @media (max-width: 1279px) { .section-login-primary { height: auto; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-login-primary { min-height: 0; } } /* Mobile */ @media (max-width: 767px) { .section-login-primary { height: auto !important; min-height: calc(100vh - 45px); } .section-login-primary { background-position: 80% center; } } /* ------------------------------------------------------------ *\ Section My Account \* ------------------------------------------------------------ */ .section-account > .section-head { height: 161px; background: #121736 url(../images/temp/account-head-elem.png) no-repeat 90% center; background-size: auto 100%; color: #fff; padding-top: 39px; position: relative; } .section-account > .section-head h3 { font-weight: 700; font-size: 25px; color: #fff; text-transform: uppercase; margin-bottom: 32px; } .section-account > .section-head h3 span { color: #bababa; } .section-account > .section-head:after { content: ''; width: 100%; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: 0; bottom: 60px; z-index: 10; } .section-account > .section-head .shell, .section-account > .section-body .shell { max-width: 1276px; } .section-account > .section-body { padding: 47px 0 75px; } .section-account .section-body-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-account .section-content, .section-account .section-sidebar { background-color: #f6f6f7; } .section-account .section-content { -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; flex: 0 0 52%; } .section-account .section-content-head { background-color: #fff; position: relative; padding-bottom: 31px; padding-right: 240px; } .section-account .section-content-head h5 { text-transform: uppercase; padding: 4px 0 0; margin: 0; } .section-account .section-content-head h5 span { color: #ca0000; } .section-account .section-content-head .search-simple { position: absolute; right: 0; top: 0; } .section-account .section-content-body { padding: 20px 23px 0; } .section-account .section-content-body .list-letters { margin-bottom: 45px; } .section-account .section-sidebar { -webkit-flex: 0 0 35.5%; -ms-flex: 0 0 35.5%; flex: 0 0 35.5%; margin-left: 40px; } /* Small Desktop */ @media (max-width: 1279px) { .section-account > .section-body { padding: 50px 0; } .section-account .section-sidebar { -webkit-flex: 0 0 44.6%; -ms-flex: 0 0 44.6%; flex: 0 0 44.6%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-account .section-body-inner { display: block; } .section-account .section-content, .section-account .section-sidebar { display: block; } .section-account .section-sidebar { margin-left: 0; margin-top: 50px; } } /* Mobile */ @media (max-width: 767px) { .section-account > .section-head { height: auto; background: none; background-color: #111531; text-align: center; position: relative; z-index: 99; padding-top: 23px; } .section-account > .section-head h3 { margin-bottom: 0; padding-bottom: 16px; } .section-account > .section-head:before { content: ''; width: 100%; height: 1px; background-color: #fff; opacity: .1; position: absolute; left: 0; top: 70px; left: 0; } .section-account > .section-head:after { display: none; } .section-account > .section-head .nav-secondary { position: relative; } .section-account > .section-body { background-color: #e5e7e9; padding: 0 0 40px; } .section-account > .section-body .banner { margin: 20px 0 30px; } .section-account .section-content, .section-account .section-sidebar, .section-account .section-content-head { background-color: transparent; } .section-account .section-content-head { padding-right: 0; padding-bottom: 0; } .section-account .section-content-head .search-simple { width: 100%; position: relative; margin-top: 10px; } .section-account .section-content-body { padding: 20px 0; } .section-account .section-content-body .banner { margin: 0; } .section-account .section-content-body .list-letters { word-wrap: none; overflow-x: auto; margin-bottom: 20px; } .section-account .section-content-body .list-letters li ~ li { margin-left: 16px; } .section-account .section-sidebar { margin-top: 10px; background-color: #f6f6f7; } .section-account .section-body-inner > .banner { margin: 40px 0 0; } .section-account-interests .section-body { background-color: #fff; } .section-account-interests .section-body .banner { width: auto; margin: 20px -15px 0; max-width: none; } .section-account-profile > .section-body { background-color: #fff; padding-top: 0; } .section-account-profile > .section-body .bannen { margin: 0 0 20px; } .section-account-interests .list-interests .banner-mobile { margin: -10px 0 30px; } } /* ------------------------------------------------------------ *\ Section Interests \* ------------------------------------------------------------ */ .section-interests { padding-top: 5px; } .section-interests .section-head { margin-bottom: 14px; } .section-interests .section-head h5 { margin: 0; } .section-interests .section-body { margin-right: -20px; margin-bottom: -9px; } @media ( max-width: 1279px ) { .section-interests .section-body { margin-right: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-interests .section-body { margin: 0; } } /* Mobile */ @media (max-width: 767px) { .section-interests { margin: 0 -15px; background-color: #fff; padding: 30px 15px 0; } .section-interests .section-head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Profile \* ------------------------------------------------------------ */ .section-profile { padding-top: 5px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-profile .section-head { margin-bottom: 35px; } .section-profile .section-head h5 { margin: 0; } /* ------------------------------------------------------------ *\ Section 404 \* ------------------------------------------------------------ */ .section-404 { height: 530px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .section-404 .shell { margin: 0; } .section-404 h1 { font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 200px; color: #fff; line-height: 1; letter-spacing: -.03em; text-shadow: 4px 6px 7px rgba(0,0,0, .15); margin: 0; position: relative; left: -6px; } .section-404 h5 { text-transform: uppercase; color: #aaa; margin-bottom: 20px; } .section-404 .section-body { margin-bottom: 10px; } .section-404 .btn-red { position: relative; z-index: 10; } /* Mobile */ @media (max-width: 767px) { .section-404 h1 { font-size: 160px; } .section-404 h5 { margin: 10px 0 20px; } } /* ------------------------------------------------------------ *\ Section Watch \* ------------------------------------------------------------ */ .section-watch { padding: 64px 0 120px; } .section-watch .section-body { padding: 0 19px 0 8px; } @media ( max-width: 1279px ) { .section-watch .section-body { padding: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-watch { padding: 50px 0; } .section-watch .section-body { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .section-watch { padding: 0 0 30px; } .section-watch > .banner { margin: 0 0 30px; } } /* ------------------------------------------------------------ *\ Section Ticker \* ------------------------------------------------------------ */ .section-ticker .section-inner { position: relative; background-color: #1b2352; color: #fff; padding-left: 133px; margin: 0 -30px 0 -50px; } .section-ticker .section-head { width: 133px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ca0000; text-align: center; line-height: 70px; font-size: 23px; text-transform: uppercase; } .section-ticker .section-actions { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .section-ticker .section-actions a { font-size: 19px; transition: opacity .4s ease; } .section-ticker .section-actions a:hover { opacity: .5; } /* Small Desktop */ @media (max-width: 1279px) { .section-ticker .section-head { line-height: 66px; } .section-ticker .section-inner { margin: 0; } } /* Mobile */ @media (max-width: 767px) { .section-ticker .shell { padding: 0; } .section-ticker .section-inner { padding-left: 60px; } .section-ticker .section-head { width: 60px; font-size: 15px; line-height: 43px; } .section-ticker .section-body { position: relative; } .section-ticker .section-body:after { content: ''; width: 48px; height: 100%; background: url(../images/slider-ticker-shadow.png) repeat-y right top; position: absolute; right: 0; top: 0; z-index: 2; } .section-ticker .section-actions { right: 5px; } } /* ------------------------------------------------------------ *\ Section Local News \* ------------------------------------------------------------ */ .section-local-news { padding-top: 0; padding-bottom: 34px; } .section-local-news .col-size2 { padding: 0 12px 0 22px; } .section-local-news .col-size1 ~ .col-size1 { padding: 0 5px 0 17px; } .section-local-news .socials { margin: 4px 5px 0 10px; } .section-local-news.section-intro .banner { /*margin: 7px 0 20px;*/margin: 0 0 20px;} .section-local-news .section-title { text-align: center; margin-bottom: 43px; background-color: #f9f9f9; } .section-local-news .section-title h5 { font-size: 20px; text-transform: uppercase; margin: 0; padding: 16px 0 14px; color: #1a2150; } .section-local-news .news-simple-list { border-top: 1px solid #ddd; } .section-local-news .news-simple-list h5 { font-size: 20px; text-transform: uppercase; margin-bottom: 15px;margin-top: 15px; letter-spacing: -.01em;position:relative; } .section-local-news .news-simple-list h5:before {content: '';height: 1px;background-color: #c51316;position: absolute;left: -3px;right: -3px;top: -16px;width:60px;} .section-local-news .news-simple-list ol li.item-image { padding-right: 0; } .section-local-news .news-simple-list ol li.item-image a span { top: 0; } .section-local-news .news-simple-list ol li.item-image .post-featured-image a span { right: auto; } .section-local-news .news-simple-list .post-featured { margin-bottom: 0; } .section-local-news .news-simple-list .post-featured .post-featured-content { background-color: transparent; text-align: left; } .section-local-news .news-simple-list .post-featured:hover .post-featured-image:after { display: none; } .section-local-news .news-simple-list .scrollable { height: 588px; } .section-local-news .news-simple-list ol a { padding: 16px 0; } .section-local-news .news-simple-list .post-featured .post-featured-image a { padding: 0; } .section-local-news .videos { margin-top: 35px; } .section-local-news .videos h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; letter-spacing: -.01em; } .section-local-news .videos h6 { font-size: 14px; color: #333; line-height: 1.2; margin: 10px 0 10px; } .section-local-news .videos ul { list-style: none; margin: 0 -4px; overflow: hidden; } .section-local-news .videos ul li { float: left; width: 50%; padding: 0 4px; margin-bottom: 10px; text-align: center; } .section-local-news .videos ul li:nth-child(odd) { clear: left; } .section-local-news .video-medium .play { width: 35px; height: 35px; } .section-local-news .video-medium .play:before { border-width: 7px 0 7px 10px; } /* Mobile */ @media (max-width: 767px) { section.section-local-news { padding-top: 0; } .section-local-news .section-title { margin-bottom: 20px; } .section-local-news .section-inner .col { padding: 0 15px; } .section-local-news .section-inner .col ~ .col-size1 { margin-top: 20px; } .section-local-news .news-simple-list .scrollable { height: 375px; overflow: hidden; } .section-local-news + .section-banner-gradient { padding: 0; } .section-local-news + .section-banner-gradient .shell { padding: 0; } .section-local-news .news-simple-list .scrollable { height: 358px; overflow: hidden; } .section-local-news .news-simple-list .actions { text-align: center; position: relative; z-index: 1; } .section-local-news .news-simple-list .actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 46%; z-index: -1; } .section-local-news .news-simple-list .actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .section-local-news .news-simple-list .actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .section-local-news .news-simple-list .actions a i ~ i { top: auto; bottom: 1px; } } /* ------------------------------------------------------------ *\ Section Updates Politics \* ------------------------------------------------------------ */ .section-updates-politics { /*background-color: #fff;*/ border-top: 1px solid #eee; padding: 45px 0; } .section-updates-politics .cols-alt { margin: 0 -9px; } .section-updates-politics .cols-alt .col-1of2 { padding: 0 9px; } .section-updates-politics .section-head { margin-bottom: 25px; } .section-updates-politics .section-head h5, .section-updates-politics .section-head ul { display: inline-block; vertical-align: middle; /*float:right;*/ } .section-updates-politics .section-head h5 { margin: 0; color: #192051; text-transform: uppercase; } .section-updates-politics .section-head ul { list-style: none; margin: 0 0 0 9px; padding: 0; } .section-updates-politics .section-head ul li { display: inline-block; vertical-align: middle; margin-left: 8px; } .section-updates-politics .section-head ul a { display: block; padding: 6px 11px; text-decoration: none; font-weight: 500; font-size: 13px; color: #333; transition: background-color .4s ease; } .section-updates-politics .section-head ul a:hover, .section-updates-politics .section-head ul .current a { background-color: #d3d3d3; } .section-updates-politics .post-inline { padding-top: 24px; border-top: 1px solid #ddd; margin-bottom: 26px; } .section-updates-politics .section-actions { padding-top: 40px; } .section-updates-politics .section-actions .btn { height: 34px; line-height: 36px; color: #1b2352; font-size: 13px; padding: 0 20px; } .section-updates-politics .section-actions .btn:hover { color: #fff; } .section-updates-politics .section-actions .btn i { font-size: 15px; position: relative; top: 1px; margin-right: 10px; } .section-updates-politics .section-timeline-feed { margin-bottom: 82px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed { margin: 60px 0 0 -5px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed .section-head { margin-bottom: 20px; } .section-updates-politics .section-timeline-feed ~ .section-timeline-feed .section-body { padding-top: 56px; } .section-updates-politics .section-timeline-feed .section-head { margin-bottom: 25px; } .section-updates-politics .section-timeline-feed .section-body ul li ~ li { margin-top: 33px; } .section-updates-politics .section-timeline-feed .section-body .video, .section-updates-politics .section-timeline-feed .section-body .image {width: 45%;} .section-updates-politics .section-timeline-feed .section-body .video { padding-bottom: 17%; } .section-updates-politics .section-news-list { margin-top: 76px; } .section-updates-politics .section-news-list .post .post-content { padding: 9px 0; } #homePage .section-updates-politics { padding: 0; border-top:0; } #homePage .section-updates-politics .section-body { padding-top: 20px; } #homePage .section-hashtag .shell{max-width:800px;} section-updates-politics .shell{width:1227px;} .section-updates-politics .col-size7{width:26.6%;} @media ( max-width: 1279px ) { .section-updates-politics .section-head ul { display: block; margin-top: 10px; margin-left: -10px; } } /* Small Desktop */ @media (max-width: 1279px) { .section-updates-politics .section-head ul { display: block; margin-left: 0; margin-top: 10px; } .section-updates-politics .section-head ul li:first-child { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates-politics .banner, .section-updates-politics .section-news-list, .section-updates-politics .section-timeline-feed { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .section-updates-politics .section-timeline-feed { margin-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .section-updates-politics { padding: 30px 0; } .section-updates-politics .section-head ul li { margin-left: 0; } .section-updates-politics .post-inline { padding-top: 15px; margin-bottom: 15px; } .section-updates-politics .post-inline .post-media img { width: 100%; height: auto; } .section-updates-politics .section-actions { padding-top: 20px; } .section-updates-politics .col-size7,.section-updates .col-size4{width:100% !important;margin-left: 0 !important;margin-right:0 !important;padding: 20px !important;box-sizing: border-box;} } /* ------------------------------------------------------------ *\ Section Tweets \* ------------------------------------------------------------ */ .section-tweets { padding: 50px 0 30px; } .section-tweets .post-twitter { background-color: #f6f6f7; padding: 30px 15px 15px; } .section-tweets .cols ~ .cols { margin-top: 50px; } /* Mobile */ @media (max-width: 767px) { .section-tweets { padding-top: 40px; } .section-tweets .col { width: 100%; } .section-tweets .col ~ .col { margin-top: 25px; } .section-tweets .post-twitter { margin: 0; } } /* ------------------------------------------------------------ *\ Section Newscast Reports \* ------------------------------------------------------------ */ .section-newscast-reports .section-head { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #ddd; } .section-newscast-reports .section-body ul { list-style: none; margin: 0 -9px; overflow: hidden; } .section-newscast-reports .section-body ul li { float: left; width: 33.3333%; padding: 0 9px; margin-bottom: 20px; text-align: center; } .section-newscast-reports .section-body ul h6 { margin: 15px 0 12px; font-weight: 500; font-size: 13px; line-height: 1.2; } .section-newscast-reports .section-body ul h6 a { text-decoration: none; } .section-newscast-reports .section-body ul li:nth-child(3n+1) { clear: left; } .section-newscast-reports .section-actions { padding-top: 17px; } /* Mobile */ @media (max-width: 767px) { .section-newscast-reports .section-head { margin-bottom: 30px; } .section-newscast-reports .section-body ul li, .section-newscast-reports .section-body ul li:nth-child(3n+1) { width: 50%; clear: none; } .section-newscast-reports .section-body ul li:nth-child(4n+1) { clear: left; } .section-newscast-reports .section-actions { padding-top: 0; } } /* ------------------------------------------------------------ *\ Section Other Sources \* ------------------------------------------------------------ */ .section-other-sources .section-head { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .section-other-sources .section-head h5 { color: #1b2352; } .section-other-sources .post-inline:first-child { padding-top: 0; border-top: 0; } .section-other-sources .post-inline h6 { width: 80%; font-size: 13px; margin: 0 0 10px; } .section-other-sources .post-inline .link-more { padding: 0; font-weight: 500; color: #1b2352; } .section-other-sources .section-actions { padding-top: 20px; } /* Mobile */ @media (max-width: 767px) { .section-other-sources { margin-top: 30px; } .section-other-sources .section-head { margin-bottom: 15px; } .section-other-sources .col { width: 100%; padding: 0 !important; } .section-other-sources .col ~ .col { border-top: 1px solid #ddd; padding-top: 15px !important; } .section-other-sources .post-inline h6 { width: 101%; } .section-other-sources .section-body .cols { margin: 0; } } /* ------------------------------------------------------------ *\ Section Timeline Feed \* ------------------------------------------------------------ */ .section-timeline-feed .section-head { margin-bottom: 30px; } .section-timeline-feed .section-head h4 { font-size: 20px; } .section-timeline-feed .section-head h4, .section-timeline-feed .section-head h5 { color: #333; margin: 0; text-transform: uppercase; } .section-timeline-feed .section-head h5 { color: #192051; } .section-timeline-feed .section-body { position: relative; padding: 40px 0 60px; z-index: 0; } .section-timeline-feed .section-body:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #222222; position: absolute; left: 13%; top: 0; z-index: -1; } .section-timeline-feed .section-body:after { content: ''; width: 6px; height: 6px; background-color: #333; border-radius: 10px; position: absolute; left: 13%; top: 0; margin-left: -2px; } .section-timeline-feed .section-body ul { list-style: none; margin: 0; padding: 0; } .section-timeline-feed .section-body ul li {font-size: 0;/* padding-bottom: 36px; */} .section-timeline-feed .section-body ul li ~ li {margin-top: 32px;} .section-timeline-feed .section-body ol { list-style: none; counter-reset: list; } .section-timeline-feed .section-body ol li { padding-left: 28%; position: relative; } .section-timeline-feed .section-body ol li ~ li { margin-top: 50px; } .section-timeline-feed .section-body ol li:before { content: '0' counter(list); counter-increment: list; width: 33px; height: 33px; background-color: #1b2352; border-radius: 50%; text-align: center; line-height: 34px; position: absolute; left: 12.5%; top: 0; font-weight: 700; font-size: 13px; color: #fff; margin-left: -15px; } .section-timeline-feed .section-body ol a { display: block; text-decoration: none; font-size: 13px; line-height: 1.2; transition: color .4s ease; } .section-timeline-feed .section-body ol a:hover { color: #ca0000; } .section-timeline-feed .section-body .video, .section-timeline-feed .section-body .image, .section-timeline-feed .section-body h6 { display: inline-block; vertical-align: middle; } .section-timeline-feed .section-body .image img { width: 100%; height: auto; } .section-timeline-feed .section-body .video, .section-timeline-feed .section-body .image { width: 28%; } .section-timeline-feed .section-body h6 {width: 50%;padding-left: 18px;font-weight: 400;font-size: 13px;transition: color .4s ease;} .section-timeline-feed .section-body h6 a { text-decoration: none; } .section-timeline-feed .section-body li:hover h6 { color: #ca0000; } .section-timeline-feed .section-body .video-tiny {padding-bottom: 18.6%;overflow: visible;} .section-timeline-feed .section-body .video-tiny .play {w;width: 28px;height: 28px;webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);top: auto;bottom: 10px;left: auto;right: 8px;} .section-timeline-feed .section-body .video-tiny .play:before { border-width: 4px 0 4px 6px; } .section-timeline-feed .section-actions { padding-top: 0; position: relative; z-index: 3; text-align: left; } .section-timeline-feed .section-actions .link-more { display: inline-block; font-size: 0; position: relative; left: 13%; margin-left: -15px; margin-top: -5px; transition: color .4s ease; color: #111; } .section-timeline-feed .section-actions .link-more:hover { color: #ca0000; } .section-timeline-feed .section-actions .link-more i { font-size: 36px; line-height: 1; } /* Mobile */ @media (max-width: 767px) { .section-timeline-feed .section-body li:hover h6 { color: #333; } } /* ------------------------------------------------------------ *\ Section News List \* ------------------------------------------------------------ */ .section-news-list { margin: 70px 0 40px; } .section-news-list .post ~ .post { margin-top: 40px; } .section-news-list .post .post-image { overflow: hidden; } .section-news-list .post .post-content { text-align: left; padding: 5px 0; } .section-news-list .post .post-content h4 { color: #1b2352; margin: 0; transition: color .4s ease; } .section-news-list .post .post-content h4 a { font-size: 20px; padding: 0; } .section-news-list .post .post-content p { font-weight: 700; font-size: 13px; } .section-news-list .post .label { padding: 5px 11px; } .section-news-list .post .label.label-red { background-color: #ca0000; } .section-news-list .post:hover .post-content h4 { color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .section-news-list .post:hover .post-content h4 { color: #1b2352; } } /* ------------------------------------------------------------ *\ Section Local Stars \* ------------------------------------------------------------ */ .section-local-stars { padding: 48px 0 24px; } .section-local-stars .section-inner { margin: 0 0 0 -20px; } .section-local-stars .col-size1 { width: 28.2%; } .section-local-stars .col-size1 ~ .col-size1 { width: 25.8%; } .section-local-stars .col-size1 ~ .col-size1 .banner { margin-top: 20px; } .section-local-stars .col-size2 { width: 45%; padding: 0 12px 0 18px; } .section-local-stars .news-simple-list h5 { font-size: 16px; margin-bottom: 15px; color: #192051; } .section-local-stars .news-simple-list .post-featured .post-featured-content { padding: 17px 0; } .section-local-stars .news-simple-list .post-featured .post-featured-content a { text-decoration: none; font-weight: 700; font-size: 20px; color: #333; line-height: 1; } .section-local-stars .highlights ul a:not([class]) { font-size: 13px; padding: 15px 25px 15px 0; } .section-local-stars .news-simple-list .scrollable { height: 570px; } .section-local-stars .news-simple-list .mCSB_scrollTools { right: -20px !important; left: auto !important; } .section-local-stars ~ .section-updates-politics { padding-bottom: 68px; } .section-local-stars ~ .section-updates-politics .section-timeline-feed { margin-bottom: 40px; } .section-local-stars ~ .section-updates-politics .section-news-list { margin-top: 30px; margin-bottom: 0; padding-top: 35px; border-top: 1px solid #eee; } .section-local-stars ~ .section-updates-politics .section-featured-week .section-actions { padding-top: 15px; } .section-local-stars ~ .section-updates-politics .col-size7 { position: relative; } .section-local-stars ~ .section-updates-politics .col-size7:before { content: ''; width: 1px; height: 100%; background-color: #eee; position: absolute; left: -35px; top: 0; } .section-local-stars .videos { margin-top: 24px; } .section-local-stars .videos h4 { font-size: 17px; margin-bottom: 14px; } .section-local-stars .videos h6 { margin: 8px 0; } .section-local-stars + .section-banner { background-color: #fff; padding-top: 0; padding-bottom: 38px; } /* Small Desktop */ @media (max-width: 1279px) { .section-local-stars .section-inner { margin: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-local-stars ~ .section-updates-politics { padding-bottom: 0; } } /* Mobile */ @media (max-width: 767px) { .section-featured-week .cols-alt .col-1of2 { width: 100%; } .section-featured-week .cols-alt .col-1of2 ~ .col-1of2 { margin-top: 20px; } .section-updates-politics .section-news-list { margin-bottom: 0; } .section-local-stars + .section-banner { padding-bottom: 20px; margin: 0 -15px; } .section-local-stars ~ .section-updates-politics .post-twitter { margin: 0; } .section-local-stars .news-simple-list .scrollable { height: 415px; overflow: hidden; } .section-local-stars .news-simple-list .actions { text-align: center; position: relative; z-index: 1; } .section-local-stars .news-simple-list .actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 46%; z-index: -1; } .section-local-stars .news-simple-list .actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .section-local-stars .news-simple-list .actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .section-local-stars .news-simple-list .actions a i ~ i { top: auto; bottom: 1px; } .section-local-stars ~ .section-updates-politics .post .post-image { position: relative; } .section-local-stars ~ .section-updates-politics .post .post-image .label { padding: 5px 11px; font-size: 10px; color: #fff; bottom: auto; top: 0; right: auto; left: 0; } } /* ------------------------------------------------------------ *\ Section Updates Politics Alt \* ------------------------------------------------------------ */ .section-updates-politics-alt { padding-top: 10px; border-top: 0; } .section-updates-politics-alt .section-tweets { padding-top: 0; } .section-updates-politics-alt .post-twitter { margin: 0 0 20px; } .section-updates-politics-alt .post-secondary { border-bottom: 1px solid #ddd; } /* ------------------------------------------------------------ *\ Section Stars Slider \* ------------------------------------------------------------ */ .section-stars-slider { background: #1b2352 url(../images/glow.png) no-repeat right center; background-size: cover; margin-bottom: 40px; } .section-stars-slider .section-inner { position: relative; } .section-stars-slider .section-body { width: 68.5%; } .section-stars-slider .section-sidebar { width: 23.5%; height: 100%; background-color: #fff; position: absolute; right: 13px; top: 0; } .section-stars-slider .section-sidebar .banner { width: 100%; position: absolute; left: 0; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-stars-slider .section-body { padding: 44px 0 70px; color: #fff; } .section-stars-slider .section-body h5 { text-transform: uppercase; margin-bottom: 35px; } .section-stars-slider .post h5 { margin-bottom: 0; text-align: left; text-transform: none; } @media ( max-width: 1279px ) { .section-stars-slider .section-body { padding: 44px 0 70px 60px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-stars-slider .section-body { width: 100%; padding: 40px 60px; } .section-stars-slider .section-sidebar { display: none; } .section-stars-slider .post h5 { font-size: 21px; } } /* Mobile */ @media (max-width: 767px) { .section-stars-slider { margin-bottom: 20px; } .section-stars-slider .section-body { padding: 30px 40px; } .section-stars-slider .section-body > h5 { margin-left: -20px; margin-bottom: 15px; } .section-stars-slider .post h5 { font-size: 18px; } } /* ------------------------------------------------------------ *\ Section News Article \* ------------------------------------------------------------ */ .section-news-article {overflow: hidden;padding-bottom: 20px;} .section-news-gallery .shell-secondary{margin-top:-30px} .section-news-article .col-size10 { width: 27.2%; } .section-news-article .col-size10 ~ .col-size10 { width: 25.2%; } .section-news-article .col-size11 { width: 43%;padding: 0px 8px 0 4px;margin-left: 24px;} .section-news-article .widget-text { margin: 0 27px 48px 0; } .section-news-article .banner:first-child { margin-top: 0; padding: 10px 0; text-align: center; } .section-news-article .shell > .section-head { text-align: center; background-color: #f9f9f9; position: relative; } .section-news-article .shell > .section-head:before, .section-news-article .shell > .section-head:after { content: ''; width: 2000px; height: 100%; position: absolute; top: 0; background-color: #f9f9f9; } .section-news-article .shell > .section-head:before { right: 100%; } .section-news-article .shell > .section-head:after { left: 100%; } .section-news-article .shell > .section-head h4 {padding: 14px 0;font-size: 20px;color: #1b2352;text-transform: uppercase;display: none;} .section-news-article .shell > .section-body { padding: 157px 0 21px; } .section-news-article .news-simple-list { margin-bottom: 57px; } .section-news-article .news-simple-list h5 { margin-bottom: 15px; color: #192051; } .section-news-article .news-simple-list .actions { text-align: right; font-size: 0; position: relative; right: -10px; } .section-news-article .news-simple-list .actions a { width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #111; border-radius: 50%; text-align: center; line-height: 32px; transition: background-color .4s ease; } .section-news-article .news-simple-list .actions a:hover { background-color: #ca0000; } .section-news-article .news-simple-list .actions a i { font-size: 12px; color: #fff; line-height: 34px; } .section-news-article .news-simple-list .actions a .fa-chevron-left { position: relative; left: -1px; } .section-news-article .news-simple-list .actions a .fa-chevron-right { position: relative; left: 2px; } .section-news-article .post-featured { margin-bottom: 0; } .section-news-article .post-featured .post-featured-content { background-color: #fff; text-align: left; } .section-news-article .post-featured .post-featured-content a { display: block; font-weight: 700; font-size: 20px; color: #333; text-decoration: none; line-height: 1; padding: 16px 0 21px; } .section-news-article .highlights { margin-bottom: 29px; } .section-news-article .highlights ul a:not([class]) { font-size: 13px; padding: 19px 16px 17px 0; } .section-news-article .article-prev-wrapper .list-articles { right: -8px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .section-news-article .article-prev-wrapper .list-articles:before { right: 12px; } .section-news-article .article-next-wrapper .list-articles { left: -8px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-news-article .article-next-wrapper .list-articles:before { left: 12px; } .section-news-article .article-prev-wrapper:hover .list-articles, .section-news-article .article-next-wrapper:hover .list-articles { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .section-news-article .section-timeline-feed { margin-right: 26px; } .section-news-article .section-timeline-feed .section-body { padding-top: 23px; } .section-news-article .section-timeline-feed .section-body .video, .section-news-article .section-timeline-feed .section-body .image {width: 50%;} .section-news-article .section-timeline-feed .section-body .video-tiny {padding-bottom: 0px;height: 112px;} .section-news-article .section-timeline-feed .section-body:before { height: auto; left: 11%; top: -14px; bottom: -10px; } .section-news-article .section-timeline-feed .section-body:after { left: 11%; top: -19px; } .section-news-article .section-timeline-feed .section-actions .link-more { left: 11%; margin-top: 0; } .section-news-article .widget-posts { margin-top: 65px; } .section-news-article .widget-posts .widget-head { margin-bottom: 47px; } .section-news-article .widget-posts .widget-body, .section-news-article .widget-posts .widget-actions { margin-right: -9px; margin-left: 7px; } .section-news-article .widget-posts .widget-actions { padding-top: 14px; } .section-news-article .widget-posts .post .post-content a { padding: 10px 5px; } .section-news-article .widget-posts .widget-body ul li:nth-child(n+3) { margin-top: 38px; } .section-news-article.sticky-parent-secondary .widget-posts { margin-top: 0; } .section-news-article.sticky-parent-secondary .banner { margin-bottom: 65px; } /* Primary */ .section-news-article.primary .widget-text { margin: 0 0 47px 25px; } .section-news-article.primary .section-timeline-feed { margin-right: 0; margin-left: 23px; } /* Small Desktop */ @media (max-width: 1279px) { .section-news-article .col-size11 { width: 47.6%; } .section-news-article .widget-posts .widget-body, .section-news-article .widget-posts .widget-actions { margin: 0; } .section-news-article .widget-text, .section-news-article .section-timeline-feed { margin-right: 0; } .section-news-article.primary .widget-text, .section-news-article.primary .section-timeline-feed { margin-left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-news-article .section-body .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-news-article .col-size10 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .section-news-article .col-size11 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .section-news-article .article-prev-wrapper .list-articles { left: -20px; right: auto; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .section-news-article .article-prev-wrapper .list-articles:before { right: auto; left: 100px; } .section-news-article .article-next-wrapper .list-articles { right: -50px; left: auto; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .section-news-article .article-next-wrapper .list-articles:before { right: 104px; left: auto; } .section-news-article .col-size11 {width: 100%;margin-left: 0px;} .section-news-article .widget-posts .widget-actions { padding-top: 18px; } } /* Mobile */ @media (max-width: 767px) { .section-news-article .shell > .section-body {padding: 0px;margin: -15px;} .section-news-article .article-news { margin-top: 0; } .section-news-article .article-news + .banner-mobile { margin: 40px -15px 20px; max-width: none; } .section-news-article .col-size11 {padding: 0 15px;padding-top: 29px;} .section-news-article .col-size10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; } .section-news-article.sticky-parent-secondary .widget-posts { padding: 8px; } .section-news-article.primary .widget-text, .section-news-article.primary .section-timeline-feed { padding: 10px; } #mostRead.section-timeline-feed .section-body h6 { font-size: 16px; } .section-news-article .section-timeline-feed .section-body .video-tiny { height: 95px; } #mostRead .section-head { /* padding: 10px; */ } .section-news-article .col-size10 .banner { display: none; } .section-news-article .news-simple-list { display: none; } .section-news-article .widget-posts { margin-top: 30px; } .section-news-article .widget-posts .widget-head { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Related Articles \* ------------------------------------------------------------ */ .section-related-articles { margin: 30px 0 70px; padding-top: 36px; border-top: 1px solid #ccc; } .section-related-articles .post .post-content a { padding: 14px 15px 8px; font-size: 13px; } .section-related-articles .col { min-height: 1px; } .section-related-articles .section-content { padding-right: 5px; } .section-related-articles .section-content h4 { text-align: center; font-size: 20px; margin: 0 0 35px; text-transform: uppercase; } .section-related-articles ul { list-style: none; margin: 0 -6px; overflow: hidden; } .section-related-articles ul li { float: left; width: 50%; padding: 0 6px; } .section-related-articles ul li:nth-child(odd) { clear: left; } .section-related-articles ul li:nth-child(n+3) { margin-top: 25px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-related-articles .col-size10 { display: none; } .section-related-articles .col-size11 { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-related-articles { margin: 0 0 30px; border-top: 0; padding-top: 0; } .section-related-articles ul li { width: 100%; } .section-related-articles ul li ~ li { margin-top: 25px; } } /* ------------------------------------------------------------ *\ Section News Gallery \* ------------------------------------------------------------ */ .section-news-gallery .article-news { margin-top: 48px; } .section-news-gallery .article-news .article-head { margin-bottom: 22px; } .section-news-gallery .article-news .article-foot { padding-top: 35px; } .section-news-gallery .widget-tweet-comment { margin-top: 50px; } .section-news-gallery .shell > .section-body { padding-top: 0; } .section-gallery + .shell-secondary .article-news { margin-top: 0; } .section-news-gallery .slide-video {position: relative;padding-bottom: 56.25%;/*16:9*/ padding-top: 0px;height: 0;display:none;} .section-news-gallery .slide-video.video-4-3 {padding-bottom: 75%;/*4:3*/ } .section-news-gallery .slide-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* Mobile */ @media (max-width: 767px) { .section-news-gallery .section-head, .section-news-gallery .article-news, .section-news-gallery .section-gallery + .shell { display: none; } .section-news-gallery .section-body { position: relative; } .section-news-gallery .slider-thumbs { width: 100%; padding: 15px 0; position: absolute; left: 0; bottom: 0; z-index: 10; background-color: rgba(17, 21, 49, .8); } } /* ------------------------------------------------------------ *\ Section Gallery \* ------------------------------------------------------------ */ .section-gallery { background-color: #111531; } .section-gallery .section-body { position: relative; } .section-gallery .section-body > .btn-close { position: absolute; right: 30px; top: 30px; z-index: 10; } .section-gallery .section-actions { text-align: center; font-size: 0; padding: 22px 0; } .section-gallery .section-actions h6, .section-gallery .section-actions .socials { display: inline-block; vertical-align: middle; } .section-gallery .section-actions h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } /* ------------------------------------------------------------ *\ Section Authors \* ------------------------------------------------------------ */ .section-authors { padding-bottom: 70px; } .section-authors .section-head { text-align: center; background-color: #f9f9f9; } .section-authors .section-head h4 { font-size: 20px; color: #1b2352; margin: 0; text-transform: uppercase; padding: 15px 0 14px; } .section-authors .section-body .banner { margin-top: 35px; margin-bottom: 22px; } /* Mobile */ @media (max-width: 767px) { .section-authors { padding-bottom: 20px; } .section-authors .section-body .banner {/* margin: 0 -15px 20px; */max-width: none;width: 100%;background-color: #eee;overflow: hidden;} .section-authors .section-body .list-authors .banner { max-width: 100%; width: 100%; margin: 10px 0; } } /* ------------------------------------------------------------ *\ Section Updates Authors \* ------------------------------------------------------------ */ .section-updates .col-size5 { width: 28%; } .section-updates-authors { padding: 45px 0 55px; } .section-updates-authors .cols { margin-left: -39px; } .section-updates-authors .banner-intro { margin: 0 auto 66px; } .section-updates-authors .section-timeline-feed .section-head { margin-top: -6px; margin-bottom: 11px; } .section-updates-authors .section-timeline-feed .section-body { padding-right: 16px; } .section-updates-authors .section-timeline-feed .section-body .video, .section-updates-authors .section-timeline-feed .section-body .image { width: 50%; } .section-updates-authors .section-timeline-feed .section-body .video { padding-bottom: 17.6%; } .section-updates-authors .section-timeline-feed .section-body ul li ~ li { margin-top: 29px; } .section-updates-authors .section-actions { padding-top: 3px; } .section-updates-authors .section-actions .btn { height: 34px; line-height: 34px; font-size: 13px; padding: 0 20px; } .section-updates-authors .section-programs-feed { padding-left: 20px; margin-right: -5px; } /* Small Desktop */ @media (max-width: 1279px) { .section-updates-authors .cols { margin-left: -10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-updates-authors .section-programs-feed { margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-updates-authors { padding: 0 0 50px; } .section-updates-authors .banner-intro { max-width: none; width: auto; margin: 0 -15px 25px; } .col-size5 { padding: 0; } } /* ------------------------------------------------------------ *\ Section Author Single \* ------------------------------------------------------------ */ .section-author-single { background-color: #1b2352; padding: 39px 0 30px; } .section-author-single .section-inner { position: relative; } .section-author-single .section-inner:after { } .section-author-single .section-avatar, .section-author-single .section-content { float: left; } .section-author-single .section-avatar { width: 9.5%; margin-left: 15.2%; } .section-author-single .section-avatar img { border-radius: 50%; } .section-author-single .section-content { width: 42%; padding-left: 25px; } .section-author-single .section-content h3 { font-weight: 500; font-size: 29px; color: #e3e5e9; margin-bottom: 10px; } .section-author-single .section-content p { margin-bottom: 27px; font-size: 13px; color: #aaa; line-height: 2; } .section-author-single .section-content a { height: 32px; line-height: 32px; display: inline-block; font-size: 13px; color: #d6d6d6; text-transform: uppercase; text-decoration: none; background-color: #303761; border-radius: 20px; margin-left: -13px; } .section-author-single .section-content a i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #2bb1ea; border-radius: 20px; font-size: 16px; } .section-author-single .section-content a span { display: inline-block; vertical-align: middle; padding: 0 30px 0 22px; } .section-author-single .section-actions { position: absolute; left: 100%; top: 41%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 22px; } .section-author-single + .section-updates .section-feed .section-actions { padding-top: 40px; } @media ( max-width: 1279px ) { .section-author-single .section-actions { right: 0; left: auto; } } /* Small Desktop */ @media (max-width: 1279px) { .section-author-single .section-avatar { margin-left: 0; } .section-author-single .section-content { width: 72%; } .section-author-single .section-actions { right: 0; left: auto; margin-left: 0; top: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-author-single { padding: 25px 0 40px; } .section-author-single .section-avatar { width: 100%; margin-bottom: 20px; } .section-author-single .section-content { width: 100%; padding: 0 12px; } .section-author-single .section-content a { margin-left: 0; } .section-author-single .section-content p { margin-bottom: 25px; } .section-author-single .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Voting \* ------------------------------------------------------------ */ .section-voting .section-head { margin-bottom: 37px; } .section-voting .banner:first-child { margin-top: 0; } .section-voting h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 15px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-voting .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px; } .section-voting .col-size10 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; margin-top: 30px; } .section-voting .col-size12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .section-voting .section-head { margin-bottom: 20px; } .section-voting .col-size10 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-voting .banner-mobile { margin: 0 -15px 20px; max-width: none; } } /* ------------------------------------------------------------ *\ Section Polls \* ------------------------------------------------------------ */ .section-polls { border-top: 1px solid #ccc; margin-top: 41px; padding: 35px 0 60px; } .section-polls .shell { padding: 0 17px 0 11px; } .section-polls .section-head { margin-bottom: 40px; text-align: center; } .section-polls .section-head h4 { font-size: 20px; text-transform: uppercase; margin: 0; } .section-polls .section-filters { margin-bottom: 30px; } .section-polls .section-filters:after { } .section-polls .section-filters-aside { float: left; } .section-polls .section-filters-aside ~ .section-filters-aside { float: right; } .section-polls .section-filters ul { list-style: none; margin: 0; font-size: 0; } .section-polls .section-filters ul li { display: inline-block; vertical-align: middle; } .section-polls .section-filters ul li ~ li { margin-left: 25px; } .section-polls .fs-dropdown { margin: 0; } .section-polls .fs-dropdown-selected { width: 232px; height: 28px; line-height: 28px; background-color: #f9f9f9; border-color: #f9f9f9; font-size: 13px; color: #bababa; } .section-polls .fs-dropdown-selected:after { content: '\f0d7'; right: 13px; font-size: 12px; color: #bababa; } .section-polls .selected .fs-dropdown-selected { color: #1b2352; } .section-polls .section-actions { text-align: center; padding-top: 40px; } .section-polls .section-actions .btn { height: 34px; line-height: 36px; font-size: 13px; padding: 0 30px; } /* Small Desktop */ @media (max-width: 1279px) { .section-polls .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-polls .masonry .masonry-item { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-polls { padding: 0 0 20px; border-top: 0; margin-top: 10px; } .section-polls .shell { padding: 0 15px; } .section-polls .section-head { margin-bottom: 20px; } .section-polls .section-filters-aside, .section-polls .section-filters-aside ~ .section-filters-aside { float: none; } .section-polls .section-filters-aside ~ .section-filters-aside { margin-top: 5px; } .section-polls .section-filters ul { width: 100%; font-size: 0; } .section-polls .section-filters ul li { display: inline-block; vertical-align: middle; width: 49%; } .section-polls .section-filters ul li ~ li { margin-left: 2%; } .section-polls .fs-dropdown-selected { width: 100%; padding: 0 30px 0 10px; } .section-polls .masonry-item .banner-mobile { margin: 0 0 20px; } .section-polls .masonry .masonry-item { width: 100%; } .section-polls .masonry .masonry-item .banner { display: none; } .section-polls .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary .article-prev-wrapper, .section-secondary .article-next-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } .section-secondary .article-prev, .section-secondary .article-next { font-weight: 700; font-size: 13px; color: rgba(51, 51, 51, .6); white-space: nowrap; text-decoration: none; } .section-secondary .article-prev span, .section-secondary .article-next span { display: inline-block; vertical-align: middle; width: 42px; height: 42px; background-color: #222222; border-radius: 50%; text-align: center; line-height: 44px; font-size: 22px; color: #fff; transition: background-color .4s ease; position: relative; top: -2px; } .section-secondary .article-prev-wrapper:hover span, .section-secondary .article-next-wrapper:hover span { background-color: #1b2352; } .section-secondary .article-prev-wrapper { right: 75%; margin-right: 20px; } .section-secondary .article-prev span { margin-left: 15px; } .section-secondary .article-next-wrapper { left: 75%; margin-left: 20px; } .section-secondary .article-next span { margin-right: 15px; } .section-secondary .section-head { padding: 30px 0; position: relative; text-align: center; background-color: #fff; } .section-secondary .section-head-inner { position: relative; } .section-secondary .section-head h3 { width: 44%; font-weight: 500; font-size: 29px; color: #000; line-height: 1.2; margin: 0 auto; } .section-secondary .article-prev-wrapper .list-articles { right: -8px; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .section-secondary .article-prev-wrapper .list-articles:before { right: 12px; } .section-secondary .article-next-wrapper .list-articles { left: -8px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .section-secondary .article-next-wrapper .list-articles:before { left: 12px; } .section-secondary .article-prev-wrapper:hover .list-articles, .section-secondary .article-next-wrapper:hover .list-articles { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ------------------------------------------------------------ *\ Section Vote \* ------------------------------------------------------------ */ .section-vote .shell { max-width: 980px; } .section-vote .shell-secondary { max-width: 1296px; } .section-vote .section-head { padding: 42px 0 37px; } .section-vote .section-body { overflow: hidden; background-color: #121736; } .section-vote .section-body .socials { width: 100%; text-align: center; padding: 20px 0; border-bottom: 1px solid #292d46; position: relative; top: 0; transition: background-color .4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .section-vote .section-body .socials h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } .section-vote .section-body .socials:after { content: ''; width: 9999px; height: 1px; background-color: #292d46; position: absolute; left: 50%; bottom: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-vote .section-foot { padding-top: 100px; } .section-vote .banner { margin: 0 0 30px; } .section-vote .banner-medium { background-color: #fbfbfb; max-width: none; padding: 30px; text-align: center; } .section-vote .banner-large { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-vote .article-prev-wrapper, .section-vote .article-next-wrapper { top: 42%; } .section-vote .article-prev-wrapper { right: 80%; margin-right: 17px; } .section-vote .article-next-wrapper { left: 80%; margin-left: 10px; } .section-vote .section-body-inner.is-fixed .list-vote { padding-top: 129px; } .section-vote .section-body-inner.is-fixed .socials { position: fixed; top: 151px; right: 0; left: 0; z-index: 998; background-color: #121736; } @media(min-width: 768px) { .section-vote .section-body-inner { padding-top: 0 !important; } } /* Small Desktop */ @media (max-width: 1279px) { .section-vote .article-prev-wrapper { right: 75%; } .section-vote .article-next-wrapper { left: 75%; margin-left: 17px; } .section-vote .section-foot { padding-top: 50px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-vote .section-head h3 { width: 60%; padding: 0 20px; } .section-vote .article-prev-wrapper { right: 80%; margin-right: 0; } .section-vote .article-next-wrapper { left: 80%; margin-left: 0; } .section-vote .article-prev-wrapper .list-articles { left: -30px; right: auto; } .section-vote .article-prev-wrapper .list-articles:before { right: 110px; } .section-vote .article-next-wrapper .list-articles { right: -60px; left: auto; } .section-vote .article-next-wrapper .list-articles:before { left: 103px; } .section-vote .section-foot .col-size11 { width: 100%; } .section-vote .section-foot .banner { max-width: 100%; margin: 0 auto; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .section-vote .section-foot .banner-large { max-width: 728px; } .section-vote .section-foot .banner-medium { max-width: 468px; } } /* Mobile */ @media (max-width: 767px) { .section-vote .section-head { padding: 20px 0; } .section-vote .section-head h3 { font-size: 22px; width: 100%; padding: 0; } .section-vote .article-prev-wrapper, .section-vote .article-next-wrapper { display: none; } .section-vote .section-foot { display: none; } .section-vote .banner-mobile-wide { margin: 0 -15px 30px; max-width: none; } .section-vote .section-body-inner.is-fixed .socials { position: static; } .section-vote .section-body-inner.is-fixed .list-vote { padding-top: 30px; } .section-vote .section-body .socials.fixed { background-color: #f4f5f7; position: fixed; left: 0; top: 45px; z-index: 99; } } /* ------------------------------------------------------------ *\ Default Section Bar \* ------------------------------------------------------------ */ .section-bar { background-color: #a21012; color: #fff; padding: 20px 0 9px; border-bottom: 2px solid #1d2151; } .section-bar .shell:after { content: ''; line-height: 0; display: table; clear: both;} .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-bar p a { text-decoration: underline; } .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-bar .socials { float: right; } .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-bar .socials ul a:hover { opacity: .5; } .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-bar .socials ul .alt a { opacity: .3; } .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-grid .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-program-grid .section-bar { padding: 15px 0; } .section-program-grid .section-bar p { font-size: 12px; } .section-program-grid .section-bar .socials { display: none; } .section-program-grid .section-bar p:before { top: 5px; margin-top: 0; } } /* ------------------------------------------------------------ *\ Section Watch Live \* ------------------------------------------------------------ */ .section-watch-live .section-head h4 { padding: 16px 0 17px; } .section-watch-live .section-body { background-color: #161836; padding: 5px 0 36px; } .section-watch-live .section-body .banner { /*margin: 0;*/ } .section-watch-live .live { background-color: #1b2352; /*padding: 26px;*/ } .section-watch-live .live img { width: 100%; height: auto; } .section-watch-live .section-foot { background-color: #c61316; padding: 32px 0 30px; } .section-watch-live .section-foot:after { } .section-watch-live .section-foot-aside { float: left; margin-left: 10px; } .section-watch-live .section-foot-aside ~ .section-foot-aside { float: right; margin-right: -13px; margin-top: 4px; } .section-watch-live .section-bar { background-color: #a21012; color: #fff; padding: 15px 0 10px; border-bottom: 2px solid #1d2151; } .section-watch-live .section-bar .shell:after { } .section-watch-live .section-bar p { float: left; margin: 3px 0 0 10px; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-watch-live .section-bar p a { text-decoration: underline; } .section-watch-live .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-watch-live .section-bar .socials { float: right; margin-right: -12px; } .section-watch-live .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-watch-live .section-bar .socials ul a:hover { opacity: .5; } .section-watch-live .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-watch-live .section-bar .socials ul .alt a { opacity: .3; } .section-watch-live .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } .blocMsg { color: white; margin: 0; padding: 0; margin-left: 74px; margin-right: 74px; } @media ( max-width: 1279px ) { .blocMsg { color: white; margin: 0; padding: 0; width: 100%; font-size: 11px; } } .section-watch-live .live .blocMsg { display: none; } .section-watch-live .live #livePlayer { display: none; width: 100%; } @media ( max-width: 1279px ) { .section-watch-live .section-bar .socials, .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-right: 0; } } /* Small Desktop */ @media (max-width: 1279px) { .section-watch-live .section-foot-aside, .section-watch-live .section-bar p { margin-left: 0; } .section-watch-live .section-bar .socials, .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-watch-live .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-watch-live .col-size14 { margin-bottom: 30px; } .section-watch-live .section-foot-aside, .section-watch-live .section-foot-aside ~ .section-foot-aside { float: none; } .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-watch-live .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-watch-live .shell { padding: 0; } .section-watch-live .section-body { padding: 20px 0; } .section-watch-live .live { padding: 0; } .section-watch-live .col-size13 { display: none; } .section-watch-live .col-size14 { margin-bottom: 0; } .section-watch-live .section-foot { padding: 20px 15px; } .section-watch-live .section-foot-aside ~ .section-foot-aside { margin-top: 20px; } .section-watch-live .section-bar { padding: 10px 15px; } .section-watch-live .section-bar p { font-size: 12px; } .section-watch-live .section-bar p:before { top: 5px; margin-top: 0; } .section-watch-live .section-bar .socials { display: none; } } /* ------------------------------------------------------------ *\ Section Bg \* ------------------------------------------------------------ */ .section-bg { background-size: cover; background-position: center; } .section-bg .bg-image { display: none; } /* ------------------------------------------------------------ *\ Section Weather \* ------------------------------------------------------------ */ .section-weather { position: relative; overflow: hidden; min-height: calc(100vh - 151px); } .section-weather img { width: 100%; height: auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-weather { min-height: 0; } } /* Mobile */ @media (max-width: 767px) { .section-weather { background-image: url(../images/temp/weather-img-mobile.jpg) !important; } } /* ------------------------------------------------------------ *\ Section Program Grid \* ------------------------------------------------------------ */ .section-program-grid { background-color: #e5e7e9; border-bottom: 1px solid #fff; } .section-program-grid .section-body { padding: 48px 0 63px; position: relative; } .section-program-grid .section-body .section-next { z-index: 2; width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; right: 0; top: 50%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-program-grid .section-body .section-next:hover { background-color: transparent; color: #ca0000; } .section-program-grid .section-body .section-prev { z-index: 2; width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; left: 0; top: 50%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-program-grid .section-body .section-prev:hover { background-color: transparent; color: #ca0000; } .section-program-grid .section-foot { background-color: #c61316; padding: 30px 0; } .section-program-grid .section-foot:after { } .section-program-grid .section-foot-aside { float: left; } .section-program-grid .section-foot-aside ~ .section-foot-aside { float: right; } .section-program-grid .section-bar { background-color: #a21012; color: #fff; padding: 20px 0 9px; border-bottom: 2px solid #1d2151; } .section-program-grid .section-bar .shell:after { } .section-program-grid .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-program-grid .section-bar p a { text-decoration: underline; } .section-program-grid .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-program-grid .section-bar .socials { float: right; } .section-program-grid .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-program-grid .section-bar .socials ul a:hover { opacity: .5; } .section-program-grid .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-program-grid .section-bar .socials ul .alt a { opacity: .3; } .section-program-grid .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-grid .section-foot-aside, .section-program-grid .section-foot-aside ~ .section-foot-aside { float: none; } .section-program-grid .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-program-grid .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-program-grid .section-body, .section-program-grid .section-body .shell { padding: 0; } .section-program-grid .section-bar { padding: 15px 0; } .section-program-grid .section-bar p { font-size: 12px; } .section-program-grid .section-bar .socials { display: none; } .section-program-grid .section-bar p:before { top: 5px; margin-top: 0; } .section-program-grid .banner-mobile { margin: 0; } .section-program-grid .grid { display: none; } .section-program-grid .section-body .section-next, .section-program-grid .section-body .section-prev { display: none; } } /* ------------------------------------------------------------ *\ Section Progams \* ------------------------------------------------------------ */ .section-programs { background-color: #e5e7e9; padding: 40px 0 60px; } .section-programs .cols { margin: 0 -10px; position: relative; z-index: 1; } .section-programs .cols:before { content: ''; height: 100%; background-color: #f6f6f7; position: absolute; right: -40px; left: 67%; margin: 0 11px; z-index: -1; } .section-programs .col { padding: 0 10px; } .section-programs .section-sidebar .list-actions { margin-bottom: 40px; } .section-programs .section-content-head { position: relative; padding-bottom: 33px; padding-right: 240px; } .section-programs .section-content-head h5 { text-transform: uppercase; margin: 0; } .section-programs .section-content-head h5 a { text-decoration: none; color: #333; } .section-programs .section-content-head .search-simple { position: absolute; right: 0; top: 0; } .section-programs .section-content-body { padding: 20px 20px 0; background-color: #fff; } .section-programs .section-content-body .list-letters { margin-bottom: 50px; } .section-programs .search-simple .search-field { background-color: #f5f6f7; } .section-programs .tabs-favorites { margin-right: -40px; background-color: #f6f6f7; } .section-programs .tabs-favorites .tabs-nav ul { background-color: #e5e7e9; } .section-programs .tabs-favorites .tabs-nav ul a { padding: 13px 0 2px; font-size: 16px; } .section-programs .tabs-favorites .video .play { left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); right: 7px; bottom: -9px; transition: background-color .4s ease; } .section-programs .tabs-favorites .video .play:hover { background-color: #121736; } .section-programs-secondary { padding: 44px 0 58px; } .section-programs-secondary .section-sidebar { padding-top: 10px; } .section-programs-secondary .section-sidebar .list-actions { margin-bottom: 47px; } .section-programs-secondary .section-content-head h5 { position: relative; top: 5px; } .section-programs-secondary .section-content-head h5 span { color: #ca0000; } .section-programs-secondary .section-content-body .list-letters { margin-bottom: 48px; } .section-programs-secondary .tabs-favorites .video .play { left: 100%; top: 50%; right: auto; bottom: auto; } .section-programs-primary .cols + .banner-medium { max-width: 570px; margin-top: 20px; padding: 30px 50px; background: rgba(246, 246, 247, .5); position: relative; left: 10%; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-secondary { padding: 50px 0; } .section-programs .tabs-favorites { margin-right: 0; } .section-programs .cols:before { right: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs .cols:before { display: none; } .section-programs .cols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-programs-primary .cols + .banner-medium { left: auto; right: auto; } } /* Mobile */ @media (max-width: 767px) { .section-programs { z-index: 20; } .section-programs-secondary { padding: 70px 0 40px; position: relative; z-index: 998; } .section-programs-secondary .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-secondary .section-content-head h5 { top: 0; margin-bottom: 10px; } .section-programs-secondary .section-content-head .search-simple { width: 100%; position: relative; } .section-programs-secondary .section-content-head .search-simple .search-field { width: 100%; } .section-programs-secondary .section-content-body { padding: 0; background-color: transparent; } .section-programs-secondary .section-content-body .list-letters { display: block; white-space: nowrap; overflow-y: auto; padding-bottom: 16px; font-size: 0; margin-bottom: 5px; } .section-programs-secondary .section-content-body .list-letters li { display: inline-block; vertical-align: middle; } .section-programs-secondary .section-content-body .list-letters li ~ li { margin-left: 16px; } .section-programs-secondary .list-watched-programs { margin: 0 -3px; } .section-programs-secondary .list-watched-programs li { padding: 0 3px; } .section-programs-secondary .program-small .program-content { padding: 25px 25px 15px 0; } .section-programs-secondary .section-sidebar { position: absolute; left: 10px; top: -50px; padding: 0; } .section-programs-primary { padding: 70px 0 40px; position: relative; } .section-programs-primary .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-primary .section-content-head h5 { top: 0; margin-bottom: 10px; } .section-programs-primary .section-content-head .search-simple { width: 100%; position: relative; } .section-programs-primary .section-content-head .search-simple .search-field { width: 100%; } .section-programs-primary .section-content-body { padding: 0; background-color: transparent; } .section-programs-primary .section-content-body .list-letters { display: none; } .section-programs-primary .list-watched-programs { margin: 0 -3px; } .section-programs-primary .list-watched-programs li { padding: 0 3px; margin-bottom: 7px; } .section-programs-primary .program-small .program-image:before { content: ''; width: 100%; height: 32px; background: url(../images/shadow-top.png) repeat-x left top; position: absolute; left: 0; top: 0; z-index: 1; } .section-programs-primary .program-small .program-content { padding: 0; position: static; } .section-programs-primary .program-small .program-content h5 { display: none; } .section-programs-primary .program-small .program-content h6 { position: absolute; position: absolute; right: 42px; top: 8px; font-family: ''Roboto'', sans-serif; font-weight: 400; font-size: 14px; color: #fff; text-align: right; z-index: 10; } .section-programs-primary .program-small .program-content .add-to-fav { font-size: 18px; color: #ca0000; left: auto; right: 10px; bottom: auto; top: 5px; z-index: 10; } .section-programs-primary .program-small .program-content .add-to-fav i:before { color: #ca0000; } .section-programs-primary .section-sidebar { position: absolute; right: 10px; left: 10px; top: -50px; padding: 0; } .section-programs-primary .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-programs-secondary .section-sidebar { right: 10px; } .section-programs-secondary .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-programs-primary .banner-mobile:last-child { margin-bottom: 0; } .section-programs-primary .expand-btn { text-align: center; padding: 15px 0 5px; } .section-programs-primary .expand-btn .btn { min-width: 140px; text-align: center; } .section-programs-primary .list-watched-programs li:nth-child(n+7) { display: none; } } /* ------------------------------------------------------------ *\ Section Programs Replay \* ------------------------------------------------------------ */ /* Mobile */ @media (max-width: 767px) { .section-programs-replay { padding-top: 70px; position: relative; } .section-programs-replay .section-content-head { padding: 0; margin-bottom: 20px; } .section-programs-replay .section-content-head h5 { margin-bottom: 10px; } .section-programs-replay .section-content-head .search-simple { position: relative; width: 100%; } .section-programs-replay .section-content-head .search-simple .search-field { width: 100%; } .section-programs-replay .section-content-body { padding: 0; background-color: transparent; } .section-programs-replay .section-content-body .list-letters { display: none; } .section-programs-replay .section-sidebar { position: absolute; left: 10px; right: 10px; top: -50px; } .section-programs-replay .section-sidebar .list-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } /* ------------------------------------------------------------ *\ Section Programs All \* ------------------------------------------------------------ */ .section-programs-all { /*background-color: #e5e7e9;*/ overflow: hidden; } .section-programs-all .shell { padding: 0 23px 0 46px; } .section-programs-all .section-head { text-align: center; position: relative; margin-bottom: 53px; } .section-programs-all .section-head:after { content: ''; width: 9999px; height: 1px; background-color: #fff; opacity: .75; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-programs-all .section-head h2 { font-size: 30px; /*color: #1a2150;*/ color: #fff; text-transform: uppercase; margin: 0; padding: 22px 0 20px; } .section-programs-all .section-nav { margin-bottom: 37px; } .section-programs-all .section-nav ul { list-style: none; font-size: 0; } .section-programs-all .section-nav ul li { display: inline-block; vertical-align: middle; } .section-programs-all .section-nav ul li ~ li { margin-left: 50px; } .section-programs-all .section-nav ul a { display: block; font-weight: 700; font-size: 14px; /*color: #222222;*/ color: #aaa; text-transform: uppercase; text-decoration: none; transition: color .4s ease; position: relative; padding-bottom: 5px; } .section-programs-all .section-nav ul .current a:after { content: ''; width: 100%; height: 2px; /*background-color: #1a2251;*/ background-color: #fff; position: absolute; left: 0; top: 100%; } .section-programs-all .section-nav ul a:hover, .section-programs-all .section-nav ul .current a { /*color: #1a2251;*/ color: #fff; } .section-programs-all .section-filter { margin-bottom: 30px; position: relative; padding: 0 26.5%; } .section-programs-all .section-filter .fs-dropdown { width: 232px; margin: 0; position: absolute; left: 0; top: 0; } .section-programs-all .section-filter .fs-dropdown-selected { /*background-color: rgba(255, 255, 255, .63);*/ background-color: #fff; border-color: transparent; /*color: #b8b8b8;*/ color: #666; } .section-programs-all .section-filter .fs-dropdown-selected:after { color: #d9d9d9; } .section-programs-all .section-filter .selected .fs-dropdown-selected { color: #1b2352; } .section-programs-all .section-filter .search-simple { width: 232px; position: absolute; right: 0; top: 0; } .section-programs-all .section-filter .search-simple .search-field { width: 100%; /*background-color: rgba(255, 255, 255, .63); color: #222222;*/ background-color: #fff; color: #666; } .section-programs-all .section-filter .search-simple .search-btn { opacity: .85; } .section-programs-all .section-filter .search-simple .search-field::-webkit-input-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field::-moz-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field:-moz-placeholder { color: #bbb; } .section-programs-all .section-filter .search-simple .search-field:-ms-input-placeholder { color: #bbb; } .section-programs-all .section-filter .list-letters { text-align: center; padding: 8px 0; margin: 0; } .section-programs-all .section-filter .list-letters a { font-size: 14px; color: #222222; } .section-programs-all .section-filter .list-letters a:hover { color: #ca0000; } .section-programs-all .section-body .banner { margin: 33px auto 51px; } .section-programs-all .section-actions { text-align: center; padding: 50px 0 60px; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-all .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-all .section-filter { padding: 45px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-programs-all { padding-bottom: 10px; } .section-programs-all .shell { padding: 0 15px; } .section-programs-all .section-head { margin-bottom: 150px; } .section-programs-all .section-head h2 { padding: 20px 0; font-size: 20px; } .section-programs-all .section-nav { margin: 0 -15px 20px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; padding-left: 15px; } .section-programs-all .section-nav ul { white-space: nowrap; } .section-programs-all .section-nav ul li { display: inline-block; vertical-align: middle; padding-right: 23px; } .section-programs-all .section-nav ul li:last-child { padding-right: 15px; } .section-programs-all .section-nav ul li ~ li { margin-left: 0; } .section-programs-all .section-filter { padding: 0 0 40px; margin: -185px 0 65px; position: relative; } .section-programs-all .section-filter .list-letters { width: 100%; display: block; position: absolute; left: 0; bottom: 0; } .section-programs-all .section-filter .list-letters { white-space: nowrap; overflow-x: auto; text-align: left; font-size: 0; } .section-programs-all .section-filter .list-letters li { display: inline-block; vertical-align: middle; } .section-programs-all .section-filter .list-letters a { font-size: 12px; } .section-programs-all .section-filter .list-letters li ~ li { margin-left: 16px; } .section-programs-all .section-filter .fs-dropdown, .section-programs-all .section-filter .search-simple { width: 100%; position: relative; } .section-programs-all .section-filter .search-simple { margin-top: 10px; } .section-programs-all .section-actions { display: none; } } /* ------------------------------------------------------------ *\ Section Video Main \* ------------------------------------------------------------ */ .section-video-main { padding: 50px 0 54px; } .section-video-main .section-body { display: -webkit-flex; display: -ms-flexbox; display: flex; } .section-video-main .section-head { color: #fff; position: relative; margin: 0 23.5% 30px 25%; } .section-video-main .section-head h2 { margin: 0; font-size: 35px; text-transform: uppercase; padding-left: 15px; position: relative; border-left: 4px solid #ca0000; line-height: 1; } .section-video-main .section-head h2 span { display: block; font-weight: 400; font-size: 13px; text-transform: none; padding-top: 5px; } .section-video-main .section-head p { margin: 0; position: absolute; right: 0; bottom: 0; font-size: 13px; opacity: .75; text-transform: uppercase; } .section-video-main .section-head p span { margin-left: 5px; } .section-video-main .section-head h2 a { text-decoration: none; } .section-video-main .section-sidebar { /*-webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;*/ -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; background-color: #1D1F41; } .section-video-main .section-content { /*-webkit-flex: 0 0 51.4%; -ms-flex: 0 0 51.4%; flex: 0 0 51.4%;*/ -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; background-color: #0D0E1E; } .section-video-main .section-content.full-section-content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-video-main .section-banners { -webkit-flex: 0 0 23.6%; -ms-flex: 0 0 23.6%; flex: 0 0 23.6%; padding-left: 33px; } .section-video-main .section-banners .banner { margin: 0; } .section-video-main .section-banners .banner ~ .banner { margin-top: 30px; } .section-video-main.no-chapters .section-banners:first-child { padding-right: 42px; padding-left: 0; } .section-video-main.no-chapters .section-banners:last-child { padding-left: 42px; padding-right: 0; } .section-video-main.no-chapters .section-head { margin: 0 25% 30px 25% } .section-video-main .prog-video-container { width: 85%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-video-main .section-banners { display: none; } .section-video-main .section-head { margin: 0 0 30px 33%; } .section-video-main .section-sidebar { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; } .section-video-main .section-content { -webkit-flex: 0 0 67%; -ms-flex: 0 0 67%; flex: 0 0 67%; } } /* Mobile */ @media (max-width: 767px) { .section-video-main { padding: 20px 0 0; } .section-video-main .shell { padding: 0; } .section-video-main .section-head { margin: 0 0 20px; padding: 0 15px; } .section-video-main .section-head h2 { margin: 0; padding: 0; border: 0; font-size: 25px; } .section-video-main .section-head h2 span { font-size: 13px; } .section-video-main .section-head p { display: none; } .section-video-main .section-body { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } /*.section-video-main .section-content { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .section-video-main .section-sidebar { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }*/ .section-video-main .display-flex { width:100%; flex-direction: column; } .section-video-main .section-sidebar { display: flex; justify-content: flex-start; flex-direction: column; webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .section-video-main .section-content { webkit-flex: 1; -ms-flex: 1; flex: 1; display: flex; justify-content: flex-start; flex-direction: column; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .section-video-main .banner-mobile { margin: 0; } } /* ------------------------------------------------------------ *\ Section Video List \* ------------------------------------------------------------ */ .section-video-list { padding: 44px 0 36px; } .section-video-list .section-head { display: none; } .section-video-list .section-body { padding: 0 0 0 10px; } .section-video-list .video-detailed .video-content { margin-bottom: 0; } .section-video-list .video-detailed .video-content h6 { color: #fff; } .section-video-list .video-detailed .video-content p { color: #fff; opacity: .75; } .section-video-list .section-actions { padding-top: 34px; } .section-video-list .section-actions .btn { border-radius: 30px; } /* Small Desktop */ @media (max-width: 1279px) { .section-video-list .section-body { padding: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-video-list .list-videos li { margin-bottom: 30px; } .section-video-list .section-actions { padding-top: 0; } } /* Mobile */ @media (max-width: 767px) { .section-video-list { background-color: #2c2c2c; padding: 35px 0; } .section-video-list .section-head { display: block; margin-bottom: 20px; } .section-video-list .section-head h3 { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff; margin: 0; } .section-video-list .list-videos li { width: 50%; } .section-video-list .list-videos li:nth-child(odd) { clear: left; } } /* ------------------------------------------------------------ *\ Section Related Media \* ------------------------------------------------------------ */ .section-related-media { background-color: #e5e7e9; padding: 48px 0 60px; overflow: hidden; position: relative; } .section-related-media .section-nav { margin-bottom: 42px; padding-left: 6px; } .section-related-media .section-nav ul { list-style: none; font-size: 0; } .section-related-media .section-nav ul li { display: inline-block; vertical-align: middle; } .section-related-media .section-nav ul li ~ li { margin-left: 30px; } .section-related-media .section-nav ul a { display: block; font-size: 16px; color: #333; text-transform: uppercase; opacity: .37; transition: opacity .4s ease; text-decoration: none; } .section-related-media .section-nav ul a:hover, .section-related-media .section-nav ul .current a { opacity: 1; } .section-related-media .section-nav ul .current a { font-weight: 700; } .section-related-media .section-body { padding: 0 0 0 10px; } .section-related-media .section-body .section-prev { left: 0; } .section-related-media .section-body .section-next { right: 0; } .section-related-media .section-body .section-prev, .section-related-media .section-body .section-next { width: 52px; height: 52px; background-color: #ca0000; text-align: center; line-height: 52px; position: absolute; top: 33%; margin-top: -26px; font-size: 23px; color: #fff; transition: color .4s ease, background-color .4s ease; border: 1px solid #ca0000; } .section-related-media .section-body .section-prev:hover, .section-related-media .section-body .section-next:hover { background-color: transparent; color: #ca0000; } .section-related-media .list-videos-alt { margin-top: 11px; padding: 56px 50px 0 5px; position: relative; } .section-related-media .list-videos-alt:before, .section-related-media .list-videos-alt:after { content: ''; width: 9999px; height: 1px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-related-media .list-videos-alt:before { top: 0; background-color: #ccc; } .section-related-media .list-videos-alt:after { top: 1px; background-color: #fff; } .section-related-media .section-actions { padding-top: 20px; } .section-related-media .section-actions .btn { min-width: 150px; } .section-related-media .video-detailed .video-content { margin-bottom: 40px; } .section-related-media .video-detailed .video-content p { margin-bottom: 10px; } .section-related-media .list-videos-alt .video-detailed .play:before { width: auto; height: auto; border: 0; content: '\f105'; font-family: 'FontAwesome'; font-size: 18px; color: #fff; } .ar .video-detailed .play { transform: scaleX(-1); } /* Small Desktop */ @media (max-width: 1279px) { .section-related-media .section-nav, .section-related-media .section-body { padding-left: 0; } .section-related-media .list-videos-alt { overflow: hidden; padding: 56px 0 0 0; } .section-related-media-alt { padding: 48px 60px 60px; } } /* Mobile */ @media (max-width: 767px) { .section-related-media { padding: 30px 0; } .section-related-media .section-nav { margin-bottom: 25px; } .section-related-media .section-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-related-media .section-nav ul li ~ li { margin-left: 0; } .section-related-media .list-videos li { width: 50%; } .section-related-media .video-detailed .video-content { margin-bottom: 25px; } .section-related-media .video-detailed .video-content p { display: none; } .section-related-media .video-detailed .video-content .meta p { display: block; } .section-related-media .video-detailed .video-content .meta p span { margin-left: 7px; } .section-related-media .list-videos-alt { margin: 0 -15px; padding: 30px 15px 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; font-size: 0; } .section-related-media .list-videos-alt li { width: 198px; float: none; display: inline-block; vertical-align: middle; padding: 0; padding-right: 15px; } .section-related-media .list-videos-alt li:last-child { padding-right: 0; } .section-related-media .section-actions { padding-top: 0; } .section-related-media .list-videos:not(.list-videos-alt) { position: relative; } .section-related-media .list-videos:not(.list-videos-alt):before { content: ''; height: 2px; background-color: #ccc; border-bottom: 1px solid #fff; position: absolute; left: -8px; right: -8px; bottom: 0; } .section-related-media .list-videos-alt:before, .section-related-media .list-videos-alt:after { display: none; } .section-related-media-alt .section-prev, .section-related-media-alt .section-next { display: none; } } /* ------------------------------------------------------------ *\ Section Program Landing \* ------------------------------------------------------------ */ .section-program-landing { background-color: #161836; color: #fff; padding: 56px 0 0; } .section-program-landing .section-inner:after { } .section-program-landing .section-body, .section-program-landing .section-sidebar { float: left; } .section-program-landing .section-body { /*width: 74%;*/ width: calc(100% - 360px); padding-left: 18px; } .section-program-landing .section-body h5 { margin-bottom: 20px; text-transform: uppercase; font-size: 20px; height: 34px; z-index: 11; position: relative; } .section-program-landing .section-body ul { margin-bottom: 0; } .section-program-landing .section-body .btn { min-width: 150px; } .section-program-landing .video-detailed .video-content .meta p { font-weight: 500; } .section-program-landing .video-detailed .video-content .meta p span { margin-left: 5px; } .section-program-landing .section-sidebar { /*width: 23%;*/ float: right; border-left: 1px solid #ccc; padding-left: 30px; width: 330px; } .section-program-landing .section-sidebar h5 { text-transform: uppercase; margin-bottom: 20px; } .section-program-landing .section-sidebar h5 ~ h5 { padding-top: 34px; border-top: 1px solid #ccc; margin-bottom: 15px; } .section-program-landing .section-sidebar p { font-weight: 300; font-size: 14px; line-height: 1.45; opacity: .75; margin-bottom: 18px; /*padding-right: 35px;*/ } .section-program-landing .section-sidebar .video-detailed { width: 100%; } .section-program-landing .section-sidebar .video-detailed .video-content { margin-bottom: 33px; } .section-program-landing .section-sidebar .btn { min-width: 200px; text-align: left; margin-bottom: 30px; } .section-program-landing .section-foot { background-color: #c61316; padding: 35px 0 31px; margin-top: 40px; } .section-program-landing .section-foot:after { } .section-program-landing .section-foot-aside { float: left; margin-left: -7px; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: right; margin-right: 10px; } .section-program-landing .section-bar.with-ticker { background-color: #a21012; color: #fff; padding: 17px 0; } .section-program-landing .section-bar-inner { position: relative; padding-left: 234px; } .section-program-landing .section-bar-head { position: absolute; left: -9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-program-landing .section-bar-head i, .section-program-landing .section-bar-head span { display: inline-block; vertical-align: middle; } .section-program-landing .section-bar-head i { opacity: .3; } .section-program-landing .section-bar-head .zmdi-smartphone-iphone { font-size: 28px; } .section-program-landing .section-bar-head .zmdi-chevron-right { font-size: 11px; margin: 0 10px; } .section-program-landing .section-bar-head span { font-weight: 700; font-size: 15px; color: #fff; } .section-program-landing .custom-select { float: right; background: #fff; color: #333; min-width: 211px; } .section-program-landing .custom-select .fs-dropdown { margin: 0; } #video-page .section-program-landing { background: none; color: #fff; padding: 20px 16px; } #video-page .section-program-landing .section-body { padding-left: 0; } #video-page .section-program-landing .shell { padding: 0; } /* Small Desktop */ @media (max-width: 1279px) { .section-program-landing { padding: 50px 0 0; } .section-program-landing .section-body { padding-left: 0; } .section-program-landing .section-sidebar .video-detailed { width: 100%; } .section-program-landing .section-foot-aside { margin-left: 0; } .section-program-landing .section-foot-aside ~ .section-foot-aside { margin-right: 0; } .section-program-landing .section-bar-head { left: 0; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-program-landing .section-sidebar { padding-left: 15px; width: 33%; } .section-program-landing .section-sidebar .btn { min-width: 0; } .section-program-landing .section-foot-aside, .section-program-landing .section-foot-aside ~ .section-foot-aside { float: none; } .section-program-landing .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } } /* Mobile */ @media (max-width: 767px) { .section-program-landing { padding: 30px 0 0; } .section-program-landing .section-body, .section-program-landing .section-sidebar { float: none; width: 100%; } .section-program-landing .list-videos { /*margin: 0 -7px;*/ margin: 0; } .section-program-landing .list-videos li { width: 48%; padding: 0 7px; /*max-width:144px;*/ } .section-program-landing .video-detailed .video-content { margin-bottom: 20px; } .section-program-landing .section-sidebar { padding: 25px 0 0; margin-top: 25px; border-left: 0; border-top: 1px solid #ccc; } .section-program-landing .section-foot { margin-top: 0; } .section-program-landing .list-shows li { display: block; } .section-program-landing .list-shows h2 { font-size: 22px; } .section-program-landing .list-shows h3 { display: block; font-size: 18px; position: relative; /*padding-right: 80%;*/ width: 100%; } .section-program-landing .list-shows h3 span { font-size: 14px; /*position: absolute; left: 60px; right: 0; top: 2px;*/ display: block; } .section-program-landing .section-bar-head .zmdi-chevron-right { margin: 0 17px; } .section-program-landing .section-bar-inner { padding: 40px 0 0; } .section-program-landing .section-bar-head { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section-program-landing ~ .section-programs-news { width: 100%; } .section-program-landing ~ .section-programs-news .shell { padding-right: 0; } .section-program-landing ~ .section-programs-news .section-body { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .section-program-landing ~ .section-programs-news .section-body .list-videos { overflow: visible; } .section-program-landing .custom-select { width: 100%; margin-top: 20px; margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Section Latest \* ------------------------------------------------------------ */ .section-latest { background-color: #161836; padding: 50px 0 60px; } .section-latest .section-head { margin-bottom: 15px; } .section-latest .section-head h5 { text-transform: uppercase; margin: 0; } .section-latest .section-body { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .section-latest .section-foot { background-color: #1b2151; margin-top: 18px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest .section-body { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } /* Mobile */ @media (max-width: 767px) { .section-latest { padding: 30px 0; } .section-latest .section-foot + .banner-mobile { margin: 20px 0 0; } } /* ------------------------------------------------------------ *\ Section Latest Featured \* ------------------------------------------------------------ */ .section-latest-featured { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding: 28px 20px 33px; background-color: #1b2151; color: #fff; } .section-latest-featured img { width: 100%; height: auto; } .section-latest-featured h2 { width: 75%; padding: 14px 30px; background-color: #c61316; line-height: 1; margin: -55px 0 26px -9px; font-size: 30px; position: relative; z-index: 10; } .section-latest-featured p { width: 85%; font-size: 13px; line-height: 1.65; color: #e5e6e9; opacity: .75; padding-left: 20px; margin-bottom: 30px; } .section-latest-featured .btn { margin-left: 10px; background-color: rgba(255, 255, 255, .08); font-size: 14px; color: #e5e6e9; } .section-latest-featured.col-1of2 { -webkit-flex: 0 0 34.4%; -ms-flex: 0 0 34.4%; flex: 0 0 34.4%; max-width: 34.4%; } .section-latest-featured.col-1of3 { -webkit-flex: 0 0 32.8%; -ms-flex: 0 0 32.8%; flex: 0 0 32.8%; max-width: 32.8%; } /* Small Desktop */ @media (max-width: 1279px) { .section-latest-featured h2 { font-size: 24px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-featured { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .section-latest-featured h2 { margin: -30px 0 26px -9px; } } /* Mobile */ @media (max-width: 767px) { .section-latest-featured { padding-bottom: 20px; margin-bottom: 20px; } .section-latest-featured h2 { width: 100%; margin: 0 0 20px; padding: 10px; font-size: 22px; } .section-latest-featured p { width: 100%; padding: 0; margin: 0 0 20px; } .section-latest-featured .btn { margin: 0; } } /* ------------------------------------------------------------ *\ Section Latest Twitter \* ------------------------------------------------------------ */ .section-latest-twitter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; padding: 28px 20px 0; position: relative; direction: ltr; } .section-latest-twitter h4 { font-weight: 400; font-size: 19px; color: #fff; margin-bottom: 10px; text-align: center; } .section-latest-twitter h5 { width: 100%; color: #55acee; text-align: center; margin-bottom: 20px; } .section-latest-twitter h5 i { font-size: 30px; } .section-latest-twitter h5 span { display: block; padding-top: 5px; } .section-latest-twitter img { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .section-latest-twitter .section-actions { width: 100%; padding: 20px 0 13px; position: absolute; left: 0; bottom: 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, .12); } .section-latest-twitter h1 span { font-size: 13px; color: #666; } .section-latest-twitter h1 span a { text-decoration: none; color: #3b94d9; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-twitter { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } } /* Mobile */ @media (max-width: 767px) { .section-latest-twitter { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Latest Facebook \* ------------------------------------------------------------ */ .section-latest-facebook { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-latest-facebook { -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; } } /* Mobile */ @media (max-width: 767px) { .section-latest-facebook { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Latest Instagram \* ------------------------------------------------------------ */ .section-latest-instagram { -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; background-color: #fff; } .section-latest-instagram .section-head { border-bottom: 1px solid rgba(255, 255, 255, .12); padding: 25px 30px 15px; color: #fff; position: relative; margin-bottom: 0; } .section-latest-instagram .section-head h5 { text-transform: none; color: #333; } .section-latest-instagram .section-head h5 i { vertical-align: middle; font-size: 30px; margin-right: 5px; } .section-latest-instagram .section-head .ig-follow { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-latest-instagram .section-body { padding: 20px 30px; } .section-latest-instagram .section-body ul { list-style: none; margin: 0 -3px; overflow: hidden; } .section-latest-instagram .section-body ul li { float: left; width: 33%; padding: 3px 3px; } /* Mobile */ @media (max-width: 767px) { .section-latest-instagram .section-head { padding: 25px 20px; } .section-latest-instagram .section-body { padding: 20px; } .section-latest-instagram .section-body ul li { width: 50%; margin-bottom: 10px; max-width: 144px; } .section-latest-instagram .section-body ul li img { width: 100%; height: auto; } .section-latest-instagram { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Programs Videos \* ------------------------------------------------------------ */ .section-programs-videos { background: #e5e7e9 url(../images/inner-shadow-top.png) repeat-x left top; padding: 45px 0 13px; position: relative; } .section-programs-videos .shell { padding: 0 8px 0 24px; } .section-programs-videos .section-head { margin-bottom: 40px; } .section-programs-videos .section-head h5, .section-programs-videos .section-head ul { display: inline-block; vertical-align: middle; } .section-programs-videos .section-head h5 { margin: 0; text-transform: uppercase; } .section-programs-videos .section-head ul { margin-left: 10px; list-style: none; } .section-programs-videos .section-head ul li { display: inline-block; vertical-align: middle; margin-left: 20px; } .section-programs-videos .section-head ul a { display: block; text-decoration: none; font-family: 'TheSans', sans-serif; font-weight: 700; font-size: 14px; color: #222222; text-transform: uppercase; position: relative; transition: color .4s ease; } .section-programs-videos .section-head ul a:hover, .section-programs-videos .section-head ul .current a { color: #c71418; } .section-programs-videos .section-head ul .current a:after { content: ''; width: 100%; height: 2px; background-color: #c71418; position: absolute; left: 0; top: 100%; margin-top: 10px; } .section-programs-videos .video-detailed .video-content { margin-bottom: 40px; } .section-programs-videos .video-detailed .video-content p { margin-bottom: 9px; } .section-programs-videos .prev, .section-programs-videos .next { width: 52px; height: 52px; line-height: 52px; border: 1px solid #c61414; text-align: center; background-color: #c61414; position: absolute; top: 44%; margin-top: -26px; font-size: 23px; color: #fff; text-decoration: none; transition: background-color .4s ease, color .4s ease; } .section-programs-videos .prev:hover, .section-programs-videos .next:hover { background-color: transparent; color: #c61414; } .section-programs-videos .prev { left: 0; padding-right: 5px; } .section-programs-videos .next { right: 0; padding-left: 3px; } .section-programs-videos-celeb { border-top: 2px solid #1b2352; padding-bottom: 64px; } .section-programs-videos-celeb .section-head ul a:hover, .section-programs-videos-celeb .section-head ul .current a { color: #1b2352; } .section-programs-videos-celeb .section-head ul .current a:after { background-color: #1b2352; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-videos .shell { padding: 0 70px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-videos { padding: 30px 0 90px; } .section-programs-videos .shell { padding: 0 15px; } .section-programs-videos .section-head ul { margin-left: 0; margin-top: 15px; } .section-programs-videos .section-head ul li { margin-left: 0; } .section-programs-videos .section-head ul li ~ li { margin-left: 20px; } .section-programs-videos .list-videos { margin: 0 -6px; } .section-programs-videos .list-videos li { width: 50%; padding: 0 6px; } .section-programs-videos .video-detailed .video-content { margin-bottom: 20px; } .section-programs-videos .video-detailed .video-content p { display: none; } .section-programs-videos .video-detailed .video-content .meta p { display: block; } .section-programs-videos .video-detailed .video-content .meta p span { margin-left: 5px; } .section-programs-videos .prev, .section-programs-videos .next { margin-top: 0; top: auto; bottom: 30px; } .section-programs-videos .prev { left: 15px; } .section-programs-videos .next { left: 70px; right: auto; } .section-programs-videos-celeb .section-head { margin-bottom: 20px; } .section-programs-videos-celeb .section-head h5 { display: block; margin-bottom: 20px; } .section-programs-videos-celeb .section-head ul { display: block; width: auto; margin: 0 -15px; padding: 0 0 20px 15px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; } .section-programs-videos-celeb .section-head ul li { display: inline-block; vertical-align: middle; margin-right: 26px; } .section-programs-videos-celeb .section-head ul li:last-child { margin-right: 15px; } .section-programs-videos-celeb .section-head ul li ~ li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Section Programs News \* ------------------------------------------------------------ */ .section-programs-news { background-color: #e5e7e9; border-top: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff; padding: 23px 0 80px; } .section-programs-news .shell { padding: 0 2px 0 20px; } .section-programs-news .section-head { margin-bottom: 23px; } .section-programs-news .section-head h5 { text-transform: uppercase; margin: 0; } .section-programs-news .post .post-content { text-align: left; } .section-programs-news .post .post-content a { padding: 10px 0; } .section-programs-news .section-actions { padding-top: 20px; } .section-programs-news .section-actions .btn { min-width: 120px; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-news .shell { padding: 0 10px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-news { padding-bottom: 30px; } .section-programs-news .shell { padding: 0 15px; } .section-programs-news .list-videos { white-space: nowrap; overflow-x: auto; margin: 0 -15px; padding-left: 15px; -webkit-overflow-scrolling: touch; } .section-programs-news .list-videos li { display: inline-block; vertical-align: middle; float: none; width: 200px; white-space: normal; padding: 0 15px 0 0; } } /* ------------------------------------------------------------ *\ Section Episodes \* ------------------------------------------------------------ */ .section-episodes { padding: 56px 0 12px; } .section-episodes .section-body h5 { margin-bottom: 17px; } .section-episodes .section-body .banner { margin: 3px auto 65px; } .section-episodes .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-episodes .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-episodes .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-episodes .fs-dropdown.selected .fs-dropdown-selected { color: #666; } .section-episodes .fs-dropdown-selected:after { font-size: 8px; color: #878787; right: 12px; } .section-episodes .section-sidebar .banner { margin: 0 0 50px; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-episodes .section-sidebar h5 { text-transform: uppercase; margin-bottom: 15px; } .section-episodes .section-sidebar .btn { min-width: 120px; text-align: center; } .section-episodes .section-sidebar .fs-dropdown { /*margin-top: -18px;*/ } .section-episodes .section-sidebar .list-news { margin-bottom: 20px; } .section-episodes .section-sidebar .post .post-content { text-align: left; } .section-episodes .section-sidebar .post .post-content a { padding: 15px 0; } .section-episodes .section-sidebar .post .post-content h5 { text-transform: none; margin-bottom: 20px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .section-episodes .video-detailed .video-content { margin-bottom: 52px; } @media(max-width: 1199px) { .section-program-landing .section-foot-aside { float: none; } .section-program-landing .section-foot-aside ~ .section-foot-aside { float: none; margin-top: 30px; margin-left: 0; margin-right: 0; } } /* Mobile */ @media (max-width: 767px) { .section-episodes { padding: 30px 0 15px; position: relative; } .section-episodes .video-detailed .video-content { margin-bottom: 20px; } .section-episodes .section-body .banner { display: none; } .section-program-landing .section-sidebar { width: 100%; } .section-program-landing .section-sidebar .banner { display: none; } .section-program-landing .section-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -29px; z-index: 11; } .section-episodes .section-sidebar .post .post-content h5 { margin-bottom: 0; } } /* ------------------------------------------------------------ *\ Section Celebrities \* ------------------------------------------------------------ */ .section-celebrities { padding: 55px 0 97px; } .section-celebrities .shell { padding: 0 11px 0 18px; } .section-celebrities .section-body { width: 65.4%; } .section-celebrities .section-body h5 { margin-bottom: 15px; } .section-celebrities .section-sidebar { width: 27.2%; } .section-celebrities .section-sidebar .fs-dropdown { margin-top: -16px; } .section-celebrities .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-celebrities .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-celebrities .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-celebrities .fs-dropdown-selected:after { font-size: 8px; color: #878787; right: 12px; } /* Small Desktop */ @media (max-width: 1279px) { .section-celebrities .shell { padding: 0 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebrities { padding: 50px 0; } } /* Mobile */ @media (max-width: 767px) { .section-celebrities { padding: 30px 0; position: relative; } .section-celebrities .section-body { float: none; width: 100%; } .section-celebrities .section-sidebar { width: 100%; position: absolute; right: 0; top: 0; margin: 0; padding: 0; } .section-celebrities .section-sidebar .banner { display: none; } .section-celebrities .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -30px; z-index: 10; } } /* ------------------------------------------------------------ *\ Section Celebrity Vote \* ------------------------------------------------------------ */ .section-celebrity-vote { background: #e5e7e9 url(../images/inner-shadow-top.png) repeat-x left top; padding: 66px 0 82px; } .section-celebrity-vote .section-head { margin-bottom: 50px; padding-left: 28.7%; position: relative; } .section-celebrity-vote .section-head h4 { font-family: 'TheSans', sans-serif; font-size: 26px; margin: 0; text-transform: uppercase; color: #2a282b; } .section-celebrity-vote .section-head h4 span { display: inline-block; vertical-align: middle; } .section-celebrity-vote .section-head h4 .icon { width: 24px; height: 24px; background-color: #c71418; border-radius: 50%; text-align: center; line-height: 27px; font-size: 9px; color: #fff; padding-left: 1px; margin-left: 8px; position: relative; top: -2px; } .section-celebrity-vote .section-head .list-flags { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .section-celebrity-vote .section-body:after { } .section-celebrity-vote .section-sidebar, .section-celebrity-vote .section-content { float: left; } .section-celebrity-vote .section-sidebar { width: 23.5%; } .section-celebrity-vote .section-sidebar .banner { margin: 0; } .section-celebrity-vote .section-content { float: right; width: 71.7%; } .section-celebrity-vote .section-content ul { list-style: none; margin: 0 -18px; overflow: hidden; } .section-celebrity-vote .section-content ul li { float: left; width: 33.3333%; padding: 0 18px; } /* Small Desktop */ @media (max-width: 1279px) { .section-celebrity-vote { padding: 60px 0; } .section-celebrity-vote .section-content { width: 75%; } .section-celebrity-vote .section-content ul { margin: 0 -8px; } .section-celebrity-vote .section-content ul li { padding: 0 8px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebrity-vote { padding: 50px 0; } .section-celebrity-vote .section-head { padding: 0; } .section-celebrity-vote .section-sidebar { display: none; } .section-celebrity-vote .section-content { width: 100%; } } /* Mobile */ @media (max-width: 767px) { .section-celebrity-vote { padding: 40px 0 20px; } .section-celebrity-vote .section-head { margin-bottom: 25px; } .section-celebrity-vote .section-head h4 { margin-bottom: 10px; } .section-celebrity-vote .section-head .list-flags { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .section-celebrity-vote .section-head .list-flags li { margin-right: 7px; } .section-celebrity-vote .section-head .list-flags li:last-child { margin-right: 0; } .section-celebrity-vote .section-head .list-flags li ~ li { margin-left: 0; } .section-celebrity-vote .section-content ul li { width: 100%; } } /* ------------------------------------------------------------ *\ Section Celebs Details \* ------------------------------------------------------------ */ .section-celebs-details { padding: 55px 0 0; } .section-celebs-details .section-sidebar .banner { margin: 20px 0; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-celebs-details .section-body h5 { margin-bottom: 17px; } .section-celebs-details .fs-dropdown { width: 210px; margin: -16px 0 0; position: relative; } .section-celebs-details .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-celebs-details .fs-dropdown-selected { /*background-color: #c71418; border-color: #c71418;*/ font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-celebs-details .fs-dropdown-selected:after { font-size: 8px; color: #666; right: 12px; } .section-celebs-details .list-shows h3 { font-size: 45px; } .section-celebs-details .list-shows h3 span { max-width: 550px; font-size: 16px; text-transform: none; line-height: 1.2; padding-left: 10px; } .section-celebs-details .celebrity-single-content h5 { margin-bottom: 30px; } .section-celebs-details .section-sidebar > h5 { padding-top: 49px; margin-top: 70px; border-top: 1px solid #ccc; margin-bottom: 14px; } .section-celebs-details .post .post-content h5 { text-align: left; text-transform: none; margin-bottom: 28px; } .section-celebs-details .post .post-content h5 a { padding: 10px 0; } .section-celebs-details .section-foot { margin-top: 57px; padding: 22px 0 19px; } .section-celebs-details .section-foot .list-shows h2 { padding-right: 47px; } .section-celebs-details .section-foot .list-shows h2:after { right: 29px; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-celebs-details { padding: 50px 0 0; } } /* Mobile */ @media (max-width: 767px) { .section-celebs-details { padding: 20px 0 0; position: relative; } .section-celebs-details .celebrity-single-content h5 { margin-bottom: 10px; } .section-celebs-details .section-sidebar { padding-top: 0; border-top: 0; margin-top: 10px; } .section-celebs-details .section-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -32px; z-index: 11; } .section-celebs-details .section-sidebar > h5 { margin-top: 30px; padding-top: 20px; } .section-celebs-details .post .post-content h5 { margin-bottom: 0; } .section-celebs-details .section-foot { margin-top: 25px; } .section-celebs-details .list-shows h3 { font-size: 18px; min-height: 80px; } .section-celebs-details .list-shows h3 span { font-size: 14px; } } /* ------------------------------------------------------------ *\ Section Gallery Alt \* ------------------------------------------------------------ */ .section-gallery-alt { background-color: #e5e7e9; padding: 30px 0; } .section-gallery-alt .section-head { margin-bottom: 34px; } .section-gallery-alt .section-head ul { list-style: none; margin: 0; font-size: 0; } .section-gallery-alt .section-head ul li { display: inline-block; vertical-align: middle; } .section-gallery-alt .section-head ul li ~ li { margin-left: 25px; } .section-gallery-alt .section-head .fs-dropdown { margin: 0; } .section-gallery-alt .section-head .fs-dropdown-selected { width: 232px; height: 28px; padding: 0 30px 0 10px; line-height: 28px; background-color: #f9f9f9; border-color: #f9f9f9; font-size: 12px; color: #666; font-style: italic; } .section-gallery-alt .section-head .fs-dropdown-selected:after { content: '\f0d7'; right: 13px; font-size: 12px; color: #666; } .section-gallery-alt .masonry { margin: 0 -12px; } .section-gallery-alt .masonry-item { padding: 0 12px; margin-bottom: 27px; } .section-gallery-alt .masonry .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-gallery-alt .masonry .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-gallery-alt .masonry .fs-dropdown-selected { background-color: transparent; border-color: #ddd; font-weight: 700; font-size: 13px; color: #666; text-transform: uppercase; border-radius: 0 !important; } .section-gallery-alt .masonry .fs-dropdown-selected:after { font-size: 8px; color: #666; right: 12px; } /* Mobile */ @media (max-width: 767px) { .section-gallery-alt { padding: 15px 0 0; } .section-gallery-alt .section-head { margin-bottom: 15px; } .section-gallery-alt .section-head ul { font-size: 0; } .section-gallery-alt .section-head ul li { width: 49%; display: inline-block; vertical-align: middle; } .section-gallery-alt .section-head ul li ~ li { margin-left: 2%; } .section-gallery-alt .section-head .fs-dropdown-selected { width: 100%; } .section-gallery-alt .masonry .fs-dropdown-selected { display: none; } .section-gallery-alt .section-head + .banner-mobile { margin: 0 -15px 20px; max-width: none; } } /* ------------------------------------------------------------ *\ Section Programs Gallery \* ------------------------------------------------------------ */ .section-programs-gallery { background-color: #111531; } .section-programs-gallery .section-head { text-align: center; font-size: 0; padding: 20px 0; } .section-programs-gallery .section-head h6, .section-programs-gallery .section-head .socials { display: inline-block; vertical-align: middle; } .section-programs-gallery .section-head h6 { height: 32px; line-height: 32px; padding: 0 18px; margin: 0 5px 0 0; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #1a204b; border-radius: 20px; } .section-programs-gallery .section-body { position: relative; } .section-programs-gallery .section-body .btn-close { position: absolute; right: 30px; top: 30px; z-index: 20; } .section-programs-gallery .section-foot { position: relative; overflow: hidden; padding: 27px 0 37px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, .1); z-index: 10; } .section-programs-gallery .section-foot .banner { margin: 0; position: absolute; left: 50%; top: 27px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .section-programs-gallery .slider-gallery-thumbs { min-height: 124px; width: calc(50% - 387px); float: left; position: relative; z-index: 1; overflow: hidden; } .section-programs-gallery .slider-gallery-thumbs.right { float: right; } /*.section-programs-gallery .slider-gallery-thumbs:before { content: ''; width: 60px; height: 100%; background: url(../images/left-shadow.png) repeat-y left top; position: absolute; left: 0; top: 0; z-index: 10; } .section-programs-gallery .slider-gallery-thumbs.right:before { left: auto; right: 0; background: url(../images/right-shadow.png) repeat-y right top; }*/ .section-programs-gallery .slider-programs-gallery .owl-carousel .owl-item img { max-height: 456px; width: auto; } .section-programs-gallery .slider-gallery-thumbs .owl-item img { max-height: 63px; width: auto; } /* Mobile */ @media (max-width: 767px) { .section-programs-gallery .section-foot { margin-top: 15px; padding: 15px 0; } .section-programs-gallery .section-foot .banner { display: none; } .section-programs-gallery .slider-gallery-thumbs { width: 100% !important; min-height: 47px; } .section-programs-gallery .slider-gallery-thumbs.right, .section-programs-gallery .slider-gallery-thumbs:before { display: none; } .section-programs-gallery .section-body .btn-close { width: 16px; height: 16px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .section-programs-gallery .section-body .btn-close:before, .section-programs-gallery .section-body .btn-close:after { height: 140%; } } /* ------------------------------------------------------------ *\ Section Programs About \* ------------------------------------------------------------ */ .section-programs-about { background-color: #e5e7e9; } .section-programs-about .shell { padding: 0 0 0 18px; } .section-programs-about .section-inner { padding: 0 15px; } .section-programs-about .video a:after { content: ''; width: 100%; height: 100%; background-color: #1b2151; opacity: .5; position: absolute; left: 0; top: 0; z-index: 1; } .section-programs-about .fs-dropdown { width: 210px; margin: 0; position: relative; } .section-programs-about .fs-dropdown:before { content: ''; width: 1px; background-color: #333; position: absolute; right: 33px; top: 0px; bottom: 0px; z-index: 52; } .section-programs-about .fs-dropdown-selected { background-color: #c71418; border-color: #c71418; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; border-radius: 0 !important; } .section-programs-about .fs-dropdown-selected:after { font-size: 8px; color: #fff; right: 12px; } .section-programs-about .section-intro { position: relative; padding: 33px 0 60px; } .section-programs-about .section-intro img { width: 81.8%; height: auto; } .section-programs-about .section-intro-sidebar { width: 300px; position: absolute; left: 76.2%; top: 90px; z-index: 10; } .section-programs-about .section-intro-sidebar .banner { max-width: 100%; width: 100%; box-shadow: 0 0 10px rgba(0,0,0, .25); } .section-programs-about .section-intro-sidebar .banner > img { width: 100%; } .section-programs-about .section-head { margin-bottom: 20px; } .section-programs-about .section-head h5 { text-transform: uppercase; margin: 0; } .section-programs-about .section-body { padding-bottom: 80px; } .section-programs-about .section-body:after { } .section-programs-about .section-media, .section-programs-about .section-content { width: 50%; float: left; } .section-programs-about .section-content { padding-left: 7.5%; } .section-programs-about .section-content p { margin: 0; font-size: 13px; line-height: 1.6; opacity: .75; } .section-programs-about .section-content p ~ p { margin-top: 22px; } .section-programs-about .section-content h4 { font-weight: 500; font-size: 18px; text-transform: uppercase; opacity: .75; margin: 40px 0 0; } .section-programs-about .section-content h4 span { display: block; } .section-programs-about .section-content h4 a { text-decoration: none; } .section-programs-about .section-media .video { position: relative; padding-bottom: 56.25%; /*16:9*/ padding-top: 0px; height: 0; } .section-programs-about .section-media .video.video-4-3 { padding-bottom: 75%; /*4:3*/ } .section-programs-about .section-media .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Small Desktop */ @media (max-width: 1279px) { .section-programs-about .shell { padding: 0 10px; } .section-programs-about .section-inner { padding: 0; } .section-programs-about .section-intro-sidebar { left: auto; right: 0; } .section-programs-about .section-content { padding-left: 30px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-programs-about .section-intro { margin-bottom: 50px; } } /* Mobile */ @media (max-width: 767px) { .section-programs-about .shell { padding: 0; } .section-programs-about .section-content h4 { margin-top: 30px; } .section-programs-about .section-intro { padding-top: 0; } .section-programs-about .section-intro { height: 320px; padding: 0; margin: 0; overflow: visible; } .section-programs-about .section-intro img { width: auto; max-width: none; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-programs-about .section-intro-sidebar { top: 0; } .section-programs-about .section-intro-sidebar .fs-dropdown { width: 140px; position: absolute; right: 15px; top: -47px; } .section-programs-about .section-intro-sidebar .banner { display: none; } .section-programs-about .section-head { display: none; } .section-programs-about .section-body { padding: 30px 15px; } .section-programs-about .section-media, .section-programs-about .section-content { float: none; width: 100%; } .section-programs-about .section-content { padding: 30px 0 0; } } /* ------------------------------------------------------------ *\ Section Schedule \* ------------------------------------------------------------ */ .section-schedule { background: linear-gradient(to right,#334299, #1B224E); color: #fff; } .section-schedule .section-inner { padding: 0 0 70px; } .section-schedule .section-foot { background-color: #c61316; padding: 30px 0; } .section-schedule .section-foot:after { } .section-schedule .section-foot-aside { float: left; } .section-schedule .section-foot-aside ~ .section-foot-aside { float: right; } .section-schedule .section-bar { background-color: #a21012; color: #fff; padding: 20px 0; border-bottom: 2px solid #1d2151; } .section-schedule .section-bar .shell:after { } .section-schedule .section-bar p { float: left; margin: 0; font-weight: 700; font-size: 16px; padding-left: 30px; position: relative; } .section-schedule .section-bar p a { text-decoration: underline; } .section-schedule .section-bar p:before { content: ''; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px; } .section-schedule .section-bar .socials { float: right; } .section-schedule .section-bar .socials ul a { color: #fff; opacity: .8; font-size: 20px; transition: opacity .4s ease; } .section-schedule .section-bar .socials ul a:hover { opacity: .5; } .section-schedule .section-bar .socials ul .zmdi-smartphone-iphone { font-size: 28px; vertical-align: middle; } .section-schedule .section-bar .socials ul .alt a { opacity: .3; } .section-schedule .section-bar .socials ul li.alt a .zmdi-chevron-right { top: -1px; } .section-schedule .section-group { padding-top: 78px; } .section-schedule .section-group:after { } .section-schedule .section-group-head, .section-schedule .section-group-body, .section-schedule .section-group-sidebar { float: left; } .section-schedule .section-group-head { width: 20.8%; } .section-schedule .section-group-head h2 { font-family: 'TheSans', sans-serif; font-size: 85px; color: rgba(255, 255, 255, .83); line-height: .8; margin: 0; } .section-schedule .section-group-head h2 span { display: block; font-family: 'TheSans',''Roboto'', sans-serif; font-weight: 400; font-size: 30px; color: rgba(255, 255, 255, .4); padding-left: 13px; } .section-schedule .section-group-body { width: 49.4%; } .section-schedule .section-group-sidebar { width: 23.5%; margin-left: 6.3%; } .section-schedule .section-group-sidebar .banner { margin: 0; } /* Small Desktop */ @media (max-width: 1279px) { .section-schedule .section-group-head h2 { font-size: 64px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .section-schedule .section-group-sidebar { display: none; } .section-schedule .section-group-head { width: 25%; } .section-schedule .section-group-head h2 { font-size: 56px; } .section-schedule .section-group-head h2 span { font-size: 24px; } .section-schedule .section-group-body { width: 75%; } .section-schedule .section-foot-aside, .section-schedule .section-foot-aside ~ .section-foot-aside { float: none; } .section-schedule .section-foot-aside ~ .section-foot-aside { margin-top: 30px; } .section-schedule .section-bar .socials { float: none; clear: both; padding-top: 15px; } } /* Mobile */ @media (max-width: 767px) { .section-schedule { margin-top: 0; } .section-schedule .section-group { padding-top: 30px; } .section-schedule .section-group-placeholder { padding-top: 20px; margin: 0 -15px; } .section-schedule .section-group-placeholder:first-child { margin: -30px -15px 30px; } .section-schedule .section-group-placeholder a, .section-schedule .section-group-placeholder img { width: 100%; display: block; } .section-schedule .section-group-head, .section-schedule .section-group-body { width: 100%; float: none; } .section-schedule .section-group-head { margin-bottom: 20px; } .section-schedule .section-group-head h2 { font-size: 40px; } .section-schedule .section-group-head h2 span { font-size: 15px; padding-left: 0; } .section-schedule .section-bar p:before { top: 5px; margin-top: 0; } .section-schedule .section-bar .socials { display: none; } } /* ------------------------------------------------------------ *\ Section Featured Week \* ------------------------------------------------------------ */ .section-featured-week { padding: 0 2px 0 10px; } .section-featured-week .video-small { overflow: visible; } .section-featured-week .video-small .play { width: 22px; height: 22px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top: auto; bottom: -6px; left: auto; right: 4px; } .section-featured-week .video-small .play:before { border-width: 4px 0 4px 6px; } /* Small Desktop */ @media (max-width: 1279px) { .section-featured-week { padding: 0; } } /* ------------------------------------------------------------ *\ Section Selection \* ------------------------------------------------------------ */ .section-selection { background-color: #1c2251; margin-bottom: 33px; } .section-selection .section-body { padding: 45px 45px 16px; } .section-selection .section-body ul:after { } .section-selection .section-body li { float: left; width: 33.3333%; margin-bottom: 30px; } .section-selection .section-actions { text-align: center; padding-top: 0; } .section-selection .section-actions .btn { min-width: 170px; height: 48px; line-height: 48px; font-size: 20px; } .section-selection .checkbox-square label { padding-bottom: 0; color: rgba(221, 221, 221, .8); font-weight: 400; font-size: 14px; text-transform: uppercase; padding-left: 35px; } .section-selection .checkbox-square label:before { width: 28px; height: 28px; left: 0; top: 50%; margin-top: -14px; border-color: rgba(255, 255, 255, .2); font-size: 14px; line-height: 26px; } .section-selection .checkbox-square input:checked ~ label:before { color: rgba(234, 234, 234, .75); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-selection .section-body li { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .section-selection .section-body, .section-selection .section-actions { margin: 0 -15px; background-color: #1c2251; } .section-selection .section-body { padding: 35px 15px 26px; } .section-selection .section-body li { margin-bottom: 20px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { position: relative; } .slider .owl-item { -webkit-backface-visibility: visible; } /* ------------------------------------------------------------ *\ Slider Ticker \* ------------------------------------------------------------ */ .slider-ticker { text-align: center; } .slider-ticker p { padding: 20px 110px 19px 0; margin: 0; font-size: 22px; } .slider-ticker a { display: block; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-ticker p { font-size: 18px; padding: 20px 50px 19px 0; } } /* Mobile */ @media (max-width: 767px) { .slider-ticker { white-space: nowrap; } .slider-ticker p { font-size: 15px; padding: 11px 15px; } .slider-ticker .owl-stage { transition-timing-function: linear !important; } } /* ------------------------------------------------------------ *\ Slider Stars \* ------------------------------------------------------------ */ .slider-stars { position: relative; } .slider-stars .slider-prev, .slider-stars .slider-next { width: 52px; height: 52px; line-height: 50px; border: 1px solid #ca0000; background-color: #ca0000; text-align: center; text-decoration: none; font-size: 23px; color: #fff; position: absolute; top: 52%; margin-top: -26px; transition: background-color .4s ease, color .4s ease; } .slider-stars .slider-prev:hover, .slider-stars .slider-next:hover { background-color: transparent; color: #ca0000; } .slider-stars .slider-prev { left: -60px; } .slider-stars .slider-next { right: -60px; } /* Mobile */ @media (max-width: 767px) { .slider-stars .slider-prev, .slider-stars .slider-next { z-index: 100; } .slider-stars .slider-prev { left: -55px; } .slider-stars .slider-next { right: -55px; } } /* ------------------------------------------------------------ *\ Slider News Gallery \* ------------------------------------------------------------ */ .slider-news-gallery { min-height: 456px; position: relative; z-index: 1; } .slider-news-gallery:before { content: ''; width: 64px; height: 64px; background: url(../images/loader.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: -1; } .slider-news-gallery .slides { opacity: 0; transition: opacity 1.5s ease; } .slider-news-gallery.loaded .slides { opacity: 1; } .slider-news-gallery .owl-prev, .slider-news-gallery .owl-next { width: 48px; height: 52px; text-align: center; line-height: 52px; font-family: 'FontAwesome'; font-size: 22px; color: #fff; background-color: rgba(198, 20, 20, .75); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; transition: background-color .4s ease; } .slider-news-gallery .owl-prev { left: 0; padding-right: 3px; } .slider-news-gallery .owl-next { right: 0; padding-left: 1px; } .slider-news-gallery .owl-prev:hover, .slider-news-gallery .owl-next:hover { background-color: rgba(198, 20, 20, 1); } .slider-news-gallery .slide { width: 809px; position: relative; pointer-events: initial !important; } .slider-news-gallery .slide a { display: block; } .slider-news-gallery .owl-item a { opacity: .27; } .slider-news-gallery .owl-item a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #1b2151; opacity: 0; z-index: 10; transition: opacity .4s ease; } .slider-news-gallery .owl-item.center a { opacity: 1; } .slider-news-gallery .owl-item.center a:before, .slider-news-gallery .owl-item.active a:before { opacity: .3; } .slider-thumbs { /* min-height: 95px; */ text-align: center; padding: 16px 0; margin-top: 24px; font-size: 0; border-top: 1px solid #272a44; } .slider-thumbs ul { list-style: none; margin: 0; } .slider-thumbs ul li { display: inline-block; vertical-align: middle; margin: 0 3px; opacity: .5; transition: opacity .4s ease; } .slider-thumbs ul .play { width: 26px; height: 26px; } .slider-thumbs ul a { display: block; position: relative; } .slider-thumbs ul a:before { content: ''; width: 100%; height: 100%; border: 3px solid #ca0000; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; } .slider-thumbs ul li.current, .slider-thumbs ul li.current:hover, .slider-thumbs ul li.current a:before { opacity: 1; } .slider-thumbs ul li:only-child { display: none; } .slider-thumbs ul li:hover { opacity: .75; } .slider-thumbs ul li img { height: 53px; } .slider-news-gallery .btn-close { position: absolute; right: 28px; top: 31px; z-index: 10; } .slider-news-gallery .owl-carousel.one-item { opacity: 1; display: block; } .slider-news-gallery .owl-carousel.one-item .slide { margin: 0 auto; } .slider-news-gallery .slide-image img { height: 456px; width: auto; margin: 0 auto; } .slider-news-gallery .owl-carousel.one-item a { pointer-events: none } ; /* Mobile */ @media (max-width: 767px) { .slider-news-gallery { min-height: 0; } .slider-news-gallery .slide { width:100%;/*min-height: 435px;*/padding-bottom:84px; overflow: hidden; } .slider-news-gallery .slide > img, .slider-news-gallery .slide .video { width: 100%; height: auto; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-news-gallery .slide-image img{height:auto;} .slider-news-gallery .btn-close { display: none; } .slider-thumbs { min-height: 0; } .slider-thumbs .owl-item.current li, .slider-thumbs .owl-item.current a:before { opacity: 1; } } /* ------------------------------------------------------------ *\ Slider Sms \* ------------------------------------------------------------ */ .slider-sms { position: relative; top: 2px; min-height:38px;line-height:38px; } .slider-sms:after { content: ''; width: 85px; height: 100%; background: url(../images/gradient-red.png) repeat-y right center; position: absolute; right: 0; top: 0; z-index: 10; } .slider-sms h5 { margin: 0; font-size: 15px; } .slider-sms .owl-stage { transition-timing-function: linear !important; } /* Mobile */ @media (max-width: 767px) { .slider-sms { /*padding-left: 60px;*/ } .slider-sms:after { display: none; } .slider-sms h5 { font-size: 12px; text-transform: none; } .slider-sms .slide ~ .slide { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Slider Programs Gallery \* ------------------------------------------------------------ */ .slider-programs-gallery { min-height: 456px; position: relative; z-index: 1; } .slider-programs-gallery:before { content: ''; width: 64px; height: 64px; background: url(../images/loader.gif) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: -1; } .slider-programs-gallery .slide { position: relative; opacity: .27; transition: opacity .4s ease; } .slider-programs-gallery .slides { opacity: 0; transition: opacity 1.5s ease; } .slider-programs-gallery.loaded .slides { opacity: 1; } .slider-programs-gallery .center .slide, .slider-programs-gallery .center .slide-content { opacity: 1; } .slider-programs-gallery .slide-image { position: relative; } .slider-programs-gallery .slide-image:after { content: ''; background: url(../images/slider-programs-gallery-shadow.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; } .slider-programs-gallery .slide-content { width: 80%; padding: 15px 15px 14px; border-top: 1px solid rgba(255, 255, 255, .2); position: absolute; position: absolute; left: 0; bottom: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; text-align: left; } .slider-programs-gallery .slide-content h5 { font-size: 15px; color: #fff; margin: 0; text-transform: uppercase; } .slider-programs-gallery .owl-prev, .slider-programs-gallery .owl-next { font-family: 'FontAwesome'; font-size: 23px; color: #fff; width: 48px; height: 52px; text-align: center; line-height: 52px; background-color: rgba(198, 20, 20, .75); position: absolute; top: 50%; margin-top: -26px; z-index: 10; border: 1px solid transparent; transition: background-color .4s ease, border-color .4s ease, color .4s ease; } .slider-programs-gallery .owl-prev:hover, .slider-programs-gallery .owl-next:hover { background-color: transparent; border-color: rgba(198, 20, 20, .75); color: rgba(198, 20, 20, .75); } .slider-programs-gallery .owl-prev { left: 0; padding-right: 3px; } .slider-programs-gallery .owl-next { right: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-programs-gallery .slide { width: 600px; } } /* Mobile */ @media (max-width: 767px) { .slider-programs-gallery { min-height: 0; } .slider-programs-gallery .slide { width: auto; } .slider-programs-gallery .slide-image { height: 280px; position: relative; overflow: hidden; } .slider-programs-gallery .slide-image img { width: auto; max-width: none; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider-programs-gallery .slide-content { width: 100%; border-top: 0; } } /* ------------------------------------------------------------ *\ Slider Gallery Thumbs \* ------------------------------------------------------------ */ .slider-gallery-thumbs .owl-item { opacity: .6; transition: opacity .4s ease; } .slider-gallery-thumbs .owl-item a { position: relative; display: block; } .slider-gallery-thumbs .owl-item a:before { content: ''; width: 100%; height: 100%; border: 4px solid #a21012; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: opacity .4s ease; } .slider-gallery-thumbs .owl-item.current, .slider-gallery-thumbs .owl-item.current a:before { opacity: 1; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none; margin: 0; padding: 0; } .socials ul li { display: inline-block; vertical-align: middle; } .socials ul li.alt { margin-left: 38px; } .socials ul li.alt a { opacity: .3; color: #646473; } .socials ul li.alt a .zmdi-chevron-right { display: inline-block; vertical-align: middle; font-size: 11px; position: relative; top: -2px; margin-left: 5px; } .socials ul li ~ li { margin-left: 18px; } .socials ul li.alt ~ li { margin-left: 13px; } .socials ul a { display: block; font-size: 18px; color: #666; opacity: .7; text-decoration: none; transition: opacity .4s ease; } .socials ul a:hover { opacity: 1; } .socials .item-whatsapp { display: none; } .socials a[class] { transition: background-color .4s ease, color .4s ease; } .socials a.facebook { background-color: #3a5898; } .socials a.facebook:hover { color: #3a5898; background-color: #ddd; } .socials a.twitter { background-color: #0F1419; } .socials a.twitter:hover { color: #0F1419; background-color: #ddd; } .socials a.google-plus { background-color: #e04741; } .socials a.google-plus:hover { color: #e04741; background-color: #ddd; } .socials a.whatsapp { background-color: #189d0e; } .socials a.whatsapp:hover { color: #189d0e; background-color: #ddd; } .socials a.email { background-color: #565553; } .socials a.email:hover { color: #565553; background-color: #ddd; } .socials a.close { width: auto; background-color: #fff; color: #333; text-transform: uppercase; font-size: 15px; padding: 0 10px; } .socials a.close:hover { background-color: #ddd; } /* Mobile */ @media (max-width: 767px) { .socials .item-whatsapp { display: inline-block; } .socials a.close { width: 32px; font-size: 0; text-align: center; } .socials a.close span { font-size: 15px; } } /* ------------------------------------------------------------ *\ Socials Circle \* ------------------------------------------------------------ */ .socials-circle ul { font-size: 0; } .socials-circle ul li ~ li { margin-left: 4px; } .socials-circle ul li.hidden { display: none; } .socials-circle ul a {width: 32px;height: 32px;border-radius: 50px;text-align: center;line-height: 34px;color: #fff;opacity: 1;} /* ------------------------------------------------------------ *\ Table Simple \* ------------------------------------------------------------ */ .table-simple table { width: 100%; text-align: left; } .table-simple table th { font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 10px 0; } .table-simple table th ~ th { padding-left: 30px; border-left: 1px solid #e5e7e9; } .table-simple table td { font-size: 14px; text-transform: uppercase; padding: 10px 0; } .table-simple table td strong { display: block; font-size: 16px; padding-right: 10px; } .table-simple table td ~ td { padding-left: 30px; border-left: 1px solid #e5e7e9; } .table-simple-secondary { width: 60%; } .table-simple-tertiary { width: 73%; } .table-simple-tertiary table td { text-transform: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .table-simple table th, .table-simple table td { padding: 5px; } .table-simple table th, .table-simple table td, .table-simple table td strong { font-size: 12px; } .table-simple table td { font-size: 11px; } .table-simple table th ~ th, .table-simple table td ~ td { padding-left: 10px; } } /* Mobile */ @media (max-width: 767px) { .table-simple table th ~ th, .table-simple table td ~ td { border: 0; } .table-simple table th ~ th, .table-simple table td ~ td { padding-left: 5px; } .table-simple-secondary, .table-simple-tertiary { width: 100%; } } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs-nav { margin-bottom: 25px; } .tabs .tabs-nav ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ } .tabs .tabs-nav ul a { display: block; text-decoration: none; font-size: 15px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .tabs .tabs-nav ul a:hover { color: #ca0000; } .tabs .tabs-nav ul .current a { font-weight: 700; color: #ca0000; position: relative; } .tabs .tabs-nav ul .current a:after { content: ''; width: 100%; height: 2px; background-color: #ca0000; position: absolute; left: 0; top: 100%; margin-top: 5px; } .tabs .tabs-nav ul li {margin:0 20px 0 0;} .tabs .tab { display: none; } .tabs .tab.current { display: block; } /* Mobile */ @media (max-width: 767px) { .tabs .tabs-nav ul a:hover { color: #222222; } .tabs .tabs-nav ul .current a { color: #ca0000; } } /* ------------------------------------------------------------ *\ Tabs Simple \* ------------------------------------------------------------ */ .tabs-simple .tabs-nav { margin-bottom: 40px; } .tabs-simple .tabs-nav ul { display: block; } .tabs-simple .tabs-nav ul li { display: inline-block; vertical-align: middle; } .tabs-simple .tabs-nav ul li ~ li { margin-left: 30px; } .tabs-simple .tabs-nav ul a { font-size: 16px; } .tabs-simple .tabs-nav ul a:hover { color: #333; } .tabs-simple .tabs-nav ul .current a { color: #333; } .tabs-simple .tabs-nav ul .current a:after { display: none; } /* ------------------------------------------------------------ *\ Tabs Favorites \* ------------------------------------------------------------ */ .tabs-favorites .tabs-nav { margin-bottom: 35px; } .tabs-favorites .tabs-nav ul { display: block; font-size: 0; background-color: #fff; } .tabs-favorites .tabs-nav ul li { width: 50%; display: inline-block; vertical-align: bottom; text-align: center; } .tabs-favorites .tabs-nav ul li ~ li { padding-left: 1px; } .tabs-favorites .tabs-nav ul a { background-color: #f6f6f7; padding: 10px 0 0; } .tabs-favorites .tabs-nav ul .current a { color: #333; padding: 20px 0 10px; box-shadow: inset 0 1px 0 #ca0000; } .tabs-favorites .tabs-nav ul .current a span { color: #ca0000; } .tabs-favorites .tabs-nav ul .current a:after { display: none; } .tabs-favorites .tabs-body { padding: 0 18px; } /* Mobile */ @media (max-width: 767px) { .tabs-favorites .tabs-nav ul { background-color: #e5e7e9; } .tabs-favorites .tabs-nav ul a { padding: 10px 10px 0; } .tabs-favorites .tabs-nav ul .current a { padding: 10px; } .tabs-favorites .tabs-body { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Tabs Dropdown \* ------------------------------------------------------------ */ .tabs-dropdown:after { } .tabs-dropdown .tabs-head, .tabs-dropdown .tabs-body { float: left; } .tabs-dropdown .tabs-head { width: 17%; padding-top: 8px; } .tabs-dropdown .tabs-body { width: 83%; padding-left: 35px; } .tabs-dropdown .tabs-nav ul { display: block; text-align: left; } .tabs-dropdown .tabs-nav ul a { font-weight: 700; font-size: 16px; color: #ccc; text-transform: uppercase; } .tabs-dropdown .tabs-nav ul a:hover { color: #fff; } .tabs-dropdown .tabs-nav ul .current a { color: #fff; } .tabs-dropdown .tabs-nav ul li ~ li { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255, .15); } .tabs-dropdown .tabs-nav ul a:after { display: none; } .tabs-dropdown .list-posts { margin: 0 -6px; } .tabs-dropdown .list-posts li { padding: 0 6px; } .tabs-dropdown .post a { display: block; position: relative; text-decoration: none; } .tabs-dropdown .post .post-image:before { content: ''; width: 100%; height: 100%; background: url(../images/shadow.png) repeat-x center bottom; position: absolute; left: 0; top: 0; z-index: 2; } .tabs-dropdown .post .post-content { padding: 18px 20px; text-align: left; position: absolute; left: 0; bottom: 0; z-index: 10; } .tabs-dropdown .post:hover .post-image:after { opacity: 0; } .tabs-dropdown .post:hover .post-content { color: #fff; } /* Small Desktop */ @media (max-width: 1279px) { .tabs-dropdown .tabs-nav ul a { font-size: 14px; } .tabs-dropdown .tabs-head { width: 20%; } .tabs-dropdown .tabs-body { width: 80%; padding-left: 10px; } } /* Tablet Portrait */ @media (max-width: 1023px) { .tabs-dropdown .tabs-nav ul a { font-size: 12px; } .tabs-dropdown .tabs-nav ul li ~ li { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Tabs News List \* ------------------------------------------------------------ */ .tabs-news-list .tab { display: none; } .tabs-news-list .tab.current { display: block; } .tabs-news-list .tabs-nav ul, .tabs-nav ul {display: -webkit-flex;display: -ms-flexbox;display: flex;list-style: none; /*margin: 0 0 36px;*/padding: 0;-webkit-align-items: center;-ms-flex-align: center;align-items: center; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 14px 0;} .tabs-news-list .tabs-nav ul a{display: block;text-decoration: none;font-weight: 400;font-size: 13px;color: #222222;text-transform: uppercase;transition: color .4s ease;} .tabs-news-list .tabs-nav ul a:hover, .tabs-nav ul div:hover {color: #c51316;position: relative; cursor: pointer} .tabs-news-list .tabs-nav ul .current a{color: #c51316;position: relative;font-weight: bold;} .tabs-news-list .tabs-nav ul .current a:after{content: '';height: 1px;background-color: #c51316;position: absolute;left: -3px;right: -3px; bottom: -2px;top: -16px} .tabs-news-list .tabs-nav ul li {margin: 0 20px 0 0} .tabs-news-list .loader:before{display:none;} .tabs-nav ul .current div:after { content: ''; height: 1px; background-color: #c51316; position: absolute; left: 0px; right: 0px; bottom: -2px; top: -16px } .tabs-nav ul .current div { color: #c51316 !important; position: relative; font-weight: bold !important; } /* -- Angular Animating NewsCasts -- */ .nc-episodes-wrapper.ng-animate.ng-enter { transition: opacity ease-in-out 1s; } .tabs-nav ul div { display: block; text-decoration: none; font-weight: 400; font-size: 17px; color: #222222; margin: 0 0 0 27px; text-transform: uppercase; transition: color .4s ease; } .en .tabs-nav ul div { display: block; text-decoration: none; font-weight: 400; font-size: 17px; color: #222222; margin: 0 27px 0 0; text-transform: uppercase; transition: color .4s ease; } .nc-episodes-wrapper.ng-enter, .nc-episodes-wrapper.ng-leave.ng-leave-active { opacity: 0; animation-delay: 5s; } .nc-episodes-wrapper.ng-leave, .nc-episodes-wrapper.ng-enter.ng-enter-active { opacity: 1; animation-delay: 0.3s; } /* -- Angular Animating NewsCasts -- */ /* Small Desktop */ @media (max-width: 1279px) { .tabs-news-list .tabs-nav ul a { font-size: 11px; } } /* Mobile */ @media (max-width: 767px) { .tabs-nav ul div { display: block; text-decoration: none; font-weight: 400; font-size: 17px; color: #222222; text-transform: uppercase; transition: color .4s ease; } .nc-wrapper { width: calc(100% - 30px) !important; margin: auto; max-width: 1200px; } .tabs-news-list .tabs-nav ul { margin-bottom: 25px; } .tabs-news-list .tabs-nav ul a { font-size: 13px; } .tabs-news-list .tabs-actions { text-align: center; position: relative; z-index: 1; } .tabs-news-list .tabs-actions:after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; top: 50%; z-index: -1; } .tabs-news-list .tabs-actions a { display: inline-block; position: relative; width: 30px; height: 30px; background-color: #ccc; border-radius: 50%; border: 2px solid #fff; text-decoration: none; } .tabs-news-list .tabs-actions a i { font-size: 16px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .tabs-news-list .tabs-actions a i ~ i { top: auto; bottom: 1px; } .tabs-news-list .tabs-nav ul a:hover { color: #222222; } .tabs-news-list .tabs-nav ul .current a { color: #c51316 !important; } .tabs-nav{ width: 100%; } .nc-header { background: #fff; transition: all ease-in-out .3s; } .nc-episodes a { width:100% !important;margin:3px 0px!important; transition: margin-top 0s linear !important ; } .nc-wrapper.sticky .nc-episodes a.dawn { margin-top: 80px; } .nc-header.sticky { position: fixed; left: 0; top: 45px; z-index: 10; padding: 0 15px; background: #fff; width: 100%; } .nc-header .nc-title { transition: all ease-in-out 0.3s; margin-bottom: 15px; } .nc-header.sticky .nc-title { margin: 10px 0; font-size: 15px; } .nc-header.sticky .tabs-nav { width: 100%; } .nc-header.sticky .tabs-nav ul { padding: 10px 0; } .nc-header.sticky .tabs-nav ul li div { font-size:15px; } .nc-header.sticky .tabs-nav ul li div::after { top: -11px; } .tabs-nav ul li{ margin-left: 27px; } .nc-episodes-wrapper { background: transparent; } } /* ------------------------------------------------------------ *\ Tabs Newscast \* ------------------------------------------------------------ */ .tabs-newscast .tab { display: none; } .tabs-newscast .tab.current { display: block; } .tabs-newscast .tabs-head { position: relative; z-index: 20; } .tabs-newscast .tabs-head .select-date-wrapper {position: absolute;right: 10px;bottom: 10px;text-decoration: none;font-size: 13px;color: #8d8d8d;text-transform: uppercase;display: none;} .tabs-newscast .tabs-head .select-date-wrapper i { display: inline-block; vertical-align: middle; position: relative; top: -1px; } .tabs-newscast .tabs-head .select-date-wrapper .zmdi-chevron-down { font-size: 16px; margin-right: 4px; } .tabs-newscast .tabs-head .select-date-wrapper .zmdi-calendar { font-size: 18px; /*margin-left: -12px;*/ } .tabs-newscast .tabs-head .select-date-wrapper input { width: 68px; border: 0; background-color: transparent; text-transform: uppercase; cursor: pointer; vertical-align: middle; } .tabs-newscast .tabs-nav {text-align: left;margin-bottom: 32px;/*padding: 0 0 0 19px;*/padding-bottom:10px;border-bottom: 2px solid #eee;display: none;} .tabs-newscast .tabs-nav ul { list-style: none; } .tabs-newscast .tabs-nav ul li { display: inline-block; vertical-align: middle; } .tabs-newscast .tabs-nav ul li ~ li { margin-left: 8px; } .tabs-newscast .tabs-nav ul a { display: block; text-decoration: none; font-size: 13px; color: #aaa; } .tabs-newscast .tabs-nav ul .current a { font-weight: 700; color: #333; } /* Small Desktop */ @media (max-width: 1279px) { .tabs-newscast .tabs-nav { padding: 0; } } /* Mobile */ @media (max-width: 767px) { .tabs-newscast .tabs-nav { margin-bottom: 20px; } .tabs-newscast .tabs-head .select-date-wrapper input { width: auto; padding-left: 0; direction: ltr; } } /* ------------------------------------------------------------ *\ Timeline \* ------------------------------------------------------------ */ .timeline { position: relative; } .timeline .timeline-item { width: 42%; position: relative; } .timeline .timeline-item a { text-decoration: none; } .timeline .timeline-item ~ .timeline-item { margin-top: -40px; } .timeline .timeline-item:nth-child(even) { margin-left: 58.2%; } .timeline .timeline-item:nth-child(odd):after { left: 100%; margin-left: 17.5%; right: auto; margin-right: 0; } .timeline .timeline-item:nth-child(odd):before { left: 100%; margin-left: 9%; right: auto; margin-right: 0; } .timeline .timeline-item:after { content: ''; width: 20px; height: 20px; background-color: #cfd2d6; border: 4px solid #e5e7e9; border-radius: 50%; position: absolute; right: 100%; margin-right: 17.5%; top: 50%; margin-top: -10px; } .timeline .timeline-item:before { content: ''; width: 33px; height: 2px; background-color: #cfd2d6; position: absolute; right: 100%; margin-right: 9%; top: 50%; margin-top: -1px; } /* Mobile */ @media (max-width: 767px) { .timeline-careers .timeline-item { width: 100%; } .timeline-careers .timeline-item:before, .timeline-careers .timeline-item:after { display: none; } .timeline .timeline-item:nth-child(even) { margin-left: 0 !important; margin-top: 20px; } .timeline .timeline-item ~ .timeline-item { margin-top: 20px; } .timeline .timeline-item .banner { margin-top: 0; border-top: 20px solid #fff; } .timeline .timeline-line { display: none; } .timeline .timeline-item .timeline-item-actions { position: relative; } .timeline .timeline-item .timeline-item-actions:after { content: ''; height: 1px; background-color: #ca0000; position: absolute; left: -1px; right: -1px; bottom: -1px; opacity: 0; transition: opacity .4s ease; } .timeline .timeline-item:hover .timeline-item-actions:after { opacity: 0; } } /* ------------------------------------------------------------ *\ Timeline Careers \* ------------------------------------------------------------ */ .timeline-careers .timeline-line { width: 16%; height: 100%; position: absolute; left: 42%; top: 0; } .timeline-careers .timeline-line:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #cacaca; position: absolute; left: 50%; top: 0; } .timeline-careers .timeline-item { background-color: #f5f5f5; border: 1px solid #f5f5f5; transition: border-color .4s ease; } .timeline-careers .timeline-item:hover { border-color: #ca0000; } .timeline-careers .timeline-item-content { padding: 43px 29px 22px; } .timeline-careers .timeline-item-content h5 { font-size: 16px; margin-bottom: 5px; } .timeline-careers .timeline-item-content p { margin: 0; font-size: 14px; line-height: 2; padding-left: 4px; } .timeline-careers .timeline-item-actions { padding: 18px 33px 16px; border-top: 1px solid #eaebed; } .timeline-careers .timeline-item-actions .btn { padding: 0 25px; } /* Small Desktop */ @media (max-width: 1279px) { .timeline-careers .timeline-item:nth-child(odd):before { margin-left: 6%; } .timeline-careers .timeline-item:before { margin-right: 6%; } .timeline-careers .timeline-item:nth-child(odd):after { margin-left: 17.2%; } .timeline-careers .timeline-item:after { margin-right: 17.2%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .timeline-careers .timeline-item-content, .timeline-careers .timeline-item-actions { padding: 20px; } .timeline-careers .timeline-item:nth-child(odd):before { margin-left: 4%; } .timeline-careers .timeline-item:nth-child(odd):after { margin-left: 16.7%; } .timeline-careers .timeline-item:before { margin-right: 4%; } .timeline-careers .timeline-item:after { margin-right: 16.4%; } } /* Mobile */ @media (max-width: 767px) { .timeline-careers .timeline-item-content, .timeline-careers .timeline-item-actions { padding: 20px 15px 20px 30px; } .timeline-careers .timeline-item .banner { margin: 0 -1px; width: auto; max-width: none; } .timeline-careers .timeline-item:hover { border-color: #f5f5f5; } } /* ------------------------------------------------------------ *\ Timeline Watch \* ------------------------------------------------------------ */ .timeline-watch .timeline-line { width: 12.8%; height: 100%; position: absolute; left: 44%; top: 0; } .timeline-watch .timeline-line:before { content: ''; width: 1px; height: 100%; border-left: 1px dotted #cacaca; position: absolute; left: 50%; top: 0; } .timeline-watch .timeline-item { width: 43.6%; background-color: #f5f5f5; border-top: 3px solid #ca0000; transition: border-color .4s ease; } .timeline-watch .timeline-item:nth-child(even) { margin-left: 56.4%; } .timeline-watch .timeline-item:after, .timeline-watch .timeline-item:before { top: 83px; } .timeline-watch .timeline-item:before { margin-right: 4.6%; } .timeline-watch .timeline-item:after { margin-right: 11.8%; } .timeline-watch .timeline-item:nth-child(odd):before { margin-left: 6.6%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 14%; } .timeline-watch .timeline-item ~ .timeline-item { margin-top: -100px; } .timeline-watch .timeline-item-head { padding: 30px 20px 20px; border-bottom: 1px solid #fff; } .timeline-watch .timeline-item-head h4 { font-weight: 300; font-size: 23px; text-transform: uppercase; color: #666; } .timeline-watch .timeline-item-content { padding: 25px 20px 20px; } /* Small Desktop */ @media (max-width: 1279px) { .timeline-watch .timeline-item:before { margin-right: 2.6%; } .timeline-watch .timeline-item:after { margin-right: 11.4%; } .timeline-watch .timeline-item:nth-child(odd):before { margin-left: 4.6%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 13.5%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .timeline-watch .timeline-item { width: 42%; } .timeline .timeline-item:nth-child(even) { margin-left: 58.2%; } .timeline-watch .timeline-item:after { margin-right: 15.2%; } .timeline-watch .timeline-item:nth-child(odd):after { margin-left: 17.1%; } .timeline-watch .timeline-item-content { padding: 25px 15px; } } /* Mobile */ @media (max-width: 767px) { .timeline-watch .timeline-item { width: 100%; } .timeline-watch .timeline-item:before, .timeline-watch .timeline-item:after { display: none; } .timeline-watch .timeline-item ~ .timeline-item { margin-top: 25px; } .timeline-watch .timeline-item-head { padding: 25px 15px; } } /* ------------------------------------------------------------ *\ Touch \* ------------------------------------------------------------ */ .touch .post-featured-news .post-featured-actions .link-more:hover { color: #333; } .touch .list-news-primary li:hover p { color: #333; } .touch .btn-grey:hover { background-color: #eee; color: #333; } .touch .author:hover .author-content h5 { color: #333; } .touch .author:hover .author-content p strong { color: #ca0000; } .touch .fs-dropdown-element { z-index: 9999; font-size: 13px; } .touch .slider-programs-gallery .owl-prev:hover, .touch .slider-programs-gallery .owl-next:hover { background-color: rgba(198, 20, 20, .75); color: #fff; } .touch .btn-live:hover { background-color: #ca0000; } .touch .btn-how:hover { background-color: #1b2352; } .touch .footer-nav-secondary ul a:hover { color: #222222; } .touch .footer-nav ul a:hover { color: #202020; } .touch .nav-utilities .btn:hover { background-color: #ca0000; color: #fff; } .touch .nav-utilities .btn-blue-secondary:hover { background-color: #1b2352; color: #fff; } .touch .timeline-careers .timeline-item:hover { border-color: #f5f5f5; } .touch .tabs .tabs-nav ul a:hover, .touch .tabs-news-list .tabs-nav ul a:hover { color: #222222; } .touch .section-expandable .section-content .link-more:hover { color: #ca0000; } .touch .section-newscast .section-videos .video-small:hover .play { background-color: #ca0000; } .touch .section-newscast .section-newscast-videos li:hover h6 { color: #222222; } .touch .program-small:hover .program-image span { background-color: #121736; } .touch .list-watched-videos .video:hover .video-overlay { background-color: rgba(202, 0, 0, .8); } .touch .list-watched-videos .video:hover .video-overlay .play, .touch .list-watched-videos .video:hover .video-overlay:after { background-color: #ca0000; } .touch .list-playlists .video-item:hover .video-playlist { background-color: rgba(0, 0, 0, .7); } .touch .list-playlists .video-item:hover .video-content h6 { color: #333; } .touch .checkbox-large label:hover:after { color: transparent; } .touch .vote-item-actions .btn:hover, .touch .vote .vote-content .btn:hover, .touch .video-detailed:hover .play, .touch .celebrity-single-media .video:hover .play { background-color: #ca0000; } .touch .vote-item-actions .btn:hover span { color: #fff; border-bottom-color: #fff; } .touch .vote .vote-content .btn:hover { color: #fff; } .touch .vote .vote-content .btn:hover span:after { background-color: #fff; } .touch .btn-white:hover { background-color: #fff; color: #1b2352; } .touch .program-medium:hover .program-image span { background-color: #1b2352; } .touch .grid-item .grid-item-content .link-more:hover { background-color: #121736; } .touch .section-programs-videos .prev:hover, .touch .section-programs-videos .next:hover { background-color: #ca0000; color: #fff; } .touch .section-related-media .section-body .section-prev:hover, .touch .section-related-media .section-body .section-next:hover { background-color: #ca0000; color: #fff; } /* ------------------------------------------------------------ *\ Video \* ------------------------------------------------------------ */ .video {width: 100%;padding-bottom: 64.5%;overflow: hidden;position: relative;} .video a {display: block;text-decoration: none;} .video img {width: 100%;/* height: 100%; */position: absolute;left: 0;top: 0;object-fit:cover;} .video .play { width: 68px; height: 68px; background-color: #ca0000; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; transition: background-color .4s ease; } .video .play:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 24px; border-color: transparent transparent transparent #fff; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video .label { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 10px; color: #fff; text-transform: uppercase; } .video-16-9 { position: relative;padding-bottom: 56.25%; padding-top: 0px;height: 0; /*16:9*/} .video-4-3 { position: relative;padding-top: 0px;height: 0;padding-bottom: 75%; /*4:3*/} .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media ( min-width: 1025px ) { .video:hover .play { background-color: #1b2352; } } /* Video Small */ .video-small { padding-bottom: 77.5%; } .video-small .play { width: 35px; height: 35px; } .video-small .play:before { border-width: 6px 0 6px 10px; } /* Video Medium */ .video-medium .play { width: 44px; height: 44px; } .video-medium .play:before { border-width: 9px 0 9px 16px; } /* Video No Ratio */ .video-no-ratio { padding-bottom: 0; } .video-no-ratio img { position: relative; height: auto; } /* ------------------------------------------------------------ *\ Video Large \* ------------------------------------------------------------ */ .video-large .video-large-content img { width: 100%; height: auto; } .video-large .video-large-actions { background-color: #0D0E1E; padding: 19px 18px 20px 16px; overflow: hidden; border-top: 1px solid #2c2c2c; } .video-large .video-large-foot { padding: 20px 18px; background:#000;} .video-large .video-large-actions .socials { float: left; } .video-large .video-large-actions .add-to-favorites { float: right; color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase; margin-top: 7px; } .video-large .video-large-actions .add-to-favorites i { font-size: 15px; color: #ca0000; margin-left: 9px; position: relative; top: 1px; } .video-large .video-large-actions .add-to-favorites:hover i:before { content: '\f15f'; } .video-large .fb-comment { height: 56px; overflow: hidden; } .video-large .fb-comment iframe { margin-top: -67px; } .video-large .fb-comment-expand { display: inline-block; margin-top: 10px; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff; text-decoration: none; } .video-large .fb-comment-expand.hidden { display: none; } .video-large .fb-comment-expand .zmdi { font-size: 28px; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; } .video-large .fb-comment-expand span { text-decoration: underline; } .video-large .video-large-content {position: relative;padding-bottom: 56.25%; /*16:9*/ padding-top: 0px;height: 0;} .video-large .video-large-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .video-large .video-large-content.video-youtube-content {padding-top: 25px;} /* Mobile */ @media (max-width: 767px) { .video-large .video-large-actions .add-to-favorites span { display: none; } .video-large .video-large-foot { display: none; } } /* ------------------------------------------------------------ *\ Video Detailed \* ------------------------------------------------------------ */ .video-detailed { overflow: visible; padding-bottom: 0; } .video-detailed img { position: relative; height: auto; } .video-detailed > a { display: block; position: relative; } .video-detailed .play { width: 35px; height: 35px; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); right: 10px; bottom: -8px; transition: background-color .4s ease; } .video-detailed .play:before { content: ''; border-width: 8px 0 8px 10px; } .video-detailed:hover .play { background-color: #1b2352; } .video-detailed .video-content { padding: 20px 0 0 0; margin-bottom: 49px; } .video-detailed .video-content h6 { font-family: ''Roboto'', sans-serif; font-size: 14px; text-transform: uppercase; margin-bottom: 2px; } .video-detailed .video-content p { margin: 0; font-weight: 300; font-size: 14px; line-height: 1.45; margin-bottom: 5px; opacity: .75; } .video-detailed .video-content .meta p { margin: 0; font-weight: 400; font-size: 12px; } .video-detailed .video-content .meta p span { margin-left: 15px; } /* Mobile */ @media (max-width: 767px) { .video-detailed:hover .play { background-color: #ca0000; } } /* ------------------------------------------------------------ *\ Vote \* ------------------------------------------------------------ */ .vote { position: relative; } .vote .vote-image { position: relative; } .vote .vote-image:after { content: ''; background: url(../images/gradient.png) no-repeat left bottom; background-size: auto 250px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .vote .vote-content { width: 100%; padding: 0 30px 30px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 10; } .vote .vote-content h3 { width: 70%; font-size: 29px; line-height: 1.2; margin: 0 auto 20px; } .vote .vote-content .btn { min-width: 284px; height: 48px; line-height: 1.5; font-weight: 500; font-size: 16px; text-transform: uppercase; padding-top: 9px; } .vote .vote-content .btn span { display: inline-block; position: relative; } .vote .vote-content .btn span:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 100%; transition: background-color .4s ease; } .vote .vote-content .btn:hover { background-color: transparent; color: #ca0000; } .vote .vote-content .btn:hover span:after { background-color: #ca0000; } /* Tablet Portrait */ @media (max-width: 1023px) { .vote .vote-image img { width: 100%; height: auto; } } /* Mobile */ @media (max-width: 767px) { .vote .vote-image { padding-bottom: 79px; } .vote .vote-content { padding: 0 25px 20px; } .vote .vote-content h3 { width: 100%; font-size: 20px; } .vote .vote-content .btn { width: 100%; min-width: 0; } .vote .vote-image:after { background-size: 100% 250px; } .vote .vote-content .btn:hover { background-color: #ca0000; color: #fff; } .vote .vote-content .btn:hover span:after { background-color: #fff; } } /* ------------------------------------------------------------ *\ Vote Item \* ------------------------------------------------------------ */ .vote-item { position: relative; } .vote-item-image { position: relative; z-index: 1; overflow: hidden; background-color: #000; padding-bottom: 45px; } .vote-item-image img { width: 100%; height: auto; } .vote-item-image:after { content: ''; background: url(../images/shadow-poll.png) no-repeat left bottom; background-size: contain; width: 100%; height: 100%; position: absolute; left: 0; bottom: 40px; z-index: 2; } .vote-item-title { width: 100%; padding: 0 20px; text-align: center; position: absolute; left: 0; bottom: 75px; z-index: 10; } .vote-item-title h5 { font-weight: 500; font-size: 18px; margin: 0; color: #fff; } .vote-item-number { width: 28px; height: 28px; background-color: rgba(18, 23, 54, .6); border-radius: 50%; text-align: center; line-height: 28px; font-weight: 700; font-size: 18px; color: #e3e5e9; position: absolute; right: 10px; top: 10px; z-index: 10; } .vote-item-progress, .vote-item-actions { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 11; } .vote-item-progress { display: none; } .vote-item-actions { z-index: 10; } .vote-item-actions .btn { width: 100%; height: 48px; padding: 10px 15px 11px; font-weight: 500; font-size: 16px; line-height: 1.5; } .vote-item-actions .btn span { display: inline-block; border-bottom: 1px solid #fff; transition: border-color .4s ease; } .vote-item-actions .btn:hover { background-color: transparent; } .vote-item-actions .btn:hover span { border-bottom-color: #ca0000; } /* Mobile */ @media (max-width: 767px) { .vote-item-actions .btn:hover { background-color: #ca0000; } .vote-item-actions .btn:hover span { border-bottom-color: #fff; } } /* ------------------------------------------------------------ *\ Vote Country \* ------------------------------------------------------------ */ .vote-country { background-color: #fff; padding: 18px 23px 16px; margin-bottom: 20px; } .vote-country h4 { font-weight: 300; font-size: 25px; color: #666; line-height: 1.2; margin-bottom: 1px; text-transform: uppercase; } .vote-country h5 { font-weight: 500; font-size: 16px; color: #444; overflow: hidden; margin-bottom: 7px; } .vote-country h5:last-child { margin-bottom: 0; } .vote-country h5 span { display: inline-block; vertical-align: middle; } .vote-country h5 span.right { float: right; } .vote-country h5 span ~ span { margin-left: 15px; } .vote-country-large { min-height: 210px; padding: 39px 23px 16px; } .vote-country-medium { min-height: 188px; padding: 39px 23px 16px; margin-top: 25px; } /* Small Desktop */ @media (max-width: 1279px) { .vote-country { padding: 20px 15px; } .vote-country h5 { font-size: 14px; } } /* Mobile */ @media (max-width: 767px) { .vote-country { padding: 20px 25px; } .vote-country h4 { margin-bottom: 5px; } .vote-country-large, .vote-country-medium { min-height: 0; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Widget Posts \* ------------------------------------------------------------ */ .widget-posts .widget-head { margin-bottom: 25px; } .widget-posts .widget-head h4 { font-size: 20px; text-transform: uppercase; } .widget-posts .widget-body { position: relative; z-index: 1; } /*.widget-posts .widget-body:after { content: ''; width: 1px; border-left: 1px dotted #222222; position: absolute; left: 50%; top: 0; bottom: -30px; z-index: -1; }*/ .widget-posts .widget-body ul { list-style: none; margin: 0 -6px; overflow: hidden; } .widget-posts .widget-body ul li { float: left; width: 50%; padding: 0 6px; } .widget-posts .widget-body ul li:nth-child(odd) { clear: left; } .widget-posts .widget-body ul li:nth-child(n+3) { margin-top: 25px; } .widget-posts .post .post-content a { font-weight: 400; font-size: 13px; line-height: 1.7; text-align: left; padding: 10px; } .widget-posts .widget-actions { padding-top: 20px; text-align: center; position: relative; z-index: 10; } .widget-posts .widget-actions .link-more { font-size: 36px; color: #111; transition: color .4s ease; position: relative; left: 1px; } .widget-posts .widget-actions .link-more:hover { color: #ca0000; } /* ------------------------------------------------------------ *\ Widget Text \* ------------------------------------------------------------ */ .widget-text { background-color: #fff; border: 1px solid #eee; padding: 16px 18px 24px; } .widget-text .widget-head { margin-bottom: 10px; } .widget-text .widget-head h5 { color: #444; margin: 0; color: #192052; } .widget-text .widget-body ul { list-style: none; margin: 0; } .widget-text .widget-body ul li { margin-top: 24px; } .widget-text .widget-body ul a { display: block; font-size: 13px; line-height: 1.3; text-decoration: none; position: relative; padding-left: 16px; color: #444; } .widget-text .widget-body ul a:before { content: '\f2fb'; font-family: 'Material-Design-Iconic-Font'; font-size: 16px; color: #1d214f; position: absolute; left: 0; top: -3px; } .widget-text .widget-actions { padding-top: 20px; } .widget-text .widget-actions a.link-more { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #192052; text-transform: uppercase; } .widget-text .widget-actions a.link-more i { font-weight: normal; font-size: 15px; position: relative; top: 2px; } .widget-text .widget-actions a.link-more span { text-decoration: underline; display: inline-block; vertical-align: middle; margin-left: 10px; } /* ------------------------------------------------------------ *\ Widget Tweet Comment \* ------------------------------------------------------------ */ .widget-tweet-comment { background-color: #f6f6f7; text-align: center; margin: 70px 0 10px; } .widget-tweet-comment .widget-head { margin-bottom: 35px; } .widget-tweet-comment .widget-head i { display: inline-block; vertical-align: middle; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #0F1419; border-radius: 50%; color: #fff; font-size: 16px; margin-top: -20px; } .widget-tweet-comment .widget-head h4 { font-size: 20px; text-transform: uppercase; color: #0F1419; margin: 10px 0 0; } .widget-tweet-comment .widget-body { padding: 0 68px 27px 60px; } /* Mobile */ @media (max-width: 767px) { .widget-tweet-comment { margin: 10px 0; } .widget-tweet-comment .widget-body { padding: 0 15px 20px; } } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ jQuery UI Datepicker \* ------------------------------------------------------------ */ .ui-datepicker { border: 0; border-radius: 0; } .ui-datepicker .ui-datepicker-header { border: 0; background: none; border-radius: 0; } .ui-datepicker .ui-datepicker-title { font-size: 14px; font-weight: 400; } .ui-datepicker .ui-datepicker-title select { border: 0; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; margin-bottom: 5px; } .ui-datepicker .ui-datepicker-calendar th { font-size: 12px; font-weight: 400; } .ui-datepicker .ui-datepicker-calendar td { font-size: 12px; padding: 0; border: 0; } .ui-datepicker .ui-datepicker-calendar td .ui-state-default { text-align: center; padding: 5px; border: 0; background: none; } .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight { color: #fff; background-color: #39acd2; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 0; border: 0; background: none; margin: 0; top: 0; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ''; width: 8px; height: 8px; display: block; position: absolute; top: 2px; right: 0; bottom: 0; left: 0; border-width: 0 0 2px 2px; border-style: solid; border-color: #39acd2; margin: auto; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-prev:before { left: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-next:before { right: 5px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } /* ------------------------------------------------------------ *\ Theme Magnific \* ------------------------------------------------------------ */ .mfp-bg { background-color: #f5f5f5; } .mfp-fade.mfp-bg { opacity: 0; transition: all .4s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .4s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-container { padding: 0 15px; } /* ------------------------------------------------------------ *\ UI \* ------------------------------------------------------------ */ .ui-autocomplete {height: calc(100vh - 250px);background-color: #f1f1f1;color: #c0c0c0;border: 0;z-index: 99999;overflow-y: auto;overflow-x: hidden;} .ui-autocomplete.ui-menu .ui-menu-item {font-family: ''Roboto'', sans-serif;margin-top: 20px;padding: 0;display: block;text-decoration: none;font-weight: 700;font-size: 49px;color: #c0c0c0;line-height: 1.2;z-index: 9999999;} .ui-autocomplete.ui-menu .ui-menu-item:first-child { margin-top: 0; } .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {border: 0;background: none;/* padding: 0; */margin: 20px 0 0 0;} .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus:first-child { margin: 0; } #ui-datepicker-div {direction:ltr;border:1px solid #aaa;} /* Mobile */ @media (max-width: 767px) { .ui-autocomplete {background-color: #eee;height: auto;width: calc(100% + 30px)!important;margin-left: -15px;padding-left: 15px;padding-top: 22px;padding-bottom: 25px;left: 0px!important;padding-right: 15px;border-bottom: 1px solid #fff;} .ui-autocomplete.ui-menu .ui-menu-item { font-size: 30px; } } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} body:not(#homePage) .section-updates .col .banner { margin: 0; } body:not(#homePage) .section-updates .col .banner div{margin:auto;text-align:center;} body:not(#homePage) .section-updates .col-size5{direction:rtl;} body:not(#homePage) .section-updates .col-size4{width: 42%;padding: 0 21px 0 29px;display: inline-block;margin-right: 17px;} /* ------------------------------------------------------------ *\ Sticky video \* ------------------------------------------------------------ */ .article-image.has-video .stickable-video{/*display:none;*/position:relative;top:0;left:0;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;} .article-image.has-video .stickable-video.is-sticked, .feedNewsCast .stickable-video.is-sticked{position:fixed;top:160px;left:15px;width:320px;height:141px;z-index:99;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .stickable-video.is-sticked .btn-close {background:#1B2150;padding:5px;width:20px;height:20px;border-radius:20px;cursor:pointer;margin-bottom: -15px;margin-right: -8px;z-index: 2;} .stickable-video.is-sticked .btn-close:before, .stickable-video.is-sticked .btn-close:after{top:6px;width:2px;height:13px;background-color: #fff;} .stickable-video.is-sticked .btn-close:before{left:5px;} .stickable-video.is-sticked .btn-close:after{right:4px;} .stickable-video:not(.is-sticked) .btn-close { display: none; } @media (max-width: 767px) { .article-image.has-video .stickable-video.is-sticked, .feedNewsCast .stickable-video.is-sticked{position:fixed;bottom:30px;left:15px;top:initial !important;width:150px;height:84px;} } /* ------------------------------------------------------------ *\ Program Site Overriding \* ------------------------------------------------------------ */ .programSite .shell{max-width:1384px;} .full-width {width:100%;} .article-news .article-entry p, .article-news .article-entry div {margin-bottom: 0px !important;text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);} .article-news .article-foot .banner {margin: 0 auto 24px!important;} #newsletterForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #121736 inset !important;-webkit-text-fill-color: white !important;} .coverflow {height:294px;} .coverflow .post{height:auto;} .section-stars-slider .section-body{height:600px;padding:70px 0 70px;} #smartbanner {z-index:99999 !important;position:fixed !important;} .form-apply .form-group-actions a.remove-last-row {display:none;} #monthSelectContainer{margin-right:5px;} /* ------------------------------------------------------------ *\ Design Fixes 29-03-2018 \* ------------------------------------------------------------ */ @media(min-width:768px) { #homePage .section-intro .shell .section-inner .cols .col:first-child .tabs-news-list { /* border: 1px solid #DDDDDD; */ padding: 0 15px; background-color: #fff; } .tabs-news-list .tabs-nav ul .current a:after, .tabs-nav ul .current div::after { bottom: -15px; top: auto; } .tabs-news-list .tabs-body .news-simple-list ol li { font-weight: 600; font-size: 14.7px; } .tabs-news-list .tabs-head .tabs-nav ul { border-top: 0 none; padding-top: 0px; } .tabs-news-list .tabs-head .tabs-nav ul a { font-size: 16px; } } /*/////////////////////Header/////////////////////*/ @media(min-width:768px) { .header { background-color: #ffffff; } /*.main:before { content: ""; background-image: url(../images/header-gradient.png); height: 254px; width: 100%; position: absolute; z-index: 20; background-repeat: repeat-x; }*/ .header:after { content: ""; background-image: url(../images/header-gradient.png); height: 254px; width: 100%; position: absolute; z-index: 20; background-repeat: repeat-x; pointer-events: none; } /*.header-shadow { background-image: url(../images/header-gradient.png); height: 254px; width: 100%; position: absolute; z-index: 20; background-repeat: repeat-x; }*/ .header .header-bar { background-color: #f5f5f5; /* height: 58px; */ } .header .header-bar::after { content: ""; width: 100%; height: 37px; /* background-color: #F4F5F5; */ position: absolute; bottom: 0; left: 0; z-index: 2; transition: all 0.2s linear; pointer-events: none; } .header .header-inner .shell { height: 82px; } .header .header-inner .header-aside:first-child, .header .header-inner .header-aside ~ .header-aside { margin-top: 25px; } .header .nav-utilities ul li ~ li { margin-left: 17px; } .header .nav-utilities ul li:last-child { margin-left: 16px; display: inline-block; } .header .header-aside .header-buttons .btn{ width:150px } .wrapper { padding-top: 128px; } /*#homePage .main:before { content: ""; background-image: url(../images/header-gradient.png); height: 254px; width: 100%; position: absolute; z-index: 20; background-repeat: repeat-x; }*/ #homePage .main section { position: relative; z-index: 10; } .header, .header * { -ms-transition: all 350ms; -moz-transition: all 350ms; -webkit-transition: all 350ms; transition: all 350ms; } .header.sticky, .header.sticky * { -ms-transition: all 350ms; -moz-transition: all 350ms; -webkit-transition: all 350ms; transition: all 350ms; } .nav-utilities ul .item-weather{ display:none } .nav-utilities{ /* margin-top:-6px; */ } .header.sticky .header-inner .shell { height: 58px; } .header.sticky .header-inner .header-aside:first-child, .header.sticky .header-inner .header-aside ~ .header-aside { margin-top: 12px; } .header.sticky .header-bar .nav-primary > ul > li > a { height: 33px; line-height: 33px; font-size: 15px; } .en .header.sticky .header-bar .nav-primary > ul > li > a{ font-size:14px; } .wrapper { -ms-transition: padding-top 350ms; -moz-transition: padding-top 350ms; -webkit-transition: padding-top 350ms; transition: padding-top 350ms; } .wrapper.sticky-header { padding-top: 93px; } } /*/////////////////////Search/////////////////////*/ @media(min-width:768px) { .header .search { position: absolute; padding: 5px 0; height: 83px; background-color: #FFFFFF; overflow: hidden; } .header .shell { margin: 9px 0; max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; position: relative; } .header .search .search-head { margin-bottom: 0; } .header .search .search-head .form-search-global .field { font-size: 33px; line-height: 33px; } .header .search .search-head .form-search-global form { padding-top: 15px; } .header .search .search-head .form-search-global .btn-red { height: 45px; width: 45px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; top: 12px; /* bottom: 0; */ margin: auto; left: 6px; } .en .header .search .search-head .form-search-global .btn-red{ right:6px; left:auto; } .header .search .search-head .form-search-global .btn-red .fa { font-size: 21px; } .header .search .search-head .ui-autocomplete { position: fixed !important; left: 0 !important; width: 100% !important; height: auto; background: #F1F1F1; padding-bottom: 16px; top: 83px !important; padding-top: 16px; } .header .search .search-head .ui-autocomplete .ui-menu-item { max-width: 1180px; margin: auto; } .header .search .search-head .ui-autocomplete .ui-menu-item:hover { color: #ca0000; } .header .search .search-close { /* display: none; */ } .header.sticky .search { height: 58px; padding-top: 0; padding-bottom: 0; } .header.sticky .search .shell { padding: 7px 0; } .header.sticky .search .search-head .form-search-global form { padding-top: 0; } .header.sticky .search .search-head .form-search-global .field { font-size: 26px; line-height: 26px; } .header.sticky .search .search-head .form-search-global .btn-red { height: 35px; width: 35px; padding: 0; } .header.sticky .search .search-head .form-search-global .btn-red .fa { font-size: 20px; } .header.sticky .search .search-head .ui-autocomplete { top: 58px !important; } .header .search-shadow { width: 100w; height: 100vh; position: fixed; top: 0; left: 0; } } /*/////////////////////Others/////////////////////*/ @media(min-width:768px) { .section-hashtag { padding: 13px 0; } .shell .section-inner .col.col-size2 { background-image: -webkit-gradient(linear, 0 0, 0 656.125, color-stop(0.358, #fff), to(#eee)); background-image: -webkit-linear-gradient(#fff 35.8%, #eee); background-image: -moz-linear-gradient(#fff 35.8%, #eee); background-image: -o-linear-gradient(#fff 35.8%, #eee); background-image: linear-gradient(#fff 35.8%, #eee); padding: 13px; padding-top: 0px; } } a.open-search { margin-top: 4px; margin-right: 3px; } .header-bar:after { content: ""; height: 62px; width: 100%; position: absolute; top: 135px; background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 100%); } .sticky .header-bar:after { top: 91px; z-index: 8; } .header.sticky .header-buttons { /* zoom: 0.9; */ } .header.sticky .btn { zoom: 0.9; transition: all 0.2s linear; } .section-programs-feed .tabs-head{ display:none } .section-programs-feed header{ color: #bf0307; font-size: 13px; position: relative; margin-bottom: -13px; } .en .section-programs-feed header{ margin-bottom: 4px; } .section-programs-feed header .allprog{ position: absolute; font-size: 17px; left: 0px; top: 1px; border-bottom: 1px solid #333; padding-bottom: 3px; color: #333; } .section-programs-feed header .allprog a{ text-decoration: none; } .section-programs-feed header .mtvminlogo{ position:absolute; left: 1px; top: -5px; } .en .section-programs-feed header .mtvminlogo{ left:auto; right: -2px; top: 1px; } .section-programs-feed header .mtvminlogo img{ width:80px; height:auto; } .news-simple-list ol li:first-child a{ padding-top: 55px!important; } .section-programs-feed.mtvmin .post .post-content h6 i{color:orange;font-size:30px;} .section-programs-feed.mtvmin .post .post-content h6{box-shadow:none!important;background-color: transparent!important;top:53px;} .tabs-dropdown .post .post-content h5{text-shadow: 2px 2px 13px rgb(33, 33, 33);font-weight: bold;font-size: 21px;} .tabs-dropdown .post img{opacity:0.8} .tabs-dropdown .post .post-content h5{font-size:16px} ._magnetRecLkrecom_63-5{font-size:14.5px; font-weight:bold} ._2eLBJDo4r_wxFuHkMXLiro._1LDlKMXVmN1zATOf7VfE1 { top: 70px; } ._3bXqqpumQiUe4SCIhyZZql img { display: none!important; } .vS0azsCp3KUhQvODpKc8a span{visibility:hidden;position:relative;padding-bottom:22px} .vS0azsCp3KUhQvODpKc8a span:after {visibility:visible;content:"Breaking news alerts on your desktop"; text-align: center;font-size: 21px;font-family: 'Roboto',sans-serif;padding-bottom: 14px;border-bottom: 1px solid #eee; position:absolute;width:100%;left:0px} ._2NDqE1T1aolC0LsA4zV_xn { justify-content: center!important; } section.section-programs-feed.mtvmin{ margin-top: 20px; } .nc-wrapper{ width:calc(100% - 70px); margin:auto; max-width: 1200px; } .nc-title{ font-family: ''Roboto'', sans-serif; font-size:22px; color:#333; font-weight:bold; display: inline-block; margin-bottom: 32px; } .en .nc-title{ font-family:'Roboto', sans-serif; } .nc-date{ font-size:18px; font-family:'Roboto',sans-serif; color:#BF0106; float:left; font-weight: bold; border-bottom: 3px solid #BF0106; } .en .nc-date{ float:right; } .nc-episodes{ position:relative; display: inline-block; width: 100%; } .nc-episodes a{ text-decoration:none; width: calc(25% - 4px); margin:2px; height:200px; background-color:#ccc; border-bottom:4px solid #BF0106; display:inline-block; float:right; padding:13px; color:#fff; position:relative; transition:all 1s cubic-bezier(0, 0.92, 1, 1); min-width: 290px; } .en .nc-episodes a{ float:left; } .nc-episodes a.dawn{ background-image:url("../images/dawn.jpg"); background-size:100%; } .nc-episodes a.morning{ background-image:url("../images/morning.jpg"); background-size:100% } .nc-episodes a.evening{ background-image:url("../images/evening.jpg"); background-size:100% } .nc-episodes a.midnight{ background-image:url("../images/midnight.jpg"); background-size: 100%; } .nc-episodes a:hover{ background-size: 150%; transition:all 2s cubic-bezier(0, 0.92, 1, 1); } .nc-episodes .nc-title{ color:#fff; font-size:23px; font-weight:normal; position:absolute; right:13px; bottom:50px } .en .nc-episodes .nc-title{ right:auto; left:13px; font-family:'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; } .nc-episodes .nc-play{ position:absolute; left:13px; bottom:8px; font-size:45px } .nc-episodes .nc-time{ position:absolute; right:13px; bottom:13px; font-size:45px; font-weight:bold; font-family:'Roboto';sans-serif } .nc-extras{ margin-top:50px; display:block; position: relative; margin-bottom:100px; text-align:center; } .nc-extras a{ text-decoration:none; width: 24.6%; margin:2px; height:200px; display:inline-block; padding:13px; position:relative; transition:all 0.9s linear; min-width: 300px; } .nce-icon{ font-size:41px; color:#BF0106; } .nce-icon.akwal i{background-image:url("../images/akwal.png");width: 47px;height: 31px;position: relative;display: inline-block;background-size: cover;} .nce-title{ font-size:22px; color:#BF0106; margin-bottom:5px; } .en .nce-title, .en .nce-subtitle{ font-family:'Roboto', sans-serif; } .nce-subtitle{ font-size:16px; color:#999; margin-bottom:20px; } .nce-play{ color:#252F6D; font-size:41px; } @media (max-width: 1279px) { .nc-episodes .nc-time{ font-size:30px } .nc-episodes a{ background-size:cover!Important; } } @media(max-width:768px) and (min-width:550px){ .article-news figure .image { width:100%; } .article-news figure .image img{ width:100%; } .article-news .article-foot .banner{ width: 100%; } .sticky .nav-utilities{margin-top:-6px} .feedNewsCast{width:100%} .header .logo img { width: 92px; } .form-subscribe .form-body{ width:510px } .header .btn { zoom: 0.9!Important; transition: all 0.2s linear; } .sticky.header .btn { zoom: 0.85!Important; transition: all 0.2s linear; margin-top:3px } .section-news-article.sticky-parent-secondary .banner{ /* float: left; */ } .section-news-article.sticky-parent-secondary .banner div{ margin:auto; } .section-news-article .col-size10{ flex: auto; width: 100%; } .en .sticky.header .nav-utilities li{ margin-top:6px; } .en .sticky.header .nav-utilities .btn{ margin-top:5px } .section-news-article.primary .widget-text, .section-news-article.primary .section-timeline-feed{ float: left; width: 50%; margin: 5px; } .en .header .header-aside .header-buttons .btn .btn-icon{ display:none } .header .header-aside .header-buttons .btn .btn-text{ padding:0px } .nav-utilities ul a{ margin-top:8px } .nc-wrapper { width: calc(100% - 20px); } .footer-col-size1{ width:100%!important; } .footer .footer-col-size2 h6{ margin-top:32px; margin-left:0px; } .footer-col-size2{ margin-left:0px!important; width:100%!important; margin-right:0px!important; } .form-search-global .btn-red{ margin-right:5px; top: 16px!important; } .nav-utilities{margin-top:-14px} } .nav-utilities .btn-text{ font-size:13px } .section-intro .banner{ /* width: 356px; */ background-color: #f8f6f6; } } @media(max-width:767px) { .nc-wrapper { width: calc(100% - 30px); } .nc-episodes a { width: calc(100% - 4px); } } @media(max-width:550px) { .form-search-global .field::-webkit-input-placeholder { color: #c1c1c1; padding-left: 0px; } .form-search-global .btn-red{width:40px;height:40px;top:39px} .form-search-global .btn-red i{left:-10px;top:2px} .nav-utilities ul a{top:2px} } @media(min-width:769px) { .en .nav-utilities{ margin-top:-2px; } .en .sticky .nav-utilities{ margin-top:0px; } .header .search .search-close{ position:absolute; left: 90px; right:auto; top: 29px; z-index: 33; } .en .header .search .search-close{ right: 90px; left: auto; } .ui-autocomplete.ui-menu .ui-menu-item{ padding-top:20px; } .ui-autocomplete.ui-menu .ui-menu-item:hover{ padding-top:20px; } } /*//Added by Jad*/ .nav-dropdown .nav-dropdown-inner .shell { background: linear-gradient(to right,#334299, #1B224E); } .searchLI { min-height: 150px; } .shellSearch { max-width: unset !important; } .search-header-banner { max-width: 1227px; margin: auto; } .search-body-scroll-back { background: linear-gradient(#ffffff, #9c9696); max-height: calc(100vh - 56px); overflow: scroll; } .cols-width { max-width: 1227px; margin: auto; } .background-white { background-color: white;} .author .author-avatar img { height : 70px !important; } .loadMoreAuthors { display: flex; justify-content: center; padding-top: 25px; } .gradientBackground { background: linear-gradient(to right,#334299, #1B224E); } .marginHeader { margin-top: -90px; } @media (max-width: 767px) { .listSearch{ width : 100% !important; } .slider-news-gallery .slide { width: auto !important; } .slider-thumbs { display: none; } .btn-close { height: 20px; width: 20px; overflow: hidden; } .marginHeader { margin-top: -25px; } } @media only screen and (min-width : 2048px) { html { zoom: 125%; } .search .search-body { zoom: 80%; } } .radio-poll .label-text { position: absolute; left: 100%; top: 0; margin-left: 8px; } .radio-poll .label-line.line-green { background-color: #498a0a; } .radio-poll label[for='field-yes']:before { color: #498a0a; } .radio-poll .label-line { display: block; height: 1px; position: relative; top: 10px; } .radio-poll .label-line.line-red { background-color: #ca0000; } .radio-poll input:checked ~ label::before { content: ""; } .radio-poll label[for='field-no']:before { color: #ca0000; } .poll .poll-image:before { display: none; } .language-link-english { font-family: "Cairo", sans-serif; font-style: normal; font-weight: bold; font-size: 14px; color: #353535; } /*********************************** disclaimer *************************************/ .popWrap { position: fixed; right: 0px; bottom: 31px; width: 320px; z-index: 1000; display: none; } .popWrap .inner { position: relative; margin: auto; width: 100%; display: flex; display: -webkit-flex; justify-content: flex-end; } #disclaimerPop { position: relative; width: 100%; background: linear-gradient(to left,#334299, #1B224E); min-height: 240px; box-sizing: border-box; padding: 24px 22px 30px; } #disclaimerPop .close { position: absolute; width: 22px; height: 22px; right: 12px; top: 20px; cursor: pointer; background: url(../images/close2.png); } #disclaimerPop .name { margin-bottom: 20px; font-size: 22px; color: #fff; font-weight: bold; } #disclaimerPop .text { margin-bottom: 30px; line-height: 20px; font-size: 15px; color: #fff; } #disclaimerPop .wrap { display: flex; display: -webkit-flex; justify-content: space-between; text-align: center; } #disclaimerPop .accept { display: block; position: relative; cursor: pointer; width: 177px; height: 39px; line-height: 40px; border: 1px solid #ca0000; background-color: #ca0000; font-size: 16px; color: #fff; /*border-radius: 8px;*/ text-decoration:none; } #disclaimerPop .personalize { display: block; cursor: pointer; width: 177px; height: 39px; line-height: 40px; background: #1B2150; border: 1px solid #1B2150; font-size: 16px; color: #fff; font-weight: bold; /*border-radius: 8px;*/ text-decoration: none; } .special-report .btn { background-color: #eee; margin-bottom: 40px; position: relative; display: block; width: 130px; margin-right: auto; margin-left: auto; } .special-report .video-detailed .video-content { text-align: right; } .contestant-banner{ padding-top:0!important; padding-bottom:0!important; margin-top:40px; } /*********************************** Short Videos *************************************/ .shortvideo-main { min-height: 500px; } .list-shortvideos li { margin-top: 24px; } /***********************************End of short video*********************/ .episodeNotFound { margin: 0 auto; font-size: 40px; color: #ffffff; margin-top:24px; } .marginAuto { margin: 0 auto; } .btn-whatsapp { width: 100% !important; } @media (max-width: 767px) { .btn-whatsapp { width: auto !important; } } .btn-whatsapp span { display: inline-block; vertical-align: middle; /* width: 102px; */ font-size: 14px; color: #222222; /* text-decoration: underline; */ margin-left: 6px; } #___ytsubscribe_0 { margin-left: -10px !important; margin-top: 11px !important; } /****************************************Swiper*********************************************/ .newsSite .swiper-container { height: 230px; } @media (max-width: 767px) { .newsSite .swiper-container { height: 250px; } } .newsSite .swiper-slide { background-position: center; background-size: cover; } .newsSite .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { height: 192px !important; } @media (max-width: 767px) { .newsSite .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { height: 222px !important; } } .ar .newsSite .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { right: 0 !important; } .newsSite .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #ca0000 !important } /*.swiper-slide {#ca0000 background-position: center; background-size: cover; }*/ /***********************************************************/ .en .article-entry .btn.downloadDocuments { font-weight: normal; } .en .article-entry .btn.downloadDocuments span { line-height: 33px; font-size: 12px; font-weight: bold; } .article-entry .btn.downloadDocuments { font-weight: 700; /*background-color: #d14549; border: 1px solid #d14549;*/ background: #BF0307; border: 1px solid #BF0307; color: #fff; font-size: 0; transition: background-color .4s ease, color .4s ease; border-radius: 30px; } .article-entry .btn.downloadDocuments:hover { background-color: transparent; color: #BF0307; } .article-entry .btn.downloadDocuments:hover .btn-icon:before { background-color: #d14549; } .article-entry .btn.downloadDocuments .btn-text, .article-entry .btn.downloadDocuments .btn-icon { display: inline-block; vertical-align: middle; } .article-entry .btn.downloadDocuments .btn-text { font-size: 13px; min-width: 100px; text-align: center; font-family: ''Roboto'', ''Roboto'', sans-serif; box-sizing: border-box; padding-left: 0; margin: 0 auto; position: relative; } .en .article-entry .btn.downloadDocuments .btn-text { font-family: 'Roboto', sans-serif } .article-entry .btn.downloadDocuments .btn-icon { width: 32px; height: 28px; text-align: center; position: relative; } .article-entry .btn.downloadDocuments .btn-icon:before { content: ''; width: 1px; background-color: #fff; position: absolute; left: 0; top: 2px; bottom: 2px; transition: background-color .4s ease; display: none; } .article-entry .btn.downloadDocuments .btn-icon i { line-height: 28px; } /*********************************************************/ .article-news figure.article-gallery .btn { margin-bottom: 33px; padding: 2px 26px 0px; bottom: 0; } .floatingLeaderboard { position: fixed; bottom: 0; margin: auto; right: 0; left: 0; text-align: center; } .floatingLeaderboard.closed { display: none !important; } .floatingLeaderboard div { margin: auto; } .floatingLeaderboard .closeFloating { position: absolute; top: -12px; right: 20px; border-radius: 15px; padding: 4px 7px; background: #f5f5f5; color: #787878; border: 1px solid #787878; } .section-news-article.sticky-parent-secondary .banner div { margin: auto; } .banner.banner-mobile.visible-xs-block div { margin: auto; } @media (max-width: 767px) { .liveSection #main-video { margin-top: 18px; } .liveSection .video + .banner-small { margin-top: 0px; } .video-large .video-large-content { height: 200px; /*width: 310px;*/ width:100%; } .section-video-main .section-content { margin-top: 35px; } } /*New style*/ .section-apply .loader:before, .section-adv .loader:before { content: ''; width: 32px; height: 32px; background: url(../images/loader-navy.gif) no-repeat 0 0; position: absolute; left: 109px; top: 50%; margin-top: 25px; background-size: 32px; visibility: hidden; } .section-apply .loader.visible:before, .section-adv .loader.visible:before { visibility: unset !important; } .form-contact .loader:before, .section-adv .loader:before { content: ''; width: 32px; height: 32px; background: url(../images/loader-navy.gif) no-repeat 0 0; position: absolute; left: 109px; top: 50%; margin-top: 25px; background-size: 32px; visibility: hidden; } .form-contact .loader.visible:before { visibility: unset !important; }