.category-title{line-height:1;font-size:inherit;margin-bottom:2em;margin-top:2em;margin-left:10px}.category-title span{_background:#321432;color:#321432;_padding:2px  4px;_font-size:16px;font-size:2.2em !important}.category-title a{color:#36bfc2;padding-right:20px;margin-right:10px;border-right: 3px solid rgba(26, 26, 26, 0.5)}.category-title a:hover{color:#321432 !important;}@media screen and (min-width:0px) and (max-width:475px){.category-title{font-size:0.6em}.category-title a{padding-right:10px;margin-right:5px}}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
    src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#svgOpenSans-ExtraBoldItalic-webfont") format("svg")
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url("../fonts/OpenSans-Regular-webfont.eot");
    src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#svgOpenSans-Regular-webfont") format("svg")
}

@font-face {
    font-family: 'mtv';
    src: url("../fonts/mtv.eot");
    src: url("../fonts/mtv.eot?#iefix") format("embedded-opentype"), url("../fonts/mtv.woff") format("woff"), url("../fonts/mtv.ttf") format("truetype"), url("../fonts/mtv.svg#svgmtv") format("svg")
}

html {
    width: 100%
}

body {
    color: #321432;
    /* background-color: #fff !important; */
    background-color: #eee !important;
    width: 100%
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
aside h1,
aside .h1,
aside h2,
aside .h2,
aside h3,
aside .h3,
aside h4,
aside .h4,
aside h5,
aside .h5 {
    font-weight: normal !important
}

.menu-button {
    display: inline-block;
    padding: 0.5em 0.5em;
    background-color: #333;
    border: 0 none;
    z-index: 100 !important;
    border-radius: 4px
}

.burger-icon {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px
}

.burger-icon,
.burger-icon:before,
.burger-icon:after {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #fff;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.burger-icon:before,
.burger-icon:after {
    position: absolute;
    content: ""
}

.burger-icon:before {
    top: -8px
}

.burger-icon:after {
    top: 8px
}

.menu-button.is-active .burger-icon {
    background-color: transparent
}

.menu-button.is-active .burger-icon:before {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg)
}

.menu-button.is-active .burger-icon:after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)
}

.banner-container {
    background-color: #212121;
    max-width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block !important
}

.banner-container-large,
.banner-container-small {
    text-align: center
}

.banner-container-large {
    display: none
}

@media screen and (min-width: 728px) {
    .banner-container-large {
        display: block
    }
    .banner-container-small {
        display: none
    }
}

#page_header {
    margin-right: 0;
    margin-left: 0;
    background: #000 none;
    padding-top: 0
}

.navigation {
    display: block;
    margin: auto;
    padding: 8px 20px 2px
}

@media screen and (max-width: 980px) {
    .navigation {
        padding: 2px 5px;
        margin-top: 4px
    }
	body.single div.story .standard-image {
        position: relative;
    }
    body.single div.story .category {
        top: calc(100% - 28px) !important;
        position: relative;
    }
}

.navigation:after {
    content: '';
    display: block;
    clear: both
}

.navigation .nav-left {
    float: left;
    display: inline-block;
    margin-right: 10px
}

.navigation .nav-right {
    float: right;
    display: inline-block;
    width: 40px
}

.logo {
    display: inline-block;
    float: left;
    padding: 2px
}

@media screen and (max-width: 768px) {
    .navigation {
        text-align: center
    }
    .logo {
        float: none
    }
}

.menu-overlay {
    position: absolute;
    top: 100%;
    left: -170%;
    width: 160%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9
}

.menu-overlay.is-opened {
    transition: left 0.1s ease-in, opacity 0.1s ease-in;
    opacity: 1;
    left: 0
}

.menu-wrapper {
    position: absolute;
    top: 100%;
    left: -260px;
    width: 250px;
    background-color: #000;
    color: #fff;
    z-index: 20;
    opacity: 0;
    transition: left 0.25s ease-in, opacity 0.25s ease-in
}

.menu-wrapper.is-opened {
    left: 0;
    opacity: 1
}

.menu-wrapper a {
    color: #fff;
    text-decoration: none
}

.menu-wrapper a:hover {
    color: #aaa
}

.menu {
    margin: 0;
    padding: 0;
}

.submenu {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    background-color: #333;
    border-top: 1px solid #3f3f3f;
    clear: both
}

.menu-item {
    list-style: none;
    border-top: 1px solid #3f3f3f;
    font-size: 18px;
}

.menu-item:after {
    display: block;
    content: '';
    clear: both
}

.menu-item>a {
    float: left
}

.menu-item .fa {
    float: right;
    cursor: pointer;
    padding: 12px 20px
}

.submenu-item {
    list-style: none;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 700
}

.menu a {
    display: block;
    padding: 12px 20px
}

.submenu-item a {
    display: block;
    padding: 6px 20px
}

#page_root>.container {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin-top: 10px
}

@media screen and (max-width: 980px) {
    #page_root>.container {
        padding-right: 0;
        padding-left: 0
    }
    #page_root>.container #content>.row {
        margin-right: 10px !important;
        margin-left: 10px !important
    }
}

@media screen and (max-width: 568px) {
    #page_root>.container {
        padding-right: 0;
        padding-left: 0
    }
    #page_root>.container #content>.row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

@media screen and (min-width: 980px) {
    #page_root>.container {
        padding: 0 30px 0 50px !important
    }
}

@media screen and (min-width: 1000px) {
    #page_root>.container {
        padding: 0 50px !important
    }
}

@media screen and (min-width: 1100px) {
    #page_root>.container {
        padding: 0 80px !important
    }
}

.container.author-info {
    width: 100%;
    padding: 0
}

#content {
    margin-top: 0 !important;
    padding-top: 0
}

.category-title {
    line-height: 1;
    font-size: inherit;
    margin-bottom: 2em;
}

.category-title span {
    border-bottom: none;
}

h1.archive-title {
	line-height: 1;
	font-size: 20px;
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #f7f908;
	padding: 15px 20px;
	margin: 0 0 0 -10px;	
    border-bottom: none;
}

@media screen and (min-width: 980px) {
    .has-top-image #main {
        margin-top: -140px;
        _background-color: #fff
    }
    .has-top-image #main div.story {
        padding: 4px 20px 0 4px
    }
}

.has-top-image #main div.story div.category {
    top: -24px;
    left: -4px
}

.top-image img {
    width: 100%
}

.standard-image img {
    width: 100%
}

.standard-image .category.modified_label {
    top: -20px !important
}

body.single .header,
.item .header>span,
.single div.story section .byline,
.single article.post div.story section.entry-content,
.single .story .header h1 {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    body.single .header,
    .single .story .header h1 {
        background-color: transparent
    }
}

.entry-content {
    font: 19px/28px
}

.entry-content-nested {
    font-weight: 400 !important;
    color: #321432 !important
}

.single-post-excerpt {
    font: 400 20px/24px;
    color: #000000;
    padding: 0 5px;
	background-color: #f6f91e;
	display: inline;
	/*margin-left: 8px;*/
}

.archive .headline > p {
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
    margin: 0.25em 0px !important;
	background-color: #f7f908;
	display: inline;
	padding: 2px;
}

