body,html {
	padding: 0;
	width:100%;
    margin: 0;
    direction: rtl;
    font-family: Droid Arabic Naskh;
    font-size: 13px;
    padding: 0;
    margin: 0;
    font-family: Droid Arabic Naskh;
    font-size: 13px;	
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;    
	display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
	
	
}
.circles {
    height: 90vmin;
    position: relative;
    width: 90vmin;
  }
  .circles > div {
    animation: growAndFade 3s infinite ease-out;
    background-color: dodgerblue;
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
  }
  .circles .circle1 {
    animation-delay: 1s;
  }
  .circles .circle2 {
    animation-delay: 2s;
  }
  .circles .circle3 {
    animation-delay: 3s;
  }
  
  @keyframes growAndFade {
    0% {
      opacity: 0.25;
      transform: scale(0);
    }
    100% {
      opacity: 0;
      transform: scale(1);
    }
  }
  body {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: 0;
  }
#scrollpagination {
	max-width: 600px;
	margin: 0px auto;
}

#scrollpagination ul {
	list-style: none;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

#scrollpagination ul li {
	margin: 10px 0px;
	width: 100%;
	background: #352828;
	padding: 5px 10px;
	border-radius: 6px;
	text-shadow: 2px 1px -1px #000000;
}

.loading {
	background: #c1c39a;
	color: #303030;
	font-size: 20px;
	padding: 5px 10px;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	display: :none;
	border-radius: 5px;
}

#searchbottom {
    height: 60px;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
	padding-bottom:7px;
}
.footer-downloadapp  {
	width:100%
}
:root {
  --red-flat-bg: #D2122E;
  --red-flat2-bg: #f7444e;
  --blue-flat2-bg: #002c3e;
  --blue-flat-bg: #00308F;
  --blue-flat-bg-ticker: #2c3968;
  --red-flat-bg-category: #D2122E;
  --red-flat-text-category: #FFFFFF;
 --color-settings-color: #757575;
 --color-settings-bg: #f3f5f9;
 --color-settings-border: #dbdade;
}
:root {
    --bar-color-1: #623ce6;
    --bar-color-2: #623ce6;
    --bar-color-3: #623ce6;
    --bar-color-4: #623ce6;
    --bar-color-5: #623ce6;
    --bar-color-6: #623ce6;
    --bar-color-7: #623ce6;
}

[data-id="flexbox-bar-graph"] {
    border-collapse: collapse;
    width: 100%;
}

