section.publications-sec-hero{display:flex;height:100vh;/*height:calc(100vh - 100px);*/align-items:center;background: url("publication-hero-banner.jpg") no-repeat top center;background-attachment: fixed;background-size: cover;position:relative;}
section.publications-sec-hero:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000000;opacity: .5;}
section.publications-sec-hero h1{text-shadow: 14px 10px 10px black;}
section.publications-sec-hero h1 .spo{display:block !important;}
section.publications-sec-hero p{line-height:1.3;margin-bottom:30px;text-shadow: 2px 2px 3px black;}

section.publications-sec-01{padding:130px 0}
section.publications-sec-01 .para-04 strong{margin-top:60px;padding-top:50px;border-top:1px solid #000;display:block}
section.publications-sec-01 span{display: block;}

section.publications-sec-02{padding: 120px 0px 40px 0px;/* background: url("bg-magazine.jpg") no-repeat center center; *//* background-attachment: fixed; *//* background-size: cover; */overflow: hidden;background: #ffffff;}
section.publications-sec-02 h2{/* color: #ffffff; */}
section.publications-sec-02 h2 .bdr-btm{/* border-color:#ffffff; */}

a.btn-we-engage{display: inline-block;color: #000000;letter-spacing: 2px;text-shadow: 1px 0px black;transition:all 500ms ease-in-out;}
a.btn-we-engage .thumb{/* display: inline-block; */transform: scale(1);overflow: hidden;transition:all 500ms ease-in-out;}
a.btn-we-engage .thumb img{transform: scale(1);transition:all 500ms ease-in-out;}
a.btn-we-engage .txt{position: absolute;top: 50%;left: 50%;display: block;text-align: center;padding-top: 30px;transform: translate(-50%,-50%);transition:all 500ms ease-in-out;}
a.btn-we-engage .txt h4{transition:all 500ms ease-in-out;}

a.btn-we-engage:hover{transition:all 500ms ease-in-out;}
a.btn-we-engage:hover .thumb{transform: scale(.9);transition:all 500ms ease-in-out;}
a.btn-we-engage:hover .thumb img{transform: scale(1.2);transition:all 500ms ease-in-out;}
.box-00{opacity: 0;}
.box-01{position: absolute;top: 15%;left: 3%;width: 55%;}
.box-02{position: absolute;top: 0%;right: 3%;width: 34%;}
.box-03{position: absolute;bottom: 3%;right: 3%;width: 72%;}


.magazine-stripe{display: inline-block;position: relative;margin-top: 50px;margin-bottom: 50px;}
.magazine-stripe .row{overflow: hidden;padding: 20px 30px;position: relative;z-index: 9;}
.magazine-stripe:before{content: "";position: absolute;top: 8%;width: 140%;height: 84%;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);z-index: 1;}
.magazine-stripe:after{content: "";position: absolute;top: 18%;right: -40%;width: 190%;height: 64%;background: #cdff00;z-index: 0;}
.magazine-stripe .logo-magazine{max-width: 200px;margin-bottom: 20px;}
.magazine-stripe a{/* margin-bottom: 30px; */}
.magazine-stripe.color-01:before{left: 15%;background: #ffff;}
.magazine-stripe.color-02:before{right: 15%;background: #ffff;}
.magazine-stripe.color-03:before{left: 15%;background: #ffff;}
.magazine-stripe.color-04:before{right: 15%;background: #ffff;}

.magazine-stripe a.thumb-magazine{display:inline-block;padding: 50px 30px;}
.magazine-stripe a.thumb-magazine span{display:inline-block;position:relative;transform: scale(1.3);box-shadow: 38px 0px 20px -30px rgb(0 0 0 / 50%);transition:all 500ms ease-in-out;}
.magazine-stripe a.thumb-magazine span img{}
.magazine-stripe a.thumb-magazine:hover span{transform: scale(1.2);box-shadow: -10px 0px 20px 0px rgb(0 0 0 / 50%);transition:all 500ms ease-in-out;}


.thumb-magazine { } 
/* Two */
.thumb-magazine.two span:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: -120vh -120vh, 0 0;
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  -moz-background-size: 250% 250%, 100% 100%;
  background-size: 250% 250%, 100% 100%;
  -webkit-transition: background-position 0s ease;
  -moz-transition: background-position 0s ease;
  -o-transition: background-position 0s ease;
  transition: background-position 0s ease;
}

.thumb-magazine.two:hover span:after{
  background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}




/*.magazine-stripe.color-03{color: #ffffff;}*/

section.publications-results .results-slider .mr-box{min-height: 310px;background: #ffff;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	
	section.publications-sec-hero{background-size:cover !important;}
	section.publications-sec-hero h1{width:100%;}
	section.publications-sec-02{padding:60px 0px;}

	.magazine-stripe{}
	.magazine-stripe.color-01:after,
	.magazine-stripe.color-03:after{top: 0;width: 100%;}
	
	.magazine-stripe.color-01:before,
	.magazine-stripe.color-03:before{top: 30%;left: -10%;width: 110%;height: 72%;}
	
	
	.magazine-stripe.color-02:after,
	.magazine-stripe.color-04:after{top: 0;width: 100%;}
	
	.magazine-stripe.color-02:before,
	.magazine-stripe.color-04:before{top: 30%;left: -10%;width: 110%;height: 72%;}
	

	.magazine-stripe.color-03:before{}
	.magazine-stripe a.thumb-magazine{margin-bottom:40px;}
	
	section.publications-results{padding:40px 0px;}
}


@media only screen 
and (min-width : 320px) 
and (max-width : 1024px)  {
	
	h1.heading-01{font-size: calc(30px + 5vh);}
	
}