.page .headline > p {
    /*font: 400 18px/1.2;
    margin: 0.25em 0px*/		
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
	margin: 0.25em 0px;
	color: #666666;
	
}

.headline .sub-header .date  {
  font-weight:bold; 
}

.single div.story section .byline {
    padding-right: 0 !important
}

.story>.entry-content {
    margin-top: 20px
}

body.single.has-top-image .story>.entry-content {
    margin-top: auto
}

.single div.story section .byline .entry-content a,
.single div.story section .byline .entry-content-nested a,
.single div.story section .byline .entry-content a:link,
.single div.story section .byline .entry-content-nested a:link,
.single div.story section .byline .entry-content a:visited,
.single div.story section .byline .entry-content-nested a:visited {
    color: #36bfc2 !important;
    transform: color 0.5s
}

.single div.story section .byline .entry-content a:hover,
.single div.story section .byline .entry-content-nested a:hover {
    color: #321432 !important
}

.entry-content>img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.single .story .header {
    margin-top: -100px;
    _padding-left: 0;
    width: 80%;
    font: 700 11px/4px Arial, sans-serif;
    _font-size: 14px !important
}

body.single div.story .category {
    top: -77px !important
}

@media screen and (max-width: 980px) {
    body.single .story .header {
        margin-top: 0;
        width: 100%;
        padding: 0
    }
    body.single div.story .category {
        top: -28px !important;
        left: 0;
    }	
}

body.single.has-top-image #main div.story .header {
    margin-top: 0 !important
}

body.single.has-top-image #main div.story div.category {
    top: 0 !important;
    left: 0 !important
}

body.single.has-top-image div.header {
    padding: 0
}

.single .story .header h1 {
    min-height: 80px;
    line-height: 1;
	margin-bottom: 10px;
}

body.single div.header {
    padding: 15px 0 10px
}

body.single .header span.headline {
    top: 0
}

body.single.has-top-image div.header {
    padding-left: 10px
}

.item .sub-header span,
.single .date {
    padding-left: 0 !important;
	font-weight: bold;
}

.indate-post-author {
    color: #321432;
    margin-top: 20px
}

.date>.date:first-child:after {
    content: '';
    width: 75%;
    height: 5px;
    background: #000;
    display: inline-block;
    float: right;
    margin-top: -2px
}

.single div.story section .hr {
    border-top: 5px solid #1A1A1A;
    width: 75%;
    float: right;
    margin-top: -2px
}

@media screen and (max-width: 700px) {
    .date>.date:first-child:after {
        width: 67%
    }
    .single div.story section .hr {
        width: 67%
    }
}

@media screen and (max-width: 490px) {
    .date>.date:first-child:after {
        width: 60%
    }
    .single div.story section .hr {
        width: 60%
    }
}

@media screen and (max-width: 388px) {
    .date>.date:first-child:after {
        width: 50%
    }
    .single div.story section .hr {
        width: 50%
    }
}

.single.has-top-image div.story section .hr {
    display: none
}

body.single .subhead {
    display: none
}

.archive .article-block [class*='category'] {
    margin-bottom: 4px !important
}

article.summary .entry-content,
div.col-xs-6 article.summary .entry-content {
    padding-top: 0 !important
}

.home.blog article.summary .entry-content,
.home.blog div.col-xs-6 article.summary .entry-content {
    padding-top: 0 !important
}

.entry-content.entry-content-nested a {
    color: #4e97ef !important;
    transform: color 0.5s
}

.entry-content.entry-content-nested a:hover {
    color: #4e97ef !important
}

@media screen and (max-width: 660px) {
    .item .header {
        top: -1px !important
    }
}

.archive .headline > h4 {
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
    font-weight: normal !important;
    margin: 0.25em 0px;
	color: #666666;
	/*background-color: #f7f908;
	display: inline;
	padding: 2px;*/
}

@media screen and (max-width: 768px) {
    .page article.summary .entry-content {
        padding: 0 !important
    }
    .page .postcard-left,
    .postcard-left-wrap,
    .postcard-right,
    .postcard-right-wrap {
        margin-bottom: 0 !important
    }
}

.single div.story section .byline {
    text-transform: inherit
}

aside.sidebar li a {
    display: block;
    margin-bottom: 10px;
    min-height: 90px;
    _outline: 1px solid red
}

aside.sidebar li a::after {
    content: "";
    display: block;
    clear: both
}

aside.sidebar li a img.banner {
    position: absolute;
	width: 300px !important;
}

aside.sidebar li a img {
    position: absolute;
	/*max-width: 95px;*/
}



#execphp-3 img {
    position: relative
}

aside.sidebar li a h3 {
    padding-left: 100px;
    font-size: 18px;
    line-height: 1.1
}

h2.widgettitle {
    background-color: #ebe748;
    line-height: 1
}

#execphp-3,
#execphp-4,
#execphp-5,
li[id*='execphp-'] {
    margin-bottom: 20px
}

aside>li:first-child {
    min-height: 250px
}
/*
@media screen and (max-width: 980px) {
    #execphp-3,
    #execphp-4,
    #execphp-5 {
        text-align: center
    }
}*/

aside.sidebar li a {
    position: relative;
    transition: color 400ms ease-out 0s
}

aside.sidebar li a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px
}

aside.sidebar li.trenditem a:after {
	background-image: url(../images/ico_arrow_up.svg);
	background-color: #f7fa1f;
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}
/*
aside.sidebar li.trenditem:nth-child(2) a:after {
    background: url(../images/ico_arrow_up.svg), linear-gradient(to top, #f7fa1f, #f7fa1f 70%, #333 20%)
}

aside.sidebar li.trenditem:nth-child(3) a:after {
    background: url(../images/ico_arrow_up.svg), linear-gradient(to top, #f7fa1f, #f7fa1f 50%, #333 20%)
}

aside.sidebar li.trenditem:nth-child(4) a:after {
    background: url(../images/ico_arrow_up.svg), linear-gradient(to top, #f7fa1f, #f7fa1f 30%, #333 20%)
}

aside.sidebar li.trenditem:nth-child(5) a:after {
    background: url(../images/ico_arrow_up.svg), linear-gradient(to top, #f7fa1f, #f7fa1f 10%, #333 20%)
}*/


.sidebar .trenditem > a > img {

        float: left;
        display: inline;

}



@media screen and (max-width: 980px) {
    [id*='DfpVisibility'] [class*='flashAd_'],
    [id*='DfpVisibility']>div,
    [id*='DfpVisibility']>a {
        text-align: center;
        margin: auto !important
    }
    [id*='DfpVisibility']>a img {
        position: relative !important
    }
}

.execphpwidget .media-section h3 {
    margin-top: 30px
}

.related-content a .related-author:before {
    content: ''
}

.related-content .fa.fa-twitter {
    color: #fff;
    padding: 8px 8px 4px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #3BB5E9
}

.related-content a.author-url {
    display: block
}

.related-content a.author-url .img-half {
    display: inline-block;
    border-radius: 50%;
    max-width: 90px;
    height: auto;
    vertical-align: middle
}

.related-content a.author-url .img-half img {
    max-width: 100%;
    height: auto
}

.related-content a {
    font-weight: 700
}

.related-content .tags {
    color: #000000 !important
}

