.section-right:nth-child(1){
    float:right;
}


@media (min-width:992px){
.section-right:nth-child(1) .right-most{
    position: absolute;
    padding-right: 10px;
}
}

@media (max-width:1199px) and (min-width:992px){
.section-right ul.list-unstyled.cbwidget-list {
    font-size: .8em;
}
}
.section-right:nth-child(2), .section-right:nth-child(3){
float:left;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #000;
    margin-bottom:20px;
}

.video-container .scalable-video .video-wrapper video {
    width: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*.img-container{ 
    background-color: lightgray;
} */   
.embed-container{
    width: 100%;
    position: relative;
    padding-bottom: 58.25%;
    height: 0;
    overflow: hidden;
}

div.vplay:hover .play-btn {
    background: url("../img/play-btn.png") no-repeat scroll 0 -27px transparent;
    z-index: 888
}

.videos.cbwidget-section.cbborder,
.cbwidget-section.cbborder.program-videos,
.ece_incoming.cbwidget-section.cbborder {
    display: inline-block;
    width: 100%;
    position: relative
}

.cbwidget-section.cbborder.teaser-section .teaser .media-body,
.videos.cbwidget-section.cbborder .media-body,
.cbwidget-section.cbborder.program-videos .media-body,
.ece_incoming.cbwidget-section.cbborder .media-body {
    padding-left: 30px
}

.overlay-wrapper.news-alert h2 {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
}

.overlay-wrapper.news-alert {
    top: 0;
    bottom: unset;
    opacity: 1;
    background: #c00;
}

@media(max-width: 1024px){
    .overlay-wrapper.news-alert h2  {
        font-size: 25px;
        padding-left: 10px;
    }
}

@media (max-width: 768px){
    .overlay-wrapper.news-alert h2 {
        font-size: 20px;
        padding-left: 5px;
    }
}
@media (min-width: 601px){
.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:9999;
  
}
}

.bg-light{
    background-color: lightgray;
}
.play-btn {
    bottom: 3px;
    left: 5px
}

.play-area {
    width: 35px;
    height: 35px
}

.breadcrumb {
    background-color: inherit;
    padding-left: 0
}

.breadcrumb li a {
    font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: .8em;
    text-transform: uppercase
}

/*Magnolia Teaser Big
.widget-text {
    margin-top: 15px
}*/

h2.bold-widget-text {
    color: #020204;
    font-size: 1.1875em
}

.article-sidebar-section {
    padding-top: 10px
}

.article-sidebar-section.last {
    margin-bottom: 20px
}

.widget.list {
    margin: 0 0 15px 0
}

.widget.list h4.title {
    font-size: 1em;
    line-height: 1.2em;
    padding: 22px 0
}

.widget.list .title-white {
    color: #fffffd;
    margin: 15px 0
}

blockquote.quote-full {
    margin: 0
}

.carousel-header {
    background-color: #1a1a1a
}

.carousel-header span.at_flat_counter {
    display: none
}

.carousel-header .addThisShare {
    margin-top: 7px
}

.article-mainheader {
    padding-top: 0
}

.breadcrumb {
    margin-bottom: 0
}

.section-related-top {
    padding-bottom: 30px
}

.search-result {
    margin-top: 10px
}

.marginTop10px {
    margin-top: 10px
}

.marginTop20 {
    margin-top: 20px
}

.search-result .results .media {
    padding-top: 10px;
    border-top: 1px solid #d8d8d8
}

.search-result .results .media.first {
    padding-top: 0;
    border-top: 0
}

.search-pagination {
    text-align: center
}

.search-pagination .pagination>li>a {
    background-color: #bfbfbf
}

.search-pagination .pagination>li>a {
    color: #0b0b0b!important
}

.search-pagination .pagination>li>a:focus,
.search-pagination .pagination>li>a:hover,
.search-pagination .pagination>.active>span,
.search-pagination .pagination>.active>span:focus,
.search-pagination .pagination>.active>span:hover {
    background-color: #0b0b0b!important
}

.search-pagination .pagination>.active>span,
.search-pagination .pagination>.active>span:focus,
.search-pagination .pagination>.active>span:hover {
    border-color: #bfbfbf
}

.search-pagination .pagination>li>a:focus,
.search-pagination .pagination>li>a:hover {
    color: #fff!important
}

.search-pagination .pagination li span.noLink {
    background: none repeat scroll 0 0 #bfbfbf;
    color: #0b0b0b;
    cursor: default
}

.special {
    margin-top: 10px
}

.special .article-title-area {
    margin-bottom: 10px
}

.special .article-maincontent-p a {
    color: #006582
}

.httpPlayer.video-wrapper {
    display: block;
    width: 100%
}

#videocontent {
    width: 100%;
    max-width: 760px
}

.videoFlow {
    margin-bottom: 10px
}

.video-js {
    padding-top: 56.25%;
    box-shadow: 0 0 2em #bfbfbf;
    background-color: black
}

.vjs-fullscreen {
    padding-top: 0
}

.videos-top-area ul.cbwidget-list li a {
    color: #f2f2f2;
    font-size: .8em;
    line-height: 1em
}

.small-font,
h2.small-font {
    font-size: 1em
}

.extra-small-font,
h2.extra-small-font {
    font-size: 14px
}

.black-font,
h2.black-font,
h2.black-font a,
p.black-font, 
h3.black-font {
    color: #262626
}

.white-font,
h2.white-font,
h2.white-font a,
p.white-font {
    color: #fafafa
}

span.lead-title-white {
    position: relative;
    padding: 0 30px 0 11px;
    z-index: 1000;
    background: unset;
    color: #262626
}

h2.cpmedium-lead span.brand-border-gray {
    padding: 1px;
    width: 100%;
    top: 44px;
    left: 10px;
    margin-left: 10px;
    position: absolute;
    border-bottom: 2px solid gray;
    border-top: 2px solid gray
}

h4.extra-minwidget-title {
    font-size: 1em;
    line-height: 1.2em;
    padding: 10px 0;
    font-family: inherit
}

.minwidget-title-black {
    color: black
}

.no-margin {
    margin: 0
}

.article-maincontent-p a {
    color: #006598!important
}

.inline-top {
    margin: 0 0 10px
}

.inline-left {
    margin: 0 10px 0 0
}

.inline-right {
    margin: 0 0 0 10px
}

.row.carousel-header {
    margin: 0
}

.row.carousel-header .col-sm-9 {
    padding-left: 0
}

.row.carousel-header .col-sm-3 {
    padding-right: 0
}

.carousel.default .item .row .col-sm-4 h2,
.carousel.default .item .row .col-sm-4 p.sub-heading,
.carousel.default .item .row .col-sm-4 .slider-text {
    padding-right: 20px
}

.comments.default {
    margin: 20px 0
}

.btn-comments {
    background-color: #bfbfbf;
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #0b0b0b
}

.btn-comments:hover {
    color: #fff;
    font-weight: bold
}

button.btn-comments::-moz-focus-inner {
    border: 0;
    outline: 0
}

.custom-search-input form .form-control {
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: 16px
}

.custom-search-input form .form-control::-moz-placeholder {
    color: #fff
}

.navbar {
    border-bottom: 0 none!important
}

.owl-pagination img {
    height: 67%;
    padding: 1px!important;
    max-height: 62px;
    object-fit: cover;
}

.article-maincontent-p h2 {
    font-size: 1.3em
}

.article-maincontent-p p {
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    margin: 0 0 20px
}

