.top-stories{padding:0 5%;width:90%;}
.top-stories .container .text .item .title a,
.top-stories .container .text .item p{
word-wrap: break-word;
word-break: keep-all;
}

@keyframes kenburns {
    0% { transform: scale(1.5) }
    to { transform: scale(1) }
}
.vegas-animation-kenburnsDownLeft { animation: kenburnsDownLeft ease-out }
@keyframes kenburnsDownLeft {
    0% { transform: scale(1.5) translate(10%, -10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsDownRight { animation: kenburnsDownRight ease-out }
@keyframes kenburnsDownRight {
    0% { transform: scale(1.5) translate(-10%, -10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsDown { animation: kenburnsDown ease-out }
@keyframes kenburnsDown {
    0% { transform: scale(1.5) translateY(-10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsLeft { animation: kenburnsLeft ease-out }
@keyframes kenburnsLeft {
    0% { transform: scale(1.5) translate(10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsRight { animation: kenburnsRight ease-out }
@keyframes kenburnsRight {
    0% { transform: scale(1.5) translate(-10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsUpLeft { animation: kenburnsUpLeft ease-out }
@keyframes kenburnsUpLeft {
    0% { transform: scale(1.5) translate(10%, 10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsUpRight { animation: kenburnsUpRight ease-out }
@keyframes kenburnsUpRight {
    0% { transform: scale(1.5) translate(-10%, 10%) }
    to { transform: scale(1) translate(0) }
}
.vegas-animation-kenburnsUp { animation: kenburnsUp ease-out }
@keyframes kenburnsUp {
    0% { transform: scale(1.5) translateY(10%) }
    to { transform: scale(1) translate(0) }
}
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translateZ(0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0) }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.no-js .owl-carousel { display: block }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut {
    0% { opacity: 1 }
    to { opacity: 0 }
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { transform: scale(1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.header { background-color: transparent }
.header .container { position: relative; z-index: 100 }
.header .nav { z-index: 100 }
.header .nav .news { background-color: rgba(27, 70, 115, .7) }
.page-wrap { background-color: #f9f9f9 }
.top-stories { width: 90%; height: 400px; background-color: #0099cc; overflow: hidden; position: relative }
.top-stories .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.top-stories .background .number { width: 130px; position: absolute; bottom: 45px; left: 50%; margin-left: -276px; color: #fff; font-size: 14px }
.top-stories .background .number .index { float: left }
.top-stories .background .number .total { float: right; opacity: .6 }
.top-stories .background .vegas-timer { top: auto; bottom: 40px; height: 2px; width: 80px; left: 50%; margin-left: -252px; background-color: hsla(0, 0%, 100%, .2) }
.top-stories .container { position: relative; z-index: 1; padding-bottom: 50px;width:100%; }
.top-stories .container .photos { width: 60%; padding-bottom: 30%; background-color: #0099cc; box-shadow: 8px 6px 10px rgba(0, 0, 0, .5); position: relative }
.top-stories .container .photos .inner { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden }
.top-stories .container .photos .inner img { width: 100%; height: 100% }
.top-stories .container .text { width: 45%; position: absolute; z-index: 1; right: 0; bottom: -30px; background-color: #f7f7f7; height: 300px }
.top-stories .container .text .item { padding: 30px }
.top-stories .container .text .item .top { font-size: 24px; color: #04418b; font-weight: 700 }
.top-stories .container .text .item .title { padding-top: 5px; padding-bottom: 5px; line-height: 1 }
.top-stories .container .text .item .title a { font-size: 24px; color: #333; font-weight: 500; }
.top-stories .container .text .item p { color: #333; font-size: 12px ;padding-top: 10px;line-height:18px;}
.top-stories .container .text .item .view { margin-top: 10px; font-weight: 700; color: #008cd6; font-size: 16px; display: inline-block; padding: 8px 20px; border: 1px solid #008cd6;border-radius: 5px; }
.top-stories .container .text .item .view:hover { background-color: #008cd6; color: #fff }
.top-stories .container .arrow { width: 30px; height: 56px; background-position: 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -10px; opacity: .2; cursor: pointer }
.top-stories .container .arrow.left { background-image: url(arr-left-w.png); left: -40px }
.top-stories .container .arrow.right { background-image: url(arr-right-w.png); right: -40px }
.top-stories .container .arrow:hover { opacity: 1 }

@media screen and (max-width:800px) {
    .top-stories { margin-top: 0px; height: 393px;padding: 0; }
    .top-stories .background { height: 100% !important; }
    .top-stories .container { padding: 10px 40px 10px 40px; display: flex; align-items: stretch; }
    .top-stories .background .number, .top-stories .background .vegas-timer { display: none; }
    .top-stories .container .photos { width: 70% !important; padding-bottom: 0;box-shadow: none }
    .top-stories .container .photos .inner div { height: 100%; }
    .top-stories .container .photos .owl-carousel .owl-item div { display: flex; justify-content: center; align-items: center; }
    .top-stories .container .text { position: inherit; right: 0; width: 50%; height: 245px; }
    .top-stories .container .text .item .top { font-size: 22px; }
    .top-stories .container .text .item .title { padding-top: 20px; padding-bottom: 20px; }
    .top-stories .container .text .item .title a { font-size: 20px;line-height:1.2 }
    .top-stories .container .text .item .view { margin-top: 5px; }
    .top-stories .container .text .item p { display: none; }
    .top-stories .container .arrow { top: 53%; margin-top: 0; opacity: .5; z-index: 1; width: 16px; height: 36px; }
    .top-stories .container .arrow.left { left: 10px; }
    .top-stories .container .arrow.right { right: 10px; }
}
@media screen and (max-width:500px) {
    #headline{padding-top:0}
    .top-stories { width: 100%;}
    .owl-carousel .owl-stage-outer{background-color: #f0f0f0;}
    .top-stories { height: auto; background-color: #fff; }
    .top-stories .background { background-color: #0099cc; }
    .top-stories .container { display: block; padding: 10px 20px 20px; }
    .top-stories .container .photos { width: 100%; padding-bottom: 50%; }
    .top-stories .container .text { width: 100%; height: auto; }
    .top-stories .container .text .item { padding: 25px; }
    .top-stories .container .text .item .view { margin-top: 20px; }
    .top-stories .container .text .item p { display: block; }
    .top-stories .container .arrow { top: 10px; height: 0; padding-bottom: 64.5%; background-position: center; }
    .top-stories .container .arrow.left { left: 30px; }
    .top-stories .container .arrow.right { right: 30px; }
    .top-stories .owl-item p{display:none !important;height:0;}
    .top-stories .container .text{bottom:0;}
}