.voterDiv .ob_bctrl {
    display: none
}

.ob_pdesc img {
    border: none
}

.AR_5 .ob_what {
    direction: ltr;
    text-align: right;
    clear: both;
    padding: 5px 10px 0px
}

.AR_5 .ob_what a {
    color: #999;
    font-size: 10px;
    font-family: arial;
    text-decoration: none
}

.AR_5 .ob_what.ob-hover:hover a {
    text-decoration: underline
}

.AR_5 .ob_clear {
    clear: both
}

.AR_5 .ob_amelia,
.AR_5 .ob_logo,
.AR_5 .ob_text_logo {
    display: inline-block;
    vertical-align: text-bottom;
    padding: 0px 5px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.AR_5 .ob_amelia {
    background: url("http://widgets.outbrain.com/images/widgetIcons/ob_logo_16x16.png") no-repeat center top;
    width: 16px;
    height: 16px;
    margin-bottom: -2px
}

.AR_5 .ob_logo {
    background: url("http://widgets.outbrain.com/images/widgetIcons/ob_logo_67x12.png") no-repeat center top;
    width: 67px;
    height: 12px
}

.AR_5 .ob_text_logo {
    background: url("http://widgets.outbrain.com/images/widgetIcons/ob_text_logo_66x23.png") no-repeat center top;
    width: 66px;
    height: 23px
}

.AR_5:hover .ob_amelia,
.AR_5:hover .ob_logo,
.AR_5:hover .ob_text_logo {
    background-position: center bottom
}

.AR_5 .ob_container {
    width: 100%;
    position: relative;
    overflow: hidden
}

.AR_5 .strip-img {
    width: 136px;
    height: 78px;
    border: none !important;
    margin: 0px !important;
    display: block;
    padding: 0px !important
}

.AR_5 .item-link-container {
    text-decoration: none
}

.AR_5 .strip-rec-link-title {
    font-size: 13px;
    font-weight: normal;
    line-height: 16px
}

.AR_5 .strip-rec-link-source {
    font-size: 12px;
    line-height: 16px
}

.AR_5 .strip-like {
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 16px;
    height: 20px;
    font-weight: bold
}

.AR_5 .item-container a,
.AR_5 .item-container a:hover,
.AR_5 .item-container a:visited {
    border: medium none;
    text-decoration: none
}

.AR_5 .ob_video {
    border: medium none;
    position: absolute;
    top: 5px;
    left: 5px
}

.AR_5 .ob-rec-link-img {
    position: relative
}

.AR_5 .wbr:before {
    content: "\200B"
}

.AR_5 .ob_container_recs {
    width: 100%;
    position: relative !important
}

.AR_5 .ob_container_recs A {
    display: block;
    direction: ltr;
    text-align: left;
    min-height: 80px
}

.AR_5 .ob-text-content A {
    width: 100%;
    padding: 0px 0px
}

.AR_5 .ob-text-content {
    padding-top: 6px
}

.AR_5 .item-container A.ob-text-content {
    display: block
}

.AR_5 .ob_container_recs .item-container {
    float: none;
    display: block;
    direction: ltr;
    width: 100% !important;
    margin-bottom: 10px !important;
    padding-right: 11px
}

.AR_5 .ob_container_recs .ob-last {
    padding-right: 0px
}

.AR_5 .ob_container_shadow_outer {
    position: static;
    width: 100%
}

.AR_5 .ob_container_shadow .item-container-shadow {
    position: static;
    overflow-x: hidden;
    width: 0px;
    float: left;
    direction: ltr
}

.AR_5 .ob_container_shadow .item-container {
    width: 138px;
    visibility: hidden;
    float: left
}

.AR_5 .item-container-ad .paid-distribution {
    border-color: #FFF;
    border-style: solid;
    border-width: 2px 2px 0 0;
    color: #FFF;
    float: left;
    direction: ltr;
    font-family: verdana, arial, sans-serif;
    font-size: 9px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 2px 4px;
    position: relative;
    top: -18px;
    z-index: 10;
    clear: both
}

.AR_5 .item-container-ad .ob-text-content {
    position: relative;
    top: -19px;
    clear: both
}

.outbrainbox h3 {
    _background-color: #ebe748;
    line-height: 20px;
    padding: 8px 6px;
    font: 700 23px/20px "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering: optimizelegibility
}

.outbrainbox .ob_container {
    padding: 10px 10px 30px;
    background-color: #fff
}

.outbrainbox .ob_container:before,
.outbrainbox .ob_container:after {
    content: '';
    clear: both;
    display: block
}

.outbrainbox .ob_container_recs a,
.ob_container_recs a.item-link-container {
    width: 24%;
    font-size: 40px !important;
    display: inline-block !important;
    vertical-align: top
}

.item-link-container .strip-rec-link-title {
    font-weight: 700 !important;
    color: #000 !important;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

.item-link-container:hover .strip-rec-link-title {
    color: #36bfc2 !important
}

.strip-rec-link-source {
    display: none
}

.AR_5 .strip-rec-link-title.ob-tcolor {
    display: inline-block;
    line-height: 1.1;
    font-size: 16px !important
}

.AR_5 .strip-rec-link-title {
    line-height: 1.2
}

@media screen and (max-width: 540px) {
    .AR_5 .ob_container_recs .item-container {
        position: relative
    }
    .outbrainbox .ob_container_recs a,
    .ob_container_recs a.item-link-container {
        width: 100%;
        margin-bottom: 20px
    }
    .outbrainbox .ob_container_recs a:after,
    .ob_container_recs a.item-link-container:after {
        content: '';
        clear: both;
        display: block
    }
    .AR_5 .ob-rec-link-img {
        position: absolute !important;
        top: 0;
        left: 0;
        margin-right: 10px
    }
    .AR_5 .ob-text-content {
        display: inline-block;
        margin-left: 150px
    }
}

.outbrainbox>aside.sidebar {
    display: none !important
}

.trend-tematico:after {
    display: block;
    content: '';
    clear: both
}

.trend-tematico {
    clear: both;
    margin: 10px 0
}

.trend-tematico .listing:after {
    display: block;
    content: '';
    clear: both
}

.trend-tematico .listing {
    text-align: center
}

.trend-tematico .listing .list-item {
    position: relative;
    width: 30%;
    margin: 0 1%;
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.trend-tematico .listing .list-item a {
    position: relative;
    display: block;
    padding: 0;
    transition: color 400ms ease-out 0s
}

.trend-tematico .listing .list-item a h3 {
    font-size: 2.2rem;
	/*font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    padding: 4px 4px 0;
	padding-top: 10px;
}

.trend-tematico .list-item a p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0px;
    padding: 4px;
	font-size: 1.2rem;
    color: #999;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
    .trend-tematico {
        padding: 5px
    }
    .trend-tematico .listing .list-item {
        width: auto;
        display: block;
        margin-bottom: 10px
    }
    .trend-tematico .listing .list-item:after,
    .trend-tematico .listing .list-item a:after {
        content: '';
        display: block;
        clear: both
    }
    .trend-tematico .listing .list-item a img {
        float: left;
        display: inline-block;
        width: 30%;
        margin-right: 10px
    }
	.trend-tematico .listing .list-item {
		position: relative;
	}
	.trend-tematico .listing .list-item a {
		position: static;
	}
	.trend-tematico .listing .list-item a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 36px;
		height: 36px
	}

	.trend-tematico .listing .list-item a:after {
		background-image: url(../images/ico_arrow_up.svg);
		background-color: #f6f91e;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50%;
	}
	.trend-tematico .listing .list-item a h3,
	.trend-tematico .listing .list-item a p {
		/*padding-left: calc(30% + 10px);*/
		padding-left: 10px;
	}
}
@media screen and (min-width: 601px) {
	.trend-tematico .listing .list-item a h3 {
		position: relative;
	}
	.trend-tematico .listing .list-item a h3:after {
		content: '';
		position: absolute;
		top: -48px;
		left: 0;
		display: block;
		width: 48px;
		height: 48px
	}

	.trend-tematico .listing .list-item a h3:after {
		background-image: url(../images/ico_arrow_up.svg);
		background-color: #f6f91e;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50%;
	}
}

.custom-social-buttons {
    margin: 20px 0
}

.custom-social-buttons a {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 46px;
    color: white;
    -webkit-transition: color 400ms ease-out;
    -moz-transition: color 400ms ease-out;
    -ms-transition: color 400ms ease-out;
    -o-transition: color 400ms ease-out;
    transition: color 400ms ease-out
}

.custom-social-buttons a:hover {
    color: #000;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color 400ms ease-out;
    -moz-transition: color 400ms ease-out;
    -ms-transition: color 400ms ease-out;
    -o-transition: color 400ms ease-out;
    transition: color 400ms ease-out
}

.custom-social-buttons a.fb {
    background-color: #3B5998
}

.custom-social-buttons a.tw {
    background-color: #00B6F1
}

.custom-social-buttons a.gp {
    background-color: #D34836
}

footer.article-footer {
    display: none !important
}

.fmtv {
    font-size: 10pt;
    margin: 0px 0.5em;
    color: #999 !important;
    font-family: mtv;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s
}

.fmtv:hover {
    color: #36bfc2 !important
}

footer {
    font-size: 12px;
    font-style: normal !important;
    margin-top: 20px;
    background: #000;
    color: #fff
}

footer .footer-lists {
    background-color: #333
}

footer>div,
footer>p {
    padding: 10px
}

footer>div:before,
footer>div:after,
footer>p:before,
footer>p:after {
    content: " ";
    display: table
}

footer>div:after,
footer>p:after {
    clear: both
}

footer>div>* {
    vertical-align: sub
}

footer ul {
    margin: 0;
    padding: 0
}

footer ul:before,
footer ul:after {
    content: " ";
    display: table
}

footer ul:after {
    clear: both
}

@media screen and (max-width: 640px) {
    footer .footer-links {
        _width: 70%
    }
}

footer .footer-links li {
    margin-right: 10px
}

footer .footer-links li a:after {
    content: '|';
    padding-left: 10px;
    color: #66cccc
}

footer .footer-links li:last-child a:after {
    content: '';
    padding-left: 0
}

footer .footer-social {
    float: right;
    width: 20%
}

footer .footer-social li a {
    background-color: #8f8f8f;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s
}

footer .footer-social li a:hover {
    background-color: #36bfc2
}

footer .footer-social li a span {
    min-width: 12px !important;
    text-align: center;
    color: #000
}

footer .footer-social li a:hover span {
    _color: #36bfc2
}

@media screen and (max-width: 640px) {
    footer .footer-social {
        _width: 30%
    }
}

footer .footer-social li {
    margin-left: 10px;
    float: right
}

footer .footer-social li a {
    font-weight: 400;
    padding: 5px 7px
}

@media screen and (max-width: 930px) {
    ._hidden-xs {
        display: none
    }
}

@media screen and (max-width: 930px) {
    .fmtv {
        display: block;
        margin: 0 0 10px 0
    }
    footer .footer-links,
    footer .footer-social {
        display: block;
        float: none;
        width: 100%;
        margin: 0 0 10px 0
    }
    footer .footer-social li {
        float: left;
        display: inline-block;
        margin: 0 10px 0 0
    }
	#content {
		padding-left: 0 !important;
	}
}

.footer-disclaimer {
    font: 400 10px
}
.related-content .tags a:link,
.related-content .tags a:visited {
    color: #4e97ef;
}

.related-content .tags a:hover {
    color: #4e97ef;
}

@media all and (max-width: 2000px) {
    .navigation .nav-right #openclose {
        display: block !important
    }
}

