body {
    direction: rtl;
    padding: 0;
    margin: 0;
    width: 320px;
    height: 100%;
    font-size: 14px;
    background: url('http://euro2016.ynet.co.il/m/img/bg-image.png') #003F63 no-repeat top right;
    background-size: 320px;
}

a {text-decoration: none;}

.bx-wrapper .bx-viewport{direction: ltr;}
.templates {display: none;}

.container {width: 320px; height: 100%; margin-top: 96px;}
.container .container-inner {margin-bottom: 70px; padding: 0 5px;  -webkit-overflow-scrolling: touch;}

.story {width: 100%; margin-bottom: 10px;}
.story ul {list-style-type: none; padding: 0; margin: 0; width: 100%; overflow: hidden; white-space: nowrap;}
.story ul li {list-style: none; display: inline-block;}
.story ul li img {width: 100%;}
.story .title {font-size: 16px; font-weight: 700; color: #000;}
.story .subtitle {width: 100%; color: #000; font-size: 12px; line-height: 14px; max-height: 30px; overflow: hidden;}


.gallery {width: 100%; margin-bottom: 10px;}
.gallery ul {list-style-type: none; padding: 0; margin: 0; width: 100%; white-space: nowrap; overflow: hidden;}
.gallery ul li {list-style: none; display: inline-block; width: 100%;}
.gallery ul li img {width: 100%; display: block;}
.gallery .subtitle {background-color: #000; color: #fff; padding: 5px; text-align: right; font-size: 12px; direction: rtl; white-space: normal;}


.video {width: 100%; margin-bottom: 10px;}
.video .bx-viewport {overflow: visible !important;}
.video .content {overflow: hidden;}
.video ul {list-style-type: none; padding: 0; margin: 0; width: 100%; white-space: nowrap;}
.video ul.long .title {height: 38px;}    
.video ul li {list-style: none; width: 140px; display: inline-block; position: relative;}
.video ul li .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-size: 50px; background-repeat: no-repeat; background-position: center 15px;}
.video ul li .bg.show {background-image: url(../images/video_play.png);}
.video ul li img {width: 100%; display: block;}
.video .title {background-color: #000; color: #fff; padding: 2px 5px; text-align: right; font-size: 12px; direction: rtl; white-space: normal;}    
    
.strip {width: 100%; margin-bottom: 10px;}
.strip ul {list-style-type: none; padding: 0; margin: 0; width: 100%;}
.strip ul li {list-style: none; overflow: hidden; height: 59px; margin-bottom: 5px;}
.strip ul li.blue {background: #003365;}
.strip ul li.red {background: red;}
.strip ul li.long .left .title {}
.strip ul li img {width: 106px; float: right;}
.strip .left {overflow: hidden;}
.strip .left .title {color: #fff; font-size: 14px; font-weight: 600; padding: 5px 5px 0 5px;}
.strip .left .subtitle {color: #fff; padding: 0 5px; font-size: 11px;}


.ordering {width: 100%; margin-bottom: 10px;}
.ordering ul {list-style-type: none; padding: 0; margin: 0; width: 100%;}
.ordering ul li {list-style: none; margin-bottom: 5px; height: 62px;}
.ordering ul li img {width: 100px; float: right;}
.ordering .left {overflow: hidden;}
.ordering .left .title {color: #000; font-size: 12px; font-weight: 600; padding: 0 5px;}
.ordering .left .subtitle {color: #000; padding: 0 5px; font-size: 12px; line-height: 14px;}
.ordering .left .date {color: #ccc; padding: 0 5px; font-size: 10px;}

.trajectory {color: #fff; margin-bottom: 5px;}
.trajectory.left {text-align: left;}
.trajectory.blue {background-color: #003366;}
.trajectory.red {background-color: #c1000b;}
.trajectory.gray {background-color: rgba(214, 216, 217, 0.69);}
.trajectory span {padding: 3px 10px; font-weight: 700; font-size: 14px; display: inline-block;}
.trajectory a span {color: #fff;}
.trajectory a span.blue {color: #003366;}

.image {width: 100%; margin-bottom: 10px;}
.image img {width: 100%;}