.article-maincontent-p ul li {
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.article-maincontent-p p strong {
    font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.article-maincontent-p ul {
    margin: 0 0 20px 20px
}

.carousel-header .cp-topheader {
    padding-left: 2px
}

.picture-caption h4,
.carousel-caption h4 {
    font-weight: 300;
    font-size: .86em;
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    margin: 10px 0 20px
}

.margin-bottom-15 {
    margin-bottom: 15px!important
}

.margin-bottom-10 {
    margin-bottom: 10px!important
}

.margin-bottom-5 {
    margin-bottom: 5px!important
}

.margin-bottom-0 {
    margin-bottom: 0!important
}

.margin-top-0 {
    margin-top: 0!important
}

.margin-top-5 {
    margin-top: 5px!important
}

.margin-top-10 {
    margin-top: 10px!important
}

.margin-top-15 {
    margin-top: 15px!important
}

.margin-top-0 {
    margin-top: 0!important
}

.margin-right-10 {
    margin-right: 10px
}

.padding-top-5 {
    padding-top: 5px!important
}

.padding-top-10 {
    padding-top: 10px!important
}

.padding-top-15 {
    padding-top: 15px!important
}

.padding-bottom-5 {
    padding-bottom: 5px!important
}

.padding-bottom-10 {
    padding-bottom: 10px!important
}

.padding-bottom-15 {
    padding-bottom: 15px!important
}

.padding-right-10 {
    padding-right: 10px!important
}

.padding-left-11 {
    padding-left: 11px!important
}

.tag-result {
    margin-top: 10px
}

.tag-result .media {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted
}


.tag-result .img-container.picture {
    margin-right: 25px
}

.tag-result .media .media-body .widget-text {
    margin-top: 0
}

.tag-result .media .media-body .widget-text h4.title {
    margin-bottom: 5px
}

.article-tags {
    margin: 0 0 20px
}

.article-tags .label {
    background-color: #f1f1f1;
    border-radius: 0;
    color: #0b0b0b;
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: 1em
}

.article-tags a.label:hover {
    color: #fff!important
}

.article-ad-bottom {
    margin-top: 5px
}

h2.font-sm {
    font-size: 1em!important
}

h2.font-md {
    font-size: 1.3em!important
}

h2.font-lg {
    font-size: 1.5em!important
}

.list.detail .row .col-xs-7.text {
    padding-left: 0
}

h3.article-cpmedium-lead span.article-brand-border-red {
    border-bottom: 2px solid #c00;
    border-top: 2px solid #c00;
    left: 0;
    padding: 1px;
    position: absolute;
    top: 21px;
    width: 95%
}

.widget.ad.ad_rect.script.cp-banner:first-child:after,
.widget.ad.text-center.ad_rect:first-child:after {
    content: "Advertisement";
    text-align: center;
    color: #737373;
    font-size: 1em;
    font-weight: 400;
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    opacity: .5;
    filter: alpha(opacity=50);
    zoom: 1
}

.widget.ad_rect.fixed_width:first-child:after {
    margin-left: 30%
}

.carousel-control .icon-next::before,
.carousel-control .icon-prev::before {
    content: none
}

.error-container {
    padding: 1.5em 0 .3em;
    text-align: center
}

.error-container h1.error_headline {
    font-family: CNN, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 1.07692;
    color: #262626
}

.search-result .widget.ad.cp-banner {
    margin-top: 0
}

.tag-result .widget.ad.cp-banner {
    margin-top: 10px
}

ul.article-navigation .article-count {
    font-size: 1.2em
}

.dateLine {
    position: relative
}

@media(min-width:768px) {
    .dateIcon {
        background: url("../img/icon_ui_timestamp 15x15.png") no-repeat transparent;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 3px;
        bottom: 0
    }
}

@media(max-width:767px) {
    .dateIcon {
        background: url("../img/icon_ui_timestamp 15x15.png") no-repeat transparent;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 1.5px;
        bottom: 0
    }
}

@media(max-width:727px) {
.ad.leaderboard{
    display:none;
}    
}

p.dateString.no-icon {
    margin-left: unset;
}

p.dateString {
    color: #777;
    margin-left: 20px;
    font-size: 1em
}

.article-toptitle.listStory-subTitle h3 {
    font-size: 1.5em
}

.teaser .meta p.leadtext {
    color: #777
}

.channel .cbcontainer h1 {
    margin-bottom: 3px
}

.channel .cbwidget {
    margin-top: 50px
}

.program-related .slider-text,
.channel span.lead-title-black {
    padding-left: 0
}

.program-related .glyphicon {
    top: 3px
}

.channel .col-md-8 {
    padding-left: 0
}

.channel .col-md-4 {
    padding-right: 0
}

.media-body.tv-schdl-text {
    padding-left: 10px!important
}

p.cpbold-header {
    color: #f2f2f2;
    font-family: inherit
}

.feature-top .feature-content {
    margin-bottom: 0!important
}

span.inline-caption {
    color: #777;
    font-size: .8em
}

span.inline-caption.inline-right {
    float: right;
    width: 50%
}

span.inline-caption.inline-left {
    float: left;
    width: 50%
}

.youtube-inline {
    margin-bottom: 20px
}

blockquote.twitter-tweet {
    background-image: none;
    padding: 10px 20px
}

.article-tags .list-inline>li {
    margin-bottom: .6em
}

.flowplayer {
    background-size: cover!important
}

.top-minus-5 {
    position: relative;
    top: -5px!important;
    margin-top: 0!important
}

.top-minus-10 {
    position: relative;
    top: -10px!important;
    margin-top: 0!important
}

.top-minus-15 {
    position: relative;
    top: -15px!important;
    margin-top: 0!important
}

.top-minus-20 {
    position: relative;
    top: -20px!important;
    margin-top: 0!important
}

.top-minus-25 {
    position: relative;
    top: -25px!important;
    margin-top: 0!important
}

.top-minus-30 {
    position: relative;
    top: -30px!important;
    margin-top: 0!important
}

.font-medium {
    font-size: 1.3em;
    margin-top: 0!important
}

.height-75 {
    height: 75px!important;
}

@media screen and (max-device-width:480px) and (orientation:portrait) {
    .padding-left-0 {
        padding-left: 0
    }
    .xs-text-align-left {
        text-align: left!important
    }
    .carousel-header .cp-topheader,
    h3.subhead-lead,
    h3.subhead-brand,
    .widget.list.headline,
    .xs-special .col-xs-7.text {
        text-align: left
    }
    h2.cpmedium-header,
    .cpmedium-header,
    .sub-heading,
    .slider-text,
    .widget-text {
        text-align: left
    }
    .cbwidget-section.cbborder.teaser-section .teaser .media-body,
    .videos.cbwidget-section.cbborder .media-body,
    .cbwidget-section.cbborder.program-videos .media-body,
    .ece_incoming.cbwidget-section.cbborder .media-body {
        padding-left: 10px
    }
    .widget-text {
        margin-top: 5px
    }
    h3.subhead-lead {
        font-size: 1.5em!important
    }
    ul.cbwidget-list li a {
        font-size: 1.3em!important
    }
    .font-size-1_1px {
        font-size: 1.1em!important
    }
    .font-size-1_3px {
        font-size: 1.3em!important
    }
    .font-size-1_5px {
        font-size: 1.5em!important
    }
    .mobile-fonts h3.current-head a {
        font-size: 1.3em!important
    }
    .custom-search-input form .form-control {
        font-size: 1em
    }
    .xs-padding-bottom-5 {
        padding-bottom: 5px!important
    }
}

@media screen and (max-device-width:667px) and (orientation:landscape) {
    .padding-left-0 {
        padding-left: 0
    }
    .xs-special .col-xs-5 {
        width: 31.6667%
    }
    .xs-special .col-xs-5.image {
        text-align: left!important
    }
    .xs-special .col-xs-7 {
        width: 68.3333%
    }
    .xs-text-align-left {
        text-align: left!important
    }
    .carousel-header .cp-topheader,
    h3.subhead-lead,
    h3.subhead-brand,
    .widget.list.headline,
    .xs-special .col-xs-7.text {
        text-align: left
    }
    h2.cpmedium-header,
    .cpmedium-header,
    .sub-heading,
    .slider-text,
    .widget-text {
        text-align: left
    }
    .cbwidget-section.cbborder.teaser-section .teaser .media-body,
    .videos.cbwidget-section.cbborder .media-body,
    .cbwidget-section.cbborder.program-videos .media-body,
    .ece_incoming.cbwidget-section.cbborder .media-body {
        padding-left: 10px
    }
    .widget-text {
        margin-top: 5px
    }
    h3.subhead-lead {
        font-size: 1.5em!important
    }
    .font-size-1_1px {
        font-size: 1.1em!important
    }
    .font-size-1_3px {
        font-size: 1.3em!important
    }
    .font-size-1_5px {
        font-size: 1.5em!important
    }
    ul.cbwidget-list li a {
        font-size: 1.3em!important
    }
    .mobile-fonts h3.current-head a {
        font-size: 1.3em!important
    }
    .custom-search-input form .form-control {
        font-size: 1em
    }
    .xs-padding-bottom-5 {
        padding-bottom: 5px!important
    }
}

.related-investigative .article-title-area,
.related-investigative h2 span.article-title-black {
    background: inherit
}

.related-investigative h2 {
    color: #fff;
    padding: 0 0 10px
}

.related-investigative h2 span.article-title-black {
    padding-left: 0;
    padding-top: 0
}

.related-investigative .textColorWhite ul.cbwidget-list li a,
.related-investigative .textColorWhite {
    color: #fff
}

.investigative-article-related-stories {
    background: #f1f1f1;
    padding: 0 10px
}

.container-fluid .body-padding-div {
    padding-top: 70px;
    background: #0b0b0b none repeat scroll 0 0;
    margin-right: -15px;
    margin-left: -15px;
}

.container-fluid .body-padding-div.body-scroll {
    padding-top: 70px
}

@media(max-width:748px) {
    .container-fluid .body-padding-div {
        padding-top: 100px
    }
}

@media(min-width:1200px) {
    .mainheader-scroll .mainheader_logo.mainheader-l {
        width: 70px!important;
        float: left;
    }
    .mainheader-scroll .mainheader_logo.mainheader-r {
        height: 70px!important;
        width: 1070px!important;
        float: left;
    }
    .mainheader-scroll #top-search-area {
        margin-top: 0!important;
    }
    .mainheader-scroll .custom-search-input {
        margin-top: 3px!important;
        margin-right: 2px!important;
    }
    .mainheader-scroll nav.navbar {
        width: 1070px!important;
    }
    .mainheader-scroll div#topNavbar {
        width: 100%;
        max-width: 1070px!important;
    }
    .mainheader-scroll svg.at-icon {
        width: 24px!important;
        height: 24px!important;
    }
    .mainheader-scroll span.at-icon-wrapper {
        line-height: 24px!important;
        height: 24px!important;
        width: 24px!important;
    }
}