.navigation .nav-right #openclose {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    padding: 4px 10px;
    background-color: #333;
    background-image: none;
    color: #fff !important
}

.navigation .nav-right #openclose .fa {
    font-size: 18px
}

.mobile-search {
    border: 0 none;
    margin-bottom: 0
}

.mobile-search-form button {
    color: #000;
    padding: 8px 10px;
    background-image: none
}

.mobile-search-form button:hover {
    color: #00bbef
}

.mobile-search-form .form-group {
    width: 90% !important
}

@media screen and (max-width: 440px) {
    .mobile-search-form .form-group {
        width: 80% !important
    }
}

.prevnext {
    text-align: center;
    margin: 20px 0 30px
}

.prevnext a {
    display: inline-block;
    padding: 10px 15px 5px;
    background: #ddd
}

.prevnext a:first-child {
    margin-right: 20px
}

.prevnext a:hover {
    color: #36bfc2;
    background: #ccc
}

.story #comments.sm4Widget.flux4Widget.flux4 {
    margin: 0 !important
}

#comments.sm4Widget .comments .sm4_commentsHeadSection {
    background-color: #fff
}

#comments.sm4Widget .comments .mainHeader {
    border: 0 none
}

#comments.sm4Widget .comments .secondaryHeadline {
    display: inline-block;
    background-color: #ebe748;
    margin-bottom: 16px !important;
    padding: 6px
}

.comment-counter {
    color: #36bfc2
}

#comments.flux4Widget .mainHeader.floatsWrapper {
    padding: 0
}

#comments.flux4Widget .comments .commentInput {
    padding: 5px;
    background-color: #e4e4e4
}

#comments.flux4Widget .comments .commentInput.m-sm4_commentInput_focused {
    border: 1px solid #C3C3C3
}

#comments.flux4Widget .comments .txtComment {
    width: 100% !important;
    resize: both;
    background-color: transparent;
    font-weight: 700
}

#comments.flux4Widget .comments .sm4_commentsActivitySection {
    padding: 0px 15px 0
}

#comments.flux4Widget .activityListContainer {
    padding: 10px 0px 10px
}

#comments.flux4Widget .comments .thereIsNothing {
    margin: 0
}

.flux4Widget .comments .actionTooltip::before {
    border: 0 none !important
}

.flux4Widget .comments .actionTooltip::after {
    background-color: transparent !important
}

.flux4Widget .comments .addComment .bottomActionLinks .btnPost {
    background: #B8A9B9 none repeat scroll 0% 0%;
    border: 0px none;
    color: #321432;
    font: 700 12pt/1 Arial, sans-serif;
    padding: 0.5em 1em;
    height: auto;
    min-width: 0px;
    border-radius: 0px
}

