.pt_stories .showOnHover {display:none;}

h1.super-text{
    font-weight: bold;
}
.super-text {
    text-transform: uppercase;
}
#big-cover {
    position: relative;
    max-height: 715px;
    overflow: hidden;
}
#big-cover .cover img {width: 100%}
#big-cover .intro,
#big-cover .scroll-down-cta-wrapper {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
}
#big-cover .intro {top: 30%}
#big-cover .intro .content {
    width: 620px;
    margin: 0 auto;
}
#big-cover .intro .content h1 {
    font-size: 60px;
    margin-bottom: 40px;
    letter-spacing: 3px;
}
#big-cover .intro .content h1 span {display: block}
#big-cover .intro .content p {
    font-size: 13px;
    line-height: 22px;
}
#big-cover .scroll-down-cta-wrapper {bottom: 75px}
#big-cover .scroll-down-cta-wrapper .content {
    display: inline-block;
    cursor: pointer;
    height: 50px;
}
#big-cover .scroll-down-cta-wrapper .content span {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
}
#big-cover .scroll-down-cta-wrapper .content img {
    margin-top: 10px;
    -webkit-transition: margin-top .3s;
    -moz-transition: margin-top .3s;
    -ms-transition: margin-top .3s;
    -o-transition: margin-top .3s;
    transition: margin-top .3s;
}
#big-cover .scroll-down-cta-wrapper .content:hover img {margin-top: 15px}
#main-content {
    position: relative;
    width: 100%;
    max-width: 1184px;
    padding: 96px 0 0;
    margin: 0 auto;
}
#main-content .box {
    width: 50%;
    height: 734px;
    line-height: 734px;
}
#main-content .box img.creator-picture {
    width: 100%;
    vertical-align: middle;
}
#main-content .box.box-text .content {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0 19%;
    text-align: center;
}
#main-content .box.box-text .content h1 {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
#main-content .box.box-text .content h2 {font-size: 13px}
#main-content .box.box-text .content img.sep {margin-top: 28px}
#main-content .box.box-text .content p {
    line-height: 22px;
    padding-top: 28px;
    font-size: 13px;
    text-align: justify;
}
#scroll-top-cta {
    position: relative;
  	text-align: right;
  	cursor : pointer;
  	margin-top:50px;
}
#scroll-top-cta img {vertical-align: middle}

#full-article div.bigPushVideo{
	margin : 0 0 80px
}

/* MOB & TAB */
@media screen and (max-width: 1023px) {
    #big-cover .intro {top: 15%}
    #big-cover .intro .content h1 {margin-bottom: 20px}
    #big-cover .scroll-down-cta-wrapper {bottom: 20px}
    #main-content {
        width: 100%;
        padding-bottom: 80px;
    }
    #main-content .box {
        width: 100%;
        float: none;
        text-align: center;
    }
    #main-content .box img.creator-picture {width: auto}
    #main-content .box.box-text {
        height: auto;
        line-height: normal;
        padding: 15px 0 50px;
    }
    #main-content .box.box-text .content img.sep {margin-top: 15px}
    #main-content .box.box-text .content p {
        padding-top: 15px;
        line-height: 25px;
    }
    #scroll-top-cta {
        bottom: 30px;
    }
}

/* MOB */
@media screen and (max-width: 767px) {
    #big-cover {height: 220px}
    #big-cover > img {
        position: relative;
        width: auto;
        height: 220px;
        left: -55px;
    }
    #big-cover .intro {
        height: 220px;
        line-height: 220px;
        top: 0;
    }
    #big-cover .intro .content {
        display: inline-block;
        vertical-align: middle;
    }
    #big-cover .intro .content h1 {line-height: normal}
    #big-cover .intro .content {width: 90%}
    #big-cover .intro .content h1 {font-size: 19px}
    #big-cover .intro .content h1 span {display: inline}
    #main-content {padding: 0 0 20px}
    #main-content .creator {padding: 30px 0 0}
    #main-content .box {
        height: auto;
        line-height: normal;
    }
    #main-content .box.box-text {padding: 25px 0 0}
    #main-content .box img.creator-picture {width: 80%}
    #main-content .box.box-text .content {padding: 0 10%}
}



			/****************************/
			/******  ARTICLES  **********/
			/****************************/


	/* ARTICLES LIST PAGE */

#articles-list-wrapper {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 35px;
	text-align: center;
}

#articles-list-wrapper div#scroll-top-cta{
	position: relative;
  	bottom: 5px;
  	text-align: right;
}

#articles-list-wrapper .article-summary {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 60px;
}
#articles-list-wrapper .article-summary span.date,
#articles-list-wrapper .article-summary a.text-cta {
	display: block;
	font-size: 13px;
	font-weight: bold;
}

#articles-list-wrapper .article-summary h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 7px 0;
	font-family: 'Agaramond Pro';
font-weight: 600;
	letter-spacing: 10px;

}

#articles-list-wrapper .article-summary p.summary {
	max-width: 400px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 22px;
}

.pt_stories .sliderAfter p{
	font-size: 13px;
    line-height: 22px;
}

#articles-list-wrapper .article-summary a.text-cta {
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 24px;
}