.list-group-container {
  position: relative;
}
.displaynone {
	display:none;
}
.list-group {
  width: 300px;
  max-height: 70vh;
  overflow-y: scroll;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.2), 0 0 0 1px rgba(10, 10, 10, 0.2);
}
.list-group .list-group-item {
  padding: 10px 20px;
  border-bottom: 1px solid rgba(44, 62, 80, 0.25);
  cursor: pointer;
}
.list-group .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group .list-group-item:hover {
  background: rgba(44, 62, 80, 0.07);
}
.loading::before {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
.loading {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  width: 90%;
  margin: auto;
  padding: 10px 0;
  color: #000;
  text-align: center;
  background: #f6f6f6;
  border-radius: 4px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}
#loadingitems {
	width:100%;
	padding:30px;
}
.show {display:block}
.hide {display:none}
/*********************************************************/
/* Desktop graph styling */
/*********************************************************/
    [data-id="flexbox-bar-graph"] {
background: transparent;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
    }

    [data-id="flexbox-bar-graph"] caption {
        display: block;
        font-size: 1.8rem;
        text-align: center;
        width: 100%;
    }

    [data-id="flexbox-bar-graph"] thead {
        display: block;
        width: 100%;
    }
    [data-id="flexbox-bar-graph"] thead tr {
        border-bottom: 1px solid lightgrey;
        display: flex;
        justify-content: center;
        padding-bottom: 1rem;
    }

    [data-id="flexbox-bar-graph"] thead tr th {
        display: inline-block;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: right;
    }
    [data-id="flexbox-bar-graph"] thead tr th:before {
        content:'';
        display: inline-block;
        height: 10px;
        margin: 0 0.5rem 0 2rem;
        position: relative;
        width: 10px;
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(1),
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(1):before {
        display: none;
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(2):before {
        background: var(--bar-color-1);
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(3):before {
        background: var(--bar-color-2);
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(4):before {
        background: var(--bar-color-3);
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(5):before {
        background: var(--bar-color-4);
    }
    [data-id="flexbox-bar-graph"] thead tr th:nth-child(6):before {
        background: var(--bar-color-5);
    }    
	[data-id="flexbox-bar-graph"] thead tr th:nth-child(7):before {
        background: var(--bar-color-6);
    }	
	[data-id="flexbox-bar-graph"] thead tr th:nth-child(8):before {
        background: var(--bar-color-7);
    }

    [data-id="flexbox-bar-graph"] tbody {
        display: flex;
        justify-content: space-between;
        min-height: 300px;
        width: 100%;
    }

    [data-id="flexbox-bar-graph"] tbody tr {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 0 20px;
        position: relative;
        width: 100%;
    }
    [data-id="flexbox-bar-graph"] tbody tr th {
        font-size: 90%;
        position: absolute;
        text-align: center;
        top: 100%;
        width: calc(100% - 100px);
    }
    [data-id="flexbox-bar-graph"] tbody tr td {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 95%;
        justify-content: flex-end;
    }

    [data-id="flexbox-bar-graph"] tbody tr td span {
        display: block;
        height: calc(var(--data-set) * 100%);
        width: 20px;
    }
    [data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(1) span {
        background: var(--bar-color-1);
    }
    [data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(2) span {
        background: var(--bar-color-2);
    }
    [data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(3) span {
        background: var(--bar-color-3);
    }
    [data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(4) span {
        background: var(--bar-color-4);
    }
    [data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(5) span {
        background: var(--bar-color-5);
    }    
	[data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(6) span {
        background: var(--bar-color-6);
    }	
	[data-id="flexbox-bar-graph"] tbody tr td:nth-of-type(7) span {
        background: var(--bar-color-7);
    }

    [data-id="flexbox-bar-graph"] tbody tr td p {
        font-size: 90%;
        margin: 0;
        text-align: center;
    }


/*********************************************************/
/* Desktop horizontal graph styling */
/*********************************************************/
[data-layout="horizontal"] tbody {
    min-height: auto;
}

[data-layout="horizontal"] tbody tr {
    flex-direction: column;
    padding: 0 40px;
}
[data-layout="horizontal"] tbody tr th {
    width: calc(100% - 80px);
}

[data-layout="horizontal"] tbody tr th {
    text-align: left;
    top: calc(100% + 20px);
}

[data-layout="horizontal"] tbody tr td {
    flex-direction: row;
    height: auto;
    justify-content: start;
    margin: 10px 0;
}

[data-layout="horizontal"] tbody tr td span {
    height: 20px;
    width: calc(var(--data-set) * 100%);
}

[data-layout="horizontal"] tbody tr td p {
    margin-left: 10px;
}

a:-webkit-any-link {
    color:#006cff;
	color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
}
a {}
.local_box_wrap{
display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1;
    margin-right: auto;	
    position: absolute;
top:15px;
left:11px;	
width:120px;

}
.local_box{
    width: 100%;
      color: var(--color-settings-color);
    direction: ltr;
display: inline-grid;
}
.local_content{
top:15px;
  height: 30px;
  width: 100%;
    background-color: var(--color-settings-bg);
    border:1px  var(--color-settings-border) solid;
    color: var(--color-settings-color);
  border-radius: 5px;
  position: relative;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: all 0.2s;
  overflow:hidden;
}
.local_content_active{
  height: 220px;
}
.local_title{
  font-weight: 700;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding-right:15px;
  transition: all 0.5s;
  z-index: 100;
  cursor: pointer;
  text-align:center;
}
.design_hh {
	display:contents
}
.design_hh svg{
position:absolute;
top:6px;
right:10px;
fill:var(--color-settings-color);
z-index:3
}
.title_left{
  margin-left: -200px;
  z-index:0;
}
.local_box ul{
  list-style-type: none;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0;
  width: 120px;
     background-color: var(--color-settings-bg);
    color: var(--color-settings-color);
  border-radius: 5px;
  padding:0;
}
.local_box ul li{
  height: 40px;
  font-weight: 700;
  overflow: hidden;
  width:100%;
}
.local_box li div{  
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left:60px;
  transition: all 0.3s;
  width: 100%;
  cursor: pointer;
  opacity:0;
  text-align:center;

}
.local_box li div.active_item{
	left: 0px;
  opacity: 1;
}
.send_us {
  top: 30%;
  left: 50%;
  position: relative;
  max-width: 440px;
  transform: translateX(-50%);
  display: block;
  margin-bottom:15px;
}

.msg {
  border-top: 3px solid var(--red-flat-bg);
  border-bottom: 3px solid var(--red-flat-bg);
  padding: 0.75em 1em;
  display: block;
  text-align: center;
}

.banner {
  text-align: center;
  background: var(--red-flat-bg);
  box-shadow: 0 15px var(--red-flat-bg);
  width: 160px;
  padding-top: 8px;
  padding-bottom: 5px;
  margin: auto;
  display: block;
  color: #fff;
}
.banner:before {
  content: "";
  position: absolute;
  bottom: -16px;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-bottom: 10px solid #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.head-icon {
	width:32px;
	height:32px;
}
.icon {
	width:32px;
	height:32px;
	
}.icon-16 {
	width:16px;
	height:16px;
	margin-left:5px;
	fill:#a1a1a1
	
}.home-filter-icon {
	width:16px;
	height:16px;
	margin-left:5px;
	fill:#a1a1a1
	
}
.close_ints_icon-16 {
	width:30px;
	height:30px;
	fill:#FFF;
}
.icon_news {
	width:25px;
	height:25px;
	margin:5px;
	fill:#757575;
	display:block;float:right;
}
.glyph {
	 top: 19px;
    right: 10px;	
	   position: absolute;

}
.icon {
	fill:#a5a5a5
}

.left_icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 19px;
    left: 10px;	
    right: auto
}
.s_title{
	display: inline-block;
    min-height: 32px;
    width: 100%;
    padding-right: 45px;
	padding-bottom: 8px;
    border-bottom: 1px #eee solid;
	margin-bottom:10px;
}
.toped {
	top:auto;
	bottom:0;
	right:0;
	position:relative;
	margin-top: 11px;
	
}
.blue_icon {fill:#000;width:20px;
	height:20px;	}
	.green {
	color:#4CAF50
}
.red{
	color:#FB445A;
}
.gray{
	color:#666;
}
.Yellow {
	fill:#FDD763;width:20px;
	height:20px;
}
.Red {
	fill:#FB445A;width:20px;
	height:20px;
}
.s_title{ 

}
.s_title small{
	color:#555;
}
.iframely-loader,
.iframely-loader:before,
.iframely-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.iframely-loader {
  color: #ffffff;
  font-size: 10px;
  top: calc(50% - 4em);
  left: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.iframely-loader:before,
.iframely-loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.iframely-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.iframely-loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.book {
  --color: #fff;
  --duration: 6.8s;
  width: 32px;
  height: 12px;
  position: relative;
  margin: 32px 0 0 0;
  zoom: 1.5;
	width: 100%%;
	margin: 0 auto;
	display: block;
	 transform: scale(0.4);
	 margin-top:30px;
}
.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  -webkit-animation: book var(--duration) ease infinite;
          animation: book var(--duration) ease infinite;
}
.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: var(--color);
  position: absolute;
}
.book .inner .left:before,
.book .inner .right:before {
  content: '';
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}
.book .inner .left {
  right: 28px;
  -webkit-transform-origin: 58px 2px;
          transform-origin: 58px 2px;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-animation: left var(--duration) ease infinite;
          animation: left var(--duration) ease infinite;
}
.book .inner .right {
  left: 28px;
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  -webkit-animation: right var(--duration) ease infinite;
          animation: right var(--duration) ease infinite;
}
.book .inner .middle {
  width: 32px;
  height: 12px;
  border: 4px solid var(--color);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.book ul li {
  height: 4px;
  border-radius: 2px;
  -webkit-transform-origin: 100% 2px;
          transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: var(--color);
  -webkit-transform: rotateZ(0deg) translateX(-18px);
          transform: rotateZ(0deg) translateX(-18px);
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
  -webkit-animation-name: page-0;
          animation-name: page-0;
}
.book ul li:nth-child(1) {
  -webkit-animation-name: page-1;
          animation-name: page-1;
}
.book ul li:nth-child(2) {
  -webkit-animation-name: page-2;
          animation-name: page-2;
}
.book ul li:nth-child(3) {
  -webkit-animation-name: page-3;
          animation-name: page-3;
}
.book ul li:nth-child(4) {
  -webkit-animation-name: page-4;
          animation-name: page-4;
}
.book ul li:nth-child(5) {
  -webkit-animation-name: page-5;
          animation-name: page-5;
}
.book ul li:nth-child(6) {
  -webkit-animation-name: page-6;
          animation-name: page-6;
}
.book ul li:nth-child(7) {
  -webkit-animation-name: page-7;
          animation-name: page-7;
}
.book ul li:nth-child(8) {
  -webkit-animation-name: page-8;
          animation-name: page-8;
}
.book ul li:nth-child(9) {
  -webkit-animation-name: page-9;
          animation-name: page-9;
}
.book ul li:nth-child(10) {
  -webkit-animation-name: page-10;
          animation-name: page-10;
}
.book ul li:nth-child(11) {
  -webkit-animation-name: page-11;
          animation-name: page-11;
}
.book ul li:nth-child(12) {
  -webkit-animation-name: page-12;
          animation-name: page-12;
}
.book ul li:nth-child(13) {
  -webkit-animation-name: page-13;
          animation-name: page-13;
}
.book ul li:nth-child(14) {
  -webkit-animation-name: page-14;
          animation-name: page-14;
}
.book ul li:nth-child(15) {
  -webkit-animation-name: page-15;
          animation-name: page-15;
}
.book ul li:nth-child(16) {
  -webkit-animation-name: page-16;
          animation-name: page-16;
}
.book ul li:nth-child(17) {
  -webkit-animation-name: page-17;
          animation-name: page-17;
}
.book ul li:nth-child(18) {
  -webkit-animation-name: page-18;
          animation-name: page-18;
}

@-webkit-keyframes page-0 {
  4% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  13%,
        54% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-0 {
  4% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  13%,
        54% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-1 {
  5.86% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%,
        55.86% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-1 {
  5.86% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%,
        55.86% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-2 {
  7.72% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%,
        57.72% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-2 {
  7.72% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%,
        57.72% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-3 {
  9.58% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%,
        59.58% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-3 {
  9.58% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%,
        59.58% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-4 {
  11.44% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%,
        61.44% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-4 {
  11.44% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%,
        61.44% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-5 {
  13.3% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%,
        63.3% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-5 {
  13.3% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%,
        63.3% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-6 {
  15.16% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%,
        65.16% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-6 {
  15.16% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%,
        65.16% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-7 {
  17.02% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%,
        67.02% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-7 {
  17.02% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%,
        67.02% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-8 {
  18.88% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%,
        68.88% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-8 {
  18.88% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%,
        68.88% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-9 {
  20.74% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%,
        70.74% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-9 {
  20.74% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%,
        70.74% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-10 {
  22.6% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%,
        72.6% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-10 {
  22.6% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%,
        72.6% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-11 {
  24.46% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%,
        74.46% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-11 {
  24.46% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%,
        74.46% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-12 {
  26.32% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%,
        76.32% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-12 {
  26.32% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%,
        76.32% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-13 {
  28.18% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%,
        78.18% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-13 {
  28.18% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%,
        78.18% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-14 {
  30.04% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%,
        80.04% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-14 {
  30.04% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%,
        80.04% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-15 {
  31.9% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%,
        81.9% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-15 {
  31.9% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%,
        81.9% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-16 {
  33.76% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%,
        83.76% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-16 {
  33.76% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%,
        83.76% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-17 {
  35.62% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%,
        85.62% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-17 {
  35.62% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%,
        85.62% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-18 {
  37.48% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%,
        87.48% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-18 {
  37.48% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%,
        87.48% {
    -webkit-transform: rotateZ(180deg) translateX(-18px);
            transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    -webkit-transform: rotateZ(0deg) translateX(-18px);
            transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes left {
  4% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  46%,
    54% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  96% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
}
@keyframes left {
  4% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  46%,
    54% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  96% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
}
@-webkit-keyframes right {
  4% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  46%,
    54% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  96% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
}
@keyframes right {
  4% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  46%,
    54% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  96% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
}
@-webkit-keyframes book {
  4% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    -webkit-transform-origin: 2px 2px;
            transform-origin: 2px 2px;
  }
  40.01%,
    59.99% {
    -webkit-transform-origin: 30px 2px;
            transform-origin: 30px 2px;
  }
  46%,
    54% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    -webkit-transform-origin: 2px 2px;
            transform-origin: 2px 2px;
  }
  96% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
}
@keyframes book {
  4% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
  10%,
    40% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    -webkit-transform-origin: 2px 2px;
            transform-origin: 2px 2px;
  }
  40.01%,
    59.99% {
    -webkit-transform-origin: 30px 2px;
            transform-origin: 30px 2px;
  }
  46%,
    54% {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  60%,
    90% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    -webkit-transform-origin: 2px 2px;
            transform-origin: 2px 2px;
  }
  96% {
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
  }
}
img.lazy {
        opacity: 0;
      }
      img:not(.initial) {
        transition: opacity 0.2s;
      }
      img.initial,
      img.loaded,
      img.error {
        opacity: 1;
      }

      img:not([src]) {
        visibility: hidden;
      }

*, *:before, *:after {
    box-sizing: inherit;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}
input:focus, textarea:focus, select:focus, div, a:active, a:focus, a {
    outline: none !important;
    border: none;
    -moz-outline-style: none;
    -webkit-tap-highlight-color: transparent !important;
}
[class*='close-'] {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
}
.index, .m-scene {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
	display:block;	
}
.redmail-logo {
    width: 28px;
}
.header {
	background: #f0f0f0;
    width: 100%;
    height: 53px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22%;
    background-color: white;
    box-shadow: 0px 0px 3px -1px black;
    position: fixed;
    top: 0px;
    display: inline-block;
    z-index: 6;
    margin: 0;
    padding: 0;
    transition: top 0.2s ease-in-out;
	background: #fff;
    border-bottom: 1px solid rgba(151,151,151,0.5);
    box-sizing: border-box;
    /*padding: 24px 24px 0 24px;*/
    top: 0;
    width: 100%;
}
.weather-widget {
    float: left;
    width: 13.5%;
margin-top: 12px;
	    padding-right: 2%;
}
.weather-widget-inner {
    float: right;
    margin-right: 1%;
}
.header .weather-widget .weather-icon {
    width: 26px;
    position: relative;
    right: 4px;
    top: 2px;
}
.weather-widget small {
	float: left;
    font-size: 10px;
    position: absolute;
    left: 5px;
    color: #000;
}
.redmail-logo {
    width: 28px;
}
.redmail-icon {
    float: left;
    text-align: center;
margin-top: 12px;
    border-left: 1px solid #8080804d;
    padding-left: 1%;
    width: 11%;
    line-height: 13px;
    color: black;
    text-decoration: none;
}
.main-logo-icon {
    text-align: center;
    width: 50%;
    height: 50px;
    float: left;
}
.main-logo-icon-image {
    margin-top: 12px;
    height: 28px;
}
.main-logo-icon-image path {
	fill:#ca2828
}
.main-logo-icon-category {
    text-align: right;
    width: 48%;
    float: left;
	height:auto
}
.main-logo-icon-image-category {
    margin-top: 11px;
    height: 24px;
}
.main-logo-icon-image-category path {
	fill:#FFF
}
.nav-up .main-logo-icon-image-category path {
	fill:var(--red-flat-bg);
}

.nav-up .back-icon-category path, .nav-up .nagish-icon-category  path{
	fill:var(--color-settings-color);
}
.menu-wrapper {
    float: right;
    width: 15%;
	margin-top: 12px;
	margin-right: 2%;
}	
.ticker-container {
	height: 38px;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: var(--blue-flat-bg-ticker);
	color: white;
	/*background-color: white;
	color: black;*/
	font-size: 1.1em;
	margin-top:14%
	
	
}
.sectionheader {	
    font-size: 2rem;
    width: 100%;
    padding-right: 1.5%;
    padding-left: 1.5%;
    line-height: 3rem;
    position: sticky;
    position: relative;
    display: inline-block;
    margin-top: 18%;
    margin-bottom: 10px;
	
}
.sectionheader h1 {
margin: 0;
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: 0;
    color: #141414;
	
}
#ticker-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 800px;
	position: relative;
	transition: all 1500ms ease-in;
}

#ticker-wrapper li {
	display: block;
	height: 80px;
	width: 100%;
	margin-bottom: 0.3em;
	position: relative;
}

#ticker-wrapper li:nth-child(even) {
	background: #f5f5f5;
}

#ticker-wrapper li figure {
	width: 80px;
	height: 80px;
	float: left;
	margin: 0;
	padding: 0;
}

#ticker-wrapper li figure img {
	display: block;
	width: 100%;
	height: 100%;
}

#ticker-wrapper li h3 {
	float: right;
	margin: 0;
	padding-top: 2em;
	padding-right: 0.5em;
	font-size: 1em;
}
.ticker-container .ticker-caption {
	height: 100%;
	width: 20%;
	background-color: #EC0B43;
	display: table;
	position: absolute;
	color: white;
	font-size: 0.8em;
	z-index: 1;
	float:right;
	display:none;
}
.ticker-container .ticker-caption p {
	height: inherit;
	width: inherit;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size:15px
}
.ticker-container ul {
	list-style: none;
	padding: 0;
	height: auto;
	width:100%;
	float:right
}
.ticker-container ul div {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	display: inline;
	width: 98%;
	left: 0;
	height: 100%;
	transition: 0.25s ease-in-out;
	font-size:15px
}
.ticker-container ul div.ticker-active {
	top: 3px;
}
.ticker-container ul div.not-active {
	top: 60px;
}
.ticker-container ul div.remove {
	top: -30px;
}
.ticker-container ul div li {
	padding: 5px 0;
}
.ticker-container ul div li a {
	color: #9ecae1;
	display:none
}
/*
.lazy {
    background-image:    url(/assets/logosc.jpg);
    background-size:     cover;                     
    background-repeat:   no-repeat;
    background-position: center center; 
}*/
.video-ad-top-main {
	width:100%;
	display:inline-block;
	margin-bottom:10px;
	margin-top:1px;
	background:#000;
}
.video-ad-top-main video {
	width:100%;
	float:right;
	
}
.video-ad-top-main .openfullad {
	width:100%;
	color:#FFF;
	background:#999;
	display:inline-block;
	width:100%;
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold:
}
a.boxclose{
	width: 32px;
    height: 32px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px;
    left: 15px;
    text-align: center;
	

}
.speaker {
  height: 40px;
  width: 40px;
  position: absolute;
  overflow: hidden;
  margin: 5px;
  margin-top: 3px;
  
}
.speaker span {
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  margin: 12px 0 0 1px;

}
.speaker span:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 10px 12px 10px 15px;
  
  left: -13px;
  top: 5px;
  
}
.speaker span:before {
  transform: rotate(45deg);
  border-radius: 0 50px 0 0;
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-style: double;
  border-color: #7f7f7f;
  border-width: 7px 7px 0 0;
  left: 18px;
  top: 9px;
  transition: all 0.2s ease-out;
  transform: scale(0.8) translate(-17px, 0) rotate(42deg);border-color: #fff;
}


.speaker.on .mute {opacity:1; transform: scale(1);
}
.speaker.on span:before {	transform: scale(1) translate(0px, 0) rotate(42deg);border-color: #fff;
}

.speaker.on:hover .mute {opacity:0; transform: scale(0.3);	
}





.mute {
  position: absolute;
  width: 15px;
  height: 15px;
  opacity: 0;
  left: 15px;
  top: 7px;
  transform: scale(0.3);
  transition: all 0.2s ease-out;
  opacity:1; transform: scale(1)

}
.mute:before span, .mute:after span{
}

.mute:before, .mute:after {
  position: absolute;
  margin-left: 7px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #fff;
  color:#7f7f7f;
  display:none;
}
.on .mute:before, .on .mute:after {
  position: absolute;
  margin-left: 7px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #7f7f7f;
}
.mute:before {

  transform: rotate(45deg);
}
.mute:after {
  transform: rotate(-45deg);
}
.arrow {color:#000}
div.scrollmenu {
	float: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    background-color: #fff;
    height: auto;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
	margin-top:0px;
	display:inline-block;
	min-height:52px;
}

div.scrollmenu a {
	color: #757575;
    display: -webkit-inline-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    margin-right: 8px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
	width:auto;
	padding-right:10px;
	padding-left:10px;

}
div.scrollmenu a.active{
    color: #c40002;
    border-bottom: 3px solid #c40002;
    top: 0px;
	padding-bottom:5px;
	font-weight: bold;

}
div.scrollmenu2 {
	float: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    height: auto;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
	margin-top:0px;
	display:inline-block;
	min-height:52px;
}

div.scrollmenu2 a {
	color: #757575;
    display: -webkit-inline-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    margin-right: 8px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
	width:auto;
	padding-right:10px;
	padding-left:10px;

}

div.scrollmenu2 a.active_now {

	
	color: #018749;
    border-bottom: 2px solid #018749;
}

.section {
    width: 100%;
       position: relative;
    display: inline-block;
	margin-top:15px
}
.section.sport_main_page .top-story-wrapper{
	margin-top:0
}
.section.sport_main_page {
	padding:0px 10px;
	border:0;
	margin-top:0px
}
.section.sport_main_page #top-story-image {
	border-radius:4px
}
.section.sport_main_page .hotnews .hotnewspost a img.article {
	border-radius:4px
}
.section.sport_main_page #top-story-title  {
	color:#3a3a3a;
	width:100%;
	margin-top:8px;
	font-size: 5.6vw;
	padding:5px 0px;
	font-weight:800
}
.section.sport_main_page .hotnews .hotnewspost .strip-text a.stitle {
	color:#3a3a3a;
	font-size: 4.6vw;
}
.section.sport_main_page .top-story-date span {
	color:#666;
}
.section.sport_main_page .top-story-date-hotnews {
	color:#a1a1a1;

}
.section.sport_main_page .top-story-single  {
	padding-bottom:64.28%
}
.section.sport_main_page .hotnews .hotnewspost a.imgarticle {
	padding-bottom:56.25%;
	display: block;
    top: 0px;
    position: relative;
    padding-bottom: 0%;
    height: 80px;
    overflow: hidden;
	width:100%;
}
.section.sport_main_page .hotnews .hotnewspost a.imgarticle img{
	width: 120px;
    position: absolute;
    top: 0;
    right: 0;
	height: auto;
	
	}.section.sport_main_page .hotnews .hotnewspost .strip-text{
	position: absolute;
    left: 10px;
    width: 58%;
	}
	.sport-home-head {
background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
display:inline-block;
position:relative;
width:100%;
	}
.sportmenu {
    justify-items: center;
    overflow-x: auto;
    grid-auto-columns: max-content;
    padding-top: 0;
    -webkit-box-pack: center;
    justify-content: right;
    float: left;
    margin-left: 18%;
    padding-left: 35px;
    width: 60%;
}
.non_active {
	cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 17px;
    text-align: center;
    border-bottom: 0px solid #ddd;
    height: 100%;
    padding: 0 0px;
    margin-right: 9%;
    width: auto;
    float: right;
    padding: 8px;
	padding-left: 0px;
}
.non_active .icon {
    fill: var(--color-text-secondary);
    width: 20px;
    height: 20px;
}
.active .icon {
    fill: var(--red-flat-bg-category);	
	width:20px;
	height:20px;	
	
}
.sport_home_head {
	width:auto;
    margin-bottom: auto;
    font-weight: 400;
    font-size: 20px;
    color: #FFF;
	text-align:right;
	color:#000;
	margin-bottom:20px;
	 padding: 0 0px;
}

.active {
	
    fill: #20a46a;
	cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 17px;
    text-align: center;
    border-bottom: 3px solid var(--color-theme-primary);
    height: 100%;
    padding: 0 0px;
    width: auto;
    float: right;
}	
.active div, .non_active div {
	width:100%;
	font-size:12px;
	text-align:center;
	color:var(--color-text-secondary);
}
.active a div{
	color:var(--color-theme-primary);
}
.active a {
	color:#FFF;
}
.soccer {
	background: url(http://upload.wikimedia.org/wikipedia/en/e/ec/Soccer_ball.svg);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    -webkit-animation: roll 4.5s;
    -moz-animation: roll 4.5s;
    animation: roll 4.5s;
    left: 15px;
    top: 22px;
 
}

@-moz-keyframes roll {  
  0% {left:15px; -webkit-transform: rotate(-360deg);}
  50% {right:100px; -webkit-transform: rotate(360deg);}
  100% {left:15px; -webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes roll { 
  0% {left:15px; -webkit-transform: rotate(-360deg);}
  50% {left:100px; -webkit-transform: rotate(360deg);}
  100% {left:15px; -webkit-transform: rotate(-360deg);}
}

@keyframes roll { 
  0% {left:15px; -webkit-transform: rotate(-360deg);}
  50% {left:100px; -webkit-transform: rotate(360deg);}
  100% {left:15px; -webkit-transform: rotate(-360deg);}
}

.world-cup {
  color: #82AE6F;
  text-align: center;
}
.section.sport_main_page .top-story-date span a {
	color:#006cff;
}
.section.sport_main_page .top-story-date {
	padding:5px 0px
}
.section.sport_main_page .hotnews .hotnewspost:nth-child(1) {
	background:none;
}
.section.sport_main_page .hotnews .hotnewspost:nth-child(2) {
	background:none;
}
.section.sport_main_page .hotnews .hotnewspost:nth-child(3) {
	background:none;
}

.section.sport_main_page .hotnews .hotnewspost:nth-child(4) {
	background:none;
}
.section.sport_main_page .hotnews .hotnewspost {
	    margin-bottom: 17px;
}

.block {
    width: 100%;
    float: left;
    height: auto;
    direction: rtl;
    text-align: right;
    color: black;
    text-decoration: none !important;
}
.top-story-wrapper {
    margin-bottom: 0px;
    margin-top: 16px;
}
.nomargin{
	margin:0;
}
.top-story-single {
    color: black;
    text-decoration: none;
    position: relative;
	display:block;
    top: 0px;
   position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}
.top-story-single-category {
    color: black;
    text-decoration: none;
    position: relative;
	display:block;
    top: 0px;
   position: relative;
    padding-bottom: 75.0%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}
#top-story-image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	
}
.top-story-single-category::before {
    content: '';
   # background: linear-gradient(to top, rgba(12,12,0,0) 30%, #0c0c0c );
	position: absolute;
    top: 0;
    height: 13%;
    width: 100%;
    pointer-events: none;
	z-index:2;
	opacity:0.8
}
.category-title-body {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    z-index: 3;
	color:#FFF;
	font-size:1.3rem;
    overflow: hidden;
    color: white;
    text-shadow: -1px 0px 1px #000;
	font-size: 1.9rem;
}
.category-title-body strong{
		    z-index: 4;
			margin:10px;
			    padding-top: 20px;

}

.category-title-body::before {
    content: '';
    background-image: linear-gradient(to bottom, rgba(12,12,0,0.01) 20%, #0c0c0c );
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}
#top-story-title {
    font-size: 5.6vw;
    margin-top: 0px;
    width: 94%;
    padding: 0 10px;
    display: inline-block;
    margin: 0 auto;
    text-align: right;
    margin-top: 9px;
	text-decoration:none;
	color:#000
}
#top-story-title a{

	text-decoration:none;
	color:#000
}
.top-story-date {
    width: 94%;
    padding: 0 10px;
    display: inline-block;
    margin: 0 auto;
    text-align: right;
    margin-top: 9px;
	color:#a1a1a1
}
.top-story-date span {
    float: right;
    padding-left: 6px;
}
.top-story-date a {
    padding-left: 6px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
	color:#006cff
}
#top-story-subtitle {
    margin-top: 10px;
    width: 94%;
    padding: 0px 11px;
    font-size: 3.2vw;
    font-style: normal;
    font-variant: normal;
    line-height: 18.6px;
    margin-bottom: 4px;
    font-weight: normal;
    color: rgba(0,0,0,0.87);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
}
#top-story-subtitle a{
  text-decoration:none;
  color:#000;
  outline: none !important;
    border: none;
    -moz-outline-style: none;
    -webkit-tap-highlight-color: transparent !important;
    direction: rtl;
    cursor: pointer;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
	overflow:hidden;
  	-webkit-line-clamp:3

}

.regularvideoIcon {
width: 25px;
    height: 25px;
    float: right;
    -webkit-tap-highlight-color: transparent !important;
    position: absolute;
    top: 88%;
    left: 3%;
    z-index: 3;
    display: inline-block;
    fill: #f5f5f5;
	
}
.regularitemsmall .regularvideoIcon {
width: 20px;
    height: 20px;
    top: 78%;
    left: 3%;
    opacity: 1;
    fill: #f5f5f5;
}
.section .hotnews {
    width: 100%;
    display: inline-block;
    float: left;
}
.section .hotnews .hotnewspost {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
}
.section .hotnews .hotnewspost a.imgarticle {

    float: right;
	display:block;
	position: relative;
    height: 0;
    overflow: hidden;
	width: 140px;
	height:100px
}
.section .hotnews .hotnewspost a img.article {
    width: 100%;
    position: absolute;
	top: 0;
    left: 0;
    border-left: 0px #fff solid;
}
.section .hotnews .hotnewspost .strip-text {
    float: right;
    width: 56%;
    margin-right: 11px;
    -webkit-line-clamp: 3;
    height: 100%;
	position:relative;
	min-height: 95px;
}
.section .hotnews .hotnewspost .strip-text a.stitle {
    float: right;
    outline: none !important;
    border: none;
    -moz-outline-style: none;
    -webkit-tap-highlight-color: transparent !important;
    direction: rtl;
    cursor: pointer;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding-bottom: 0px;
    margin-top: 7px;
    margin-bottom: 3px;
    font-size: 4.3vw;
    font-weight: 700;
    width: 99%;
    max-height:70px;
    display: block;
    overflow: hidden;
    color: white;
    text-align: right;
    -webkit-line-clamp: 3;
	    line-height: 25px;
}
.section .hotnews .hotnewspost .strip-text a.ssdata {
    float: right;
    outline: none !important;
    border: none;
    -moz-outline-style: none;
    -webkit-tap-highlight-color: transparent !important;
    direction: rtl;
    cursor: pointer;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding-bottom: 0px;
    font-size: 3.0vw;
    line-height: 20px;
    width: 93%;
    max-height: 70px;
    overflow: hidden;
    color: white;
    text-align: right;
    -webkit-line-clamp: 3;
	display:none;
}

.top-story-date-hotnews {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: right;
    margin-top: 2px;
    color: #f2f5fc;
    position: absolute;
    top: 80%;
    left: 0;
	font-size:11px
}
.section .hotnews .hotnewspost:nth-child(1) {
    background: #ff0000;
	 background-color: var(--red-flat-bg);
}
.section .hotnews .hotnewspost:nth-child(2) {
    background: #000066;
	 background-color: var(--blue-flat-bg);
}
.section .hotnews .hotnewspost:nth-child(3) {
    background: #ff0000;
}
.section .hotnews .hotnewspost:nth-child(4) {
    background: #336699;
}
.section .hotnews .hotnewspost:nth-child(5) {
    background: #4d7fb0;
}
.section .secoundry .hotnewspost:nth-child(1) {
    background: #FFF;
}
.section .secoundry .hotnewspost:nth-child(2) {
    background: #f8f7f7;
}
.section .hotnews .hotnewspost:nth-child(3) {
    background: #ff0000;
}
.section .hotnews .hotnewspost:nth-child(4) {
    background: #336699;
}
.section .hotnews .hotnewspost:nth-child(5) {
    background: #4d7fb0;
}
.section .secoundry .hotnewspost:nth-child(1) {
    background: #FFF;
}
.section .secoundry .hotnewspost:nth-child(2) {
    background: #f8f7f7;
}
.section .secoundry .hotnewspost:nth-child(3) {
    background: #FFF;
}
.section .secoundry .hotnewspost:nth-child(4) {
    background: #f8f7f7;
}
.section .secoundry .hotnewspost:nth-child(5) {
    background: #FFF;
}
.section .secoundry .hotnewspost .strip-text a.stitle {
    font-size: 4.4vw;
    display: inline-block;
    text-align: right;
    color: #000;
}
.section .secoundry .hotnewspost .strip-text a.stitle {
    font-size: 4.4vw;
    display: inline-block;
    text-align: right;
    color: #000;
}
.section .secoundry .hotnewspost .strip-text a.ssdata {
    color: #000;
	display:none;
}
.top-story-date-hotnews-secoundry {
	
    color: #666;
}
.section .secoundry .hotnewspost .top-story-date-hotnews{
	
    color: #666;
}

 
.container{
 overflow: hidden;
    z-index: 2;
    position: relative;
    height: 100px;
    width: 100%;
    width: 100%;
    background-color: #ec7263;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
    margin-top: 10px;
    margin-bottom: 10px;
    color: #FFF;
}


/*  BACKGROUND  */

.Circle1{
    z-index: 100;
    position: absolute;
    height: 80px;
    width: 80px;
    right: -20px;
    top: -30px;
    border-radius: 50%;
    background-color: rgba(253,184,19,1);
    animation: enlarge;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.Circle2{
    z-index: 80;
    position: absolute;
    height: 150px;
    width: 150px;
    right: -50px;
    top: -70px;
    border-radius: 50%;
    background-color: rgba(246,140,31,0.7);
    
    animation: enlarge;
    animation-duration: 7s;
    animation-iteration-count: infinite;
}

.Circle3{
    z-index: 50;
    position: absolute;
    height: 200px;
    width: 200px;
    right: -50px;
    top: -100px;
    border-radius: 50%;
    background-color: rgba(241,125,45,0.7);
    
    animation: enlarge;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}



/*  CONTENT  */

.sun{
    z-index: 1000;
    font-size: 15px !important;
}

.Condition{
    z-index: 1000;
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 20px;
    left: 20px;  
    top: 10px;
}

.Temp{
    z-index: 1000;
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 400;
    left: 20px;
    bottom: 5px;
	direction:ltr;
}

#F{
    z-index: 1000;
    font-family: "Roboto",sans-serif;
    font-weight: 100;
    font-size: 30px;
}


.Time{
    z-index: 1000;
    position: absolute;
    font-family: "Noto Sans", sans-serif;
    font-size: 18px;
    font-weight: 200;
    right: 20px;
    top: 10px;
}

.locationIcon{
    z-index: 1000;
    font-size: 10px !important;
}

.Location{
    z-index: 1000;
    position: absolute;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-weight: 200;
    right: 20px;
    bottom: 15px;
}
.Condition {
    z-index: 1000;
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 20px;
    left: 20px;
    top: 10px;
}
.Temp {
    z-index: 1000;
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 400;
    left: 20px;
    bottom: 5px;
    direction: ltr;
}
.video-container-inlined {
	width:100%;
	display:inline-block;
	
}
	
 header .subcatsfloat {
	 /*display:none;*/
 }
 header .subcatsfloat {
	display:block;
	position: absolute;
    top: 13px;
    left: 13px;
    width: auto;
	}
	
header .subcatsfloat a:last-child {
	padding-top:0;float:left;margin-left:0;padding-left:0;margin-top:0;
	border:0px;margin-top:6px;}
	header .subcatsfloat a:last-child img{ width:22px;opacity:0 ;}
header .subcatsfloat a {
	
		background: none;
    width: auto;
    height: auto;
    padding: 2px;
    padding-left: 9px;
    padding-right: 9px;
    color: #757575;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    float: right;
    animation: none;
    font-weight: bold;
    margin-top: 5px;
    border: none;
    border: 1px #757575 solid;
    border-radius: 3px;
}

	
	header.fixedheader .subcatsfloat {
	display:block;
	position: absolute;
    top: 13px;
    left: 13px;
    width: auto;
	}
	
header.fixedheader .subcatsfloat a:last-child {
	padding-top:0;float:left;margin-left:0;padding-left:0;margin-top:0;
	border:0px;margin-top:6px;}
	header.fixedheader .subcatsfloat a:last-child img{ width:22px;opacity:1 }
header.fixedheader .subcatsfloat a {
	
		background: none;
    width: auto;
    height: auto;
    padding: 2px;
    padding-left: 9px;
    padding-right: 9px;
    color: #efefef;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    float: right;
    animation: none;
    font-weight: bold;
    margin-top: 5px;
    border: none;
    border: 1px #5a5ad8 solid;
    border-radius: 3px;
}




	 header.fixedheader::before {
    content: '';
    position: absolute;
    top: 0;
      height: 52px;
    width: 100%;
    pointer-events: none;
	background: #000066;
	opacity:0.9
}




 

 header.fixedheader a strong {
    font-size: 18px;
    font-weight: bold;
    padding-top: 1px;
    z-index: 1;
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 2;
    width: auto;
    margin-bottom: 10px;
    margin-top: 10px;
	color: #FFF;
border-bottom:2px #fb1d41  solid;
}

 header.fixedheader  a  {
	background:none;
	 /*animation: background-fade 0.1s forwards;*/
	 border-bottom:1px #5a5ad8  solid;
	 height: 52px;
}

   
.fixed{
    position:fixed;
    top:0px;
}
.paddingtop{
    padding-top:20px;
}
		 .video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
		 }
.video-thumbnail:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  }
.video-thumbnail:hover:before {
    color: #eee;
  }
.hotnewsvideoIcon {
	width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 10px;
    margin-top: 80px;
    fill: #FFF;
}.hotnewsvideoIconsecoundry {
	width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 10px;
    margin-top: 80px;
	fill:#757575
}.clock {
	background:url(mobile_assets/icons/clock.png);
	width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    display: block;
    float: right;
	-webkit-tap-highlight-color: transparent !important;
	margin-top:1px;
	margin-left:6px;
}
 .mainstoryvideoIcon {
	width: 26px;
    height: 26px;
    fill: #fff;
    display: block;
    -webkit-tap-highlight-color: transparent !important;
    margin-left: 6px;
    margin-top: -30px;
    position: absolute;
    top: 200px;
    left: 6px;

}
.heading {
    font-size: 1.56rem;
    line-height: 110%;
    margin: 0;
    padding: .5rem;
    color: #fff;
    background: #32b472;
    text-align: center;
    width: 98%;
    padding: 2%;
    margin: 0;
}
.row .col.s4 {
width:auto}
.textonimage {
position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.newsul {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}
.regularitembigovertext::before {
    content: '';
    background-image:linear-gradient(to bottom, rgba(12,12,0,0.01) 20%, #0c0c0c );
    position: absolute;
    bottom: 0;
    height: 38%;
    width: 100%;
    pointer-events: none;
	z-index:2;
}
.m_cat_img {
	display: block;
    top: 0px;
    position: relative;
    padding-bottom: 71.42%;
    height: 0;
    overflow: hidden;
}
.m_cat_img  img {
width: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.regularitembigovertextc .body, .regularitembigovertextc p, .regularitembigovertext .body, .regularitembigovertext p {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
	padding-bottom:5px;
	z-index:3
}
 .regularitembigovertext {
    position: relative;
    margin-bottom: 5px;
    padding: 0;
	border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;	
}

 .regularitembigovertext figure {
    width: 100%;
display: block;
margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.regularitembigovertext .body strong, .regularitembigovertext p strong {
    padding: 0 0 0 8px;
	color: rgba(255,255,255,0.91);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    padding-top: 24px;
}

.regularitembigovertextc .body small, .regularitembigovertextc p small, .regularitembigovertext .body small,.regularitembigovertext p small {
    color: #ffffff;
    display: block;
    margin: 4px 0 0 0;
	width:65%;
	float:right;
}
.regularitembigovertext .body small span,  .regularitembigovertext p small span {
    color: #ffffff;
	display:inline-block
}
.regularitembigovertext img {

    width: 100%;

}
.sectionTitle {
    z-index: 1;
	display: block;
	position:relative
}
.sectionTitle a[href^="javascript"] {
    pointer-events: none;
}
.sectionTitle a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 12px 0 0;
	text-decoration: none;
	/*background-image:linear-gradient(to left, #f0f2f5 29%, #e9ebee 67%)*/

}
.sectionTitle a::before {
   /* content: '';
    display: block;
    border-right: 6px solid #141414;
    width: 30px;
    height: 30px;
    margin-left: 4px;
	right:0;
	position:absolute*/
}
.sectionTitle a strong {
    color: #006cff;
    font: normal 3.1rem/3.6rem YonitBold;
    width: auto;
    font-size: 20px;
    padding-top: 1px;
	font-weight: 900;
	
}
.regularitemsmall,  .collaborationitem,  .advertisingItem {
    display: grid;
    grid-template-columns: auto 120px;
    grid-template-rows: auto;
    align-items: center;
    padding: 8px 0;
    margin: 0 15px;
    border-bottom: 1px solid rgba(228,228,229,0.7);
}
 .regularitemsmall .body,  .regularitemsmall p,  .collaborationitem div,  .collaborationitem p,  .advertisingItem div,  .advertisingItem p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font: normal 1.5rem/1.8rem OpenSansHebrewRegular;
    padding-left: 10px;
}
.regularitemsmall>.body strong,  .regularitemsmall p strong,  .collaborationitem>div strong,  .collaborationitem p strong,  .advertisingItem>div strong,  .advertisingItem p strong {
color: rgba(0,0,0,0.87);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    padding-top: 24px;
}
.regularitemsmall a img {
    display: block;
    position: relative;
}
.regularitemsmall a  {
position: relative;
    display: block;
}

.regularitemsmall>div small,  .regularitemsmall p small,  .collaborationitem>div small,  .collaborationitem p small,  .advertisingItem>div small,  .advertisingItem p small {
display: block;
    font-size: 1rem;
    margin: 4px 0 0 0;
    color: #444;
	line-height:1
}
ul li>div small span,  ul li p small span {
    display: inline-block;
}
ul li>div small span,  ul li p small .copywriterimage {
    display: inline-block;
	width:35px;
	
}
.regularitemsmall>div small a {
	color:#006cff
}
.regularitemsmall>div small {
	float:right;
	width:95%;
}
.advertisingItem>figure {
    width: 120px;
	    display: block;
		margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.regularitemsmall [play-sign],  .collaborationitem [play-sign],  .advertisingItem [play-sign] {
    display: inline-block;
    position: relative;
}
.regularitemsmall [play-sign] img,  .collaborationitem [play-sign] img,  .advertisingItem [play-sign] img {
    display: block;
}
ul li a img {    width: 100%;
}
.sectionFooter .more-link {
    padding: 12px 0;
	display:inline-block;
	display:none;
}
.sectionFooter .more-link a {
    color: #000066;
	display:inline-block;
	font-weight:900;
	float:right;
	margin-left:15px;
	margin-top:3px;
}
.sectionFooter .more-link img {
	float:left;
	width:28px;
}

.sectionFooter {
    margin: 0 15px;
	    padding: 0 15px;
    font-family: YonitMedium;
    font-size: 14px;
    text-align: left;
   /*border-bottom: 1px solid rgba(228,228,229,0.7);*/
    width: initial;
}
ul li>div small span, section ul li p small span {
    display: contents;
	width:70%;
}
 .devider {padding-left:3px;padding-right:3px;display:iline-block;font-size:0.6rem;font-weight:bold;width:100%}
 .title-theme-none {
	 background:none;color:#141414
 }
 .section.noborder {
	 border:0;
 }
 

@keyframes background-fade {
    99.9% {
         background-image: linear-gradient(to left, #fff 29%, #efefef 99%);
    }
    100% {
         background-image: linear-gradient(to left, #fff 29%, #efefef 99%);
    }
}
@keyframes enlarge{
    50%{
        transform: scale(1.2);
    }
}



.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .form-group.w60 {
	width:80%;
}
.form-inline .form-group.w35 {
	width:18%;
	float:left
}
.form-inline .form-group.w35 button {
	width:100%;
	float:left
}
.footersearch_form {
	padding:3%;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.wfooter {
    color: #2d3c5a;
    background-color: #fff;
    border: 1px solid rgba(210,210,210,0.9);
	    padding: 3px 18px;
}
.form-control.wfooter {
height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(210,210,210,0.9);
	 color: #2d3c5a;
}
.btn-default span  ,.btn-default img { 
	float:right;
	margin-right:8px;
	margin-left:8px;
}
.btn-fullwidth {width:100%;margin-top:18px;}
.btn-default span {  
margin-top:5px;
}	
.close {
    float: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.plus {height:470px; background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.footer {
	min-height:400px; 
background:var(--color-settings-bg)}
.footerbg {
	min-height:100%; 
	background:#FFF;
	position:relative;
	display:flex;
}

.footerbg ul {
	padding:0;
	margin:0;
	display:inline-block;
}
.footerbg ul li {
	width:90%;
	display:inline-block;
}
.footerbg ul li a {
	display:inline-block;
    position: relative;
    width: 100%;
		line-height: 1.3;
	font-size: 1.2rem;
	color: #006cff;
    font-weight: 500;
	 align-items: right;
	margin-bottom:8px;
	margin-top:6px;
}
.footer .icons {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
}
.widget-title {
	margin-bottom: 20px;
    line-height: 1.2;
    font-size: 1.2rem;
    color: #757575;
    position: absolute;
    font-weight: 600;
    align-items: right;
    margin: 2%;
    padding: 2%;
    bottom: 10%;
}
.widget-title span {
    background: #f01c49 none repeat scroll 0 0;
    display: block;
    height: 1px;
    margin-top: 15px;
    position: relative;
    width: 40%;
	}
.widget-title span::after {
    background: inherit;
    content: "";
    height: inherit;
    position: absolute;
    top: -4px;
    width: 200%;
}
.news12_logo {
    display: block;
    margin-left: auto;
}
.icons>a.twitter {
    background-image: url(/icon/twitter.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 9px;
}
.icons>a.instagram {
    background-image: url(/icon/instagram.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 9px;
}
.icons>a.facebook {
    background-image: url(/icon/facebook.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 15px;
}
.footer-logo-icon-image {
	height:28px;
	color:#FFFFFF;
	fill:#FFFFFF;
	margin-top:6px;
	margin-right:15px;
} 
.footer_side {
	width:30%;
	padding:0.5%;
		margin-right:15px;

	height:100%;
	float:right
}

.footer-logo-icon-image path {
	color:#FFFFFF;
	fill:#f01c49;
}
.button-wrapper {
  margin-top: 50px;
}
.floatright{float:right}
.floatleft{float:left}

#msform {
	width: 100%;
    text-align: center;
    position: relative;

}
#msform fieldset {
	border: 0 none;
	border-radius: 3px;
	padding: 20px 30px;
	box-sizing: border-box;
	width: 96%;
	margin: 0 2%;
	position: absolute;
	top: 115px;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/

#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
	
}
#msform input, #msform textarea:focus {
    outline-width: 0;
}#msform button, #msform textarea:focus {
    outline-width: 0;
}
/*buttons*/
#msform .fullwidthbutton {
	width:100%;
}#msform .halfwidth {
	width:48%;
}
#msform .action-button {
	  border:none;

  position: relative;
  height: 40px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: color 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  transition: color 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  border-radius:3px;
  font-size:0.9rem;
  font-weight:900;
    border:0px

}
.action-button::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #2e2a5c;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  transition: -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  transition: transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  transition: transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9), -webkit-transform 150ms cubic-bezier(0.1, 0.7, 0.6, 0.9);
  border:none
}
.button-start {
  background-color:#a3123c
}
.button-next {
  background:#2879ff
}
.button-previous {
  background:#a3123c
}.button-submit {
  background:#00c6bf
}
.action-button:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.button-text {
  position: relative;
}

#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px #757575, 0 0 0 3px #3293d4;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #E2DEE2;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
    margin-bottom: 0px;
    overflow: hidden;
    counter-reset: step;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 75px;
	padding:0;
}
#progressbar li {
    list-style-type: none;
    color: #E2DEE2;
    text-transform: uppercase;
    font-size: 0.7rem;
    width: 33.33%;
    float: right;
    position: relative;
	font-weight:900
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #757575;
	background: #F9EAFF ;
	border-radius: 3px;
	margin: 0 auto 5px auto;
	font-weight:normal;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #F9EAFF ;
	position: absolute;
	right: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #f12962;
	color: #FFF;
	font-weight:normal;
}



.user_img {
    width:60px;
    margin-left:5px;
    height:100%;
    float:right;
}
.user_img img {
    width:100%;
    border-radius:50%;
}
.user_name p {
    margin:0;
}


.detailBox {
    width:99%;
    margin:0 auto;
}
.titleBox {
    padding:10px;
	padding-right:50px;
	font-weight:bold;
	color:#141414
}
.titleBox label{
  color:#757575;
  display:inline-block;
    font-weight: 400;
    font-size: 14px;
}

.commentBox {
    padding:10px;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width:18%;
}
.actionBox .form-group * {
    width:100%;
}
.taskDescription {
    margin-top:10px 0;
}
.commentList {
    padding:0;
    list-style:none;
    overflow:auto;
}
.commentList li {
    margin:0;
    margin-top:15px;
	display: inline-block;
	border-bottom:1px solid rgba(228,228,229,0.7);
}
.commentList li:last-child  {
	border-bottom:0px
}

.commentList li > div {
    display:table-cell;
	margin-top:-10px
}
.commenterImage {
    width:60px;
    margin-left:5px;
    height:100%;
    float:right;
}
.commenterImage img {
    width:100%;
    border-radius:50%;
}
.commentText p {
    margin:0;
}
.sub-text {
    color:#aaa;
    font-family:verdana;
    font-size:11px;
}
.actionBox {
    border-top:1px solid rgba(228,228,229,0.7);
    padding:10px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(228,228,229,0.9);
    border-radius: 4px;
}
.actionBox .form-group * {
    width: 100%;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 1px;
    border-style: inset;
    border-image: initial;
}
.form-group {
    margin-bottom: 15px;
}
form {
    display: block;
    margin-top: 0em;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
button {
    appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(buttontext, rgb(170, 170, 170));
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width: 18%;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.close {
    float: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.fs-title-reg::before{
	content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
background: #c31432;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #240b36, #c31432);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #240b36, #c31432); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    opacity: 0.85;
	z-index:-1;
	display:block;
	margin-bottom:25px;
    border-bottom: 1px #5a5ad8 solid;
	display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;	
}
.fs-title-reg { 
background-image:linear-gradient(45deg,#0564b7 50%,#000066);
position:relative;
     height: 60px;
    z-index: -1;
    position: relative;
    padding-top: 15px;
    width: 100%;
    z-index: 3;
    display: block;
		padding-bottom:8px;


}
.fs-title-reg img{ 
	position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    margin: 13px;
	
	}
.fs-title-reg strong {
    font-size: 18px;
    font-weight: bold;
    padding-top: 1px;
    z-index: 1;
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 2;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #FFF;
    float: right;
    margin-top: -7px;

}
.fs-title-reg strong svg{
	fill:#FFF
}

 
	.simi_main .newsVD {
	font-size: 60px;
    left: 50%;
    top: 50%;
	}	
	.highlightSE .newsVD {
	font-size: 60px;
    left: 50%;
    top: 40%;
	}	


.imghyper {
	position:relative;
	display:inline-block
}/*
.imghyper:after {
 content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
background:rgba(255,255,255,0.2);
    opacity:0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.imghyper:hover:after {
    opacity:1;
}*/
.imgarticle {
	position:relative;
	display:inline-block
}
.imgarticle .newVD {
	top:50%;
	font-size:50px;	
}
/*
.imgarticle:after {
 content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(255,255,255,0.2);
    opacity:0;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.imgarticle:hover:after {
    opacity:1;
}
*/
div.artiwrapper {
    z-index: 5;
    position: relative;
    margin-top: 20px;
	width:100%;
	display:inline-block

}

.ads_inlinedx50, .adunit {
    position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 15.62%; 
  margin-bottom:20px;
  margin-top:20px
}
.ads_inlinedx50 iframe,.ads_inlinedx50 iframe{
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ads_inlined ,.adunit{
   position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 31.62%; 
	margin-top:22px;
	margin-bottom:8px;
}.ads_inlined iframe,.adunit iframe{
	position:absolute;
	top:0;
	
}

.ads_inlined300x250 ,.adunit{
	width:100%;
	display:inline-block;
	margin-top:8px;
	margin-bottom:8px;
	min-height:280px;
	padding-top:15px;

}.ads_inlined300x250 iframe,.adunit iframe{
	position:absolute
}
.widemobile ,.adunit{
	width:100%;
	display:inline-block;
	margin-top:8px;
	margin-bottom:8px;
	min-height:200px;
	padding-top:15px;

}.widemobile iframe,.adunit iframe{
	position:absolute
}
#artiheader {
    margin-top: 10px!important;
	    padding: 0 10px;
		color: rgba(0,0,0,0.87);
    font-weight: 400;
    font-size: 14px;

}
.artiheader-android {
    margin: 0!important;
}
#share-icons-wrapper-android {
    margin-bottom: 15px;
}
#share-icons-wrapper-android {
    clear: both;
    width: 100%;
    height: 50px;
    text-align: center;
    margin-top: 20px;
}
.text14 {
    font-size: 4.5vw;
}

.artiwrapper p {
    margin: 0;
    padding: 0;
	padding: 0 10px;
	color: rgba(0,0,0,0.87);
    font-weight: 400;
    font-size: 17px;
	margin-bottom: 18px;
}
.artiwrapper .div-in-article {
    margin: 0;
    padding: 0;
	padding: 0 10px;
}
.artiwrapper div img {
      display: block;
    height: 100%;
    width: 100%;
    height: 100% !important;
    width: 100% !important;

}



h3.pHeader {
    font-size: 18px;
}
h3.pHeader {
    margin-bottom: 0.1875em;
    COLOR: #192862;
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 0em;
}
.g_img img {
    display: NONE;
	width: 100%;
	  height:100% !important;
        width:100% !important;
}
.text14 div img {
	
	  height:100% !important;
        width:100% !important;
		
}
   iframe { 
       width: 100%; /* It should not be 100% */ 
       margin-left: auto;   /* Automatic margin from left */ 
       margin-right: auto; /* Automatic margin from right */ 
      }  
p img {
    display: block;
	height: 100%;
	width: 100%;
  height:100% !important;
        width:100% !important;	
		float:right;
		margin-top:15px;
		margin-bottom:15px;
}
.g_img {
padding: 0 10px;	
}
div.g_img img {
  height:100% !important;
        width:100% !important;}

.caption-img-icon-enlarge-iphone {
    position: absolute;
    right: 7px;
    top: 7px;
}
.caption-img-icon-enlarge-iphone {
    background: url(58044410) 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
}
.article-image-icon {
    float: left;
    position: absolute;
    top: 0px;
}
#artiheader h2 {
    font-family: Arial;
    margin: 19px 0 22px 0;
    padding: 0;
    color: grey;
    font-weight: bold;
    font-size: 1em;
}
.editor_dir {display:flex;}
.editor_credit { color: grey; }
.editor_dir {
    display: flex;
}


.article-wrapper .editor_credit {
    font-size: 14.5px;
}
.article-wrapper .editor_credit {
    font-size: 14.5px;
}
.gallery_ad {
	
    position: fixed;
    top: 80px;
    height: 100px;
}
.article-header-menu {

	width: 100%;
    height:46px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22%;
    background-color: white;
    box-shadow: 0px 0px 3px -1px black;
    position: fixed;
    z-index: 6;
    margin: 0;
    padding: 0;
    transition: background-color 300ms linear;
    border-bottom-color: hsla(0, 0%, 80%, 0);
    background-color: hsla(0, 0%, 100%, 0);

    box-shadow: inset 0 40px 30px -14px rgba(0, 0, 0, .4);
	}
.editor_credit { color: grey; }
.editor_dir {display:flex;}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.article-header-menu.scrolled {
    transition: background-color 300ms linear;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(205, 205, 205, 0.9);
    box-shadow: rgba(0, 0, 0, 0) 0px 40px 30px -14px inset;
    border-bottom: 1px solid #cdcdcd;
	
}
.article-icon-share, .article-icon-share-nagish {
    float: right;
    color: white;
    margin-right: 9px;
    font-size: 6.5vw !important;
    margin-top: 11px;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
.back-icon-wrapper{
padding:9px;
}
.back-icon-wrapper-alarab{
padding:12px;
padding-right:9px;
padding-left:9px;
float:left;
width:38px;
text-align:center;
}
.back-icon-category {
    color: white;
    font-size: 6.5vw !important;
}
.ngish-icon-wrapper-alarab{
padding:12px;
padding-right:9px;
padding-left:9px;
float:right;
width:44px;
text-align:center;
}
.nagish-icon-category {
    color: white;
    font-size: 6.5vw !important;
}
.img-title {
	position:absolute;
	top:0;
	left:0;
}
.back-icon {
    float: left;
    color: white;
    margin-left: 9px;
    font-size: 6.5vw !important;
    margin-top: 11px;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.article-header-menu.scrolled .back-icon {
    transition: color 300ms linear;
    color: #cc0303;
}
.article-header-menu.scrolled .article-icon-share, .article-header-menu.scrolled .article-icon-share-nagish {
    transition: color 300ms linear;
    color: #cc0303;
}
.fa-share-alt:before {
    content: "\f1e0";
}
.article_page{
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    background-color: #FFF;
    padding-top: 1px;
    padding-bottom: 80px;
	visibility:hidden;
	border-right: 1px solid #bbc1c2;
  box-shadow: 10px 0 5px -2px #d1e3e8;
width: 100%; height: calc(100%);
}
.getin {
	 animation:slideInUp;
	animation-duration: 0.5s;	
	visibility:visible
}
/*.getout {
	 animation: slideOutDown;

	animation-duration: 0.5s;
visibility:hidden	
}*/

:root {
  --color-first: #65587f;
  --color-second: #f18867;
  --color-third: #e85f99;
  --color-forth: #50bda1;
  --block-width: 300px;
  --block-height: 270px;
  --border-width: .625rem;
  --border-radius-outer: 8px;
  --border-radius-inner: calc(var(--border-radius-outer) / 2);
  --font-plain: 'IBM Plex Sans', sans-serif;
  --font-special: 'Fredoka One', sans-serif;
  box-sizing: border-box;
  line-height: 1.4;
}


.rainbow {
  width: 100%;
  height: 100%;
  -webkit-animation: o-rotate-360 linear 8s infinite;
          animation: o-rotate-360 linear 8s infinite;
}
.rainbow span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rainbow span:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
}
.rainbow span:first-child {
  background: var(--color-first);
}
.rainbow span:first-child:after {
  background: var(--color-second);
}
.rainbow span:last-child {
  background: var(--color-third);
}
.rainbow span:last-child:after {
  background: var(--color-forth);
}

.c-subscribe-box {
  width: var(--block-width);
  height: var(--block-height);
  
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
  border-radius: var(--border-radius-outer);
}
.c-subscribe-box__wrapper {
  width: calc(100% - var(--border-width));
  height: calc(100% - var(--border-width));
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  padding: 1.2rem 1rem 1.8rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border-radius: var(--border-radius-inner);
}
.c-subscribe-box__title {
  font-size: 1.6rem;
}
.c-subscribe-box__desc {
  font-size: .935rem;
  margin: .7rem auto 1.8rem;
  max-width: 240px;
}
.c-subscribe-box__form {
  margin-top: auto;
}

.c-form--accent input:hover, .c-form--accent input:active, .c-form--accent input:focus {
  border-color: var(--color-third);
  box-shadow: 0 0 0 3px rgba(232, 94, 152, 0.25);
}
.c-form--accent [type=submit] {
  background: var(--color-third);
  border-color: var(--color-third);
  color: #fff;
}

@-webkit-keyframes o-rotate-360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes o-rotate-360 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[type=submit] {
  margin-bottom: 0;
  font-family: var(--font-special);
  font-weight: normal;
  letter-spacing: .015em;
  font-size: 1.1rem;
}
[type=submit]:active {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

input {
  font-family: inherit;
  color: inherit;
  outline: none;
  font-size: 93%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

h3 {
  margin: 0;
  letter-spacing: -.015em;
  font-family: var(--font-special);
  font-weight: normal;
  line-height: 1.4;
}

.u-align-center {
  text-align: center;

}
.crinfo {
		display: inline-block;
		width: 96%;
		border:none;
		position:relative;
		margin-bottom:8px;
		margin:1%;
		padding:1%;
		padding-top:0%;
		padding-bottom:0%;
		color:#3c4043;

}
.crinfo small {
    margin: 10px;
    margin-left: 0;
    text-align: right;
    display: block;
    line-height: 1.7;
    font-size: 12px;
	padding-right:65px;
}
.crinfo small a{
   color:#006cff
}
.copywriterinfo {
		margin-top: 5px;
		display: inline-block;
		width: 98%;
		border:none;
		position:relative;
		bottom:0px;
		}
		.copywriterimage {
border: 2px solid #ccc;
    border-radius: 50%;
    height: 60px;
    right: 5px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: 60px;
	
		}
		.copywriterimage img {
    display: block;
    height: auto;
    width: 100%;
	}
		.copywriter_texts {
			width:77%;
			float:left;
			display:inline-block;
			position: relative;
		}
		.copywriter_texts p {
			display:inline-block;
			width:100%;
			padding:0;
			 position: relative;
			 color:#fff;
			 font-size:1rem
			
		}
		.copywriter_texts .post_data {
		    color: #faf8f8;
			display:inline-block;
			width:100%	;
			 position: relative;
			 font-size:0.7rem
		}	
.detailBox .copywriter_texts .post_data	{
color:#757575
}	
.detailBox .copywriter_texts p	{
color:#000
}	

/*strong {
  position: relative;
}
strong::after {
  content: '';
  position: absolute;
  bottom: -0.125rem;
  left: -0.5rem;
  right: -0.5rem;
  height: 0.75rem;
  z-index: -1;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

p > strong {
  font-weight: 400;
}
p > strong::after {
  bottom: -0.2rem;
  height: 0.5rem;
  left: -0.25rem;
  right: -0.25rem;
}*/

.copywriterimage2 {
			width: 20%;
			float: right;
			display:inline-block;
			position: relative;
		}
		.copywriterimage2 img {
			width: 80%;
			border-radius: 50%;
			border: 1px #f1f1f1 solid;
		}
		.main_section .mainNews .status img {width:100%;float:right}
		.main_section .mainNews .status {
 position: absolute;
    padding: 0;
    width: 100%;
    color: white;
    bottom: -10px;
    right: 0px;
    font-size: 16px;
    z-index: 1;
    text-align: center;
    font-weight: bold;
		}
		html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0; 
}
figure {
  display: block;
}

.docs p {
  margin: 0;
  padding-bottom: 12px;
  padding-top: 12px;
}
.docs h1 {
  margin-bottom: 32px;
}
.docs h1 a {
  text-decoration: none;
}
.docs h1 a:hover {
  text-decoration: underline;
}
.docs h2 {
  margin: 0;
  margin: 36px 0 12px;
}
.docs h3 {
  margin: 0;
  margin: 24px 0 8px 0;
  font-size: 22px;
  line-height: 28px;
}
.docs ul,
.docs ol {
  margin-top: 8px;
  margin-bottom: 8px;
}
.docs li {
  margin: 0;
  padding: 4px 0;
}

.docs-menu {
  position: absolute;
  width: 160px;
  left: 0;
  top: 106px;
  
}

.docs-menu ul {
  list-style: none;
  margin: 0;
  padding: 25px 0;

  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.docs-menu__ad {
  padding: 25px 10px;
  border-bottom: 1px solid #CCC;
  font-size: 13px;
  line-height: 17px;
  position: relative;
}
.docs-menu a {
  text-decoration: none;
  width: 100%;
}
a.docs-logo {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;
  text-decoration: none;
}
.docs-menu li {
  list-style: none;
  margin: 0;
  padding:0;
}
a.docs-menu__item--active {
  color: #222;
  font-weight: normal;
}

.codepen-embed {
  margin-left: -30px;
  padding: 16px 30px;
  width: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #f8f8f8;
  height: 600px;
  
}
.codepen-embed--disabled {
  height: auto;
}
.codepen-embed p {
  margin-bottom: 0;
}

.docs .highlight {
  border-radius: 2px;
  margin-left: -30px;
padding: 16px 30px;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-bottom: 26px;
}




/* Syntax highlighter styles (for docs) */
.highlight { background-color: #f8f8f8 }
.c { color: #888; } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #a71d5d; } /* Keyword */
.o { color: #000000; } /* Operator */
.cm { color: #888; } /* Comment.Multiline */
.cp { color: #888; font-weight: bold;} /* Comment.Preproc */
.c1 { color: #888;  } /* Comment.Single */
.cs { color: #888; font-weight: bold; } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.ge { color: #000000; } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #888 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { color: #0086b3; } /* Keyword.Constant */
.kd { color: #a71d5d; } /* Keyword.Declaration */
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #795da3; } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #df5000 } /* Literal.String */
.na { color: #a71d5d } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #795da3; } /* Name.Class */
.no { color: #a71d5d } /* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nl { color: #990000; font-weight: bold } /* Name.Label */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #0086b3 } /* Name.Tag */
.nv { color: #a71d5d } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #df5000 } /* Literal.String.Backtick */
.sc { color: #df5000 } /* Literal.String.Char */
.sd { color: #df5000 } /* Literal.String.Doc */
.s2 { color: #df5000 } /* Literal.String.Double */
.se { color: #df5000 } /* Literal.String.Escape */
.sh { color: #df5000 } /* Literal.String.Heredoc */
.si { color: #df5000 } /* Literal.String.Interpol */
.sx { color: #df5000 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #df5000 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #888 } /* Name.Builtin.Pseudo */
.vc { color: #a71d5d } /* Name.Variable.Class */
.vg { color: #a71d5d } /* Name.Variable.Global */
.vi { color: #a71d5d } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */


.language-css .k {
  color: #0086b3;
}
.language-css .nt {
  color: #63a35c;
}




/*body.open-sans {
  font-family: "open-sans";
}
.futura-pt {

}
.futura-pt p {
  font-family: "adelle";
}
.futura-pt h1, .futura-pt h2 {
  font-family: "futura-pt";
  text-transform: uppercase;
}
.futura-pt h3 {
  font-weight: bold;
}
*/



.video {
  width: 100%%;
  margin: 0 0 24px 0;
}
.video__container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.video__container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-desc {
  width: 100%;
  max-width: 740px;
  margin: 12px auto;
}



.row--heading {
  position: relative;
}
.section--head p {
  text-align: left;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 24px;

   font-size: 19px;
  line-height: 29px;
  
}


.section--head .github-button {
  position: absolute;
  right:0;
  top:0;
}
.row--nav {
  text-align: center;
  font-size: 32px;
  line-height: 1.1; 
}
.navigation {
  width: 100%;
  background: #F7F7F7;
  position: relative;
  padding: 30px 0;
}
.navigation a {
  text-decoration: none;
  border-bottom: 1px solid #92ABCD;
}

a.twitter-nav-link {
  border: 0;
  margin: 0 0.2em;
}
.twitter-nav-link span {
  border-bottom: 1px solid #92ABCD;
}
.navigation a:hover,
.twitter-nav-link:hover span {
  border-bottom-color: #C00;
}
.twitter-nav-link:before {
  content: '';
  background: url('../test/twitter.svg');
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-size: 0.7em 0.7em;
  background-repeat: no-repeat;
  background-position: 0 0.1em;
  margin-right: 0.1em;
}


.section--head p,
.title-block p {
  color: #666;
}




.title-block p {
  font-size: 19px;
  line-height: 29px;
}






.docs {
  margin-top: 60px;
}
.section--head {
  margin: 0;
  background: #EEE;
  /*background: linear-gradient(180deg, #eee 0%,#fff 100%);*/
  padding: 132px 0;
}


.row {
  max-width: 800px;
  margin: 24px auto;
  padding: 0 30px;
  position: relative;
}

.row--docs {
  max-width: 960px;
  padding-left: 210px;
}
.row--heading {
  margin-top: 0;
  margin-bottom: 0;
}
.row--footer {
  text-align: center;
  padding: 132px 0;
}
.row--wide {
  max-width: 1000px;
}
.row--video {
  max-width: 1160px;
}

.row--wide img {
  float: left;
  margin: 0 12px 12px 0;
  width: 200px;
}
img.img--with_border {
  border: 1px solid #DDD;
  border-radius: 2px;
}
.img-desc {
  margin-left: 212px;
}




/*.main-wrapper {
  background: none;
	width: 100%;
  padding-top: 0;
  
}
.content-wrap {
  


}*/


/* clearfix */
.row:after{
  content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.row--large {
  margin-bottom: 48px;
}


.section--head h1 a {
  vertical-align: super;
  font-size: 14px;
  text-decoration: none;
}

/*p.intro {
  margin-top: 24px;
  font-size: 18px;
  line-height: 24px;
}*/







.col-50 {
  width: 48%;
  float: left;
}
.col-50:nth-child(1) {
  margin-right: 4%;
}
.col-img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.style-select {
  width: 100%;
  float: left;
}
.style-select .radio {
  position: relative;
  margin-bottom: 12px;
  display: block;
  float: left;
  width: 100%;
}
.style-select label {
  padding-left: 24px;
  position: relative;
  display: block;
  cursor: pointer;
}
.style-select input {
  position: absolute;
  left:0;
  top:0;
  width:24px;
  height:24px;
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  opacity:0;
  cursor: pointer;
  
}
.style-select input + label:before {
  content: '';
  position: absolute;
  left:0;
  top:4px;
  background: none;
  border-radius: 50%;
  width:16px;
  height:16px;
  box-sizing: border-box;
  border: 2px solid rgba(0,0,0,0.6);
}
.radio:hover label:before {
  border-color: #3169B3;
}
.style-select input:checked + label:before {
  border-color: #3169B3;
}
.style-select input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  width:6px;
  height: 6px;
  background: #3169B3;
  border-radius: 50%;
}

/*.section--developers {
  color: #FFF;
  background: #222;
  background: #1f1f1f;
  padding: 80px 0;
}
.section--developers a {
  color:#FFFFFF;
}
.section--developers p,
.section--developers  ul.text-list {
  color: #ddd;
}
.section--developers .section--head p,
.section--developers .title-block p {
  color: #ddd;
}*/

.row--modules ul {
  list-style: none;
  margin-left: 0;
  /*color: rgba(255, 255, 255, 0.8);*/
}
.row--modules span {
  font-wight:600;
  border-left:5px solid #FFF;
  padding-left:5px;
  margin-left:-10px;
}

.size-chart {
  width: 100%;
  display: inline-block;
}

.size-chart div {
  height: 21px;
  float: left;
  font-size: 13px;
  padding: 4px;
  line-height: 1;
}

.block__ui-separated {
  position: relative;
}
.block__ui-separated .col-50 {
  position: absolute;
  left: 0;
  top:12px;
}
.block__ui-separated img {
  float: right;
  max-width: 450px;
}


.demo-gallery {
  width: 95%;
  height: auto;
  display:block;
    height: auto;
    display: block;
    margin-bottom: 30px;
	margin-right:2.5%;
}
.demo-gallery a {
	float: right;
    width: 31%;
    display: none;
    margin-left: 3.3%;
    margin-top: 3%;
	border-radius:6px;
}

.demo-gallery a:nth-child(1) {
   display:inline-block
}
.demo-gallery a:nth-child(2) {
display:inline-block
}
.demo-gallery a:nth-child(3) {
display:inline-block;
}
.demo-gallery a img {
	width:100%;
	border-radius:6px;

}
.demo-gallery a img {
	width:100%;
}
.demo-gallery a.more {
	float: right;
    width: 31%;
    display:inline-block;
	    margin-left: 0%;
		float:left;
display:inline-block;
	position:relative
}.demo-gallery a.more img{
    display:inline-block;
    float: right;
border-radius:6px;
	position:relative
}
.demo-gallery a.more figure {
    float: right;
    position: absolute;
    z-index: 1;
    width: 24%;
    display: inline-block;
    margin-left: 0%;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #000;
    height: 100%;
    opacity: 0.4;
    color: #FFF;
    font-weight: bold;
    font-size: 50px;
	border-radius:6px;

	
}
a.demo-gallery__img--main {
  width: 100%;
  height: auto;
  display:inline-block
}
a.demo-gallery__img--main .img {
display: inline-block;
    float: right;
    position: relative;
}
a.demo-gallery__img--main .gicon {
    position: absolute;
    z-index: 1;
    width: 28px !important;
    height: 28px !important;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
    -webkit-tap-highlight-color: transparent !important;
}
.ukraine-flag {
  width: 21px;
  height: 14px;
  position: relative;
  background: #ffcc00;
  top: 1px;
  display: inline-block;
}
.ukraine-flag:before {
 content:'';
 position: absolute;
 width: 21px;
 height: 7px;
 left:0;
 top:0;
 background: #0066cc;
}

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}

.share-buttons h2 {
  text-align: center;
  border: 0;
  
}
.share-buttons {
  text-align: center;
  position: relative;
  margin: 0 0 24px;
}
.share-buttons a {
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  color: #FFF;
  text-decoration: none;
  background: #5AAF63;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.share-buttons a:hover {
  opacity: 0.7;
}
#tweet {
  background: #0096c4;
}
#like {
  background: #3b5998;
}
#gplus {
  background: #d34836;
}



@media screen and (max-width: 1000px) {

 

  .row--wide {
    max-width: 800px;
  }
  .row--wide img {
    float: none;
  }
  .img-desc {
    margin-left: 0;
  }


  .row--docs {
    max-width: 800px;
    padding-left: 30px;

  }
  
  .section--head {
    margin-top:0;
    padding: 30px 0;
  }

  .docs {
    margin-top: 48px;
  }

  .docs-menu {
    position: relative;
    margin: 15px 0;
    left:0;
    top:0;
  }
  .docs-menu  ul {
    position: relative;
  }
  .docs-menu__ad {
    display: none;
  }

  .row--nav {
    font-size: 24px;
    line-height: 1.1; 
  }

}



@media screen and (max-width: 650px) {

  .block__ui-separated .col-50 {
    position: relative;
    top: 0;
  }
  .block__ui-separated img {
    max-width: 100%;
    width: 100%;
    float: left;
  }
}

@media screen and (max-width: 450px) {
  

  .col-50:nth-child(1) {
    margin-right: 0;
  }
  .row--wide img {
    margin-bottom: 6px;
  }
  .col-50 {
    width: 100%;
    margin-bottom: 12px;
  }
  .row {
    padding: 0 18px;
  }
  .docs .highlight,
  .codepen-embed {
    padding-left: 18px;
    padding-right: 18px;
    margin-left: -18px;
  }

  .docs {
    margin-top: 32px;
  }
  .section--head {
    margin-top:0;
    padding: 24px 0;
  }
  .row--nav {
    font-size: 18px;
    line-height: 26px; 
  }


}

@media screen and (max-width: 700px) {

  .row--nav {
    font-size: 18px;
    line-height: 26px; 
  }


  .section--head p {
    font-size: 18px;
    line-height: 24px;
  }
}

/*@media screen and (max-width: 490px) {
  .demo-gallery a {
    width: 100px;
    margin: 0 4px 4px 0;
  }
  a.demo-gallery__img--main {
    width: 137px;
  }
}
*/
.video-container { 
   position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
	margin-bottom:18px;
}
.parallax-container { 
   position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


blockquote {
  background: #f9f9f9;
  border-right: 5px solid #ccc;
  margin:  8px;
  padding: 3px 5px;
  quotes: "\201C""\201D""\2018""\2019";
  overflow:hidden;
  font-weight:bold;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  
}
blockquote p,blockquote div {
  display:inline;
  
}



.nav {
position: fixed;
right: 0px;
top: 0px;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 0 10px;
}

#right-side {
  display: inline;
  float: right;
  text-align: right;
}

#right-side li {
  list-style-type: none;
}

#right-side a {
  display: flex;
  align-items: center;
}

#right-side a img {
  margin-right: 10px;
}

#profilepic {
  height:50px; 
  width :50px; 
  border-radius:50px;
}
.addthis_inline_share_toolbox_ubfz {text-align:center}
.sr-widget {
	display:inline-block;
	width:100%;
		padding:1%;
}
.sr-bb {
    font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background: none;
}
.sr-bb .sr-bb {
    background: none;
}
.sr-bb .srt-base-1 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-primary {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-home-1 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-away-1 {
    background-color: #fff;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-home-2 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #640f1b;
}
.sr-bb .srt-base-1-away-2 {
    background-color: #fff;
    color: #c96a78;
    border-color: #640f1b;
}
.sr-bb .srt-base-1-home-3 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-away-3 {
    background-color: #fff;
    color: #c96a78;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-home-4 {
    background-color: #fff;
    color: #c55f6d;
    border-color: #c55f6d;
}
.sr-bb .srt-base-1-away-4 {
    background-color: #fff;
    color: #d997a1;
    border-color: #d997a1;
}
.sr-bb .srt-base-1-home-5 {
    background-color: #fff;
    color: #70111f;
    border-color: #70111f;
}
.sr-bb .srt-base-1-away-5 {
    background-color: #fff;
    color: #83454e;
    border-color: #83454e;
}
.sr-bb .srt-base-1-background {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-active {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-2-is-hoverable:hover {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3 {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-active {
    background-color: #f2dade;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #f2dade;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-3-background {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-4 {
    background-color: #fbf4f5;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-active {
    background-color: #e9c3c9;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #e9c3c9;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-1 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-active {
    background-color: #8a1526;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #8a1526;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-1-is-disabled {
    background-color: #b1283b;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-2 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-3 {
    background-color: #781221;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-4 {
    background-color: #781221;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5 {
    background-color: #c96a78;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-6 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-7 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-1 {
    background-color: #8a1526;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-8-is-active-2 {
    background-color: #8a1526;
    color: #fff;
    border-color: #fff;
}
.sr-bb .srt-primary-9 {
    background-color: #e6bac1;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-primary-10 {
    background-color: #bd4859;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-11 {
    background-color: #c96a78;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-primary-12 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: #fff;
}
.sr-bb .srt-base-1-primary-1 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-2 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-3 {
    background-color: #fff;
    color: #781221;
    border-color: #781221;
}
.sr-bb .srt-base-1-primary-4 {
    background-color: #fff;
    color: #781221;
    border-color: #781221;
}
.sr-bb .srt-base-1-primary-5 {
    background-color: #fff;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-primary-6 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-7 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-8 {
    background-color: #fff;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-primary-9 {
    background-color: #fff;
    color: #e6bac1;
    border-color: #e6bac1;
}
.sr-bb .srt-base-1-primary-10 {
    background-color: #fff;
    color: #bd4859;
    border-color: #bd4859;
}
.sr-bb .srt-base-1-primary-11 {
    background-color: #fff;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-neutral-1 {
    background-color: #fff;
    color: #ccc;
    border-color: #ccc;
}
.sr-bb .srt-base-1-neutral-2 {
    background-color: #fff;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-base-1-neutral-3 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
    background-color: #fff;
    color: #595959;
    border-color: #595959;
}
.sr-bb .srt-base-1-neutral-5 {
    background-color: #fff;
    color: #404040;
    border-color: #404040;
}
.sr-bb .srt-base-1-neutral-6 {
    background-color: #fff;
    color: #c2c2c2;
    border-color: #c2c2c2;
}
.sr-bb .srt-base-1-neutral-7 {
    background-color: #fff;
    color: #595959;
    border-color: #595959;
}
.sr-bb .srt-base-1-neutral-8 {
    background-color: #fff;
    color: #dedede;
    border-color: #dedede;
}
.sr-bb .srt-base-1-neutral-9 {
    background-color: #fff;
    color: #f5f5f5;
    border-color: #f5f5f5;
}
.sr-bb .srt-base-1-neutral-10 {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-neutral-11 {
    background-color: #fff;
    color: #999;
    border-color: #999;
}
.sr-bb .srt-base-1-neutral-12 {
    background-color: #fff;
    color: #4d4d4d;
    border-color: #4d4d4d;
}
.sr-bb .srt-base-1-neutral-13 {
    background-color: #fff;
    color: #e6e6e6;
    border-color: #e6e6e6;
}
.sr-bb .srt-base-1-is-active-primary {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-home-1 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-away-1 {
    background-color: #f5e4e6;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-home-2 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #640f1b;
}
.sr-bb .srt-base-1-is-active-away-2 {
    background-color: #f5e4e6;
    color: #c96a78;
    border-color: #640f1b;
}
.sr-bb .srt-base-1-is-active-home-3 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-away-3 {
    background-color: #f5e4e6;
    color: #c96a78;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-home-4 {
    background-color: #f5e4e6;
    color: #c55f6d;
    border-color: #c55f6d;
}
.sr-bb .srt-base-1-is-active-away-4 {
    background-color: #f5e4e6;
    color: #d997a1;
    border-color: #d997a1;
}
.sr-bb .srt-base-1-is-active-home-5 {
    background-color: #f5e4e6;
    color: #70111f;
    border-color: #70111f;
}
.sr-bb .srt-base-1-is-active-away-5 {
    background-color: #f5e4e6;
    color: #83454e;
    border-color: #83454e;
}
.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: #f5e4e6;
    color: #781221;
    border-color: #781221;
}
.sr-bb .srt-base-1-is-active-primary-4 {
    background-color: #f5e4e6;
    color: #781221;
    border-color: #781221;
}
.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: #f5e4e6;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-7 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: #f5e4e6;
    color: #AC1A2F;
    border-color: #AC1A2F;
}
.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: #f5e4e6;
    color: #e6bac1;
    border-color: #e6bac1;
}
.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: #f5e4e6;
    color: #bd4859;
    border-color: #bd4859;
}
.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: #f5e4e6;
    color: #c96a78;
    border-color: #c96a78;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: #f5e4e6;
    color: #ccc;
    border-color: #ccc;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: #f5e4e6;
    color: #1b1b1b;
    border-color: #1b1b1b;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: #f5e4e6;
    color: #595959;
    border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: #f5e4e6;
    color: #404040;
    border-color: #404040;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: #f5e4e6;
    color: #c2c2c2;
    border-color: #c2c2c2;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: #f5e4e6;
    color: #595959;
    border-color: #595959;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: #f5e4e6;
    color: #dedede;
    border-color: #dedede;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: #f5e4e6;
    color: #f5f5f5;
    border-color: #f5f5f5;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: #f5e4e6;
    color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: #f5e4e6;
    color: #999;
    border-color: #999;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: #f5e4e6;
    color: #4d4d4d;
    border-color: #4d4d4d;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: #f5e4e6;
    color: #e6e6e6;
    border-color: #e6e6e6;
}
.sr-bb .srt-home-1 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: #AC1A2F;
}
.sr-bb .srt-away-1 {
    background-color: #c96a78;
    color: #fff;
    border-color: #c96a78;
}
.sr-bb .srt-home-2 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: #640f1b;
}
.sr-bb .srt-away-2 {
    background-color: #c96a78;
    color: #fff;
    border-color: #640f1b;
}
.sr-bb .srt-home-3 {
    background-color: #AC1A2F;
    color: #fff;
    border-color: #fff;
}
.sr-bb .srt-away-3 {
    background-color: #c96a78;
    color: #fff;
    border-color: #fff;
}
.sr-bb .srt-home-4 {
    background-color: #c55f6d;
    color: #fff;
    border-color: #c55f6d;
}
.sr-bb .srt-away-4 {
    background-color: #d997a1;
    color: #fff;
    border-color: #d997a1;
}
.sr-bb .srt-home-5 {
    background-color: #70111f;
    color: #fff;
    border-color: #70111f;
}
.sr-bb .srt-away-5 {
    background-color: #83454e;
    color: #fff;
    border-color: #83454e;
}
.sr-bb .srt-neutral-1 {
    background-color: #ccc;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-2 {
    background-color: #1b1b1b;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-3 {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-4 {
    background-color: #595959;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-6 {
    background-color: #c2c2c2;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-7 {
    background-color: #595959;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-9 {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-10 {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-11 {
    background-color: #999;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-neutral-12 {
    background-color: #4d4d4d;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-neutral-13 {
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.82);
    border-color: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-win {
    background-color: #4CAF50;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-draw {
    background-color: #FDD763;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-lose {
    background-color: #FB445A;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-text-secondary {
    opacity: .7;
}
.sr-bb .srt-text-disabled {
    opacity: .35;
}
.sr-bb .srt-text-tertiary {
    opacity: .54;
}
.sr-bb .srt-icon {
    opacity: .33;
}
.sr-bb .srt-elevation-1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.23), 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.26), 0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent;
}
.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #FB445A;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #4B688C;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #004682;
}
.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #4CAF50;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #FB445A;
}
.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #1976d2;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #1976d2;
}
.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #64b5f6;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #64b5f6;
}
.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, 0.3);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}
.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #fff;
    border-color: #f4a621;
}
.sr-bb .srt-nfl-negative-yards-1 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e;
}
.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e;
}
.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de;
}
.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623;
}
.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623;
}
.sr-bb .srt-fill-change-increase {
    fill: #4CAF50;
}
.sr-bb .srt-stroke-change-increase {
    stroke: #FB445A;
}
.sr-bb .srt-fill-change-decrease {
    fill: #e43b3b;
}
.sr-bb .srt-stroke-change-decrease {
    stroke: #e43b3b;
}
.sr-bb .srt-fill-text {
    fill: rgba(0, 0, 0, 0.82);
}
.sr-bb .srt-fill-text-invert {
    fill: #fff;
}
.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7;
}
.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35;
}
.sr-bb .srt-fill-base-1 {
    fill: #fff;
}
.sr-bb .srt-stroke-base-1 {
    stroke: #fff;
}
.sr-bb .srt-fill-base-1-active {
    fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-1-active {
    stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6;
}
.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6;
}
.sr-bb .srt-fill-base-1-primary {
    fill: #fff;
}
.sr-bb .srt-stroke-base-1-primary {
    stroke: #fff;
}
.sr-bb .srt-fill-base-1-home {
    fill: #fff;
}
.sr-bb .srt-stroke-base-1-home {
    stroke: #fff;
}
.sr-bb .srt-fill-base-1-away {
    fill: #fff;
}
.sr-bb .srt-stroke-base-1-away {
    stroke: #fff;
}
.sr-bb .srt-fill-base-2 {
    fill: #fff;
}
.sr-bb .srt-stroke-base-2 {
    stroke: #fff;
}
.sr-bb .srt-fill-base-2-active {
    fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-2-active {
    stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-2-hover {
    fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-2-hover {
    stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-3 {
    fill: #f5e4e6;
}
.sr-bb .srt-stroke-base-3 {
    stroke: #f5e4e6;
}
.sr-bb .srt-fill-base-3-active {
    fill: #f2dade;
}
.sr-bb .srt-stroke-base-3-active {
    stroke: #f2dade;
}
.sr-bb .srt-fill-base-3-hover {
    fill: #f2dade;
}
.sr-bb .srt-stroke-base-3-hover {
    stroke: #f2dade;
}
.sr-bb .srt-fill-primary-1 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-1 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-2 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-2 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-3 {
    fill: #781221;
}
.sr-bb .srt-stroke-primary-3 {
    stroke: #781221;
}
.sr-bb .srt-fill-primary-4 {
    fill: #781221;
}
.sr-bb .srt-stroke-primary-4 {
    stroke: #781221;
}
.sr-bb .srt-fill-primary-5 {
    fill: #c96a78;
}
.sr-bb .srt-stroke-primary-5 {
    stroke: #c96a78;
}
.sr-bb .srt-fill-primary-6 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-6 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-7 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-7 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-8 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-8 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #8a1526;
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #8a1526;
}
.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #8a1526;
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #8a1526;
}
.sr-bb .srt-fill-primary-9 {
    fill: #e6bac1;
}
.sr-bb .srt-stroke-primary-9 {
    stroke: #e6bac1;
}
.sr-bb .srt-fill-primary-10 {
    fill: #bd4859;
}
.sr-bb .srt-stroke-primary-10 {
    stroke: #bd4859;
}
.sr-bb .srt-fill-primary-11 {
    fill: #c96a78;
}
.sr-bb .srt-stroke-primary-11 {
    stroke: #c96a78;
}
.sr-bb .srt-fill-primary-12 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-primary-12 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-1 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-1 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-2 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-2 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-3 {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-home-3 {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-home-4 {
    fill: #c55f6d;
}
.sr-bb .srt-stroke-home-4 {
    stroke: #c55f6d;
}
.sr-bb .srt-fill-home-5 {
    fill: #70111f;
}
.sr-bb .srt-stroke-home-5 {
    stroke: #70111f;
}
.sr-bb .srt-fill-away-1 {
    fill: #c96a78;
}
.sr-bb .srt-stroke-away-1 {
    stroke: #c96a78;
}
.sr-bb .srt-fill-away-2 {
    fill: #c96a78;
}
.sr-bb .srt-stroke-away-2 {
    stroke: #c96a78;
}
.sr-bb .srt-fill-away-3 {
    fill: #c96a78;
}
.sr-bb .srt-stroke-away-3 {
    stroke: #c96a78;
}
.sr-bb .srt-fill-away-4 {
    fill: #d997a1;
}
.sr-bb .srt-stroke-away-4 {
    stroke: #d997a1;
}
.sr-bb .srt-fill-away-5 {
    fill: #83454e;
}
.sr-bb .srt-stroke-away-5 {
    stroke: #83454e;
}
.sr-bb .srt-fill-neutral-1 {
    fill: #ccc;
}
.sr-bb .srt-stroke-neutral-1 {
    stroke: #ccc;
}
.sr-bb .srt-fill-neutral-2 {
    fill: #1b1b1b;
}
.sr-bb .srt-stroke-neutral-2 {
    stroke: #1b1b1b;
}
.sr-bb .srt-fill-neutral-3 {
    fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
    fill: #595959;
}
.sr-bb .srt-stroke-neutral-4 {
    stroke: #595959;
}
.sr-bb .srt-fill-neutral-5 {
    fill: #404040;
}
.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040;
}
.sr-bb .srt-fill-neutral-6 {
    fill: #c2c2c2;
}
.sr-bb .srt-stroke-neutral-6 {
    stroke: #c2c2c2;
}
.sr-bb .srt-fill-neutral-7 {
    fill: #595959;
}
.sr-bb .srt-stroke-neutral-7 {
    stroke: #595959;
}
.sr-bb .srt-fill-neutral-8 {
    fill: #dedede;
}
.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede;
}
.sr-bb .srt-fill-neutral-9 {
    fill: #f5f5f5;
}
.sr-bb .srt-stroke-neutral-9 {
    stroke: #f5f5f5;
}
.sr-bb .srt-fill-neutral-10 {
    fill: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-stroke-neutral-10 {
    stroke: rgba(0, 0, 0, 0.12);
}
.sr-bb .srt-fill-neutral-11 {
    fill: #999;
}
.sr-bb .srt-stroke-neutral-11 {
    stroke: #999;
}
.sr-bb .srt-fill-neutral-12 {
    fill: #4d4d4d;
}
.sr-bb .srt-stroke-neutral-12 {
    stroke: #4d4d4d;
}
.sr-bb .srt-fill-neutral-13 {
    fill: #e6e6e6;
}
.sr-bb .srt-stroke-neutral-13 {
    stroke: #e6e6e6;
}
.sr-bb .srt-fill-win {
    fill: #781221;
}
.sr-bb .srt-stroke-win {
    stroke: #781221;
}
.sr-bb .srt-fill-draw {
    fill: #AC1A2F;
}
.sr-bb .srt-stroke-draw {
    stroke: #AC1A2F;
}
.sr-bb .srt-fill-lose {
    fill: #d8939d;
}
.sr-bb .srt-stroke-lose {
    stroke: #d8939d;
}
.sr-bb .srt-stop-base-1 {
    stop-color: #fff;
}
.sr-bb .srt-stop-primary-1 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-2 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-3 {
    stop-color: #781221;
}
.sr-bb .srt-stop-primary-4 {
    stop-color: #781221;
}
.sr-bb .srt-stop-primary-5 {
    stop-color: #c96a78;
}
.sr-bb .srt-stop-primary-6 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-7 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-8 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-primary-9 {
    stop-color: #e6bac1;
}
.sr-bb .srt-stop-primary-10 {
    stop-color: #bd4859;
}
.sr-bb .srt-stop-primary-11 {
    stop-color: #c96a78;
}
.sr-bb .srt-stop-primary-12 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-home-1 {
    stop-color: #AC1A2F;
}
.sr-bb .srt-stop-away-1 {
    stop-color: #c96a78;
}
.sr-bb .srt-fill-neutral-14 {
    fill: #fff;
}
.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff;
}
.sr-bb .srt-logo-powered-by-light {
    display: inline-block;
}
.sr-bb .srt-logo-powered-by-dark {
    display: none;
}

.sr-bb .sr-error__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 80px;
    text-align: center
}

.sr-bb .sr-error__container.srm-message-only,
.sr-bb .sr-error__container.srm-no-height-limit {
    min-height: 0;
    min-height: auto
}

.sr-bb .sr-error__message-wrapper {
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 16px
}

.sr-bb .sr-error__message-wrapper.srm-is-small {
    padding-bottom: 8px
}

.sr-bb .sr-error__message-wrapper.srm-message-only {
    padding-bottom: 0
}

.sr-bb .sr-error__message {
    font-size: 14px
}

.sr-bb .sr-error__message.srm-is-small {
    line-height: 16px
}

.sr-bb .sr-error__message-dev {
    font-size: 12px
}

.sr-bb .sr-error__icon-wrapper {
    padding: 16px 0;
    position: relative
}

.sr-bb .sr-error__icon-wrapper.srm-is-small {
    padding: 8px 0
}

.sr-bb .sr-error__icon {
    height: 88px;
    width: 88px;
    fill: currentColor
}

.sr-bb .sr-error__icon.srm-is-small {
    height: 24px;
    width: 24px
}

.sr-bb .sr-error__license-center {
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%
}

.sr-bb .sr-error__license-txt {
    position: absolute;
    top: 7px;
    left: -5px;
    font-weight: 700
}

.sr-bb {
    line-height: normal
        /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
}

.sr-bb * {
    box-sizing: border-box;
    position: static;
    min-height: auto;
    z-index: auto
}

.sr-bb table {
    border-collapse: inherit;
    border-spacing: inherit
}

.sr-bb ol,
.sr-bb ul {
    list-style: none
}

.sr-bb a,
.sr-bb audio,
.sr-bb b,
.sr-bb body,
.sr-bb code,
.sr-bb div,
.sr-bb footer,
.sr-bb form,
.sr-bb h1,
.sr-bb h2,
.sr-bb h3,
.sr-bb h4,
.sr-bb h5,
.sr-bb h6,
.sr-bb header,
.sr-bb html,
.sr-bb iframe,
.sr-bb img,
.sr-bb label,
.sr-bb li,
.sr-bb ol,
.sr-bb p,
.sr-bb pre,
.sr-bb span,
.sr-bb svg,
.sr-bb table,
.sr-bb tbody,
.sr-bb td,
.sr-bb tfoot,
.sr-bb th,
.sr-bb thead,
.sr-bb tr,
.sr-bb ul,
.sr-bb video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font: inherit;
    vertical-align: inherit;
    text-align: inherit;
    border-color:#f1f1f1;
    color: inherit;
    text-shadow: none;
    text-indent: 0
}

.sr-bb section {
    border: inherit
}

.sr-bb a {
    background-color: transparent;
    text-decoration: none
}

.sr-bb a:active,
.sr-bb a:hover {
    outline: 0;
    text-decoration: none
}

.sr-bb abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.sr-bb b,
.sr-bb strong {
    font-weight: inherit;
    font-weight: bolder
}

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

.sr-bb sup {
    top: -.5em
}

.sr-bb sub {
    bottom: -.25em
}

.sr-bb img {
    border: 0;
    border-color:#f1f1f1;
    border-radius: inherit;
    max-width: none
}

.sr-bb svg:not(:root) {
    overflow: hidden
}

.sr-bb hr {
    box-sizing: content-box;
    height: 0
}

.sr-bb button,
.sr-bb hr {
    overflow: visible
}

.sr-bb button,
.sr-bb select {
    text-transform: none
}

.sr-bb button,
.sr-bb input[type=button],
.sr-bb input[type=reset],
.sr-bb input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.sr-bb button[disabled],
.sr-bb input[disabled] {
    cursor: default
}

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

.sr-bb button:-moz-focusring,
.sr-bb input:-moz-focusring {
    outline: 1px dotted ButtonText
}

.sr-bb input {
    line-height: normal
}

.sr-bb input[type=checkbox],
.sr-bb input[type=radio] {
    padding: 0
}

.sr-bb input[type=number]::-webkit-inner-spin-button,
.sr-bb input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.sr-bb input[type=search] {
    -webkit-appearance: textfield
}

.sr-bb input[type=search]::-webkit-search-cancel-button,
.sr-bb input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.sr-bb textarea {
    overflow: auto
}

.sr-bb * {
    -webkit-text-stroke: 1px transparent
}

.sr-bb {
    font-size: 12px
}

.sr-bb.sr-rtl {
    direction: rtl
}

.sr-bb.srm-fit-to-parent,
.sr-bb.srm-fit-to-parent>.sr-loader__container,
.sr-bb.srm-fit-to-parent>.sr-loader__container>.sr-error__container {
    height: 100%
}

.sr-bb .srm-is-transparent {
    background: transparent !important
}

.sr-bb .sr-aria-table-cell__wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sr-bb .sr-aria-table-cell__focus-wrapper {
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent !important
}

.sr-bb .sr-aria-table-cell__focus-wrapper:focus {
    border-color: inherit !important
}

.sr-bb .sr-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    height: 16px;
    text-align: center;
    overflow: hidden;
    padding: 0 8px 0 4px
}

.sr-bb .sr-header,
.sr-bb .sr-header__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-bb .sr-header__wrapper {
    max-width: 100%
}

.sr-bb .sr-header__label {
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-bb .sr-header__round {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sr-bb .sr-header__round span {
    padding: 0 2px
}

.sr-bb .sr-header__round>span:last-child {
    margin-left: 2px
}

.sr-rtl.sr-bb .sr-header__round>span:last-child {
    margin-left: 0;
    margin-right: 2px
}

.sr-bb .sr-header__icon {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 0 4px;
    width: 12px;
    height: 12px
}

.sr-bb .sr-header__svg-icon {
    margin-bottom: 2px
}

.sr-bb .sr-header.srm-has-border {
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.sr-bb .sr-header__breaker {
    margin: 0 2px;
    text-align: center
}

.sr-bb .sr-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 48px;
    z-index: 0;
    outline: 0;
    border-top-style: solid;
    border-top-width: 1px
}

.sr-bb .sr-footer__main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    position: relative
}

.sr-bb .sr-footer__banner,
.sr-bb .sr-footer__main {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sr-bb .sr-footer__banner {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center
}

.sr-bb .sr-footer__banner img {
    max-width: 100%;
    max-height: 47px;
    display: block
}

.sr-bb .sr-footer__share-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    padding-left: 4px
}

.sr-bb .sr-footer__share-label:first-letter {
    text-transform: uppercase
}

.sr-rtl.sr-bb .sr-footer__share-label {
    padding-left: 0;
    padding-right: 4px
}

.sr-bb .sr-footer__share {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-bb .sr-footer__share-icon {
    width: 18px;
    margin: 0 16px
}

.sr-bb .sr-footer__popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: absolute;
    z-index: 1;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    -webkit-transition-property: all;
    transition-property: all;
    will-change: transform;
    padding: 0 8px
}

.sr-rtl.sr-bb .sr-footer__popup {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%)
}

.sr-bb .sr-footer__provider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    padding: 0 8px;
    color: inherit
}

.sr-bb .sr-footer__provider-icon {
    display: block;
    fill: currentcolor
}

.sr-bb .sr-footer__provider-label {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 8px
}

.sr-bb .sr-footer.srm-social-open .sr-footer__popup {
    -webkit-transform: none;
    transform: none
}

.sr-bb .sr-footer-widgets {
    border-top-width: 1px;
    border-top-style: solid
}

.sr-bb .sr-footer-widgets.srm-no-border {
    border-top-width: 0
}

.sr-bb .sr-poweredby__wrapper {
    line-height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sr-bb .sr-poweredby__link {
    display: inline-block
}

.sr-bb .sr-poweredby__logo {
    width: 209px;
    height: 20px
}

.sr-bb .sr-poweredby__logo.srm-lite {
    width: 163.84px
}

.sr-bb .sr-poweredby__logo.srm-small {
    width: 125.4px;
    height: 12px
}

.sr-bb .sr-poweredby__logo.srm-small.srm-lite {
    width: 98.3px
}

.sr-bb .sr-poweredby__logo.srm-large {
    width: 334.4px;
    height: 32px
}

.sr-bb .sr-poweredby__logo.srm-large.srm-lite {
    width: 262.14px
}

.sr-bb .sr-poweredby__logo-margin {
    margin: 16px 16px 16px auto
}

.sr-bb .sr-poweredby__logo-margin.srm-no-top-padding {
    margin-top: 0
}

.sr-rtl.sr-bb .sr-poweredby__logo-margin {
    margin-left: 16px;
    margin-right: auto
}

.sr-bb .sr-poweredby__logo-black {
    fill: #000
}

.sr-bb .sr-poweredby__logo-white {
    fill: #fff
}

.sr-bb.sr-ad {
    text-align: center
}

.sr-bb .sr-ad__banner {
    text-align: center;
    position: relative;
    overflow: hidden
}

.sr-bb .sr-ad__banner,
.sr-bb .sr-ad__banner img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.sr-bb .sr-ad__banner img {
    height: auto;
    display: block
}

.sr-bb .sr-ad__close-wrapper {
    position: absolute;
    top: 4px;
    right: 4px
}

.sr-bb .sr-ad__close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block
}

.sr-bb .sr-livebadge {
    width: 6px;
    height: 14px;
    position: relative
}

.sr-bb .sr-livebadge__tooltip {
    display: none;
    position: absolute;
    top: -6px;
    height: 24px;
    padding: 0 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.sr-bb .sr-livebadge__tooltip.srm-tooltip-pos-left {
    right: 15px
}

.sr-bb .sr-livebadge__tooltip.srm-tooltip-pos-right {
    left: 15px
}

.sr-bb .sr-livebadge__tooltip-result,
.sr-bb .sr-livebadge__tooltip-separator,
.sr-bb .sr-livebadge__tooltip-team {
    display: inline-block;
    line-height: 23px
}

.sr-bb .sr-livebadge__tooltip-result,
.sr-bb .sr-livebadge__tooltip-team {
    padding: 0 3px
}

.sr-bb .sr-livebadge__tooltip-result {
    font-weight: 500
}

.sr-bb .sr-livebadge__tooltip:after,
.sr-bb .sr-livebadge__tooltip:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    display: none
}

.sr-bb .sr-livebadge__tooltip:before {
    border-color: transparent transparent transparent #ccc;
    left: 100%
}

.sr-bb .sr-livebadge__tooltip:after {
    border-color: transparent #ccc transparent transparent;
    right: 100%
}

.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip,
.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip.srm-tooltip-pos-left:before,
.sr-bb .sr-livebadge:focus .sr-livebadge__tooltip.srm-tooltip-pos-right:after,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip.srm-tooltip-pos-left:before,
.sr-bb .sr-livebadge:hover .sr-livebadge__tooltip.srm-tooltip-pos-right:after {
    display: block
}

.sr-bb .sr-lachart__chart-container {
    width: 100%;
    height: 100%;
    font-size: 14px;
    position: relative
}

.sr-bb .sr-lachart__content-wrap {
    height: 100%
}

.sr-bb .sr-lachart__svg-chart {
    height: 100%;
    width: 100%
}

.sr-bb .sr-lachart__labels {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 1px
}

.sr-bb .sr-lachart__addComponent {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.sr-bb .sr-lachart__addComponent,
.sr-bb .sr-lachart__right-legend {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-bb .sr-lachart__right-legend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.sr-bb .sr-lachart__legends {
    bottom: 8px;
    line-height: 14px;
    position: absolute;
    width: 100%
}

.sr-bb .sr-lachart__legends-container {
    position: relative;
    text-align: center;
    height: inherit
}

.sr-bb .sr-lachart__legends-content {
    display: inline-block
}

.sr-bb .sr-lachart__legend {
    float: left
}

.sr-bb .sr-lachart__legend-box {
    border-radius: 2px;
    display: block;
    float: left;
    height: 16px;
    margin-left: 16px;
    margin-right: 8px;
    width: 16px
}

.sr-bb .sr-lachart__label {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sr-bb .sr-lachart__xlabel {
    overflow: hidden;
    line-height: 25px
}

.sr-bb .sr-lachart__xlabel:first-child {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sr-bb .sr-lachart__xlabel:first-child:before {
    left: 0
}

.sr-bb .sr-lachart__xlabel:nth-child(2n) {
    display: none
}

.sr-bb .sr-lachart__ylabel {
    border-radius: 0 3px 3px 0;
    line-height: 20px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px
}

.sr-bb .sr-lachart__ylabel:first-child {
    border-bottom-right-radius: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.sr-bb .sr-lachart__ylabel:nth-child(2n) {
    display: none
}

.sr-bb .sr-lachart__ylabel-proc-top:last-child {
    border-top-right-radius: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sr-bb .sr-lachart__label-span {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sr-bb .sr-lachart__label-span:last-child {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.sr-bb .sr-lachart__ylabels {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.sr-bb .sr-lachart__grid_x:nth-child(2n) {
    stroke-dasharray: 3, 3
}

.sr-bb .sr-lachart__circle-empty,
.sr-bb .sr-lachart__line {
    fill: none;
    stroke-width: 2
}

.sr-bb .sr-lachart__grid {
    stroke-width: 1
}

.sr-bb .sr-lachart__dashed-line {
    stroke-dasharray: 5, 3
}

.sr-bb .sr-lachart__circle-circle-border {
    stroke-width: 2
}

.sr-bb .sr-season-standings-one-team__main-title {
    font-size: 14px;
    text-transform: uppercase;
    padding: 21px 16px 3px;
    font-weight: 400;
    text-align: left
}

.sr-rtl.sr-bb .sr-season-standings-one-team__main-title {
    text-align: right
}

.sr-bb .sr-season-standings-one-team__content-wrap {
    position: relative
}

.sr-ltr.sr-bb .sr-season-standings-one-team__content-wrap {
    padding: 18px 24px 5px 56px
}

.sr-rtl.sr-bb .sr-season-standings-one-team__content-wrap {
    padding: 18px 56px 5px 24px
}

.sr-bb .sr-season-standings-one-team__ylabel-wrap {
    float: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.sr-rtl.sr-bb .sr-season-standings-one-team__ylabel-wrap {
    float: right
}

.sr-bb .sr-season-standings-one-team__ylabel-element {
    float: right;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 12px
}

.sr-rtl.sr-bb .sr-season-standings-one-team__ylabel-element {
    float: left;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sr-bb .sr-season-standings-one-team__chart-labels {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300
}

.sr-bb .sr-season-standings-one-team__chart-labels-numbers {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    right: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px
}

.sr-bb .sr-season-standings-one-team__chart-labels-round {
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    font-weight: 300
}

.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-round {
    margin-left: -28px
}

.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-round {
    margin-right: -28px
}

.sr-bb .sr-season-standings-one-team__chart-labels-position {
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    width: 0;
    font-weight: 300
}

.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-position {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-position {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-ltr.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
    left: 23px
}

.sr-rtl.sr-bb .sr-season-standings-one-team__chart-labels-position-wrapper {
    right: 23px
}

.sr-bb .sr-season-standings-one-team__chart-labels-position-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-bb .sr-season-standings-one-team__chart-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 5px;
    padding-bottom: 4px
}

.sr-rtl.sr-bb .sr-season-standings-one-team__chart-content {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.sr-bb .sr-season-standings-one-team__chart-content .sr-lachart__line {
    stroke-width: 2px
}

.sr-bb .sr-season-standings-one-team__content-chart-table {
    position: relative
}

.sr-bb .sr-season-standings-one-team__lines-wrapper {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-bb .sr-season-standings-one-team__lines-label {
    width: 30px;
    font-size: 12px;
    font-weight: 300;
    line-height: 10px
}

.sr-ltr.sr-bb .sr-season-standings-one-team__lines-label {
    margin-left: -40px;
    margin-right: 10px;
    text-align: right
}

.sr-rtl.sr-bb .sr-season-standings-one-team__lines-label {
    margin-right: -40px;
    margin-left: 10px;
    text-align: left
}

.sr-bb .sr-season-standings-one-team__lines-line {
    border-bottom: 1px solid;
    margin-top: auto;
    margin-bottom: auto;
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sr-bb .sr-season-standings-one-team__lines-line-vertical {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right-style: dotted;
    border-right-width: 1px
}

.sr-bb .sr-season-standings-one-team__last-next-match-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    margin: auto
}

.sr-bb .sr-season-standings-one-team__last-next-match-item-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 8px;
    max-width: 400px
}

.sr-bb .sr-season-standings-one-team__last-next-match-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 10px;
    padding-bottom: 3px
}

.sr-bb .sr-season-standings-one-team__last-next-match-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-rtl.sr-bb .sr-season-standings-one-team__last-next-match-content-left {
    text-align: right
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-center {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    line-height: 12px
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-ltr.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
    text-align: right
}

.sr-rtl.sr-bb .sr-season-standings-one-team__last-next-match-content-right {
    text-align: left
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-result-bold {
    font-weight: 700
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-result-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-result-wrapper>div {
    padding-left: 1px;
    padding-right: 1px
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-crest {
    margin: 8px;
    height: 16px;
    width: 16px
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-team-name {
    margin: 10px 0;
    line-height: 12px;
    white-space: nowrap
}

.sr-bb .sr-season-standings-one-team__last-next-match-content-team-abbr {
    display: none
}

.sr-bb .sr-season-standings-one-team__last-next-match-content.srm-is-clickable {
    cursor: pointer
}

.sr-season-standings-one-team.sr-medium .sr-season-standings-one-team__last-next-match-content-team-abbr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    line-height: 12px
}

.sr-season-standings-one-team.sr-medium .sr-season-standings-one-team__last-next-match-content-team-name {
    display: none
}

.sr-season-standings-one-team.sr-medium .sr-lachart__line {
    stroke-width: 1px
}

.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-team-abbr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    line-height: 12px
}

.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-team-name {
    display: none
}

.sr-season-standings-one-team.sr-small .sr-season-standings-one-team__last-next-match-content-crest {
    margin-left: 5px;
    margin-right: 5px
}

.sr-season-standings-one-team.sr-small .sr-lachart__line {
    stroke-width: 1px
}

.sr-season-standings-one-team .sr-bb .sr-lachart__svg-chart {
    padding-bottom: 1px
}
</style>
<style type="text/css">
.sr-bb .sr-livetable__menu {
    display: inline-block;
    text-transform: capitalize;
    cursor: pointer;
    padding: 0 16px;
    line-height: 38px;
    font-weight: 500
}

.sr-bb .sr-livetable__menu.srm-active {
    border-bottom: 4px solid
}

.sr-bb .sr-livetable__menuWrapper {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.sr-bb .sr-livetable__liveData {
    float: right;
    line-height: 38px;
    padding: 0 16px
}

.sr-bb .sr-livetable__tableHeader {
    padding: 0 16px;
    line-height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sr-bb .sr-livetable__tableName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sr-bb .sr-livetable__tableName.srt-text-secondary {
    font-size: 10px
}

.sr-bb .sr-livetable__tableMsg {
    white-space: nowrap
}

.sr-bb .sr-livetable__table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.sr-bb .sr-livetable__tableRow {
    border-top-width: 1px;
    border-top-style: solid;
    height: 33px;
    padding: 0 16px;
    background-clip: padding-box
}

.sr-bb .sr-livetable__tableRow:first-child {
    text-transform: uppercase
}

.sr-bb .sr-livetable__tableRow.srm-noPosition .srm-space:first-child {
    min-width: 18px
}
table>tbody>tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.sr-bb .sr-livetable__tableRow.srt-base-1-is-active {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.sr-bb .sr-livetable__tableRow.srm-firstRow .sr-livetable__tableCell.srm-pos {
    padding: 4px 8px 4px 0;
    width: 6%
}

.sr-rtl.sr-bb .sr-livetable__tableRow.srm-firstRow .sr-livetable__tableCell.srm-pos {
    padding: 4px 0 4px 8px
}

.sr-bb .sr-livetable__tableRow.srm-tableRow-hoverable {
    cursor: pointer
}

.sr-bb .sr-livetable__tableCell {
    font-weight: 300;
    padding: 4px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sr-bb .sr-livetable__tableCell.srm-space {
    width: 1%;
    min-width:1%;
	display:none;
}

.sr-bb .sr-livetable__tableCell.srm-borderLeft {
    border-left-width: 1px;
    border-left-style: solid
}

.sr-bb .sr-livetable__tableCell.srm-alignLeft {
    text-align: left
}

.sr-bb .sr-livetable__tableCell.srm-semibold {
    font-weight: 500
}

.sr-bb .sr-livetable__tableCell.srm-tableRow-link-name {
    font-weight: 700
}

.sr-bb .sr-livetable__tableCell.srm-pos {
    width: 12%;
    max-width: 12%;
    text-align: right;
    padding: 4px 8px;
    font-weight: 500
}

.sr-bb .sr-livetable__tableCell.srm-team {
    padding: 4px 4px 4px 8px;
    overflow: visible
}

.sr-bb .sr-livetable__tableCell.srm-formtable {
    width: 30%;
    max-width:30%;
    margin: 0 8px;
	display:none;
}

.sr-bb .sr-livetable__tableCell.srm-w80 {
    width: 80px;
    max-width: 80px
}

.sr-bb .sr-livetable__tableCell.srm-nbaw60 {
    width: 60px;
    max-width: 60px
}

.sr-bb .sr-livetable__tableCell.srm-nbaw50 {
    width: 50px;
    max-width: 50px
}

.sr-bb .sr-livetable__tableCell.srm-w50 {
    width: 50px;
}

.sr-bb .sr-livetable__tableCell.srm-w40 {
    width: 40px
}

.sr-bb .sr-livetable__tableCell.srm-w30 {
    width: 10%;
    min-width: 10%
}

.sr-bb .sr-livetable__tableCell.srm-minw30 {
    width: 60px;
    min-width: 30px
}

.sr-bb .sr-livetable__tableCell.srm-is-clickable {
    cursor: pointer
}

.sr-bb .sr-livetable__tablePosWrap {
    position: relative;
    width: 100%
}

.sr-bb .sr-livetable__tablePosArrow {
    position: absolute;
    left: -4px;
    top: -1px;
    width: 10px;
    height: 10px
}

.sr-bb .sr-livetable__tablePosArrow.srm-is-small {
    display: none;
    left: -8px
}

.sr-rtl.sr-bb .sr-livetable__tablePosArrow.srm-is-small {
    right: -8px
}

.sr-bb .sr-livetable__tableTeam {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.sr-bb .sr-livetable__tableTeamPromotion {
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    top: 4px;
    left: -12px
}

.sr-bb .sr-livetable__tableTeamCrest {
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.sr-rtl.sr-bb .sr-livetable__tableTeamCrest {
    margin-right: 0;
    margin-left: 6px
}

.sr-bb .sr-livetable__tableTeamName {
    padding-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sr-bb .sr-livetable__tableFormWrap {
    text-align: right;
    padding-left: 3px
}

.sr-bb .sr-livetable__tableCellForm {
    display: inline-block;
    border-radius: 1px;
    margin:1px;
    width: 12px;
    height: 12px;
    line-height: 15px;
    font-size: 7px;
    text-align: center;
    position: relative
}

.sr-bb .sr-livetable__tableBorder {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.sr-bb .sr-livetable__promotions {
    padding: 8px 16px
}

.sr-bb .sr-livetable__promotion {
    display: inline-block;
    padding-bottom: 4px
}

.sr-bb .sr-livetable__promotionName {
    display: inline-block;	margin-left:20px;

}

.sr-bb .sr-livetable__promotionCircle {
    width: 7px;
    height: 7px;
    display: inline-block;
    margin: 0 0px 0 4px
}

.sr-rtl.sr-bb .sr-livetable__promotionCircle {
    margin: 0 16px 0 4px
}

.sr-bb .sr-livetable__forms {
    padding: 8px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sr-bb .sr-livetable__forms .sr-livetable__tableCellForm {
    margin: 0
}

.sr-bb .sr-livetable__formsTitle {
    padding: 0 4px 0 8px;
    text-transform: capitalize
}

.sr-bb .sr-livetable__bottom-padding-wrapper {
    padding-bottom: 16px
}

.sr-bb .sr-livetable-arrow-icon {
    width: 10px;
    height: 10px
}

.sr-bb .sr-livetable-arrow-icon.srm-is-open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sr-bb .sr-livetable__formArrow {
    position: absolute;
    width: 105px;
    margin: 5px auto
}

.sr-bb .sr-livetable__formArrow-line {
    margin-top: 5px;
    width: 100px;
    height: 2px;
    float: left;
    background: #000
}

.sr-bb .sr-livetable__formArrow-point {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    float: right;
    margin-top: 1px
}

.sr-bb .sr-livetable__headerWithSeparator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-mw60,
.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-nbaw60,
.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-w40,
.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-w50 {
    width: 10%;
}

.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-nbaw50 {
    width: 60px
}

.sr-livetable.sr-xLarge .sr-livetable__tableCell.srm-team {
    min-width: 30%;
	text-align:right;
}

.sr-livetable.sr-large .sr-livetable__tableCell.srm-large,
.sr-livetable.sr-medium .sr-livetable__tableCell.srm-medium {
    display: none
}

.sr-livetable.sr-medium .sr-livetable__tableCell.srm-basket .sr-livetable__tableTeamName {
    max-width: 135px
}

.sr-livetable.sr-medium .sr-livetable__tableCell.srm-nbaw60 {
    width: 50px
}

.sr-livetable.sr-medium .sr-livetable__tableCell.srm-nbaw50 {
    width: 40px
}

.sr-livetable.sr-medium .sr-livetable__tableTeamName {
    max-width: 165px
}

.sr-livetable.sr-medium .sr-livetable__forms,
.sr-livetable.sr-medium .sr-livetable__more-season-standings,
.sr-livetable.sr-small .sr-livetable__tableCell.srm-small {
    display: none
}

.sr-livetable.sr-small .sr-livetable__tableCell.srm-basket .sr-livetable__tableTeamName {
    max-width: 145px;
    width: auto
}

.sr-livetable.sr-small .sr-livetable__tableCell.srm-basket .sr-livetable__tableTeamCrest {
    display: block
}

.sr-livetable.sr-small .sr-livetable__tableCell.srm-team {
    min-width: 75px
}

.sr-livetable.sr-small .sr-livetable__tableTeamName {
    max-width: 150px
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-xsmall,
.sr-livetable.sr-small .sr-livetable__tableTeamCrest {
    display: none
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-basket .sr-livetable__tableTeamName {
    max-width: 95px
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-team {
    padding: 4px 0 4px 8px;
    font-weight: 400
}

.sr-rtl.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-team {
    padding: 4px 8px 4px 0
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-pos {
    font-weight: 400
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell.srm-space {
    width: 4px;
    min-width: 4px
}

.sr-livetable.sr-extra-small .sr-livetable__tableCell:first-child,
.sr-livetable.sr-extra-small .sr-livetable__tableCell:last-child {
    padding: 2px
}

.sr-livetable.sr-extra-small .sr-livetable__tableTeamName {
    width: 84px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableRow {
    font-size: 11px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableRow.srm-firstRow .sr-livetable__tableCell.srm-pos {
    padding: 4px 0 2px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosWrap {
    height: 12px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell {
    padding: 2px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-w50 {
    width: 28px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-w40 {
    width: 30px;
    min-width: 30px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-w30 {
    width: 24px;
    min-width: 24px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-team {
    min-width: 60px
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-pos {
    max-width: 28px;
    padding: 4px 8px;
    text-align: center;
    overflow: hidden
}

.sr-rtl.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-pos {
    text-align: center
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tableCell.srm-space {
    padding: 0;
    width: 0;
    max-width: 0;
    min-width: 0
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow {
    display: none
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow.srm-is-small {
    display: block
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-increase {
    top: -10px
}

.sr-rtl.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-increase {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-increase>svg {
    position: absolute;
    left: 0;
    top: 0
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-decrease {
    top: 12px
}

.sr-rtl.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-decrease {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sr-livetable.sr-extra-extra-small .sr-livetable__tablePosArrow-decrease>svg {
    position: absolute;
    left: 0;
    bottom: 0
}

.sr-livetable.sr-rtl .sr-livetable__tableCell.srm-borderLeft {
    border-left-width: 0;
    border-right-style: solid;
    border-right-width: 1px
}

.sr-livetable.sr-rtl .sr-livetable__tableCell.srm-alignLeft {
    text-align: right
}

.sr-livetable.sr-rtl .sr-livetable__tableCell.srm-team {
    padding: 4px 8px 4px 4px
}

.sr-livetable.sr-rtl .sr-livetable__tableCell.srm-pos {
    text-align: left
}

.sr-livetable.sr-rtl .sr-livetable__tableTeamPromotion {
    left: auto;
    right: -12px
}

.sr-livetable.sr-rtl .sr-livetable__formsTitle {
    padding: 0 4px 0 8px
}

.sr-livetable.sr-rtl .sr-livetable__tableFormWrap {
    text-align: right
}

.sr-livetable.sr-rtl .sr-livetable__tablePosArrow {
    left: 18px
}
</style>
<style type="text/css">
.sr-bb.sr-resize-sensor {
    position: relative
}

.sr-bb .sr-resize-sensor__resize-triggers {
    visibility: hidden;
    direction: ltr
}

.sr-bb .sr-resize-sensor__contract-trigger:before,
.sr-bb .sr-resize-sensor__resize-triggers,
.sr-bb .sr-resize-sensor__resize-triggers>div {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.sr-bb .sr-resize-sensor__contract-trigger:before {
    width: 200%;
    height: 200%
}

.sr-bb .sr-resize-sensor__animation-trigger {
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-name: sr-resize-sensor__imperceptible;
    animation-name: sr-resize-sensor__imperceptible
}

@-webkit-keyframes sr-resize-sensor__imperceptible {
    to {
        opacity: 1
    }
}

@keyframes sr-resize-sensor__imperceptible {
    to {
        opacity: 1
    }
}

.sr-wwrap {
    position: relative;
    height: 100%
}

.sr-wwrap .sr-wwrap-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.sr-wwrap.srm-warning {
    overflow: hidden
}

.sr-wwrap.srm-warning .sr-wwrap-overlay {
    z-index: 7000;
    visibility: visible;
    cursor: pointer
}

.sr-wwrap.srm-warning .sr-wwrap-overlay.srm-1 {
    opacity: .75
}

.sr-wwrap.srm-warning .sr-wwrap-overlay.srm-2+div {
    -webkit-filter: blur(2px);
    filter: blur(2px);
    max-height: 400px;
    overflow: hidden
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.center{
  display:flex;
  justify-content:center;
  align-items:center;
  width:50%
}
.vcenter{
  display:flex;
  align-items:center;
}
.mainContainer{
 margin: 0 auto;
  box-shadow:0 0 10px #2323;
  margin-top: 50px;
  background:white;
  margin:20px;
  width:100%;

}.weather_container{
margin: 0 auto;
    box-shadow: 0 0 10px #666;
    background: white;
    width: 100%;
    padding: 5%;
    background-image: url(/mobile_assets/naz.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-color 300ms linear;
    border-bottom-color: hsla(0, 0%, 80%, 0);
    background-color: hsla(0, 0%, 100%, 0);
    box-shadow: inset 60px 90px 150px 150px rgb(0 0 0 / 45%);
    padding-top: 80px;
    height: 100%;
    padding-bottom: 150px;

}
.weather_container2{

}

.weatherhead h1{
	color: #FFF;
    width: auto;
    background: none;
    padding-left: 36px;
    padding-right: 26px;
    margin: 0;
    border: 1px #fff solid;
	    position: relative;
}
.weatherhead h1:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.weatherhead h4{
  color:#fefefe;
    margin-right:20px;

}
.forecast{
  height:300px;
 margin-top:10%;
}
.weather  img{
  height:250px;
}
.info{
  width:50%;
  height:200px;
  padding:20px;
  padding-left:40px;
  color:#FFF;
  display:inline-block;
    font-size:18px;
}
.info h1{
  font-size:56px;
  width:100%;
  display:inline-block;

}
.info h5{
width:100%;
  position:relative;
  display:inline-block;
}.info h3{
width:100%;
  position:relative;
  display:inline-block;
      font-size:15px;

}.info h2{
width:100%;
  position:relative;
  display:inline-block;
}
.humidity {
  width:20px;
  justify-content:space-between;
  padding-top:8px;
  display:inline-block;
    background:none
}
.humidity  i{
  font-size:18px;
}
.future{
		 margin-top:10%;
opacity:0.9;
    position: relative;
    padding: 10px;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}
.day{
  height:80px;
  width:25%;
  justify-content:space-between;
  flex-direction:column;
}
.day h5{

  font-weight:bolder;
  color:#fff;
}
.temp{
  font-weight:bolder;
  font-size:14px;	
  letter-spacing:1px;
  color:#efefef;
}
.day  img{
  height:30px;
}
.hiddenmobile {display:none}
.index {
	    direction: rtl;
	
}
.select-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  font-family: 'Open Sans', 'Helvetica Neue', 'Segoe UI', 'Calibri', 'Arial', sans-serif;
  font-size: 18px;
  color: #60666d;
}
@media (min-width: 768px) {
  .select-box {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .select-box {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .select-box {
    width: 30%;
  }
}
.select-box__current {
  position: relative;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
		  z-index:1
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  opacity: 0.3;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.select-box__value {
  display: -webkit-box;
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 15px;
  background-color: #fff;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
  display: block;
  padding: 15px;
  background-color: #fff;
}
.select-box__option:hover, .select-box__option:focus {
  color: #546c84;
  background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
#navbar { transition: top 0.2s ease-in-out;  -webkit-transition: background-color 0.2s ease-out;
}
.nav-up {
	
transition: background-color 300ms linear;
    background-color: rgba(255, 255, 255, 1	);
    border-bottom-color: rgba(205, 205, 205, 1);
    box-shadow: rgba(0, 0, 0, 0) 0px 40px 30px -14px inset;
    border-bottom: 1px solid #FFF;
	transition: top 0.5s ease-in-out;  -webkit-transition: background-color 0.5s ease-out;
	 top: 0px;
	 	box-shadow: 0 1px 1px rgba(0, 0, 0, .25);




}
 .nav-down{
transition: bottom 0.2s ease-in-out;  -webkit-transition: background-color 0.2s ease-out;
	 top: 0px;

}
.nav-up .article-icon-share, .nav-up  .article-icon-share-nagish ,.nav-up .back-icon ,.nav-up .react-parallax-content small {color:#006cff;transition: bottom 0.2s ease-in-out;  
-webkit-transition:color 0.2s ease-out;}
.blur {
 

}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect1 {
	    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
}
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.headerButtonDKM {
display: inline-block;
    height: 46px;
    width: 46px;
    position: absolute;
    left: 15px;
    top: -15px;
}
.firsLabelDKM {
  cursor: pointer;
  display: flex;
  margin: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.firsLabelDKM input[type="checkbox"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.firsLabelDKM input[type="checkbox"] ~ label {
  width: 80%;
  height: 80%;
  display: flex;
  background: #e5e5e5;
  border-radius: 50% !important;
  margin: 0;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: -9;
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"] ~ label span {
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"] ~ label span:nth-child(1) {
  width: 45%;
  height: 45%;
  display: block;
  background: #5f6368;
  border-radius: 50% !important;
  border: 2px solid #dadada;
  position: relative;
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"] ~ label span:nth-child(n + 2):nth-child(-n + 5) {
  height: 80%;
  width: 8%;
  display: block;
  position: absolute;
  background: #5f6368;
  z-index: -9;
  border-radius: 50% !important;
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"] ~ label span:nth-child(3) {
  transform: rotate(90deg);
}
.firsLabelDKM input[type="checkbox"] ~ label span:nth-child(4) {
  transform: rotate(45deg);
}
.firsLabelDKM input[type="checkbox"] ~ label span:nth-child(5) {
  transform: rotate(-45deg);
}
.firsLabelDKM input[type="checkbox"]:checked ~ label {
  background: #798996;
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"]:checked ~ label span {
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"]:checked ~ label span:nth-child(1) {
  background: #798996;
  height: 60%;
  width: 60%;
  box-shadow: inset 5px -5px 0px 2px #ffffff;
  border: 0;
  transition: all 0.5s;
}
.firsLabelDKM input[type="checkbox"]:checked ~ label span:nth-child(n + 2):nth-child(-n + 5) {
  height: 0%;
  width: 0%;
  transition: all 0.5s;
}
.firsLabelDKM.colored input[type="checkbox"] ~ label {
  background: radial-gradient(#3f51b5, #00bcd4);
}
.firsLabelDKM.colored input[type="checkbox"] ~ label span:nth-child(1) {
  border-color: #197ca9;
}
.firsLabelDKM.colored input[type="checkbox"] ~ label span:nth-child(1n + 1) {
  background: radial-gradient(#ffbf00, #ff9800);
}
.firsLabelDKM.colored input[type="checkbox"]:checked ~ label {
  background: #001280;
}
.firsLabelDKM.colored input[type="checkbox"]:checked ~ label span:nth-child(1) {
  background: radial-gradient(#000838, #00169c);
}
.nightmode {
	color:#fffbfb;
	background:#151e29;
	transition: bottom 0.2s ease-in-out;  -webkit-transition: background-color 0.2s ease-out;
}
.nightmode .regularitemsmall,  .collaborationitem,  .advertisingItem {
	    border-bottom: 1px solid #0f161f;

}
.nightmode .sectionFooter {
	   /* border-top: 1px solid #0f161f;*/

}
.nightmode .regularitemsmall>div small {
	   color:#fffbfb;

}

.nightmode .regularitemsmall>.body strong{
	color:#fffbfb;
}
.nightmode #overlay{
	background:#151e29;
}
.nightmode .section .hom_cat_bar {
    background-image: linear-gradient(to top, rgba(21,30,41,0) 0%, #182331);
    box-shadow: inset 0 40px 30px -14px rgba(21, 30, 41, .4);
}
.nightmode .regularitembigovertext::before{
    background-image: linear-gradient(to bottom, rgba(21,30,41,0) 60%, #182331 );
   
}

.nightmode .ticker-container {
		background:#1b2637;
	border-bottom: 1px solid rgba(27,38,55,0.5);

}.nightmode div.scrollmenu {
		background:#151e29;
	border-bottom: 1px solid rgba(27,38,55,0.5);

}.nightmode div.scrollmenu a {
		color:#1d8dee;

}
.nightmode div.scrollmenu a.active_now {
	color:#1d8dee;
    color: #FFF;
    border-bottom: 2px solid #4285f4;
}
.nightmode .header{
	background:#2b3643;
}
.nightmode .nav-down{
	background:#2b3643;
	box-shadow: 0px 0px 3px -1px black;
	border-bottom: 1px solid rgba(43,54,67,0.5);
}
.nightmode #top-story-title a {
	color:#fffbfb;
}
.nightmode #top-story-subtitle a{
	color:#c7c7cc;
}
.nightmode .top-story-date{
	color:#c7c7cc;
}
.nightmode h1 {
	color:#fffbfb;
}
.nightmode #artiheader h2 p{
	color:#c7c7cc;
}

.nightmode .copywriterimage {
	border:2px #666 solid;
}
.nightmode .crinfo {
	color:#f2f2f2;
}
.nightmode .crinfo small a {
	color:#1d8dee;
}
.nightmode .top-story-date a {
	color:#1d8dee;
}
.nightmode .section .hotnews .hotnewspost:nth-child(1) {
	background:#1b2637;
}
.nightmode .section .hotnews .hotnewspost:nth-child(2) {
	background:#151e29;
}
.nightmode .section .hotnews .hotnewspost:nth-child(3) {
	background:#1b2637;
}
.nightmode .section .hotnews .hotnewspost:nth-child(4) {
	background:#151e29;
}
.nightmode .section .hotnews .hotnewspost:nth-child(5) {
	background:#1b2637;
}
.nightmode .section .hotnews .hotnewspost:nth-child(6) {
	background:#151e29;
}
.nightmode .section .hotnews .hotnewspost:nth-child(7) {
	background:#1b2637;
}
.nightmode .section .hotnews .hotnewspost:nth-child(8) {
	background:#151e29;
}
.nightmode #related-articles h3 a {
	color:#1d8dee
}
.nightmode #related-articles a {
	color:#1d8dee
}
.nightmode .artiwrapper p {
	color:#c7c7cc
}
.article_body_con {    
display: inline-block;
    position: relative;
	}
	
	.nightmode .nav-up {
	transition: background-color 300ms linear;
    background-color: rgba(24, 35, 49, 0.9);
    box-shadow: rgba(0, 0, 0, 0) 0px 40px 30px -14px inset;
    border-bottom: 1px solid #333;
	 top: 0px;


	 
}
.nightmode .article-header-menu .nav-down{
border-bottom-color: hsla(0, 0%, 80%, 0);
    background-color: hsla(0, 0%, 100%, 0);
    box-shadow: inset 0 40px 30px -14px rgba(0, 0, 0, .4);
}
.nightmode .section .secoundry .hotnewspost .strip-text a.stitle{
		color:#fffbfb;

}
.section .secoundry .hotnewspost .strip-text a.ssdata{
		color:#fffbfb;
		display:none;

}

.nightmode .nav-up .weather-widget small{ color:#006cff}
.nightmode .nav-down .weather-widget small{ color:#e5e5e5}
.nightmode .nav-up svg{ fill:#006cff}
.nightmode .nav-down svg,.nightmode .icon-16{ fill:#a1a1a1}
 .nightmode .nav-down{
	 top: 0px;
	 transition: background-color 300ms linear;
}
.nightmode .article-header-menu#navbar .nav-down {
	border-bottom-color: hsla(0, 0%, 80%, 0);
    background-color: hsla(0, 0%, 100%, 0);
    box-shadow: inset 0 40px 30px -14px rgba(0, 0, 0, .4);
}
body.night {
  background-position: 100% 100%;
  color: #fff;
}
.toggle-box-label-left:empty {
  margin-left: -10px;
}
.toggle-box-label-left:before,.toggle-box-label-left:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /*transition*/
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  outline: none;
}
.toggle-box input[type=checkbox],
.toggle-box input[type=checkbox]:active {
  position: absolute;
  top: -5000px;
  height: 0;
  width: 0;
  opacity: 0;
  border: none;
  outline: none;
}
.toggle-box label {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  color: rgba(149, 149, 149, 0.51);
  font-weight: normal;
}
.toggle-box-label-left:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 34px;
  text-indent: 40px;
  height: 16px;
  width: 16px;
  margin: 4px;
  /*border-radius*/
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  right: 25px;
  bottom: 0px;
  background: #FFB200;
  transform: rotate(-45deg);
  box-shadow: 0 0 10px white;
}
.toggle-box-label-left:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 24px;
  /*border-radius*/
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.15);
  vertical-align: middle;
  margin: 0 10px;
  border: 2px solid #FFB200;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left:before {
  right: 17px;
  box-shadow: 5px 5px 0 0 #f7f7f7;
  background: transparent;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left:after {
  background: rgba(0, 0, 0, 0.15);
  border: 2px solid #f7f7f7;
}
.toggle-box input[type=checkbox] + .toggle-box-label-left {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left {
  color: rgba(149, 149, 149, 0.51);
  font-weight: normal;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left + .toggle-box-label {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold;
}
ody{
  font-family: "Roboto", "Tahoma", "Arial", sans-serif;,
}

.text-right{ text-align: right; }

.comments-app{
  margin: 0px auto;
  padding: 0 10px;
  width: 100%;
  padding-top:18px;
  padding-bottom:18px;
}



.comments-app h1{
  color: #191919;
  margin-bottom: 1.2em;
  text-align: center;
  width:100%;
  font-size:1.2em
}

.comment-form{  }
.comment-form .comment-avatar{  }

.comment-form .form{ margin-right: 55px; }

.comment-form .form .form-row{ margin-bottom: 10px; }
.comment-form .form .form-row:last-child{ margin-bottom: 0; }

.comment-form .form .input{
background-color: #f9f9f9;  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #222222;
  font-family: inherit;
  font-size: 14px;
  padding: 5px 10px;
  outline: none;
  width: 100%;
  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form textarea.input{
  height: 100px;
  padding: 15px;
  background-color: #f9f9f9;
}

.comment-form .form label{
  color: #222222;
  font-family: inherit;
  font-size: 14px;
}

.comment-form .form input[type=submit]{
  background-color: #cc0001;
  border: none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  cursor: pointer;
  display: block;
  margin-left: auto;
  outline: none;
  padding: 6px 15px;
width: 100%;
    text-align: CENTER;
  -webkit-transition: 350ms box-shadow;
  -moz-transition: 350ms box-shadow;
  -ms-transition: 350ms box-shadow;
  -o-transition: 350ms box-shadow;
  transition: 350ms box-shadow;
}

.comment-form .form .input:focus,
.comment-form .form input[type=submit]:focus,
.comment-form .form input[type=submit]:hover{
  box-shadow: 0 2px 6px rgba(121, 137, 148, .55);
}

.comment-form .form.ng-submitted .input.ng-invalid,
.comment-form .form .input.ng-dirty.ng-invalid{
  box-shadow: 0 2px 6px rgba(212, 47, 47, .55) !important;
}

.comment-form .form .input.disabled {
    background-color: #E8E8E8;
}


.comments{  }

.comment-form,
.comment{
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
}

.comment-form .comment-avatar,
.comment .comment-avatar{
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  height: 43px;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: 11px;
  width: 43px;
}

.comment-form .comment-avatar img,
.comment .comment-avatar img{
  display: block;
  height: auto;
  width: 100%;
}

.comment .comment-box{
  background-color: #f9f9f9;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  margin-right: 55px;
  min-height: 40px;
  position: relative;
  padding: 15px;
}

.comment .comment-box:before,
.comment .comment-box:after{
  border-width: 10px 0px 10px 10px;
  border-style: solid;
  border-color: transparent #f9f9f9;
  content: "";
  right: -9px;
  position: absolute;
  top: 20px;
}

.comment .comment-box:before{
  border-color: transparent rgba(0, 0, 0, .05);
   top: 22px;
}
.comment .comment-footer .comment-actions a{color:#006cff}
.comment .comment-footer .comment-author a{color:#757575}
.comment .comment-text{
  color: #222222;
  font-size: 15px;
  margin-bottom: 15px;
}

.comment .comment-footer{
  color: #acb4c2;
  font-size: 13px;
}

.comment .comment-footer:after{
  content: "";
  display: table;
  clear: both;
}

.comment .comment-footer a{
  text-decoration: none;
	font-weight:bold;
  -webkit-transition: 350ms color;
  -moz-transition: 350ms color;
  -ms-transition: 350ms color;
  -o-transition: 350ms color;
  transition: 350ms color;
}

.comment .comment-footer a:hover{
  color: #222222;
  text-decoration: underline;
}

.comment .comment-info{
  float: left;
  width: 85%;
}

.comment .comment-author{ }
.comment .comment-date{ }

.comment .comment-date:before{
  content: "|";
  margin: 0 10px;
}

.comment-actions{
  float: left;
  text-align: right;
  width: 15%;
}
.widget_div {
	position:relative;
	width:100%;
	display:inline-block;
	padding-bottom:15px;
	padding-top:25px;
	    border-bottom: 4px #f1f1f1 solid;
}
.widget_div .widget-title {
   background-color: #d8d8d8;
    width: 100%;
    text-align: center;
    min-height: 36px;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-top: 6px;
	background: rgb(2,0,36);
background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 100%);
}
.widget_div .widget-title strong {
    color: #ffffff;
    font: normal 2.7rem/3.2rem YonitBold;
    width: 80%;
    font-size: 18px;
    padding-top: 1px;
	display:inline-block;
	
}
.artiwrapper div img.static_icon {
	width: 28px  !important;
	height: 28px  !important;
    float: right;
    margin-top: 10px;
}
.comments_in_icon {
	width: 30px;
    display: inline;
    position: absolute;
    top: 29px;
	right:10px
	
}
.mt-30 {
  margin: 30px 0 0 0;
}

.row, .column {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.btn:not([disabled]) {
  cursor: pointer;
}

.poll-box {
  background: #f1f1f1;
  text-align: center;
  width:100%;
}
.poll-container {
  padding: 25px 30px;
  position: relative;
  width: 100%;
}
.poll-container.fullwidth{
	padding:0px;
}
.poll-question {
  width: 100%;
  color: #000;
  font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    padding-top: 24px;
}
.poll-panel.poll-voted {
  overflow: hidden;
  border-radius: 50px;
}
.poll-panel.poll-voted .poll-panel-btn.--user-choice {
  background-color: #f9f9f9;
  color: #000;
}
.poll-panel.poll-voted .poll-panel-btn.--user-choice:hover {
  color: #000;
  background: #757575;
}
.poll-panel.poll-voted .poll-panel-btn {

  border-radius: 0;
  margin: 0;
  border: 0;
  position: relative;
}
.poll-panel.poll-voted .poll-panel-btn:hover {
  color: #757575;
  background: #676464;
}
.poll-panel.poll-voted .poll-panel-btn:after {
  content: attr(data-result);
  font-size: 9px;
  display: block;
  opacity: 0.5;
  animation: slideWithFade 0.2s ease;
}
.poll-panel.poll-voted .poll-panel-btn:active {
  transform: inherit;
}
.poll-panel.poll-voted .poll-panel-btn span {
  display: block;
}
.poll-panel {
  width: 100%;
}.poll-panel.fullwidth {
  width: 100%;
  display:block;
  padding:0
}
.poll-panel-btn {
  padding: 7px 10px;
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  width: 100%;
  border-radius: 50px;
  border: 1px solid #006cff;
  margin: 0 20px;
    background: #F9F9F9;
  color: #006cff;
    transition: 0.15s cubic-bezier(0.17, 0.67, 0.79, 1.24);

}
.poll-panel-btn.withpictures {
	width:100%;
	display:inline-block;
	  margin: 1.5%;
	  font-size:1.2rem

	
}
.top-story-date span.tag_tax {
	padding:0 20px 0 20px;
	float:none;
	
}
.tag_tax {
  background: #0089e0;
  border-radius: 3px 0 0 3px;
  color: #FFF;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 20px 0 20px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag_tax::before {
   background: #FFF;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #0089e0;
  border-top: 10px solid transparent;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

.tag_tax::after {

   background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 4px;
  position: absolute;
  width: 6px;
  top: 6px;
}



.poll_option {
	width:30%;
	display:inline-block;
	  margin: 1.5%;
	  margin-bottom: 20px;
	  padding: 0px;
	  float:right;
}
.pollavatagr{
	border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    height: auto;
    right: 0;
    overflow: hidden;
    width: 90%;
	margin:5%;
}
.pollavatagr img {
	display: block;
    height: auto;
    width: 100%;
}
.poll-panel-btn:hover {
  background: #757575;
  color: #000;
}
.poll-panel-btn:active {
  transform: scale(0.95);
}

@keyframes slideWithFade {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
  }
}
.poll-block {
  width: 100%;
  margin: 0 auto;
  padding: 4px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  min-height: 220px;
}

.poll-block h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin: 4px 0 15px 0;
}

.poll-block ul {
	margin-top: 2px;
}

.poll-results-list {
  display: none;
}

.poll-block ul li {
	background: none;
	padding: 0 0px 10px 0;
}

.poll-block ul li input,
.poll-block ul li label {
	float: right;
}

.poll-block ul li label {
	width: 85%;
	margin-right:2%;
}

.poll-block ul li input {
	margin-right: 7px;
}

ul.poll-results-list {
	padding-top: 2px;
	padding-bottom: 1px;
}

ul.poll-results-list li {
	position: relative;
		padding: 0 35px 10px 0;

}

.percentage {
	font-weight: bold;
	display: none;
	position: absolute;
	right: 0;
	bottom: 17px;
}

.nul {
	width: 0;
}

.out-bar {
	background: #f8f8f8;
	height: 10px;
	position: relative;
	margin-top: 1px;
	margin-bottom: 2px;
}

.inner-bar,
.voted {
	background: #2697d3;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
::selection{
  color: #fff;
  background: #006cff;
}
.skill-bars{
  padding: 25px 30px;
  width: 90%;
  background: #fff;
  direction:ltr;
    padding: 25px 30px;
  
  background: #fff;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
  border-radius: 10px;
}
.skill-bars .bar{
  margin: 20px 0;
}
.skill-bars .bar:first-child{
  margin-top: 0px;
}
.skill-bars .bar .info_d{
  margin-bottom: 5px;
}
.skill-bars .bar .info_d span{
  font-weight: 500;
  font-size: 17px;
  opacity: 0;
  animation: showText 0.5s 1s linear forwards;
}
@keyframes showText {
  100%{
    opacity: 1;
  }
}
.skill-bars .bar .progress-line{
  height: 10px;
  width: 100%;
  background: #f0f0f0;
  position: relative;
  transform: scaleX(0);
  transform-origin: left;
  border-radius: 10px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05),
              0 1px rgba(255,255,255,0.8);
  animation: animate 1s cubic-bezier(1,0,0.5,1) forwards;
}
@keyframes animate {
  100%{
    transform: scaleX(1);
  }
}
.skill-bars .bar .progress-line span{
  height: 100%;
  position: absolute;
  border-radius: 10px;
  transform: scaleX(0);
  transform-origin: left;
  background: #006cff;
  animation: animate 1s 1s cubic-bezier(1,0,0.5,1) forwards;
}
.skill-bars .bar .progress-line.one span{
  width: 90%;
}
.skill-bars .bar .progress-line.tow span{
  width: 60%;
}
.skill-bars .bar .progress-line.three span{
  width: 85%;
}
.skill-bars .bar .progress-line.four span{
  width: 50%;
}
.skill-bars .bar .progress-line.five span{
  width: 75%;
}
.skill-bars .progress-line span::before{
  position: absolute;
  content: "";
  top: -10px;
  right: 0;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-color: #000;
  opacity: 0;
  animation: showText2 0.5s 1.5s linear forwards;
}
.skill-bars .progress-line span::after{
  position: absolute;
  top: -28px;
  right: 0;
  font-weight: 500;
  background: #000;
  color: #fff;
  padding: 1px 8px;
  font-size: 0.99em;
  border-radius: 3px;
  opacity: 0;
  animation: showText2 0.5s 1.5s linear forwards;
}
@keyframes showText2 {
  100%{
    opacity: 1;
  }
}
.skill-bars .progress-line.one span::after{
  content: "90%";
}
.skill-bars .progress-line.tow span::after{
  content: "60%";
}
.skill-bars .progress-line.three span::after{
  content: "85%";
}
.skill-bars .progress-line.four span::after{
  content: "50%";
}
.skill-bars .progress-line.five span::after{
  content: "75%";
}
/*sports start*/
.head_result {
	width:100%;
	align-items: center;
	padding-top:52px;
	position:relative;
	display:inline-block;
	background:#f9f9f9;
    transition: top 0.2s ease-in-out;
    top: 0px;
	margin-bottom:10px;
	border-top:var(--color-settings-border) 1px solid;
	border-bottom:var(--color-settings-border) 1px solid;
	
}
.sport {
	background:#f5f4f3;
}
.sport.nav-down {
	background:#FFF;
	box-shadow: none;
}
.sport.nav-up {
	box-shadow: none;
	background:#FFF;

}
.sport.nav-down .article-icon-share, .article-icon-share-nagish{
	color:#FFF;
}
.sport .back-icon{
		color:#a5a5a5;

}
.sport.nav-up .back-icon {
	color:#ca2828
}
.head_result h1 {
	 font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 32px;
	text-align:center;

}
.head_result h2 {
	 font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
	text-align:center;
	color:#9c9c9c
}
.head_result .result {
	WIDTH: 100%;
    display: inline-block;
    position: relative;
	margin-top:15px;
	    padding-bottom: 20px;
}
.head_result .result .block{
	WIDTH: 33%;
    display: flex;
    position: relative;
	float:left
}
.head_result .result .block .logoimage{
	width:60px;
	height:auto;
    display: inline-block;
    position: relative;
	margin: 0 auto
}
.head_result .result .block .team_name{
	width:100%;
	height:auto;
    display: inline-block;
    position: relative;
	margin: 0 auto;
	font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 32px;
	text-align:center;
}.head_result .result .block .score{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.head_result .result .block .logoimage img{
width:100%;
}
.head_result .result .block .score .top {
	font-size:25px;
}.head_result .result .block .score .match_events {
	color:#9c9c9c;
	
}
.head_result .tools {
	width:90%;
	margin:5%;
	border:1px #eee solid;
	border-radius:6px;
	background:#fbfbfb;
	display:none;
}
.match_events {
	background-color: #fff;
    min-height: 303px;
    z-index: 1;
    padding: 10px;
    position: relative;
    padding-top: 0px;
    display: inline-block;
    width: 100%;
	padding-top:15px;
	display: inline-block;
    padding-top: 15px;
}

.match_events:after {
  /*content: '';
  position: absolute;
  top: -46px;
  background: #fff;
  left: -22px;
  right: 0;
  height: 100px;
  transform: rotate(10deg);
  width: 337px;
  z-index: -1;*/
}

.match_events .title {
  margin-bottom: 20px;
}

.match_events .title h3 {
  font-size: 22px;
  margin-bottom: 5px;
}

.match_events .title small {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.match_events ul.tasks {
	width:50%;
	float:right;
	background:#e1243b;
}
.match_events ul.aft {
	float:left;
	margin-top:50px;
	background:#4cd964;
}
.match_events ul.tasks .task-title {
  font-size: 13px;
  display: inline-block;
}

.match_events ul.tasks .task-time {
  float: right;
  font-size: 10px;
  color: #888;
}

.match_events ul.tasks .task-cat {
  font-size: 10px;
  display: block;
  color: #888;
}

.match_events ul.tasks li {
  margin-bottom: 16px;
  position: relative;
  z-index: 8;
  display:block
}

.match_events ul.tasks li:after {
  content: '';
  position: absolute;
  left: -18px;
  top: 8px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.match_events ul.aft li:after {
  content: '';
  position: absolute;
  right: -18px;
  top: 8px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

.match_events ul.tasks li.red:after {
  background: #FF3163;
}

.match_events ul.tasks li.green:after {
  background: #54D6C7;
}

.match_events ul.tasks li.yellow:after {
  background: #EAB429;
}

.match_events ul.aft::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #000;
  left: 50%;
  top: 75px;
}

.match_events ul li.hang {
  margin-bottom: 48px;
}

.match_events ul li.hang img {
  float: left;
  height: 20ox;
  width: 20px;
  border-radius: 50%;
  margin-right: 8px;
}

.widget-match-key-events .event {
    position: relative;
}

.widget-match-key-events .event-text .text-wrapper {
    padding: 0 6px;
}
.widget-match-key-events .event-time {
    display: block;
    line-height: 16px;
}	
.widget-match-key-events .event-text-additional, .widget-match-key-events .event-time {
    font-size: 12px;
}
.widget-match-key-events .event-text-additional, .widget-match-key-events .event-time {
    color: #a2aaad;
}
.widget-match-key-events .event-text-main {
    font-size: 14px;
    color: #081f2c;
}
.widget-match-key-events .event-text-additional, .widget-match-key-events .event-text-main, .widget-match-key-events .event-time {
    display: block;
    line-height: 16px;
}
.widget-match-key-events .event-text-additional, .widget-match-key-events .event-time {
    font-size: 12px;
}
.widget-match-key-events .event-icon {
    z-index: 2;
    text-align: center;
    top: 50%;
    position: absolute;
    width: 100%;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.widget-match-key-events .event-icon .match-event-score {
    display: block;
    font-size: 12px;
    letter-spacing: .04em;
    line-height: 19px;
    white-space: nowrap;
    height: 19px;
    font-weight: 400;
}
.widget-match-key-events .event-text.team-away {
    left: 50%;
    text-align: left;
    padding-left: 18px;
}
.widget-match-key-events .event-text-additional, .widget-match-key-events .event-time {
    color: #a2aaad;
}
.clearfix:after, .clearfix:before {
    clear: both;
    content: "";
    display: table;
}
home {
    display: block;
    visibility: visible;
}

.widget-match-key-events .event-icon {
    z-index: 2;
    text-align: center;
    top: 50%;
    position: absolute;
    width: 100%;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.widget-match-key-events .event-text .wrapper {
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.widget-match-key-events .event-text.team-home .wrapper {
    border-left: 1px solid #d0d6d5;
}
.widget-match-key-events .event-text.team-away .wrapper {
    border-right: 1px solid #d0d6d5;
}


.widget-match-key-events .event-text.team-away {
    right: 50%;
    text-align: right;
    padding-right: 18px;
}
.widget-match-key-events .event-text.team-home {
    left: 0;
    text-align: left;
    padding-left: 18px;
}
.widget-match-key-events .event-text {
    width: 50%;
    position: relative;
}
.sport .event .elepsed {
display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 30px;
    text-align: right;
    font-weight: 600;
}
.sport .event .event_symbol {
	display: table-cell;
    vertical-align: middle;
	height:100%;
   width: auto;
}

.sport .event .sport_texts {
    display: table-cell;
    vertical-align: middle;
	margin-right:15px;
	padding-right:15px;
	line-height: 1.4;

}
.sport .event.second {

    color: rgba(0,0,0,0.87);
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 5px;
    min-height: 32px;	
    text-align: left;


}
.sport .event.second .elepsed {
    text-align: left;

	float:left
}
.sport .event.second .event_symbol {
	display: table-cell;
    vertical-align: middle;
	height:100%;
	width: 16px;
	float:left

}
.sport .event.second .sport_texts {
display: table-cell;
    vertical-align: middle;
    margin-left: 15px;
    padding-left: 15px;
    line-height: 1.4;
	float:left;
	height:100%

}
.event_symbol{
}
.sporticon{
    width: 22px;
	
}
.dbld {
	width:16px;
	margin:0;
	padding:0;
	display: table-cell;
	height:16px;
	float:right;

}
.inlined_icon  {
    float: right;
    width: 16px;
	height:100%;
	display: table-cell;
    vertical-align: middle;
}


.sport .event.subst {padding-bottom:2px}


:root {
  --color-text-primary: #1c2a38;
  --color-text-secondary: #8A8F98;
  --color-text-alert: #d72641;
  --color-text-icon: #dbdade;
  --color-bg-primary: #fff;
  --color-bg-secondary: #f3f5f9;
  --color-bg-alert: #fdeaec;
  --color-theme-primary: #623ce6;
}
.match {
  background-color: var(--color-bg-primary);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
width:100%;
  border-radius: 10px;
  box-shadow: 0 0 2px 0 rgba(48, 48, 48, 0.1), 0 4px 4px 0 rgba(48, 48, 48, 0.1);
}

.match-header {
  display: -webkit-box;
  display: flex;
  border-bottom: 2px solid rgba(48, 48, 48, 0.1);
  padding: 16px;
}
div.scrollmenu a.active_now {

	
	color: #4285f4;
    border-bottom: 2px solid #4285f4;
}/*
.active_now:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FB445A;
  border-radius: 50%;
  
}*/
.match-status {
  background-color: var(--color-bg-alert);
  color: var(--color-text-alert);
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1;
  margin-right: auto;
}
.match-status a {
 font-weight: 600;
  font-size: 14px;	
    color: #FFF;

}
.match-status:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: currentColor;
  border-radius: 50%;
  margin-left:5px;
}
.h1design {
 /* background-color: var(--color-settings-bg);*/
  color: var(--blue-flat2-bg);
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 19px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1;
  margin-right: auto;
  width:50%;
  float:right
}
.h1design a {
 font-weight: 600;
  font-size: 14px;	
    color: #FFF;

}
.h1design:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: currentColor;
  border-radius: 50%;
  margin-left:5px;
  color:var(--color-forth)
}

.dropdown {
  display: inline-block;
  position: relative;
  float:left;
  width:35%;
}

.dd-button {
    background-color: var(--color-settings-bg);
    color: var(--blue-flat2-bg);
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.5;
    margin-right: auto;
    width: 100%;
    float: left;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--blue-flat2-bg);
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
  z-index:3;
  left:0;
      min-width: 100%;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.8;
    font-weight: 600;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
  color:#006cff
}

.dd-menu li.divider{
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.match-tournament {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-weight: 600;
}
.match-tournament img {
  width: 20px;
  margin-right: 12px;
}

.match-actions {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}
.section .hom_cat_bar .match-status {
	position: absolute;
    top: 14px;
    right: 11px;
	color:#006cff;
	background:none;
  background-color: var(--red-flat-bg-category);
  color: var(--red-flat-text-category);}
.section .hom_cat_bar .match-status:before {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: currentColor;
    border-radius: 50%;
    margin-left: 8px;
	
}
.section .hom_cat_bar .match-status-live {
  background-color: var(--color-bg-alert);
  color: var(--color-text-alert);
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1;
  margin-right: auto;
	width:auto;
    top: 14px;
    right: 11px;
	position:absolute
  }
.section .hom_cat_bar .match-status-live:before {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: currentColor;
    border-radius: 50%;
    margin-left: 8px;
	
}
.fixed  {
  height: 55px !important;
  position: fixed;
  top: 0;
  z-index: 3;
  transition: top .3s;
}
#related-articles {
clear: both;
margin: 0
}

#related-articles h3 {
font-size: 0.9em;
margin: 0.5em 0;
padding: 0;
text-align:center;
display:inline-block;
margin-bottom:0
}
#related-articles h3 a {
	color:#000;
	font-weight:500;
	display:inline-block;
	float:right;
	margin-top:5px;
	
}

.related_under_article {
	
}
.post_defualt{
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);margin-bottom:12px;
    position: relative;
    display:inline-block;
    border-radius: 5px;
    -webkit-transform: translateY(0);
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);box-sizing: border-box;    background-color: #fff;    border: 0;
	min-height:250px
}
.post_defualt img {width:100%;}
.post_defualt .date {width:96%;margin:2%;display:inline-block;color:#747378;font-size:0.8rem;margin-top:0}
.post_defualt .title {font-size:1rem;margin-bottom:0  ; font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    padding-top: 24px;}
.post_defualt .post_head {
	color:#006cff;
	display:inline-block;
	width:100%;
	float:right;
}
.post_defualt .post_head h4 {
	color:#006cff;
	float:right;
	padding:8px;
	font-weight:800;
	margin:6px;
	font-size:1.2rem;margin-bottom:0  ; font-weight: 500;
}
.post_defualt .post_head img {
	width:20%;height:auto;float:left;margin-top:6px;margin-left:10px;
	
}

/* cell number */
.related-cell:before {
  display: block;
  text-align: center;
  content: counter(related-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.loader {
  height: 40px;
  width: 250px;
  position: relative;
margin:0 auto;  direction:ltr;
}
.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}
.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}
.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

#related-articles li {
background: none;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1em;
    margin-bottom: 15px;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

#related-articles a {
color: #006cff;
    font-weight: 500;
    font-size: 12px;
}
.related_inline {
	padding-top:0;
	margin-bottom:0;
	margin-top:0;
	padding-top: 0;
    margin-top: 0;
    padding-right: 8%;
}
.related_inline a {
	color:#006cff;
	font-weight:500
}
.section .hom_cat_bar .back-icon {color:var(--color-bg-secondary);margin-top:14px}
.section .hom_cat_bar {
display: block;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
    border: 0;
    transition: top 0.2s ease-in-out;
    top: 0px;
    z-index: 1;
    position: absolute;
    opacity: 1;
	background: linear-gradient(to top, rgba(12,12,0,0) 30%, #0c0c0c );
	}
	.section .hom_cat_bar.free {
		height:55px;
		background:none;
	}
.section .hom_cat_bar.nav-down {
    transition: bottom 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-out;
    top: 0px;
	position:absolute;
} .section .hom_cat_bar.nav-up {
    transition: bottom 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-out;
    top: 0px;
	position:absolute;
	transition: background-color 300ms linear;
    background-color: rgba(255, 255, 255, 1 );
    border-bottom-color: rgba(205, 205, 205, 1);
    box-shadow: rgba(0, 0, 0, 0) 0px 40px 30px -14px inset;
    border-bottom: 1px solid #FFF;
    transition: top 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-out;
    top: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
} 

.btn-icon {
  border: 0;
  background-color: transparent;
  color: var(--color-text-icon);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.match-content {
  display: -webkit-box;
  display: flex;
  position: relative;
}

.column {
  padding: 32px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: calc(100% / 3);
}

.team {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.team-logo {
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  box-shadow: 0 4px 4px 0 rgba(48, 48, 48, 0.15), 0 0 0 15px var(--color-bg-secondary);
}
.team-logo img {
  width: 50px;
}

.team-name {
  text-align: center;
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
}

.match-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.match-date, .match-referee {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.match-date strong, .match-referee strong {
  color: var(--color-text-primary);
}

.match-score {
  margin-top: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.match-score-number {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
.match-score-number--leading {
  color: var(--color-theme-primary);
}

.match-score-divider {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-text-icon);
  margin-left: 10px;
  margin-right: 10px;
}

.match-time-lapsed {
  color: #DF9443;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

.match-referee {
  margin-top: 12px;
}

.match-bet-options {
  display: -webkit-box;
  display: flex;
  margin-top: 8px;
  padding-bottom: 12px;
}

.match-bet-option {
  margin-left: 4px;
  margin-right: 4px;
  border: 1px solid var(--color-text-icon);
  background-color: #F9f9f9;
  border-radius: 2px;
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 600;
  padding: 4px 8px;
}

.match-bet-place {
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 0;
  background-color: var(--color-theme-primary);
  border-radius: 6px;
  padding: 10px 48px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  box-shadow: 0 4px 8px 0 rgba(48, 48, 48, 0.25);
}
button,
input,
select,
textarea {
	font: inherit;
}
.g_container {
  position: relative;
 
  width: 96%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
		  z-index:11;
		  direction:ltr;
		  margin:2%
}
#navbar .match-status {
	position:relative;
	display:flex;
	float:right;
	margin-right:9px;
	margin-top: 8px;
}
#navbar .match-status:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: currentColor;
  border-radius: 50%;
  margin-left: 8px;
}

.leage_name_header {
	color: rgba(0,0,0,0.87);
    font-weight: 400;
    font-size: 13px;
	position:relative;
	display:inline-block;
	float:right;
	margin: 0 auto 
}
.leage_name_header img {
	width:20px;
	float:right;
	position:absolute;
	right:0;
	top:0;
		
	margin-top: 11px;margin:0;padding:0;
}
.leage_name_header h1 {
	color: rgba(0,0,0,0.87);
    font-weight: 400;
    font-size: 13px;	
	padding-right:30px;
	padding-top:5px;
	}
.more-tables {
    color: #006cff !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background: #FFF !important;
}