.flux4Widget .comments .addComment .bottomActionLinks .btnPost:hover {
    background: #36BFC2 none repeat scroll 0% 0%
}

.sentimentTagsWrapper li {
    background: #1a1a1a;
    color: #fff;
    text-transform: uppercase;
    font-size: 13pt;
    border-radius: 0
}

.sentimentTagsWrapper li[data-tagid='193'],
.sentimentTagsWrapper li[data-tagid='193']:hover,
.sentimentTagsWrapper li[data-tagid='194'],
.sentimentTagsWrapper li[data-tagid='194']:hover,
.sentimentTagsWrapper li[data-tagid='195'],
.sentimentTagsWrapper li[data-tagid='195']:hover,
.sentimentTagsWrapper li[data-tagid='196'],
.sentimentTagsWrapper li[data-tagid='196']:hover,
.sentimentTagsWrapper li[data-tagid='197'],
.sentimentTagsWrapper li[data-tagid='197']:hover,
.sentimentTagsWrapper li[data-tagid='198'],
.sentimentTagsWrapper li[data-tagid='198']:hover {
    padding-right: 30px;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    min-width: 0;
    padding-right: 40px;
    width: auto
}

.sentimentTagsWrapper li[data-tagid='193'],
.sentimentTagsWrapper li[data-tagid='193']:hover {
    background-image: url("../images/emo_top.png")
}

.sentimentTagsWrapper li[data-tagid='194'],
.sentimentTagsWrapper li[data-tagid='194']:hover {
    background-image: url("../images/emo_lol.png")
}

.sentimentTagsWrapper li[data-tagid='195'],
.sentimentTagsWrapper li[data-tagid='195']:hover {
    background-image: url("../images/emo_omg.png")
}

.sentimentTagsWrapper li[data-tagid='196'],
.sentimentTagsWrapper li[data-tagid='196']:hover {
    background-image: url("../images/emo_wtf.png")
}

.sentimentTagsWrapper li[data-tagid='197'],
.sentimentTagsWrapper li[data-tagid='197']:hover {
    background-image: url("../images/emo_fail.png")
}

.sentimentTagsWrapper li[data-tagid='198'],
.sentimentTagsWrapper li[data-tagid='198']:hover {
    background-image: url("../images/emo_wow.png")
}

.sentimentTagsWrapper li .counter {
    font-size: 12pt
}

.sentimentTagsWrapper li:hover {
    background-color: #321432 !important
}

.flux4Widget .share .actionItem.facebook,
.flux4Widget .share .actionItem.facebook:hover {
    background: #1d4491 !important
}

.flux4Widget .share .actionItem.twitter,
.flux4Widget .share .actionItem.twitter:hover {
    background: #27abdc !important
}

.flux4Widget .share .actionItem.myemail,
.flux4Widget .share .actionItem.myemail:hover,
.flux4Widget .share .actionItem.comments,
.flux4Widget .share .actionItem.comments:hover {
    background: #7a7a7a !important;
    color: #fff
}

.flux4Widget .share .actionItem.comments,
.flux4Widget .share .actionItem.comments:hover {
    background: #3f3f3f !important
}

.flux4Widget .share .actionItem {
    border-radius: 0;
    border: 1px solid transparent
}

.flux4Widget .share .actionIcon.sm4IconEnvelope::before,
.sm4IconBubble::before {
    color: #fff
}

@media screen and (max-width: 767px) {
    .flux4Widget .share ul.shareActions>li {
        margin-right: 0
    }
    .flux4Widget .share .actionItem {
        border-radius: 0;
        border: 1px solid transparent
    }
    .flux4Widget .share .actionIcon.sm4IconEnvelope::before,
    .sm4IconBubble::before {
        color: #fff
    }
    .flux4Widget .share ul.shareActions>li {
        width: 24% !important;
        max-width: 80px
    }
    .flux4Widget.pinned ul.shareActions>li {
        width: 25% !important;
        max-width: 25%
    }
}

.story>.flux4Widget.flux4 {
    margin-left: 52px
}



.related-content a {
    _display: block
}

.trail_data {
    font-size: 14px
}

.subhead p {
    margin: 0.5rem 0
}

.trail_data label {
    width: 20%
}

.entry-content object {
    display: block;
    margin: 10px auto
}

.flux4Widget .share ul.shareActions {
    margin-left: -40px
}

.flux4Widget .comments .secondaryHeadline {
    margin: 0
}

.flux4Widget .comments .commentInput {
    border: 0 none;
    background: transparent;
    padding: 0
}

.flux4Widget .comments .txtComment.placeHolder {
    color: #000
}

.home .article-block.item-md .media {
    width: 68% !important
}

@media screen and (max-width: 980px) {
    .archive .article-block[class*="postcard-"] .media,
    .home .article-block.item-md .media,
    .page .article-block[class*="postcard-"] .media {
        width: 100% !important
    }
    .archive .postcard-left>div,
    .archive .postcard-right>div,
    .page .postcard-left>div,
    .page .postcard-right>div {
        display: block
    }
    .archive article.summary .entry-content,
    div.col-xs-6 article.summary .entry-content {
        padding-bottom: 0 !important
    }
    body.archive .item .header span {
        padding-bottom: 0
    }
    .archive .post.col-xs-12 {
        margin-bottom: 0 !important
    }
}

.next-link .btn.btn-secondary {
    background-color: #321432;
    border-radius: 0 !important
}

.next-link .btn.btn-secondary:hover {
    background-color: #36bfc2
}

[class*='sponsored'],
[class*='category '] {
    display: inline-block !important;
    font-size: 1.4rem
}

.sponsored {
    background: #730288;
    color: #fff;
    padding: 6px;
    font-weight: 700
}

body.single .sponsored {
    position: relative;
    top: 0 !important
}

#main>.row>div.post:first-child .media img {
    border-top: 0 none !important
}

.standard-image div.category {
    _top: 0px;
    _margin-top: -20px !important
}

.date {
    _display: inline-block;
    margin-bottom: 10px
}

.date a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
    display: inline-block;
    padding-top: 5px;
    text-transform: capitalize
}

.date a:hover {
    color: #00bbef
}

.col-md-8 .container {
    width: 100%;
    margin-top: 20px;
    padding: 0
}

#comment-form-elements input {
    width: 70%;
    float: right
}

form p textarea,
form p .button {
    width: 70% !important;
    float: right
}

@media screen and (min-width: 480px) {
    #comment-form-elements input {
        width: 80%
    }
    form p textarea,
    form p .button {
        width: 80% !important
    }
}

form p {
    margin-bottom: 10px
}

form p:after {
    display: block;
    clear: both;
    content: ''
}

input,
textarea {
    border: 2px solid #ccc
}

textarea {
    min-height: 90px;
    resize: none
}

.entry-content p img,
.entry-content p img {
    height: auto
}

.home.blog .post.col-xs-12 .media,
.home.blog .post.col-xs-12 .meta-wrap {
    _display: block;
    _width: 100% !important
}

.home.blog .post.col-xs-12 .meta-wrap .header>span {
    _padding: 0 !important
}