#articles-list-wrapper .article-summary a.cover-cta,
#articles-list-wrapper .article-summary a.cover-cta span.cover,
#articles-list-wrapper .article-summary a.cover-cta span.cover span,
#articles-list-wrapper .article-summary a.cover-cta span.cover span > img {
	display: block;
}
#articles-list-wrapper .article-summary img{
	width:100%;
}

#articles-list-wrapper .article-summary a.cover-cta, #articles-list-wrapper .article-summary div.bigPushVideo {
	margin-top: 10px;
	display: inline-table;
}

#articles-list-wrapper .article-summary div.bigPushVideo span.cover img {
	cursor : pointer;
}

/* TAB */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#articles-list-wrapper {max-width: 600px}
}



	/* ARTICLE DETAIL PAGE */

article#full-article {
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width: 940px;
	padding: 35px 0 20px;
	margin: 0 auto;
}

article#full-article header {
	text-align: center;
	margin-bottom: 60px;
}

article#full-article header span.date {
	display: block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:1px;
}

article#full-article header h1 {
	font-size: 30px;
	text-transform: uppercase;
	margin: 7px 0 0;
	letter-spacing:10px;
	font-family: 'Agaramond Pro';
font-weight: 600;
}
article#full-article .iframe-video{
	margin-bottom:60px;
}

article#full-article span.cover,
article#full-article span.cover span,
article#full-article span.cover span > img {
	display: block;
}
article#full-article span.cover span > img {margin: 0 auto}
article#full-article #cover-block {margin-bottom: 60px}
article#full-article #article-main-content {padding-bottom: 30px}
article#full-article #article-main-content.big-layout section {
	width: 48%;
	padding: 0 1%;
	float: left;
}
article#full-article #article-main-content.big-layout section.art-left{
	padding-left:0;
}
article#full-article #article-main-content.big-layout section.art-right{
	padding-right:0;
}
article#full-article #article-main-content.small-layout section span.cover {
	width: 49%;
	float: left;
	margin-right: 1%;
}
article#full-article #article-main-content.small-layout section h2,
article#full-article #article-main-content.small-layout section p {
	width: 49%;
	float: left;
	margin-left: 1%;
}
article#full-article #article-main-content section span.cover {margin-bottom: 25px}
article#full-article #article-main-content section span.cover img {width: 100%}
article#full-article #article-main-content section h2 {
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 5px;
	font-family: 'Agaramond Pro';
font-weight: 600;
	text-transform: uppercase;
}
article#full-article #article-main-content p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 25px;
	letter-spacing:2px;
}

article#full-article span.cover span > img {
	margin: 0 auto;
}

article#full-article #cover-block {
	margin-bottom: 60px;
}

article#full-article .footer_button{
	display: block;
    text-align: center;
}

article#full-article .footer_button .cta-footer{
	letter-spacing: 1px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    display:initial;
}

/* sldier */

.swiper-container {
    width: 81%;
	min-width: auto !important;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    height: auto !important;
}

.swiper-slide img {
	width: 100%;
}

.defaultSliderContainer {
	position: relative;
	margin: 50px 0;
}

/* TAB */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	article#full-article {padding-top: 35px}
	article#full-article #scroll-top-cta {right: 0}
	.defaultSliderContainer .swiper-container, .header-fix .defaultSliderContainer .swiper-container {
		height: inherit;
		width: 79%;
		min-width: auto !important;
		margin: auto;
	}
	article#full-article.sliderAfter {
	    width: 90%;
	}
	article#full-article.sliderAfter span.cover span > img{
		width: 100%;
	}
	article#full-article #article-main-content.big-layout section {
		width: 49%;
	}
	article#full-article #article-main-content {
		padding: 0 15px 30px 15px;
	}
}


/* MOB */
@media screen and (max-width: 767px) {
	article#full-article {padding: 25px 0 50px}
	article#full-article.sliderAfter {padding-bottom: 0; }
	article#full-article header {margin-bottom: 30px}
	article#full-article #cover-block {
		margin: 0 -20px 30px;
	}
	article#full-article #cover-block img {width: 100%}
	article#full-article #article-main-content.big-layout section {
		float: none;
		width: 100%;
		padding: 0;
	}
	article#full-article #article-main-content section h2 {
		font-size: 16px;
		letter-spacing: 2px;
		margin-bottom: 5px;
		font-family: 'Agaramond Pro';
font-weight: 600;
	    text-transform: uppercase;
	}

	article#full-article #article-main-content.small-layout section h2,
	article#full-article #article-main-content.small-layout section p,
	article#full-article #article-main-content.small-layout section span.cover {
		width: 100%;
		margin-right: 0;
	}
	
	article#full-article #article-main-content{
		padding: 0 1.5%;
	}
	
	.defaultSliderContainer .swiper-container, .header-fix .defaultSliderContainer .swiper-container {
		height: auto;
	}
	
	
	.defaultSliderContainer {
		margin: 20px 0 30px;
	}
	
	.swiper-slide{
		background:#ffffff;
		text-align:center;
	}
	
	.swiper-slide img {
	    display: inline-block;
	    margin: 0 auto;
	    width: 65%;
	}
	
}