@media(min-width:768px) and (max-width:1199px) {
    .mainheader-scroll .mainheader_logo.mainheader-l {
        width: 70px!important
    }
    .mainheader-scroll .mainheader_logo.mainheader-r {
        height: 110px!important
    }
    .mainheader-scroll #top-search-area {
        margin-top: 0!important
    }
    .mainheader-scroll .custom-search-input {
        margin-top: 0!important;
        margin-right: 2px!important
    }
}

@media(max-width:767px) {
    
    .mainheader-scroll .mainheader_logo.mainheader-l {
        /*width: 100px!important*/
    }
    .mainheader-scroll .mainheader_logo.mainheader-r {
        /*height: 100px!important*/
    }
   
}

.author-byline p {
    color: #777;
    margin: 0 0 5px
}

.author-byline a {
    color: #337ab7
}

a.carousel-author,
a.carousel-author:hover,
a.carousel-author:visited {
    color: #337ab7!important
}

.margin-top-40 {
    margin-top: 40px
}

.nav>li>a {
    padding-left: 17px;
    padding-right: 17px
}

.list.noLink ul.cbwidget-list li {
    color: #fff
}

.widget-header-label-area {
    background-color: lightgrey
}

.header-branding {
    background-color: #006400;
    color: #FFF
}

.widget-text-branding {
    margin-top: 10px;
    background-color: #d8f6ce
}

.article-branding-title {
    font-size: 1.3em!important;
    font-weight: bold;
    margin-top: 10px
}

.article-branding-title,
.article-branding-leadtext,
.article-branding-body {
    color: #000!important;
    margin-left: 10px;
    margin-right: 10px
}

.article-branding-body {
    margin-top: 10px
}

.votes .section-title {
    margin-top: 10px
}

.votes .margin10 {
    margin-left: 10px;
    margin-right: 10px
}

.votes .margin30 {
    margin-left: 30px;
    margin-right: 30px
}

.votes .margin50 {
    margin-left: 50px;
    margin-right: 50px
}

.votes .section-title h1.cp-topheader {
    color: #000
}

.votes .custom-navbar>li>a:focus,
.votes .custom-navbar>li>a:hover,
.votes .custom-navbar>li.active>a,
.votes ul.custom-navbar {
    background: 0;
    text-transform: uppercase
}

.votes .nav.custom-navbar li {
    margin-right: 20px
}

.votes .nav.custom-navbar li.active {
    text-decoration: underline
}

.votes ul.cbwidget-list li {
    border-bottom: 1px solid #7f7f7f!important;
    border-top: 0!important;
    padding: 10px 0
}

.votes ul.cbwidget-list li a {
    color: #fff!important;
    line-height: 1em!important
}

span.lead-title-black-votes {
    position: relative;
    z-index: 1000;
    padding: 0 30px 0 11px;
    background: #1a1a1a
}

h2.cpmedium-lead span.brand-border-white {
    padding: 1px;
    width: 100%;
    top: 44px;
    left: 0;
    margin-left: 0;
    position: absolute;
    border-bottom: 3px solid white;
    border-top: 3px solid white
}

h3.subhead-lead-votes {
    color: #f8f7f3;
    background: #0080ff;
    padding-right: 10px;
    padding-bottom: 11px;
    width: 100%
}

.special-teaser-img {
    position: relative;
    overflow: hidden;
    background-color: #262626
}

.special-teaser-img .img-container {
    margin-right: 10px
}

.special-teaser-img .title {
    font-size: 1.5em!important;
    color: #fff
}

.special-teaser-img .leadtext {
    color: #fff
}

.overlay-wrapper {
    position: absolute;
    bottom: 0;
    background: #000;
    opacity: .8;
    padding-left: 10px;
    filter: alpha(opacity=60);
    width: 100%
}

.overlay-wrapper .widget-text {
    margin-top: 0!important
}

.overlay-wrapper h1,
.overlay-wrapper h2 {
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 10px;
    font-weight: bold
}

.teaser {
    position: relative
}

.overlay-wrapper p.cp-medium {
    font-size: 1.3em!important
}

/*Scrollable container*/
.vertical-scroll-container  .teasers{
    padding-left: 3%;
    padding: 3%;
    
}

.vertical-scroll-container {
    max-height: 548px;
   /* overflow-y: scroll*/;  
    margin: auto; 
    margin-bottom: 30px;
    
}
.vertical-scroll-container.dark{
    background-color: #1a1a1a;
}

.vertical-scroll-container  .teaser.img-container {
    padding-bottom: 3%;
}

.article-scroll{
    width: 100%;
 }

 @media(min-width:769px) {
    .article-scroll .left-hand{
       float: left;
       padding-right: 10px;
    }
    .article-scroll .right-hand{
       float: right;
       padding-left: 10px;
    }
    .scroll-teaser {
       width: 50%;
    }
 }
@media(max-width:767px) {
    .overlay-wrapper .cpmedium-header {
        padding-left: 0!important
    }
}

.list-horizontal-title-area h2.widget-label {
    color: #000;
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: 1.687em;
    margin: 0;
    padding: 30px 0 20px;
    position: relative
}

.list-horizontal-title-area h2.widget-label span.lead-title-black-votes {
    background-color: #fff;
    padding: 0 30px 0 0;
    position: relative;
    z-index: 1000
}

.list-horizontal-title-area h2.widget-label span.brand-border-black {
    border-bottom: 3px solid black;
    border-top: 3px solid black;
    left: 0;
    margin-left: 0;
    padding: 1px;
    position: absolute;
    top: 44px;
    width: 100%
}

.votes ul.nav.navbar-nav.custom-navbar li {
    font-size: 1.1em
}

.votes .horizontal-title {
    padding-top: 5px
}

@media only screen and (max-device-width:640px),
only screen and (max-device-width:667px),
only screen and (max-width:480px) {
    ul.cbwidget-list li a {
        font-size: 1.3em!important
    }
}

.header-area.cnnlife {
    background: #fff none repeat scroll 0 0
}

.overlay-right.overlay-wrapper {
    top: 0;
    bottom: inherit;
    width: 25%;
    height: 100%;
    right: 0;
    padding: 20px;
    background-color: #000
}

.overlay-right.overlay-wrapper .black-font,
.overlay-right.overlay-wrapper h2.black-font,
.overlay-right.overlay-wrapper h2.black-font a {
    color: #fff;
    font-size: 1.5em
}

.overlay-right.overlay-wrapper p.byline,
.overlay-right.overlay-wrapper p.author {
    color: #fff;
    font-size: 1.0em;
    margin-top: 10px
}

.overlay-right.overlay-wrapper p.black-font {
    color: #fff
}

.overlay-right.overlay-wrapper p.overlay-medium.black-font {
    font-size: 1em
}

.teaser-top,  .teaser-bottom{
    width: 100%
}

.teaser-top p.kicker {
    width: 50%;
    float: left;
    color: #0d9ca6;
    text-transform: uppercase;
    font-size: .8em
}

.teaser-bottom p.kicker {
    width: 100%;
    float: left;
    color: #bdbdbd;
    text-transform: uppercase;
    font-size: 14px;
}

p.row-num {
    font-family: cnn-bold;
    font-size: 2em;
    color: #ddd;
    line-height: 1.0;
}

p.list-title a {
    font-family: cnn-bold;
    line-height: 0.5em!important;
    font-size: 0.9em!important;
}

.cnnlife ul.cbwidget-list li {
    border-top: none;
    padding: 5px 0;
}

.teaser-top .timestamp {
    width: 50%;
    float: right;
    text-align: right
}

.vertical-divider {
    border-left: 1px solid #bdbdbd;
    margin-left: -15px;
    padding-left: 15px;
    margin-bottom: -15px;
}

h3.subhead-lead.life-feature-title {
    background: none;
    color: gray;
    padding-left: 0;
    font-size: 1.5em;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
}

.cnn-life-teaser .widget-text {
    margin-top: 0
}

.cnn-life-teaser .widget-text .teaser-title {
    font-size: 1.3em;
    font-weight: bold
}

.cnn-life-teaser .widget-text p.author {
    font-size: 1.0em
}

.cnn-life-teaser .widget-text p.leadtext {
    font-size: 1.1em
}

.top-banner-area.gray {
    background-color: #f3f2f1
}

.columnist h3.current-head {
    color: #000;
    text-align: center;
    font-weight: bold;
    padding-top: 0
}

.columnist p.byline {
    font-size: .8em
}

.columnist p.byline,
.columnist p.leadtext {
    color: #000;
    text-align: center
}