.home.blog .post.col-xs-12 .meta-wrap .date {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

.home.blog .post.col-xs-12 .knock-out .meta-wrap .date {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
	padding-left:5px !important;
}

.home.blog #main .sub-header {
    padding-top: 0;
}

@media screen and (max-width: 980px) {
    .home .item-md .media {
        width: 100% !important;
        display: block
    }
    .home .item-md .meta-wrap {
        width: 100% !important;
        display: block
    }
    .home .item-md .header {
        margin-left: 0;
        margin-top: 0
    }
}

.error404 .error404_title {
    margin: 1em
}

.error404 .error404_text p {
    margin: 1em
}

.error404 .menu-overlay {
    min-height: 510px;
    z-index: 9
}

@media screen and (min-width: 660px) {
    .promo-block .headline .h3,
    .category .item-lg .headline .h3 a {
        font: 700 28px/1;
    }
    .article-block .headline .h3 {
        font: 700 21px/1;
    }
    .promo-block.item-sm .headline .h3 {
        font: 700 20px/1;
    }
}

@media screen and (min-width: 768px) {
    .promo-block .headline .h3,
    .category .item-lg .headline .h3 a {
        font: 700 36px/1;
    }
    .article-block .headline .h3 {
        font: 700 28px/1;
    }
    .promo-block.item-sm .headline .h3 {
        font: 700 20px/1;
    }
}

.trend-tematico .list-item h3 {
    line-height: 1 !important
}

.trend-tematico .listing .list-item a h3,
div.meta-wrap div.header span.headline h3.h3 a {
    color: #000000;
    transform: color 0.5s
}

.trend-tematico .listing .list-item:hover a h3,
div.meta-wrap div.header span.headline h3.h3 a:hover {
    color: #000000;
}

.category a {
	position: relative;
}
.category > a:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 5px 6px;
	border-color: transparent transparent #f5f91e transparent;
	position: absolute;
	top: -5px;
	left: 7px;
}
.promo-block .headline h3 {
	text-transform: uppercase;
}
.sponsored {
    font: 700 12px;
}

div.category a {
    padding: 4px 10px !important;
}

article.summary .entry-content,
div.col-xs-6 article.summary .entry-content {
    padding: 10px 0 !important
}

.mobile-search {
    border: 0px none;
    margin-bottom: 0px;
    width: 70%;
    margin-left: 30%;
    border: 5px solid #000;
    border-top: 0 none
}

.mobile-search-form .form-group input {
    font-weight: 700;
    letter-spacing: -0.5px
}

.category-videonews .item-lg .media a:after {
    background-position: 50% 50%
}

.category-videonews .item-md .media a:after {
    background-position: 50% 50%
}

.category-videonews .item-sm .media a:after {
    background-position: 50% 30%
}

.category-videonews .media {
    position: relative;
    overflow: hidden
}

.category-videonews .media a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 204, 218, 0);
    transition: all .2s ease-in-out;
    background-image: url(../images/icon-play.png);
    background-repeat: no-repeat;
    background-position: 50% 25%
}

.category-videonews .media a:hover:after {
    left: 0;
    background-color: rgba(50, 20, 50, 0.4)
}

.category-videonews .article-block .media a:after {
    background-position: 50% 54px
}

@media (min-width: 376px) {
    .category-videonews .article-block .media a:after {
        background-position: 50% 70px
    }
}

@media (min-width: 568px) {
    .category-videonews .article-block .media a:after {
        background-position: 50% 130px
    }
}

@media (min-width: 768px) {
    .category-videonews .article-block .media a:after {
        background-position: 50% 130px
    }
    .category-videonews .article-block .headline {
        background-color: transparent
    }
}

@media (min-width: 980px) {
    .category-videonews .article-block .media a:after {
        background-position: 50% 54px
    }
    .category-videonews .article-block .headline {
        background-color: #fff
    }
}

.mtv-adv[data-ad-sizes="320x50"] {
    display: block;
}

@media (min-width: 0px) and (max-width: 639px) {
    .mtv-adv {
        display: block;
    }
    .mtv-adv[data-ad-sizes="320x50"] {
        display: block !important
    }
}

@media (min-width: 640px) and (max-width: 727px) {
    .mtv-adv {
        display: block
    }
    .mtv-adv[data-ad-sizes="640x100"] {
        display: block
    }
}

@media (min-width: 728px) {
    .mtv-adv {
        display: block
    }
    .mtv-adv[data-ad-sizes="728x90"] {
        display: block
    }
}

body.single .header span.headline {
    top: 8px;
    position: relative
}

.single .category-videonews .header {
    margin-top: 0px
}

@media screen and (max-width: 540px) {
    body.single .header {
        background-color: #fff
    }
}

div[data-ad-sizes="300x250"] {
    display: block !important;
	text-align: center;
	margin-bottom: 10px;
}


/*======================================
=            adv correction            =
======================================*/

.mtv-adv > div > div > div {
    margin: auto !important;
}

@media (max-width: 728px) {
    .mtv-adv[data-ad-sizes~="728x90"] {
        display: none !important;
    }
}

@media (max-width: 970px) {
    .mtv-adv[data-ad-sizes$="970x90"] {
        display: none !important;
    }
}


/*=====  End of adv correction  ======*/


/* DESKTOP CSS */
.mtv-adv[data-ad-sizes="728x90"] {
    height: 90px;
    max-width: 728px;
    display: block;
}

.mtv-adv[data-ad-sizes="320x50"] {
    display: none;
}

.mtv-adv[data-ad-sizes="970x250,970x90"] {
    display: block;
	background:black;
}


/* MOBILE CSS */

@media (min-width: 0px) and (max-width: 979px) {
    .mtv-adv[data-ad-sizes="320x50"] {
        display: block;
        float: none;
    }
    .mtv-adv[data-ad-sizes="728x90"] {
        display: none;
    }
    .mtv-adv[data-ad-sizes="970x250,970x90"] {
        display: none !important;
    }
}

.banner-container .mtv-adv {
    margin: auto !important;
}

#page_root > .container {
    margin-top: 0;
}

#content {
    background-color: #fff;
    padding-left: 10px;
	padding-top: 10px;
}

.category-title{
  line-height:1;
	font-size: 20px;
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #f7f908;
	padding: 15px 20px;
	margin: 0;
	padding-right: 60px;
}
.category-title span, .category-title span a{
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
  color:#000000 !important;
  font-size:20px !important;
}
.category-title a{
  color:#000000 !important;
  padding-right:20px;
  margin-right:10px;
  border-right: 3px solid rgba(26, 26, 26, 0.5);
}
.category-title a:hover{
  color:#321432 !important;
}
@media screen and (min-width:0px) and (max-width:475px){
  .category-title a{
    padding-right:10px;
    margin-right:5px;
    color:#36bfc2 !important;
    }
}

/*=================SHARE ICONS GENERAL====================*/

.ShareNoSm4 .socialLink{
   width: 40px !important;
   height: 40px !important;
   margin-bottom: 3px;
}

.ShareNoSm4 .socicon-container{
   width: 40px;
   display: inline-block;
   position: absolute;
   right: 0;
   top: 0;
   margin-top: 1rem;
   margin-right: 2rem;
}

