@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 10px; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: normal; }

dfn {
  font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: 0; }

img, amp-img {
  display: inherit;
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

p {
  margin: 0; }

em, i {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }

/*#region flex-layout-styles */
.flx {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .flx.wrp {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flx.nowrp {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .flx.frw {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .flx.frw.rsv {
      -ms-flex-direction: row-reverse;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .flx.fcl {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .flx.fcl.rsv {
      -ms-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
  .flx.fcc {
    -webkit-box-align: center;
    align-items: center; }
  .flx.fcs {
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .flx.fce {
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .flx.fcb {
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .flx.fca {
    -webkit-justify-content: space-around;
    justify-content: space-around; }

/*#endregion */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
/*#region custom-css-styles */
body {
  font-family: helveticaneue-regular;
  -webkit-overflow-scrolling: auto;
  -webkit-box-flex: 1;
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: auto; }

.hide {
  display: none !important; }

.hidden {
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important; }

.right {
  position: absolute;
  right: 0; }

.hide-scroll {
  overflow: hidden; }

.no-scroll {
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%; }

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.overlay {
  position: fixed;
  visibility: hidden;
  opacity: 0; }
  .overlay.active {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-opacity 0.5s ease-in-out;
    -khtml-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    visibility: visible;
    opacity: 1;
    /*pointer-events: none;
        touch-action: none;*/
    overflow: hidden; }

.center {
  text-align: center; }

/*#endregion */
/*#region priority-css-styles */
.state {
  display: inline-block;
  font-size: 10px;
  font-family: helveticaneue-bold;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  border-radius: 1px; }
  .state.state-1, .state.state-3 {
    background: #cb0001 !important; }
  .state.state-2 {
    background: #d88d0b !important; }
  .state.state-4, .state.state-9 {
    background: #f5f03b !important;
    color: #000; }
  .state.state-5 {
    background: #3191a2 !important; }
  .state.state-6, .state.state-7 {
    background: #625390 !important; }
  .state.state-8 {
    background: #b4966f !important; }
  .state.state-10 {
    background: #4e3d81 !important; }
  .state.state-11, .state.state-39 {
    background: rgba(0, 0, 0, 0.14) !important; }
  .state.state-12 {
    background: #115e66 !important; }
  .state.state-13, .state.state-14 {
    background: #ec731a !important; }
  .state.state-15, .state.state-16, .state.state-17, .state.state-18, .state.state-32, .state.state-36, .state.state-38, .state.state-40, .state.state-41, .state.state-42, .state.state-45, .state.state-46, .state.state-47, .state.state-48, .state.state-49 {
    background: #52a25d !important; }
  .state.state-19, .state.state-20, .state.state-21, .state.state-22, .state.state-23, .state.state-24, .state.state-26 {
    background: #2c2c2c !important; }
  .state.state-31 {
    background: #2c8238 !important; }
  .state.state-37 {
    background: #f5f03b !important;
    color: #000000 !important; }
  .state.state-29 {
    background: #55a160 !important; }
  .state.state-43 {
    background: #d05a0b !important; }
  .state.state-25, .state.state-44 {
    background: #e1aa00 !important; }
  .state.state-30 {
    background: #d03e0b !important; }
  .state.state-27 {
    background: #a99f91 !important; }
  .state.state-28, .state.state-52, .state.state-53 {
    background: #cb0001 !important; }
  .state.state-33, .state.state-50 {
    background: #1e96a4 !important; }
  .state.state-51 {
    background: #17616a !important; }
  .state.state-34, .state.state-35 {
    background: #2b6433 !important; }
  .state .state-54 {
    background: #56c0e8 !important; }

/*#endregion */
/*#region genel-color-styles */
.color-ffffff {
  background-color: #ffffff; }

.color-000000 {
  background-color: #000000; }

.color-cb0102 {
  background-color: #cb0102; }

.color-a71d3f {
  background-color: #a71d3f; }

.color-4e3d81 {
  background-color: #4e3d81; }

.color-362861 {
  background-color: #362861; }

.color-f5c300 {
  background-color: #f5c300; }

.color-e7a300 {
  background-color: #e7a300; }

.color-4f9b59 {
  background-color: #4f9b59; }

.color-0988c5 {
  background-color: #0988c5; }

.color-52a25d {
  background-color: #52a25d; }

.color-ec731a {
  background-color: #ec731a; }

.color-a600a0 {
  background-color: #a600a0; }

.color-8f8f8f {
  background-color: #8f8f8f; }

.color-333333 {
  background-color: #333333; }

.color-ffe710 {
  background-color: #ffe710; }

.color-a99f91 {
  background-color: #a99f91; }

.color-3f9fe0 {
  background-color: #3f9fe0; }

.color-2599d1 {
  background-color: #2599d1; }

.color-eab700 {
  background-color: #eab700; }

.color-2196f3 {
  background-color: #2196f3; }

.color-72b29a {
  background-color: #72b29a; }

.color-1e96a4 {
  background-color: #1e96a4; }

.color-d7d7d7 {
  background-color: #d7d7d7; }

.color-00aa4a {
  background-color: #00aa4a; }

/*#endregion */
/*#region font-color-styles */
.font-ffffff {
  color: #ffffff; }

.font-000000 {
  color: #000000; }

.font-cb0102 {
  color: #cb0102; }

.font-a71d3f {
  color: #a71d3f; }

.font-4e3d81 {
  color: #4e3d81; }

.font-362861 {
  color: #362861; }

.font-f5c300 {
  color: #f5c300; }

.font-e7a300 {
  color: #e7a300; }

.font-4f9b59 {
  color: #4f9b59; }

.font-0988c5 {
  color: #0988c5; }

.font-52a25d {
  color: #52a25d; }

.font-ec731a {
  color: #ec731a; }

.font-a600a0 {
  color: #a600a0; }

.font-8f8f8f {
  color: #8f8f8f; }

.font-333333 {
  color: #333333; }

.font-ffe710 {
  color: #ffe710; }

.font-a99f91 {
  color: #a99f91; }

.font-3f9fe0 {
  color: #3f9fe0; }

.font-2599d1 {
  color: #2599d1; }

.font-eab700 {
  color: #eab700; }

.font-2196f3 {
  color: #2196f3; }

.font-72b29a {
  color: #72b29a; }

.font-1e96a4 {
  color: #1e96a4; }

.font-d7d7d7 {
  color: #d7d7d7; }

.font-00aa4a {
  color: #00aa4a; }

/*#endregion */
/*#region border-color-styles */
.border-ffffff {
  border-color: #ffffff; }

.border-000000 {
  border-color: #000000; }

.border-cb0102 {
  border-color: #cb0102; }

.border-a71d3f {
  border-color: #a71d3f; }

.border-4e3d81 {
  border-color: #4e3d81; }

.border-362861 {
  border-color: #362861; }

.border-f5c300 {
  border-color: #f5c300; }

.border-e7a300 {
  border-color: #e7a300; }

.border-4f9b59 {
  border-color: #4f9b59; }

.border-0988c5 {
  border-color: #0988c5; }

.border-52a25d {
  border-color: #52a25d; }

.border-ec731a {
  border-color: #ec731a; }

.border-a600a0 {
  border-color: #a600a0; }

.border-8f8f8f {
  border-color: #8f8f8f; }

.border-333333 {
  border-color: #333333; }

.border-ffe710 {
  border-color: #ffe710; }

.border-a99f91 {
  border-color: #a99f91; }

.border-3f9fe0 {
  border-color: #3f9fe0; }

.border-2599d1 {
  border-color: #2599d1; }

.border-eab700 {
  border-color: #eab700; }

.border-2196f3 {
  border-color: #2196f3; }

.border-72b29a {
  border-color: #72b29a; }

.border-1e96a4 {
  border-color: #1e96a4; }

.border-d7d7d7 {
  border-color: #d7d7d7; }

.border-00aa4a {
  border-color: #00aa4a; }

/*#endregion */
/*#region detail-color-styles */
.detail-text.link-ffffff ol, .detail-text.link-ffffff ul {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.2); }

.detail-text.link-ffffff a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #ffffff; }
  .detail-text.link-ffffff a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #ffffff; }

.detail-text.link-ffffff .rich .order {
  color: #ffffff; }

.detail-text.link-000000 ol, .detail-text.link-000000 ul {
  background: #000000;
  background: rgba(0, 0, 0, 0.2); }

.detail-text.link-000000 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #000000; }
  .detail-text.link-000000 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #000000; }

.detail-text.link-000000 .rich .order {
  color: #000000; }

.detail-text.link-cb0102 ol, .detail-text.link-cb0102 ul {
  background: #cb0102;
  background: rgba(203, 1, 2, 0.2); }

.detail-text.link-cb0102 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #cb0102; }
  .detail-text.link-cb0102 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #cb0102; }

.detail-text.link-cb0102 .rich .order {
  color: #cb0102; }

.detail-text.link-a71d3f ol, .detail-text.link-a71d3f ul {
  background: #a71d3f;
  background: rgba(167, 29, 63, 0.2); }

.detail-text.link-a71d3f a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #a71d3f; }
  .detail-text.link-a71d3f a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #a71d3f; }

.detail-text.link-a71d3f .rich .order {
  color: #a71d3f; }

.detail-text.link-4e3d81 ol, .detail-text.link-4e3d81 ul {
  background: #4e3d81;
  background: rgba(78, 61, 129, 0.2); }

.detail-text.link-4e3d81 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #4e3d81; }
  .detail-text.link-4e3d81 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #4e3d81; }

.detail-text.link-4e3d81 .rich .order {
  color: #4e3d81; }

.detail-text.link-362861 ol, .detail-text.link-362861 ul {
  background: #362861;
  background: rgba(54, 40, 97, 0.2); }

.detail-text.link-362861 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #362861; }
  .detail-text.link-362861 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #362861; }

.detail-text.link-362861 .rich .order {
  color: #362861; }

.detail-text.link-f5c300 ol, .detail-text.link-f5c300 ul {
  background: #f5c300;
  background: rgba(245, 195, 0, 0.2); }

.detail-text.link-f5c300 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #f5c300; }
  .detail-text.link-f5c300 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #f5c300; }

.detail-text.link-f5c300 .rich .order {
  color: #f5c300; }

.detail-text.link-e7a300 ol, .detail-text.link-e7a300 ul {
  background: #e7a300;
  background: rgba(231, 163, 0, 0.2); }

.detail-text.link-e7a300 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #e7a300; }
  .detail-text.link-e7a300 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #e7a300; }

.detail-text.link-e7a300 .rich .order {
  color: #e7a300; }

.detail-text.link-4f9b59 ol, .detail-text.link-4f9b59 ul {
  background: #4f9b59;
  background: rgba(79, 155, 89, 0.2); }

.detail-text.link-4f9b59 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #4f9b59; }
  .detail-text.link-4f9b59 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #4f9b59; }

.detail-text.link-4f9b59 .rich .order {
  color: #4f9b59; }

.detail-text.link-0988c5 ol, .detail-text.link-0988c5 ul {
  background: #0988c5;
  background: rgba(9, 136, 197, 0.2); }

.detail-text.link-0988c5 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #0988c5; }
  .detail-text.link-0988c5 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #0988c5; }

.detail-text.link-0988c5 .rich .order {
  color: #0988c5; }

.detail-text.link-52a25d ol, .detail-text.link-52a25d ul {
  background: #52a25d;
  background: rgba(82, 162, 93, 0.2); }

.detail-text.link-52a25d a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #52a25d; }
  .detail-text.link-52a25d a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #52a25d; }

.detail-text.link-52a25d .rich .order {
  color: #52a25d; }

.detail-text.link-ec731a ol, .detail-text.link-ec731a ul {
  background: #ec731a;
  background: rgba(236, 115, 26, 0.2); }

.detail-text.link-ec731a a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #ec731a; }
  .detail-text.link-ec731a a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #ec731a; }

.detail-text.link-ec731a .rich .order {
  color: #ec731a; }

.detail-text.link-a600a0 ol, .detail-text.link-a600a0 ul {
  background: #a600a0;
  background: rgba(166, 0, 160, 0.2); }

.detail-text.link-a600a0 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #a600a0; }
  .detail-text.link-a600a0 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #a600a0; }

.detail-text.link-a600a0 .rich .order {
  color: #a600a0; }

.detail-text.link-8f8f8f ol, .detail-text.link-8f8f8f ul {
  background: #8f8f8f;
  background: rgba(143, 143, 143, 0.2); }

.detail-text.link-8f8f8f a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #8f8f8f; }
  .detail-text.link-8f8f8f a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #8f8f8f; }

.detail-text.link-8f8f8f .rich .order {
  color: #8f8f8f; }

.detail-text.link-333333 ol, .detail-text.link-333333 ul {
  background: #333333;
  background: rgba(51, 51, 51, 0.2); }

.detail-text.link-333333 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #333333; }
  .detail-text.link-333333 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #333333; }

.detail-text.link-333333 .rich .order {
  color: #333333; }

.detail-text.link-ffe710 ol, .detail-text.link-ffe710 ul {
  background: #ffe710;
  background: rgba(255, 231, 16, 0.2); }

.detail-text.link-ffe710 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #ffe710; }
  .detail-text.link-ffe710 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #ffe710; }

.detail-text.link-ffe710 .rich .order {
  color: #ffe710; }

.detail-text.link-a99f91 ol, .detail-text.link-a99f91 ul {
  background: #a99f91;
  background: rgba(169, 159, 145, 0.2); }

.detail-text.link-a99f91 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #a99f91; }
  .detail-text.link-a99f91 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #a99f91; }

.detail-text.link-a99f91 .rich .order {
  color: #a99f91; }

.detail-text.link-3f9fe0 ol, .detail-text.link-3f9fe0 ul {
  background: #3f9fe0;
  background: rgba(63, 159, 224, 0.2); }

.detail-text.link-3f9fe0 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #3f9fe0; }
  .detail-text.link-3f9fe0 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #3f9fe0; }

.detail-text.link-3f9fe0 .rich .order {
  color: #3f9fe0; }

.detail-text.link-2599d1 ol, .detail-text.link-2599d1 ul {
  background: #2599d1;
  background: rgba(37, 153, 209, 0.2); }

.detail-text.link-2599d1 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #2599d1; }
  .detail-text.link-2599d1 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #2599d1; }

.detail-text.link-2599d1 .rich .order {
  color: #2599d1; }

.detail-text.link-eab700 ol, .detail-text.link-eab700 ul {
  background: #eab700;
  background: rgba(234, 183, 0, 0.2); }

.detail-text.link-eab700 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #eab700; }
  .detail-text.link-eab700 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #eab700; }

.detail-text.link-eab700 .rich .order {
  color: #eab700; }

.detail-text.link-2196f3 ol, .detail-text.link-2196f3 ul {
  background: #2196f3;
  background: rgba(33, 150, 243, 0.2); }

.detail-text.link-2196f3 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #2196f3; }
  .detail-text.link-2196f3 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #2196f3; }

.detail-text.link-2196f3 .rich .order {
  color: #2196f3; }

.detail-text.link-72b29a ol, .detail-text.link-72b29a ul {
  background: #72b29a;
  background: rgba(114, 178, 154, 0.2); }

.detail-text.link-72b29a a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #72b29a; }
  .detail-text.link-72b29a a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #72b29a; }

.detail-text.link-72b29a .rich .order {
  color: #72b29a; }

.detail-text.link-1e96a4 ol, .detail-text.link-1e96a4 ul {
  background: #1e96a4;
  background: rgba(30, 150, 164, 0.2); }

.detail-text.link-1e96a4 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #1e96a4; }
  .detail-text.link-1e96a4 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #1e96a4; }

.detail-text.link-1e96a4 .rich .order {
  color: #1e96a4; }

.detail-text.link-d7d7d7 ol, .detail-text.link-d7d7d7 ul {
  background: #d7d7d7;
  background: rgba(215, 215, 215, 0.2); }

.detail-text.link-d7d7d7 a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #d7d7d7; }
  .detail-text.link-d7d7d7 a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #d7d7d7; }

.detail-text.link-d7d7d7 .rich .order {
  color: #d7d7d7; }

.detail-text.link-00aa4a ol, .detail-text.link-00aa4a ul {
  background: #00aa4a;
  background: rgba(0, 170, 74, 0.2); }

.detail-text.link-00aa4a a:not(.link):not(.inside-link):not(.news-link) {
  border-color: #00aa4a; }
  .detail-text.link-00aa4a a:not(.link):not(.inside-link):not(.news-link):hover {
    background-color: #00aa4a; }

.detail-text.link-00aa4a .rich .order {
  color: #00aa4a; }

/*#endregion */
/*#region pager-color-styles */
.detail-pager .list-ffffff li.active {
  background-color: #ffffff !important; }

.detail-pager .list-000000 li.active {
  background-color: #000000 !important; }

.detail-pager .list-cb0102 li.active {
  background-color: #cb0102 !important; }

.detail-pager .list-a71d3f li.active {
  background-color: #a71d3f !important; }

.detail-pager .list-4e3d81 li.active {
  background-color: #4e3d81 !important; }

.detail-pager .list-362861 li.active {
  background-color: #362861 !important; }

.detail-pager .list-f5c300 li.active {
  background-color: #f5c300 !important; }

.detail-pager .list-e7a300 li.active {
  background-color: #e7a300 !important; }

.detail-pager .list-4f9b59 li.active {
  background-color: #4f9b59 !important; }

.detail-pager .list-0988c5 li.active {
  background-color: #0988c5 !important; }

.detail-pager .list-52a25d li.active {
  background-color: #52a25d !important; }

.detail-pager .list-ec731a li.active {
  background-color: #ec731a !important; }

.detail-pager .list-a600a0 li.active {
  background-color: #a600a0 !important; }

.detail-pager .list-8f8f8f li.active {
  background-color: #8f8f8f !important; }

.detail-pager .list-333333 li.active {
  background-color: #333333 !important; }

.detail-pager .list-ffe710 li.active {
  background-color: #ffe710 !important; }

.detail-pager .list-a99f91 li.active {
  background-color: #a99f91 !important; }

.detail-pager .list-3f9fe0 li.active {
  background-color: #3f9fe0 !important; }

.detail-pager .list-2599d1 li.active {
  background-color: #2599d1 !important; }

.detail-pager .list-eab700 li.active {
  background-color: #eab700 !important; }

.detail-pager .list-2196f3 li.active {
  background-color: #2196f3 !important; }

.detail-pager .list-72b29a li.active {
  background-color: #72b29a !important; }

.detail-pager .list-1e96a4 li.active {
  background-color: #1e96a4 !important; }

.detail-pager .list-d7d7d7 li.active {
  background-color: #d7d7d7 !important; }

.detail-pager .list-00aa4a li.active {
  background-color: #00aa4a !important; }

/*#endregion */
/*#region tab-color-styles */
.tab-ffffff .active .link {
  color: #ffffff !important;
  border-bottom: solid 2px #ffffff !important; }

.tab-ffffff .number {
  background-color: #ffffff !important; }

.tab-000000 .active .link {
  color: #000000 !important;
  border-bottom: solid 2px #000000 !important; }

.tab-000000 .number {
  background-color: #000000 !important; }

.tab-cb0102 .active .link {
  color: #cb0102 !important;
  border-bottom: solid 2px #cb0102 !important; }

.tab-cb0102 .number {
  background-color: #cb0102 !important; }

.tab-a71d3f .active .link {
  color: #a71d3f !important;
  border-bottom: solid 2px #a71d3f !important; }

.tab-a71d3f .number {
  background-color: #a71d3f !important; }

.tab-4e3d81 .active .link {
  color: #4e3d81 !important;
  border-bottom: solid 2px #4e3d81 !important; }

.tab-4e3d81 .number {
  background-color: #4e3d81 !important; }

.tab-362861 .active .link {
  color: #362861 !important;
  border-bottom: solid 2px #362861 !important; }

.tab-362861 .number {
  background-color: #362861 !important; }

.tab-f5c300 .active .link {
  color: #f5c300 !important;
  border-bottom: solid 2px #f5c300 !important; }

.tab-f5c300 .number {
  background-color: #f5c300 !important; }

.tab-e7a300 .active .link {
  color: #e7a300 !important;
  border-bottom: solid 2px #e7a300 !important; }

.tab-e7a300 .number {
  background-color: #e7a300 !important; }

.tab-4f9b59 .active .link {
  color: #4f9b59 !important;
  border-bottom: solid 2px #4f9b59 !important; }

.tab-4f9b59 .number {
  background-color: #4f9b59 !important; }

.tab-0988c5 .active .link {
  color: #0988c5 !important;
  border-bottom: solid 2px #0988c5 !important; }

.tab-0988c5 .number {
  background-color: #0988c5 !important; }

.tab-52a25d .active .link {
  color: #52a25d !important;
  border-bottom: solid 2px #52a25d !important; }

.tab-52a25d .number {
  background-color: #52a25d !important; }

.tab-ec731a .active .link {
  color: #ec731a !important;
  border-bottom: solid 2px #ec731a !important; }

.tab-ec731a .number {
  background-color: #ec731a !important; }

.tab-a600a0 .active .link {
  color: #a600a0 !important;
  border-bottom: solid 2px #a600a0 !important; }

.tab-a600a0 .number {
  background-color: #a600a0 !important; }

.tab-8f8f8f .active .link {
  color: #8f8f8f !important;
  border-bottom: solid 2px #8f8f8f !important; }

.tab-8f8f8f .number {
  background-color: #8f8f8f !important; }

.tab-333333 .active .link {
  color: #333333 !important;
  border-bottom: solid 2px #333333 !important; }

.tab-333333 .number {
  background-color: #333333 !important; }

.tab-ffe710 .active .link {
  color: #ffe710 !important;
  border-bottom: solid 2px #ffe710 !important; }

.tab-ffe710 .number {
  background-color: #ffe710 !important; }

.tab-a99f91 .active .link {
  color: #a99f91 !important;
  border-bottom: solid 2px #a99f91 !important; }

.tab-a99f91 .number {
  background-color: #a99f91 !important; }

.tab-3f9fe0 .active .link {
  color: #3f9fe0 !important;
  border-bottom: solid 2px #3f9fe0 !important; }

.tab-3f9fe0 .number {
  background-color: #3f9fe0 !important; }

.tab-2599d1 .active .link {
  color: #2599d1 !important;
  border-bottom: solid 2px #2599d1 !important; }

.tab-2599d1 .number {
  background-color: #2599d1 !important; }

.tab-eab700 .active .link {
  color: #eab700 !important;
  border-bottom: solid 2px #eab700 !important; }

.tab-eab700 .number {
  background-color: #eab700 !important; }

.tab-2196f3 .active .link {
  color: #2196f3 !important;
  border-bottom: solid 2px #2196f3 !important; }

.tab-2196f3 .number {
  background-color: #2196f3 !important; }

.tab-72b29a .active .link {
  color: #72b29a !important;
  border-bottom: solid 2px #72b29a !important; }

.tab-72b29a .number {
  background-color: #72b29a !important; }

.tab-1e96a4 .active .link {
  color: #1e96a4 !important;
  border-bottom: solid 2px #1e96a4 !important; }

.tab-1e96a4 .number {
  background-color: #1e96a4 !important; }

.tab-d7d7d7 .active .link {
  color: #d7d7d7 !important;
  border-bottom: solid 2px #d7d7d7 !important; }

.tab-d7d7d7 .number {
  background-color: #d7d7d7 !important; }

.tab-00aa4a .active .link {
  color: #00aa4a !important;
  border-bottom: solid 2px #00aa4a !important; }

.tab-00aa4a .number {
  background-color: #00aa4a !important; }

/*#endregion */
/*#region select-styles */
.select {
  position: relative;
  display: block;
  -webkit-box-shadow: 0 2px 0 #d2d2d2;
  -moz-box-shadow: 0 2px 0 #d2d2d2;
  -o-box-shadow: 0 2px 0 #d2d2d2;
  box-shadow: 0 2px 0 #d2d2d2;
  border-radius: 2px;
  background: #f9f9f9;
  margin-bottom: 12px; }
  .select .icon-arrow-down {
    position: absolute;
    z-index: 2;
    font-size: 18px;
    line-height: 18px;
    color: #908f8f;
    right: 12px;
    top: 50%;
    margin-top: -9px; }
  .select .select-prayers,
  .select .select-weather,
  .select .select-election {
    position: relative;
    z-index: 1;
    border: none;
    outline: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 18px;
    font-family: helveticaneue-light;
    padding: 8px;
    color: #727272;
    width: 100%;
    cursor: pointer; }

label {
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  label input {
    position: absolute;
    opacity: 0;
    top: 0; }
  label span:after {
    content: ""; }
  label.checkbox span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 3px;
    border-radius: 2px;
    position: relative;
    border: 1px solid #bbb;
    line-height: 10px; }
  label.checkbox.checked span:after {
    content: "\e61d";
    font-family: yenisafak-mobile;
    position: relative;
    font-size: 20px;
    position: absolute;
    left: -2px;
    top: 1px;
    color: #db0000; }
  label.checkbox.upload span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #eeeeee;
    border-radius: 0px;
    position: relative;
    border: 1px solid #dddddd; }
  label.checkbox.upload.checked span:after {
    font-size: 7px;
    left: 4px;
    top: 4px;
    color: #333333; }
  label.radio span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 3px;
    border-radius: 14px;
    position: relative;
    border: 1px solid #bbb; }
  label.radio.checked span:after {
    width: 10px;
    height: 10px;
    background: #db0000;
    border-radius: 10px;
    position: absolute;
    left: 1px;
    top: 1px; }

.selectarea {
  display: block; }
  .selectarea .button {
    margin-bottom: 10px;
    display: inline-block;
    cursor: default;
    margin-right: 3px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: linear-gradient(top bottom, #fff 0, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    border: 1px solid #e3e3e3;
    line-height: 32px;
    height: 34px;
    color: #204f82;
    padding: 0 10px 0 10px;
    font-size: 14px;
    font-family: helveticaneue-regular;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .selectarea .button .icon-arrow-down {
      display: inline-block;
      z-index: 2;
      margin-left: 12px;
      font-size: 14px;
      line-height: 32px;
      color: #908f8f; }
    .selectarea .button.red {
      color: #fff;
      padding: 0 15px;
      border: 1px solid #E4373A;
      background: #E4373A; }
      .selectarea .button.red .icon-arrow-down {
        color: #ffffff; }
    .selectarea .button.navy {
      color: #fff;
      padding: 0 15px;
      border: 1px solid #0B7EC4;
      background: #0B7EC4; }

/*#endregion */
/*#region dropdown-styles */
.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .dropdown-list {
    display: none;
    color: #a5a5a5;
    border: 1px solid #e7e7e7;
    background: #ffffff;
    max-height: 276px;
    min-width: 181px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    -khtml-box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    -moz-box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    -ms-box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    -o-box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    box-shadow: 0 0 12px rgba(208, 208, 208, 0.75);
    padding: 8px 0;
    z-index: 8;
    position: absolute;
    width: 100%;
    top: -9px;
    left: 0;
    right: auto;
    cursor: default;
    border-radius: 2px; }
  .dropdown.active .dropdown-list {
    display: block; }
  .dropdown ul li {
    display: block;
    text-align: left; }
    .dropdown ul li a, .dropdown ul li label {
      display: block;
      padding: 0 11px;
      font-size: 14px;
      line-height: 36px;
      font-family: helveticaneue-regular;
      color: #204f82; }
      .dropdown ul li a span, .dropdown ul li label span {
        top: -1px;
        margin-right: 7px;
        vertical-align: middle; }
        .dropdown ul li a span.checked, .dropdown ul li label span.checked {
          background: #f5f5f5; }
    .dropdown ul li input {
      display: inline-block;
      border-width: 0 0 1px 0;
      border-color: #ccc; }
      .dropdown ul li input::-webkit-input-placeholder {
        color: #ccc; }
    .dropdown ul li:last-child {
      border-bottom: none; }

.drop-main,
.scroll {
  overflow-y: scroll; }

.drop-main::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
  width: 10px; }

.drop-main::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track {
  background-color: #cccccc;
  border: solid 6px #ffffff;
  border-radius: 10px; }

.drop-main::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(204, 204, 204, 0.63);
  border: solid 1px #ffffff;
  border-radius: 10px; }

.drop-main::-webkit-scrollbar-thumb:hover,
.scroll::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa; }

/*#endregion */
/*#region tabs-styles */
.tabs {
  display: block; }
  .tabs .tab-links {
    position: relative; }
    .tabs .tab-links li {
      display: inline-block; }
      .tabs .tab-links li .link {
        display: block;
        cursor: pointer; }
        .tabs .tab-links li .link.live-circle {
          position: relative; }
          .tabs .tab-links li .link.live-circle i {
            position: absolute;
            top: 10px;
            right: 5px;
            font-size: 1.6rem;
            line-height: 1.6rem;
            color: #52a25d; }
      .tabs .tab-links li.swiper-slide-active {
        position: relative; }
    .tabs .tab-links.style-1 {
      background: #d9d9d9; }
      .tabs .tab-links.style-1 .link {
        font: 1.6rem/4.8rem helveticaneue-medium;
        color: gray;
        margin: 0;
        padding: 0 20px; }
      .tabs .tab-links.style-1 .swiper-slide-active .link {
        color: black; }
    .tabs .tab-links.style-2 {
      background: #d9d9d9; }
      .tabs .tab-links.style-2 .link {
        font: 1.6rem/4.8rem helveticaneue-medium;
        color: gray;
        margin: 0;
        padding: 0 20px; }
    .tabs .tab-links.style-3 {
      background: #d9d9d9 !important; }
      .tabs .tab-links.style-3 .link {
        font: 1.6rem/4.8rem helveticaneue-medium;
        color: gray;
        margin: 0 16px;
        padding: 0; }
    .tabs .tab-links.style-4 {
      background: #333333 !important; }
      .tabs .tab-links.style-4 .link {
        font: 1.6rem/4.8rem helveticaneue-medium;
        color: #b3b3b3;
        margin: 0 16px;
        padding: 0; }
      .tabs .tab-links.style-4 .swiper-slide-active .link {
        color: #ffd743;
        border-bottom: solid 2px #ffd743; }
    .tabs .tab-links .swiper-button {
      position: absolute;
      width: 100%;
      top: 0;
      z-index: 2; }
      .tabs .tab-links .swiper-button .swiper-button-prev {
        height: 48px;
        padding-right: 40px;
        background: url(../images/bg-button-prev.svg) repeat-y top left; }
        .tabs .tab-links .swiper-button .swiper-button-prev i {
          display: inline-block;
          font-size: 2rem;
          line-height: 4.8rem;
          padding: 0 10px;
          float: left; }
      .tabs .tab-links .swiper-button .swiper-button-next {
        height: 48px;
        padding-left: 40px;
        background: url(../images/bg-button-next.svg) repeat-y top left; }
        .tabs .tab-links .swiper-button .swiper-button-next i {
          display: inline-block;
          font-size: 2rem;
          line-height: 4.8rem;
          padding: 0 10px;
          float: right; }
  .tabs .tab-list {
    position: relative;
    overflow: hidden;
    text-align: center; }
    .tabs .tab-list li {
      display: inline-block; }
      .tabs .tab-list li .link {
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-transition: -webkit-all, 0.5s, ease-in-out;
        -khtml-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;
        border-bottom: solid 2px transparent; }
        .tabs .tab-list li .link.active {
          position: relative;
          -webkit-transition: -webkit-all, 0.5s, ease-in-out;
          -khtml-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; }
          .tabs .tab-list li .link.active .link {
            border-bottom: solid 2px rgba(0, 0, 0, 0.5); }
    .tabs .tab-list .three li {
      width: calc(100% / 3); }
    .tabs .tab-list.style-1 {
      background: #fcfcfc; }
      .tabs .tab-list.style-1 li .link {
        font: 1.4rem/4.8rem helveticaneue-medium;
        margin: 0;
        padding: 0;
        color: gray;
        border-bottom: solid 2px #e6e6e6; }
      .tabs .tab-list.style-1 li.active .link {
        color: #52a25d;
        border-bottom: solid 2px #52a25d; }
    .tabs .tab-list.style-2 {
      background: #fafafa; }
      .tabs .tab-list.style-2 li .link {
        font: 1.4rem/4.8rem helveticaneue-medium;
        margin: 0 10px;
        padding: 0 10px;
        color: gray; }
      .tabs .tab-list.style-2 li.active .link {
        color: #52a25d;
        border-bottom: solid 2px #52a25d; }
    .tabs .tab-list.style-3 li .link {
      font: 1.4rem/4rem helveticaneue-medium;
      margin: 0 12px;
      color: #999999 !important; }
    .tabs .tab-list.style-3 li.active .link {
      border-bottom: solid 2px #52a25d; }
  .tabs .tab-content {
    position: relative; }
    .tabs .tab-content .tab {
      opacity: 0;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      -webkit-transition: -webkit-all, 0.5s, ease;
      -khtml-transition: all, 0.5s, ease;
      -moz-transition: all, 0.5s, ease;
      -ms-transition: all, 0.5s, ease;
      -o-transition: all, 0.5s, ease;
      transition: all, 0.5s, ease; }
      .tabs .tab-content .tab.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        -webkit-transition: -webkit-all, 0.5s, ease;
        -khtml-transition: all, 0.5s, ease;
        -moz-transition: all, 0.5s, ease;
        -ms-transition: all, 0.5s, ease;
        -o-transition: all, 0.5s, ease;
        transition: all, 0.5s, ease; }
    .tabs .tab-content .tab-sub {
      opacity: 0;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      -webkit-transition: -webkit-all, 0.5s, ease;
      -khtml-transition: all, 0.5s, ease;
      -moz-transition: all, 0.5s, ease;
      -ms-transition: all, 0.5s, ease;
      -o-transition: all, 0.5s, ease;
      transition: all, 0.5s, ease; }
      .tabs .tab-content .tab-sub.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        -webkit-transition: -webkit-all, 0.5s, ease;
        -khtml-transition: all, 0.5s, ease;
        -moz-transition: all, 0.5s, ease;
        -ms-transition: all, 0.5s, ease;
        -o-transition: all, 0.5s, ease;
        transition: all, 0.5s, ease; }
    .tabs .tab-content .swiper-button .swiper-button-prev,
    .tabs .tab-content .swiper-button .swiper-button-next {
      width: 30px;
      height: 30px; }
      .tabs .tab-content .swiper-button .swiper-button-prev i,
      .tabs .tab-content .swiper-button .swiper-button-next i {
        color: #000;
        opacity: 0.2;
        font-size: 30px; }

.tags {
  display: block; }
  .tags .tag-list {
    position: relative;
    padding: 10px; }
    .tags .tag-list > li {
      display: inline-block;
      margin-right: 10px; }
      .tags .tag-list > li .tab {
        display: block;
        margin: 0;
        padding: 0 12px;
        border: solid 1px #52a25d;
        border-radius: 3px;
        overflow: hidden; }
        .tags .tag-list > li .tab i, .tags .tag-list > li .tab span {
          display: inline-block;
          font: 1.2rem/3rem helveticaneue-regular;
          color: black; }
        .tags .tag-list > li .tab i {
          margin-left: 6px;
          line-height: 30px; }
        .tags .tag-list > li .tab.active {
          position: relative;
          background: #52a25d;
          border-radius: 3px; }
          .tags .tag-list > li .tab.active i, .tags .tag-list > li .tab.active span {
            color: #ffffff; }
      .tags .tag-list > li:hover, .tags .tag-list > li:focus {
        border-radius: 3px;
        -webkit-box-shadow: 0 0 5px rgba(255, 215, 67, 0.7);
        -khtml-box-shadow: 0 0 5px rgba(255, 215, 67, 0.7);
        -moz-box-shadow: 0 0 5px rgba(255, 215, 67, 0.7);
        -ms-box-shadow: 0 0 5px rgba(255, 215, 67, 0.7);
        -o-box-shadow: 0 0 5px rgba(255, 215, 67, 0.7);
        box-shadow: 0 0 5px rgba(255, 215, 67, 0.7); }

/*#endregion */
/*#region title-group-styles */
.title-group {
  position: relative;
  margin: 0 auto -.1rem; }
  .title-group .front {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 0;
    margin: 0 auto; }
    .title-group .front span {
      padding: 0 .9rem;
      -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone; }
  .title-group .end {
    padding: 5px 0;
    margin: 0 auto;
    opacity: 0.5; }
    .title-group .end span {
      padding: 0 .9rem;
      -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone;
      background: #000;
      color: #000; }
  .title-group.group-1 .front span {
    color: #fff; }
  .title-group.group-2 .front span {
    color: #ffd743; }

/*#endregion */
/*#region Loading CSS Styles */
.spinner-opacity {
  -webkit-animation: opacity 2s infinite linear;
  animation: opacity 2s infinite linear; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@keyframes opacity {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

/*#endregion */
/*#region ys-push-styles */
.ys-push {
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 1000;
  background-color: #cb0001; }
  .ys-push .container {
    padding: 1rem 0;
    margin: 0 1rem; }
    .ys-push .container .icon {
      color: #eee;
      font-size: 39px;
      float: left;
      margin-right: 15px; }
    .ys-push .container .close {
      color: #eee;
      font-size: 1.7rem;
      position: absolute;
      right: 1rem;
      top: -1.7rem;
      background: #cb0001;
      padding: 0.8rem;
      border-radius: 100%;
      z-index: 102; }
    .ys-push .container .box {
      width: auto;
      margin: 0 auto;
      padding: 10px 10px;
      background-color: rgba(255, 255, 255, 0.3);
      color: #fff;
      border-radius: 4px;
      min-height: inherit;
      font: 1.4rem helveticaneue-regular;
      top: 0; }
    .ys-push .container .box:hover {
      background-color: white;
      color: #cb0001; }
    .ys-push .container p {
      color: #efd7d7;
      font: 1.2rem/1.4rem helveticaneue-regular;
      position: relative;
      z-index: 103; }
      .ys-push .container p .title {
        display: block;
        font: 1.4rem/1.8rem helveticaneue-bold;
        color: #fff;
        margin-bottom: 1rem;
        width: calc(100% - 40px); }
      .ys-push .container p .spot {
        display: inline-block;
        width: calc(100% - 127px);
        min-height: 36px; }

/*#endregion */
.color- {
  background-color: #cb0102; }

/* Helvetica Neue Fonts [UltraLight, Light, Regular, Medium, Bold] */
@font-face {
  font-family: helveticaneue-ultralight;
  src: url("../fonts/helveticaneue-ultralight.eot"), url("../fonts/helveticaneue-ultralight.otf") format("opentype"), url("../fonts/helveticaneue-ultralight.ttf") format("truetype"), url("../fonts/helveticaneue-ultralight.woff") format("woff"), url("../fonts/helveticaneue-ultralight.svg#helveticaneue-ultralight") format("svg"); }

@font-face {
  font-family: helveticaneue-light;
  src: url("../fonts/helveticaneue-light.eot"), url("../fonts/helveticaneue-light.otf") format("opentype"), url("../fonts/helveticaneue-light.ttf") format("truetype"), url("../fonts/helveticaneue-light.woff") format("woff"), url("../fonts/helveticaneue-light.svg#helveticaneue-light") format("svg"); }

@font-face {
  font-family: helveticaneue-regular;
  src: url("../fonts/helveticaneue-regular.eot"), url("../fonts/helveticaneue-regular.otf") format("opentype"), url("../fonts/helveticaneue-regular.ttf") format("truetype"), url("../fonts/helveticaneue-light.woff") format("woff"), url("../fonts/helveticaneue-regular.svg#helveticaneue-regular") format("svg"); }

@font-face {
  font-family: helveticaneue-medium;
  src: url("../fonts/helveticaneue-medium.eot"), url("../fonts/helveticaneue-medium.otf") format("opentype"), url("../fonts/helveticaneue-medium.ttf") format("truetype"), url("../fonts/helveticaneue-light.woff") format("woff"), url("../fonts/helveticaneue-medium.svg#helveticaneue-medium") format("svg"); }

@font-face {
  font-family: helveticaneue-bold;
  src: url("../fonts/helveticaneue-bold.eot"), url("../fonts/helveticaneue-bold.otf") format("opentype"), url("../fonts/helveticaneue-bold.ttf") format("truetype"), url("../fonts/helveticaneue-light.woff") format("woff"), url("../fonts/helveticaneue-bold.svg#helveticaneue-bold") format("svg"); }

/* Jubilat Fonts [Extra Light, Light, Regular, Medium, Bold, Black] */
@font-face {
  font-family: jubilat-extralight;
  src: url("../fonts/jubilat-extralight.eot"), url("../fonts/jubilat-extralight.otf") format("opentype"), url("../fonts/jubilat-extralight.ttf") format("truetype"), url("../fonts/jubilat-extralight.svg#jubilat-extralight") format("svg"); }

@font-face {
  font-family: jubilat-light;
  src: url("../fonts/jubilat-light.eot"), url("../fonts/jubilat-light.otf") format("opentype"), url("../fonts/jubilat-light.ttf") format("truetype"), url("../fonts/jubilat-light.svg#jubilat-light") format("svg"); }

@font-face {
  font-family: jubilat-regular;
  src: url("../fonts/jubilat-regular.eot"), url("../fonts/jubilat-regular.otf") format("opentype"), url("../fonts/jubilat-regular.ttf") format("truetype"), url("../fonts/jubilat-regular.svg#jubilat-regular") format("svg"); }

@font-face {
  font-family: jubilat-medium;
  src: url("../fonts/jubilat-medium.eot"), url("../fonts/jubilat-medium.otf") format("opentype"), url("../fonts/jubilat-medium.ttf") format("truetype"), url("../fonts/jubilat-medium.svg#jubilat-medium") format("svg"); }

@font-face {
  font-family: jubilat-bold;
  src: url("../fonts/jubilat-bold.eot"), url("../fonts/jubilat-bold.otf") format("opentype"), url("../fonts/jubilat-bold.ttf") format("truetype"), url("../fonts/jubilat-bold.svg#jubilat-bold") format("svg"); }

@font-face {
  font-family: jubilat-black;
  src: url("../fonts/jubilat-black.eot"), url("../fonts/jubilat-black.otf") format("opentype"), url("../fonts/jubilat-black.ttf") format("truetype"), url("../fonts/jubilat-black.svg#jubilat-black") format("svg"); }

/* AlrightSans Fonts [Regular, Medium, Bold, Black] */
@font-face {
  font-family: alrightsans-regular;
  src: url("../fonts/alrightsans-regular.eot"), url("../fonts/alrightsans-regular.otf") format("opentype"), url("../fonts/alrightsans-regular.ttf") format("truetype"), url("../fonts/alrightsans-light.woff") format("woff"), url("../fonts/alrightsans-regular.svg#alrightsans-regular") format("svg"); }

@font-face {
  font-family: alrightsans-medium;
  src: url("../fonts/alrightsans-medium.eot"), url("../fonts/alrightsans-medium.otf") format("opentype"), url("../fonts/alrightsans-medium.ttf") format("truetype"), url("../fonts/alrightsans-light.woff") format("woff"), url("../fonts/alrightsans-medium.svg#alrightsans-medium") format("svg"); }

@font-face {
  font-family: alrightsans-bold;
  src: url("../fonts/alrightsans-bold.eot"), url("../fonts/alrightsans-bold.otf") format("opentype"), url("../fonts/alrightsans-bold.ttf") format("truetype"), url("../fonts/alrightsans-light.woff") format("woff"), url("../fonts/alrightsans-bold.svg#alrightsans-bold") format("svg"); }

@font-face {
  font-family: alrightsans-black;
  src: url("../fonts/alrightsans-black.eot"), url("../fonts/alrightsans-black.otf") format("opentype"), url("../fonts/alrightsans-black.ttf") format("truetype"), url("../fonts/alrightsans-black.woff") format("woff"), url("../fonts/alrightsans-black.svg#alrightsans-black") format("svg"); }

/* Open Sans Font */
/* OpenSans Fonts [Light, Regular, Semibold, Bold, ExtraBold] */
@font-face {
  font-family: opensans-light;
  src: url("../fonts/opensans-light.eot"), url("../fonts/opensans-light.otf") format("opentype"), url("../fonts/opensans-light.ttf") format("truetype"), url("../fonts/opensans-light.woff") format("woff"), url("../fonts/opensans-light.svg#opensans-light") format("svg"); }

@font-face {
  font-family: opensans-regular;
  src: url("../fonts/opensans-regular.eot"), url("../fonts/opensans-regular.otf") format("opentype"), url("../fonts/opensans-regular.ttf") format("truetype"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.svg#opensans-regular") format("svg"); }

@font-face {
  font-family: opensans-semibold;
  src: url("../fonts/opensans-semibold.eot"), url("../fonts/opensans-semibold.otf") format("opentype"), url("../fonts/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.svg#opensans-semibold") format("svg"); }

@font-face {
  font-family: opensans-bold;
  src: url("../fonts/opensans-bold.eot"), url("../fonts/opensans-bold.otf") format("opentype"), url("../fonts/opensans-bold.ttf") format("truetype"), url("../fonts/opensans-light.woff") format("woff"), url("../fonts/opensans-bold.svg#opensans-bold") format("svg"); }

@font-face {
  font-family: opensans-extrabold;
  src: url("../fonts/opensans-extrabold.eot"), url("../fonts/opensans-extrabold.otf") format("opentype"), url("../fonts/opensans-extrabold.ttf") format("truetype"), url("../fonts/opensans-extrabold.woff") format("woff"), url("../fonts/opensans-extrabold.svg#opensans-extrabold") format("svg"); }

/* Arabic Font */
@font-face {
  font-family: frutiger-light;
  src: url("../fonts/arabic/frutiger-light.eot"), url("../fonts/arabic/frutiger-light.woff") format("woff"), url("../fonts/arabic/frutiger-light.ttf") format("truetype"), url("../fonts/arabic/frutiger-light.svg#frutiger-light") format("svg"); }

@font-face {
  font-family: frutiger-roman;
  src: url("../fonts/arabic/frutiger-roman.eot"), url("../fonts/arabic/frutiger-roman.woff") format("woff"), url("../fonts/arabic/frutiger-roman.ttf") format("truetype"), url("../fonts/arabic/frutiger-roman.svg#frutiger-roman") format("svg"); }

@font-face {
  font-family: frutiger-bold;
  src: url("../fonts/arabic/frutiger-bold.eot"), url("../fonts/arabic/frutiger-bold.woff") format("woff"), url("../fonts/arabic/frutiger-bold.ttf") format("truetype"), url("../fonts/arabic/frutiger-bold.svg#frutiger-bold") format("svg"); }

@font-face {
  font-family: frutiger-black;
  src: url("../fonts/arabic/frutiger-black.eot"), url("../fonts/arabic/frutiger-black.woff") format("woff"), url("../fonts/arabic/frutiger-black.ttf"), url("../fonts/arabic/frutiger-black.svg#frutiger-black") format("svg"); }

/* Clarendon Fonts [Light, Regular, Semibold, Bold, ExtraBold] */
@font-face {
  font-family: clarendon-light;
  src: url("../fonts/clarendon-light.eot");
  src: url("../fonts/clarendon-light.eot?#iefix") format("embedded-opentype"), url("../fonts/clarendon-light.woff2") format("woff2"), url("../fonts/clarendon-light.woff") format("woff"), url("../fonts/clarendon-light.ttf") format("truetype"), url("../fonts/clarendon-light.svg#jr") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: clarendon-medium;
  src: url("../fonts/clarendon-medium.eot");
  src: url("../fonts/clarendon-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/clarendon-medium.woff2") format("woff2"), url("../fonts/clarendon-medium.woff") format("woff"), url("../fonts/clarendon-medium.ttf") format("truetype"), url("../fonts/clarendon-medium.svg#jm") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: clarendon-bold;
  src: url("../fonts/clarendon-bold.eot");
  src: url("../fonts/clarendon-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/clarendon-bold.woff2") format("woff2"), url("../fonts/clarendon-bold.woff") format("woff"), url("../fonts/clarendon-bold.ttf") format("truetype"), url("../fonts/clarendon-bold.svg#jb") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: clarendon-black;
  src: url("../fonts/clarendon-black.eot");
  src: url("../fonts/clarendon-black.eot?#iefix") format("embedded-opentype"), url("../fonts/clarendon-black.woff2") format("woff2"), url("../fonts/clarendon-black.woff") format("woff"), url("../fonts/clarendon-black.ttf") format("truetype"), url("../fonts/clarendon-black.svg#jb") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothamrounded-bold;
  src: url("../fonts/gothamrounded-bold.eot");
  src: url("../fonts/gothamrounded-bold.woff2") format("woff2"), url("../fonts/gothamrounded-bold.woff") format("woff"), url("../fonts/gothamrounded-bold.ttf") format("truetype"), url("../fonts/gothamrounded-bold.svg#../fonts/gothamrounded-bold") format("svg"), url("../fonts/gothamrounded-bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'yenisafak-mobile';
  src: url("../fonts/yenisafak-mobile.eot?qlie0z");
  src: url("../fonts/yenisafak-mobile.eot?qlie0z#iefix") format("embedded-opentype"), url("../fonts/yenisafak-mobile.woff2?qlie0z") format("woff2"), url("../fonts/yenisafak-mobile.ttf?qlie0z") format("truetype"), url("../fonts/yenisafak-mobile.woff?qlie0z") format("woff"), url("../fonts/yenisafak-mobile.svg?qlie0z#yenisafak-mobile") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'yenisafak-mobile' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-semi-final:before {
  content: "\e950"; }

.icon-final:before {
  content: "\e951"; }

.icon-quarter-final:before {
  content: "\e952"; }

.icon-cup-stadium:before {
  content: "\e953"; }

.icon-what-channel:before {
  content: "\e947"; }

.icon-football-team:before {
  content: "\e948"; }

.icon-general-info:before {
  content: "\e949"; }

.icon-cup-groups:before {
  content: "\e94a"; }

.icon-finals-history:before {
  content: "\e94b"; }

.icon-matches:before {
  content: "\e94c"; }

.icon-stadiums:before {
  content: "\e94d"; }

.icon-cup-schedule:before {
  content: "\e94e"; }

.icon-all-league:before {
  content: "\e94f"; }

.icon-sport-futbol2:before {
  content: "\e939"; }

.icon-header-cup:before {
  content: "\e937"; }

.icon-sport-basketbol:before {
  content: "\e936"; }

.icon-sport-extremesporlar:before {
  content: "\e935"; }

.icon-sport-f1:before {
  content: "\e934"; }

.icon-sport-futbol:before {
  content: "\e933"; }

.icon-sport-golf:before {
  content: "\e932"; }

.icon-sport-motorsporlari:before {
  content: "\e931"; }

.icon-sport-tenis:before {
  content: "\e930"; }

.icon-sport-voleybol:before {
  content: "\e92f"; }

.icon-chart-line:before {
  content: "\e92a"; }

.icon-football-ball:before {
  content: "\e926"; }

.icon-win:before {
  content: "\e91b"; }

.icon-compare-line:before {
  content: "\e909"; }

.icon-television:before {
  content: "\e90a"; }

.icon-statistics:before {
  content: "\e90b"; }

.icon-baby:before {
  content: "\e91c"; }

.icon-kilo:before {
  content: "\e91d"; }

.icon-location:before {
  content: "\e91e"; }

.icon-meter:before {
  content: "\e91f"; }

.icon-position:before {
  content: "\e920"; }

.icon-shoes:before {
  content: "\e921"; }

.icon-shirt:before {
  content: "\e922"; }

.icon-age:before {
  content: "\e93a"; }

.icon-fixture:before {
  content: "\e923"; }

.icon-points:before {
  content: "\e924"; }

.icon-score:before {
  content: "\e925"; }

.icon-smile-circle-5:before {
  content: "\e942"; }

.icon-smile-circle-4:before {
  content: "\e943"; }

.icon-smile-circle-3:before {
  content: "\e944"; }

.icon-smile-circle-2:before {
  content: "\e945"; }

.icon-smile-circle-1:before {
  content: "\e946"; }

.icon-two-way-arrow:before {
  content: "\e90c"; }

.icon-smile-5:before {
  content: "\e90d"; }

.icon-smile-4:before {
  content: "\e90e"; }

.icon-smile-3:before {
  content: "\e90f"; }

.icon-smile-2:before {
  content: "\e910"; }

.icon-smile-1:before {
  content: "\e911"; }

.icon-level-9:before {
  content: "\e912"; }

.icon-level-8:before {
  content: "\e913"; }

.icon-level-7:before {
  content: "\e914"; }

.icon-level-6:before {
  content: "\e915"; }

.icon-level-5:before {
  content: "\e916"; }

.icon-level-4:before {
  content: "\e917"; }

.icon-level-3:before {
  content: "\e918"; }

.icon-level-2:before {
  content: "\e919"; }

.icon-level-1:before {
  content: "\e91a"; }

.icon-star-0:before {
  content: "\e93b"; }

.icon-star-1:before {
  content: "\e93c"; }

.icon-star-2:before {
  content: "\e93d"; }

.icon-star-3:before {
  content: "\e93e"; }

.icon-star-4:before {
  content: "\e93f"; }

.icon-star-5:before {
  content: "\e940"; }

.icon-weather-01:before {
  content: "\e668"; }

.icon-weather-05:before {
  content: "\e652"; }

.icon-weather-10:before {
  content: "\e653"; }

.icon-weather-12:before {
  content: "\e654"; }

.icon-weather-14:before {
  content: "\e655"; }

.icon-weather-17:before {
  content: "\e656"; }

.icon-weather-18:before {
  content: "\e657"; }

.icon-weather-19:before {
  content: "\e658"; }

.icon-weather-21:before {
  content: "\e659"; }

.icon-weather-25:before {
  content: "\e65a"; }

.icon-weather-26:before {
  content: "\e65b"; }

.icon-weather-27:before {
  content: "\e65c"; }

.icon-weather-28:before {
  content: "\e65d"; }

.icon-weather-29:before {
  content: "\e65e"; }

.icon-weather-30:before {
  content: "\e669"; }

.icon-weather-31:before {
  content: "\e65f"; }

.icon-weather-32:before {
  content: "\e660"; }

.icon-weather-33:before {
  content: "\e661"; }

.icon-weather-37:before {
  content: "\e662"; }

.icon-weather-38:before {
  content: "\e663"; }

.icon-weather-41:before {
  content: "\e664"; }

.icon-weather-45:before {
  content: "\e665"; }

.icon-weather-46:before {
  content: "\e666"; }

.icon-weather-47:before {
  content: "\e667"; }

.icon-weather-48:before {
  content: "\e66a"; }

.icon-ys-72:before {
  content: "\e64f"; }

.icon-ys-73:before {
  content: "\e650"; }

.icon-ys-74:before {
  content: "\e907"; }

.icon-ys-75:before {
  content: "\e908"; }

.icon-ys-76:before {
  content: "\e651"; }

.icon-more:before {
  content: "\e906"; }

.icon-print:before {
  content: "\e95d"; }

.icon-calendar-plus:before {
  content: "\e95e"; }

.icon-recipe-calorie:before {
  content: "\e95f"; }

.icon-recipe-difficulty:before {
  content: "\e960"; }

.icon-cooking-pot:before {
  content: "\e95a"; }

.icon-recipe-ingredients:before {
  content: "\e95b"; }

.icon-taking-notes:before {
  content: "\e95c"; }

.icon-calendar-clock:before {
  content: "\e954"; }

.icon-calendar-location:before {
  content: "\e955"; }

.icon-recipe-cooking:before {
  content: "\e956"; }

.icon-recipe-preparation:before {
  content: "\e957"; }

.icon-recipe-star:before {
  content: "\e958"; }

.icon-saying:before {
  content: "\e959"; }

.icon-share-bip:before {
  content: "\e929"; }

.icon-compare:before {
  content: "\e941"; }

.icon-check:before {
  content: "\e938"; }

.icon-browser-share:before {
  content: "\e92e"; }

.icon-browser-forward:before {
  content: "\e92d"; }

.icon-browser-back:before {
  content: "\e92c"; }

.icon-footer-share:before {
  content: "\e92b"; }

.icon-stats:before {
  content: "\e927"; }

.icon-comments:before {
  content: "\e928"; }

.icon-more-vertical:before {
  content: "\e904"; }

.icon-sort-circle:before {
  content: "\e905"; }

.icon-sort-up:before {
  content: "\e902"; }

.icon-sort-down:before {
  content: "\e903"; }

.icon-line:before {
  content: "\e800"; }

.icon-go-down:before {
  content: "\e801"; }

.icon-go-up:before {
  content: "\e802"; }

.icon-go-forward:before {
  content: "\e7fb"; }

.icon-go-back:before {
  content: "\e804"; }

.icon-vote-box:before {
  content: "\e66b"; }

.icon-candidate:before {
  content: "\e66c"; }

.icon-loading:before {
  content: "\e64c"; }

.icon-profile:before {
  content: "\e64d"; }

.icon-settings:before {
  content: "\e64e"; }

.icon-media-size:before {
  content: "\e64a"; }

.icon-profile-photo:before {
  content: "\e64b"; }

.icon-arrow-circle:before {
  content: "\e602"; }

.icon-arrow-unfold:before {
  content: "\e66d"; }

.icon-arrow-first:before {
  content: "\e604"; }

.icon-arrow-last:before {
  content: "\e605"; }

.icon-arrow-left:before {
  content: "\e606"; }

.icon-arrow-right:before {
  content: "\e607"; }

.icon-arrow-down:before {
  content: "\e603"; }

.icon-arrow-up:before {
  content: "\e608"; }

.icon-close:before {
  content: "\e609"; }

.icon-comment-flag:before {
  content: "\e60a"; }

.icon-election-chart:before {
  content: "\e60b"; }

.icon-election-graph:before {
  content: "\e60c"; }

.icon-election-list:before {
  content: "\e60d"; }

.icon-election-query:before {
  content: "\e60e"; }

.icon-extra-broadcast:before {
  content: "\e60f"; }

.icon-extra-markets:before {
  content: "\e610"; }

.icon-extra-newspaper:before {
  content: "\e611"; }

.icon-extra-weather:before {
  content: "\e612"; }

.icon-extra-prayers:before {
  content: "\e649"; }

.icon-font-size:before {
  content: "\e613"; }

.icon-header-back:before {
  content: "\e614"; }

.icon-header-font:before {
  content: "\e616"; }

.icon-header-comment:before {
  content: "\e615"; }

.icon-header-menu:before {
  content: "\e617"; }

.icon-header-more:before {
  content: "\e618"; }

.icon-header-notification:before {
  content: "\e619"; }

.icon-header-refresh:before {
  content: "\e61a"; }

.icon-header-search:before {
  content: "\e61b"; }

.icon-header-share:before {
  content: "\e61c"; }

.icon-list-choose:before {
  content: "\e61d"; }

.icon-media-gallery:before {
  content: "\e61e"; }

.icon-media-video:before {
  content: "\e621"; }

.icon-media-magnifier:before {
  content: "\e61f"; }

.icon-media-photo:before {
  content: "\e620"; }

.icon-navigation-about:before {
  content: "\e622"; }

.icon-navigation-broadcast:before {
  content: "\e623"; }

.icon-navigation-contact:before {
  content: "\e624"; }

.icon-navigation-economy:before {
  content: "\e625"; }

.icon-navigation-feedback:before {
  content: "\e901"; }

.icon-navigation-help:before {
  content: "\e626"; }

.icon-navigation-home:before {
  content: "\e627"; }

.icon-navigation-life:before {
  content: "\e628"; }

.icon-navigation-markets:before {
  content: "\e629"; }

.icon-navigation-newspapers:before {
  content: "\e62a"; }

.icon-navigation-notification:before {
  content: "\e62b"; }

.icon-navigation-photo:before {
  content: "\e62c"; }

.icon-navigation-policy:before {
  content: "\e62d"; }

.icon-navigation-prayers:before {
  content: "\e62e"; }

.icon-navigation-ramadan:before {
  content: "\e62f"; }

.icon-navigation-sports:before {
  content: "\e630"; }

.icon-navigation-technology:before {
  content: "\e631"; }

.icon-navigation-timely:before {
  content: "\e632"; }

.icon-navigation-video:before {
  content: "\e633"; }

.icon-navigation-weather:before {
  content: "\e634"; }

.icon-navigation-worlds:before {
  content: "\e635"; }

.icon-navigation-writers:before {
  content: "\e636"; }

.icon-page-blockquote:before {
  content: "\e637"; }

.icon-page-broadcast:before {
  content: "\e638"; }

.icon-page-contact:before {
  content: "\e639"; }

.icon-page-notification:before {
  content: "\e63a"; }

.icon-page-others:before {
  content: "\e63b"; }

.icon-prayer-circle:before {
  content: "\e63c"; }

.icon-prayer-sun:before {
  content: "\e63d"; }

.icon-share-link:before {
  content: "\e63e"; }

.icon-share-sms:before {
  content: "\e63f"; }

.icon-share-web:before {
  content: "\e640"; }

.icon-share-whatsapp:before {
  content: "\e641"; }

.icon-social-email:before {
  content: "\e642"; }

.icon-social-facebook:before {
  content: "\e643"; }

.icon-social-google:before {
  content: "\e900"; }

.icon-social-share:before {
  content: "\e645"; }

.icon-social-twitter:before {
  content: "\e646"; }

.icon-weather-humidity:before {
  content: "\e647"; }

.icon-weather-wind:before {
  content: "\e648"; }

.icon-logo-back:before {
  content: "\e600"; }

.icon-logo-company:before {
  content: "\e601"; }

/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
/*#region Header CSS Styles */
header.header {
  position: absolute;
  top: 0;
  padding: 0;
  height: 0;
  width: 100%;
  z-index: 10;
  /*@include transform(translateY(0));
        @include transition(transform .6s ease-in-out);*/
  /*&:before {
            bottom: -16px;
            border: none;
            content: "";
            height: 16px;
            width: 100%;
            pointer-events: none;
            background: url(../images/shadow-header.svg) repeat-x left top transparent;
            position: absolute;
            @include opacity(0.5);
            -moz-transition-delay: 2s;
            -o-transition-delay: 2s;
            -webkit-transition-delay: 2s;
            transition-delay: 2s;
            z-index: 1;
        }*/ }
  header.header.passive {
    /*@include transform(translateY(-56px));
            @include transition(transform .6s ease-in-out);*/ }
    header.header.passive:before {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
  header.header .content {
    position: relative;
    display: block;
    height: 56px;
    -webkit-transition: -webkit-all, 0.5s, ease-in-out;
    -khtml-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;
    z-index: 4;
    /*.header-category {
                position: absolute;
                margin-left: 50px;
                display: inline-block;

                .title {
                    display: inline-block;
                    color: #ffffff;
                    height: 50px;
                    line-height: 32px;
                    padding: 9px 0;
                    font-size: 20px;
                    font-family: helveticaneue-bold;
                }

                .button {
                    display: inline-block;
                    text-align: center;
                    padding: 12px 0;
                    font-size: 0;

                    span {
                        display: inline-block;
                        color: #ffffff;
                        height: 32px;
                        line-height: 32px;
                        padding-right: 8px;
                        font-size: 18px;
                        font-family: helveticaneue-medium;
                    }

                    .icon-arrow-down {
                        display: inline-block;
                        font-size: 13px;
                        height: 32px;
                        line-height: 26px;
                    }
                }

                .svg-image {
                    position: relative;
                    display: inline-block;
                    padding: 2px 0;
                    margin-left: 20px;

                    &:before {
                        content: "";
                        position: absolute;
                        left: -12px;
                        top: 6px;
                        width: .1rem;
                        height: 2.0rem;
                        opacity: .2;
                        background-color: #fff;
                    }
                }

                .category-logo {
                    position: relative;
                    display: inline-block;
                    padding: 2px 0;
                    margin-left: 20px;

                    b {
                        display: inline-block;
                        background: rgba(0, 0, 0, 0.2);
                        color: #fff;
                        @include font-size(1.6);
                        @include line-height(2.8);
                        @include font(1.6,2.8,$fnt-header);
                        padding: 0 1rem;
                        border-radius: .2rem;
                    }

                    &:before {
                        content: "";
                        position: absolute;
                        left: -12px;
                        top: 6px;
                        width: .1rem;
                        height: 2.0rem;
                        opacity: .2;
                        background-color: #fff;
                    }
                }

                .euro-cup-logo {
                    display: inline-block;
                    height: 32px;
                    width: auto;
                    margin: 0 10px;
                }
            }*/ }
    header.header .content .button {
      position: relative;
      display: inline-block;
      padding: 12px 0;
      cursor: pointer; }
      header.header .content .button > i {
        display: inline-block;
        font-size: 24px;
        padding: 4px;
        color: #ffffff; }
        header.header .content .button > i.icon-logo-company {
          font-size: 30px;
          padding: 0; }
        header.header .content .button > i.icon-close {
          padding: 4px 12px; }
        header.header .content .button > i.menu-icon {
          padding: 12px 7px; }
      header.header .content .button .counter {
        position: absolute;
        top: 8px;
        right: 0;
        font-family: helveticaneue-bold;
        font-size: 10px;
        line-height: 13px;
        z-index: 1;
        padding: 0 6px;
        -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        header.header .content .button .counter.count-1 {
          background: #de1a27;
          color: #fff; }
        header.header .content .button .counter.count-2 {
          background: #ffe710;
          color: #000; }
      header.header .content .button.social {
        position: relative;
        padding-right: 6px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: -webkit-opacity, 0.3s, ease-in-out;
        -khtml-transition: opacity, 0.3s, ease-in-out;
        -moz-transition: opacity, 0.3s, ease-in-out;
        -ms-transition: opacity, 0.3s, ease-in-out;
        -o-transition: opacity, 0.3s, ease-in-out;
        transition: opacity, 0.3s, ease-in-out; }
        header.header .content .button.social.active {
          opacity: 1;
          visibility: visible; }
      header.header .content .button.active {
        z-index: 12; }
    header.header .content .header-left {
      position: absolute;
      left: 0; }
      header.header .content .header-left .button {
        padding: 12px 8px; }
    header.header .content .header-right {
      position: absolute;
      right: 0; }
      header.header .content .header-right .drop-button {
        padding: 12px 8px; }
    header.header .content .header-menu {
      position: absolute;
      left: 0;
      display: inline-block;
      transition: 0.15s;
      cursor: pointer;
      -webkit-user-select: none; }
      header.header .content .header-menu .drop-button {
        display: inline-block;
        padding: 9px; }
      header.header .content .header-menu .menu-icon {
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-transform: translate3d(0, 0, 0);
        -khtml-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 1; }
        header.header .content .header-menu .menu-icon i {
          margin: 4px 0;
          padding: 0; }
        header.header .content .header-menu .menu-icon:before, header.header .content .header-menu .menu-icon:after,
        header.header .content .header-menu .menu-icon i {
          content: "";
          display: block;
          width: 18px;
          height: 2px;
          background: #fff;
          z-index: 0;
          -webkit-transition: all .3s ease-in-out;
          -khtml-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          -ms-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
      header.header .content .header-menu .button.active .menu-icon:before, header.header .content .header-menu .button.active .menu-icon:after,
      header.header .content .header-menu .button.active .menu-icon i {
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
      header.header .content .header-menu .button.active .menu-icon:before {
        -webkit-transform: rotate(45deg) translate3d(4px, 4.5px, 0);
        -khtml-transform: rotate(45deg) translate3d(4px, 4.5px, 0);
        -moz-transform: rotate(45deg) translate3d(4px, 4.5px, 0);
        -ms-transform: rotate(45deg) translate3d(4px, 4.5px, 0);
        -o-transform: rotate(45deg) translate3d(4px, 4.5px, 0);
        transform: rotate(45deg) translate3d(4px, 4.5px, 0); }
      header.header .content .header-menu .button.active .menu-icon:after {
        -webkit-transform: rotate(-45deg) translate3d(4px, -4.5px, 0);
        -khtml-transform: rotate(-45deg) translate3d(4px, -4.5px, 0);
        -moz-transform: rotate(-45deg) translate3d(4px, -4.5px, 0);
        -ms-transform: rotate(-45deg) translate3d(4px, -4.5px, 0);
        -o-transform: rotate(-45deg) translate3d(4px, -4.5px, 0);
        transform: rotate(-45deg) translate3d(4px, -4.5px, 0); }
      header.header .content .header-menu .button.active .menu-icon i {
        opacity: 0; }
    header.header .content .header-logo {
      position: absolute;
      left: 5rem;
      right: 5rem;
      display: block;
      height: 56px;
      text-align: center; }
    header.header .content .header-category {
      position: absolute;
      left: 5rem;
      right: 5rem;
      width: calc(100% - 10rem);
      display: inline-block;
      height: 56px; }
      header.header .content .header-category .title {
        display: inline-block;
        color: #ffffff;
        height: 50px;
        line-height: 32px;
        padding: 9px 0;
        font-size: 20px;
        font-family: helveticaneue-bold; }
      header.header .content .header-category .button {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 0;
        font-size: 0; }
        header.header .content .header-category .button span {
          display: inline-block;
          color: #ffffff;
          height: 32px;
          line-height: 32px;
          padding-right: 8px;
          font-size: 18px;
          font-family: helveticaneue-medium; }
        header.header .content .header-category .button .icon-arrow-down {
          display: inline-block;
          font-size: 13px;
          height: 32px;
          line-height: 26px; }
      header.header .content .header-category .svg-image {
        position: relative;
        display: inline-block;
        padding: 2px 0;
        margin-left: 20px; }
        header.header .content .header-category .svg-image:before {
          content: "";
          position: absolute;
          left: -12px;
          top: 6px;
          width: .1rem;
          height: 2.0rem;
          opacity: .2;
          background-color: #fff; }
      header.header .content .header-category .category-logo {
        position: relative;
        display: block; }
        header.header .content .header-category .category-logo b {
          display: inline-block;
          background: rgba(0, 0, 0, 0.2);
          color: #fff;
          font: 0.8rem/1.5rem gothamrounded-bold;
          height: 1.4rem;
          padding: 0 0.8rem;
          border-radius: .1rem; }
    header.header .content .header-pager {
      position: absolute;
      width: 100%;
      padding: 0 40px;
      text-align: center;
      top: 50%;
      margin-top: -6px;
      height: 11px;
      overflow: hidden; }
  header.header .media {
    position: relative;
    display: block;
    height: 56px;
    -webkit-transition: -webkit-all, 0.5s, ease-in-out;
    -khtml-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;
    z-index: 4;
    background: rgba(128, 128, 128, 0.1); }
    header.header .media .button {
      position: relative;
      display: inline-block;
      padding: 12px 0;
      cursor: pointer; }
      header.header .media .button i {
        display: inline-block;
        font-size: 24px;
        padding: 4px;
        color: #ffffff; }
        header.header .media .button i.icon-close {
          padding: 4px 12px; }
        header.header .media .button i.circle {
          padding: 0;
          margin: 0 10px;
          width: 36px;
          height: 36px;
          line-height: 36px;
          text-align: center;
          -webkit-border-radius: 50%;
          -khtml-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background: rgba(0, 0, 0, 0.5); }
    header.header .media .swiper-text {
      padding: 0 16px;
      font: 1.8rem/5.6rem helveticaneue-bold; }
      header.header .media .swiper-text span {
        margin: 0 2px; }
    header.header .media .header-left {
      position: absolute;
      top: 0;
      left: 0; }
    header.header .media .header-right {
      position: absolute;
      top: 0;
      right: 0; }
      header.header .media .header-right .button {
        color: #8f8f8f; }
        header.header .media .header-right .button i {
          color: #8f8f8f; }
    header.header .media .header-pager {
      position: relative;
      width: 100%;
      height: 56px;
      padding: 0 40px;
      text-align: center; }
      header.header .media .header-pager .pagination-sg {
        display: block;
        margin-top: 24px; }
  header.header .tabs {
    display: block;
    position: relative;
    -webkit-transition: -webkit-all, 0.5s, ease-in-out;
    -khtml-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;
    z-index: 3; }
    header.header .tabs li {
      display: inline-block;
      float: left; }
    header.header .tabs .tab {
      position: relative;
      display: block;
      margin: 0;
      padding: 0 20px;
      color: #ffffff;
      white-space: nowrap; }
      header.header .tabs .tab i {
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        border-radius: 100%;
        background: #fafafa;
        text-align: center;
        margin: 12px auto;
        margin-right: 10px; }
      header.header .tabs .tab span {
        color: #5d5d5d; }
    header.header .tabs .button {
      position: relative;
      display: inline-block;
      cursor: pointer; }
      header.header .tabs .button > i {
        display: inline-block;
        font-size: 24px;
        line-height: 48px;
        padding-left: 12px;
        color: #ffffff; }
    header.header .tabs .icon {
      display: inline-block;
      float: left;
      padding-right: .5rem;
      margin: 8px auto;
      height: 32px; }
    header.header .tabs.style-1 {
      /*&:before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 0.2rem;
                    opacity: 1;
                    background: rgba(0,0,0,0.3);
                    @include transition(all, .5s, ease-in-out);
                }*/ }
      header.header .tabs.style-1:before {
        bottom: -16px;
        border: none;
        content: "";
        height: 16px;
        width: 100%;
        pointer-events: none;
        background: url(../images/shadow-header.svg) repeat-x left top transparent;
        position: absolute;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -webkit-opacity: 0.5;
        -khtml-opacity: 0.5;
        -moz-opacity: 0.5;
        -ms-opacity: 0.5;
        -o-opacity: 0.5;
        opacity: 0.5;
        -moz-transition-delay: 2s;
        -o-transition-delay: 2s;
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
        z-index: 1; }
      header.header .tabs.style-1 li.active .tab {
        font-family: helveticaneue-bold; }
      header.header .tabs.style-1 li.active:after {
        content: "";
        position: absolute;
        bottom: 0.0rem;
        left: 0;
        width: 100%;
        height: 0.4rem;
        z-index: 9;
        opacity: 1;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: -webkit-all, 0.5s, ease-in-out;
        -khtml-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; }
      header.header .tabs.style-1 li .tab {
        font: 1.6rem/4.8rem helveticaneue-regular;
        padding: 0 20px;
        color: #ffffff; }
    header.header .tabs.style-2 li.active {
      background: rgba(0, 0, 0, 0.05); }
      header.header .tabs.style-2 li.active:after {
        display: none; }
    header.header .tabs.style-2 li .tab {
      font: 1.6rem/4.8rem helveticaneue-medium;
      padding: 0 20px;
      color: #ffffff; }
    header.header .tabs.style-3 {
      background-color: rgba(0, 0, 0, 0.05); }
      header.header .tabs.style-3 li.active {
        visibility: visible;
        opacity: 1;
        position: relative; }
        header.header .tabs.style-3 li.active:before, header.header .tabs.style-3 li.active:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          z-index: 999;
          opacity: 1; }
        header.header .tabs.style-3 li.active:before {
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #e6e6e6;
          bottom: 0;
          left: 50%;
          margin-left: -4px; }
      header.header .tabs.style-3 li .tab {
        font: 1.4rem/4.8rem helveticaneue-medium;
        padding: 0 12px;
        color: #ffffff; }
    header.header .tabs.style-4 {
      background-color: #e6e6e6; }
      header.header .tabs.style-4 li {
        margin: 0 6px; }
        header.header .tabs.style-4 li.active:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 4px;
          z-index: 9;
          opacity: 1;
          background: rgba(0, 0, 0, 0.1);
          -webkit-transition: -webkit-all, 0.5s, ease-in-out;
          -khtml-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; }
        header.header .tabs.style-4 li .tab {
          font: 1.2rem/4.8rem helveticaneue-medium;
          padding: 0 6px;
          color: #404040; }
  header.header .progress {
    display: block;
    position: absolute;
    border: none;
    top: 0;
    height: 3px;
    width: 100%;
    z-index: 999;
    background: transparent;
    -webkit-transition: -webkit-all 1s ease-in-out;
    -khtml-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none; }
    header.header .progress::-webkit-progress-bar {
      background: transparent; }
    header.header .progress::-webkit-progress-value {
      background: rgba(0, 0, 0, 0.3);
      -webkit-transition: -webkit-all 1s ease-in-out;
      -khtml-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -ms-transition: all 1s ease-in-out;
      -o-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out; }
    header.header .progress::-moz-progress-bar {
      background: rgba(0, 0, 0, 0.2); }
  header.header .effect-1 {
    z-index: 10;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0.1s;
    -khtml-transition: transform 0.6s ease-in-out 0.1s;
    -moz-transition: transform 0.6s ease-in-out 0.1s;
    -ms-transition: transform 0.6s ease-in-out 0.1s;
    -o-transition: transform 0.6s ease-in-out 0.1s;
    transition: transform 0.6s ease-in-out 0.1s; }
    header.header .effect-1.passive {
      -webkit-transform: translateY(-56px);
      -khtml-transform: translateY(-56px);
      -moz-transform: translateY(-56px);
      -ms-transform: translateY(-56px);
      -o-transform: translateY(-56px);
      transform: translateY(-56px);
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
      -khtml-transition: transform 0.6s ease-in-out 0.3s;
      -moz-transition: transform 0.6s ease-in-out 0.3s;
      -ms-transition: transform 0.6s ease-in-out 0.3s;
      -o-transition: transform 0.6s ease-in-out 0.3s;
      transition: transform 0.6s ease-in-out 0.3s; }
  header.header .effect-2 {
    z-index: 9;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0.2s;
    -khtml-transition: transform 0.6s ease-in-out 0.2s;
    -moz-transition: transform 0.6s ease-in-out 0.2s;
    -ms-transition: transform 0.6s ease-in-out 0.2s;
    -o-transition: transform 0.6s ease-in-out 0.2s;
    transition: transform 0.6s ease-in-out 0.2s; }
    header.header .effect-2.passive {
      -webkit-transform: translateY(-104px);
      -khtml-transform: translateY(-104px);
      -moz-transform: translateY(-104px);
      -ms-transform: translateY(-104px);
      -o-transform: translateY(-104px);
      transform: translateY(-104px);
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0.2s;
      -khtml-transition: transform 0.6s ease-in-out 0.2s;
      -moz-transition: transform 0.6s ease-in-out 0.2s;
      -ms-transition: transform 0.6s ease-in-out 0.2s;
      -o-transition: transform 0.6s ease-in-out 0.2s;
      transition: transform 0.6s ease-in-out 0.2s; }
  header.header .effect-3 {
    z-index: 8;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0.3s;
    -khtml-transition: transform 0.6s ease-in-out 0.3s;
    -moz-transition: transform 0.6s ease-in-out 0.3s;
    -ms-transition: transform 0.6s ease-in-out 0.3s;
    -o-transition: transform 0.6s ease-in-out 0.3s;
    transition: transform 0.6s ease-in-out 0.3s; }
    header.header .effect-3.passive {
      -webkit-transform: translateY(-152px);
      -khtml-transform: translateY(-152px);
      -moz-transform: translateY(-152px);
      -ms-transform: translateY(-152px);
      -o-transform: translateY(-152px);
      transform: translateY(-152px);
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0.1s;
      -khtml-transition: transform 0.6s ease-in-out 0.1s;
      -moz-transition: transform 0.6s ease-in-out 0.1s;
      -ms-transition: transform 0.6s ease-in-out 0.1s;
      -o-transition: transform 0.6s ease-in-out 0.1s;
      transition: transform 0.6s ease-in-out 0.1s; }

/*#endregion */
/*#region Menu CSS Styles */
.menu {
  display: block;
  position: absolute;
  top: 56px;
  left: 0;
  height: 0;
  width: 0;
  z-index: 99;
  height: 100%;
  padding: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -khtml-transition: transform 0.3s, opacity 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s;
  -ms-transition: transform 0.3s, opacity 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0, 0);
  -khtml-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  visibility: hidden;
  opacity: 0;
  z-index: 12; }
  .menu.active {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -khtml-transition: transform 0.3s, opacity 0.3s;
    -moz-transition: transform 0.3s, opacity 0.3s;
    -ms-transition: transform 0.3s, opacity 0.3s;
    -o-transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(1, 1);
    -khtml-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
    .menu.active:before, .menu.active:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      z-index: 999;
      opacity: 1; }
    .menu.active:before {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid rgba(0, 0, 0, 0.1);
      top: -10px;
      left: 15px; }
    .menu.active:after {
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #fbfbfb;
      top: -9px;
      left: 16px; }
    .menu.active .container {
      display: block;
      position: fixed;
      width: 100%;
      background: #fbfbfb;
      height: calc(100% - 56px); }
  .menu .option {
    display: block;
    padding: 12px 0;
    border-bottom: solid 3px #eeeeee;
    background: #fbfbfb; }
    .menu .option .account {
      position: relative;
      display: inline-block; }
      .menu .option .account .photo {
        position: relative;
        display: inline-block;
        margin-right: 8px; }
        .menu .option .account .photo img, .menu .option .account .photo amp-img {
          display: inline-block;
          height: 24px;
          width: 24px;
          border-radius: 24px;
          border: solid 2px #cccccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden; }
        .menu .option .account .photo .icon-profile {
          display: inline-block;
          height: 24px;
          width: 24px;
          border-radius: 24px;
          font-size: 24px;
          line-height: 20px;
          border: solid 2px #cccccc;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #cccccc; }
          .menu .option .account .photo .icon-profile:before {
            margin-left: -2px; }
        .menu .option .account .photo .icon-loading {
          display: inline-block;
          font-size: 32px;
          margin-left: -4px;
          line-height: 24px;
          color: #cccccc; }
      .menu .option .account .dropdown ul {
        display: none;
        position: absolute;
        z-index: 999;
        top: -4px;
        left: 4px;
        padding: 2px 0 8px;
        background: #ffffff;
        -webkit-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -moz-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -ms-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -o-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        overflow: hidden; }
        .menu .option .account .dropdown ul li {
          display: block; }
          .menu .option .account .dropdown ul li.selected {
            background: #eeeeee; }
          .menu .option .account .dropdown ul li.user {
            display: block;
            padding: 10px; }
            .menu .option .account .dropdown ul li.user img, .menu .option .account .dropdown ul li.user amp-img {
              position: absolute;
              display: inline-block;
              height: 32px;
              width: 32px;
              border-radius: 32px;
              border: solid 2px #cccccc;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
            .menu .option .account .dropdown ul li.user .user-info {
              display: inline-block;
              line-height: 14px;
              padding: 0 6px 0 40px;
              width: calc(100% - 36px);
              color: #606060;
              font-size: 14px; }
              .menu .option .account .dropdown ul li.user .user-info.name {
                padding-top: 2px;
                font-family: helveticaneue-medium; }
              .menu .option .account .dropdown ul li.user .user-info.mail {
                padding-bottom: 5px;
                font-family: helveticaneue-light; }
          .menu .option .account .dropdown ul li.logout {
            border-top: solid 1px #f5f5f5; }
          .menu .option .account .dropdown ul li a, .menu .option .account .dropdown ul li label, .menu .option .account .dropdown ul li span {
            display: block;
            line-height: 48px;
            padding: 0 24px;
            min-width: 124px;
            font-size: 16px;
            font-family: helveticaneue-regular;
            cursor: pointer; }
          .menu .option .account .dropdown ul li .passive {
            pointer-events: none;
            color: #cccccc; }
      .menu .option .account .dropdown.active ul {
        display: block; }
    .menu .option .language {
      display: inline-block;
      top: 12px; }
      .menu .option .language .dropdown span {
        padding: 0 24px; }
      .menu .option .language .dropdown ul {
        display: none;
        position: absolute;
        z-index: 999;
        top: -8px;
        left: auto;
        right: 4px;
        padding: 2px 0 8px;
        background: #fbfbfb;
        -webkit-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -moz-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -ms-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -o-box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        box-shadow: 0 0 2px rgba(192, 192, 192, 0.75);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        overflow: hidden; }
        .menu .option .language .dropdown ul li {
          display: block; }
          .menu .option .language .dropdown ul li.selected {
            background: #eeeeee; }
          .menu .option .language .dropdown ul li a {
            padding: 0; }
          .menu .option .language .dropdown ul li span {
            display: block;
            line-height: 36px;
            padding: 0 24px 4px;
            min-width: 124px;
            color: #606060;
            font-size: 16px;
            font-family: helveticaneue-regular;
            cursor: pointer; }
      .menu .option .language .dropdown.active ul {
        display: block; }
    .menu .option .button {
      display: inline-block;
      line-height: 24px;
      padding: 0 12px;
      height: 24px;
      color: #606060;
      font-size: 16px;
      font-family: helveticaneue-regular;
      cursor: pointer; }
      .menu .option .button span {
        display: inline-block;
        line-height: 24px;
        height: 24px; }
      .menu .option .button .icon-arrow-down {
        display: inline-block;
        position: relative;
        margin-left: 8px;
        font-size: 14px;
        color: #606060; }
  .menu .navigation {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 56px);
    background: #fbfbfb;
    -webkit-overflow-scrolling: auto;
    overflow-scrolling: auto; }
  .menu .menu-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
    .menu .menu-list li {
      position: relative;
      display: block;
      background: #f5f5f5;
      border-bottom: solid 1px #f1f1f1; }
      .menu .menu-list li.category a {
        display: block;
        position: relative;
        line-height: 32px;
        color: #606060; }
        .menu .menu-list li.category a > i {
          display: inline-block;
          font-size: 20px;
          margin: 12px;
          border-radius: 24px;
          height: 24px;
          width: 24px;
          line-height: 24px;
          text-align: center;
          color: #cccccc;
          background: #ffffff; }
        .menu .menu-list li.category a.feedback i, .menu .menu-list li.category a.feedback span {
          color: #8bc34a; }
      .menu .menu-list li.category span {
        display: inline-block;
        line-height: 47px;
        font-size: 16px;
        font-family: helveticaneue-bold;
        color: #606060; }
      .menu .menu-list li.category.sub {
        position: relative; }
        .menu .menu-list li.category.sub > a {
          margin-right: 48px; }
        .menu .menu-list li.category.sub > .sub-button {
          position: absolute;
          background: #f5f5f5;
          right: 0;
          top: 0;
          background: #eeeeee; }
        .menu .menu-list li.category.sub .sub-button {
          cursor: pointer; }
          .menu .menu-list li.category.sub .sub-button i {
            display: inline-block;
            font-size: 16px;
            margin: 12px;
            border-radius: 24px;
            height: 24px;
            width: 24px;
            line-height: 24px;
            text-align: center;
            color: #808080;
            -webkit-transform: rotate(0deg);
            -khtml-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.5s ease-in-out;
            -khtml-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; }
        .menu .menu-list li.category.sub .sub-menu {
          position: relative;
          list-style: none;
          margin: 0;
          padding: 0;
          background: #ffffff;
          -webkit-transition: all 1s ease-in-out;
          -moz-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
          max-height: 0;
          overflow: hidden; }
          .menu .menu-list li.category.sub .sub-menu li {
            background: #ffffff;
            border-bottom: solid 1px #fbfbfb; }
            .menu .menu-list li.category.sub .sub-menu li a, .menu .menu-list li.category.sub .sub-menu li em {
              display: block;
              position: relative;
              line-height: 32px;
              color: #606060; }
              .menu .menu-list li.category.sub .sub-menu li a span, .menu .menu-list li.category.sub .sub-menu li em span {
                display: inline-block;
                padding-left: 48px;
                line-height: 48px;
                font-size: 16px;
                font-family: helveticaneue-medium;
                color: #606060; }
              .menu .menu-list li.category.sub .sub-menu li a i, .menu .menu-list li.category.sub .sub-menu li em i {
                display: inline-block;
                font-size: 20px;
                margin: 12px;
                border-radius: 24px;
                height: 24px;
                width: 24px;
                line-height: 24px;
                text-align: center;
                color: #bbbbbb; }
            .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-button {
              cursor: pointer; }
              .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-button span {
                font-family: helveticaneue-bold; }
              .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-button i {
                display: inline-block;
                font-size: 16px;
                margin: 12px;
                border-radius: 24px;
                height: 24px;
                width: 24px;
                line-height: 24px;
                text-align: center;
                color: #808080;
                -webkit-transform: rotate(0deg);
                -khtml-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg); }
            .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-menu {
              padding-left: 48px;
              border-top: solid 1px #fbfbfb; }
              .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-menu li span {
                padding-left: 36px; }
              .menu .menu-list li.category.sub .sub-menu li.sub-category .sub-menu li:first-of-type {
                border-top: none; }
            .menu .menu-list li.category.sub .sub-menu li.sub-category.open > .sub-menu {
              -webkit-transition: all 0.5s ease-in-out;
              -khtml-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;
              -webkit-overflow-scrolling: auto;
              overflow-scrolling: auto;
              max-height: 320px;
              overflow-y: scroll; }
            .menu .menu-list li.category.sub .sub-menu li.sub-category.open > .sub-button i {
              -webkit-transform: rotate(180deg);
              -khtml-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); }
      .menu .menu-list li.category.open > .sub-menu {
        -webkit-transition: all 0.5s ease-in-out;
        -khtml-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;
        max-height: 1000px;
        overflow: visible; }
        .menu .menu-list li.category.open > .sub-menu:before, .menu .menu-list li.category.open > .sub-menu:after {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          z-index: 999;
          opacity: 1; }
        .menu .menu-list li.category.open > .sub-menu:before {
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #ffffff;
          top: -9px;
          right: 14px; }
        .menu .menu-list li.category.open > .sub-menu:after {
          border-left: 9px solid transparent;
          border-right: 9px solid transparent;
          border-bottom: 9px solid #ffffff;
          top: -8px;
          right: 15px; }
      .menu .menu-list li.category.open > .sub-button {
        cursor: pointer; }
        .menu .menu-list li.category.open > .sub-button i {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
      .menu .menu-list li.selected {
        color: #f1f1f1; }
      .menu .menu-list li:first-of-type {
        border-top: solid 1px #f1f1f1; }
      .menu .menu-list li.webview a {
        display: block;
        background-color: #eeeeee;
        padding: 0 12px; }
        .menu .menu-list li.webview a span {
          position: relative;
          line-height: 47px;
          font-size: 16px;
          font-family: helveticaneue-regular;
          color: #727272; }

/*#endregion */
/*#region More CSS Styles */
.more {
  display: block;
  position: absolute;
  top: 56px;
  right: 0;
  background: #fbfbfb;
  z-index: 999;
  -webkit-transition: -webkit-all, 0.3s, ease-in-out;
  -khtml-transition: all, 0.3s, ease-in-out;
  -moz-transition: all, 0.3s, ease-in-out;
  -ms-transition: all, 0.3s, ease-in-out;
  -o-transition: all, 0.3s, ease-in-out;
  transition: all, 0.3s, ease-in-out;
  visibility: hidden;
  opacity: 0; }
  .more.active {
    visibility: visible;
    opacity: 1; }
    .more.active:before, .more.active:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      z-index: 999;
      opacity: 1; }
    .more.active:before {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid rgba(0, 0, 0, 0.1);
      top: -10px;
      right: 14px; }
    .more.active:after {
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #fbfbfb;
      top: -9px;
      right: 15px; }
  .more .container {
    margin: 16px; }
  .more .font-content {
    position: relative;
    display: block;
    border-top: solid 1px #dedede;
    margin-top: 16px;
    padding-top: 8px; }
    .more .font-content h2 {
      line-height: 22px;
      font-size: 12px;
      font-family: helveticaneue-regular;
      color: #8b8b8b; }
    .more .font-content .font-list {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0; }
      .more .font-content .font-list li {
        padding: 0 6px;
        height: auto;
        display: inline-block;
        line-height: 48px;
        vertical-align: baseline; }
        .more .font-content .font-list li a {
          display: inline-block;
          color: #dddddd; }
        .more .font-content .font-list li.selected a {
          color: #8b8b8b; }
        .more .font-content .font-list li i {
          display: inline-block; }
        .more .font-content .font-list li .font1x i {
          font-size: 16px; }
        .more .font-content .font-list li .font2x i {
          font-size: 24px; }
        .more .font-content .font-list li .font3x i {
          font-size: 32px; }
        .more .font-content .font-list li .font4x i {
          font-size: 40px; }
        .more .font-content .font-list li .font5x i {
          font-size: 48px; }
  .more .share-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
    .more .share-list li {
      display: block; }
      .more .share-list li a {
        padding: 8px 0; }
      .more .share-list li .button {
        display: block;
        font-family: helveticaneue-medium;
        font-size: 14px;
        line-height: 32px; }
        .more .share-list li .button.social.active {
          display: none; }
      .more .share-list li span {
        display: inline-block;
        padding-left: 12px;
        height: 32px;
        line-height: 32px;
        font-family: helveticaneue-medium;
        font-size: 14px;
        color: #326890; }
      .more .share-list li.selected a {
        background: #fbfbfb; }
      .more .share-list li:last-child {
        border-bottom: none; }

/*#endregion */
#sport-logo {
  height: 28px;
  width: 61px;
  background: transparent; }
  #sport-logo .st0 {
    opacity: 0.15; }
  #sport-logo .st1 {
    fill: #ffffff; }

#live-score-icon {
  width: 2.4rem;
  position: relative;
  margin: 12px auto;
  margin-right: .4rem;
  margin-left: -0.8rem; }
  #live-score-icon .st0 {
    opacity: 0.2; }
  #live-score-icon .st1 {
    fill: #FFFFFF; }
  #live-score-icon .st2 {
    fill: #39414A; }

.scroll-bar {
  display: block;
  position: absolute;
  border: none;
  top: 0;
  height: 3px;
  width: 100%;
  z-index: 999;
  background: transparent;
  -webkit-transition: width 1s ease-in-out;
  -khtml-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -ms-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.scroll-bar::-webkit-progress-bar {
  background: transparent; }

.scroll-bar::-webkit-progress-value {
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: width 1s ease-in-out;
  -khtml-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -ms-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out; }

.scroll-bar::-moz-progress-bar {
  background: rgba(0, 0, 0, 0.2); }

/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
/*#region Main Styles */
.bg-index {
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
  background-repeat: repeat, repeat; }

.bg-sub-menu {
  background: #b6b6b6; }

.bg-gallery {
  background: #000000; }

#main {
  display: block;
  position: relative;
  -webkit-transition: -webkit-all, 1s, ease-in-out;
  -khtml-transition: all, 1s, ease-in-out;
  -moz-transition: all, 1s, ease-in-out;
  -ms-transition: all, 1s, ease-in-out;
  -o-transition: all, 1s, ease-in-out;
  transition: all, 1s, ease-in-out; }

#index {
  display: block;
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
  background-repeat: repeat, repeat; }
  #index .content {
    position: relative;
    display: block;
    padding-top: 56px;
    padding-bottom: 56px;
    -webkit-transition: -webkit-all, 0.5s, ease-in-out;
    -khtml-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; }
    #index .content.list {
      padding-top: 72px;
      padding-bottom: 24px; }

#detail {
  display: block;
  background: #ffffff; }
  #detail .content {
    position: relative;
    display: block;
    padding-top: 56px;
    background: #ffffff;
    -webkit-transition: -webkit-all, 1s, ease-in-out;
    -khtml-transition: all, 1s, ease-in-out;
    -moz-transition: all, 1s, ease-in-out;
    -ms-transition: all, 1s, ease-in-out;
    -o-transition: all, 1s, ease-in-out;
    transition: all, 1s, ease-in-out;
    padding-bottom: 64px; }
  #detail .content-group {
    /* @include transition(all .6s ease-in-out);
        opacity: 0.2;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
       filter: gray;*/
    /* IE6-9 
        /*-webkit-filter: grayscale(100%);
        
        /*&.active {
            @include transition(all .6s ease-in-out);
            opacity: 1;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
            filter: none;
        }

        &:first-child {
            opacity: 1;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
            filter: none;
        }*/ }
  #detail .content-ads {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #ffffff;
    z-index: 8;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -khtml-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out; }
    #detail .content-ads.passive {
      -webkit-transform: translateY(100px);
      -khtml-transform: translateY(100px);
      -moz-transform: translateY(100px);
      -ms-transform: translateY(100px);
      -o-transform: translateY(100px);
      transform: translateY(100px);
      -webkit-transition: -webkit-transform 0.6s ease-in-out;
      -khtml-transition: transform 0.6s ease-in-out;
      -moz-transition: transform 0.6s ease-in-out;
      -ms-transition: transform 0.6s ease-in-out;
      -o-transition: transform 0.6s ease-in-out;
      transition: transform 0.6s ease-in-out; }
    #detail .content-ads:before {
      top: -16px;
      left: 0;
      border: none;
      content: "";
      height: 16px;
      width: 100%;
      pointer-events: none;
      background: url(../images/shadow-header.svg) repeat-x left top transparent;
      position: absolute;
      -webkit-transform: rotate(180deg);
      -khtml-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(
 M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
      zoom: 1;
      filter: alpha(opacity=50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      -webkit-opacity: 0.5;
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5;
      -ms-opacity: 0.5;
      -o-opacity: 0.5;
      opacity: 0.5;
      z-index: 1; }
  #detail .paralax {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    overflow: auto;
    z-index: 0; }

#gallery {
  display: block;
  position: relative; }

#video {
  display: block;
  background: #212121; }
  #video .content {
    display: block;
    padding-top: 56px;
    padding-bottom: 64px;
    background: #212121;
    -webkit-transition: -webkit-all, 1s, ease-in-out;
    -khtml-transition: all, 1s, ease-in-out;
    -moz-transition: all, 1s, ease-in-out;
    -ms-transition: all, 1s, ease-in-out;
    -o-transition: all, 1s, ease-in-out;
    transition: all, 1s, ease-in-out; }

#index .content.tab, #detail .content.tab, #gallery .content.tab, #video .content.tab {
  /*padding-top: 104px;*/
  padding-top: 216px !important; }
  #index .content.tab.list, #detail .content.tab.list, #gallery .content.tab.list, #video .content.tab.list {
    /*padding-top: 120px;*/
    padding-top: 232px !important; }

#index .content.tab-2, #detail .content.tab-2, #gallery .content.tab-2, #video .content.tab-2 {
  /*padding-top: 152px;*/
  padding-top: 210px !important; }
  #index .content.tab-2.list, #detail .content.tab-2.list, #gallery .content.tab-2.list, #video .content.tab-2.list {
    /*padding-top: 168px;*/
    padding-top: 274px !important; }

#index .content.tab-3, #detail .content.tab-3, #gallery .content.tab-3, #video .content.tab-3 {
  padding-top: 200px; }
  #index .content.tab-3.list, #detail .content.tab-3.list, #gallery .content.tab-3.list, #video .content.tab-3.list {
    padding-top: 216px; }

.ios header.header,
.android header.header {
  display: none; }

.ios section.views .content,
.android section.views .content {
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important; }
  .ios section.views .content.list,
  .android section.views .content.list {
    padding-top: 1rem !important; }

/*#endregion */
/*#region Slider Content Styles */
.slider-content .slider-index,
.slider-content .slider-category {
  width: 100%;
  display: block;
  background: #000000; }
  .slider-content .slider-index .swiper-slide,
  .slider-content .slider-category .swiper-slide {
    display: block;
    width: 100%; }
    .slider-content .slider-index .swiper-slide a,
    .slider-content .slider-category .swiper-slide a {
      display: block; }
  .slider-content .slider-index .icon-group,
  .slider-content .slider-category .icon-group {
    margin-bottom: 3px; }
  .slider-content .slider-index .square-group span,
  .slider-content .slider-category .square-group span {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding-left: 5px; }
    .slider-content .slider-index .square-group span:last-child,
    .slider-content .slider-category .square-group span:last-child {
      padding-right: 5px; }
  .slider-content .slider-index .info-group span,
  .slider-content .slider-category .info-group span {
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    padding-right: 10px; }
    .slider-content .slider-index .info-group span:first-child,
    .slider-content .slider-category .info-group span:first-child {
      padding-left: 10px; }
  .slider-content .slider-index .news,
  .slider-content .slider-category .news {
    display: block;
    margin: 0 auto;
    padding: 0; }
    .slider-content .slider-index .news figure,
    .slider-content .slider-category .news figure {
      position: relative; }
      .slider-content .slider-index .news figure .image,
      .slider-content .slider-category .news figure .image {
        position: relative;
        width: 100%;
        display: block;
        text-align: center;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1; }
        .slider-content .slider-index .news figure .image img, .slider-content .slider-index .news figure .image amp-img,
        .slider-content .slider-category .news figure .image img,
        .slider-content .slider-category .news figure .image amp-img {
          display: inline-block;
          width: 100%;
          height: auto;
          z-index: 2; }
    .slider-content .slider-index .news .state,
    .slider-content .slider-category .news .state {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 4; }
    .slider-content .slider-index .news figcaption,
    .slider-content .slider-category .news figcaption {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: auto;
      z-index: 4;
      text-align: left;
      padding: 0 10px 10px; }
      .slider-content .slider-index .news figcaption .icon,
      .slider-content .slider-category .news figcaption .icon {
        display: block;
        padding: 0 16px 4px; }
      .slider-content .slider-index .news figcaption .init,
      .slider-content .slider-category .news figcaption .init {
        color: #ffffff;
        font: 3rem/2.8rem clarendon-black; }
    .slider-content .slider-index .news .info,
    .slider-content .slider-category .news .info {
      position: relative;
      display: block;
      height: 9px;
      line-height: 9px;
      font-size: 7px;
      padding: 0 16px;
      font-family: helveticaneue-medium;
      text-transform: uppercase;
      background: #000000;
      z-index: 5; }
      .slider-content .slider-index .news .info .publisher,
      .slider-content .slider-category .news .info .publisher {
        color: #747474;
        padding-right: 3px; }
      .slider-content .slider-index .news .info .time,
      .slider-content .slider-category .news .info .time {
        color: #a3a3a3; }
    .slider-content .slider-index .news .text,
    .slider-content .slider-category .news .text {
      display: block;
      padding: 6px 16px;
      background: #000000; }
      .slider-content .slider-index .news .text .spot,
      .slider-content .slider-category .news .text .spot {
        display: block;
        font-family: helveticaneue-medium;
        font-size: 13px;
        line-height: 16px;
        color: #ffffff;
        height: 64px;
        overflow: hidden; }
  .slider-content .slider-index .writer,
  .slider-content .slider-category .writer {
    display: block;
    margin: 0 auto;
    padding: 0; }
    .slider-content .slider-index .writer figure,
    .slider-content .slider-category .writer figure {
      position: relative; }
      .slider-content .slider-index .writer figure .image,
      .slider-content .slider-category .writer figure .image {
        z-index: 1;
        display: block;
        text-align: right;
        background: url(../images/pattern-writer.svg) repeat black; }
        .slider-content .slider-index .writer figure .image img, .slider-content .slider-index .writer figure .image amp-img, .slider-content .slider-index .writer figure .image amp-img,
        .slider-content .slider-category .writer figure .image img,
        .slider-content .slider-category .writer figure .image amp-img,
        .slider-content .slider-category .writer figure .image amp-img {
          display: inline-block;
          width: calc(100% / 1.70);
          height: 100%;
          margin-right: 24px;
          z-index: 2; }
    .slider-content .slider-index .writer figcaption,
    .slider-content .slider-category .writer figcaption {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 0 16px 10px;
      z-index: 4;
      text-align: left; }
      .slider-content .slider-index .writer figcaption .title,
      .slider-content .slider-category .writer figcaption .title {
        display: block;
        max-height: 64px;
        padding-bottom: 4px;
        font-size: 30px;
        line-height: 30px;
        color: #ffffff;
        font-family: clarendon-black;
        -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        overflow: hidden; }
      .slider-content .slider-index .writer figcaption .spot,
      .slider-content .slider-category .writer figcaption .spot {
        display: none;
        font-size: 9px;
        line-height: 12px;
        max-height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #ffffff;
        font-family: helveticaneue-light;
        -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
      .slider-content .slider-index .writer figcaption .info,
      .slider-content .slider-category .writer figcaption .info {
        display: block; }
        .slider-content .slider-index .writer figcaption .info .time,
        .slider-content .slider-category .writer figcaption .info .time {
          display: inline-block;
          padding: 0 6px;
          color: #ffffff;
          text-transform: uppercase;
          line-height: 12px;
          font-family: helveticaneue-medium;
          font-size: 8px;
          background-color: #d3b892; }
        .slider-content .slider-index .writer figcaption .info .publisher,
        .slider-content .slider-category .writer figcaption .info .publisher {
          display: inline-block;
          padding: 0 6px;
          color: #ffffff;
          text-transform: uppercase;
          line-height: 18px;
          font-family: helveticaneue-bold;
          font-size: 10px;
          background-color: #b5966c;
          margin-bottom: 5px; }
  .slider-content .slider-index .ads,
  .slider-content .slider-category .ads {
    display: block;
    margin: 0 auto;
    padding: 0; }
    .slider-content .slider-index .ads figure,
    .slider-content .slider-category .ads figure {
      position: relative; }
      .slider-content .slider-index .ads figure .image,
      .slider-content .slider-category .ads figure .image {
        position: relative;
        width: 100%;
        display: block;
        text-align: center;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1; }
        .slider-content .slider-index .ads figure .image img, .slider-content .slider-index .ads figure .image amp-img,
        .slider-content .slider-category .ads figure .image img,
        .slider-content .slider-category .ads figure .image amp-img {
          display: inline-block;
          width: 100%;
          height: auto;
          z-index: 2; }

.slider-content .swiper-bullet {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  z-index: 9;
  font-size: 0;
  text-align: center;
  box-shadow: inset 0 20px 20px -15px black;
  background: url(../images/pattern-slider.svg) repeat #1a1a1a; }
  .slider-content .swiper-bullet .bullet-group {
    overflow: hidden;
    margin: auto; }
  .slider-content .swiper-bullet .pagination-si,
  .slider-content .swiper-bullet .pagination-sc {
    display: block;
    height: 6px;
    white-space: nowrap; }
  .slider-content .swiper-bullet .swiper-pagination-bullet-active:not(:nth-child(1)):nth-child(20n+0) {
    border-radius: 0;
    background: none;
    width: 6px;
    height: 6px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent; }
  .slider-content .swiper-bullet .swiper-pagination-bullet-active:not(:nth-child(1)):nth-child(20n+1) {
    border-radius: 0;
    background: none;
    width: 6px;
    height: 6px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent; }
  .slider-content .swiper-bullet .swiper-pagination-white .swiper-pagination-bullet-active:nth-child(20n+0) {
    border-left: 4px solid #ffffff; }
  .slider-content .swiper-bullet .swiper-pagination-white .swiper-pagination-bullet-active:nth-child(20n+1) {
    border-right: 4px solid #ffffff; }
  .slider-content .swiper-bullet .swiper-pagination-black .swiper-pagination-bullet-active:nth-child(20n+0) {
    border-left: 4px solid black; }
  .slider-content .swiper-bullet .swiper-pagination-black .swiper-pagination-bullet-active:nth-child(20n+1) {
    border-right: 4px solid black; }

.extras-content {
  margin-bottom: 10px; }
  .extras-content .swiper-bullet {
    padding: 5px 0;
    width: 100%;
    display: block;
    box-shadow: inset 0 20px 20px -15px black;
    text-align: center; }
    .extras-content .swiper-bullet .pagination-si {
      display: block;
      height: 6px; }

/*#endregion */
/*#region Cartoon Content Styles */
.cartoon-content {
  display: block;
  margin: 10px auto;
  padding: 0 10px; }
  .cartoon-content .slider-cartoon {
    display: block;
    background: #ffffff;
    font-family: helveticaneue-light;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px; }
    .cartoon-content .slider-cartoon .swiper-wrapper {
      -webkit-transition: -webkit-all, 0.5s, ease-in-out;
      -khtml-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; }
    .cartoon-content .slider-cartoon .swiper-bullet {
      display: block;
      position: relative;
      bottom: 0;
      padding-bottom: 6px;
      width: 100%;
      text-align: center; }
  .cartoon-content .cartoon-item {
    display: block; }
    .cartoon-content .cartoon-item a {
      display: block;
      position: relative;
      padding: 10px; }
    .cartoon-content .cartoon-item figure {
      display: block; }
      .cartoon-content .cartoon-item figure .image {
        display: block;
        text-align: center;
        height: 210px;
        padding-bottom: 10px;
        border-bottom: solid 1px #f2f2f2; }
        .cartoon-content .cartoon-item figure .image img, .cartoon-content .cartoon-item figure .image amp-img, .cartoon-content .cartoon-item figure .image amp-img {
          display: block;
          max-width: 100%;
          max-height: 100%;
          height: auto;
          margin: auto; }
      .cartoon-content .cartoon-item figure .info {
        position: relative;
        display: block;
        padding-top: 6px; }
        .cartoon-content .cartoon-item figure .info .name {
          display: inline-block;
          font-size: 9pt;
          font-family: helveticaneue-light;
          color: #85755e; }
          .cartoon-content .cartoon-item figure .info .name strong {
            font-family: helveticaneue-bold; }
        .cartoon-content .cartoon-item figure .info .date {
          font-size: 9pt;
          font-family: helveticaneue-regular;
          color: #b8b8b8; }

/*#endregion */
/*#region private-content-styles */
.private-content {
  position: relative;
  display: block;
  margin: 10px auto;
  padding: 0 10px; }
  .private-content .header-private {
    position: absolute;
    top: 8px;
    left: 18px;
    display: block;
    z-index: 2; }
    .private-content .header-private .title {
      background: url("../images/icons/logo-ys.svg") 4px center no-repeat #fed131;
      padding-left: 24px;
      padding-right: 6px;
      margin-right: 3px;
      height: 20px;
      display: inline-block;
      border-radius: 2px; }
      .private-content .header-private .title span {
        display: inline-block;
        line-height: 20px;
        font-family: helveticaneue-bold;
        font-size: 11px; }
  .private-content .slider-private {
    display: block;
    position: relative;
    background: #ffffff;
    font-family: helveticaneue-light;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px;
    overflow: hidden; }
    .private-content .slider-private .swiper-bullet {
      display: block;
      position: relative;
      bottom: 0;
      padding: 6px 0;
      width: 100%;
      text-align: center; }
  .private-content .private-item {
    position: relative; }
    .private-content .private-item a {
      display: block;
      padding-bottom: 6px; }
    .private-content .private-item figure {
      display: block; }
      .private-content .private-item figure .image {
        display: block;
        text-align: center;
        background: #000000;
        width: 100%; }
        .private-content .private-item figure .image img, .private-content .private-item figure .image amp-img, .private-content .private-item figure .image amp-img {
          display: inline-block;
          width: 100%; }

/*#endregion */
/*#region writers-content-styles */
.writers-content {
  display: block;
  padding: 0;
  margin: 10px auto; }
  .writers-content .slider-writers {
    display: block; }
    .writers-content .slider-writers .swiper-slide:last-child {
      margin-right: 10px; }
    .writers-content .slider-writers .swiper-bullet {
      bottom: 8px;
      height: 16px;
      width: 100%;
      position: absolute;
      display: block;
      text-align: center; }
  .writers-content .writer-item {
    position: relative;
    font-family: helveticaneue-medium;
    width: 140px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px;
    margin-left: 10px; }
    .writers-content .writer-item a {
      display: block;
      padding: 12px 6px 6px; }
    .writers-content .writer-item .name {
      font-size: 12px;
      line-height: 12px;
      height: 28px;
      font-family: helveticaneue-light;
      color: #85755e;
      text-align: center;
      overflow: hidden; }
      .writers-content .writer-item .name strong {
        font-family: helveticaneue-bold; }
    .writers-content .writer-item .image {
      display: block;
      text-align: center;
      position: relative;
      margin: 0 auto 4px;
      width: 62px;
      height: 65px; }
      .writers-content .writer-item .image:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 2px;
        height: 58px;
        width: 58px;
        background: url(../images/pattern-common.svg) repeat #ffffff;
        border-radius: 100%;
        border: solid 1px #dcdcdc;
        z-index: 1; }
      .writers-content .writer-item .image img, .writers-content .writer-item .image amp-img {
        position: relative;
        width: 62px;
        height: 65px;
        z-index: 2; }
    .writers-content .writer-item .text {
      display: block;
      height: 116px;
      overflow: hidden; }
      .writers-content .writer-item .text .title {
        display: block;
        margin-bottom: 2px;
        font-size: 15px;
        line-height: 16px;
        font-family: helveticaneue-medium;
        color: #505050; }
      .writers-content .writer-item .text .spot {
        display: block;
        padding: 0;
        font-size: 13px;
        line-height: 16px;
        font-family: helveticaneue-light;
        color: #656565; }

/*#endregion */
/*#region video-content-styles */
.video-content {
  display: block;
  padding: 0;
  margin: 10px auto 0; }
  .video-content .slider-video {
    display: block; }
    .video-content .slider-video .swiper-slide:last-child {
      margin-right: 10px; }
  .video-content .media {
    position: relative;
    display: inline-block;
    background: #ffffff;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px;
    width: 140px;
    margin-left: 10px; }
    .video-content .media a {
      display: block;
      padding: 5px; }
    .video-content .media figure {
      height: 124px;
      overflow: hidden;
      position: relative;
      background: #101010; }
      .video-content .media figure .image {
        width: 128px;
        position: absolute;
        text-align: center; }
        .video-content .media figure .image img, .video-content .media figure .image amp-img {
          height: 128px;
          padding: 0; }
    .video-content .media figcaption {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      z-index: 4; }
      .video-content .media figcaption .icon {
        position: absolute;
        top: 30%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px; }
      .video-content .media figcaption .title {
        position: absolute;
        display: block;
        bottom: 0;
        margin: 0 5px 5px;
        max-height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        line-height: 16px;
        color: #ffffff;
        font-family: helveticaneue-medium;
        -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
    .video-content .media .text {
      display: block;
      margin: 4px 0;
      height: 80px; }
      .video-content .media .text .spot {
        display: block;
        font-size: 13px;
        line-height: 16px;
        height: 80px;
        overflow: hidden;
        color: #4a4a4a;
        font-family: helveticaneue-light; }

/*#endregion */
/*#region head-content-styles */
.head-content {
  display: block;
  margin: 10px 0;
  background: transparent;
  position: relative; }
  .head-content .slider-head {
    display: block; }
    .head-content .slider-head .swiper-slide:first-child {
      margin-left: 7px; }
    .head-content .slider-head .swiper-slide:last-child {
      margin-right: 10px; }
  .head-content .news {
    position: relative;
    display: inline-block;
    width: 145px;
    background: #ffffff;
    margin-left: 3px;
    -webkit-box-shadow: 0 0 2px #d9d9d9;
    -khtml-box-shadow: 0 0 2px #d9d9d9;
    -moz-box-shadow: 0 0 2px #d9d9d9;
    -ms-box-shadow: 0 0 2px #d9d9d9;
    -o-box-shadow: 0 0 2px #d9d9d9;
    box-shadow: 0 0 2px #d9d9d9;
    border-radius: 2px;
    overflow: hidden; }
    .head-content .news a {
      display: block; }
    .head-content .news figure {
      display: block;
      overflow: hidden;
      position: relative;
      background: #101010; }
      .head-content .news figure .image {
        width: 100%;
        text-align: center; }
        .head-content .news figure .image img, .head-content .news figure .image amp-img {
          width: 100%;
          padding: 0; }
    .head-content .news .state {
      position: absolute;
      left: 5px;
      top: 5px;
      z-index: 4;
      border-radius: 1px; }
    .head-content .news figcaption {
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0 5px;
      z-index: 4; }
      .head-content .news figcaption .info-group {
        margin-bottom: 2px; }
        .head-content .news figcaption .info-group span {
          color: #e6e6e6; }
      .head-content .news figcaption .icon-group {
        margin-bottom: 5px; }
      .head-content .news figcaption .square-group {
        margin-bottom: 5px; }
        .head-content .news figcaption .square-group span {
          background: #ffd743;
          color: black; }
    .head-content .news .text {
      display: block;
      padding: 5px;
      height: 80px; }
      .head-content .news .text .title {
        display: block;
        max-height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333333;
        font: 1.4rem/1.6rem helveticaneue-bold;
        margin-bottom: 5px; }
  .head-content .swiper-button .swiper-button-prev, .head-content .swiper-button .swiper-button-next {
    padding: .5rem;
    background: white;
    border-radius: 50%; }
    .head-content .swiper-button .swiper-button-prev i, .head-content .swiper-button .swiper-button-next i {
      font-size: 2rem; }

/*#endregion */
/*#region media-content-styles */
.media-content {
  display: block;
  padding: 10px 0; }
  .media-content.media-video {
    background: url(../images/pattern-writer.svg) repeat black; }
    .media-content.media-video .item {
      background: rgba(0, 0, 0, 0.8); }
  .media-content.media-gallery {
    background: url(../images/pattern-writer.svg) repeat #404040; }
    .media-content.media-gallery .item {
      background: rgba(0, 0, 0, 0.2); }
  .media-content.media-video, .media-content.media-gallery {
    display: block; }
    .media-content.media-video .swiper-slide:first-child, .media-content.media-gallery .swiper-slide:first-child {
      margin-left: 7px; }
    .media-content.media-video .swiper-slide:last-child, .media-content.media-gallery .swiper-slide:last-child {
      margin-right: 10px; }
  .media-content .item {
    position: relative;
    display: inline-block;
    background: #333333;
    width: 145px;
    margin-left: 3px;
    -webkit-box-shadow: 0 0 1px #1a1a1a;
    -khtml-box-shadow: 0 0 1px #1a1a1a;
    -moz-box-shadow: 0 0 1px #1a1a1a;
    -ms-box-shadow: 0 0 1px #1a1a1a;
    -o-box-shadow: 0 0 1px #1a1a1a;
    box-shadow: 0 0 1px #1a1a1a;
    border-radius: 2px;
    overflow: hidden; }
    .media-content .item a {
      display: block; }
    .media-content .item figure {
      display: block;
      overflow: hidden;
      position: relative;
      background: #101010; }
      .media-content .item figure .image {
        width: 100%;
        text-align: center; }
        .media-content .item figure .image img, .media-content .item figure .image amp-img {
          width: 100%;
          padding: 0; }
    .media-content .item figcaption {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 5px;
      width: 100%;
      display: block;
      z-index: 4; }
      .media-content .item figcaption .icon-group {
        margin-bottom: 5px; }
    .media-content .item .text {
      display: block;
      padding: 5px;
      height: 76px; }
      .media-content .item .text .title {
        display: block;
        max-height: 48px;
        color: #f2f2f2;
        font: 1.4rem/1.6rem helveticaneue-bold;
        margin-bottom: 5px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden; }
      .media-content .item .text .info-group {
        margin-bottom: 2px; }
        .media-content .item .text .info-group span {
          color: #999999; }
        .media-content .item .text .info-group .duration {
          /*display: inline-block;
                    z-index: 4;
                    background: $gray-90;
                    color: $clr-sport-yellow;*/ }
          .media-content .item .text .info-group .duration:after {
            background: #666666; }

/*#endregion */
/*#region author-page-styles */
.author-content {
  position: relative;
  display: block;
  padding: 0;
  margin: 10px; }
  .author-content .slider-author {
    display: block;
    -webkit-box-shadow: 0 0 2px #d9d9d9;
    -khtml-box-shadow: 0 0 2px #d9d9d9;
    -moz-box-shadow: 0 0 2px #d9d9d9;
    -ms-box-shadow: 0 0 2px #d9d9d9;
    -o-box-shadow: 0 0 2px #d9d9d9;
    box-shadow: 0 0 2px #d9d9d9;
    background: #ffffff;
    border-radius: 2px;
    padding-bottom: 26px; }
    .author-content .slider-author:before {
      content: "";
      position: absolute;
      top: 36px;
      height: 30px;
      width: 100%;
      background: #e6e6e6; }
    .author-content .slider-author .swiper-slide:last-child {
      margin-right: 10px; }
    .author-content .slider-author .swiper-bullet {
      bottom: 0;
      height: 16px;
      width: 100%;
      position: absolute;
      display: block;
      text-align: center; }
      .author-content .slider-author .swiper-bullet .swiper-pagination-bullet-active {
        background: #595959; }
  .author-content .author {
    position: relative;
    font-family: helveticaneue-medium; }
    .author-content .author a {
      display: block;
      padding: 5px; }
    .author-content .author .group {
      position: relative;
      display: block;
      z-index: 5; }
      .author-content .author .group .name {
        display: block;
        font: 1.3rem/3rem helveticaneue-light;
        color: #595959;
        padding-left: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .author-content .author .group .name strong {
          font-weight: normal;
          font-family: helveticaneue-bold; }
      .author-content .author .group .info-group {
        display: block;
        color: #595959;
        padding: 9px 0 9px 60px;
        white-space: nowrap; }
        .author-content .author .group .info-group span {
          color: #595959;
          display: inline-block; }
    .author-content .author .image {
      position: absolute;
      top: 5px;
      display: block;
      height: 60px; }
      .author-content .author .image img, .author-content .author .image amp-img {
        position: relative;
        width: 60px;
        height: 60px;
        z-index: 2; }
    .author-content .author .text {
      display: block;
      margin-top: 5px;
      padding: 0 10px;
      height: 146px;
      overflow: hidden; }
      .author-content .author .text .title {
        display: block;
        margin-bottom: 2px;
        font: 1.8rem/1.8rem opensans-bold;
        color: black; }
      .author-content .author .text .spot {
        display: block;
        padding: 0;
        font-size: 13px;
        line-height: 16px;
        font: 1.5rem/1.8rem helveticaneue-light;
        color: black; }

/*#endregion */
/*#region news-list-styles */
.news-content {
  display: block;
  padding: 0;
  margin: 10px;
  -webkit-box-shadow: 0 0 2px #d9d9d9;
  -khtml-box-shadow: 0 0 2px #d9d9d9;
  -moz-box-shadow: 0 0 2px #d9d9d9;
  -ms-box-shadow: 0 0 2px #d9d9d9;
  -o-box-shadow: 0 0 2px #d9d9d9;
  box-shadow: 0 0 2px #d9d9d9;
  background: #ffffff;
  border-radius: 2px;
  overflow: hidden; }
  .news-content .tabs .tab-links,
  .news-content .tabs .tab-list {
    background: #d9d9d9; }
  .news-content .news-title {
    display: block;
    padding: 0 16px;
    font: 1.6rem/4.8rem helveticaneue-bold;
    color: #333333;
    background: #d9d9d9; }
  .news-content .news-list {
    display: block;
    padding: 10px; }
    .news-content .news-list .news {
      position: relative;
      display: block;
      margin-bottom: 10px;
      font-size: 0;
      background: #ffffff;
      border-radius: 2px;
      overflow: hidden; }
      .news-content .news-list .news a {
        display: block; }
      .news-content .news-list .news figure {
        position: relative;
        display: inline-block;
        width: 125px; }
        .news-content .news-list .news figure .image {
          width: 100%;
          text-align: center; }
          .news-content .news-list .news figure .image img, .news-content .news-list .news figure .image amp-img {
            width: 100%;
            padding: 0; }
      .news-content .news-list .news figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
        z-index: 4; }
        .news-content .news-list .news figcaption .square-group {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 4; }
          .news-content .news-list .news figcaption .square-group span.number {
            font-family: helveticaneue-medium; }
      .news-content .news-list .news .text {
        display: inline-block;
        width: calc(100% - 125px);
        height: 70px;
        padding: 4px 6px;
        overflow: hidden; }
        .news-content .news-list .news .text .title {
          display: block;
          max-height: 32px;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #333333;
          font: 1.4rem/1.5rem helveticaneue-medium;
          padding-bottom: 2px; }
        .news-content .news-list .news .text .icon-group {
          margin-bottom: 2px; }
        .news-content .news-list .news .text .info-group span.time {
          display: block;
          color: #b3b3b3;
          margin-bottom: 2px; }
      .news-content .news-list .news:first-child figure {
        display: block;
        width: auto; }
      .news-content .news-list .news:first-child .info-group {
        margin-bottom: 6px; }
        .news-content .news-list .news:first-child .info-group span {
          color: #ffffff !important; }
      .news-content .news-list .news:first-child .text {
        position: absolute;
        bottom: 0;
        display: block;
        width: auto;
        height: auto;
        padding: 0 8px;
        border: none !important;
        background: none !important;
        z-index: 4; }
        .news-content .news-list .news:first-child .text .title {
          display: block;
          max-height: 64px;
          color: #ffffff !important;
          font: 2.2rem/2rem helveticaneue-bold;
          padding-bottom: 4px;
          -ms-text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden; }
      .news-content .news-list .news:last-child {
        margin-bottom: 0; }
  .news-content .news-more .button {
    display: block;
    padding: 10px; }
    .news-content .news-more .button span {
      display: block;
      text-align: center;
      font: 1.2rem/1.2rem helveticaneue-light;
      color: #666666; }
    .news-content .news-more .button .icon-arrow-down {
      display: block;
      text-align: center;
      font-size: 16px;
      color: #666666; }
  .news-content.most-read .news-list .news .text {
    border-top: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2; }
  .news-content.most-watched .news-title {
    color: #d9d9d9;
    background: #333333; }
  .news-content.most-watched .news-list {
    background: black; }
    .news-content.most-watched .news-list .news .text {
      background: #262626; }
      .news-content.most-watched .news-list .news .text .title {
        color: #ffffff; }
    .news-content.most-watched .news-list .news .square-group span.number {
      background: rgba(0, 0, 0, 0.6); }
  .news-content.most-watched .news-more .button {
    background: black; }
    .news-content.most-watched .news-more .button span {
      color: #ffffff; }
    .news-content.most-watched .news-more .button .icon-arrow-down {
      color: #ffffff; }

/*#endregion */
/*#region news-category-styles */
.news-category {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 0 0 2px #d9d9d9;
  -khtml-box-shadow: 0 0 2px #d9d9d9;
  -moz-box-shadow: 0 0 2px #d9d9d9;
  -ms-box-shadow: 0 0 2px #d9d9d9;
  -o-box-shadow: 0 0 2px #d9d9d9;
  box-shadow: 0 0 2px #d9d9d9; }
  .news-category .tabs .tab-links,
  .news-category .tabs .tab-list {
    background: #d9d9d9; }
  .news-category .news-title {
    display: block;
    padding: 0 16px;
    font: 1.6rem/4.8rem helveticaneue-bold;
    color: #333333;
    background: #d9d9d9; }
  .news-category .news-list {
    display: block;
    margin: 10px; }
    .news-category .news-list .news {
      position: relative;
      display: block;
      margin-bottom: 10px;
      font-size: 0;
      background: #ffffff;
      border-radius: 2px;
      overflow: hidden; }
      .news-category .news-list .news a {
        display: block; }
        .news-category .news-list .news a:visited .text .title {
          color: gray; }
      .news-category .news-list .news figure {
        position: relative;
        display: block;
        width: auto; }
        .news-category .news-list .news figure .image {
          width: 100%;
          text-align: center; }
          .news-category .news-list .news figure .image img, .news-category .news-list .news figure .image amp-img {
            width: 100%;
            padding: 0; }
      .news-category .news-list .news figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: block;
        z-index: 4; }
        .news-category .news-list .news figcaption .square-group {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 4; }
          .news-category .news-list .news figcaption .square-group span.number {
            font-family: helveticaneue-medium; }
        .news-category .news-list .news figcaption .icon-group {
          margin-bottom: 6px; }
        .news-category .news-list .news figcaption .bottom {
          position: absolute;
          bottom: 5px;
          padding: 0 10px;
          z-index: 4; }
      .news-category .news-list .news .text {
        display: block;
        width: auto;
        height: auto;
        padding: 8px;
        z-index: 4; }
        .news-category .news-list .news .text .title {
          display: block;
          max-height: 60px;
          overflow: hidden;
          text-overflow: ellipsis;
          font: 2.2rem/2.2rem opensans-bold;
          padding-bottom: 4px;
          color: #333333;
          margin-bottom: 1px; }
        .news-category .news-list .news .text .icon-group {
          margin-bottom: 6px; }
        .news-category .news-list .news .text .info-group span.time {
          display: block;
          color: #b3b3b3;
          margin-bottom: 2px; }
      .news-category .news-list .news:last-child {
        margin-bottom: 0; }
  .news-category.most-read .news-list .news .text {
    border-top: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2; }
  .news-category.most-watched .news-title {
    color: #d9d9d9;
    background: #333333; }
  .news-category.most-watched .news-list .news {
    background: black; }
    .news-category.most-watched .news-list .news .text {
      background: #262626; }
      .news-category.most-watched .news-list .news .text .title {
        color: #ffffff; }
  .news-category.most-watched .news-list .square-group span.number {
    background: rgba(0, 0, 0, 0.6); }
  .news-category.most-watched .news-more .button {
    background: black; }
    .news-category.most-watched .news-more .button span {
      color: #ffffff; }
    .news-category.most-watched .news-more .button .icon-arrow-down {
      color: #ffffff; }

/*#endregion */
/*#region newspaper-page-styles */
.newspaper-content {
  position: relative;
  display: block;
  padding: 0;
  margin: 10px;
  -webkit-box-shadow: 0 0 2px #d9d9d9;
  -khtml-box-shadow: 0 0 2px #d9d9d9;
  -moz-box-shadow: 0 0 2px #d9d9d9;
  -ms-box-shadow: 0 0 2px #d9d9d9;
  -o-box-shadow: 0 0 2px #d9d9d9;
  box-shadow: 0 0 2px #d9d9d9;
  border-radius: 2px;
  overflow: hidden;
  background: #ffffff; }
  .newspaper-content:before {
    content: "";
    position: absolute;
    top: 0;
    height: 150px;
    width: 100%;
    background: #3f9fe0; }
  .newspaper-content .header {
    display: block;
    position: relative;
    text-align: center;
    padding: 16px 0; }
    .newspaper-content .header img, .newspaper-content .header amp-img {
      display: inline-block;
      width: 172px;
      height: 24px; }
  .newspaper-content .slider-newspaper {
    position: relative;
    margin: 0 30px;
    padding: 0 0 24px; }
    .newspaper-content .slider-newspaper .swiper-bullet {
      bottom: 0;
      height: 16px;
      width: 100%;
      position: absolute;
      display: block;
      text-align: center; }
      .newspaper-content .slider-newspaper .swiper-bullet .swiper-pagination-bullet-active {
        background: #3f9fe0; }
  .newspaper-content .swiper-button .swiper-button-prev,
  .newspaper-content .swiper-button .swiper-button-next {
    margin-top: -5px;
    width: 30px;
    height: 30px; }
    .newspaper-content .swiper-button .swiper-button-prev i,
    .newspaper-content .swiper-button .swiper-button-next i {
      color: gray;
      font-size: 30px; }
  .newspaper-content .newspaper-widget {
    display: block;
    padding: 5px;
    margin: 0 6px;
    -webkit-box-shadow: 0 0 2px #d9d9d9;
    -khtml-box-shadow: 0 0 2px #d9d9d9;
    -moz-box-shadow: 0 0 2px #d9d9d9;
    -ms-box-shadow: 0 0 2px #d9d9d9;
    -o-box-shadow: 0 0 2px #d9d9d9;
    box-shadow: 0 0 2px #d9d9d9;
    border-radius: 2px;
    overflow: hidden;
    background: #ffffff; }
    .newspaper-content .newspaper-widget .image img, .newspaper-content .newspaper-widget .image amp-img {
      width: 100%; }
    .newspaper-content .newspaper-widget .text {
      display: block;
      margin: 6px; }
      .newspaper-content .newspaper-widget .text .title {
        display: block;
        max-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #1a1a1a;
        font: 1.6rem/1.6rem helveticaneue-medium;
        margin-bottom: 5px; }
      .newspaper-content .newspaper-widget .text .date {
        display: block;
        color: gray;
        font: 1.2rem/1.2rem helveticaneue-regular;
        margin-bottom: 5px; }
      .newspaper-content .newspaper-widget .text .info-group {
        margin-top: 6px;
        padding-top: 6px;
        border-top: solid 1px #f2f2f2; }

/*#endregion */
/*#region extra-page-styles */
.extras-content {
  display: block;
  background: url(../images/pattern-slider.svg) repeat #1a1a1a; }
  .extras-content .extras-menu {
    margin: 0 auto;
    padding: 0;
    display: block;
    font-size: 0; }
  .extras-content .extras-menu-list {
    list-style: none;
    display: block;
    height: 48px;
    margin: 0;
    padding: 0; }
    .extras-content .extras-menu-list li {
      display: inline-block;
      width: calc(100% / 5); }
      .extras-content .extras-menu-list li a {
        display: block;
        color: #dcdcdc;
        text-align: center; }
      .extras-content .extras-menu-list li i {
        display: block;
        font-size: 32px; }
      .extras-content .extras-menu-list li span {
        display: block;
        font-family: helveticaneue-medium;
        font-size: 7px;
        line-height: 7px; }

.extra-pages {
  display: block;
  padding: 18px 0; }
  .extra-pages .extra-list {
    display: block;
    padding: 0 10px; }
    .extra-pages .extra-list .extra-item {
      background: #ffffff;
      font-family: helveticaneue-regular;
      -webkit-box-shadow: 0 0 2px #d2d2d2;
      -moz-box-shadow: 0 0 2px #d2d2d2;
      -o-box-shadow: 0 0 2px #d2d2d2;
      box-shadow: 0 0 2px #d2d2d2;
      border-radius: 2px;
      margin-bottom: 10px; }
  .extra-pages .markets-header {
    display: block;
    padding: 18px 16px;
    border-bottom: solid 1px #e3e3e3; }
    .extra-pages .markets-header .title {
      font-size: 16px;
      line-height: 24px; }
    .extra-pages .markets-header .date {
      font-size: 12px;
      line-height: 12px;
      color: #878787; }
  .extra-pages .markets-list {
    display: block; }
    .extra-pages .markets-list .markets-item {
      min-height: 28px;
      border-top: solid 1px #e3e3e3;
      position: relative; }
      .extra-pages .markets-list .markets-item a {
        display: block;
        padding: 12px 14px; }
      .extra-pages .markets-list .markets-item .icon {
        display: inline-block;
        text-align: center;
        width: 28px;
        height: 28px;
        line-height: 28px;
        position: absolute;
        border-radius: 2px; }
        .extra-pages .markets-list .markets-item .icon i {
          display: block;
          font-size: 16px;
          line-height: 28px;
          color: #ffffff; }
        .extra-pages .markets-list .markets-item .icon.constant {
          background: #f3911c; }
        .extra-pages .markets-list .markets-item .icon.increase {
          background: #94bc0d; }
        .extra-pages .markets-list .markets-item .icon.decrease {
          background: #d30018; }
      .extra-pages .markets-list .markets-item .text {
        display: inline-block;
        margin-left: 42px; }
        .extra-pages .markets-list .markets-item .text .name {
          display: block;
          font-size: 12px;
          line-height: 11px; }
        .extra-pages .markets-list .markets-item .text .point {
          display: block;
          height: 32px; }
          .extra-pages .markets-list .markets-item .text .point strong {
            display: inline-block;
            height: 32px;
            line-height: 32px;
            font-size: 25px;
            font-family: helveticaneue-medium;
            color: #5e5e5e; }
          .extra-pages .markets-list .markets-item .text .point .percent {
            display: inline-block;
            padding: 0 12px;
            height: 32px;
            line-height: 32px;
            font-family: helveticaneue-light;
            font-size: 13px;
            color: #000000; }
        .extra-pages .markets-list .markets-item .text .change {
          display: block;
          font-size: 12px;
          line-height: 12px; }
      .extra-pages .markets-list .markets-item .next {
        display: inline-block;
        padding: 12px 0;
        height: 32px;
        height: 32px;
        position: absolute;
        right: 6px; }
        .extra-pages .markets-list .markets-item .next i {
          display: block;
          font-size: 32px;
          height: 32px;
          color: #d5d5d5; }
      .extra-pages .markets-list .markets-item:first-child {
        border-top: none; }
  .extra-pages .broadcast-live {
    display: block;
    border-bottom: solid 1px #e3e3e3;
    position: relative; }
    .extra-pages .broadcast-live a {
      display: block;
      padding: 18px 16px; }
    .extra-pages .broadcast-live .icon {
      display: inline-block;
      width: 48px;
      height: 48px;
      position: absolute; }
      .extra-pages .broadcast-live .icon .icon-page-broadcast {
        font-size: 48px; }
    .extra-pages .broadcast-live .text {
      display: block;
      padding-left: 64px; }
      .extra-pages .broadcast-live .text .name {
        display: block;
        line-height: 32px;
        font-family: helveticaneue-medium;
        font-size: 23px;
        color: #5e5e5e; }
      .extra-pages .broadcast-live .text .click {
        display: block;
        font-size: 12px;
        line-height: 16px;
        padding-left: 2px; }
    .extra-pages .broadcast-live .next {
      display: inline-block;
      width: 48px;
      height: 48px;
      position: absolute;
      right: 0;
      top: 16px; }
      .extra-pages .broadcast-live .next i {
        font-size: 48px;
        color: #d5d5d5; }
  .extra-pages .broadcast-header {
    display: block;
    padding: 8px 16px; }
    .extra-pages .broadcast-header .title {
      font-size: 16px;
      line-height: 24px; }
    .extra-pages .broadcast-header .date {
      font-size: 12px;
      line-height: 12px;
      color: #878787; }
  .extra-pages .broadcast-list {
    display: block;
    padding: 12px 14px; }
    .extra-pages .broadcast-list .broadcast-item {
      min-height: 28px;
      position: relative; }
      .extra-pages .broadcast-list .broadcast-item .time {
        display: inline-block;
        width: 54px;
        height: 100%;
        position: absolute; }
        .extra-pages .broadcast-list .broadcast-item .time span {
          display: block;
          padding: 16px 0;
          font-family: helveticaneue-light;
          font-size: 12px;
          text-align: center;
          color: #878787; }
      .extra-pages .broadcast-list .broadcast-item .title {
        display: inline-block;
        margin-left: 54px;
        border-left: solid 1px #fed130; }
        .extra-pages .broadcast-list .broadcast-item .title span {
          margin-left: 20px;
          padding: 16px 0;
          display: block;
          font-family: helveticaneue-regular;
          font-size: 12px;
          color: #535353; }
      .extra-pages .broadcast-list .broadcast-item hr {
        margin: 0 0 0 36px;
        border: none;
        height: 0.5px;
        width: 42px;
        background: #e3e3e3;
        position: absolute; }
      .extra-pages .broadcast-list .broadcast-item:last-child {
        border-bottom: none; }
      .extra-pages .broadcast-list .broadcast-item:last-child > hr {
        display: none; }
  .extra-pages .weather-title {
    display: block;
    padding: 16px; }
  .extra-pages .weather-header {
    display: block;
    position: relative;
    padding: 0 16px 16px;
    border-bottom: solid 1px #e3e3e3; }
    .extra-pages .weather-header .icon {
      display: inline-block;
      width: 100px;
      height: 100px;
      position: absolute; }
      .extra-pages .weather-header .icon .big-icon {
        width: 100px;
        height: 100px; }
      .extra-pages .weather-header .icon .small-icon {
        width: 40px;
        height: 40px; }
      .extra-pages .weather-header .icon span {
        display: block;
        width: 100px;
        height: 100px; }
    .extra-pages .weather-header .text {
      display: block;
      padding: 16px 0 16px 136px; }
      .extra-pages .weather-header .text .degree {
        display: block;
        font-family: helveticaneue-bold;
        margin-bottom: 8px;
        height: 18px; }
        .extra-pages .weather-header .text .degree .high {
          display: inline-block;
          float: left;
          line-height: 18px;
          font-size: 21px;
          color: #414141;
          padding-right: 10px; }
        .extra-pages .weather-header .text .degree .low {
          display: inline-block;
          float: left;
          line-height: 14px;
          margin-bottom: 5px;
          padding-left: 8px;
          font-size: 18px;
          color: #a7a9ac;
          border-left: solid 1px #dbdbdb; }
      .extra-pages .weather-header .text .forecast {
        display: block;
        font-size: 12px;
        line-height: 12px;
        font-family: helveticaneue-light;
        color: #878787;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .extra-pages .weather-header .text .humidity,
      .extra-pages .weather-header .text .wind {
        display: block;
        font-size: 9px;
        font-family: helveticaneue-light;
        line-height: 10px;
        height: 10px;
        color: #a7a9ac; }
        .extra-pages .weather-header .text .humidity .title,
        .extra-pages .weather-header .text .wind .title {
          float: left;
          padding: 0 3px 0 6px;
          min-width: 45px;
          text-transform: uppercase; }
        .extra-pages .weather-header .text .humidity .value,
        .extra-pages .weather-header .text .wind .value {
          float: left;
          padding-left: 6px;
          border-left: solid 1px #dbdbdb; }
        .extra-pages .weather-header .text .humidity i,
        .extra-pages .weather-header .text .wind i {
          float: left;
          font-size: 10px; }
      .extra-pages .weather-header .text .humidity {
        margin-bottom: 5px; }
  .extra-pages .weather-list {
    display: block; }
    .extra-pages .weather-list .weather-item {
      border-top: solid 1px #e3e3e3;
      position: relative;
      padding: 8px 16px; }
      .extra-pages .weather-list .weather-item a {
        display: block;
        padding: 11px 14px; }
      .extra-pages .weather-list .weather-item .day {
        display: block;
        font-size: 12px;
        line-height: 11px;
        font-family: helveticaneue-light;
        margin-bottom: 5px;
        text-transform: uppercase; }
      .extra-pages .weather-list .weather-item .icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        position: absolute; }
        .extra-pages .weather-list .weather-item .icon span {
          display: block;
          width: 40px;
          height: 40px; }
      .extra-pages .weather-list .weather-item .data {
        display: block;
        min-height: 40px;
        margin-bottom: 5px; }
      .extra-pages .weather-list .weather-item .text {
        display: inline-block;
        float: left;
        margin: 8px 0;
        height: 24px; }
        .extra-pages .weather-list .weather-item .text .degree {
          display: inline-block;
          font-family: helveticaneue-bold;
          padding: 0 15px 9px 58px;
          height: 16px; }
          .extra-pages .weather-list .weather-item .text .degree .high {
            display: inline-block;
            float: left;
            line-height: 16px;
            font-size: 19px;
            color: #414141;
            padding-right: 10px; }
          .extra-pages .weather-list .weather-item .text .degree .low {
            display: inline-block;
            float: left;
            height: 12px;
            line-height: 12px;
            margin-bottom: 5px;
            padding-left: 8px;
            font-size: 14px;
            color: #a7a9ac;
            border-left: solid 1px #dbdbdb; }
        .extra-pages .weather-list .weather-item .text .humidity, .extra-pages .weather-list .weather-item .text .wind {
          display: block;
          font-size: 9px;
          font-family: helveticaneue-light;
          line-height: 10px;
          height: 10px;
          color: #a7a9ac; }
          .extra-pages .weather-list .weather-item .text .humidity .title, .extra-pages .weather-list .weather-item .text .wind .title {
            float: left;
            padding: 0 3px 0 6px;
            min-width: 45px;
            text-transform: uppercase; }
          .extra-pages .weather-list .weather-item .text .humidity .value, .extra-pages .weather-list .weather-item .text .wind .value {
            float: left;
            padding-left: 6px;
            border-left: solid 1px #dbdbdb; }
          .extra-pages .weather-list .weather-item .text .humidity i, .extra-pages .weather-list .weather-item .text .wind i {
            float: left;
            font-size: 10px; }
        .extra-pages .weather-list .weather-item .text .humidity {
          margin-bottom: 5px; }
        .extra-pages .weather-list .weather-item .text:first-child {
          border-top: none; }
      .extra-pages .weather-list .weather-item .forecast {
        display: block;
        font-size: 9px;
        line-height: 9px;
        font-family: helveticaneue-light;
        color: #878787;
        text-transform: uppercase; }
  .extra-pages .prayers-title {
    display: block;
    position: relative;
    padding: 16px; }
  .extra-pages .prayers-header {
    display: block;
    padding: 0 16px 16px;
    border-bottom: solid 1px #e3e3e3; }
    .extra-pages .prayers-header .title {
      font-size: 16px;
      line-height: 24px; }
    .extra-pages .prayers-header .date {
      font-size: 12px;
      line-height: 12px;
      color: #878787; }
  .extra-pages .prayers-list {
    display: block; }
    .extra-pages .prayers-list .prayers-item {
      min-height: 28px;
      border-top: solid 1px #e3e3e3;
      position: relative;
      padding: 8px 14px; }
      .extra-pages .prayers-list .prayers-item .icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        position: absolute; }
        .extra-pages .prayers-list .prayers-item .icon .icon-prayer-circle {
          font-size: 32px;
          color: #dbdbdb;
          float: left; }
        .extra-pages .prayers-list .prayers-item .icon .icon-prayer-sun {
          font-size: 12px;
          color: #b7b7b7;
          float: left; }
        .extra-pages .prayers-list .prayers-item .icon span {
          display: inline-block;
          width: 12px;
          height: 12px;
          position: absolute;
          border-radius: 6px;
          background: #ffffff; }
        .extra-pages .prayers-list .prayers-item .icon .fajr {
          top: 20px;
          left: 6px; }
        .extra-pages .prayers-list .prayers-item .icon .sunshine {
          top: 16px;
          left: 2px; }
        .extra-pages .prayers-list .prayers-item .icon .noon {
          top: 2px;
          left: 4px; }
        .extra-pages .prayers-list .prayers-item .icon .afternoon {
          top: 2px;
          left: 16px; }
        .extra-pages .prayers-list .prayers-item .icon .evening {
          top: 10px;
          left: 20px; }
        .extra-pages .prayers-list .prayers-item .icon .isha {
          top: 18px;
          left: 16px; }
      .extra-pages .prayers-list .prayers-item .text {
        display: inline-block;
        margin-left: 42px; }
        .extra-pages .prayers-list .prayers-item .text .name {
          display: block;
          font-size: 10px;
          line-height: 10px;
          padding-left: 3px; }
        .extra-pages .prayers-list .prayers-item .text .clock {
          display: block;
          height: 26px;
          line-height: 26px;
          font-family: helveticaneue-medium;
          font-size: 24px;
          color: #5e5e5e; }
      .extra-pages .prayers-list .prayers-item .remaining {
        display: inline-block;
        margin-left: 12px;
        padding-left: 12px;
        border-left: solid 1px #91d0ee; }
        .extra-pages .prayers-list .prayers-item .remaining .name {
          display: block;
          font-size: 10px;
          line-height: 10px;
          padding-left: 2px; }
        .extra-pages .prayers-list .prayers-item .remaining .clock {
          display: block;
          height: 26px;
          line-height: 26px;
          font-family: helveticaneue-light;
          font-size: 24px;
          color: #5e5e5e; }
      .extra-pages .prayers-list .prayers-item.active .icon-prayer-circle {
        color: #c0e5fb; }
      .extra-pages .prayers-list .prayers-item.active .icon-prayer-sun {
        color: #fdc207; }
      .extra-pages .prayers-list .prayers-item.active .text .name {
        color: #005781; }
      .extra-pages .prayers-list .prayers-item.active .text .clock {
        color: #0988c5; }
      .extra-pages .prayers-list .prayers-item.active .remaining .name {
        color: #005781; }
      .extra-pages .prayers-list .prayers-item.active .remaining .clock {
        color: #0988c5; }
      .extra-pages .prayers-list .prayers-item.active .right-corner {
        right: -5px;
        top: 50%;
        margin-top: -18px;
        height: 36px;
        width: 5px;
        position: absolute; }
        .extra-pages .prayers-list .prayers-item.active .right-corner .icon-extra-prayers {
          position: absolute;
          right: 0;
          height: 36px;
          width: 44px;
          line-height: 33px;
          text-align: center;
          font-size: 32px;
          color: #c7a013;
          background: #fed130; }
        .extra-pages .prayers-list .prayers-item.active .right-corner:before {
          right: 0;
          top: 36px;
          content: "";
          position: absolute;
          width: 0px;
          height: 0px;
          border-top: 3px solid #c7a013;
          border-right: 5px solid transparent; }
      .extra-pages .prayers-list .prayers-item.active .left-corner {
        left: -5px;
        top: 50%;
        margin-top: -18px;
        height: 36px;
        width: 5px;
        position: absolute; }
        .extra-pages .prayers-list .prayers-item.active .left-corner span .icon {
          position: absolute;
          left: 0;
          height: 36px;
          width: 12px;
          background: #fed130; }
        .extra-pages .prayers-list .prayers-item.active .left-corner:before {
          right: 0;
          top: -3px;
          content: "";
          position: absolute;
          width: 0px;
          height: 0px;
          border-bottom: 3px solid #c7a013;
          border-left: 5px solid transparent; }
      .extra-pages .prayers-list .prayers-item:first-child {
        border-top: none; }
    .extra-pages .prayers-list .prayers-notes {
      min-height: 28px;
      border-top: solid 1px #e3e3e3;
      position: relative;
      padding: 8px 14px; }
      .extra-pages .prayers-list .prayers-notes span {
        font-size: 13px;
        line-height: 16px;
        color: #2ba40b;
        font-family: helveticaneue-light; }
  .extra-pages .hadith-header {
    display: block;
    padding: 16px;
    background: url(../images/bg-hadith.png) no-repeat center center transparent; }
    .extra-pages .hadith-header .title {
      font-size: 16px;
      line-height: 24px; }
    .extra-pages .hadith-header .text {
      font-size: 16px;
      line-height: 24px;
      font-family: helveticaneue-bold;
      padding-bottom: 6px; }
    .extra-pages .hadith-header .writer {
      font-size: 12px;
      line-height: 12px;
      color: #878787;
      padding-bottom: 16px; }
  .extra-pages .newspapers-title {
    display: block;
    position: relative;
    padding: 16px; }
    .extra-pages .newspapers-title .icon {
      display: block;
      text-align: center;
      margin-bottom: 8px; }
      .extra-pages .newspapers-title .icon img, .extra-pages .newspapers-title .icon amp-img {
        display: inline-block;
        height: 32px; }
  .extra-pages .newspapers-list {
    display: block;
    padding-bottom: 8px; }
    .extra-pages .newspapers-list .newspapers-item {
      display: block;
      text-align: center; }
      .extra-pages .newspapers-list .newspapers-item a {
        display: block; }
  .extra-pages .newspapers-box {
    display: block;
    margin-bottom: 16px; }
    .extra-pages .newspapers-box .box-title {
      display: block;
      height: 24px;
      width: 240px;
      margin: 5px auto;
      background: #f0f0f0;
      text-align: left; }
      .extra-pages .newspapers-box .box-title span {
        padding: 0 10px;
        font-size: 12px;
        line-height: 24px;
        font-family: helveticaneue-regular; }
    .extra-pages .newspapers-box .box-content {
      display: block;
      height: 410px;
      width: 260px;
      margin: 5px auto;
      position: relative; }
      .extra-pages .newspapers-box .box-content .box-front {
        position: absolute;
        display: block;
        height: 410px;
        width: 260px;
        border: solid 1px #e9e9e9;
        -webkit-box-shadow: 0 0 2px #dcdcdc;
        -moz-box-shadow: 0 0 2px #dcdcdc;
        -o-box-shadow: 0 0 2px #dcdcdc;
        box-shadow: 0 0 2px #dcdcdc;
        background: #ffffff;
        z-index: 6; }
        .extra-pages .newspapers-box .box-content .box-front img, .extra-pages .newspapers-box .box-content .box-front amp-img {
          display: block;
          height: 390px;
          width: 245px;
          padding: 10px 8px; }
      .extra-pages .newspapers-box .box-content .box-back {
        position: absolute;
        left: 5px;
        top: -5px;
        display: block;
        height: 410px;
        width: 260px;
        border: solid 1px #e9e9e9;
        -webkit-box-shadow: 0 0 2px #dcdcdc;
        -moz-box-shadow: 0 0 2px #dcdcdc;
        -o-box-shadow: 0 0 2px #dcdcdc;
        box-shadow: 0 0 2px #dcdcdc;
        z-index: 4; }

/*#endregion */
/*#region writer-page-styles */
.writer .writer-title {
  display: block;
  height: 44px;
  text-align: center;
  padding: 0;
  margin: 0; }
  .writer .writer-title li {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px 0;
    background: #a99f91; }
    .writer .writer-title li.selected {
      padding: 10px 0 8px 0;
      border-bottom: solid 2px #d5caba; }
    .writer .writer-title li a {
      display: block;
      line-height: 24px;
      font-size: 12px;
      font-family: helveticaneue-bold;
      text-decoration: none;
      color: #ffffff; }
    .writer .writer-title li:last-child a {
      border-left: solid 1px #d5caba; }

.writer .writer-photo {
  position: relative;
  padding-bottom: 1px; }
  .writer .writer-photo figure {
    display: block;
    margin: 0 auto;
    padding: 0; }
    .writer .writer-photo figure .image {
      display: block;
      text-align: center;
      background: url(../images/pattern-detail.svg) repeat black;
      z-index: 1; }
      .writer .writer-photo figure .image img, .writer .writer-photo figure .image amp-img {
        padding-top: 10px;
        height: 140px;
        z-index: 2; }
  .writer .writer-photo figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
    line-height: 8px;
    z-index: 3;
    text-align: left;
    background: url(../images/shadow-index.svg) repeat-x bottom center transparent; }
    .writer .writer-photo figcaption .name {
      display: block;
      padding: 8px 0;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 0;
      font-size: 18px;
      line-height: 20px;
      color: #a99f91;
      font-family: helveticaneue-light;
      -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      background: rgba(0, 0, 0, 0.1); }
      .writer .writer-photo figcaption .name strong {
        font-family: helveticaneue-bold; }

.writer .writer-top {
  position: relative;
  display: block;
  overflow: hidden;
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
  background-repeat: repeat, repeat; }
  .writer .writer-top:before {
    position: absolute;
    content: '';
    bottom: 0;
    height: 75%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    z-index: 1; }
  .writer .writer-top figure {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;
    border-bottom: dashed 1px #e9e9e9; }
    .writer .writer-top figure .image {
      position: relative;
      display: inline-block;
      z-index: 2; }
      .writer .writer-top figure .image img, .writer .writer-top figure .image amp-img {
        position: relative;
        bottom: -25px;
        height: 150px;
        z-index: 4; }
  .writer .writer-top figcaption {
    display: inline-block;
    margin: 20px 0 5px;
    width: calc(100% - 154px);
    padding: 0 5px 0 0;
    line-height: 8px;
    z-index: 9; }
    .writer .writer-top figcaption .name {
      display: block;
      width: 100%;
      font-size: 20px;
      line-height: 24px;
      color: #414141;
      font-family: helveticaneue-light; }
      .writer .writer-top figcaption .name strong {
        font-family: helveticaneue-bold; }
    .writer .writer-top figcaption .type {
      display: block;
      padding: 8px 0;
      position: absolute;
      width: 100%;
      bottom: 0;
      font-size: 13px;
      line-height: 16px;
      font-family: helveticaneue-regular;
      color: #a99f91; }
    .writer .writer-top figcaption .statu {
      font-size: 13px;
      line-height: 16px;
      font-family: helveticaneue-medium;
      color: #838383; }
    .writer .writer-top figcaption .about {
      font-size: 13px;
      line-height: 16px;
      font-family: helveticaneue-light;
      color: #838383; }

.writer .writer-menu {
  display: block;
  margin: 0 0 12px;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: dashed 1px #e9e9e9;
  height: 47px; }
  .writer .writer-menu ul {
    display: block;
    font-size: 0; }
    .writer .writer-menu ul .dropdown {
      display: inline-block;
      text-align: center;
      white-space: nowrap; }
      .writer .writer-menu ul .dropdown.active:before, .writer .writer-menu ul .dropdown.active.active:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        z-index: 999;
        opacity: 1; }
      .writer .writer-menu ul .dropdown.active:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(0, 0, 0, 0.03);
        bottom: 0;
        left: 50%;
        margin-left: -10px; }
      .writer .writer-menu ul .dropdown.active:after {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #ffffff;
        bottom: -1px;
        left: 50%;
        margin-left: -9px; }
      .writer .writer-menu ul .dropdown.active .dropdown-list {
        display: block; }
    .writer .writer-menu ul .dropdown-list {
      position: absolute;
      top: 45px;
      left: auto;
      right: 0;
      display: none; }
      .writer .writer-menu ul .dropdown-list a,
      .writer .writer-menu ul .dropdown-list label {
        font-family: helveticaneue-medium;
        font-size: 14px;
        line-height: 24px;
        padding: 10px; }
      .writer .writer-menu ul .dropdown-list i {
        display: inline-block;
        font-size: 16px;
        height: 24px;
        width: 24px;
        line-height: 24px;
        text-align: center;
        margin-right: 8px;
        border-radius: 24px;
        background-color: #cdcdcd;
        color: #ffffff; }
    .writer .writer-menu ul .tab {
      display: inline-block;
      text-align: center;
      position: relative;
      height: 48px;
      width: calc(100% / 3);
      border-bottom: solid 3px transparent; }
      .writer .writer-menu ul .tab .button {
        display: block;
        padding: 0 5px;
        font-family: helveticaneue-medium;
        font-size: 15px;
        line-height: 45px;
        color: #204f82;
        cursor: pointer;
        white-space: nowrap; }
      .writer .writer-menu ul .tab.active {
        border-bottom: solid 3px #a99f91; }

.writer .writer-select {
  display: block;
  margin: 12px 0;
  padding: 0 16px;
  background: #ffffff; }

.writer-list .writer-item a,
.others-list .writer-item a {
  display: block; }

.writer-list .writer-item .writer-header,
.others-list .writer-item .writer-header {
  position: relative;
  display: block;
  min-height: 81px;
  font-family: helveticaneue-regular;
  padding: 8px; }
  .writer-list .writer-item .writer-header .image,
  .others-list .writer-item .writer-header .image {
    position: absolute;
    background: none; }
    .writer-list .writer-item .writer-header .image:before,
    .others-list .writer-item .writer-header .image:before {
      content: '';
      position: absolute;
      bottom: 0;
      margin: 2px;
      height: 58px;
      width: 58px;
      background: url(../images/pattern-common.svg) repeat #ffffff;
      border-radius: 100%;
      border: solid 1px #dcdcdc;
      z-index: 1; }
    .writer-list .writer-item .writer-header .image img, .writer-list .writer-item .writer-header .image amp-img,
    .others-list .writer-item .writer-header .image img,
    .others-list .writer-item .writer-header .image amp-img {
      position: relative;
      width: 62px;
      height: 65px;
      z-index: 2; }
  .writer-list .writer-item .writer-header .name,
  .others-list .writer-item .writer-header .name {
    padding-left: 72px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 14px;
    font-family: helveticaneue-light;
    color: #a99f91; }
    .writer-list .writer-item .writer-header .name strong,
    .others-list .writer-item .writer-header .name strong {
      font-family: helveticaneue-bold; }
  .writer-list .writer-item .writer-header .title,
  .others-list .writer-item .writer-header .title {
    padding-left: 72px;
    margin: 4px 0;
    font-size: 18px;
    line-height: 18px;
    font-family: helveticaneue-medium; }
  .writer-list .writer-item .writer-header .info,
  .others-list .writer-item .writer-header .info {
    padding-left: 72px;
    font-size: 10px;
    line-height: 12px;
    font-family: helveticaneue-light;
    color: #a99f91; }

.writer-list .writer-item .writer-text,
.others-list .writer-item .writer-text {
  display: block;
  padding: 0 8px 8px;
  color: #303030; }
  .writer-list .writer-item .writer-text p,
  .others-list .writer-item .writer-text p {
    padding: 0;
    font-family: helveticaneue-light;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden; }

.writer-list .writer-item .writer-button,
.others-list .writer-item .writer-button {
  display: block;
  padding: 0 8px 8px; }

.writer-list {
  display: block;
  padding: 0 10px; }
  .writer-list .writer-item {
    background: #ffffff;
    font-family: helveticaneue-light;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px;
    margin-bottom: 10px; }

.others-list .writer-item {
  display: block;
  border-bottom: dashed 1px #e9e9e9; }
  .others-list .writer-item:last-child {
    border-bottom: none; }

.old-list {
  display: block;
  margin: 12px 0;
  padding: 0 16px; }
  .old-list .head {
    display: block; }
    .old-list .head .title {
      display: block;
      padding: 8px 0;
      font-size: 18px;
      line-height: 20px;
      color: #a99f91;
      font-family: helveticaneue-bold; }
  .old-list .total {
    display: block;
    padding: 8px 0;
    border-bottom: dashed 1px #e9e9e9; }
    .old-list .total span {
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #a5a5a5;
      font-family: helveticaneue-light; }
      .old-list .total span strong {
        color: #8c8c8c;
        font-family: helveticaneue-bold; }
  .old-list .old-item {
    display: block;
    padding: 8px 0;
    border-bottom: dashed 1px #e9e9e9; }
    .old-list .old-item:last-child {
      border-bottom: none; }
    .old-list .old-item a {
      display: block; }
    .old-list .old-item .writer-writing {
      display: block;
      font-family: roboto-regular; }
      .old-list .old-item .writer-writing .title {
        display: block;
        padding-top: 2px;
        font-size: 16px;
        line-height: 18px;
        font-family: helveticaneue-medium;
        margin-bottom: 6px;
        color: #204f82; }
      .old-list .old-item .writer-writing .date {
        height: 12px;
        line-height: 12px;
        font-family: helveticaneue-light;
        font-size: 12px;
        color: #808080;
        margin-bottom: 6px; }

/*#endregion */
/*#region category-list-styles */
.category {
  display: block; }

.category-content {
  display: block;
  margin: 10px auto;
  padding-bottom: 10px; }

.category-list {
  display: block;
  font-size: 0;
  padding: 0 10px 10px; }
  .category-list ul {
    list-style: none; }
    .category-list ul li {
      width: 100%; }

.category-item {
  display: block;
  border-radius: 2px;
  margin-bottom: 10px; }
  .category-item:last-child {
    margin-bottom: 0; }
  .category-item figure {
    position: relative;
    background: #101010;
    text-align: center;
    overflow: hidden; }
    .category-item figure .image {
      display: inline-block;
      width: 100%;
      padding: 0; }
      .category-item figure .image img, .category-item figure .image amp-img {
        width: 100%;
        height: auto; }
    .category-item figure .order {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
      display: inline-block;
      padding: 2px 6px;
      background: rgba(0, 0, 0, 0.3);
      font-family: helveticaneue-regular;
      font-size: 12px;
      line-height: 14px;
      color: #ffffff; }
    .category-item figure .duration {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 4;
      display: inline-block;
      padding: 2px 6px;
      background: rgba(0, 0, 0, 0.3);
      font-family: helveticaneue-regular;
      font-size: 12px;
      line-height: 14px;
      color: #ffffff; }
  .category-item figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 4; }
  .category-item .title {
    display: block;
    font-family: helveticaneue-medium;
    font-size: 18px;
    line-height: 22px; }
  .category-item .spot {
    display: block;
    font-family: helveticaneue-regular;
    font-size: 13px;
    line-height: 16px; }
  .category-item .info {
    display: block;
    margin: 4px 0;
    padding: 0 2px;
    font-family: helveticaneue-light;
    font-size: 13px;
    line-height: 16px; }
    .category-item .info .category {
      position: relative;
      display: inline-block;
      color: #b8b8b8;
      padding-left: 4px;
      padding-right: 16px;
      margin-bottom: 5px;
      border-left-style: solid;
      border-left-width: 2px;
      font-size: 100%; }
      .category-item .info .category:after {
        content: '';
        position: absolute;
        top: 4px;
        right: 4px;
        height: 3px;
        width: 3px;
        border-radius: 3px;
        background: #e9e9e9; }
    .category-item .info .time {
      display: inline-block;
      color: #b8b8b8;
      font-size: 100%; }

.category-one,
.category-two {
  display: block;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 0 2px #d2d2d2;
  -moz-box-shadow: 0 0 2px #d2d2d2;
  -o-box-shadow: 0 0 2px #d2d2d2;
  box-shadow: 0 0 2px #d2d2d2; }

.category-three,
.category-gallery {
  display: inline-block;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 0 2px #d2d2d2;
  -moz-box-shadow: 0 0 2px #d2d2d2;
  -o-box-shadow: 0 0 2px #d2d2d2;
  box-shadow: 0 0 2px #d2d2d2;
  width: calc((100% - 10px) / 2); }

.category-one a {
  display: block;
  background: #ffffff;
  padding: 5px; }

.category-one figure .image img, .category-one figure .image amp-img {
  width: 100%;
  display: block; }

.category-one .text {
  display: block;
  padding-top: 6px; }

.category-two a {
  display: block;
  background: #ffffff;
  padding: 5px; }

.category-two figure {
  display: inline-block;
  width: 99px;
  height: 96px;
  overflow: hidden;
  border-right-style: solid;
  border-right-width: 3px; }

.category-two .text {
  display: inline-block;
  width: calc(100% - 102px);
  padding-left: 6px; }
  .category-two .text .title {
    overflow: hidden;
    max-height: 66px;
    padding: 0;
    margin: 3px 0; }

.category-three a {
  display: block;
  background: #ffffff;
  padding: 5px; }

.category-three figure {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom-style: solid;
  border-bottom-width: 3px; }
  .category-three figure .image {
    max-width: 240px; }

.category-three .text {
  display: block;
  padding-top: 5px;
  min-height: 120px; }
  .category-three .text .title {
    overflow: hidden;
    max-height: 88px;
    margin: 3px 0; }

.category-three.item-left {
  margin-right: 0; }

.category-three.item-right {
  margin-left: 10px; }

.category-gallery a {
  display: block;
  background: #ffffff;
  padding: 5px; }

.category-gallery .icon {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px; }

.category-gallery .title {
  position: absolute;
  bottom: 0;
  margin: 0 6px 6px;
  display: block;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  max-height: 56px;
  overflow: hidden;
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }

.category-gallery .text {
  margin-top: 6px;
  display: block;
  height: 86px;
  overflow: hidden; }
  .category-gallery .text .spot {
    display: block;
    max-height: 66px;
    overflow: hidden; }

.category-gallery:nth-child(2n+1) {
  margin-right: 7px; }

.others-list {
  display: block;
  background: #ffffff;
  -webkit-box-shadow: 0 0 2px #d2d2d2;
  -moz-box-shadow: 0 0 2px #d2d2d2;
  -o-box-shadow: 0 0 2px #d2d2d2;
  box-shadow: 0 0 2px #d2d2d2;
  border-radius: 2px;
  margin: 0 10px 10px;
  padding: 6px 6px 0;
  font-size: 0; }
  .others-list .category-other {
    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    width: calc((100% - 6px) / 2); }
    .others-list .category-other a {
      display: block;
      padding-bottom: 6px; }
    .others-list .category-other .text {
      padding-right: 6px; }
    .others-list .category-other .title {
      padding: 0;
      overflow: hidden;
      max-height: 40px;
      margin: 4px 0;
      font-size: 16px;
      line-height: 20px; }
    .others-list .category-other .info {
      font-size: 10px;
      line-height: 8px; }
    .others-list .category-other:nth-child(2n+1) {
      margin-right: 6px; }
  .others-list .category-video {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
    border-bottom: solid 1px #e9e9e9;
    border-radius: 0; }
    .others-list .category-video a {
      display: block;
      padding-bottom: 6px; }
    .others-list .category-video figure {
      position: relative;
      display: inline-block;
      width: 107px;
      height: 60px;
      overflow: hidden;
      margin: 0 auto; }
    .others-list .category-video .text {
      display: inline-block;
      width: calc(100% - 110px);
      padding-left: 6px; }
    .others-list .category-video .title {
      padding: 0;
      overflow: hidden;
      max-height: 40px;
      margin-bottom: 5px;
      font-size: 16px;
      line-height: 20px; }
    .others-list .category-video .info {
      font-size: 10px;
      line-height: 8px; }
    .others-list .category-video:last-child {
      margin-bottom: 0;
      border-bottom: none; }

/*#endregion */
/*#region video-page-styles */
.video.live .detail-comment {
  margin-top: 3rem; }

.video.live .detail-video {
  margin-bottom: 0; }

.video.live .detail-text {
  margin: 0 1.6rem 2rem;
  padding: 2rem;
  background: #141414; }
  .video.live .detail-text .live-cursor {
    width: 25px;
    height: 15px;
    display: block;
    margin-bottom: 1rem;
    background: white; }

.video .detail-head {
  color: #e1e1e1; }
  .video .detail-head .title {
    font-family: helveticaneue-bold;
    font-size: 2.8rem;
    line-height: 3rem; }
  .video .detail-head .live {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: helveticaneue-regular;
    color: #999999; }
    .video .detail-head .live strong {
      font-family: helveticaneue-bold; }

.video .detail-text {
  color: #999999;
  font-size: 1.3rem;
  line-height: 2rem;
  font-family: helveticaneue-regular; }

.video .share-content {
  position: relative;
  display: block; }
  .video .share-content .button i {
    color: #333333; }

.video .detail-keywords {
  color: #e1e1e1; }
  .video .detail-keywords .keywords-content .detail-keywords-list a, .video .detail-keywords .keywords-content .detail-keywords-list span {
    background: #333333;
    color: #cccccc;
    border: solid 1px #333333; }

.video .detail-video {
  display: block;
  width: 100%;
  margin: 1rem auto;
  padding: 0 1.6rem; }
  .video .detail-video .video {
    display: block;
    width: 100%;
    background: #000; }
    .video .detail-video .video .jwplayer {
      display: block;
      width: 100%;
      height: auto; }

.video .detail-comment .head {
  background: #141415; }
  .video .detail-comment .head:after {
    border-top: 10px solid #141415; }

.video .ads-detail {
  background: #141414; }

.video .pid-comment {
  background: #333333;
  border: none; }
  .video .pid-comment.pid-main:before {
    background-color: #333333;
    background-image: -webkit-gradient(linear, left top, right top, from(#333333), to(rgba(51, 51, 51, 0)));
    background-image: -webkit-linear-gradient(left, #333333, rgba(51, 51, 51, 0));
    background-image: -moz-linear-gradient(left, #333333, rgba(51, 51, 51, 0));
    background-image: -ms-linear-gradient(left, #333333, rgba(51, 51, 51, 0));
    background-image: -o-linear-gradient(left, #333333, rgba(51, 51, 51, 0));
    background-image: linear-gradient(left, #333333, rgba(51, 51, 51, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', endColorStr='rgba(51, 51, 51, 0)', gradientType='1'); }
  .video .pid-comment .pid-all-comment {
    color: #767676; }
  .video .pid-comment .pid-rating .pid-result {
    background-color: #3E3E3E;
    box-shadow: 1px 1px 0 #222222; }
    .video .pid-comment .pid-rating .pid-result.pid-active {
      background-color: #de1a27; }
  .video .pid-comment .pid-rating .pidicon:not(.pidicon-more) {
    border: 2px solid #222222;
    background-color: #222222; }
  .video .pid-comment textarea {
    border: 1px solid #222;
    background: #222; }
  .video .pid-comment nav.pid-menu {
    color: #cccccc; }
    .video .pid-comment nav.pid-menu ul:nth-child(1) {
      border-bottom: 1px solid #222; }
    .video .pid-comment nav.pid-menu li .pid-counter {
      background: #3e3e3e; }
    .video .pid-comment nav.pid-menu li.pid-active {
      color: #cccccc;
      border-bottom: 3px solid #222;
      margin-bottom: -2px; }
      .video .pid-comment nav.pid-menu li.pid-active .pid-counter {
        background: #222222; }
  .video .pid-comment .pid-button {
    background: #222;
    border: none; }
  .video .pid-comment .pid-loader:before {
    background: #323232; }
  .video .pid-comment .pid-loader:after {
    background: #323232; }
  .video .pid-comment .pid-comment-box {
    border-color: #767676; }
  .video .pid-comment p, .video .pid-comment h2 {
    color: #767676;
    border: none; }
  .video .pid-comment footer.pid-counter {
    color: #ccc; }
    .video .pid-comment footer.pid-counter .ng-binding {
      background: #222; }

/*#endregion */
/*#region contact-page-styles */
.contact-content {
  display: block;
  margin: 0 auto; }
  .contact-content .contact-list {
    display: block;
    padding: 0 12px;
    margin-bottom: 12px; }
    .contact-content .contact-list .contact-title {
      display: block;
      color: #989898; }
      .contact-content .contact-list .contact-title .icon-page-contact {
        text-align: center;
        display: block;
        font-size: 36px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
      .contact-content .contact-list .contact-title h1 {
        display: block;
        padding: 0 24px 2px;
        margin: 0 0 16px;
        font-family: helveticaneue-bold;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
      .contact-content .contact-list .contact-title h2 {
        display: inline-block;
        font-family: helveticaneue-bold;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
      .contact-content .contact-list .contact-title h3 {
        display: inline-block;
        font-family: helveticaneue-regular;
        font-size: 9px;
        height: 24px;
        line-height: 24px;
        padding: 0 4px; }
    .contact-content .contact-list .contact-box {
      display: block;
      background: #ffffff;
      font-family: helveticaneue-light;
      -webkit-box-shadow: 0 0 2px #d2d2d2;
      -moz-box-shadow: 0 0 2px #d2d2d2;
      -o-box-shadow: 0 0 2px #d2d2d2;
      box-shadow: 0 0 2px #d2d2d2;
      border-radius: 2px;
      margin-bottom: 12px;
      padding: 12px; }
    .contact-content .contact-list .contact-select {
      position: relative;
      display: inline-block;
      background: #ffffff;
      font-family: helveticaneue-light;
      -webkit-box-shadow: 0 0 2px #d2d2d2;
      -moz-box-shadow: 0 0 2px #d2d2d2;
      -o-box-shadow: 0 0 2px #d2d2d2;
      box-shadow: 0 0 2px #d2d2d2;
      border-radius: 2px;
      margin-bottom: 6px; }
      .contact-content .contact-list .contact-select:after {
        font-family: yenisafak-mobile;
        content: "\e603";
        position: absolute;
        top: 0;
        right: 0;
        padding: 14px;
        font-size: 16px;
        color: #606060;
        z-index: 0; }
    .contact-content .contact-list .contact-button {
      display: block;
      text-align: center; }
    .contact-content .contact-list .input-txt-style {
      display: block;
      border: none;
      background: none;
      outline: none;
      width: 100%;
      line-height: 18px;
      font-family: helveticaneue-medium;
      font-size: 16px;
      color: #989898; }
    .contact-content .contact-list .input-btn-style {
      display: inline-block;
      border: none;
      outline: none;
      padding: 0 46px;
      height: 35px;
      line-height: 35px;
      font-family: helveticaneue-medium;
      font-size: 14px;
      color: #ffffff !important;
      -webkit-box-shadow: 0 2px 0 #a10002;
      -moz-box-shadow: 0 2px 0 #a10002;
      -o-box-shadow: 0 2px 0 #a10002;
      box-shadow: 0 2px 0 #a10002;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      background: #ca0002; }
    .contact-content .contact-list .input-slc-style {
      display: inline-block;
      position: relative;
      z-index: 1;
      border: none;
      outline: none;
      background: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 14px;
      line-height: 26px;
      font-family: helveticaneue-medium;
      padding: 8px 44px 8px 8px;
      color: #727272;
      width: 100%;
      cursor: pointer; }

.message-list {
  display: block;
  padding: 0 12px;
  margin-top: 12px; }
  .message-list .message-box {
    display: block;
    -webkit-box-shadow: 0 0 2px #d2d2d2;
    -moz-box-shadow: 0 0 2px #d2d2d2;
    -o-box-shadow: 0 0 2px #d2d2d2;
    box-shadow: 0 0 2px #d2d2d2;
    border-radius: 2px;
    margin-bottom: 24px; }
    .message-list .message-box span {
      display: block;
      font-family: helveticaneue-bold;
      font-size: 12px;
      line-height: 18px;
      padding: 8px;
      text-align: center; }
    .message-list .message-box.success {
      background: #b3d49d;
      color: #007909; }
    .message-list .message-box.fault {
      background: #febaba;
      color: #ca0002; }

/*#endregion */
/*#region about-page-styles */
.about-content {
  display: block;
  margin: 0 auto; }
  .about-content .about-list {
    display: block;
    padding: 0 12px;
    margin-top: 6px;
    margin-bottom: 12px; }
    .about-content .about-list .about-box {
      display: block;
      background: #ffffff;
      color: #989898;
      font-family: helveticaneue-light;
      -webkit-box-shadow: 0 0 2px #d2d2d2;
      -moz-box-shadow: 0 0 2px #d2d2d2;
      -o-box-shadow: 0 0 2px #d2d2d2;
      box-shadow: 0 0 2px #d2d2d2;
      border-radius: 2px;
      margin-bottom: 12px;
      padding: 12px;
      text-align: center; }
      .about-content .about-list .about-box h1 {
        margin: 8px 0 16px;
        display: block;
        font-family: helveticaneue-bold;
        font-size: 18px;
        line-height: 20px; }
      .about-content .about-list .about-box h2 {
        display: block;
        text-align: center;
        font-family: helveticaneue-bold;
        font-size: 14px;
        line-height: 24px; }
      .about-content .about-list .about-box p {
        display: block;
        text-align: center;
        font-family: helveticaneue-regular;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 8px; }
      .about-content .about-list .about-box strong {
        display: block;
        text-align: center;
        font-family: helveticaneue-bold; }
      .about-content .about-list .about-box i {
        font-size: 48px; }

/*#endregion */
/*#region share-styles  */
.share-content {
  display: block; }
  .share-content .total-counter {
    display: inline-block;
    height: 32px;
    font: 2rem/3.2rem helveticaneue-bold;
    margin-right: 8px;
    position: relative;
    color: #b3b3b3; }
  .share-content .button {
    display: inline-block;
    position: relative;
    padding-right: 3px;
    min-width: 42px;
    line-height: 32px;
    /*&:hover {
            .icon-social-facebook {
                background: $clr-facebook;
            }

            .icon-social-twitter {
                background: $clr-twitter;
            }

            .icon-social-google {
                background: $clr-googleplus;
            }

            .icon-share-whatsapp {
                background: $clr-whatsapp;
            }
        }*/ }
    .share-content .button .icon-navigation-feedback {
      background: #8bc34a; }
  .share-content i {
    position: relative;
    display: inline-block;
    padding: 0;
    font-size: 24px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    color: #b3b3b3; }
    .share-content i.circle {
      text-align: center;
      margin-right: 5px;
      border-radius: 32px;
      background: #b3b3b3;
      color: #ffffff; }
    .share-content i.icon-stats {
      font-size: 20px; }
    .share-content i.icon-comments {
      font-size: 20px; }
    .share-content i.icon-smiles {
      font-size: 36px; }
    .share-content i:last-child {
      margin-right: 0; }
  .share-content .counter {
    position: absolute;
    left: 50%;
    top: -2px;
    font: 1rem/1.4rem helveticaneue-bold;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 1;
    padding: 0 3px;
    min-width: 20px;
    text-align: center; }
    .share-content .counter.count-1 {
      background: #de1a27;
      color: #fff; }
    .share-content .counter.count-2 {
      background: #ffe710;
      color: #000; }
  .share-content.medium .total-counter {
    height: 27px;
    font: 1.2rem/2.7rem helveticaneue-bold;
    margin-right: 4px; }
  .share-content.medium .button {
    min-width: 34px;
    line-height: 27px; }
  .share-content.medium i {
    font-size: 20px;
    height: 27px;
    width: 27px;
    line-height: 27px; }
    .share-content.medium i.circle {
      border-radius: 27px; }
    .share-content.medium i.icon-comments {
      font-size: 18px; }
    .share-content.medium i.icon-smiles {
      font-size: 27px; }
  .share-content.medium .counter {
    font: 0.9rem/1.2rem helveticaneue-bold;
    min-width: 10px; }
  .share-content.small .total-counter {
    height: 16px;
    font: 1.2rem/1.6rem helveticaneue-bold;
    margin-right: 4px; }
  .share-content.small .button {
    min-width: 21px;
    line-height: 16px; }
  .share-content.small i {
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px; }
    .share-content.small i.circle {
      border-radius: 16px; }
    .share-content.small i.icon-comments {
      font-size: 10px; }
    .share-content.small i.icon-smiles {
      font-size: 16px; }
  .share-content.small .counter {
    font: 0.7rem/0.9rem helveticaneue-bold;
    min-width: 10px; }

/*#endregion */
/*#region footer-styles */
.footer {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  background: #ffffff;
  z-index: 8;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  -khtml-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  -ms-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  /*&:before {
        top: -16px;
        left: 0;
        border: none;
        content: "";
        height: 16px;
        width: 100%;
        pointer-events: none;
        background: url(../images/shadow-header.svg) repeat-x left top transparent;
        position: absolute;
        @include rotate(180);
        @include opacity(0.2);
        z-index: 1;
    }*/ }
  .footer.passive {
    -webkit-transform: translateY(62px);
    -khtml-transform: translateY(62px);
    -moz-transform: translateY(62px);
    -ms-transform: translateY(62px);
    -o-transform: translateY(62px);
    transform: translateY(62px);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -khtml-transition: transform 0.6s ease-in-out;
    -moz-transition: transform 0.6s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out; }
  .footer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    height: 2px;
    width: 100%;
    background: #b4b4b4;
    opacity: 0.1; }
  .footer .page-up {
    position: absolute;
    top: -5.2rem;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-all 0.5s ease-in-out;
    -khtml-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;
    padding: 1rem; }
    .footer .page-up.active {
      visibility: visible;
      opacity: 1;
      -webkit-transition: -webkit-all 0.5s ease-in-out;
      -khtml-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; }
    .footer .page-up i {
      display: inline-block;
      font-size: 1.6rem;
      line-height: 3.2rem;
      text-align: center;
      height: 3.2rem;
      width: 3.2rem;
      border-radius: 100%;
      color: #ffffff; }

/*#endregion*/
/*#region box-shadow-styles */
.no-news-content {
  display: block;
  margin: 0 auto; }
  .no-news-content .no-news-box {
    display: block;
    color: #989898;
    font-family: helveticaneue-light;
    border-radius: 2px;
    padding: 12px;
    margin: 110px 0;
    text-align: center; }
    .no-news-content .no-news-box i {
      display: block;
      height: 48px;
      width: 48px;
      font-size: 48px;
      margin: 0 auto;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .no-news-content .no-news-box h1 {
      padding-top: 18px;
      padding-bottom: 18px;
      margin: 0 0 8px;
      display: block;
      font-family: helveticaneue-bold;
      font-size: 18px;
      line-height: 20px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .no-news-content .no-news-box p {
      display: block;
      text-align: center;
      font-family: helveticaneue-medium;
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 8px; }

/*#endregion*/
/*#region icon-info-square-styles */
.icon-group {
  display: block;
  position: relative; }
  .icon-group i {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 2.4rem;
    line-height: 4.8rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 4.8rem;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    margin-left: .4rem; }
    .icon-group i:first-child {
      margin-left: 0; }
  .icon-group em {
    position: absolute;
    background-color: #de1a27;
    color: #ffffff;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    height: 12px;
    padding: 0 3px;
    font: 0.9rem/1.2rem helveticaneue-bold;
    top: -5px;
    left: 50%;
    z-index: 5; }
  .icon-group.x16 i {
    font-size: 1.12rem;
    line-height: 1.6rem;
    width: 1.6rem;
    height: 1.6rem; }
  .icon-group.x24 i {
    font-size: 1.68rem;
    line-height: 2.4rem;
    width: 2.4rem;
    height: 2.4rem; }
  .icon-group.x32 i {
    font-size: 2.24rem;
    line-height: 3.2rem;
    width: 3.2rem;
    height: 3.2rem; }
  .icon-group.x48 i {
    font-size: 3.36rem;
    line-height: 4.8rem;
    width: 4.8rem;
    height: 4.8rem; }
  .icon-group.x64 i {
    font-size: 4.48rem;
    line-height: 6.4rem;
    width: 6.4rem;
    height: 6.4rem; }
  .icon-group.x72 i {
    font-size: 5.04rem;
    line-height: 7.2rem;
    width: 7.2rem;
    height: 7.2rem; }
  .icon-group.x96 i {
    font-size: 6.72rem;
    line-height: 9.6rem;
    width: 9.6rem;
    height: 9.6rem; }
  .icon-group.large i {
    font-size: 48px;
    line-height: 72px;
    width: 72px;
    height: 72px;
    border-radius: 72px;
    margin-right: 6px; }
  .icon-group.medium i {
    font-size: 24px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 3px; }
  .icon-group.small i {
    font-size: 16px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    margin-right: 2px; }

.info-group {
  position: relative;
  display: block;
  z-index: 5; }
  .info-group span {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-right: 8px;
    color: #999999;
    font: 1.2rem/1.6rem helveticaneue-medium; }
    .info-group span i {
      display: inline-block;
      font-size: 1.4rem;
      line-height: 1.6rem;
      margin-right: 2px; }
    .info-group span em, .info-group span b {
      display: inline-block; }
    .info-group span:last-child {
      padding-right: 0; }
      .info-group span:last-child:after {
        content: none; }
    .info-group span.duration {
      padding-right: 10px; }
      .info-group span.duration:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px;
        width: 2px;
        height: 2px;
        background: #999999;
        border-radius: 3px; }
  .info-group.medium span {
    font: 1rem/1.4rem helveticaneue-medium; }
    .info-group.medium span i {
      font-size: 1.2rem;
      line-height: 1.4rem; }
  .info-group.small span {
    font: 0.8rem/1.2rem helveticaneue-medium; }
    .info-group.small span i {
      font-size: 1rem;
      line-height: 1.2rem; }

.square-group {
  display: block;
  font-size: 0;
  position: relative; }
  .square-group span {
    display: inline-block;
    text-align: center;
    min-width: 24px;
    font: 1.2rem/2.4rem helveticaneue-medium;
    color: #ffffff; }
    .square-group span i {
      display: inline-block;
      font-size: 1.4rem;
      line-height: 2.4rem; }
    .square-group span em {
      display: inline-block;
      padding: 0 2px; }
    .square-group span:last-child {
      margin-right: 0; }
    .square-group span.category, .square-group span.number, .square-group span.media {
      margin-right: 2px; }
  .square-group.large span {
    min-width: 36px;
    font: 1.6rem/3.6rem helveticaneue-medium; }
    .square-group.large span i {
      font-size: 2.4rem;
      line-height: 3.6rem; }
  .square-group.medium span {
    min-width: 20px;
    font: 1rem/2rem helveticaneue-medium; }
    .square-group.medium span i {
      font-size: 1.2rem;
      line-height: 2rem; }
  .square-group.small span {
    min-width: 16px;
    font: 0.8rem/1.6rem helveticaneue-medium; }
    .square-group.small span i {
      font-size: 1rem;
      line-height: 1.6rem; }

figure .icon {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -24px; }
  figure .icon i {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 32px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
    margin-right: 3px; }
  figure .icon.large {
    margin-top: -36px; }
    figure .icon.large i {
      font-size: 48px;
      line-height: 72px;
      width: 72px;
      height: 72px;
      border-radius: 72px;
      margin-right: 4px; }
  figure .icon.medium {
    margin-top: -18px; }
    figure .icon.medium i {
      font-size: 24px;
      line-height: 36px;
      width: 36px;
      height: 36px;
      border-radius: 36px;
      margin-right: 2px; }
  figure .icon.small {
    margin-top: -12px; }
    figure .icon.small i {
      font-size: 16px;
      line-height: 24px;
      width: 24px;
      height: 24px;
      border-radius: 24px;
      margin-right: 2px; }

figure figcaption .info-group i, figure figcaption .info-group span {
  color: #ffffff !important; }

/*#endregion*/
/*#region box-shadow-styles */
.slider-index .news figure .image:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-image: url(../images/pattern-photo.svg), url(../images/shadow-index.svg);
  background-repeat: repeat, repeat-x;
  background-position: top center, bottom center;
  z-index: 3; }

.slider-index .news figure .image.none-shadow:after {
  display: none; }

.slider-index .writer figure .image:after,
.writer-photo figure .image:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-image: url(../images/shadow-index.svg);
  background-repeat: repeat-x;
  background-position: bottom center;
  z-index: 3; }

.slider-media figure .image:after,
.slider-detail figure .image:after,
.category-item figure .image:after,
.detail-text figure .image:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-image: url(../images/pattern-photo.svg), url(../images/shadow-photo.svg);
  background-repeat: repeat, repeat-x;
  background-position: top center, bottom center;
  z-index: 3; }

figure .image.shadow:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%;
  background-image: url(../images/shadow-photo.svg);
  background-repeat: repeat-x;
  background-position: bottom center;
  z-index: 3; }

/*#endregion*/
/*#region flash-bar-styles */
#flash {
  display: block;
  position: fixed;
  bottom: -62px;
  left: 0;
  width: 100%;
  height: 62px;
  z-index: 999;
  opacity: 1;
  -webkit-transition: -webkit-all, 1s, ease-in-out;
  -khtml-transition: all, 1s, ease-in-out;
  -moz-transition: all, 1s, ease-in-out;
  -ms-transition: all, 1s, ease-in-out;
  -o-transition: all, 1s, ease-in-out;
  transition: all, 1s, ease-in-out; }
  #flash.active {
    bottom: 0;
    -webkit-transition: -webkit-all, 1s, ease-in-out;
    -khtml-transition: all, 1s, ease-in-out;
    -moz-transition: all, 1s, ease-in-out;
    -ms-transition: all, 1s, ease-in-out;
    -o-transition: all, 1s, ease-in-out;
    transition: all, 1s, ease-in-out; }
  #flash .flash-content {
    background: #f5f03b;
    display: block;
    position: relative;
    height: 62px; }
    #flash .flash-content .head {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 26px;
      font-family: helveticaneue-bold;
      font-size: 12px;
      color: #ffffff;
      background: #000000;
      padding: 0 8px;
      height: 18px;
      line-height: 18px; }
    #flash .flash-content .title {
      display: inline-block;
      position: absolute;
      bottom: 10px;
      left: 14px;
      color: #000000;
      height: 28px;
      width: calc(100% - 64px);
      line-height: 28px;
      font-size: 20px;
      font-family: helveticaneue-light;
      overflow: hidden; }
      #flash .flash-content .title h3 {
        display: inline-block;
        text-align: left;
        white-space: nowrap;
        padding-right: 1px; }
    #flash .flash-content .button {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      padding: 12px 4px;
      cursor: pointer; }
      #flash .flash-content .button i {
        display: inline-block;
        font-size: 24px;
        padding: 4px;
        color: #000000; }

.pattern-effect {
  position: relative;
  display: inline-block;
  left: 14px;
  height: 18px;
  width: 12px;
  background-color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../images/pattern-common.svg");
  -webkit-background-size: 6px 6px;
  -moz-background-size: 6px 6px;
  -ms-background-size: 6px 6px;
  background-size: 6px 6px;
  -webkit-animation: flasheffect 1s linear infinite;
  -moz-animation: flasheffect 1s linear infinite;
  -ms-animation: flasheffect 1s linear infinite;
  animation: flasheffect 1s linear infinite;
  overflow: hidden; }

/*#flash > .pattern-effect:after {
    display: none;
}*/
@-webkit-keyframes flasheffect {
  0% {
    background-position: 6px 6px; }
  100% {
    background-position: 0 0; } }

@-moz-keyframes flasheffect {
  0% {
    background-position: 6px 6px; }
  100% {
    background-position: 0 0; } }

@-ms-keyframes flasheffect {
  0% {
    background-position: 6px 6px; }
  100% {
    background-position: 0 0; } }

@keyframes flasheffect {
  0% {
    background-position: 6px 6px; }
  100% {
    background-position: 0 0; } }

/*#endregion*/
/*#region search-page-styles */
.search {
  display: block;
  padding: 0;
  position: absolute;
  top: 56px;
  z-index: 999;
  width: 100%;
  -webkit-transition: -webkit-all, 0.5s, ease-in-out;
  -khtml-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;
  visibility: hidden;
  opacity: 0; }
  .search.active {
    opacity: 1;
    visibility: visible;
    background: #cb0102;
    -webkit-transition: -webkit-all, 0.5s, ease-in-out;
    -khtml-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; }
  .search .container {
    margin: 4px; }
  .search .group {
    display: block;
    position: relative; }
    .search .group .form-control {
      display: block;
      position: relative;
      padding: .4rem 4rem .4rem .8rem;
      background: none;
      border: none;
      outline: none;
      width: 100%;
      height: 40px;
      font-size: 1.6rem;
      line-height: 3.2rem;
      font-family: helveticaneue-regular;
      color: #ffffff;
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.1); }
      .search .group .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-style: italic; }
      .search .group .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-style: italic; }
      .search .group .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-style: italic; }
      .search .group .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-style: italic; }
    .search .group .button {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      padding: 12px;
      cursor: pointer; }
      .search .group .button i {
        display: inline-block;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.8); }

.search-bar {
  display: block;
  padding: 24px 16px 16px;
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
  background-repeat: repeat, repeat;
  display: block; }
  .search-bar input.text {
    height: 40px;
    width: calc(100% - 58px);
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 14px;
    font-family: helveticaneue-regular;
    color: #313131;
    margin-right: 4px;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .search-bar input.button {
    position: relative;
    font-family: yenisafak-mobile;
    font-size: 24px;
    line-height: 37px;
    color: #fff;
    border: 1px solid #e3e3e3;
    height: 40px;
    width: 50px;
    padding: 0;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #cb0001;
    -webkit-appearance: none;
    -moz-appearance: none; }

.result-bar {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 16px;
  border-bottom: 1px solid #e9e9e9; }
  .result-bar:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 24px;
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
    background-repeat: repeat, repeat;
    z-index: 1;
    opacity: 1; }
  .result-bar span {
    display: inline-block;
    font-family: helveticaneue-regular;
    font-size: 16px;
    line-height: 22px;
    color: #545454; }
  .result-bar strong {
    font-family: helveticaneue-bold;
    display: inline-block;
    padding: 0 4px;
    height: 24px;
    line-height: 22px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ffe710; }

.google-search {
  display: block;
  min-height: 1000px; }
  .google-search iframe {
    width: 100%; }

/*.search {
    display: block;
    padding: 0;
    position: absolute;
    top: 56px;
    z-index: 999;
    width: 100%;
    background: #fbfbfb;
    @include transition(all, .5s, ease-in-out);
    visibility: hidden;
    opacity: 0;

    &.active {
        opacity: 1;
        visibility: visible;
        @include transition(all, .5s, ease-in-out);

        &:before,
        &:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            z-index: 999;
            opacity: 1;
        }

        &:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid rgba(0,0,0,0.1);
            top: -10px;
            right: 15px;
        }

        &:after {
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #fbfbfb;
            top: -9px;
            right: 16px;
        }
    }

    .container {
        margin: 16px;
    }

    .group {
        display: block;
        position: relative;

        .form-control {
            display: block;
            position: relative;
            background: none;
            border: none;
            outline: none;
            width: 100%;
            height: 32px;
            line-height: 32px;
            font-size: 18px;
            font-family: $fnt-medium;
            color: #606060;
        }
    }
}*/
/*#endregion*/
/*#region advertising-styles */
.ads-content {
  display: block;
  margin: 10px;
  padding: 1rem 0; }

.ads-detail {
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  text-align: center;
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png);
  background-repeat: repeat, repeat; }

.ads-item {
  display: block;
  overflow: hidden;
  background: #ffffff;
  text-align: center;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px #d2d2d2;
  -khtml-box-shadow: 0 0 2px #d2d2d2;
  -moz-box-shadow: 0 0 2px #d2d2d2;
  -ms-box-shadow: 0 0 2px #d2d2d2;
  -o-box-shadow: 0 0 2px #d2d2d2;
  box-shadow: 0 0 2px #d2d2d2; }
  .ads-item img, .ads-item amp-img {
    display: inline-block; }

.ads-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  z-index: 1999; }
  .ads-popup .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    z-index: 4; }
    .ads-popup .close i {
      display: inline-block;
      font-size: 2rem;
      line-height: 3.2rem;
      width: 3.2rem;
      height: 3.2rem;
      text-align: center;
      color: #f2f2f2;
      background: black; }
  .ads-popup .head {
    position: relative;
    margin-bottom: 1rem; }
    @media (max-height: 500px) {
      .ads-popup .head {
        margin-bottom: 0; } }
    .ads-popup .head .timer {
      font: 1.2rem/3.2rem helveticaneue-regular;
      padding: 0 1rem;
      color: #ffffff; }
      @media (max-height: 500px) {
        .ads-popup .head .timer {
          display: none; } }
  .ads-popup .area {
    position: relative;
    text-align: center; }
  .ads-popup .ads-container {
    padding: 1rem; }
    @media (max-width: 350px) {
      .ads-popup .ads-container {
        padding: 0; } }

@media screen and (max-width: 359px) {
  .ads-content {
    display: block;
    margin: 1rem auto;
    padding: 1rem 0; }
  .ads-item {
    padding: 0; } }

/*#endregion*/
/*#region Euro 2016 Widget */
.widget-content {
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0 0 2px #d9d9d9;
  -khtml-box-shadow: 0 0 2px #d9d9d9;
  -moz-box-shadow: 0 0 2px #d9d9d9;
  -ms-box-shadow: 0 0 2px #d9d9d9;
  -o-box-shadow: 0 0 2px #d9d9d9;
  box-shadow: 0 0 2px #d9d9d9;
  margin: 10px;
  border-radius: 2px;
  background-image: url(../images/sport/bg-eurocup.png);
  background-repeat: repeat-x;
  background-size: 300px 300px;
  background-color: #2c6a93 !important; }

.cup-widget {
  position: relative;
  padding: .5rem 0;
  padding: 1rem; }
  .cup-widget .cup-logo {
    position: relative;
    display: block;
    margin-bottom: 1rem; }
    .cup-widget .cup-logo img {
      height: 3.2rem;
      display: inline-block; }
  .cup-widget .next {
    top: 0;
    right: 0;
    padding-bottom: 1rem;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    color: #ffffff;
    padding: 0 .5rem; }
    .cup-widget .next span {
      font: 1rem/1.6rem helveticaneue-light; }
    .cup-widget .next i {
      font-size: 1.6rem;
      line-height: 3.2rem; }
  .cup-widget .score {
    display: block;
    background: rgba(0, 0, 0, 0.09);
    padding: 0.5rem; }
    .cup-widget .score .match {
      display: block;
      margin: 0 auto;
      font-size: 0; }
      .cup-widget .score .match .home, .cup-widget .score .match .away {
        display: inline-block;
        width: calc((100% - 66px) / 2); }
        .cup-widget .score .match .home .name, .cup-widget .score .match .away .name {
          display: inline-block;
          width: calc(100% - 24px);
          margin: 0; }
          .cup-widget .score .match .home .name span, .cup-widget .score .match .away .name span {
            display: block;
            height: 24px;
            padding: 0 4px;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font: 1.1rem/2.4rem helveticaneue-regular;
            color: #ffffff; }
        .cup-widget .score .match .home .image, .cup-widget .score .match .away .image {
          display: inline-block;
          width: 24px;
          margin: 0;
          position: relative;
          text-align: center; }
          .cup-widget .score .match .home .image img, .cup-widget .score .match .home .image amp-img, .cup-widget .score .match .away .image img, .cup-widget .score .match .away .image amp-img {
            margin: 2px 0;
            width: 20px;
            height: 20px; }
      .cup-widget .score .match .home .name {
        text-align: right; }
      .cup-widget .score .match .home .last ul {
        padding-right: 24px;
        text-align: right; }
      .cup-widget .score .match .away .name {
        text-align: left; }
      .cup-widget .score .match .away .last ul {
        padding-left: 24px;
        text-align: left; }
      .cup-widget .score .match .result {
        display: inline-block;
        width: 66px;
        padding: 0 3px; }
        .cup-widget .score .match .result .top {
          display: block;
          margin: 2px 0; }
          .cup-widget .score .match .result .top .goal {
            display: inline-block;
            width: 24px;
            height: 20px;
            text-align: center;
            background: rgba(0, 0, 0, 0.09);
            color: #ffffff;
            font: 1.3rem/2rem helveticaneue-bold;
            border-radius: 2px; }
          .cup-widget .score .match .result .top .vs {
            display: inline-block;
            width: calc(60px - 48px);
            text-align: center;
            font: 1.3rem/2rem helveticaneue-regular;
            color: #ffffff; }
    .cup-widget .score .text {
      display: block;
      text-align: center;
      margin: 6px 0 0;
      color: #ffffff; }
      .cup-widget .score .text .date {
        font: 1rem/1.2rem helveticaneue-regular; }
      .cup-widget .score .text .time {
        font: 1rem/1.2rem helveticaneue-bold; }

.cup-widgets {
  display: block;
  position: relative;
  padding: .6rem 1.6rem;
  background: #488d51; }
  .cup-widgets .cup-logo {
    display: inline-block;
    position: absolute;
    padding: .6rem 0; }
    .cup-widgets .cup-logo img {
      height: 4rem; }
  .cup-widgets .score {
    display: block;
    height: 3.6rem;
    padding: .7rem 0 .7rem 12.4rem; }
    .cup-widgets .score .match {
      display: inline-block;
      text-align: center; }
      .cup-widgets .score .match .team {
        position: relative;
        display: inline-block; }
        .cup-widgets .score .match .team:hover .name {
          display: inline-block; }
        .cup-widgets .score .match .team .image {
          display: block;
          text-align: center;
          position: relative; }
          .cup-widgets .score .match .team .image img {
            margin: 0 auto;
            width: 2.2rem;
            height: 2.2rem; }
        .cup-widgets .score .match .team .name {
          position: absolute;
          display: none;
          top: 3rem;
          left: 50%;
          width: 10rem;
          margin-left: -5rem; }
          .cup-widgets .score .match .team .name span {
            display: inline-block;
            padding: 0 1rem;
            font-size: 1rem;
            line-height: 2rem;
            color: #808080;
            background: #f5f5f5;
            font-family: helveticaneue-medium;
            border: solid 1px #e5e5e5;
            border-radius: .2rem;
            max-width: 10rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
      .cup-widgets .score .match .result {
        display: inline-block;
        vertical-align: top;
        padding: 0 .8rem; }
        .cup-widgets .score .match .result .goal {
          display: inline-block;
          width: 2.2rem;
          height: 2.2rem;
          text-align: center;
          background: rgba(0, 0, 0, 0.1);
          color: #fff;
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-family: helveticaneue-bold;
          border-radius: .2rem; }
        .cup-widgets .score .match .result .vs {
          display: inline-block;
          padding: 0 .4rem;
          text-align: center;
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-family: helveticaneue-bold;
          color: #fff; }
    .cup-widgets .score .text {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      color: #ffffff;
      padding: 0 1.6rem; }
      .cup-widgets .score .text .date {
        font-size: .9rem;
        line-height: 1rem;
        font-family: helveticaneue-regular; }
      .cup-widgets .score .text .time {
        font-size: 1.1rem;
        line-height: 1.2rem;
        font-family: helveticaneue-bold; }
  .cup-widgets .next {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #fff;
    padding-left: 12.4rem;
    padding-right: 1.6rem; }
    .cup-widgets .next span {
      font-size: 1rem;
      line-height: 1.6rem;
      font-family: helveticaneue-medium; }
    .cup-widgets .next i {
      font-size: .9rem;
      line-height: 1.6rem; }

@media (max-width: 372px) {
  .cup-widgets .score .text {
    display: none; } }

/*#endregion */
/*#region Ramadan Widget */
.ramadan-widget {
  display: block;
  color: #ffffff;
  padding: .5rem;
  background-image: url(../images/ramadan/ramadan-header.svg);
  background-repeat: repeat-x;
  background-size: auto 36px;
  background-position: bottom;
  background-color: #1e96a4; }
  .ramadan-widget .ramadan-candle {
    position: relative;
    display: inline-block;
    min-width: 12rem;
    padding-left: 4rem; }
    .ramadan-widget .ramadan-candle .image {
      position: absolute;
      left: 1rem;
      top: -2rem; }
      .ramadan-widget .ramadan-candle .image img {
        width: 1.8rem;
        height: auto; }
    .ramadan-widget .ramadan-candle .text {
      display: block;
      color: #ffffff; }
      .ramadan-widget .ramadan-candle .text .title {
        font-size: 1.6rem;
        line-height: 2.2rem;
        font-family: helveticaneue-medium; }
    .ramadan-widget .ramadan-candle .next {
      display: block;
      color: #ffffff;
      line-height: 1;
      background: rgba(0, 0, 0, 0.1);
      padding: 0 .5rem;
      height: 1.6rem; }
      .ramadan-widget .ramadan-candle .next span {
        font-size: 1rem;
        line-height: 1.6rem;
        height: 1.6rem;
        font-family: helveticaneue-light; }
      .ramadan-widget .ramadan-candle .next i {
        font-size: .9rem;
        line-height: 1.6rem; }
  .ramadan-widget .prayer-times {
    position: relative;
    border-radius: .2rem;
    background: rgba(0, 0, 0, 0.1); }
    .ramadan-widget .prayer-times .progress {
      border: none;
      width: 0;
      margin: 0;
      position: absolute;
      left: 0;
      top: 0;
      visibility: hidden; }
    .ramadan-widget .prayer-times ul {
      position: relative;
      height: 3.8rem;
      width: 100%; }
      .ramadan-widget .prayer-times ul li {
        text-align: center; }
        .ramadan-widget .prayer-times ul li.remaining-time {
          position: relative;
          width: 100%;
          max-height: 3.8rem;
          text-align: center; }
          .ramadan-widget .prayer-times ul li.remaining-time .progress {
            width: 100%;
            visibility: visible;
            height: 3.8rem;
            z-index: 1; }
            .ramadan-widget .prayer-times ul li.remaining-time .progress.green {
              background: rgba(149, 189, 13, 0.5); }
            .ramadan-widget .prayer-times ul li.remaining-time .progress.yellow {
              background: rgba(243, 189, 23, 0.5); }
            .ramadan-widget .prayer-times ul li.remaining-time .progress.red {
              background: rgba(255, 0, 25, 0.5); }
          .ramadan-widget .prayer-times ul li.remaining-time .time-wrap {
            position: relative;
            display: block;
            max-height: 3.8rem;
            z-index: 2; }
          .ramadan-widget .prayer-times ul li.remaining-time .timeago {
            display: inline-block;
            padding: 0 2rem; }
            .ramadan-widget .prayer-times ul li.remaining-time .timeago span {
              text-align: center; }
              .ramadan-widget .prayer-times ul li.remaining-time .timeago span.prayer-name {
                font-size: 9px;
                line-height: 12px;
                margin-top: .3rem; }
              .ramadan-widget .prayer-times ul li.remaining-time .timeago span.prayer-time {
                font-size: 20px;
                line-height: 18px; }
        .ramadan-widget .prayer-times ul li.sponsor {
          background: rgba(255, 255, 255, 0.3);
          padding: .4rem; }
          .ramadan-widget .prayer-times ul li.sponsor a {
            display: inline-block;
            padding: 0.6rem 0.3rem;
            background: white;
            -webkit-border-radius: 1px;
            -khtml-border-radius: 1px;
            -moz-border-radius: 1px;
            -ms-border-radius: 1px;
            -o-border-radius: 1px;
            border-radius: 1px; }
          .ramadan-widget .prayer-times ul li.sponsor img {
            display: block;
            width: auto;
            height: 1.8rem; }
        .ramadan-widget .prayer-times ul li span {
          display: block;
          text-align: center;
          color: #fff;
          font-family: helveticaneue-regular; }
          .ramadan-widget .prayer-times ul li span.prayer-name {
            font-size: 8px;
            line-height: 14px;
            margin-top: 0.6rem; }
          .ramadan-widget .prayer-times ul li span.prayer-time {
            font-size: 16px;
            line-height: 16px;
            font-family: helveticaneue-bold;
            margin-top: 0.1rem; }

/*#endregion */
/*#region Lightbox */
.lightbox {
  position: fixed;
  border: 1px solid #ddd;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  z-index: 99999999;
  font-size: 18px;
  font-family: helveticaneue-medium;
  text-align: center;
  color: #333;
  line-height: 32px;
  display: none;
  overflow: hidden; }
  .lightbox.intro {
    box-shadow: none;
    border: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    max-width: none;
    line-height: 1;
    font-size: 1.4rem;
    color: #333;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.92); }
    .lightbox.intro .lightbox-header {
      display: block;
      background: black;
      padding: 1.8rem 1.9rem;
      z-index: 99;
      text-align: right;
      border-bottom: solid 1px #222; }
      .lightbox.intro .lightbox-header .delay {
        display: inline-block;
        color: #999;
        font-size: 1.2rem;
        line-height: 3.4rem;
        font-family: helveticaneue-medium; }
        .lightbox.intro .lightbox-header .delay strong {
          font-size: 1.4rem;
          color: white;
          font-family: helveticaneue-bold; }
      .lightbox.intro .lightbox-header .skip {
        display: inline-block;
        color: #ddd;
        font-size: 1.1rem;
        line-height: 3.5rem;
        border: solid .1rem #666;
        padding: 0 1.2rem;
        -webkit-border-radius: 33px;
        -khtml-border-radius: 33px;
        -moz-border-radius: 33px;
        -ms-border-radius: 33px;
        -o-border-radius: 33px;
        border-radius: 33px;
        margin-left: 1.4rem;
        font-family: helveticaneue-bold; }
        .lightbox.intro .lightbox-header .skip.disable {
          filter: alpha(opacity=60);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
          -webkit-opacity: 0.6;
          -khtml-opacity: 0.6;
          -moz-opacity: 0.6;
          -ms-opacity: 0.6;
          -o-opacity: 0.6;
          opacity: 0.6; }
    .lightbox.intro .wrapper {
      margin: 0;
      padding: 5px;
      top: 0;
      left: 0;
      position: relative;
      width: 100%; }
      .lightbox.intro .wrapper video {
        margin: 2.2rem 0; }
      .lightbox.intro .wrapper .button {
        padding: 0 2rem;
        border: solid .2rem #e3b968;
        color: white;
        font-size: 1.5rem;
        line-height: 4rem;
        font-family: helveticaneue-medium;
        height: auto;
        width: auto;
        z-index: 99;
        display: inline-block;
        cursor: pointer;
        margin: 2.2rem 0; }
        .lightbox.intro .wrapper .button i {
          font-size: 1.2rem;
          line-height: 4rem;
          margin-left: .5rem; }
    .lightbox.intro header {
      background: #f1f1f1;
      height: 64px;
      padding: 0 16px;
      overflow: hidden;
      z-index: 9999;
      position: relative; }

/*#endregion */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
.arama main {
  margin-top: 12px;
  padding: 0 10px; }
  .arama main .container .main-col h4, .arama main .container .main-col h5 {
    font-family: helveticaneue-regular;
    color: #acacac;
    font-size: 1.6rem;
    margin-top: 2.2rem; }
    .arama main .container .main-col h4 strong, .arama main .container .main-col h5 strong {
      font-family: helveticaneue-medium; }
  .arama main .container .main-col h5 {
    font-size: 1.2rem;
    margin-bottom: 1.8rem;
    margin-top: 1.2rem; }

.arama nav.pagination {
  border-bottom: none; }
  .arama nav.pagination ul {
    margin: 0;
    padding: 0; }
    .arama nav.pagination ul li {
      list-style: none;
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px; }
      .arama nav.pagination ul li .pagination-link {
        font-family: helveticaneue-medium;
        font-size: 1.1rem;
        line-height: 25px;
        padding: 0 9px;
        height: 26px;
        text-align: center;
        color: #999;
        border: 1px solid #e9e9e9;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        display: block; }
      .arama nav.pagination ul li .pagination-link.active {
        color: #fff;
        background: #cb0001;
        border: 1px solid transparent; }

section.search-bar {
  padding: 10px 10px;
  background-image: url(../images/pattern-main.svg), url(../images/bg-main.png); }
  section.search-bar .container {
    position: relative;
    margin-top: 57px; }
  section.search-bar .tr {
    position: absolute;
    left: 9px;
    bottom: -25px;
    width: 16px;
    height: 11px;
    display: inline-block;
    overflow: hidden; }
    section.search-bar .tr:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: url(../images/pattern-main.svg);
      background-size: 55px 42px;
      width: 16px;
      height: 11px;
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  section.search-bar input[type="text"] {
    height: 40px;
    width: 84%;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 1.4rem;
    line-height: 14px;
    color: #313131;
    vertical-align: middle; }
  section.search-bar input[type="button"] {
    font-size: 1.4rem;
    line-height: 38px;
    color: #fff;
    border: 1px solid #e3e3e3;
    height: 40px;
    width: 14%;
    text-align: center;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #cb0001;
    vertical-align: middle; }

section.result-bar {
  font-size: 1.6rem;
  line-height: 16px;
  color: #545454;
  padding: 12px 10px;
  border-bottom: 1px solid #e9e9e9;
  line-height: 22px; }
  section.result-bar b {
    font-family: helveticaneue-bold; }
  section.result-bar .highlight {
    display: inline-block;
    padding: 0 4px;
    height: 24px;
    vertical-align: middle;
    background: #ffe710;
    line-height: 20px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

nav.search2 {
  border-bottom: 1px solid #e9e9e9;
  color: #777;
  padding: 0 10px; }
  nav.search2 ul {
    margin: 0;
    padding: 0; }
    nav.search2 ul li {
      list-style: none;
      display: inline-block; }
    nav.search2 ul .search-link {
      font-size: 1.4rem;
      line-height: 14px;
      color: #777;
      padding: 17px 10px 15px 10px;
      margin-right: 8px;
      border-bottom: 1px solid transparent;
      cursor: pointer; }
    nav.search2 ul .active {
      color: #cb0001;
      border-bottom: 3px solid #cb0001; }

section.list-box article {
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0; }

section.list-box article:first-child {
  padding: 0 0 12px 0; }

section.list-box article:last-child {
  border-bottom: none; }

section.list-box figure {
  margin: 0;
  min-height: 95px; }

section.list-box .image {
  position: absolute;
  width: 95px;
  height: 95px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-bottom: 0;
  margin-right: 10px; }

section.list-box .image.author {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FFNUNBOUFCNUJEMTFFNEI5M0FDRUFERTRDOUM0QkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FFNUNBOUJCNUJEMTFFNEI5M0FDRUFERTRDOUM0QkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUU1Q0E5OEI1QkQxMUU0QjkzQUNFQURFNEM5QzRCQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUU1Q0E5OUI1QkQxMUU0QjkzQUNFQURFNEM5QzRCQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrB1PzoAAAAwSURBVHjaYvz//z8DFKiBCCYGBHgCIliAmAsqIAMTkIEK3ELW8gSmjwlZOQgABBgAxBkGM7pWb6UAAAAASUVORK5CIIA=") repeat;
  background-size: 2px 3px;
  background-color: #000; }
  section.list-box .image.author .icon-group {
    text-align: center;
    top: 2.8rem; }
  section.list-box .image.author img {
    display: inline-block;
    position: absolute;
    max-width: none;
    width: 170px;
    left: -35px; }
  section.list-box .image.author .radial {
    display: block;
    width: 95px;
    height: 95px;
    background-size: 95px 95px; }

section.list-box img {
  display: inline-block;
  position: relative;
  bottom: 0; }

section.list-box h2, section.list-box h3 {
  font-size: 1.5rem;
  line-height: 18px;
  color: #204f82;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #505050;
  font-family: helveticaneue-medium; }

section.list-box .info {
  font-size: 1.1rem;
  line-height: 11px;
  margin-bottom: 7px;
  color: #999; }

section.list-box p {
  font-size: 1.3rem;
  line-height: 18px;
  color: #656565;
  margin: 0;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  font-family: helveticaneue-light; }

/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/*@mixin font-face($fontFamily: myFont, $eotFileSrc: 'myFont.eot', $woffFileSrc: 'myFont.woff', $ttfFileSrc: 'myFont.ttf') {
  font-family: $fontFamily;
  src: url($eotFileSrc)  format('eot'),
       url($woffFileSrc) format('woff'),
       url($ttfFileSrc)  format('truetype');
}*/
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*FONT REM PX CONVERT*/
/*rem*/
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link https://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Black To White Scale */
/* #fcfcfc */
/* #fafafa */
/* #f7f7f7 */
/* #f5f5f5 */
/* #f2f2f2 */
/* #f0f0f0 */
/* #ededed */
/* #ebebeb */
/* #e8e8e8 */
/* #e6e6e6 */
/* #d9d9d9 */
/* #cccccc */
/* #bfbfbf */
/* #b3b3b3 */
/* #a6a6a6 */
/* #999999 */
/* #8c8c8c */
/* #808080 */
/* #737373 */
/* #666666 */
/* #595959 */
/* #4d4d4d */
/* #404040 */
/* #333333 */
/* #262626 */
/* #1a1a1a */
/* #0d0d0d */
/* Category Color */
/* Ana Renk */
/* Gündem */
/* Dünya */
/* Ekonomi */
/* Spor */
/* Teknoloji */
/* Yaşam */
/* Foto */
/* Video */
/* Bildirimler */
/* Yazarlar */
/* Gazeteler */
/* Piyasalar */
/* Canlı Yayın */
/* Hava Durumu */
/* Namaz Vakti */
/* Ramazan */
/* Spor Color */
/* Avrupa Sampiyonasi */
/* Dunya Kupasi */
/* Sampiyonlar Ligi*/
/* Uefa Ligi */
/* Custom Color */
/* Spor */
/* Spor 2 */
/* Flat Pallette Color */
/* Font */
/* Thin (Hairline), Extra Light (Ultra Light) */
/* Light */
/* Normal, Regular */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Light */
/* Regular, Normal  */
/* Medium, Semi Bold (Demi Bold) */
/* Bold */
/* Extra Bold (Ultra Bold) */
/* Font Icon Sets */
/* Font Icon Sets */
/* Rules */
/* Media Screen CSS Style  */
@media screen and (max-width: 319px) {
  body {
    min-width: 240px; }
  .classible .a {
    display: inline-block; }
  .classible .b,
  .classible .c,
  .classible .d {
    display: none; }
  .slider-index .news figcaption .title {
    font-size: 20px !important;
    line-height: 19px !important; }
  .header-category .svg-image, .header-category .euro-cup-logo {
    display: none !important; } }

/* Android iPhone 4, 4S, 5, 5S, 5C Styles */
@media screen and (min-width: 320px) and (max-width: 359px) {
  body {
    min-width: 320px; }
  .classible .a {
    display: inline-block; }
  .classible .b,
  .classible .c,
  .classible .d {
    display: none !important; }
  .slider-index .news figcaption h3 {
    font-size: 20px !important;
    line-height: 19px !important; }
  .header-category .svg-image, .header-category .euro-cup-logo {
    display: none !important; } }

/* Android Retina Display Styles */
@media screen and (min-width: 360px) and (max-width: 374px) {
  body {
    min-width: 360px; }
  .classible .a {
    display: inline-block; }
  .classible .b,
  .classible .c,
  .classible .d {
    display: none !important; } }

/* iPhone 6 Styles */
@media screen and (min-width: 375px) and (max-width: 413px) {
  body {
    min-width: 375px; }
  .classible .a, .classible .b {
    display: inline-block; }
  .classible .c,
  .classible .d {
    display: none !important; } }

/* iPhone 6 Plus Styles */
@media screen and (min-width: 414px) and (max-width: 479px) {
  body {
    min-width: 414px; }
  .classible .a,
  .classible .b,
  .classible .c {
    display: inline-block; }
  .classible .d {
    display: none !important; } }

@media screen and (min-width: 480px) {
  body {
    min-width: 480px; }
  .classible .a,
  .classible .b,
  .classible .c,
  .classible .d {
    display: inline-block; } }