.columnist p.leadtext {
    margin-top: 5px;
    font-size: .7em
}

.list.detail a.contentHomeSection,
.columnist a.contentHomeSection {
    color: #0d9ca6;
    text-align: center;
    font-size: .8em;
    text-transform: uppercase
}

.columnist .cbwidget-section {
    text-align: center
}

.cnn-life-lateststory .article-title-area {
    background-color: #f3f2f1;
    margin-bottom: 5px
}

.cnn-life-lateststory h3.article-cpmedium-lead {
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px
}

.cnn-life-lateststory span.article-title-black {
    background-color: #f3f2f1;
    padding: 5px 11px 4px 8px
}

.cnn-life-lateststory h3.article-cpmedium-lead span.article-brand-border-red {
    display: none
}

.list.detail ul.cbwidget-list li:first-child {
    border-top: 0
}

.cnn-life-list .article-sidebarcommon-style p {
    float: left
}

.border-right-dotted {
    border-right: 1px dotted
}

.menu-black-background #topNavbar,
.menu-black-background .custom-navbar>li>a:focus,
.menu-black-background .custom-navbar>li>a:hover,
.menu-black-background .custom-navbar>li.active>a,
.menu-black-background .custom-navbar>li>a {
    background-color: #0b0b0b;
    text-transform: uppercase
}

.menu-black-background #topNavbar,
.menu-black-background .custom-navbar>li>a {
    color: #fff
}

.cnn-life-lateststory .widget-text {
    margin-top: 0
}

.cbwidget.cnnlife {
    margin-bottom: 30px
}

.cbwidget.cnnlife .leadtext {
    font-family: cnn-light, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    font-size: .8em
}

.picture.default.captionCover {
    position: relative
}

.picture.default.captionCover .story-byline,
.picture.default.captionCover .story-title,
.picture.default.captionCover .page-label {
    position: absolute;
    z-index: 100;
    color: #fff
}

.picture.default.captionCover .page-label {
    top: 10%;
    left: 10%;
    text-transform: uppercase
}

.picture.default.captionCover .page-label h3 {
    padding-left: 0;
    font-size: 1em
}

.picture.default.captionCover .story-title {
    top: 15%;
    left: 10%;
    width: 40%;
    font-weight: bold
}

.picture.default.captionCover .story-title h2 {
    font-size: 40px
}

.picture.default.captionCover .story-byline p {
    font-size: .8em
}

.picture.default.captionCover .story-byline {
    bottom: 25%;
    left: 40%;
    font-size: 1.5em
}

.cnn-life-lateststory h6.article-cpmedium-lead.jk-relative {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 6px
}

.header-area.cnnlife #mainheader .navbar-toggle {
    bottom: 45px
}

.header-area.cnnlife .navbar-toggle .icon-bar {
    background: #000 none repeat scroll 0 0
}