.ShareNoSm4 .social-norm{
   position: absolute;
   right: 0;
   top: 0;
   margin-top: 1rem;
   margin-right: 2rem;
}
/*.social-fix{
   position: fixed;
   left: calc((100% - 1070px) / 2);
   top: 0;
}*/
.ShareNoSm4 .socialM-norm{
   position: static !important;
   margin-bottom: 25px;
   margin-top: 10px;
}
/*.socialM-fix{
   position: fixed !important;
   bottom: 0;
   left: 0;
   margin-bottom: -3px !important;
}*/


@media (min-width: 1060px) {
   .ShareNoSm4 .social-fix{
      position: fixed;
      right: calc((100vw - 1090px) / 2);
      top: 0;
   }
}

@media (max-width: 1060px){
   .ShareNoSm4 .fa-facebook,
   .ShareNoSm4 .fa-twitter,
   .ShareNoSm4 .fa-envelope{
      float: right !important;
      margin-bottom: 0;
   }
   .ShareNoSm4 .socicon-container{
      position: static;
      margin-bottom: 25px;
      margin-top: 10px;
      display: inline-block;
      width: auto;
      z-index: 99999;
   }
   .ShareNoSm4 .socialLink{
      float: right;
      margin-right: 3px;
   }

}

.ShareNoSm4 .fa-facebook-ctn{
   color: #fff !important;
   background-color: #3b5998;
   width: 40px;
   height: 40px !important;
   padding: 10px;
   font-size: 20px !important;
   text-align: center;
   line-height: 20px;
   float: left;
}
.ShareNoSm4 .fa{
   color: #fff !important;
   width: 20px;
   height: 20px;
}

.ShareNoSm4 .fa-twitter-ctn{
   color: #fff !important;
   fill: #fff;
   background-color: #55acee;
   width: 40px;
   height: 40px !important;
   padding: 10px;
   font-size: 20px !important;
   text-align: center;
   line-height: 20px;
   float: left;
}

.ShareNoSm4 .fa-whatsapp-ctn{
   color: #fff !important;
   background-color: #43d854;
   width: 40px;
   height: 40px !important;
   padding: 10px;
   font-size: 20px !important;
   text-align: center;
   line-height: 20px;
   float: left;

   background-image: url("http://news.mtv.it/wp-content/themes/news-mtv-it-2/library/css/whatsapp-32.png");
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: center center;
}
.ShareNoSm4 .fa-mail-ctn{
   color: #fff !important;
   background-color: #ccc;
   width: 40px;
   height: 40px !important;
   padding: 10px;
   font-size: 20px !important;
   text-align: center;
   line-height: 20px;
   float: left;
   background-image: none !important;

   /* background-image: url("http://stage.news.mtv.it/wp-content/themes/news-mtv-it-2/library/css/whatsapp-32.png");
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: center center; */
}



/* 15 mar. 2017 */

.stay-fixed {
    margin-left: 0;
    top: 10px;
    position: fixed;
    z-index: 100000;
}

@media screen and (max-width: 979px){
    .stay-fixed {
        position: fixed;
        top: auto;
        bottom:  -6px;
        left: 0;
        right: 0;
        margin-left: 0;
        z-index: 100000;
    }
    .stay-fixed #soc-ctn{
        width: 100%;
        margin: 0 !important;
    }
    .ShareNoSm4.stay-fixed .socialLink{
        margin: 0 !important;
        width: 25% !important;
        text-align: center;
    }
    .ShareNoSm4.stay-fixed .socialLink a{
        width: 100%;
    }
    .ShareNoSm4.stay-fixed .socialLink a i.fa{
        float: none !important;
    }
}
@media screen and (min-width:980px){

.ShareNoSm4 .socicon-container {
    width: 40px;
    display: inline-block;
    position: absolute;
    left: -44px;
    top: auto;
    margin-top: 0;
    margin-right: 0;
}
}

@media screen and (min-width: 800px){
    .ShareNoSm4 #wa.socialLink{
        display: none;
    }
}

.yourvoice {
	text-align:center;
	margin: 0 10px;
}

@media screen and (max-width: 767px){   
	.yourvoice-desktop { display:none; margin: 0 auto;}
	.yourvoice-mobile { display:block; margin: 0 auto;}
}

@media screen and (min-width: 768px) {      
	.yourvoice-desktop { display:block; margin: 0 auto; }
	.yourvoice-mobile { display:none; margin: 0 auto;}
} 


/* Evidon Fix Css */

.evidon-banner-message {max-width: 100% !important}
.evidon-banner-message a, .evidon-banner-message a:hover, .evidon-banner-message a:active, .evidon-banner-message a:visited { color: white; text-decoration: underline !important; font-weight: bold; display: inline;}

