.mdp-fv5 .paperWrap{max-width: 1920px; margin: auto; background-color: #fff;}
.mdp-fv5 .paperWrap img{max-width: 100%;}
.mdp-fv5 .paperWrap sup{position: relative; vertical-align: baseline; bottom: 5px; font-size: 70%}
.mdp-fv5 .pvideod{display: block}
.mdp-fv5 .pvideom{display: none}

.mdp-fv5 .paperhero{background: url("/wcsstore/hpusstore/Treatment/mdps/paper/pape-photoHero_1920-v3.jpg") no-repeat top center; background-size: cover; height: 531px}
.mdp-fv5 .paperhero .herotextCont{margin: auto; padding: 30px 20px; text-align: center; max-width: 540px;}
.mdp-fv5 .paperhero .herotextCont h1{font-size: 36px; line-height: 36px; font-weight: 500; margin: 0 0 10px 0;font-family: "HPSimplified",arial!important;}
.mdp-fv5 .paperhero .herotextCont span{display: block; font-size: 18px; line-height: 24px; font-weight: 100; margin-bottom: 15px}
.mdp-fv5 .paperWrap .prodCta{background-color: #0171ad; color: #fff; font-size: 16px; font-weight: 100; padding: 8px 30px; text-transform: uppercase; display: inline-block; text-decoration: none}
.mdp-fv5 .paperWrap .prodCta:hover{text-decoration: underline; background-color: #075782}
.mdp-fv5 .paperWrap .learnmorecta{color: #075782; border: 1px solid #075782; font-size: 14px; font-weight: 100; padding: 8px 15px; display: inline-block; text-decoration: none}
.mdp-fv5 .paperWrap .learnmorecta:hover{text-decoration: underline;}

.mdp-fv5 .paperWrap .papervideowrap{max-width:1920px; margin: 0 auto 50px; padding-top:40px;  background-color: #f5f5f5; background-image: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(245,245,245,1) 10%, rgba(245,245,245,1) 100%);}
.mdp-fv5 .paperWrap .papervideowrap .papervideo{max-width:936px; margin: 0 auto; position: relative}
.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay .vidTitle{text-align: center; position: absolute; font-weight: 500; color: #000; left: 0; right: 0; top: 30%; bottom: 0; }
.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay h2{font-weight: 500!important; font-size: 32px!important; margin: 0;font-family: "HPSimplified",arial!important;}
.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay h2 br{display: none}
.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay .vidTitle img{margin-top: 10px; display: inline-block; transition: all 0.3s ease;}
.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay:hover .vidTitle img{filter: saturate(0);}

.mdp-fv5 .paperWrap .psectionHead{max-width: 1920px; margin: auto; padding: 0 20px; text-align: center}
.mdp-fv5 .paperWrap .psectionHead h2{font-size: 32px!important; line-height: 32px; font-weight: 500!important; margin: 0 0 10px;font-family: "HPSimplified",arial!important;}
.mdp-fv5 .paperWrap .psectionHead span{font-size: 16px; line-height: 20px; font-weight: 100; margin: 0 auto; display: block}

.mdp-fv5 .paperWrap .psliderCont{max-width: 1220px; margin: 30px auto 40px; overflow: hidden}
.mdp-fv5 .paperWrap .pslider-for{background-color: #ddd}
.mdp-fv5 .paperWrap .pSlider img{display: block;}
.mdp-fv5 .paperWrap .pslider-nav{display: flex;justify-content: space-around}
.mdp-fv5 .paperWrap .slider-to{text-decoration: none; max-width: 300px; margin: 0 10px; color: #535353;}
.mdp-fv5 .paperWrap .slider-to.active{color: #000}
.mdp-fv5 .paperWrap .slider-to::before{content: ""; display: block; height: 10px; width: 65px; background-color: #ddd; transition: all 0.6s ease;}
.mdp-fv5 .paperWrap .slider-to.active::before{background-color: #26679d}
.mdp-fv5 .paperWrap .slider-to h3{font-size: 20px; line-height: 24px; font-weight: 500; margin: 15px 0 10px;}
.mdp-fv5 .paperWrap .slider-to:hover h3{color: #26679d}
.mdp-fv5 .paperWrap .slider-to span{font-size: 16px; line-height: 20px; font-weight: 100; margin: 0}
.mdp-fv5 .paperWrap .pSlidermtext{display: none}
.mdp-fv5 .paperWrap .pcomparecta{text-align: center; padding-bottom: 50px; display: block; overflow: hidden}
.mdp-fv5 .paperWrap .pcomparecta label{font-size: 20px; padding: 12px 30px; background-color: #fff; display: inline-block; font-weight: 100; color: #0171ad; text-decoration: none; border: 1px solid #0171ad; transition: all 0.2s ease; cursor: pointer}
.mdp-fv5 .paperWrap .pcomparecta label:hover, .mdp-fv5 .paperWrap .pcomparecta label:focus{background-color: #0171ad; color: #fff;}

.mdp-fv5 .paperWrap .pbluebanner{background-color: #dbf1ff; max-width: 1920px; margin: 40px auto; padding: 40px 10px; overflow: hidden}
.mdp-fv5 .paperWrap .advancePapers{display: flex; justify-content: space-between; max-width: 1220px; margin: auto}
.mdp-fv5 .paperWrap .advancePapers > div{max-width: 590px; background-color: #fff; text-align: center; margin-top: 30px; }
.mdp-fv5 .paperWrap .advancePapers .advPaperTxt{margin: 0 0 30px}
.mdp-fv5 .paperWrap .advancePapers .advPaperTxt h3{font-size: 22px; line-height: 24px; font-weight: 500; margin: 15px 10px 10px;}
.mdp-fv5 .paperWrap .advancePapers .advPaperTxt span{font-size: 16px; line-height: 20px; font-weight: 100; margin: 0 auto 15px; padding: 0 15px; display: block; max-width: 350px}

.mdp-fv5 .paperWrap .psustainability{display: flex; justify-content: space-between; max-width: 1220px; margin: 30px auto}
.mdp-fv5 .paperWrap .psustainability > div{width: 33.33%; max-width: 381px; background-color: #fff; margin: 10px; }
.mdp-fv5 .paperWrap .psustainability .advPaperTxt{margin: 0 0 30px}
.mdp-fv5 .paperWrap .psustainability .advPaperTxt h3{font-size: 22px; line-height: 24px; font-weight: 500; margin: 15px 0 10px;}
.mdp-fv5 .paperWrap .psustainability .advPaperTxt span{font-size: 16px; line-height: 20px; font-weight: 100; margin: 0 auto 15px; padding: 0; display: block;}

.mdp-fv5 .paperWrap .psupplierbanner{background-color: #f9f9f9; max-width: 1920px; margin: 40px auto; padding: 40px 10px; overflow: hidden}
.mdp-fv5 .paperWrap .crosssupply{display: flex; justify-content: space-between; max-width: 1200px; margin: auto}
.mdp-fv5 .paperWrap .crosssupply > div{max-width: 569px; text-align: center; margin-top: 30px; }
.mdp-fv5 .paperWrap .crosssupply .advPaperTxt{margin: 0 0 10px}
.mdp-fv5 .paperWrap .crosssupply .advPaperTxt h3{font-size: 22px; line-height: 24px; font-weight: 500; margin: 0 10px 10px;}
.mdp-fv5 .paperWrap .crosssupply .advPaperTxt span{font-size: 16px; line-height: 20px; font-weight: 100; margin: 0 auto 15px; padding: 0 15px; display: block; max-width: 350px}

.mdp-fv5 .paperWrap .paperFootnotes{max-width: 1220px; margin: 0 auto; padding: 0 20px 20px}
.mdp-fv5 .paperWrap .paperFootnotes li{font-size: 12px; color: #8d8d8d; margin-bottom: 15px; list-style: decimal}

.mdp-fv5 .paperWrap .papCompTable{max-width: 1220px; min-width: 768px; margin: 0 auto;}
.mdp-fv5 .paperWrap .papCompTable table{border: none}
.mdp-fv5 .paperWrap .papCompTable tr td{font-weight: 100; width: 22%}
.mdp-fv5 .paperWrap .papCompTable tr td:first-child{width: 12%;font-weight: 500}
.mdp-fv5 .paperWrap .papCompTable td, .mdp-fv5 .paperWrap .papCompTable th{text-align: center;border-bottom: 1px solid #5c5c5c; padding: 15px; font-size: 16px}
.mdp-fv5 .paperWrap .papCompTable tr td:nth-child(even){background-color: #f2f3f4}
.mdp-fv5 .paperWrap .papCompTable h3{color: #0096d6; font-size: 20px; line-height: 24px; font-weight: 500; margin: 0 0 5px}
.mdp-fv5 .paperWrap .papCompTable span{font-size: 16px; line-height: 18px; font-weight: 500}
.mdp-fv5 .paperWrap .papCompTable strong{font-weight: 500}
.mdp-fv5 .paperWrap .papCompTable img{width: 180px}
.mdp-fv5 .paperWrap .comparefootnote{font-size: 12px; color: #888; margin-top: 15px}
.mdp-fv5 .paperWrap .comparefootnote a{color: #888; text-decoration: underline}
.mdp-fv5 .paperWrap .comparefootnote a:hover{text-decoration: none}

/* Fading animation */
			.fade {
			  -webkit-animation-name: fade;
			  -webkit-animation-duration: 2s;
			  animation-name: fade;
			  animation-duration: 2s;
				
			}

			@-webkit-keyframes fade {
			  from {opacity: 0} 
			  to {opacity: 1}
			}

			@keyframes fade {
			  from {opacity: 0} 
			  to {opacity: 1}
			}

@media only screen and (max-width: 1220px){
	.mdp-fv5 .paperWrap .psliderCont{padding: 0 20px}
	.mdp-fv5 .paperWrap .advancePapers > div{margin: 20px 10px 0}
	.mdp-fv5 .paperWrap .psustainability {margin: 0 10px }
	.mdp-fv5 .paperWrap .papCompTable h3{font-size: 18px; line-height: 22px; }
	.mdp-fv5 .paperWrap .papCompTable td, .mdp-fv5 .paperWrap .papCompTable th{padding: 5px}
	.mdp-fv5 .paperWrap .papCompTable img{width: 120px}
}

@media only screen and (max-width: 786px){
	.mdp-fv5 .paperWrap .papervideowrap .papervideo{padding: 0 20px}
	

}
@media only screen and (max-width: 642px){
	.mdp-fv5 .paperhero .herotextCont h1{font-size: 32px; line-height: 32px;}
	.mdp-fv5 .paperhero .herotextCont span{display: block; font-size: 16px!important; line-height: 22px!important;}
	.mdp-fv5 .paperhero{height: 400px; background: url("/wcsstore/hpusstore/Treatment/mdps/paper/pape-photoHero_642-v3.jpg") bottom center}
	
	.mdp-fv5 .paperWrap .papervideowrap{padding-top: 20px;background-image: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(245,245,245,1) 20%, rgba(245,245,245,1) 100%);}
	.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay{top :10%}
	.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay h2{font-size: 22px; line-height: 22px}
	.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay h2 br{display: inline-block}
	.mdp-fv5 .paperWrap .papervideowrap .papervideo .videoPLay .vidTitle{top: 20%}
	
	.mdp-fv5 .paperWrap .psectionHead h2{font-size: 28px!important; line-height: 28px;}
	
	.mdp-fv5 .paperWrap h3{font-size: 18px!important; line-height: 22px!important;}
	.mdp-fv5 .paperWrap span{font-size: 14px!important; line-height: 16px!important;}
	
	.mdp-fv5 .paperWrap .pcomparecta{padding-bottom: 30px}
	.mdp-fv5 .paperWrap .pcomparecta label{font-size: 16px;}
	
	}
@media only screen and (max-width: 550px){
	.mdp-fv5 .pvideod{display: none}
	.mdp-fv5 .pvideom{display: block}
	.mdp-fv5 .paperWrap .pslider-nav{display: none}
	.mdp-fv5 .paperWrap .pSlider{border: 1px solid #ddd}
	.mdp-fv5 .paperWrap .pSlidermtext{display: block; text-align: center; padding: 0 20px 20px}
	.mdp-fv5 .paperWrap .pSlidermtext h3{font-size: 20px!important; line-height: 24px!important; font-weight: 500; margin: 15px 0 10px;}
	.mdp-fv5 .paperWrap .pSlidermtext span{font-size: 16px!important; line-height: 20px!important; font-weight: 100; margin: 0}
	.mdp-fv5 .paperWrap .pslider-for{background-color: #fff;}
	.mdp-fv5 .paperWrap .advancePapers, .mdp-fv5 .paperWrap .psustainability, .mdp-fv5 .paperWrap .crosssupply{flex-wrap: wrap}
	.mdp-fv5 .paperWrap .advancePapers > div, .mdp-fv5 .paperWrap .crosssupply > div{max-width: 100%; width: 100%}
	.mdp-fv5 .paperWrap .psustainability{margin: 30px 20px}
	.mdp-fv5 .paperWrap .psustainability > div{width: 100%; margin: 0 auto}
	.mdp-fv5 .paperWrap .psectionHead h2{font-size: 26px!important; line-height: 30px;}
}

.mdp-fv5 .paperWrap .modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
}
.mdp-fv5 .paperWrap .modal__inner p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-family: HPSimplified;
}

.mdp-fv5 .paperWrap .modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.mdp-fv5 .paperWrap .modal-state {
  display: none;
}

.mdp-fv5 .paperWrap .modal-state:checked + .mdp-fv5 .paperWrap .modal {
  opacity: 1;
  visibility: visible;
    z-index: 999;
}

.mdp-fv5 .paperWrap .modal-state:checked + .mdp-fv5 .paperWrap .modal .modal__inner {
  top: 0;
}

.mdp-fv5 .paperWrap .modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80%;
  max-width: 1220px;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em;
  height: 80%;
}

.mdp-fv5 .paperWrap .modal__close {
  position: fixed;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.mdp-fv5 .paperWrap .modal__close:after,
.mdp-fv5 .paperWrap .modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.mdp-fv5 .paperWrap .modal__close:hover:after,
.mdp-fv5 .paperWrap .modal__close:hover:before {
  background: #aaa;
}

.mdp-fv5 .paperWrap .modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .mdp-fv5 .paperWrap .modal__inner {
    width: 90%;
    height: 86%;
    box-sizing: border-box;
  }
  
}
/**/