section.magazines-sec-hero{display:flex;height:70vh;align-items:center;background-attachment: fixed !important;background-size:cover !important;position:relative;padding-top: 130px}
section.magazines-sec-hero.bg-aviation-360{background:url("aviation-360-me/header-aviation-360.jpg") no-repeat center center;}
section.magazines-sec-hero.bg-built{background:url("built-environment-magazine/header-built.jpg") no-repeat center center;}
section.magazines-sec-hero.bg-clean{background:url("clean-middle-east/header-clean.jpg") no-repeat center center;}
section.magazines-sec-hero.bg-waremeaa{background:url("waste-and-recycling-middle-east-and-africa/header-waremeaa.jpg") no-repeat center center;}


section.magazines-sec-hero:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000000;opacity: .8;}
section.magazines-sec-hero h1{width: 160%;}
section.magazines-sec-hero h1 .spo{display:block !important;}
section.magazines-sec-hero p{line-height:1.3;margin-bottom:30px}
section.magazines-sec-hero .years-box{}
section.magazines-sec-hero .years-box img{margin-bottom: 20px}
section.magazines-sec-hero .years-box p{color:#ffffff;opacity:.75;display: none;}

section.industry-sec-01{padding: 30px 0px 30px 0px;background:#cafb00;position: relative;}
section.industry-sec-01:after{content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background:url("bg-industry.jpg") #cafb00 no-repeat bottom left;background-attachment: fixed;mix-blend-mode: multiply;opacity: .5;}

section.industry-sec-01 h3{margin-bottom:0px;}
section.industry-sec-01 .industry-list{margin: 0px 0px 0px 0px;padding: 0px;list-style-type: none;}

section.industry-sec-01 .industry-list.cc-4{column-count: 4;}
section.industry-sec-01 .industry-list.cc-3{column-count: 3;}
section.industry-sec-01 .industry-list.cc-2{column-count: 2;}
section.industry-sec-01 .industry-list li{font-size: 14px;padding: 8px 10px 10px 25px;position: relative;}
section.industry-sec-01 .industry-list li:before{content:"";position: absolute;top: 10px;left: 0;width: 16px;height: 16px;border-radius: 100px;background:url("icon-tick.png") no-repeat center center;background-size: cover;}


section.ethos-sec-01{padding: 80px 0px 80px 0px;background:#333333;position: relative;}
section.ethos-sec-01:after{content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background:url("bg-industry.jpg") #cafb00 no-repeat bottom left;background-attachment: fixed;mix-blend-mode: multiply;opacity: .5;}
section.ethos-sec-01 h3{margin-bottom: 20px;}
section.ethos-sec-01 p{font-size: 16px;}
section.ethos-sec-01 .thumb-magazine{box-shadow: 40px 0px 20px -30px rgb(0 0 0 / 50%);}

section.events-sec-01{background:#ffffff;padding:100px 0px;position:relative;overflow:hidden;}
section.events-sec-01 p{font-size: 16px;}
section.events-sec-01 .event-logo{/* height: 110px; */margin-top: 30px;margin-bottom: 20px;}
section.events-sec-01 .event-thumb{position: relative;z-index: 9;}
section.events-sec-01.stripe-green .event-thumb{box-shadow: 40px 0px 20px -30px rgb(0 0 0 / 50%);}
section.events-sec-01.stripe-black .event-thumb{box-shadow: -40px 0px 20px -30px rgb(0 0 0 / 50%);} 

section.events-sec-01.stripe-green:after{content:"";position:absolute;left: 0px;bottom:0px;width: 35%;height: 80%;background:#cdff00;}
section.events-sec-01.stripe-black:after{content:"";position:absolute;right: 0px;bottom: 0px;width: 35%;height: 80%;background:#000000;}

section.events-sec-01 .btn-box{margin-top:30px;position:relative;}
section.events-sec-01 .btn-box:after{content:"";position: absolute;top: 53%;right: 102%;width: 150%;height: 2px;background: #cdff00;z-index: -1;}
section.events-sec-01 .btn-box:before{content:"";position: absolute;top: 53%;left: 29%;width: 150%;height: 2px;background: #cdff00;z-index: -1;}

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{position: relative;margin-top: 20px;margin-bottom: 30px;}
.magazine-stripe .row{overflow: hidden;padding: 20px;}
.magazine-stripe:before{content: "";position: absolute;top: 6%;width: 140%;height: 84%;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
.magazine-stripe:after{content: "";}
.magazine-stripe .thumb-magazine{box-shadow: 40px 0px 20px -30px rgb(0 0 0 / 50%);}
.magazine-stripe .logo-magazine{max-height: 110px;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.color-03{color: #ffffff;}*/

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



@media only screen and (min-width : 320px) and (max-width :768px)  {
	
	section.magazines-sec-hero{display: block;height: auto;padding: 110px 0px 50px 0px;}
	section.magazines-sec-hero .years-box img{max-width: 150px;margin-bottom: 30px;}

	section.industry-sec-01{padding-top:40px;}
	section.industry-sec-01 h3{margin-bottom:20px;}
	section.industry-sec-01 .industry-list{column-count:2 !important;}
	
	section.ethos-sec-01{padding:40px 5px}

	section.events-sec-01{padding: 50px 15px;}
	section.events-sec-01.stripe-green:after{top: 0;bottom: inherit;width: 100%;height: 300px;}
	section.events-sec-01.stripe-black:after{top: 0;bottom: inherit;width: 100%;height: 300px;}
	section.culture-sec-hero ul.image-gallery li:nth-child(1) img{}
	section.culture-sec-hero ul.image-gallery li:nth-child(2) img{}
	section.culture-sec-hero ul.image-gallery li:nth-child(3) img{}
	section.culture-sec-hero ul.image-gallery li:nth-child(4) img{}
	section.culture-sec-hero ul.image-gallery li:nth-child(5) img{}
	section.culture-sec-hero ul.image-gallery li:nth-child(6) img{}

	
}

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