h3 {
	letter-spacing: -0.5px;
}
body.home article .item-md .category, body.home .post-1 article .category, .item-md .category, article .item-sm .category, body.home article .item .category {
	top: 0 !important;
}
aside h1, aside .h1, aside h2, aside .h2, aside h3, aside .h3, aside h4, aside .h4, aside h5, aside .h5 {
	font-family: "TradeGothicLTStd-BdCn20", sans-serif !important;
}
a, a:hover, a:visited, a:focus {
	color: #000000;
}
.trend-tematico h2 span,
h2.widgettitle,
.sidebar h2.widgettitle {
	font-family: "TradeGothicLTStd-BdCn20", sans-serif !important;
    display: inline-block;
    margin-bottom: 5px;
    padding: 14px 16px;
    font-size: 20px;
    text-transform: uppercase;
	color: #ffffff !important;
    background-color: #000000;
	border: none;
	position: relative;
}
.trend-tematico h2 span {
	margin-left: 8px;
}
.trend-tematico h2 span:before,
h2.widgettitle:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8.5px 0 8.5px;
	border-color: #000000 transparent transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
	left: 18px;
}
.item-md span.headline {
	border: none;
}
.entry-content .item:before,
.entry-content .item:after {
	content: "";
	display: table;
	clear: both;
}
.entry-content .item {
	position: relative;
}
/* breadcrumb */
.breadcrumb {
	font-size: 14px;
  	padding: 0;
	margin-top: 0;
  	margin-bottom: 10px;
	margin-left: 10px;
  	background-color: transparent;
	position: relative;
	z-index: 9999;
}
.breadcrumb * {
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb > li a {color:#666666;}
.breadcrumb > li:before {
	display: none;
}
.breadcrumb > li:after {
	content: "";
	width: 2px;
	height: 14px;
	background-color: #cccccc;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 0 8px;
  	padding: 0;
}
.breadcrumb > li:last-of-type:after {
	display: none;
}
.breadcrumb > li a:hover, .breadcrumb > .active {color:#000000;}
.tag-description {
	font-family: "HelveticaNeueLTStd-Bd", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 25px 12px 15px;
}
body.archive article.summary .header h3 {
	text-transform: uppercase;
}
@media screen and (min-width: 660px) {
	.item-md .meta-wrap .header {
		width: calc(32% + 137px);
		margin: 0;
		bottom: 0;
		right: 0;
		position: absolute;
	}
}

/* video widget */
.top-video-widget li a .img-container {
	position: relative;
	display: block;
}
.top-video-widget li a .img-container img {
	max-width: 100%;
	width: 100%;
	position: static;
}
.top-video-widget li a .img-container span {
	height: 26px;
	color: #ffffff;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 10px 4px 28px;
	z-index: 10;
	display: block;
}
.top-video-widget li a .img-container span:before {
	content: "";
	width: 10px;
	height: 14px;
	background: url(../images/ico_playMTV.png) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 6px;
	left: 10px;
}
.top-video-widget li a .title {
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
	padding: 10px;
	display: block;
}
.item.article-block.postcard-left.half-box {
	
}
@media screen and (min-width: 660px) {
	.item.article-block.postcard-left.half-box {
		width: calc(50% - 50px);
	}
	.item.article-block.postcard-left.half-box + .item.article-block.postcard-left.half-box {
		margin-left: 50px;
	}
}

/* detail news */
.detail-news li {
	margin-bottom: 25px;
}
.detail-news li a {
	display: block;
}
.detail-news li a img {
	max-width: 100%;
	width: 100%;
}
.detail-news li a span {
	display: block;
	margin-left: 3px;
	margin-right: 3px;
}
.detail-news li a span.description {
	line-height: 2.0rem;
	font-size: 2.0rem;
	letter-spacing: -0.5px;
	color: #000000;
	margin-top: 10px;
}
.detail-news li a span.date {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	color: #666666;
}
@media screen and (min-width: 660px) {
	.detail-news ul:before,
	.detail-news ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.detail-news li {
		width: calc(50% - 25px);
		float: left;
	}
	.detail-news li:nth-last-of-type(2n) {
		clear: both;
	}
	.detail-news li:nth-last-of-type(2n+1) {
		margin-left: 50px;
	}
}

/* hot topics */
.execphpwidget li.hot-topics-item {
	padding: 0;
	margin: 0;
}
.execphpwidget li.hot-topics-item + li.hot-topics-item {
	border-top: 4px solid #f7f908;
}
.execphpwidget li.hot-topics-item a {
	font-family: "HelveticaNeueLTStd-Bd", sans-serif;
	min-height: 0;
	font-size: 20px;
	color: #000000;
	padding: 16px 25px 16px 0;
	margin: 0;
	display: block;
	position: relative;
}
.execphpwidget li.hot-topics-item a svg {
	width: 20px;
	height: 18px;
	transform: rotate(-90deg);
	display: block;
	position: absolute;
	top: 22px;
	right: 0;
}
.execphpwidget li.hot-topics-item a svg path {
	fill: transparent;
	stroke: #000000;
	stroke-width: 2;
}
.execphpwidget li.hot-topics-item a:hover {
	color: #666666;
}
.execphpwidget li.hot-topics-item a:hover svg path {
	stroke: #666666;
}
.strip-title {
	padding: 0;
	margin-bottom: 10px;
}
div.meta-wrap div.header span.headline h3.h3 a {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	margin-top: 10px;
}
/* twin news */
div.meta-wrap div.header span.headline h3.h3 a.twin-news {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    margin-top: 10px;
}
@media screen and (max-width: 568px) {
	.breadcrumb {
		margin-left: 0;
	}
}
@media screen and (min-width: 569px) and (max-width: 980px) {
	.breadcrumb {
		margin-left: -10px;
	}
}
@media screen and (min-width: 660px) {
	article.summary .entry-content .item-sm h3 {
		font-size: 2.7rem;
		line-height: 2.7rem;
	}
}
@media screen and (max-width: 568px) {
    .strip-title h1.category-title {
        margin-left: -10px;
    }
}
@media screen and (min-width: 569px) and (max-width: 979px) {
    .strip-title h1.category-title {
        margin-left: -20px;
        margin-right: -10px;
    }
}
@media screen and (min-width: 980px) {
    .strip-title {
        padding-right: 10px;
    }
}

/* font override */
body.home article .item-md .category a,
body.home .post-1 article .category a,
.item-md .category a,
div.category a:link,
div.category a:visited,
article .item-sm .category a,
.story .category a:link,
.story .category a:visited {
	height: 28px;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000 !important;
    background-color: #f6f91e !important;
	letter-spacing: -0.5px;
	display: block;
}
article.summary .entry-content .item-lg h3 {
	font-size: 40px;
	line-height: 40px;
}
body.category #main > .row > .post-1 .header h3 {
	font-size: 30px !important;
	line-height: 30px !important;
	margin-bottom: 5px;
}
.trend-tematico .listing .list-item a h3 {
	font-size: 24px;
}
article.summary .entry-content .item-md h3 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 5px;
}
body.archive article.summary .header h3 {
	font-size: 30px;
	line-height: 30px;
	margin-top:10px;
}
article.summary .entry-content .item-sm h3 {
	font-size: 18px;
	line-height: 18px;
}
body.single .headline h1 {
	font-family: "TradeGothicLTStd-BdCn20", sans-serif !important;
	font-size: 40px;
	text-transform: uppercase;
	color: #000000;
}
.single-post-excerpt {
	font-family: "HelveticaNeueLTStd-Bd", sans-serif;
	font-size: 18px !important;
}
#main article .story .entry-content p,
#main article .story .entry-content p * {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
}
.related-content .tags {
	line-height: 30px;
    display: block;
    padding-left: 0 !important;
    padding-bottom: 20px;
    text-transform: lowercase;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.related-content .tags span {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.related-content .tags a {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.related-content .tags a:hover {
    color: #000000;
}

@media screen and (max-width: 979px) {
	body.home article .item-md .category, body.home .post-1 article .category, .item-md .category, article .item-sm .category, body.home article .item .category {
		top: -28px !important;
		position: absolute;
	}
	body.category article .item .category {
        top: -28px !important;
        position: absolute;
    }
	.archive.tag .header .category {
		position: absolute;
		top: -30px;
	}
	.archive.tag .header .headline h3 {
		margin-top: 5px;
	}
	.single .story .standard-image + .header h1 {
        margin-top: -28px;
    }
    .ShareNoSm4 .socicon-container {
        margin-bottom: 0;
    }
	article.summary .entry-content .item-md h3 {
		margin: 0;
	}
	.home.blog .post.col-xs-12 .knock-out .meta-wrap .date {
    	margin-left: -2px;
	}
}
@media screen and (min-width: 660px) {
	article.summary .entry-content .item-sm h3 {
		font-size: 30px;
		line-height: 30px;
	}
}
@media screen and (max-width: 659px) {
.trend-tematico .listing .list-item a img {
    width: 90px;
}
.trend-tematico .listing .list-item a h3 {
    padding-left: 100px;
    font-size: 18px;
}
.trend-tematico .listing .list-item a:after {
    width: 24px;
    height: 24px;
}
article.summary .entry-content .item-lg h3 {
    font-size: 30px;
    line-height: 30px;
}
}
.paginator {
    clear: both;
}
#topadv{
	text-align: center;
	background-color: #000000 !important;
}


/* Ex on the beach Italia */

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) {
  
  .generatorsize {
 	width: 100%;
  	height: 635px;
  }
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .generatorsize {
 	width: 100%;
  	height: 767px;
  }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .generatorsize {
 	width: 100%;
  	height: 635px;   
  }
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/ 

@media (max-width: 767px) {
  
  .generatorsize {
 	width: 100%;
  	height: 355px;
  }
  
}