h1.cnn-life-header-label {
    font-family: cnn-life-head, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.cnn-life-list .article-sidebarcommon-style p.byline {
    width: 100%;
    font-size: .9em
}

.cnn-life-list .article-sidebarcommon-style p.leadtext {
    font-size: .8em
}

.cnn-life-lateststory h6 a.homeSectionLabel {
    text-transform: uppercase
}

.cnn-life-lateststory p.leadtext {
    font-size: .8em
}

.cnn-life-body blockquote {
    background-image: none;
    color: #006975;
    font-weight: bold;
    font-size: 1.5em
}

.cnn-life-body blockquote.quote-full {
    padding-top: 40px
}

.cnn-life.story-byline {
    margin-top: 10px
}

.cnn-life-teaser p.kicker a {
    text-transform: uppercase
}

.cnn-life-lateststory h6 a.homeSectionLabel {
    color: #0d9ca6
}

.cnn-life-list .article-sidebarcommon-style p.timestamp {
    font-size: .8em
}

.cnn-life-list .article-sidebarcommon-style p.list-title {
    width: 100%
}

@media(max-width:767px) {
    p.cover-story-teaser-leadtext {
        display: none
    }
    .media-body.overlay-right.cover-story-overlay.overlay-wrapper h6.title,
    .media-body.overlay-right.cover-story-overlay.overlay-wrapper p.cover-story-kicker,
    .media-body.overlay-right.cover-story-overlay.overlay-wrapper p.byline {
        text-align: left
    }
    .cbwidget.cnnlife {
        text-align: left
    }
    .list.detail.cnn-life-list .col-xs-8.text {
        text-align: left
    }
    .list.detail a.contentHomeSection,
    .columnist a.contentHomeSection {
        font-size: .8em!important
    }
    .cnn-life-body blockquote {
        width: 100%!important
    }
}

@media(max-width:550px) {
    .picture.default.captionCover .story-title h2 {
        font-size: 30px
    }
    .picture.default.captionCover .story-title h2 {
        top: 20%;
        width: 50%
    }
}

@media(max-width:420px) {
    .picture.default.captionCover .story-title h2 {
        font-size: 20px
    }
    .cnn-life-list .text,
    .cnn-life-list .image,
    .cnn-life-list .image img {
        width: 100%
    }
    .cnn-life-list .image {
        margin-bottom: 10px
    }
}

@media(max-width:400px) {
    .media-body.overlay-right.cover-story-overlay.overlay-wrapper p.cover-story-kicker {
        font-size: 14px
    }
    .overlay-right.overlay-wrapper {
        padding: 10px
    }
}

.inline-gallery {
    padding: 20px;
    border: 1px solid #0d9ca6;
    margin-bottom: 20px;
    cursor: pointer
}

.inline-gallery,
.inline-gallery-row {
    width: 100%;
    float: left
}

.inline-gallery .inline-gallery-picture-item {
    width: 25%;
    float: left;
    padding: 5px
}

.inline-gallery .inline-gallery-picture-item.row-first {
    padding-left: 0
}

.inline-gallery .inline-gallery-picture-item.row-last {
    padding-right: 0
}

.inline-gallery .inline-gallery-text {
    color: #0d9ca6;
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin: 10px 0 20px
}

.slideshow-article.carousel.inline-gallery {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: none;
    border-right: 0;
    padding-left: 0;
    padding-right: 0
}

.slideshow-article.carousel.inline-gallery .gallery-header {
    font-style: normal;
    color: #dcdcdc;
    font-size: 1em;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8
}

.slideshow-article.carousel.inline-gallery .carousel-control {
    background: 0;
    opacity: 1
}

.slideshow-article.carousel.inline-gallery .icon-prev,
.slideshow-article.carousel.inline-gallery .icon-next {
    display: block;
    width: 80px;
    height: 80px;
    padding: 20px;
    background: #333
}

.slideshow-article.carousel.inline-gallery .icon-prev {
    left: 30px
}

.slideshow-article.carousel.inline-gallery .icon-next {
    right: 30px
}

.slideshow-article.carousel.inline-gallery .gallery-counter,
.slideshow-article.carousel.inline-gallery .inline-gallery-text {
    color: #333;
    font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.slideshow-article.carousel.inline-gallery .inline-gallery-text {
    float: none;
    font-size: 1em
}

.slideshow-article.carousel.inline-gallery .inline-gallery-picture-item {
    width: 100%
}

.slideshow-article.carousel.inline-gallery .inline-gallery-picture {
    margin: 0 auto
}

.life-article .mfp-container {
    background: #FFF
}

.life-article .mfp-title,
.life-article .mfp-counter {
    color: #333
}

.life-article .mfp-close {
    color: #999!important
}

.picture-num-update {
    height: 0;
    display: block
}

.center-align {
    text-align: center
}

.cnn-life-section-header {
    font-size: 30px;
    margin: 30px 0 20px;
    font-weight: bold
}

.carousel-slideshow .row .col-sm-8 {
    padding-right: 0
}

.carousel-slideshow .row .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
    height: 477px
}

.carousel-slideshow .row .col-sm-4 .picture-caption {
    border-bottom: 1px dotted;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    height: 119px;
    margin-bottom: 0;
    padding-top: 10px
}

.carousel-slideshow .row .col-sm-4 .picture-caption.caption3 {
    border-bottom: 0
}

.carousel-slideshow .picture-caption span {
    display: block;
    width: 100%
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
    font-size: 12px
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author {
    font-size: 12px
}

.carousel-slideshow .row .col-sm-4 .picture-caption.caption0 {
    padding-top: 10px;
    padding-bottom: 5px
}

.carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker {
    color: #19697a
}

.article-maincontent-p.cnn-life-body {
    font-size: 1.0em
}

.article-maincontent-p h3{
    padding: 10px 0 8px 0px;
}

@media(min-width:992px) and (max-width:1199px) {
    .carousel-slideshow .row .col-sm-4 {
        height: 394px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        height: 98px;
        padding-bottom: 5px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption span {
        padding-bottom: 4px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
        font-size: 10px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker {
        font-size: 10px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
        font-size: 14px;
        line-height: 1
    }
}

@media(min-width:768px) and (max-width:991px) {
    .carousel-slideshow .row .col-sm-4 {
        height: 303px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        height: 75px;
        padding-bottom: 5px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption span {
        padding-bottom: 3px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
        font-size: 8px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker {
        font-size: 8px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
        font-size: 10px;
        line-height: 1
    }
}

@media(min-width:500px) and (max-width:767px) {
    .carousel-slideshow .row .col-sm-4 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        height: 90px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        width: 25%;
        float: left;
        padding-left: 10px;
        height: 90px
    }
    .carousel-slideshow .row .col-sm-8 {
        padding-left: 10px;
        padding-right: 10px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
        font-size: 10px;
        line-height: 1;
        margin-bottom: 10px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author {
        display: none
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
        font-size: 12px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        border-bottom: 0;
        border-right: 1px dotted
    }
}

@media(min-width:401px) and (max-width:499px) {
    .carousel-slideshow .row .col-sm-4 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        height: 90px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        width: 25%;
        float: left;
        padding-left: 10px;
        height: 100%;
        margin-bottom: 0
    }
    .carousel-slideshow .row .col-sm-8 {
        padding-left: 10px;
        padding-right: 10px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
        font-size: 8px;
        line-height: 1;
        margin-bottom: 5px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author {
        display: none
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
        font-size: 10px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        border-bottom: 0;
        border-right: 1px dotted
    }
}
@media(max-width:425px) {
.article-maincontent-p.cnn-life-body {
    font-size: 1.3em
}
}
@media(max-width:400px) {
    .carousel-slideshow .row .col-sm-4 {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        height: 90px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        width: 25%;
        float: left;
        padding-left: 10px;
        height: 100%;
        margin-bottom: 0
    }
    .carousel-slideshow .row .col-sm-8 {
        padding-left: 10px;
        padding-right: 10px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date {
        font-size: 8px;
        line-height: 1;
        margin-bottom: 5px
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-date,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-kicker,
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-author {
        display: none
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption .slideshow-picture-title {
        font-size: 10px;
        line-height: 1
    }
    .carousel-slideshow .row .col-sm-4 .picture-caption {
        border-bottom: 0;
        border-right: 1px dotted
    }
}

.carousel-slideshow .row .col-sm-4 {
    background-color: #f5f4f3
}

.carousel-slideshow .row .col-sm-4 .picture-caption.active {
    background-color: #b0b0b0
}

.dashed-border-hr {
    margin: 10px 0 10px 0!important;
    border-top: 1px dashed #8c8b8b;
    width: 66.66%
}

.subhead-lead-life-top-stories {
    background-color: #bec1c1;
    padding: 0 0 0 10px!important;
    margin-bottom: 15px
}

.subhead-lead-life-related-stories {
    background-color: #19697a;
    padding: 0 0 0 10px!important;
    color: #fff
}

.life-date-time .content-mainimg-time {
    padding-top: 10px;
    float: right
}

.font-bold h2 {
    font-weight: bold!important
}

.life-top-stories ul.cbwidget-list li {
    border-top: none!important;
    padding: 0!important
}

.life-top-stories .list-unstyled {
    list-style: initial!important;
    margin-left: 30px
}

.background-black {
    background: #000
}

.life-article-top-ad {
    margin-top: -100px!important
}

.cnn-life-section-list {
    border-right: 1px dashed
}

.cnn-life-section-columnist .article-title-area,
.cnn-life-section-list .article-title-area {
    background: 0
}

.cnn-life-section-columnist h3.article-cpmedium-lead,
.cnn-life-section-list h3.article-cpmedium-lead {
    color: #000;
    text-align: center
}

.cnn-life-section-columnist h3.article-cpmedium-lead span.article-title-black,
.cnn-life-section-list h3.article-cpmedium-lead span.article-title-black {
    background: 0;
    font-weight: bold
}

.cnn-life-section-columnist h3.article-cpmedium-lead span.article-brand-border-red,
.cnn-life-section-list h3.article-cpmedium-lead span.article-brand-border-red {
    display: none
}

.cnn-life-section-list .teaser-top .timestamp {
    width: 100%;
    text-align: left;
    float: left
}

.cnn-life-section-list .article-sidebarcommon-style p,
.cnn-life-section-list .article-sidebarcommon-style li {
    margin-bottom: 0
}

.cnn-life-section-list .article-sidebarcommon-style li {
    width: 85%
}

.cnn-life-section-list p.timestamp,
.cnn-life-section-list p.list-kicker,
.cnn-life-section-list p.byline {
    font-size: 12px
}

.cnn-life-section-list p {
    color: #000
}

.cnn-life-section-list ul.cbwidget-list li p.list-kicker a {
    color: #19697a
}

.cnn-life-section-list p.list-kicker,
.cnn-life-section-list p.list-title,
.cnn-life-section-list p.byline {
    font-weight: bold
}

.cnn-life-section-list ul.cbwidget-list li p.list-title a {
    line-height: 1;
    font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.cnn-life-section-columnist .list.detail a.contentHomeSection,
.cnn-life-section-columnist .columnist a.contentHomeSection {
    color: #19697a
}

/*New Life*/

/*Full-width Image Teaser*/
.full-width a.btn {
    white-space: normal;
    text-align: left;
}

.full-width h1{
    padding-top: 0!important;
}

.full-width .cbcontainer {
    width: unset;
}

.full-width .col-xs-12 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.full-width .overlay-text {
    width: 600px;
    text-align: left;
    bottom: 10%;
    
}


.full-width .carousel-inner>.item>img, .full-width .carousel-inner>.item>a>img {
    width: 100%;
    max-height: 910px;
    object-fit: cover;
}

.thin-border-top{
    border-top: 1px solid gray;
}


.life .mainheader-l {
    width: 225px;
    float: left;
}
.life .mainheader_logo.mainheader-r {
    height: 70px;
    width: 75%;
}
.life .mainheader-r .navbar{
    margin-bottom: 15px;
    right: 0;
    /*background: #0a0a0a;*/
    opacity: 0.90;
}
.life .body-padding-div {
    padding-top: 70px!important;
}
.header-area {
    width: 100%;
    height: 70px;
}
.life .navbar-header-top {
    width: 70px;
}
.life .logo-txt{
    margin: -10px 15px;
    font-weight: 1000;
    font-size: 2.8em;
}
.life div#topNavbar {
    background: none;
}
.life ul.custom-navbar {
    background: #0b0b0b;
    float:right;
}
.life ul.custom-navbar li a {
    color: #fffcfc;
}
.life #topNavbar {
    width: 100%;
    
}
.life ul li a, .life  ul, .life li{
    font-size: 1.13em;
}
.life .nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}


/*Black Theme*/ 
.cover-story.border-black img.media-object {
    border: 75px solid black;
}
/*END Black*/

/*White Theme*/
.cover-story.border-white img.media-object {
    border: 75px solid white;
}
.cover-story.border-white .cnn-life-teaser {
    color: white;
    background-color: black;
}
.cover-story.border-white h4.subhead-lead {
    color: white;
}
/*END White*/

/*life Recent News*/
.life-recent h3.subhead-lead {
    background: none;
    color: gray;
    padding-left: 0;
    font-weight: bolder;
    font-size: 1.5em;
}

.life-recent .cbwidget-list, .life-recent ul li a, .life-recent ul, .life-recent li {
    font-size: 1.07em!important;
    font-weight: bold;
    font-family: cnn-bold;
}
/* life youtube */
.life-youtube .cbcontainer > .row {
    margin-right: 0;
    margin-left: 0;
    background-color: black;
}
.life-youtube .teaser.col-sm-8.pull-right {
    padding: 40px;
}

/*life Cover Story*/
.cover-story .teaser {
    padding-right: 0;
    padding-left: 0;
}
.cover-story .cnn-life-teaser {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    padding-left: 0;
    padding-right: 0;
    margin: 15px 0;
}
.cover-story .teaser-title {
    font-size: 3em!important;
    font-family: cnn-bold;
}

@media (max-width:767px){
    .cover-story .article-text {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
    }
    .life-youtube .teaser.col-sm-8.pull-right {
        width:100%;
        padding: 0;
        padding-top: 15px;
    }
    .life-youtube .col-sm-4.pull-right {
        width: 100%;
    }
    .full-width .overlay-text {
        width: 85%;
       }
}
@media (min-width:1200px){
    .cover-story .cbcontainer{
        width: 1140px;
    }
}
@media (min-width:768px){
    .life .row.in {
        margin-right: 0;
        margin-left: 0;
    }
    .cover-story .teaser-bottom {
        padding-top: 25%;
    }
    .cover-story .article-text {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 30px;
    }
}
/**/
.padding-left-11.paddingBottom10Border .widget-text {
    padding-bottom: 10px;
    border-bottom: 1px solid #7f7f7f!important
}

.full-width {
    overflow: hidden
}

.full-width .full-width-body .cnn-life-cover-story-txt,
.full-width .full-width-body .content-main-title,
.full-width .full-width-body .content-mainimg-bottom,
.full-width .full-width-body .cnn-life.story-byline {
    width: 730px;
    margin-left: auto;
    margin-right: auto
}

.full-width .full-width-body .cnn-life-body h2,
.full-width .full-width-body .cnn-life-body ul,
.full-width .full-width-body .cnn-life-body p {
    width: 730px;
    margin-left: auto;
    margin-right: auto
}

.full-width .full-width-body .cnn-life-body h2 {
    font-size: 1.5em
}

.full-width .full-width-body .cnn-life-body ul {
    padding-left: 15px
}

.full-width .full-width-body .cnn-life-body blockquote.quote-left footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-left p {
    width: 365px;
    margin-left: 0;
    margin-right: 0;
    float: right;
    padding-right: 10px
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p {
    width: 365px;
    margin-left: 0;
    margin-right: 0;
    float: left;
    padding-left: 10px
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer {
    text-align: right
}

.full-width .full-width-body .cnn-life-body blockquote.quote-full footer {
    width: 730px;
    margin-left: auto;
    margin-right: auto
}

.full-width .full-width-body .cnn-life-body p.full-width-inline-picture {
    width: 100%;
    position: relative
}

.full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth {
    background-color: #19697a;
    color: #fff;
    font-size: 20px;
    height: 100%;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 30%
}

.full-width .full-width-body .cnn-life-body blockquote.quote-right footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-left footer,
.full-width .full-width-body .cnn-life-body blockquote.quote-full footer {
    display: none
}

.full-width .full-width-body .cnn-life-body blockquote {
    padding-top: 30px
}

.full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
    bottom: 20px;
    position: absolute;
    width: 100%
}

.full-width .full-width-body .content-main-title h2 {
    font-size: 46px
}

.full-width .full-width-body .cnn-life-cover-story-txt h2 {
    font-size: 26px
}

.full-width .full-width-body .content-mainimg-bottom h2 {
    font-size: 22px
}

.full-width .full-width-body .cnn-life-body blockquote.quote-left p.width30,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p.width30,
.full-width .full-width-body .cnn-life-body blockquote.quote-left p.width40,
.full-width .full-width-body .cnn-life-body blockquote.quote-right p.width40 {
    font-size: 16px;
    width: 240px
}

.full-width .picture.default.captionCover .story-title {
    bottom: 5%;
    text-align: center;
    width: 80%;
    top: inherit
}

@media(max-width:769px) {
    .full-width .full-width-body .cnn-life-cover-story-txt,
    .full-width .full-width-body .content-main-title,
    .full-width .full-width-body .content-mainimg-bottom,
    .full-width .full-width-body .cnn-life.story-byline,
    .full-width .full-width-body .cnn-life-body ul,
    .full-width .full-width-body .cnn-life-body h2,
    .full-width .full-width-body .cnn-life-body p {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
    .full-width .full-width-body .cnn-life-cover-story-txt h2 {
        font-size: 22px
    }
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .full-width .feature-content {
        margin-bottom: 20px
    }
    .full-width .full-width-body .content-main-title h2 {
        font-size: 36px
    }
    .full-width .full-width-body .content-mainimg-bottom h2 {
        font-size: 18px
    }
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture img.inline-fullWidth {
        width: 100%
    }
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth {
        font-size: 12px;
        display: block;
        height: auto;
        padding: 10px 20px;
        position: relative;
        right: inherit;
        width: 100%
    }
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
        position: inherit
    }
}

@media(min-width:300px) and (max-width:830px) {
    .full-width .full-width-body .cnn-life-body blockquote.quote-full,
    .full-width .full-width-body .cnn-life-body blockquote.quote-right,
    .full-width .full-width-body .cnn-life-body blockquote.quote-left {
        padding-top: 20px
    }
    .full-width .full-width-body .cnn-life-body blockquote.quote-full p,
    .full-width .full-width-body .cnn-life-body blockquote.quote-right p,
    .full-width .full-width-body .cnn-life-body blockquote.quote-left p {
        width: 100%;
        font-size: 16px
    }
    .full-width .full-width-body .cnn-life-body blockquote.quote-full p,
    .full-width .full-width-body .cnn-life-body blockquote.quote-right p,
    .full-width .full-width-body .cnn-life-body blockquote.quote-left p {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:300px) and (max-width:600px) {
    .full-width .picture.default.captionCover .story-byline,
    .full-width .picture.default.captionCover .story-title {
        width: 80%;
        text-align: center
    }
    .full-width .picture.default.captionCover .story-byline {
        font-size: 14px;
        left: 10%
    }
    .full-width .picture.default.captionCover .story-title h2 {
        width: 100%;
        font-size: 18px
    }
    .full-width .full-width-body .content-mainimg-bottom h2 {
        font-size: 20px
    }
}

.full-width .feature-content {
    margin-bottom: 25px
}

.full-width .inline-gallery {
    margin-bottom: 0
}

@media(min-width:1120px) and (max-width:1340px) {
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
        width: 90%
    }
}

@media(min-width:989px) and (max-width:1120px) {
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
        width: 80%
    }
}

.cnn-life-section-featured-stories .teaser-top .timestamp {
    display: none
}

.cnn-life-section-featured-stories .teaser p.byline {
    font-weight: bold
}

.cnn-life-section-featured-stories .teaser p.byline,
.cnn-life-section-featured-stories .teaser-top p.kicker {
    font-size: 13px
}

.cnn-life-section-columnist .columnist h3.current-head {
    padding-bottom: 5px
}

.cnn-life-section-columnist .columnist p.byline {
    margin-bottom: 20px;
    font-weight: bold
}

section.cnn-life-section-columnist {
    border-left: 1px black dotted
}

.cnn-life-section-featured-stories {
    margin-top: 20px;
    margin-bottom: 20px
}

.cnn-life-section-featured-stories .cnn-life-teaser .widget-text .teaser-title {
    line-height: 1.3em
}

@media(max-width:767px) {
    .cnn-life-section-columnist .list.columnist img {
        width: 100%
    }
    .cnn-life-section-columnist .columnist .cbwidget-section {
        text-align: left
    }
    .cnn-life-section-columnist .columnist h3.current-head,
    .cnn-life-section-columnist .columnist a.contentHomeSection {
        text-align: left
    }
    .cnn-life-section-columnist .columnist p.byline {
        display: none
    }
    .cnn-life-section-columnist .columnist p.leadtext {
        text-align: left;
        margin-bottom: 20px
    }
}

ul.nav.navbar-nav.custom-navbar li.menu-oath {
    background-color: #fff
}

.full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
    padding-right: 40px
}

@media(max-width:769px) {
    .full-width .full-width-body .cnn-life-body p.full-width-inline-picture span.inline-caption.inline-fullWidth span.inline-caption-outer span.inline-caption-inner {
        padding-right: 0
    }
}

.top-banner-area.withBackground .row.carousel-header,
.top-banner-area.withBackground .custom-owl .item {
    background: transparent
}

.top-banner-area.withBackground .row.carousel-body {
    background: #262626 none repeat scroll 0 0
}

.row.sports-section {
    margin: 0;
    position: relative;
}

.row.sports-section.paddingTop15 {
    padding-top: 15px
}

.row.sports-section .marginTop15 {
    margin-top: 15px
}

.row.sports-section .col-sm-9 {
    margin-top: 15px;
    margin-bottom: 15px
}

.row.sports-section .col-sm-3 {
    padding-left: 0
}

.row.sports-section .overlay-wrapper {
    background: #000 none repeat scroll 0 0;
    opacity: .8
}

.row.sports-section .black-font,
.row.sports-section h2.black-font,
.row.sports-section h2.black-font a,
.row.sports-section p.black-font {
    color: #fff
}

.row.sports-section article.media {
    margin-top: 0
}

.row.sports-section .col-sm-4.left {
    padding-right: 5px
}

.row.sports-section .col-sm-4.middle {
    padding-left: 10px;
    padding-right: 10px
}

.row.sports-section .col-sm-4.right {
    padding-left: 5px
}

.row.sports-section .article-title-area span.article-brand-border-red {
    display: none
}

.row.sports-section .article-title-area span.article-title-black {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px
}

.row.sports-section .col-sm-4 .overlay-wrapper {
    background: 0;
    opacity: 1;
    font-weight: bold
}

.row.sports-section h2.cpmedium-lead span.lead-title-black {
    font-weight: bold
}

.row.sports-section h2.cpmedium-lead span.brand-border-white {
    border-bottom: 6px solid #fff;
    border-top: 0;
    padding: 1px;
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0
}

.owl-theme .owl-nav [class*='owl-']  {
    color: #FFF;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: none;
    display: inline-block;
    border-radius: 0;
}   
.carousel-control{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.carousel-inner>.item img.block {
    object-fit: contain!important;
    max-height: 500px;
    max-width: 750
}
div .overlay-wrapper .carousel-img-text{
    position: relative;
    z-index: 15;
    bottom: 0;
    font-size: 14px;
    margin-left: 0;
    color: white;
    padding-left: 25px;
    padding-right: 50px;
    text-shadow: 1px 1px 1px black;
}

.row.sports-section .carousel.gallery .owl-carousel.desktop .row.carousel-body h2.cpmedium-header {
    bottom: 20px;
    font-weight: bold;
    padding-left: 40px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    width: 95%;
    z-index: 10000
}

.row.sports-section .carousel.gallery .owl-carousel.desktop .owl-nav .owl-prev {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 100000;
    text-align: center;
    border: none !important; 
}

.row.sports-section .carousel.gallery .owl-carousel.desktop .owl-nav .owl-next {
    background-color: #000;
    height: 100%;
    right: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 100000;
    text-align: center;
    border: none !important; 
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav button, 
.owl-carousel.single .owl-nav button {
    background-color: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    z-index: 100000;
    text-align: center;
    border: none !important;
    
}    
.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav .owl-next, 
.owl-carousel.single .owl-nav .owl-next {
    right: 0;
}
.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-nav .owl-prev, 
.owl-carousel.single .owl-nav .owl-prev {
    left: 0;
}
.owl-carousel.mobile h2.cpmedium-header {
    bottom: 0px;
    font-weight: bold;
    padding-left: 45px;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    width: 85%;
    z-index: 10000;
    text-shadow: 1px 1px 1px black; 
}

@media(min-width:992px) and (max-width:1200px) {
    .row.sports-section .carousel.gallery .owl-carousel.desktop .row.carousel-body h2.cpmedium-header {
        font-size: 26px;
        padding-left: 0;
        padding-right: 30px
    }
    .row.sports-section .carousel.gallery .owl-carousel.desktop .owl-controls .owl-nav .owl-next,
    .row.sports-section .carousel.gallery .owl-carousel.desktop .owl-controls .owl-nav .owl-prev {
        height: 366px;
        width: 135px
    }
}

@media(min-width:770px) and (max-width:1200px) {
    .row.sports-section .carousel.gallery .owl-carousel.desktop .row.carousel-body h2.cpmedium-header {
        font-size: 20px;
        padding-left: 0;
        padding-right: 40px
    }
    .row.sports-section .carousel.gallery .owl-carousel.desktop .owl-controls .owl-nav .owl-next,
    .row.sports-section .carousel.gallery .owl-carousel.desktop .owl-controls .owl-nav .owl-prev {
        height: 235px;
        width: 135px
    }
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls, .owl-carousel.single .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls .owl-prev, .owl-carousel.single .owl-controls .owl-prev {
    float: left
}

.row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls .owl-next, .owl-carousel.single .owl-controls .owl-next {
    float: right
}

.row.sports-section .carousel.gallery .row.carousel-body img{
    max-height: 486px;
    height: 100%;
}
.row.sports-section .carousel.gallery .row.carousel-body img,
.row.sports-section .teaser-image-overlay-wrapper img {
    background-color: #000;
}

.sports-page .top-banner-area.withBackground {
    background-color: #000
}

.sports-page .top-banner-area.withBackground img.section-background-image {
    height: 50%!important;
    min-height: inherit
}

.row.sports-section span.article-title-black {
    background: inherit
}

@media(max-width:770px) {
    .row.sports-section .col-sm-4.left,
    .row.sports-section .col-sm-4.middle,
    .row.sports-section .col-sm-4.right {
        margin-top: 10px
    }
    .row.sports-section .col-sm-4.left {
        margin-left: 0;
        margin-right: 10px
    }
    .row.sports-section .col-sm-4.middle {
        margin-left: 5px;
        margin-right: 5px
    }
    .row.sports-section .col-sm-4.right {
        margin-left: 10px;
        margin-right: 0
    }
    .row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls {
        position: absolute;
        top: 50%;
        width: 100%
    }
    .row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls .owl-prev {
        float: left
    }
    .row.sports-section .carousel.gallery .owl-carousel.mobile .owl-controls .owl-next {
        float: right
    }
    .row.sports-section.top-story .media-body.overlay-wrapper {
        padding-top: 5px
    }
}

img.section-background-image {
    left: 0;
    height: 50%!important;
    min-width: 100%;
    min-height: 100%;
    top: 0
}

.row.whiteContainer {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    position: relative
}

.whiteOverBlackOverlay .overlay-wrapper {
    background: #000
}

.withBackground .row.whiteContainer {
    opacity: .9
}

article.full-width .withBackground .row.whiteContainer {
    padding-left: 10px;
    padding-right: 10px
}

.whiteOverBlackOverlay .feature-content.withBackground {
    margin-bottom: 0
}

.full-width .removeBottomMargin .feature-content {
    margin-bottom: 0
}

.paddingBottom20 {
    padding-bottom: 20px
}

.row.whiteContainer h2.cpmedium-lead-light {
    padding-bottom: 10px
}

.sponsor img.brand-logo {
    display: block;
    margin: auto;
}

@media(min-width:1200px) {
    .custom-search-input.menu-bar.xs-text-center.text-right{
	    display:none;
    }
    .row.whiteContainer .pictureAdjust article.media .teaser img {
        height: 168px
    }
    .mainheader_logo.mainheader-r {
        height: 131px;
        width: 1010px;
    }
    
 /*   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important;
    }
    .nav.navbar-nav.custom-navbar {
        border-radius: 4px!important;
    }
    .navbar-toggle {
        display: none!important;
    }
    .nav.navbar-nav.custom-navbar {
        float: left !important;
    }
    .mainheader_logo.mainheader-r {
        width: 100%; 
    }
    button#top-navbar-toggle {
        position: unset!important;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0!important;
        overflow: visible!important;
    }
    .navbar-collapse {
        width: auto!important;
        border-top: 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }*/
}
@media (max-width:1199px) {
    div #top-search-area .custom-search-input{
        display:none;
    }
    .mainheader-r .navbar .navbar-nav {
        margin: 0!important;
    }
    .mainheader-r .navbar {
        position: static!important;
        z-index: 99999!important;
        margin-top: 25px!important;
    }
    .custom-navbar>li>a {
        font-weight: 700;
        font-size: 16px;
        border-bottom: 1px solid #333;
    }
    .mainheader_logo.mainheader-l {
        width: 130px;
    }
    .mainheader_logo.mainheader-r {
        width: 75%; 
        height: 70px;
    }
    .mainheader_logo.mainheader-l {
        width: 70px;
        float: left;
    }
    .life .mainheader_logo.mainheader-r {
        height: 70px;
        width: 45%;
    }
    .mainheader-scroll svg.at-icon {
        width: 24px!important;
        height: 24px!important;
    }
    .mainheader-r .navbar {
        width: 70%;
        overflow: hidden;
        float: right;
    }
    .life .mainheader-r .navbar {
    width: 100%;
    }
    .container-fluid .body-padding-div {
        padding-top: 70px;
    }
    svg.at-icon {
        width: 24px!important;
        height: 24px!important;
    }
    span.at-icon-wrapper {
        line-height: 24px!important;
        height: 24px!important;
        width: 24px!important;
    }
    .custom-search-input {
        margin-top: 5px;
    }
    .life .mainheader_logo.mainheader-l {
        width: unset;
        float: left;
    }
}

@media(min-width:990px) and (max-width:1199px) {
    .row.whiteContainer .pictureAdjust article.media .teaser img {
        height: 134px
    }
}

@media (max-width:767px) {
    /*.mainheader-scroll .mainheader_logo.mainheader-r, */
    .life .mainheader_logo.mainheader-r {
        position: absolute;
        width:100%;
        left:0;
        z-index: -1;
    }
}
.widget.sponsoredContent.newsAlertTop .news-alert-header,
.widget.sponsoredContent.breakingNewsTop .breaking-news-header {
    overflow: hidden;
    padding: 10px;
    background: #c00
}

.widget.sponsoredContent.newsAlertTop .bn-header-title,
.widget.sponsoredContent.breakingNewsTop .bn-header-title {
    width: 50%;
    float: left
}

.widget.sponsoredContent.newsAlertTop .bn-header-title h3,
.widget.sponsoredContent.breakingNewsTop .bn-header-title h3 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0 0 0!important
}

.widget.sponsoredContent.newsAlertTop .bn-header-brand,
.widget.sponsoredContent.breakingNewsTop .bn-header-brand {
    width: 50%;
    float: left
}

.widget.sponsoredContent.newsAlertTop .bn-header-sponsor-logo-container,
.widget.sponsoredContent.breakingNewsTop .bn-header-sponsor-logo-container {
    float: right
}

.widget.sponsoredContent.newsAlertTop .news-alert-content,
.widget.sponsoredContent.breakingNewsTop .breaking-news-content {
    overflow: hidden;
    padding: 7px;
    background: #fff
}

.widget.sponsoredContent.newsAlertTop .news-alert-content ul li,
.widget.sponsoredContent.newsAlertTop #newscontent,
.widget.sponsoredContent.breakingNewsTop .breaking-news-content ul li,
.widget.sponsoredContent.breakingNewsTop #newscontent {
    color: #c00
}

.widget.sponsoredContent.newsAlertTop .icon,
.widget.sponsoredContent.breakingNewsTop .icon {
    fill: #c00!important
}

.widget.sponsoredContent.newsAlertTop ul#ticker,
.widget.sponsoredContent.breakingNewsTop ul#ticker {
    list-style: none
}

.widget.sponsoredContent.newsAlertTop ul li,
.widget.sponsoredContent.newsAlertTop #newscontent,
.widget.sponsoredContent.breakingNewsTop ul li,
.widget.sponsoredContent.breakingNewsTop #newscontent {
    font-weight: bold;
    font-size: 1.3em
}

.list.multiColumnList .parent.row {
    padding-top: 20px;
    padding-bottom: 20px
}

.blackBackgroundOverlay-title,
.blackBackgroundOverlay-leadtext {
    background-color: #373737
}

.blackBackgroundOverlay-title h3 {
    padding-bottom: 0;
    background-color: #373737
}

.blackBackgroundOverlay-title h3 a,
p.blackBackgroundOverlay-leadtext {
    color: #fff
}

p.blackBackgroundOverlay-leadtext {
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 10px
}

div.all-recipe {
    float: right;
    background-color: red;
    padding: 5px;
    color: #fff
}

div.all-recipe a:hover {
    color: #fff!important
}

.chefstwist .feature-content {
    margin-bottom: 0;
    padding-bottom: 20px
}

.full-recipes-header h3 {
    padding-left: 0;
    padding-bottom: 0
}

.list.multiColumnList .col-xs-8.text {
    padding-left: 0
}

.list.multiColumnList .col-xs-8.text h3.list-title {
    padding-top: 0
}

.list.multiColumnList .col-xs-8.text p.list-title a {
    color: #000!important
}

.articleTwist {
    margin-top: 50px
}

.articleTwist h1.title {
    font-size: 1.3em!important;
    color: #0b0b0b
}

.underline {
    text-decoration: underline
}

.width-50 {
    width: 50%
}

.width-80 {
    width: 80%
}

.width-100 {
    width: 100%
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.ingredients,
.directions,
.preptime,
.yield {
    padding: 10px 0 8px 8px
}

.prep-yield-wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.prep-yield-wrapper h3 {
    text-decoration: underline;
    font-weight: bold
}

.preptime,
.yield {
    padding: 0 0 8px 8px
}

.ingredients span {
    color: #fffffd
}

.dark-background-wrapper {
    background: #3e3d39
}

.margin-left-1px {
    margin-left: 1px
}

.font-weigth-bold {
    font-weight: bold
}

.font-color-white {
    color: #fffffd!important
}

.ingred-direct-wrapper {
    background: #3e3d39;
    margin-left: 1px;
    color: #fffffd!important;
    font-family: cnn-roman, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif;
    width: 80%
}

.ingred-direct-wrapper h3 {
    font-weight: bold;
    text-decoration: underline
}

.related-recipes p.list-title {
    font-weight: bold
}

.related-recipes ul.cbwidget-list li {
    border-top: 2px solid #a6a498
}

img.section-background-image {
    height: auto!important
}

div.padding-5{
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.container-padding-10 .row {
    padding-left: 10px;
    padding-right: 10px;
}

.container-padding-5 .row {
    padding-left: 5px;
    padding-right: 5px;
}
@media (min-width:768px) {
    .desktopArticleMarginTopChefsTwist,
    .desktopMarginTopChefsTwist {
        margin-top: 50px
    }
}

@media(max-width:767px) {
    .desktopArticleMarginTopChefsTwist,
    .desktopMarginTopChefsTwist {
        margin-top: 25px
    }
    .parent.row div:first-child {
        margin-bottom: 10px
    }
    .articleTwist {
        margin-top: 0;
        margin-bottom: 15px
    }
    .directions {
        padding-top: 10px
    }
    .chefstwist .cpnavbar-brand img {
        max-width: 100%
    }
    .custom-search-input {
        margin-top: -7px;
        padding-right: 24px;
    }
    .mainheader-r .navbar {
        margin-top: 68px!important;
    }
}

.prosync-ad-container {
    position: relative
}

.prosync-ad-container .overlay-items {
    position: absolute;
    top: 300px;
    margin: 0 40px
}

.prosync-ad-container .overlay-items span {
    display: block;
    text-align: left;
    background-color: #1274bd;
    padding: 7px 10px;
    border-right: 10px solid yellow;
    color: #fff;
    margin-bottom: 5px
}



@media(min-width:992px) and (max-width:1200px) {
    .prosync-ad-container .overlay-items {
        top: 250px;
        margin: 0 30px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .prosync-ad-container .overlay-items {
        top: 150px;
        margin: 0 15px
    }
    .prosync-ad-container .overlay-items span {
        padding: 5px 5px
    }
    .navbar-fixed-top .navbar-collapse{
        max-height: 655px;
    }
}

@media(max-width:767px) {
    .prosync-ad-container .overlay-items {
        top: 300px;
        margin: 0 30px
    }
    .prosync-ad-container .overlay-items span {
        padding: 10px 10px
    }
}

@media(min-width:720px) and (max-width:767px) {
    .prosync-ad-container .overlay-items {
        left: 30%
    }
}

@media(min-width:620px) and (max-width:719px) {
    .prosync-ad-container .overlay-items {
        left: 26%
    }
}

@media(min-width:500px) and (max-width:620px) {
    .prosync-ad-container .overlay-items {
        left: 20%
    }
}

@media(min-width:400px) and (max-width:499px) {
    .prosync-ad-container .overlay-items {
        left: 10%
    }
}

@media(max-width:399px) {
    .prosync-ad-container .overlay-items {
        left: inherit
    }
}

@media(max-width:320px) {
    .prosync-ad-container .overlay-items span {
        padding: 5px 5px
    }
}

.transport-background .top-banner-area {
    background-image: url('../img/highway-traffic-website.jpg');
    background-position: center
}

.font-family-medium {
    font-family: cnn-medium, "Helvetica Neue", Helvetica, Arial, Utkal, sans-serif
}

.service-road-latest-episode .vplay,
.drive-latest-episode .vplay {
    position: relative
}

.service-road-latest-episode .media-body,
.drive-latest-episode .media-body {
    padding-left: 0!important
}

.transport-main span.lead-title-white {
    padding: 0 30px 0 0
}

#drive .traffic-news .subhead-lead {
    margin-left: 20px
}

.trafiic-news .teaser {
    margin-left: 20px
}

#drive .traffic-news .teaser {
    margin-left: 20px
}

.entertainment-background .top-banner-area {
    background-image: url(../img/Background_SANMIGUEL_SUPER_DRY.png);
    background-position: center;
    background-size: contain;
}

.carousel-multiple .carousel-picture{
    padding-bottom: unset;
}
.carousel-multiple .play-area {
    top: 0;
    bottom: unset;
}

.carousel-multiple .owl-theme .owl-nav [class*='owl-']  {
    color: #bdbdbd;
    font-size: 4.5em;
    margin: 0;
    padding: 0;
    background: none;
    display: inline-block;
    border-radius: 0;
    border: none;
}
.carousel-multiple .owl-theme .owl-nav [class*='owl-']:hover {
    background: unset;
}    
 
.carousel-multiple .owl-theme .owl-dots .owl-dot {
    background: none;
    display: inline;
    border: none;
} 
.carousel-multiple .owl-prev {
    width: 15px;
    height: 100%;
    position: absolute;
    top: -22%;
    /*margin-left: -15px!important;*/
    display: block !important;
    border:0px solid black;
}

.carousel-multiple .owl-next {
    width: 15px;
    height: 100%;
    position: absolute;
    top: -22%;
    right: -15px;
    display: block !important;
    border:0px solid black;
}

@media(min-width:600px) {
.carousel-multiple .owl-carousel.desktop h2.cpmedium-header {
    text-align: left;
    font-size: 0.9em!important;
    color: black!important;
}   
.carousel-multiple .owl-carousel.desktop h2.cpmedium-header a{
    /*color: black!important;*/
}  

.carousel-multiple .play-area {
    display: block;
}

.carousel-multiple .owl-carousel .owl-video-play-icon {
      display: none;
    } 
}
@media(max-width:599px) {
    .carousel-multiple .play-area {
      display: none;
    }
    
    .carousel-multiple .owl-carousel .owl-video-play-icon {
      display: block;
    } 
    
    .carousel-multiple .owl-prev, .carousel-multiple .owl-next {
    width: 30px;
    top: 0;
    }
    
    .carousel-multiple .owl-prev{
     margin-left: 0!important
    }
    
    .carousel-multiple .owl-next {
     right: 0;
    }
    
     .carousel-multiple .owl-theme .owl-nav [class*='owl-'], .carousel-multiple .owl-theme .owl-nav [class*='owl-']:hover {
    background: #0b0b0b;
    opacity: 0.5;
    }
}   