@import url('https://fonts.googleapis.com/css?family=Archivo:400,600,700&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {line-height: 1;}

ol, ul{list-style: none;}

blockquote, q{quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}

table{border-collapse: collapse; border-spacing: 0;}

.clear{width:100%;height:0;overflow:hidden;clear:both;}


/********************************************************** body + fonts */

html{}

body {color:#414141;font-size:100%; font-family: "Neue Haas Unica Pro Regular",Arial, Helvetica, sans-serif;     -webkit-font-smoothing: antialiased;}
p{color: #414141; margin-bottom:25px;line-height:150%; font-family: "Neue Haas Unica Pro Regular", Helvetica, Arial; font-weight:normal; font-size:18px; -webkit-font-smoothing: antialiased; }

a {text-decoration: none !important;color:#414141; outline:none !important;}
a:hover {text-decoration:none;}

h2, h3, h4, h5, h6{font-family: "Archivo", sans-serif; font-size:42px; color:#2d3142; font-weight:700; line-height:100%;}
h2{font-size: 40px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5,h6{font-size: 16px;}

strong, b{font-family: "Archivo", sans-serif; font-weight: 700;}

body.loading{position: fixed; width: 100%;}

/********************************************************** containers */

#page{position: relative; overflow-x: hidden;}

.container{margin:auto; width:100%; max-width: 1380px;}
.container.l0{width: 1150px;}
.container.l01{width: 1024px;}
.container.l1{/*width: 915px;*/ width: 68%;}
.container.l2{width: 680px;}


#page{opacity: 0; -webkit-transition: .5s ease all; transition: .5s ease all;}
#page.load{opacity: 1;}


#notice{
	position: fixed;
	padding: 10px 0;
	background: #cd9c2f;
	text-align: center;
	margin-bottom: 20px;
	top: 0;
	left: 0;
	width: 100%;
}
#notice p a{
	color: #fff;
	display: block;
	opacity: 1;
	transition:.5s all ease;
}
#notice p a:hover{
	opacity: 0.8;
}
#notice a.closeNotice{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 15px;
	right: 20px;
	background: url(../img/icon_close.png) no-repeat center;
	background-size: 100%;
}
#notice p{
	font-size: 18px;
	color: #fff;
	margin: 0;
}

#page.has_notice #introVideo{top: 47px;}


/********************************************************** header */

header{position:relative; background: #fff; z-index: 150; width: auto; border-bottom: 1px #f6f6f6 solid; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: .8s;}
header .container{max-width: none; padding: 0 30px; width: auto;}

 header .logo{float:left; margin:10px 0; height: 115px; position: relative; z-index: 2;}
header h1{ text-indent: -9999px;}
header h1 a{display: block; position: absolute; width:115px;height:77px;display:block;overflow:hidden;text-indent:-9999px;background: url(../img/logo-mhlathuze2.svg) no-repeat center top;}
/*header h1 a{display: block; position: absolute; width:115px;height:115px!important;display:block;overflow:hidden;text-indent:-9999px;background: url(../img/mhlathuze_logo.jpg) no-repeat center top; background-size: 100% auto;}*/

header nav{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right;}
header nav:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
header nav ul{display: inline-block; vertical-align: middle; }
header nav li{display: inline-block; vertical-align: middle; margin: 0 1.5vw;}
header nav li a{font-family:"helvneue_bold", Helvetica, Arial; font-size: 14px;}
header nav li a{-webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition:.5s all ease;}
header nav li a:hover{color:#cd9c2f;}

header nav li a.active{color:#cd9c2f;}
header nav li a.active:after{content: ""; display: block; width: 30px; height: 5px; margin-top: 5px; background: url(../img/icon_nav_active.svg) no-repeat center;}

header nav > ul > li > ul.sub-menu{position: absolute;}
header nav > ul > li > ul.sub-menu a{word-wrap:normal;}

header .viewVacancies{position: relative; z-index: 3; margin-top: 30px; float: right; font-family: "helvneue_bold", Helvetica, Arial; font-size: 15px; color: #000;padding: 15px 0; width: 150px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
header .viewVacancies:hover{color: #cd9c2f !important; border-color: #cd9c2f;}

header .viewVacancies.active{background: #cd9c2f !important; border-color: #cd9c2f !important; color: #fff !important;}

header .respMenu{display: none;}

#home header{border-bottom: none;}


header.top{position: fixed; top: 0; left: 0; width: 100%; z-index: 99999;}


body.loading #home header{opacity: 0;}

/* mobile navigation */

#navigation{position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(255,255,255,1); visibility:hidden; z-index: 100; overflow: auto; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#navigation.reset{overflow: hidden;}

#navigation .links{padding: 20px 0 40px; border-bottom: 1px solid rgba(170, 171, 167, 0.34);}
#navigation .links ul{}
#navigation .links ul li{padding-left: 40px; margin-top: 35px;}
#navigation .links ul li a{display: block; font-size: 20px; font-family: "helvneue_bold", Helvetica, Arial; color: #000;}

#navigation .contact{padding: 40px 0 10px; position: relative;}
#navigation .contact .block{margin-bottom: 50px; padding-left: 40px;}

#navigation .contact .block h3{color: #5d606e; font-size: 14px; margin-bottom: 25px;}
#navigation .contact .block p{color: #5d606e; font-size: 14px; margin-bottom: 20px;}

#navigation .contact .block ul{}
#navigation .contact .block ul li{margin-bottom: 3px; color: #5d606e; font-size: 14px; font-family: "Archivo", sans-serif;}
#navigation .contact .block.social a{display: block; font-size: 14px; font-family: "Archivo", sans-serif; color: #5d606e; margin-bottom: 6px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#navigation .contact .block a.viewMap{display: inline-block; color: #5d606e; font-size: 14px; font-family: "Archivo", sans-serif; border-bottom: 1px #5d606e solid; padding-bottom: 2px;}

#navigation .heading{position: relative;}
/*#navigation .heading .logo{display: block; position: absolute; top: 10px; left: 15px; width:50px;height:35px;display:block;overflow:hidden;text-indent:-9999px;background: url(../img/logo-mhlathuze2.svg) no-repeat center top; background-size: 100%;}*/
#navigation .heading .logo{display: block; position: absolute; top: 10px; left: 15px; width:50px;height:50px;display:block;overflow:hidden;text-indent:-9999px;background: url(../img/mhlathuze_logo.jpg) no-repeat center top; background-size: 100%;}

#navigation .heading a.close{display: block; width: 18px; height: 17px; background: url(../img/icon_close_burger.png) no-repeat center; float: right; padding: 20px 0 20px 20px;}

/* navigation open */
#page.menu #navigation{visibility:visible; opacity:1;}

/* fake div under a fixed header */
#spacer{position: relative; width: 100%; height: 90px; }

/********************************************************** main */

/*************** General */

main{position: relative; z-index: 70; background: #fff; min-height: 100vh; border-bottom: 1px solid rgba(0,0,0,.1);  box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}

.follownavanchor{display: block; position: relative;}
#follownav{position: relative; border-bottom: 1px #c5e5ff solid; background: #fff;}

#follownav a{display: block; float: left; padding: 25px 0; width: 33.333%; font-size: 22px; font-family: "Archivo", sans-serif; color: #aaaba7; position: relative; text-align: center; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#follownav a.current{color: #7cb6e7;}
#follownav a.current:after{content: ""; display: block; width: 100%; height: 3px; background: #7cb6e7; position: absolute; bottom: 0; left: 0;}

#follownav a:hover{color: #7cb6e7;}

.follownavspacer{position: relative; height: 73px; width: 100%; display: none;}

#page.sticky #follownav{position: fixed; top: 0; left: 0; z-index: 5; width: 100%;}
#page.sticky .follownavspacer{display: block;}


#tabs{padding: 125px 0 0;}

#tabs .tab{display: none; position: relative;}
#tabs .tab.active{display: block;}

#tabs .tab .title{position: relative; margin-bottom: 105px;}
#tabs .tab .title h2{display: inline-block; position: relative; font-size: 22px; font-family: "Archivo", sans-serif; color: #2d3142; margin-bottom: 20px;}
#tabs .tab .title h2:before{content: ""; display: block; width: 8px; height: 11px; background: url(../img/about/icon_triangle_black.svg) no-repeat center; position: absolute; top: 5px; left: -25px;}


#tabs .tab .title p{color: #141414; font-size: 22px; font-family: "Neue Haas Unica Pro Regular", Arial; max-width: 780px; margin-bottom: 30px;}

#tabs .tab .title .revealText{max-height: 0; overflow: hidden; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#tabs .tab .title.open .revealText{max-height: 1500px; }

#tabs .tab .title a.readMore{display: inline-block; color: #2d3142; border-bottom: 1px #2d3142 solid; padding-bottom: 5px; font-size: 15px; font-family: "Neue Haas Unica Pro Regular", Arial; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#tabs .tab .title a.readMore:hover{color: #7cb6e7; border-color: #7cb6e7;}

#tabs .tab .title.large{}
#tabs .tab .title.large h3{font-size: 85px; color: #295577; line-height: 100%; font-family: "Neue Haas Unica Pro Light", Arial; font-weight: normal;}

#tabs .tab .intro{margin: 0 auto 110px; max-width: 820px;}
#tabs .tab .intro p{margin-bottom: 40px; font-size: 28px; font-family: "Neue Haas Unica Pro Regular", Arial;}
#tabs .tab .intro ul{}

#tabs .tab .intro li{font-size: 28px; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 10px; line-height: 130%;}



#tabs .tab .intro ul li{position: relative;}
#tabs .tab .intro ul li:before{content: ""; display: block; width: 5px; height: 5px; background: #2d3142; border-radius: 50%; position: absolute; top: 13px; left: -38px;}

#tabs .tab .image{margin: 0 auto 90px;}
#tabs .tab .image img{display: block; margin: auto; max-width: 100%;}

#tabs .tab .info{background-color: #f5f6f6; margin-bottom: 0;}
#tabs .tab .info .sliderWrapper{margin-bottom: 80px;}
#tabs .tab .info .sliderWrapper .container{position: relative;}

#tabs .tab .info .sliderOuter{position: relative; left: 14.5%; width: calc(100% - 14.5%); min-height: 580px; overflow: hidden; z-index: 3;}

#tabs .tab .info .sliderOuter a.control{display: block; width: 68px; height: 68px; position: absolute; top: 50%; margin-top: -85px; z-index: 2; background: #fff no-repeat center; border-radius: 50%; box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.23);}
#tabs .tab .info .sliderOuter a.control.prev{left: -100px; background-image: url(../img/about/icon_prev.svg); background-color: transparent;}
#tabs .tab .info .sliderOuter a.control.next{right: 80px; background-image: url(../img/about/icon_next.svg); background-color: #fff;}

#tabs .tab .info .sliderOuter{}
#tabs .tab .info .sliderOuter .slick-list{padding-right: 25%; min-height: 580px;}
#tabs .tab .info .sliderOuter .slick-slide{position: relative; padding-bottom: 0;}
#tabs .tab .info .sliderOuter .slick-slide .inner{padding-right: 30px;}
#tabs .tab .info .sliderOuter .slick-slide .image{position: relative; margin-bottom: 0;}
#tabs .tab .info .sliderOuter .slick-slide .image img{display: block; max-width: 100%;}

#tabs .tab .info .sliderOuter .slick-slide .caption{/*position: absolute; bottom: 0; left: 0; width: calc(100% - 30px); max-width: 825px;*/}
#tabs .tab .info .sliderOuter .slick-slide .caption p{margin-bottom: 0; font-size: 13px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #aaaba7;}

#tabs .tab .info .sliderOuter .slick-dots{text-align: right; position: relative; padding-right: 100px; margin-top: 10px; top: 15px;}
#tabs .tab .info .sliderOuter .slick-dots li{display: inline-block; vertical-align: middle; margin-left: 15px;}
#tabs .tab .info .sliderOuter .slick-dots li button{background: #e4e7ee; width: 13px; height: 13px; display: block; border: none; outline: none; text-indent: -9999px; border-radius: 50%; padding: 0;}
#tabs .tab .info .sliderOuter .slick-dots li.slick-active button{background: #000;}

#tabs .tab .info .sliderOuter button.slick-arrow{display: none !important;}

#tabs .tab .info .sliderOuter .caption{/*position: absolute; bottom: 0; left: 0; width: calc(100% - 30px);;*/ position: relative;  max-width: 825px; visibility: hidden;}
#tabs .tab .info .sliderOuter p{margin-bottom: 0; font-size: 13px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #aaaba7;}

#tabs .tab .info .details{max-width: 820px; margin: auto; padding-bottom: 100px;}
#tabs .tab .info .details p{font-size: 22px; color: #141414;}
#tabs .tab .info .details p.intro{font-size: 28px; margin-bottom: 50px;}
#tabs .tab .info .details h2{margin-bottom: 40px;}


a.downloadPDF{display: inline-block; font-size: 18px; color: #cd9c2f; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 25px;}
a.downloadPDF span{display: inline-block; vertical-align: middle;}
a.downloadPDF span.arrow{width: 0; height: 10px; background: url(../img/tenders/icon_arrow.svg) no-repeat center left; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
a.downloadPDF span.text{}

a.downloadPDF:hover span.arrow{width: 39px;}

.pdfDownload{display: inline-block; position: relative;}

.pdfDownload span.icon{display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: #e4e7ee url("../img/icon_download_arrow.png") no-repeat center; border-radius: 6px; margin-right: 20px; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
.pdfDownload .text{display: inline-block; vertical-align: middle;}
.pdfDownload .text span{display: block;}
.pdfDownload .text span.download{font-family: "Neue Haas Unica Pro Regular", Arial; font-size: 14px; color: #cd9c2f; margin-bottom: 5px;}
.pdfDownload .text span.name{font-family: "Neue Haas Unica Pro Bold", Arial; font-size: 17px; color: #2d3142; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

.pdfDownload:hover span.icon{opacity: 0.8;}
.pdfDownload:hover .text span.name{color: #cd9c2f;}

/* Tab Nav */

#tabnav{position: relative; height: 130px; top: 15px; z-index: 2; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1.2s;}
.loading #tabnav{transition-delay: .8s;}

#tabnav .link{/*position: absolute; top: 0;*/ position: relative; height: 100%; width: 28%; border-top: 1px #aaaba7 solid; border-bottom: 1px #aaaba7 solid; float: left; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#tabnav .link a{display: block; padding: 30px; border-left: 1px #aaaba7 solid;}
#tabnav .link a span{display: block;}
#tabnav .link a span.text{font-size: 20px; font-family: "Archivo", sans-serif; color: #2d3142; margin-bottom: 20px;}
#tabnav .link a span.arrow{width: 25px; height: 17px; background: url(../img/icon_tabnav_arrow.svg) no-repeat center left; position: relative; left: 0; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}

#tabnav .link a:hover span.arrow{left: 5px;}

#tabnav .link:first-of-type{}
#tabnav .link:first-of-type a{padding-left: 0; border-left: none;}

#tabnav .link.active{width: 72%;}
#tabnav .link.active:after{content: ""; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; background: #cd9c2f;}
#tabnav .link.active a span.arrow{width: 48px; left: 0 !important; background-image: url(../img/icon_tabnav_arrow_active.svg);}


#error{position: relative; padding: 25px 50px; background: #ffe9ed; border-left: 4px #b71533 solid;}

#error span{font-size: 25px; font-family: "Archivo", sans-serif; color: #420510;}

/*************** hero */

#hero{position: relative; height: 100%; background: #fff; -webkit-transition: .8s ease-in-out all; -moz-transition: .8s ease-in-out all; transition: .8s ease-in-out all;}
#hero.info{min-height: calc(100vh - 113px); overflow: hidden;}

#hero.info .bgimage{position: absolute; top: 0; left: 1.5%; width: 100%; height: 100%; z-index: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: .8s; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}

#hero.info .wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}

#hero.info .container{position: relative; height: 100%;}
#hero.info h2{position: absolute; left: 0; top: 30%; font-size: 72px; color: #fff; z-index: 3; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1s; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}

#hero.info .details{position: absolute; /*bottom: 180px;*/ top: 29%; right: -50px; width: 100%; max-width: 615px; min-height: 210px; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1.1s; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
#hero.info .details .actions{margin-bottom: 50px;}
#hero.info .details .actions a{display: inline-block; float: left; color: #fff; font-family: "Neue Haas Unica Pro Regular", Arial; font-size: 20px; margin-right: 90px; border-bottom: 2px transparent solid; padding-bottom: 3px;}
#hero.info .details .actions a.current{border-color: #fff;}

#hero.info .details p{display: none; margin-bottom: 0; font-size: 30px; color: #f6f6f6; line-height: 135%;}
#hero.info .details p.current{display: block;}

#hero.info .bottom{position: absolute; bottom: -50px; width: 100%; left: 0; opacity: 0; z-index: 3; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1.2s;}

#hero.info .bottom .title{float: left; width: 34.4%; height: 130px; text-align: center;}
#hero.info .bottom .title:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}

#hero.info .bottom .title div{display: inline-block; vertical-align: middle;}
#hero.info .bottom .title div span{display: inline-block; vertical-align: middle;}

#hero.info .bottom .title div span.triangle{width: 8px; height: 11px; background: url(../img/about/icon_triangle.svg) no-repeat center; margin-right: 15px;}
#hero.info .bottom .title div span.text{font-size: 16px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #fff; line-height: 100%;}
#hero.info .bottom .title div span.waves{width: 60px; height: 21px; background: url(../img/about/waves3.png) no-repeat center; margin-left: 25px;}
#hero.info .bottom .title div span.waves{animation: slide 5s linear infinite; -webkit-animation: slide 5s linear infinite;}

#hero.info .bottom .links{float: left; width: 65.6%;}

#hero.info .bottom .links .link{float: left; width: 33.333%; height: 130px; position: relative; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#hero.info .bottom .links .link a{display: block; position: relative; padding: 30px 10px 25px 25px; height: calc(130px - 51px); border-top: 1px solid rgba(255, 255, 255, 0.25); border-left: 1px solid rgba(255, 255, 255, 0.25);}
#hero.info .bottom .links .link a span{display: block; position: relative; z-index: 2; }
#hero.info .bottom .links .link a span.text{font-size: 20px; font-family: "Archivo", sans-serif; font-weight: bold; margin-bottom: 25px; color: #fff; top: 0; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.info .bottom .links .link a span.arrow{width: 28px; height: 17px; background: url(../img/about/icon_arrow.svg) no-repeat center; position: absolute; bottom: 30px; left: 30px; opacity: 1; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}


#hero.info .bottom .links .link .learnMore{position: absolute;  bottom: 30px; left: 30px; }
#hero.info .bottom .links .link .learnMore span{display: inline-block; vertical-align: middle; overflow: hidden; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
#hero.info .bottom .links .link .learnMore span.arrow{position: relative; bottom: 0; left: 0 !important; width: 28px; height: 17px; background: url(../img/welcome/icon_arrow_normal.svg) no-repeat center left; margin-right: 10px;}
#hero.info .bottom .links .link .learnMore span.text1{font-size: 15px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #cd9c2f; opacity: 0; margin: 0;}

#hero.info .bottom .links .link a:hover .learnMore span.arrow{left: 5px !important;}
#hero.info .bottom .links .link a:hover .learnMore span.text1{opacity: 1;}

#servicesSlider .slick-slide.slick-current .inner img{box-shadow: 0 7px 20px -8px rgba(0, 0, 0, 0.35);}

#servicesSlider .slick-slide .inner a:hover .learnMore span.arrow{/*width: 35px; *width: 50px; background-image: url(../img/welcome/icon_arrow_active.svg);*/}
#servicesSlider .slick-slide .inner a:hover .learnMore span.text{opacity: 1;}

#hero.info .bottom .links .link a .image{position: absolute; bottom: -650px; left: 0; width: 100%; height: auto; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#hero.info .bottom .links .link a .image img{display: block; width: 100%; max-width: 100%;}

#hero.info .bottom .links .link a span.revealText{display: block; color: #fff; font-size: 14px; font-family: "Archivo", sans-serif; line-height: 130%; overflow: hidden; max-height: 0; top: 0; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#servicespage #hero.info .bottom .links .link a span.arrow.hover{width: 50px; left: 15px; background: url(../img/services/icon_action_hover.png) no-repeat center left; opacity: 0;}


#hero.info .bottom .links .link:hover{}
#hero.info .bottom .links .link a:hover .image{bottom: 0;}
#hero.info .bottom .links .link a:hover span.revealText{max-height: 150px; top: -55px;}
#hero.info .bottom .links .link a:hover span.arrow{left: 35px;}


/* normal */

#hero.normal{position: relative; background: #f5f6f6; z-index: 2; opacity: 0;}

#hero.normal .container{position: relative; z-index: 2;}

#hero.normal .wrapper{padding: 125px 0 160px;}

#hero.normal .wrapper h2{position: relative; top: 15px; font-size: 72px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #2d3142; float: left; width: 50%; font-weight: normal; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 0s;}
#hero.normal .wrapper .caption{float: left; width: 50%; position: relative; left: 30px;  opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: .2s;}
#hero.normal .wrapper .caption p{font-size: 30px; line-height: 130%; max-width: 80%;}

#hero.normal .gradient{position: absolute; top: 0; left: 0; height: 100%; width: 70%; background-image: linear-gradient(245deg, rgba(245, 246, 246, 0.01) 0%, #f5f6f6 100%); z-index: 1;}

#hero.normal .decal{width: 0; height: 253px; background: url(../img/hero_decal.png) no-repeat center left; position: absolute; top: 200px; left: 15%; -webkit-transition: 1s ease-in-out all; -moz-transition: 1s ease-in-out all; transition: 1s ease-in-out all; transition-delay: .4s;}

.loaded #hero.normal{opacity: 1;}

/* small */

#hero.normal.small .decal{top: 40px;}
#hero.normal.small .gradient{width: 85%;}

/****/
.over{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: #fff; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);  transform: translate3d(0,0,0); -webkit-transition: .8s ease-in-out all; -moz-transition: .8s ease-in-out all; transition: .8s ease-in-out all; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}

/* load transitions */
.loaded .over{/*left: 100%;*/ -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.loaded #hero.info .bgimage{-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); left: 0;}

.loaded #hero.info h2{opacity: 1; top: 28%;}
.loaded #hero.info .details{right: 0; opacity: 1;}

.loaded #hero.info .bottom{bottom: 0; opacity: 1;}

.loaded #hero.normal .wrapper h2{top: 0; opacity: 1;}
.loaded #hero.normal .wrapper .caption{left: 0; opacity: 1;}

.loaded #hero.normal .decal{width: 1527px;}

.loaded #tabnav{top: 0; opacity: 1;}


.loaded .intro{opacity: 1 !important; transform: translateY(0) !important; transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), transform 1.2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.2s cubic-bezier(0, 0, .25, 1);}

.loaded #press .switcher, .loaded #press .listWrapper{opacity: 1 !important; transform: translateY(0) !important; transition: opacity 1.2s cubic-bezier(0.2, 1, 0.3, 1), transform 1.2s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.2s cubic-bezier(0, 0, .25, 1);}


/*************** home */

#home{}
#home .bg{position: relative; background: #fff;}

/* introVideo */
#introVideo{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000;}

#introVideo .tagline{position: absolute; top: 95px; left: 140px; max-width: 545px; z-index: 3; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1s;}
#introVideo .tagline h2{color: #fff; font-family: "Neue Haas Unica Pro Regular", Arial; font-size: 27px; font-weight: normal; line-height: 125%;}
#introVideo .tagline h2 span{font-family: "Neue Haas Unica Pro Bold", Arial; }

#introVideo .video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#introVideo .video .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(../img/welcome/video.jpg) no-repeat center; background: rgba(0,0,0,0.3); opacity: 1; background-size: cover; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all;}
#introVideo .video .playButton{display: none; position: absolute; top: 45%; left: 50%; width: 138px; height: 138px; margin-top: -69px; margin-left: -69px; z-index: 3; cursor: pointer; background: url(../img/welcome/icon_play.svg) no-repeat center; opacity: 0; -webkit-transition: .6s ease-in-out all; -moz-transition: .6s ease-in-out all; transition: .6s ease-in-out all; transition-delay: 1s;}

#introVideo .video video{width: 100%; height: 100%;  object-position: 50% 50%;  object-fit: cover;  transform: none;  margin: 0;  position: static;  top: 0;  left: 0;}

#introVideo .video.playing .bg{/*opacity: 0;*/     background: rgba(0,0,0,0.3);}
#introVideo .video.playing .playButton{opacity: 0 !important; transition-delay: 0s;}

/*.introVideoSpacer{position: relative; min-height: calc(100vh - 112px); z-index: -1;}*/
.introVideoSpacer{position: relative; min-height: calc(100vh - 140px); z-index: -1;}

/* transitions */
.loaded #introVideo{left: 0; opacity: 1;}
.loaded #introVideo .tagline{top: 65px; opacity: 1;}
.loaded #introVideo .video .playButton{opacity: 1;}

/* Intro */

#home #intro{padding-bottom: 140px; padding-top: 195px; background: #fff;  position: relative;}

#home #intro .wrapper{max-width: 945px; margin: auto;}

#home #intro .wrapper p{font-size: 32px; font-family: "Neue Haas Unica Pro Regular", Arial; line-height: 170%; margin-bottom: 40px;}
#home #intro .wrapper p span{font-family: "Neue Haas Unica Pro Bold", Arial;}

#home #intro .wrapper a{display: inline-block; color: #2d3142; border-bottom: 1px #2d3142 solid; padding-bottom: 3px; font-size: 15px; font-family: "Neue Haas Unica Pro Regular", Arial; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#home #intro .wrapper a:hover{color: #cd9c2f; border-color: #cd9c2f;}

#home #intro img.campaign{display: block; max-width: 100%; margin: 60px auto 0;}

/* image break */

#home .breaker{position: relative; background: #fff url(../img/welcome/image-break.png) no-repeat center; height: 560px; padding-bottom: 175px;}
#home .breaker .block{position: absolute; top: 0; height: 100%; width: 130px; background: #fff; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#home .breaker .block.left{left: 0;}
#home .breaker .block.right{right: 0;}

#home .breaker:hover .block{width: 0;}

/* slider */

#home #tabs{padding: 0;}
#home #tabs .tab .info{background: none;}
#home #tabs .tab .info .sliderOuter{left: 30px; width: calc(100% - 30px);}

#home #tabs .tab .info .sliderOuter a.control.next{right: 10%;}

/* Services */

#home #services{margin-bottom: 130px; position: relative;}

#home #services .caption{margin-bottom: 110px;}
#home #services .caption h2{margin-bottom: 30px;}

#home #services .caption p{margin-bottom: 0; max-width: 540px;}

#home #services .sliderWrapper{}
#home #services .sliderWrapper .container{position: relative;}

#home #services .sliderWrapper a.control{display: block; width: 68px; height: 68px; position: absolute; top: 50%; margin-top: -85px; z-index: 2; background: #fff no-repeat center; border-radius: 50%; box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.23);}
#home #services .sliderWrapper a.control.prev{left: -100px; background-image: url(../img/about/icon_prev.svg); background-color: transparent;}
#home #services .sliderWrapper a.control.next{right: 50px; background-image: url(../img/about/icon_next.svg); background-color: #fff;}


#home #services .sliderWrapper .sliderControls{position: relative; text-align: right; margin-bottom: 60px;}

#home #services .sliderWrapper .sliderControls a.control{display: inline-block; vertical-align: middle; width: 28px; height: 17px; background: url(../img/welcome/icon_arrow.svg) no-repeat center; margin-left: 25px;}
#home #services .sliderWrapper .sliderControls a.control.prev{transform: rotate(180deg);}
#home #services .sliderWrapper .sliderControls a.control.next{}

#home #services .sliderWrapper .sliderControls a.control.disabled{opacity: 0.3;}

#home #services .sliderOuter{position: relative; left: 14.5%; width: calc(100% - 14.5%); height: 630px; overflow: hidden; z-index: 3;}


#servicesSlider{position: relative; height: 630px;}

#servicesSlider button.slick-arrow{display: none !important;}

#servicesSlider .slick-slide{}
#servicesSlider .slick-slide .inner{position: relative; margin: 20px; overflow: hidden;}
#servicesSlider .slick-slide .inner a{display: block; position: relative;}

#servicesSlider .slick-slide .inner img{display: block; max-width: 100%; transform: scale(1); box-shadow: 0 9px 25px -8px rgba(0, 0, 0, 0); -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#servicesSlider .slick-slide .inner .caption{position: absolute; bottom: 0; width: 100%; height: 265px; margin-bottom: 0 !important;}
#servicesSlider .slick-slide .inner .caption .wrap{padding: 0 45px;}

#servicesSlider .slick-slide .inner .caption h3{font-size: 32px; font-family: "Archivo", sans-serif; color: #fff; margin-bottom: 35px;}
#servicesSlider .slick-slide .inner .caption p{margin-bottom: 0; color: #fff; font-size: 15px; line-height: 170%;}


#servicesSlider .slick-slide .inner .learnMore{position: absolute; bottom: 45px; left: 45px; width: 100%;}
#servicesSlider .slick-slide .inner .learnMore span{display: inline-block; vertical-align: middle; overflow: hidden; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
#servicesSlider .slick-slide .inner .learnMore span.arrow{width: 28px; height: 17px; background: url(../img/welcome/icon_arrow_normal.svg) no-repeat center left; margin-right: 10px;}
#servicesSlider .slick-slide .inner .learnMore span.text{font-size: 15px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #cd9c2f; opacity: 0;}

#servicesSlider .slick-slide.slick-current .inner img{box-shadow: 0 7px 20px -8px rgba(0, 0, 0, 0.35);}

#servicesSlider .slick-slide .inner a:hover .learnMore span.arrow{width: 35px; /*width: 50px; background-image: url(../img/welcome/icon_arrow_active.svg);*/}
#servicesSlider .slick-slide .inner a:hover .learnMore span.text{opacity: 1;}

#servicesSlider .slick-slide .inner a:hover img{transform: scale(1.05);}

/* Indicator Levels */

#home #levels{margin-bottom: 200px; position: relative;}

#home #levels .container{position: relative;}

#home #levels a.control{display: block; position: absolute; top: 50%; margin-top: -29px; width: 58px; height: 58px; z-index: 2; background: url(../img/welcome/indicator_slider_arrow.svg) no-repeat center;}
#home #levels a.control.prev{left: -40px;}
#home #levels a.control.next{right: -40px; transform: rotate(180deg);}

#home #levels .slider{position: relative;}

#home #levels .wrapper{position: relative; background: url(../img/welcome/indicator_levels_bg.png) no-repeat center; background-size: cover; border-radius: 10px;}
#home #levels .wrapper .inner{padding: 50px 25px 50px 50px;}

#home #levels .wrapper .inner .details{float: left; width: 54%;}
#home #levels .wrapper .inner .valueWrapper{width: 46%; position: absolute; top: 0; right: 0; height: 100%;}

#home #levels .wrapper .inner h3{font-size: 42px; color: #fff; font-weight: 700; margin-bottom: 10px;}
#home #levels .wrapper .inner h4{font-size: 42px; color: #fff; font-weight: 400; margin-bottom: 40px;}

#home #levels .wrapper .inner span.waves{display: block; width: 60px; height: 21px; margin-bottom: 35px; background: url(../img/about/waves3.png) no-repeat center; }
#home #levels .wrapper .inner span.waves{animation: slide 5s linear infinite; -webkit-animation: slide 5s linear infinite;}


#home #levels .wrapper .inner p{color: #e4e7ee; font-size: 20px; margin-bottom: 0; max-width: 450px;}


#home #levels .wrapper .inner .valueWrapper .value.large{font-size: 162px; color: #fff; font-family: "Archivo", Helvetica, Arial; position: absolute; bottom: 80px; right: 135px;}

#home #levels .wrapper .inner .valueWrapper .corner{position: absolute; right: 25px; top: 130px; width: 105px;}
#home #levels .wrapper .inner .valueWrapper .corner .value{font-size: 40px; color: #fff; font-family: "Archivo", Helvetica, Arial}

#home #levels .disclaimer{font-size: 12px;float: right;margin-top: 5px;}


/* Latest Updates */

#home #latest{padding: 60px 0 105px; background: #f5f6f6;}

#home #latest .wrapper{max-width: 930px; margin: auto;}

#home #latest h2{font-size: 22px; font-family: "Archivo", sans-serif; font-weight: 700; color: #2d3142; margin-bottom: 60px;}

#home #latest article{background: #fff; max-width: 930px;}
#home #latest article a{color: #cd9c2f; display: inline-block; border-bottom: 2px #cd9c2f solid;}

#home #latest article .image{float: left; width: 25.4%;}
#home #latest article .image img{}

#home #latest article .details{float: left; width: 74.6%;}
#home #latest article .details .inner{padding: 32px 50px;}

#home #latest article .details .inner span.sub{display: block; font-size: 17px; font-family: "Neue Haas Unica Pro Bold", Arial; color: #2d3142; margin-bottom: 25px;}
#home #latest article .details .inner h3{font-size: 42px; font-family: "Archivo", sans-serif; font-weight: 700; margin-bottom: 25px;}
#home #latest article .details .inner p{margin-bottom: 0; max-width: 500px;}

/*************** About Us */

#aboutpage #hero{position: relative;  }
#aboutpage #hero .bgimage{background: url(../img/about/about2.jpg) no-repeat center; background-size: cover;}

#aboutpage  #hero.info .wrapper{background: rgba(0,0,0,0.3);}

#aboutpage  #hero.info .bottom .title{width: 12.7%;}
#aboutpage #hero.info .bottom .title div span.waves{margin-left: 0;}

#aboutpage  #hero.info .bottom .links{width: 87.3%;}
#aboutpage #hero.info .bottom .links .link{width: 25%;}

#aboutpage #follownav a{width: 25%;}

#clients{margin-bottom: 140px; padding-top: 150px; display: none; /* TEMP */}
#clients h2{font-size: 22px; color: #2d3142; text-align: center; margin-bottom: 90px;}

#clients .list{}
#clients .list .row{display: flex; justify-content: space-between;  align-items: center; flex-wrap: wrap; margin-bottom: 50px;}
#clients .list .client{max-width: 215px; }
#clients .list .client img{display: block; max-width: 100%;}

#tabs .tab .members{}
#tabs .tab .members .row{display: flex; justify-content: space-between;  align-items: flex-start; flex-wrap: wrap;}
#tabs .tab .members .member{/*float: left;*/ width: 22.9%; margin: 0 1.05% 40px;}
#tabs .tab .members .member .image{margin-bottom: 30px;}
#tabs .tab .members .member .image img{display: block; max-width: 100%;}

#tabs .tab .members .member span{display: block;}
#tabs .tab .members .member span.name{font-size: 17px; font-family: "Archivo", sans-serif; font-weight: 700; color: #141414; margin-bottom: 10px;}
#tabs .tab .members .member span.position{font-size: 17px; font-family: "Archivo", sans-serif; font-weight: 400; color: #9b9b9b; line-height: 135%;}

#tabs .tab.background{}
#tabs .tab.background .logos{display: flex; justify-content: space-between;  align-items: center; flex-wrap: wrap; margin: 0 auto 80px; max-width: 1175px;}
#tabs .tab.background .logos img{display: inline-block; vertical-align: middle;}
#tabs .tab.background .info{padding-top: 95px;}
#tabs .tab.background .info .details p{color: rgba(45, 49, 66, 0.6);}

#tabs .tab.board{padding-bottom: 100px;}
#tabs .tab.board .members .row{display: flex; justify-content: space-between;  align-items: flex-start; }
#tabs .tab.board .member{float: none; width: 31.2%;}

#tabs .tab.executive{padding-bottom: 100px}
#tabs .tab.executive .members .row{display: flex; justify-content: space-between;  align-items: flex-start; }
#tabs .tab.executive .member{float: none; width: 31.2%;}

#tabs .tab.corporate{}

/*************** Services */

#servicespage #hero{position: relative;  }
#servicespage #hero .bgimage{background: url(../img/services/hero.jpg) no-repeat center; background-size: cover;}

#servicespage #hero.info .bottom .links .link a:hover span.text{font-weight: 700; top: -45px;}
#servicespage #hero.info .bottom .links .link a:hover span.arrow.normal{opacity: 0; left: 15px;}
#servicespage #hero.info .bottom .links .link a:hover span.arrow.hover{opacity: 1; left: 30px;}

#tabs .tab.bulk-services{}

#tabs .tab.bulk-services .info .details{max-width: 970px;}
#tabs .tab.bulk-services .info .details .image{float: left; padding-top: 35px; width: 38%;}
#tabs .tab.bulk-services .info .details .image img{display: block; max-width: 100%;}

#tabs .tab.bulk-services .info .details .stages{float: right; width: 50%;}
#tabs .tab.bulk-services .info .details .stages p{font-size: 20px;}
#tabs .tab.bulk-services .info .details .stages .pdfDownload{margin-bottom: 50px;}

#tabs .tab.bulk-services .info .details .stages .stage{position: relative; padding: 15px 0 17px; border-bottom: 1px solid rgba(170, 171, 167, 0.4);}
#tabs .tab.bulk-services .info .details .stages .stage:first-of-type{border-top: 1px solid rgba(170, 171, 167, 0.4);}
#tabs .tab.bulk-services .info .details .stages .stage .heading{position: relative; padding-left: 40px; cursor: pointer;}
#tabs .tab.bulk-services .info .details .stages .stage .heading:before{content: ""; display: block; width: 16px; height: 10px; position: absolute; top: 4px; left: 0; background: url(../img/services/icon_arrow.png) no-repeat center; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#tabs .tab.bulk-services .info .details .stages .stage .heading span.text{font-family: "Neue Haas Unica Pro Medium", Arial, sans-serif; font-size: 17px; color: #2d3142; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#tabs .tab.bulk-services .info .details .stages .stage .heading:hover span.text{color: #cd9c2f;}

#tabs .tab.bulk-services .info .details .stages .stage .definition{max-height: 0; overflow: hidden; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#tabs .tab.bulk-services .info .details .stages .stage .definition p{margin-bottom: 0; font-size: 16px; color: #696b77; padding-left: 40px; padding-top: 10px; line-height: 140%;}

#tabs .tab.bulk-services .info .details .stages .stage.open .heading:before{background-image: url(../img/services/icon_arrow_hover.png); width: 29px;}
#tabs .tab.bulk-services .info .details .stages .stage.open .definition{max-height: 150px;}
#tabs .tab.bulk-services .info .details .stages .stage.open .heading span.text{color: #cd9c2f;}

/*************** Projects */

#projectspage{background: transparent;  -webkit-transition: .4s ease-in all;  -moz-transition: .4s ease-in all;  transition: .4s ease all;}
.loaded #projectspage{background: #f5f6f6;}

#projectspage #tabs{}
#projectspage #tabs .tab{}

#projectspage #tabs .tab .introImage{position: relative;}
#projectspage #tabs .tab .introImage img{display: block; max-width: 100%; float: right; position: relative; z-index: 1; left: 30px; }
#projectspage #tabs .tab .introImage .bottombg{position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background: #fff;}

/* image break */

#projectspage #tabs .tab .breaker{position: relative; height: 846px; padding-bottom: 175px;}
#projectspage #tabs .tab.school .breaker{background: #fff url(../img/projects/2-school-project-large.png) no-repeat center;}
#projectspage #tabs .tab.working .breaker{background: #fff url(../img/projects/working_intro_image_large.png) no-repeat center;}

#projectspage #tabs .tab .breaker .block{position: absolute; top: 0; height: 100%; width: 40%; background: #fff; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#projectspage #tabs .tab .breaker .block.left{left: 0;}

#projectspage #tabs .tab .breaker:hover .block{width: 0;}


#projectspage #tabs .tab .infoarea{position: relative; background: #fff; padding-top: 105px; padding-bottom: 150px;}
#projectspage #tabs .tab .infoarea .info{background: #fff;}


#projectsnewpage #hero{position: relative;  }
#projectsnewpage #hero .bgimage{background: url(../img/projects/hero.jpg) no-repeat center; background-size: cover;}
#projectsnewpage #hero .details p{display: block; max-width: 495px;}

#projectsnewpage #tabs .tab .info{background: none; padding-bottom: 100px;}

#projectsnewpage #tabs .tab .bottom{background: #f5f6f6; padding-bottom: 100px;}

#projectsnewpage #tabs .tab .bottom .image{float: left; width: 47.3%;}
#projectsnewpage #tabs .tab .bottom .image img{display: block; position: relative; top: -70px; max-width: 100%;}

#projectsnewpage #tabs .tab .bottom .details{float: right; width: 45.3%; padding-top: 60px;}
#projectsnewpage #tabs .tab .bottom .details .block{margin-bottom: 110px;}
#projectsnewpage #tabs .tab .bottom .details h3{font-size: 28px; margin-bottom: 40px; line-height: 140%;}

#projectsnewpage #tabs .tab .bottom .details li{font-size: 22px; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 10px; line-height: 130%;}

#projectsnewpage #tabs .tab .bottom .details ul li{position: relative;}
#projectsnewpage #tabs .tab .bottom .details ul li:before{content: ""; display: block; width: 5px; height: 5px; background: #2d3142; border-radius: 50%; position: absolute; top: 10px; left: -28px;}


/*************** Sustainable Development */

#sustainablepage{background: transparent;  -webkit-transition: .4s ease-in all;  -moz-transition: .4s ease-in all;  transition: .4s ease all;}
.loaded #sustainablepage{background: #fff;}



#sustainablepage #hero{position: relative;  }
#sustainablepage #hero .bgimage{background: url(../img/sustainable/hero.jpg) no-repeat center; background-size: cover;}
#sustainablepage #hero .details p{display: block; max-width: 495px;}


#sustainablepage #tabs .tab{position: relative; padding-bottom: 120px;}

#sustainablepage #tabs .tab .switcher{position: relative; float: left; width: 22.7%;}
#sustainablepage #tabs .tab .switcher .link{position: relative; margin-bottom: 15px; cursor: pointer;}
#sustainablepage #tabs .tab .switcher .link span{display: block; position: relative; font-size: 16px; color: rgba(45, 49, 66, 0.6); font-family: "Neue Haas Unica Pro Regular", Arial, Helvetica, sans-serif; border-bottom: 2px transparent solid; padding-bottom: 3px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#sustainablepage #tabs .tab .switcher .link:hover span{color: #000;}

#sustainablepage #tabs .tab .switcher .link.current{}
#sustainablepage #tabs .tab .switcher .link.current:before{content: ""; display: block; width: 19px; height: 17px; background: url(../img/sustainable/icon_arrow.png) no-repeat center; position: absolute; top: 2px; left: -32px;}
#sustainablepage #tabs .tab .switcher .link.current span{/*border-color: #000;*/ color: #000;}

#sustainablepage #tabs .tab .infoWrapper{position: relative; float: right; width:59.3%;}

#sustainablepage #tabs .tab .infoWrapper .block{display: none;}
#sustainablepage #tabs .tab .infoWrapper .block.current{display: block;}

#sustainablepage #tabs .tab .infoWrapper .title{position: relative; margin-bottom: 0;}
#sustainablepage #tabs .tab .infoWrapper .title h3{display: inline-block; position: relative; font-size: 22px; font-family: "Archivo", sans-serif; color: #2d3142; margin-bottom: 20px;}
#sustainablepage #tabs .tab .infoWrapper .title h3:before{content: ""; display: block; width: 8px; height: 11px; background: url(../img/about/icon_triangle_black.svg) no-repeat center; position: absolute; top: 5px; left: -25px;}

#sustainablepage #tabs .tab .infoWrapper .sub{}
#sustainablepage #tabs .tab .infoWrapper .sub p{font-size: 28px; margin-bottom: 35px; max-width: none;}

#sustainablepage #tabs .tab .infoWrapper p{font-size: 22px;}
#sustainablepage #tabs .tab .infoWrapper p a{color: #cd9c2f;}

#sustainablepage #tabs .tab .infoWrapper img{display: block; max-width: 100%; margin: 0 auto 35px;}

#sustainablepage #tabs .tab .infoWrapper p{max-width: 555px; }
#sustainablepage #tabs .tab .infoWrapper ul{list-style: disc; margin-left: 25px; margin-bottom: 40px}
#sustainablepage #tabs .tab .infoWrapper li{margin-bottom: 15px; font-family: "Neue Haas Unica Pro Regular", Helvetica, Arial; font-size: 18px; line-height: 150%;}

#tabs .tab.transformation .info .sliderOuter{left: 8%; width: calc(100% - 8%);}

#goals{margin-bottom: 140px;}
#goals .card{position: relative; cursor: pointer;}
#goals .card .image{position: relative; width: 175px; float: left;}

#goals .card .right{position: absolute; left: 175px; top: 0; width: calc(100% - 175px); height: 100%; background: #e4e7ee url(../img/sustainable/action_bg.png) no-repeat bottom right; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#goals .card .right .inner{padding: 30px 55px; position: relative; background-image: linear-gradient(270deg, rgba(243, 245, 248, 0) 0%, #e4e7ee 100%);}

#goals .card .right .inner h3{font-size: 45px; font-family: "Neue Haas Unica Pro Light", Arial; color: #295577; font-weight: normal; -webkit-font-smoothing: antialiased; line-height: 130%;}

#goals .card .right .inner span.arrow{display: block; width: 41px; height: 20px; background: url(../img/sustainable/icon_action_arrow.png) no-repeat center; position: absolute; top: calc(50% - 10px); right: 55px; transform: rotate(0deg);  -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#goals .card:hover .right{opacity: 0.8;}

#goals .reveal{position: relative; background: #f7f7fa; max-height: 0; overflow: hidden; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}


#goals .reveal .inner{position: relative; padding: 55px 50px 50px 230px; max-width: 750px;}

#goals .reveal .inner span.heading{display: block; font-size: 28px; color: #2d3142; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 85px; line-height: 130%;}

#goals .reveal .inner .goal{position: relative; margin-bottom: 60px;}
#goals .reveal .inner .goal h4.goalName{font-size: 28px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #6a9dc6; font-weight: normal; margin-bottom: 20px;}
#goals .reveal .inner .goal p{font-size: 22px; color: #2d3142;}

#goals .reveal span.arrow{cursor: pointer; display: block; width: 41px; height: 20px; background: url(../img/sustainable/icon_action_arrow.png) no-repeat center; position: absolute; bottom: 40px; right: 55px; transform: rotate(180deg);  -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}


#goals.open .reveal{max-height: 1800px;}
#goals.open .card .right .inner span.arrow{transform: rotate(180deg);}

/*************** Tenders */

#tenderspage{padding-bottom: 100px;}

#tenderspage .intro{padding-top: 110px; margin-bottom: 70px;}
#tenderspage .intro p{font-size: 28px; margin-bottom: 0;}

#tenderspage .info{margin-bottom: 55px;}
#tenderspage .info .details{float: left; width: 55.3%;}
#tenderspage .info .contact{float: right; width: 40.3%;}

#tenderspage .info .details p{font-size: 22px;}

#tenderspage .info .contact .heading{border-top: 4px #295577 solid; border-bottom: 2px #f2f5f7 solid; padding: 25px 0 25px 25px;}
#tenderspage .info .contact .heading span{font-size: 22px; font-family: "Archivo", sans-serif; font-weight: 700; color: #2d3142;}

#tenderspage .info .contact ul{padding: 35px 0 35px 25px; border-bottom: 1px #f2f5f7 solid;}
#tenderspage .info .contact ul li{margin-top: 25px;}
#tenderspage .info .contact ul li:first-child{margin-top: 0;}

#tenderspage .info .contact ul li span{display: inline-block; vertical-align: middle;}
#tenderspage .info .contact ul li span.icon{width: 50px;}
#tenderspage .info .contact ul li span.text, #tenderspage .info .contact ul li span.text a{font-family: "Archivo", sans-serif; color: #2d3142; font-size: 22px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

#tenderspage .info .contact ul li span.icon.phone{background: url(../img/tenders/icon_phone.svg) no-repeat center left; height: 21px;}
#tenderspage .info .contact ul li span.icon.fax{background: url(../img/tenders/icon_fax.png) no-repeat center left; height: 20px;}
#tenderspage .info .contact ul li span.icon.email{background: url(../img/tenders/icon_email.png) no-repeat center left; height: 19px;}
#tenderspage .info .contact ul li span.icon.address{background: url(../img/tenders/icon_address.svg) no-repeat center left; height: 21px; vertical-align: top; background-size: 19px;}

#tenderspage .info .contact ul li span.text{max-width: calc(100% - 55px);}
#tenderspage .info .contact ul li span.text a:hover{color: #cd9c2f;}

#tenderspage .pointsWrapper{position: relative; width: calc(100% - 7%); left: 7%; margin-bottom: 85px;}
#tenderspage .pointsWrapper .wrapper{position: relative; background: #f5f6f6 url(../img/tenders/points_bg.png) no-repeat center right;}
#tenderspage .pointsWrapper .inner{padding: 40px 0 50px 90px; background-image: linear-gradient(-85deg, rgba(245, 246, 246, 0.01) 0%, #f5f6f6 100%);}

#tenderspage .pointsWrapper .inner li{font-size: 22px; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 25px; max-width: 460px; line-height: 145%;}

#tenderspage .pointsWrapper .inner ul li{position: relative;}
#tenderspage .pointsWrapper .inner ul li:before{content: ""; display: block; width: 5px; height: 5px; background: #2d3142; border-radius: 50%; position: absolute; top: 13px; left: -25px;}


#tenderspage .border{position: relative; height: 20px; background: #f5f6f6; width: calc(100% - 12.5%); left: 12.5%;  margin-bottom: 80px;}


#tenderspage .requests .title{position: relative; margin-bottom: 0; padding-bottom: 70px;}
#tenderspage .requests .title h3{display: inline-block; position: relative; font-size: 22px; font-family: "Archivo", sans-serif; color: #2d3142; margin-bottom: 20px; padding-left: 25px;}
#tenderspage .requests .title h3:before{content: ""; display: block; width: 8px; height: 11px; background: url(../img/about/icon_triangle_black.svg) no-repeat center; position: absolute; top: 5px; left: 0;}

#tenderspage .requests .title p{font-size: 22px; margin-bottom: 0; max-width: 750px;}


#tenderspage .requests .list{position: relative; width: calc(100% - 12.5%); left: 12.5%;}

#tenderspage .requests .list .request{border-top: 4px #f5f6f6 solid; position: relative;}
#tenderspage .requests .list .request .inner{padding: 50px 0 70px 125px; max-width: 665px;}

#tenderspage .requests .list .request .inner h3{font-size: 26px; margin-bottom: 50px; font-family: "Neue Haas Unica Pro Regular", Arial; font-weight: normal; line-height: 125%;}

#tenderspage .requests .list .request .inner .background{margin-bottom: 35px;}
#tenderspage .requests .list .request .inner .background h4{font-size: 18px; margin-bottom: 20px; font-family: "Neue Haas Unica Pro Medium", Arial, sans-serif; font-weight: normal;}
#tenderspage .requests .list .request .inner .background p{font-size: 15px;}

#tenderspage .requests .list .request .inner a.downloadPDF{display: inline-block; font-size: 18px; color: #cd9c2f; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 25px;}
#tenderspage .requests .list .request .inner a.downloadPDF span{display: inline-block; vertical-align: middle;}
#tenderspage .requests .list .request .inner a.downloadPDF span.arrow{width: 0; height: 10px; background: url(../img/tenders/icon_arrow.svg) no-repeat center left; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#tenderspage .requests .list .request .inner a.downloadPDF span.text{}

#tenderspage .requests .list .request .inner a.downloadPDF:hover span.arrow{width: 39px;}

#tenderspage .requests .list .request .inner .meta{padding-top: 20px;}
#tenderspage .requests .list .request .inner .meta .headings{padding-bottom: 8px; border-bottom: 1px #f5f6f6 solid;}
#tenderspage .requests .list .request .inner .meta .values{padding-top: 8px;}

#tenderspage .requests .list .request .inner .meta span{display: block; float: left; font-size: 13px; width: 155px;}

#tenderspage .requests .list .request .inner .meta .headings span{font-family: "Neue Haas Unica Pro Medium", Arial, sans-serif; color: #6c6f7b;}
#tenderspage .requests .list .request .inner .meta .values span{font-family: "Neue Haas Unica Pro Regular", Arial, sans-serif; color: #6c6f7b;}

/*************** Vacancies List */

#vacanciespage{}

#vacanciespage .intro{padding-top: 110px; margin-bottom: 70px;}
#vacanciespage .intro p{font-size: 28px; margin-bottom: 0; max-width: 720px;}


#vacanciespage .border{position: relative; height: 20px; background: #f5f6f6; width: calc(100% - 12.5%); left: 12.5%;  margin-bottom: 0;}


#vacanciespage .list{position: relative; width: calc(100% - 11%); left: 11%; margin-bottom: 100px;}
#vacanciespage .list .vacancy{padding: 35px 0 40px 1.5%; border-bottom: 1px #f5f6f6 solid; box-shadow: 0 3px 10px rgba(0, 0, 0, 0); -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#vacanciespage .list .vacancy .inner{max-width: 90%;}

#vacanciespage .list .vacancy h3{float: left; font-size: 22px; font-family: "Archivo", sans-serif; font-weight: normal; margin-top: 10px;}

#vacanciespage .list .vacancy .right{float: right;}
#vacanciespage .list .vacancy .right span.meta, #vacanciespage .list .vacancy .right .apply{display: inline-block; vertical-align: middle;}

#vacanciespage .list .vacancy .right span.meta{font-size: 18px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #2d3142;}
#vacanciespage .list .vacancy .right .apply{margin-left: 35px; font-size: 17px; padding: 10px 0 12px; width: 112px; position: relative;}


#vacanciespage .list .vacancy .right .apply span{display: inline-block; vertical-align: middle; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
#vacanciespage .list .vacancy .right .apply span.arrow{width: 0; height: 15px; background: url(../img/icon_actions_arrow2.svg) no-repeat center left; position: absolute; top: 14px; left: 12px;}
#vacanciespage .list .vacancy .right .apply span.text{ -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}


#vacanciespage .list .vacancy .right .apply:hover{padding-left: 20px; width: calc(112px - 20px); background: #2d3142;}
#vacanciespage .list .vacancy .right .apply:hover span.arrow{width: 20px; }
#vacanciespage .list .vacancy .right .apply:hover span.text{color: #fff;}

#vacanciespage .list .vacancy:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}


#vacanciespage .list #error{margin-top: 40px;}


#vacanciespage .pagination{}


/*************** Vacancy Detail */

#vacancypage{padding-bottom: 120px;}

#vacancypage .details{padding-top: 120px; margin-bottom: 60px;}
#vacancypage .details h2{font-size: 40px; margin-bottom: 50px; line-height: 130%;}

#vacancypage .details ul.meta{}
#vacancypage .details ul.meta li{margin-bottom: 8px;}
#vacancypage .details ul.meta li span{display: inline-block; vertical-align: middle; font-size: 22px; font-family: "Archivo", sans-serif; color: #2d3142;}
#vacancypage .details ul.meta li span.label{width: 170px;}
#vacancypage .details ul.meta li span.text{}

#vacancypage .border{position: relative; height: 20px; background: #f5f6f6; width: calc(100% - 12.5%); left: 12.5%;  margin-bottom: 60px;}
#vacancypage .border.small{height: 10px;}

#vacancypage .blocks{position: relative; width: calc(100% - 12.5%); left: 12.5%; margin-bottom: 60px;}

#vacancypage .block{position: relative; margin-bottom: 40px; max-width: 910px;}
#vacancypage .block h3{font-size: 25px; font-family: "Neue Haas Unica Pro Bold", Arial; margin-bottom: 30px;}

#vacancypage .block p{font-size: 22px;}

#vacancypage .block li{font-size: 22px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #2d3142; margin-bottom: 30px; line-height: 140%;}

#vacancypage .block ul{ margin-bottom: 30px;}
#vacancypage .block ol{list-style: decimal; margin-bottom: 30px;}

#vacancypage .block ul li{position: relative; padding-left: 25px;}
#vacancypage .block ul li:before{content: ""; width: 5px; height: 5px; background: #2d3142; border-radius: 50%; position: absolute; top: 10px; left: 0;}

#vacancypage .bottom{}
#vacancypage .bottom a.apply{float: left;}
#vacancypage .bottom .postDate{float: right; font-size: 18px; color: #878686; font-family: "Archivo", sans-serif;}


#vacancypage .applyWrapper{padding-top: 95px;}
#vacancypage .applyWrapper .wrapper{display: none;}
#vacancypage .applyWrapper.show .wrapper{display: block;}

#vacancypage .applyWrapper h3{margin-bottom: 40px;}
#vacancypage .applyWrapper .form{max-width: 700px;}
#vacancypage .applyWrapper .form ul{}
#vacancypage .applyWrapper .form ul li{position: relative; margin-bottom: 20px;}
#vacancypage .applyWrapper .form ul li:after{content: ""; display: block; clear: both;}
#vacancypage .applyWrapper .form ul li label{display: block; float: none; width: auto; font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #333; font-weight: normal; padding-top: 14px; margin-bottom: 10px;}

#vacancypage .applyWrapper .form ul li .input{ position: relative;}
#vacancypage .applyWrapper .form ul li .input input, #vacancypage .applyWrapper .form ul li .input textarea{display: block; padding: 13px 20px; border: 1px solid rgba(0, 0, 0, 0.32); font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #333; border-radius: 4px; text-indent: 0;}

#vacancypage .applyWrapper .form ul li .input .selectWrap{height: 45px; line-height: 41px;}
#vacancypage .applyWrapper .form ul li .input .selectWrap .fakeSelect{height: 45px; line-height: 41px; padding-left: 20px; border: 1px solid rgba(0, 0, 0, 0.32); font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #333;}
#vacancypage .applyWrapper .form ul li .input .selectWrap .fakeSelect span{top: 18px; right: 20px;}

#vacancypage .applyWrapper .form ul li .input.checkbox input[type="checkbox"]{display: inline-block; vertical-align: middle;}
#vacancypage .applyWrapper .form ul li .input.checkbox span.text{display: inline-block; vertical-align: middle;}

#vacancypage .applyWrapper .form ul li.full label{width: 100%; margin-bottom: 8px;}
#vacancypage .applyWrapper .form ul li.full .input{width: 100%;}
#vacancypage .applyWrapper .form ul li.full .input textarea{height: 140px;}

#vacancypage .applyWrapper .form ul li.othertertiary{display: none;}
#vacancypage .applyWrapper .form ul li.othertertiary.show{display: block;}

#vacancypage .applyWrapper .form ul li .uploadWrapper{position: relative; margin-bottom: 15px;}
#vacancypage .applyWrapper .form ul li .uploadWrapper input[type='file']{position: absolute; top: 0; width: 100%; height: 40px; opacity: 0;}
#vacancypage .applyWrapper .form ul li .uploadWrapper button.btn, #vacancypage .applyWrapper .form ul li .uploadWrapper span{display: inline-block; vertical-align: middle;}

#vacancypage .applyWrapper .form ul li .uploadWrapper button.btn{margin-right: 10px; letter-spacing: 1px;     padding: 7px 25px; font-size: 15px;}

#vacancypage .applyWrapper .form ul li .uploadWrapper span.fileName{font-size: 12px; font-family: "helvneue_reg", Arial, Helvetica, sans-serif; color: #858585; margin-right: 5px; -webkit-font-smoothing: antialiased;}

#vacancypage .applyWrapper .form ul li .uploadWrapper span.removeFile{display: none; width: 12px; height: 12px; background: url(../img/icon_remove_file.svg) no-repeat; cursor: pointer; position: relative; z-index: 5;}
#vacancypage .applyWrapper .form ul li .uploadWrapper span.removeFile.show{display: inline-block;}

#vacancypage .applyWrapper .form ul li span.file{display: block; margin-bottom: 3px; font-size: 12px; font-family: "helvneue_reg", Arial, Helvetica, sans-serif; color: #858585; -webkit-font-smoothing: antialiased;}


#vacancypage .applyWrapper .form ul li.submit{padding-top: 15px;}
#vacancypage .applyWrapper .form ul li.submit .btn{float: right; padding-left: 0; padding-right: 0; width: 150px;}

#vacancypage .applyWrapper .form ul li.error{}
#vacancypage .applyWrapper .form ul li.error label{color: #b71533;}
#vacancypage .applyWrapper .form ul li.error .input input, #vacancypage .applyWrapper .form ul li.error .input textarea{border: 2px #b71533 solid; background: #ffe9ed;}
#vacancypage .applyWrapper .form ul li.error span.message{display: block; padding: 5px 0 0 20px; font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #b00020;}

#vacancypage .applyWrapper .form .confirmation.success{position: relative; font-family: "Neue Haas Unica Pro Regular", Arial, Helvetica, sans-serif; font-size: 18px; color: #077a15;}
#vacancypage .applyWrapper .form .confirmation.error{position: relative; font-family: "Neue Haas Unica Pro Regular", Arial, Helvetica, sans-serif; font-size: 18px; color: #bd1215;}

#vacancypage .applyWrapper .form ul li.submit .btn.disabled{background: #e1e1e3; color: rgba(45, 49, 66, 0.6);}

/*************** Press Room */

#press{padding: 0 0 140px;}

#press .main{padding-top: 140px;}

#press .switcher{position: relative; float: left; width: 22.7%;}
#press .switcher .link{position: relative; margin-bottom: 15px; cursor: pointer;}
#press .switcher .link span{display: block; position: relative; font-size: 16px; color: rgba(45, 49, 66, 0.6); font-family: "Neue Haas Unica Pro Regular", Arial, Helvetica, sans-serif; border-bottom: 2px transparent solid; padding-bottom: 3px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press .switcher .link:hover span{color: #000;}

#press .switcher .link.current{}
#press .switcher .link.current:before{content: ""; display: block; width: 19px; height: 17px; background: url(../img/sustainable/icon_arrow.png) no-repeat center; position: absolute; top: 2px; left: -32px;}
#press .switcher .link.current span{color: #000;}

#press .switcher{position: relative; float: left; width: 22.7%;}

#press .listWrapper{float: right; width: 69.3%;}

#press .listWrapper .heading{border-top: 10px #f5f6f6 solid; padding: 25px 0; margin-bottom: 40px}
#press .listWrapper .heading span{font-size: 18px; font-family: "Archivo", sans-serif; font-weight: 700; color: #2d3142;}

#press .listWrapper .list{position: relative;}

#press .listWrapper .list article{position: relative; padding:0 60px 30px 0; margin-bottom: 40px; border-bottom: 1px #cccdca solid;}
#press .listWrapper .list article h3{margin-bottom: 25px;}
#press .listWrapper .list article h3 a{font-size: 28px; font-family: "Archivo", sans-serif; color: #2d3142; line-height: 130%; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press .listWrapper .list article h3 a:hover{color: #cd9c2f;}

#press .listWrapper .list article p{font-size: 18px; color: #414141; margin-bottom: 25px;}
#press .listWrapper .list article p.postDetails{margin-bottom: 0; font-size: 14px; color: #9b9b9b; font-family: "Archivo", sans-serif;}

#press .listWrapper .list .error{position: relative; height: 85px; background: #ffe9ed; text-align: left; border-left: 4px #b71533 solid;}
#press .listWrapper .list .error:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
#press .listWrapper .list .error span{display: inline-block; vertical-align: middle; font-size: 25px; font-family: "Archivo", sans-serif; color: #420510; margin-left: 45px;}

/* Annual Reports */
#press.reports .listWrapper{float: none; width: auto;}
/*
#press.reports .listWrapper .list{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
#press.reports .listWrapper .list:after{display: none; content: "";  width: 180px;}
*/
#press.reports .listWrapper .list .report{position: relative; margin-bottom: 55px;}
#press.reports .listWrapper .list .report .image{position: relative; margin-bottom: 15px; max-width: 180px;}
#press.reports .listWrapper .list .report .image img{display: block; max-width: 100%;}

#press.reports .listWrapper .list .report .meta{max-width: 180px;}

#press.reports .listWrapper .list .report span.date{display: block; font-size: 16px; font-family: "Archivo", sans-serif; color: #2d3142; padding-bottom: 5px; border-bottom: 1px #cccdca solid; margin-bottom: 5px;}
#press.reports .listWrapper .list .report .downloadPDF{display: inline-block; font-size: 18px; color: #cd9c2f; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 25px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press.reports .listWrapper .list .report .downloadPDF:hover{}


#press.reports .listWrapper .list .row{display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-pack: justify;
	-moz-box-align: center;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	display: box;
	box-pack: justify;
	box-align: center;}

/* News Updates */

#press.news .listWrapper .heading span{font-size: 18px;}

#press.news .listWrapper .list article.post{padding: 0; border: none; margin-bottom: 60px;}
#press.news .listWrapper .list article.post .image{position: relative; margin-bottom: 25px;}
#press.news .listWrapper .list article.post .image img{display: block; max-width: 100%; width: 100%; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press.news .listWrapper .list article.post .image a:hover img{opacity: 0.8;}

#press.news .listWrapper .list article.post p.postDetails{margin-bottom: 20px; font-size: 14px; color: #9b9b9b; font-family: "Archivo", sans-serif; font-weight: 400;}

#press.news .listWrapper .list article.post h3{margin-bottom: 15px;}
#press.news .listWrapper .list article.post h3 a{font-size: 18px; font-family: "Archivo", sans-serif; color: #2d3142; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press.news .listWrapper .list article.post h3 a:hover{color: #cd9c2f;}

#press.news .listWrapper .list article.post p{margin-bottom: 0; font-size: 15px;}


#press.news .latest{margin-bottom: 100px;}
#press.news .latest .list{}
#press.news .latest .list article.post h3 a{font-size: 28px;}
#press.news .latest .list article.post p{font-size: 18px; margin-bottom: 25px;}
#press.news .latest .list article.post .readMore{display: inline-block; vertical-align: middle; font-size: 15px; font-family: "Neue Haas Unica Pro Regular", Arial; color: #6c6f7b; padding-bottom: 5px; border-bottom: 1px #6c6f7b solid; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
#press.news .latest .list article.post .readMore:hover{color: #cd9c2f; border-color: #cd9c2f;}

#press.news .related{}
#press.news .related .list{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
#press.news .related .list article{width: 48.6%;}



/*************** blog/archive */

#press.news.single a.backButton{display: inline-block; margin-bottom: 25px;}
#press.news.single a.backButton span{display: inline-block; vertical-align: middle;}
#press.news.single a.backButton span.arrow{width: 25px; height: 17px; background: url(../img/press/icon_arrow_back.svg) no-repeat center; margin-right: 5px;}
#press.news.single a.backButton span.text{font-size: 14px; font-family: "Archivo", sans-serif; color: #7d7f8a; font-weight: 700;}

#press.news.single .heading{margin-bottom: 0; padding-bottom: 0;}

#press.news.single article.post .postDetails{margin-bottom: 20px; font-size: 14px; color: #9b9b9b; font-family: "Archivo", sans-serif; font-weight: 400;}

#press.news.single article.post h3{margin-bottom: 60px; font-size: 42px;}

#press.news.single article.post .image{margin-bottom: 60px;}
#press.news.single article.post .image img{display: block; max-width: 100%;}

#press.news.single article.post .postContent{}

/* reset headers */
#press.news.single article.post .postContent h1,
#press.news.single article.post .postContent h2,
#press.news.single article.post .postContent h3,
#press.news.single article.post .postContent h4,
#press.news.single article.post .postContent h5,
#press.news.single article.post .postContent h6{font-size: 18px; margin-bottom: 25px; color: #000; font-family:"customfont", Helvetica, Arial; font-weight: normal; text-transform: none;}

#press.news.single article.post .postContent h1,
#press.news.single article.post .postContent h2{font-size: 22px;}

/* lists */
#press.news.single article.post .postContent ul, #press.news.single article.post .postContent ol{margin-bottom: 25px; margin-left: 25px;}

#press.news.single article.post .postContent ul{margin-left: 8px;}
#press.news.single article.post .postContent li{color: #000; font-family:"Archivo", Helvetica, Arial; font-weight: normal; font-size: 14px; background: url(../img/icon_list.gif) no-repeat 0 5px; padding-left: 15px; line-height: 100%; margin-bottom: 10px;}

#press.news.single article.post .postContent ol{list-style: decimal;}
#press.news.single article.post .postContent ol li{background: none; padding-left: 0;}

/* quote */
#press.news article.post .postContent blockquote{padding-left: 20px; border-left: 1px #999 solid; color: #999; font-style: italic;}


/* blog images */
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width: 100%;height: auto;}

/**** pagination */
.pagination{text-align: center; padding-top: 30px;}
.pagination .numbers{}

.pagination .numbers a, .pagination .numbers span{display: inline-block; font-size: 20px; color: #c1c2c7; margin: 0 7px; font-family: "Neue Haas Unica Pro Regular", Arial; padding: 0 5px 5px; border-bottom: 3px transparent solid;}

.pagination .numbers span.current{border-color: #cd9c2f; color: #2d3142;}
.pagination .numbers .next, .pagination .numbers .prev{display: none;}

.pagination a{-webkit-transition: .5s ease all; transition: .5s ease all;}
.pagination a:hover{color:#000;}

/**** blog sidebar */
#press.news #sidebar{}
#press.news #sidebar h3{margin-bottom: 25px;}
#press.news #sidebar ul{margin-bottom:25px;}
#press.news #sidebar li{margin-bottom:2px;}
#press.news #sidebar a{}
#press.news #sidebar a:hover{}

#press.news #sidebar ul.categories{}
#press.news #sidebar ul.categories a{display:block; padding:10px 0; background:#e4e4e4; color:#000; text-align:center;}

/* tags */
#press.news #sidebar .tagWrapper{margin-bottom: 35px;}
#press.news #sidebar .tagWrapper a {display: block;float: left;margin: 0 5px 5px 0;font-size: 12px !important;padding: 6px 8px;background: #f07d23; font-family: "Bariol_Reg", Helvetica, Arial;color: #fff;border-radius:2px;}


#press .social{padding-top: 40px; margin-top: 40px; border-top: 2px #f4f6f8 solid;}
#press .social h4{font-size: 32px; margin-bottom: 25px;}

#press .social a.link{display: block; margin-bottom: 15px;}
#press .social a.link span{display: inline-block; vertical-align: middle; -webkit-transition: .6s ease all; -moz-transition: .6s ease all; transition: .6s ease all;}

#press .social a.link span.text{width: 210px; font-size: 18px; font-family: "Archivo", sans-serif;}
#press .social a.link span.icon{width: 30px; height: 30px; border-radius: 50%; opacity: 1;}

#press .social a.link.facebook span.icon{background: #3b5998 url(../img/press/icon_facebook.svg) no-repeat center;}
#press .social a.link.twitter span.icon{background: #55acee url(../img/press/icon_twitter.svg) no-repeat center;}

#press .social a.link.facebook:hover span.text{color: #3b5998;}
#press .social a.link.facebook:hover span.icon{opacity: 0.8;}
#press .social a.link.twitter:hover span.text{color: #55acee;}
#press .social a.link.twitter:hover span.icon{opacity: 0.8;}

/*************** enquire */

#enquirepage{padding-bottom: 100px;}
#enquirepage #hero{margin-bottom: 140px;}

#enquirepage .contactDetails{float: left; width: 23%;}
#enquirepage .contactDetails .block{margin-bottom: 50px}
#enquirepage .contactDetails .block h3{font-size: 14px; color: #2d3142; margin-bottom: 20px;}
#enquirepage .contactDetails .block p{font-size: 14px; margin-bottom: 20px; color: #2d3142;}
#enquirepage .contactDetails .block a.viewMap{display: inline-block; color: #2d3142; font-size: 14px; font-family: "Archivo", sans-serif; border-bottom: 1px #2d3142 solid; padding-bottom: 2px;}
#enquirepage .contactDetails .block a.viewMap:hover{color: #cd9c2f;}

#enquirepage .contactDetails .block li{font-size: 14px; color: #2d3142; font-family: "Archivo", sans-serif; margin-bottom: 3px;}

#enquirepage .formWrapper{float: right; width: 62%;}

#enquirepage .formWrapper .heading{border-top: 10px #f5f6f6 solid; padding: 25px 0; margin-bottom: 40px}
#enquirepage .formWrapper .heading span{font-size: 18px; font-family: "Archivo", sans-serif; font-weight: 700; color: #2d3142;}

#enquirepage .formWrapper .form{}
#enquirepage .formWrapper .form ul{}
#enquirepage .formWrapper .form ul li{position: relative; margin-bottom: 20px;}
#enquirepage .formWrapper .form ul li:after{content: ""; display: block; clear: both;}
#enquirepage .formWrapper .form ul li label{display: block; float: left; width: 29%; font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #333; font-weight: normal; padding-top: 14px;}

#enquirepage .formWrapper .form ul li .input{float: left; width: 71%; position: relative;}
#enquirepage .formWrapper .form ul li .input input, #enquirepage .formWrapper .form ul li .input textarea{display: block; padding: 13px 20px; border: 1px solid rgba(0, 0, 0, 0.32); font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #333; border-radius: 4px; text-indent: 0;}

#enquirepage .formWrapper .form ul li.full label{width: 100%; margin-bottom: 8px;}
#enquirepage .formWrapper .form ul li.full .input{width: 100%;}
#enquirepage .formWrapper .form ul li.full .input textarea{height: 140px;}

#enquirepage .formWrapper .form ul li.submit{padding-top: 15px;}
#enquirepage .formWrapper .form ul li.submit .btn{float: right; padding-left: 0; padding-right: 0; width: 150px;}

#enquirepage .formWrapper .form ul li.error{}
#enquirepage .formWrapper .form ul li.error label{color: #b71533;}
#enquirepage .formWrapper .form ul li.error .input input, #enquirepage .formWrapper .form ul li.error .input textarea{border: 2px #b71533 solid; background: #ffe9ed;}
#enquirepage .formWrapper .form ul li.error span.message{display: block; padding: 5px 0 0 20px; font-size: 15px; font-family: "helvneue_reg", Helvetica, Arial; color: #b00020;}

#enquirepage .formWrapper .form .confirmation.success{position: relative; font-family: "Neue Haas Unica Pro Regular", Arial, Helvetica, sans-serif; font-size: 18px; color: #077a15;}

#enquirepage .formWrapper .form ul li.submit .btn.disabled{background: #e1e1e3; color: rgba(45, 49, 66, 0.6);}

/*
#enquirepage .formWrapper .form .has_errors ul li.submit .btn{background: #e1e1e3; color: rgba(45, 49, 66, 0.6);}
*/

/************* Default */

#defaultpage .info{padding: 140px 0;}

#defaultpage .info h2{font-size: 24px; margin-bottom: 25px;}
#defaultpage .info h3{font-size: 20px; margin-bottom: 25px;}


/*************** Popup */

#popup{
  position: fixed;
  top: 10%;
  left: 20%;
  z-index: 9999;
  width: 60%;
  height: 80%;
  background: #fff;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  overflow: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#popup.close{
  opacity: 0;
  visibility: hidden;
}

#popup .inner{
  padding: 80px 80px 55px;
}

#popup .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  z-index: 3;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#popup .close:hover {
  opacity: 1;
}
#popup .close:before, #popup .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
#popup .close:before {
  transform: rotate(45deg);
}
#popup .close:after {
  transform: rotate(-45deg);
}

#popup h2{
  margin-bottom: 40px;
}

#popup h3{
  margin-bottom: 20px;
}

#popup ol{
  margin:40px 0;
}

#popup ol li{
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 18px;
}

#popup ol li b{
  display: block;
}

#popup p{
  line-height: 1.3;
}

#popup p.sep{
  line-height: 1.5;
}
#popup a{
  color:#cd9c2f;
}


/********************************************************** footer */

footer{position: fixed; width: 100vw; overflow: hidden; z-index: 1; bottom: -749px;}
footer.in{position: absolute; bottom: 0;}

footer .bg{position: absolute; top: 0; height: 600px; width: 100%; background: #f5f6f6;}
footer .inner{max-width: 1440px; margin: auto; position: relative; height: 100%;}

footer .actions{height: 600px; position: relative;}
footer .actions .container{position: relative; height: 100%; background: url(../img/footer-top-repeat.jpg) repeat-x center; max-width: none; padding: 0;}


footer .actions .container .left{position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden;}
footer .actions .container .right{position: absolute; top: 0; left: 50%; width: 50%; height: 100%; overflow: hidden;}

footer .actions .container .left .image{ background: url(../img/fotter-image-1.jpg) no-repeat center; background-size: cover;}
footer .actions .container .right .image{ background: url(../img/fotter-image-2.jpg) no-repeat center; background-size: cover;}


footer .actions .container .block{text-align: center;}
footer .actions .container .block:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}


footer .actions .container .block .image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(1); z-index: 1; -webkit-transition: .6s ease all; -moz-transition: .6s ease all; transition: .6s ease all;}

footer .actions .container .block .caption{position: relative; z-index: 2; display: inline-block; vertical-align: middle; max-width: 485px; text-align: left;}
footer .actions .container .block .caption span.sub{display: block; font-size: 25px; font-family: "Neue Haas Unica Pro Regular", Arial; margin-bottom: 15px; color: #fff;}
footer .actions .container .block .caption h4{font-size: 40px; margin-bottom: 50px; color: #fff;}
footer .actions .container .block .caption p{color: #fff; margin-bottom: 40px;}

footer .actions .container .block .caption a.btn{padding: 10px 0 15px; width: 150px; position: relative; background: #fff; color: #000;}
footer .actions .container .block .caption a.btn span{display: inline-block; vertical-align: middle; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
footer .actions .container .block .caption a.btn span.arrow{width: 0; height: 15px; background: url(../img/icon_actions_arrow.svg) no-repeat center left; position: absolute; top: 14px; left: 20px;}
footer .actions .container .block .caption a.btn span.text{ -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}

footer .actions .container .block .caption a.btn:hover{padding-left: 20px; width: calc(150px - 20px);}
footer .actions .container .block .caption a.btn:hover span.arrow{width: 20px;}

footer .actions .container .block:hover .image,
footer .actions .container .block:active .image{opacity: 1; transform: scale(1.05);}


footer .bottom{height: 750px; position: relative;}

footer .bottom .wrapper{max-width: 1150px; margin: auto;}

footer .bottom .contact{background: #2d3142; padding: 55px 0 45px;}
footer .bottom .contact .wrapper{/*display: -webkit-box; -webkit-box-pack: justify;  -webkit-box-align: center;  display: -moz-box;  -moz-box-pack: justify;  -moz-box-align: center;  display: -ms-flexbox;  -ms-flex-pack: justify;  -ms-flex-align: center; display: box; box-pack: justify;  box-align: center;*/ display: flex; justify-content: space-between;  align-items: flex-start;}
footer .bottom .contact .block{max-width: 225px; }
footer .bottom .contact h3{color: #fff; font-size: 14px; margin-bottom: 25px;}
footer .bottom .contact p{color: #fff; font-size: 14px; margin-bottom: 20px;}

footer .bottom .contact ul{}
footer .bottom .contact ul li{margin-bottom: 5px; color: #fff; font-size: 14px; font-family: "Archivo", sans-serif;}
footer .bottom .contact ul li a{color: #fff;}
footer .bottom .contact .social a{display: block; font-size: 14px; font-family: "Archivo", sans-serif; color: #fff; margin-bottom: 3px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

footer .bottom .contact a.viewMap{display: inline-block; color: #fff; font-size: 14px; font-family: "Archivo", sans-serif; border-bottom: 1px #fff solid; padding-bottom: 2px;}
footer .bottom .contact a.viewEnquries{margin-top: 35px;}

footer .bottom .contact a{-webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
footer .bottom .contact a:hover{color: #cd9c2f !important; border-color: #cd9c2f !important;}

footer .bottom .links{padding: 75px 0;}
footer .bottom .links img.logo{float: left; opacity: 1; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
footer .bottom .links img.logo:hover{opacity: 0.6;}

footer .bottom .links nav{float: right; width: 80%;}
footer .bottom .links nav ul{float: left;}
footer .bottom .links nav ul.first{width: 31.7%;}
footer .bottom .links nav ul.second{width: 51.9%;}
footer .bottom .links nav ul.third{width: 16.4%;}

footer .bottom .links nav ul li{margin-top: 25px;}
footer .bottom .links nav ul li:first-child{margin-top: 0;}

footer .bottom .links nav ul li a{font-size: 25px; font-family: "helvneue_reg", sans-serif; color: #2d3142; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
footer .bottom .links nav ul li a:hover{color: #cd9c2f;}

footer .bottom .attribution{}
footer .bottom .attribution .container{border-top: 1px #f6f6f6 solid; border-bottom: 1px #f6f6f6 solid; padding-top: 28px; padding-bottom: 28px;}

footer .bottom .attribution img.logo{float: left;}

footer .bottom .attribution ul{float: right; margin-top: 20px;}
footer .bottom .attribution ul li{float: left; font-size: 13px; font-family: "helvneue_reg", sans-serif; color: #333; padding-right: 60px; position: relative;}
footer .bottom .attribution ul li:after{content: ""; display: block; width: 3px; height: 3px; background: #333333; border-radius: 50%; position: absolute; top: 5px; right: 27px;}

footer .bottom .attribution ul li a{font-size: 13px; font-family: "helvneue_reg", sans-serif; color: #333;}

footer .bottom .attribution ul li.siteBy{padding-right: 0;}
footer .bottom .attribution ul li.siteBy:after{display: none;}
footer .bottom .attribution ul li.siteBy a{display:inline-block; vertical-align:middle; background:url(../img/HISQLogo.png) no-repeat;height: 14px;width: 14px;background-size:14px 14px;text-indent: 100%;white-space: nowrap;overflow: hidden;margin-top:-2px;}


footer .bottom .logos{padding: 35px 0;}
footer .bottom .logos .wrapper{display: flex; justify-content: space-between;  align-items: center;}
footer .bottom .logos .wrapper .logo{max-width: 130px;}
footer .bottom .logos .wrapper .logo img{display: block; max-width: 100%;}

#footerspacer{visibility: hidden; pointer-events: none; width: 100%;}

	/********************************************************** helper classes */

.btn{display:inline-block;  padding: 12px 32px; font-family: "Neue Haas Unica Pro Regular", Arial; font-size:17px; font-weight:normal; cursor:pointer; outline: none; text-align:center; border-radius:2px; border:0;  background:none;}
.btn{-webkit-transition:.5s ease all; -moz-transition:.5s ease all; transition:.5s ease all;}

.btnWhite{background:#fff; color:#2d3142 !important;}
.btnWhite:hover{background: #000;}

.btnBlack{background:#000; color:#fff !important;}
.btnBlack:hover{background: #000;}

.btnBlackB{border:2px #000 solid; color: #000 !important;}
.btnBlackB:hover{border: 2px #000 solid; color: #000 !important;}

.btnWhiteB{border:2px #fff solid; color: #fff !important;}
.btnWhiteB:hover{border: 2px #fff solid; color: #fff !important;}

/* youtube iframe embed */
.videoWrapper {position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* ie8 notice */
.chromeframe{position:fixed; top:0; left:0; width:100%; background:#bd1215; padding:10px 0; color:#fff; z-index:1500; font-family:"customfont", Helvetica, Arial; text-align: center; margin-bottom: 0;}
.chromeframe a{text-decoration:underline; color: #fff;}

/* hide elements meant for mobile only */
.mobile{display: none !important;}

/* override all default input styles */
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; -webkit-border-radius:0; border-radius:0; background: transparent; outline: none !important}

/* general form styling */
input[type=text], input[type=email], input[type=password], select, textarea{display:block; border:1px #e4e4e4 solid; padding:8px 0; text-indent: 8px; font-size:13px; font-family:"customfont", Helvetica, Arial; width:100%; box-sizing: border-box; }

select{}

textarea{height:150px;}

/* fake select box styling */
.selectWrap{position: relative;display: inline-block;width: 100%;height: 34px;line-height: 30px;margin: 0; }

.selectWrap > select{position: absolute !important; z-index: 3; -webkit-appearance: none; -moz-appearance: none; appearance: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; cursor: pointer; }

.selectWrap > .fakeSelect{position: relative; -webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px;width: 100%; margin: 0;vertical-align: bottom;padding: 0 10px; white-space: nowrap; padding-right: 20px;text-overflow: ellipsis;border: 1px solid #ccc; background: #fff;height: 34px; line-height: 30px; cursor: pointer;color: #444; }

.selectWrap > .fakeSelect.focus{border-color: #98c7f8;}
.selectWrap > .fakeSelect.focus:after{color: #81B5EC;}

/* dropdown icon */
.selectWrap > .fakeSelect span{position: absolute; top: 12px; right: 10px; width: 12px; height: 7px; background:url(../img/icon_dropdown_black.png) no-repeat center;}

/* dropdown options */
.selectWrap > .dropdown{display: none; position: absolute; top: 41px; width: 100%; min-width: 200px; z-index: 9999; background: #fff; border: 1px #ccc solid;}
.selectWrap > .dropdown span{display: block; padding: 7px; font-family: 'customfont'; font-size: 14px; cursor: pointer; text-align: left;}
.selectWrap > .dropdown span{-webkit-transition: .5s ease all; transition: .5s ease all;}
.selectWrap > .dropdown span.long{font-size: 12px; height: auto; padding: 10px 0; line-height: 180%;}
.selectWrap > .dropdown span:hover{color: #fff; background: #cf8a6a;}

.selectWrap.open > .dropdown{display: block;}
.selectWrap.sub .dropdown{width: 320px !important;}

/* custom radio button */
.custom_radio{display: none;}
.custom_radio + label{}
.custom_radio + label span.circle{display: inline-block; height: 15px; width: 15px; margin: 5px 5px 0 5px; position: relative; background: none; border: 1px #000 solid; vertical-align: top; cursor: pointer; border-radius: 50%;}
.custom_radio + label span.circle:before{content: ""; display: none; width: 7px; height: 7px; margin: 3px 2px 2px 3px; border-radius: 50%; background: #000; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}

.custom_radio + label span.text{display: inline-block; vertical-align: top; font-size: 13px; color: #000; line-height: 24px; max-width: calc(100% - 64px);}

.custom_radio:checked + label span.circle{border-color: #728be5;}
.custom_radio:checked + label span.circle:before{display: inline-block;}

.gform_wrapper div.validation_error{display:none!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-top:0px!important;}
.gform_wrapper .field_description_below .gfield_description{padding-top:0px!important;line-height: 100%;font-size: 12px;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{padding-top:0px!important;padding-bottom:0px!important;border:none!important;background:transparent!important;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {border: 2px solid #790000!important;}

/* notification messages (form) */
#notify{position: fixed; top: 15px; right: -15px; background: none; border: none; box-shadow: none; width: 100%; height: auto; opacity: 0; visibility: hidden; padding: 0 0 25px; z-index: 999999; text-align: right;}
#notify{-webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
#notify p{display: inline-block; text-align: left; color: #536068; width: 315px; padding-right: 30px; margin-bottom: 0; margin-right: 25px;  box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3); background: #fff;}


#notify p:before{content: ""; height: 65px; width: 34px; display: inline-block; vertical-align: middle; margin-right: 15px;}
#notify p span{display: inline-block; vertical-align: middle; max-width: calc(100% - 55px); font-size: 14px; font-family: 'Neue Haas Unica Pro Regular', Helvetica Neue, Arial; font-weight: 500; }

#page.notify #notify{right: 0; opacity: 1; visibility: visible;}

#notify.success p:before{background: #95cb5c url(../img/icon_notify_success.svg) no-repeat center;}
#notify.error p:before{background: #ea556a url(../img/icon_notify_error.svg) no-repeat center;}

/* slick */
.slick-slide{outline: none !important;}


[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
	transition-timing-function: ease-in;
}

body.loading .animate{opacity: 0;}

/********************************************************** responsive */

@media (min-width: 1600px) {

	#introVideo .tagline h2{font-size: 2.7vh;}

	#home #services .sliderWrapper .sliderControls{display: none;}

}

@media (max-width: 1400px){

  #popup {
    left: 10%;
    width: 80%;
  }
}

@media (max-width: 1200px){
	/*Tablet Landscape/Smaller Desktops*/

	img{max-width:100%; height:auto;}

	/* containers */
	.container{width:auto; padding:0 15px;}

	/*********** helpers */

}

@media (max-width: 1024px){
	/*IPAD Landscape*/
	p{}
	h2{}
	h3{}

	/*********** containers */
	.container.small{width: auto;}

	.container.l1, .container.l01{width: auto;}

	/*********** header */
	header{}

	header nav li{margin: 0 20px;}
	header nav li a{font-size: 12px;}

	header .viewVacancies{font-size: 12px; width: 135px;}

	/* mobile menu hamburger */
	header a.menu{float: right; display: block; width: 22px; height: 15px; padding: 20px 0 20px 20px; margin-top: 8px; background: url(../img/icon_hamburger.png) no-repeat center;}

	header a.viewVacancies{display: none;}

	/* hide desktop nav */
	header nav{display:none;}

	/*********** hero */
	#hero .caption h2{}

	#hero.normal .wrapper h2{font-size: 60px;}

	/*********** pages */

	/***** home */

	#home #intro{padding-top: 130px; padding-bottom: 100px;}
	#home #intro .wrapper p{font-size: 28px; line-height: 160%;}

	#home .breaker{background-size: cover; height: 350px; padding-bottom: 0; margin-bottom: 100px;}
	#home .breaker .block{display: none;}

	#home #services .sliderOuter{left: 0; width: 100%;}

	/*********** footer */
	footer{}

	footer .actions{height: 440px;}
	footer .actions .container .block .caption span.sub{font-size: 22px;}
	footer .actions .container .block .caption h4{font-size: 32px;}

	footer .bottom .contact{padding-left: 15px; padding-right: 15px;}

	footer .bottom .links nav ul li a{font-size: 22px;}

	/*********** helpers */
	.selectWrap > select{display: block !important;}
	.selectWrap > .dropdown{display: none !important;}


  #popup {
    left: 5%;
    width: 90%;
    top: 5%;
    height: 90%;
  }

}

@media (max-width: 850px){
	/*IPAD Portrait*/
	p{}
	h2{}
	h3{}

	/*********** containers */
	.container.l0{width: auto;}

	/*********** header */
	header{position: fixed; top: 0; left: 0; width: 100%;}
	header .container{padding: 0 15px;}

	header h1{}
  /*header h1 a, header .logo{width: 60px; height: 40px !important; background-size: 100%; margin: 13px 0;}*/
  header h1 a, header .logo{width: 60px; height: 60px !important; background-size: 100%; margin: 13px 0;}
	header h1 a{margin: 0;}



	.headerspacer{position: relative; height: 0; display: block;}

	#page.headertop header{position: fixed; top: 0; left: 0; z-index: 5; width: 100%;}
	#page.headertop .headerspacer{height: 67px;}

	/*#page.menu{position: fixed;}*/

	/*********** hero */
	#hero{}

	#hero.normal{margin-top: 67px;}

	/*********** pages */

	/***** home */
	#home header{position: relative;}

	#introVideo .tagline{left: 15px; width: calc(100% - 30px); max-width: 100%;}
	#introVideo .tagline h2{font-size: 22px; max-width: 95%;}


	#tenderspage .info .details{float: none; width: auto; margin-bottom: 40px;}
	#tenderspage .info .contact{float: none; width: auto;}

	#tenderspage .intro p{font-size: 24px;}

	#tenderspage .requests .list{width: 100%; left: 0;}
	#tenderspage .requests .list .request .inner{padding: 50px 15px;}



	#vacanciespage .intro p{font-size: 24px;}

	#vacanciespage .border{width: 100%; left: 0;}

	#vacanciespage .list{width: 100%; left: 0;}
	#vacanciespage .list .vacancy{padding-left: 15px; padding-right: 15px;}
	#vacanciespage .list .vacancy .inner{max-width: 100%;}
	#vacanciespage .list .vacancy h3{font-size: 18px;}
	#vacanciespage .list .vacancy .right span.meta{font-size: 15px;}

	/*********** footer */
	footer{}

	footer .actions .container .block:before{display: none;}
	footer .actions .container .block .caption{padding: 30px;}

	footer .bottom .links nav ul li a{font-size: 18px;}

	/*********** helpers */
	.btn{}

  #popup .inner{
    padding: 40px 70px 15px 40px;
  }

}

@media (max-width: 720px){
	/*Mobile Landscape*/
	p, #popup ol li{font-size: 15px;}
	h2{font-size: 32px;}
	h3{}

  br{display: none !important;}
  #popup br{display: block !important;}

	/*********** containers */
	.container{width: auto !important;}

	/*********** general */

	main .col.first,main .col.second{float: none; width: 100%;}
	main .col.first{margin-bottom: 25px;}

	/*********** header */
	header{}
	header h1{}
	header h1 a, header .logo{}


	#notice p{
		font-size: 10px;
		padding-right: 35px;
	}

	#notice a.closeNotice{top: 10px;}
	
	#page.has_notice #introVideo{top: 35px;}

	/*********** hero */
	#hero{}
	#hero .caption h2{}

	#hero.normal .wrapper{padding: 100px 0 120px;}
	#hero.normal .wrapper h2{font-size: 32px; width: auto; float: none}

	#hero.normal .wrapper .caption{float: none; width: auto; margin-top: 20px;}
	#hero.normal .wrapper .caption p{font-size: 16px; max-width: 95%;}

	#hero.normal .gradient{width: 100%;}

	#hero.info{position: relative; top: 67px; /*min-height: calc(100vh - 108px); */ min-height: 600px;}
	#hero.info h2{top: 14%;}
	.loaded #hero.info h2{top: 12%;}

	#hero.info .details{padding: 0 15px; width: auto; top: 25%;}

	#hero.info .details .actions a{margin-right: 20px; font-size: 18px;}
	#hero.info .details p{font-size: 16px;}

	#hero.info .bottom .links{display: none;}

	.loaded #hero.info .bottom{bottom: 100px;}

	/*********** pages */
	.over{height: calc(100% + 108px);}

	#hero.info h2{left: 15px; font-size: 40px;}
	#hero.info .bottom .title{float: none; width: 100%; height: auto; margin-bottom: 25px;}

	#hero.info .bottom .links{float: none; width: 100%; height: auto;}

	#follownav{border: none; width: 100%; background: #fff; z-index: 9999;}
	#follownav a{float: none; width: calc(100% - 20px) !important; border-bottom: 1px #c5e5ff solid; padding: 10px; font-size: 15px; text-align: left;}
	#page.sticky #follownav{z-index: 9999;}

	#page.sticky .follownavanchor{height: 36px;}

	#tabnav{height: auto;}
	#tabnav{position: absolute; top: 67px !important; left: 0; width: 100%; background: #fff; z-index: 99; opacity: 1 !important; transition-delay: 0s; transition: none;}
	#tabnav.fixed{position: fixed; top: 0 !important;}
	#tabnav .link{width: 100% !important; border-top: none;}
	#tabnav .link:first-of-type{border-top: 1px #aaaba7 solid;}
	#tabnav .link a{padding: 15px 15px 20px 0; border-left: none;}
	#tabnav .link a span.text{font-size: 15px; margin-bottom: 0;}
	#tabnav .link a span.arrow{display: none;}

	#tabs{padding-top: 70px;}

	#tabs .tab .title{margin-bottom: 40px;}
	#tabs .tab .title h2{margin-left: 30px; font-size: 18px;}
	#tabs .tab .title h2:before{top: 3px;}
	#tabs .tab .title.large h3{font-size: 28px; line-height: 120%;}
	#tabs .tab .title p{font-size: 18px;}

	#tabs .tab .intro{padding-left: 15px; padding-right: 15px;}
	#tabs .tab .intro p{font-size: 18px;}

	#tabs .tab .intro ul{margin-left: 25px;}
	#tabs .tab .intro li{font-size: 18px;}
	#tabs .tab .intro ul li:before{left: -20px;}

	#tabs .tab .info .details{padding: 0 15px;}
	#tabs .tab .info .details p.intro{font-size: 18px; padding: 0;}
	#tabs .tab .info .details p{font-size: 16px;}

	#tabs .tab .info .sliderWrapper{margin-bottom: 40px;}

	#tabs .tab .info .sliderOuter{left: 15px; width: calc(100% - 30px); min-height: inherit;}
	#tabs .tab .info .sliderOuter .slick-list{min-height: inherit; padding-right: 0;}
	#tabs .tab .info .sliderOuter .slick-slide .inner{padding-right: 0;}
	#tabs .tab .info .sliderOuter .slick-slide .image img{width: 100%;}
	#tabs .tab .info .sliderOuter .slick-dots{margin-top: 0; padding-right: 0;}

	#tabs .tab .info .sliderOuter a.control{background-size: 5px; width: 30px; height: 30px;}
	#tabs .tab .info .sliderOuter a.control.next{right: 15px;}

	#tabs .tab .info .sliderOuter .caption{padding-top: 30px;}



	/***** home */

	#home #intro{padding-top: 70px;}
	#home #intro .wrapper p{font-size: 18px;}

	.introVideoSpacer{min-height: calc(100vh - 120px);}

	#home .breaker{height: 210px;}

	#home #services .caption h2{}

	#home #latest{padding-bottom: 60px;}
	#home #latest article .image{float: none; width: 100%;}
	#home #latest article .image img{width: 100%;}

	#home #latest article .details{float: none; width: 100%;}
	#home #latest article .details .inner{padding: 25px 30px;}
	#home #latest article .details .inner span.sub{font-size: 15px; margin-bottom: 10px;}
	#home #latest article .details .inner h3{font-size: 28px;}

	#home #tabs .tab .info .sliderOuter{left: 0; width: 100%;}
	#home #services .sliderWrapper a.control.next{right: 20px; margin-top: -45px}


	#home .breaker .block{display: block; width: 15px;}
	#home #tabs .tab .info .sliderOuter a.control.next{margin-top: -35px;}

	#home #services .caption{margin-bottom: 50px; height: auto;}

	#home #services .sliderOuter{height: 362px; height: 100%; /*left: 15px; width: calc(100% - 30px);*/ left: 0; width: 100%;}
	#home #services .sliderOuter .slick-list{}

	#home #levels{margin-bottom: 70px;}
	#home #levels .wrapper .inner{padding-left: 20px; padding-right: 25px;}
	#home #levels .wrapper .inner .details{float: none; width: auto; margin-bottom: 30px;}

	#home #levels .wrapper .inner h3{font-size: 24px;}
	#home #levels .wrapper .inner h4{font-size: 18px; margin-bottom: 25px;}
	#home #levels .wrapper .inner p{font-size: 16px;}

	#home #levels .wrapper .inner .valueWrapper{position: relative; width: 100%;}
	#home #levels .wrapper .inner .valueWrapper .value.large{position: relative; bottom: 0; right: 0; display: block; text-align: right; padding-right: 110px; font-size: 90px}
	#home #levels .wrapper .inner .valueWrapper .corner{right:0; top: 30px;}

	#servicesSlider{height: 347px; height: 100%;}
	#servicesSlider .slick-slide .inner{padding: 15px; padding: 0; margin: auto; width: 92%;}
	#servicesSlider .slick-slide .inner img{width: 100%;}
	#servicesSlider .slick-slide .inner .caption{}
	#servicesSlider .slick-slide .inner .caption .wrap{padding: 0 25px;}
	#servicesSlider .slick-slide .inner .caption h3{font-size: 20px; margin-bottom: 75px}
	#servicesSlider .slick-slide .inner .caption p{display: none;}

	#servicesSlider .slick-slide .inner .learnMore{left: 25px; width: calc(100% - 25px); bottom: 25px;}

	/* section */

	/*****s About */

	#aboutpage #hero.info .bottom .title{width: 100%;}

	#tabs .tab.background .info{padding: 40px 0;}
	#tabs .tab.background .logos{padding: 0 25px; display: block;}
	#tabs .tab.background .logos img{display: block; margin: 0 auto 30px;}

	#tabs .tab .members .row{display: block;}
	#tabs .tab .members .member{width: 100%; margin: 0 0 30px;}
	#tabs .tab .members .member span.name{font-size: 15px;}
	#tabs .tab .members .member span.position{font-size: 15px;}

	#clients{margin-bottom: 70px; padding-top: 70px;}
	#clients .container{padding-left: 0; padding-right: 0;}
	#clients h2{margin-bottom: 50px; font-size: 18px;}

	#clients .list .row{margin-bottom: 0;}
	#clients .list .client{width: 50%; display: inline-block; margin-bottom: 0; text-align: center; height: 120px; box-sizing: border-box;     border: 1px #eaeaea5e solid;}
	#clients .list .client:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
	#clients .list .client img{display: inline-block !important; vertical-align: middle; max-width: 70%;}

	#clients .list .client{width: 50%; display: inline-block; margin-bottom: 0; text-align: center; height: 120px; box-sizing: border-box;     border: 1px #eaeaea5e solid;}
	#clients .list .client:before{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
	#clients .list .client img{display: inline-block !important; vertical-align: middle; max-width: 70%;}

	/***** Services */

	#tabs .tab.bulk-services .info .details .image{float: none; width: auto; margin-bottom: 30px;}
	#tabs .tab.bulk-services .info .details .stages{float: none; width: auto; margin-bottom: 50px;}

	#tabs .tab.bulk-services .info .details .stages p{font-size: 16px;}



	#projectspage #tabs .tab .breaker{height: 130px; background-size: cover !important;}
	#projectspage #tabs .tab .breaker .block{display: none;}

	#sustainablepage{margin-top: 67px;}

	#sustainablepage header{}
	#sustainablepage #hero.normal{margin-top: 174px;}

	#sustainablepage #tabs{position: relative; z-index: 999;}
	#sustainablepage #tabs .tab .switcher{background: #fff;}
	#sustainablepage #tabs .tab .switcher .link{border-bottom: 1px #c5e5ff solid; padding: 10px; margin-bottom: 0;}
	#sustainablepage #tabs .tab .switcher .link span{padding: 0; font-size: 13px; color: #aaaba7;}
	#sustainablepage #tabs .tab .switcher .link.current span{color: #7cb6e7;}

	#sustainablepage #tabs .tab .switcherspacer{position: relative; height: 230px; width: 100%; display: none;}

	#page.sticky #sustainablepage #tabs .tab .switcher{position: fixed; top: 0; left: 0; z-index: 99999; width: 100%;}
	#page.sticky #sustainablepage #tabs .tab .switcherspacer{display: block;}


	#sustainablepage #tabnav{}
	#sustainablepage #tabnav .link.hasdropdown{transition: none;}
	#sustainablepage #tabnav .link.hasdropdown.active{background: url(../img/sustainable/icon_dropdown_black.png) no-repeat 95% 17px;}
	#sustainablepage #tabnav .link.hasdropdown .switcher{position: relative; max-height: 0; overflow: hidden; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all;}
	#sustainablepage #tabnav .link.hasdropdown .switcher .sublink{position: relative; padding: 10px; border-bottom: 1px #aaaba7 solid; font-size: 12px;}

	#sustainablepage #tabnav .link.hasdropdown .switcher .sublink.current{padding-left: 25px;}
	#sustainablepage #tabnav .link.hasdropdown .switcher .sublink.current:before{content: ""; display: block; width: 19px; height: 17px; background: url(../img/sustainable/icon_arrow.png) no-repeat center; position: absolute; top: 7px; left: 0;}
	#sustainablepage #tabnav .link.hasdropdown .switcher .sublink.current span{border-color: #000; color: #000;}

	#sustainablepage #tabnav .link.hasdropdown.dropping .switcher{max-height: 300px;}

	#sustainablepage #tabs{padding-top: 0;}

	#sustainablepage #tabs .tab{padding-bottom: 50px; padding-top: 60px;}
	#sustainablepage #tabs .tab .switcher{float: none; width: 100%; margin-bottom: 40px;}
	#sustainablepage #tabs .tab .infoWrapper{float: none; width: auto; padding: 0 15px;}

	#sustainablepage #tabs .tab .infoWrapper .sub p{font-size: 18px;}

	#sustainablepage #tabs .tab .infoWrapper p{font-size: 15px;}

	#sustainablepage #tabs .tab.environmental{padding-top: 0;}
	#sustainablepage #tabs .tab.environmental > .container{padding: 0;}

	#sustainablepage #hero{top: 0;}

	#sustainablepage #hero .details{}

	#sustainablepage #hero.info .bottom .title div span.text{margin-bottom: 10px;}

	#goals .card .image{float: none; width: 100%;}
	#goals .card .image img{width: 100%;}

	#goals .card .right{position: relative; left: 0; width: 100%;}
	#goals .card .right .inner{padding: 30px 50px 30px 20px;}
	#goals .card .right .inner h3{font-size: 18px;}

	#goals .card .right .inner span.arrow{right: 20px; background-size: 100%; width: 30px;}

	#goals .reveal .inner{padding: 40px 20px;}
	#goals .reveal .inner span.heading{font-size: 18px;}

	#goals .reveal .inner .goal h4.goalName{font-size: 18px;}
	#goals .reveal .inner .goal p{font-size: 16px;}

	/***** Projects */

	#tabs .tab.projects{padding-top: 60px;}

	#projectsnewpage #tabs .tab .info{padding-bottom: 0;}

	#projectsnewpage #tabs .tab .bottom{paddint-top: 30px;}
	#projectsnewpage #tabs .tab .bottom .image{float: none; width: 100%;}
	#projectsnewpage #tabs .tab .bottom .image img{top: 0;}

	#projectsnewpage #tabs .tab .bottom .details{float: none; width: auto;}

	#projectsnewpage #tabs .tab .bottom .details .block{margin-bottom: 60px;}

	#projectsnewpage #tabs .tab .bottom .details h3{font-size: 18px;}

	#projectsnewpage #tabs .tab .bottom .details ul{margin-left: 25px;}
	#projectsnewpage #tabs .tab .bottom .details li{font-size: 16px;}
	#projectsnewpage #tabs .tab .bottom .details ul li:before{left: -20px;}

	/***** contact */
	#enquirepage #hero{margin-bottom: 70px;}
	#enquirepage .contactDetails{float: none; width: auto; margin-bottom: 40px;}
	#enquirepage .formWrapper{float: none; width: auto;}


	#tenderspage .intro{padding-top: 70px; margin-bottom: 35px;}
	#tenderspage .intro p{font-size: 16px;}
	#tenderspage .info .details p{font-size: 15px;}

	#tenderspage .info .contact .heading span{font-size: 18px;}

	#tenderspage .info .contact ul{padding-left: 0;}
	#tenderspage .info .contact ul li span.text, #tenderspage .info .contact ul li span.text a{font-size: 15px;}

	#tenderspage .info .contact ul li span.icon{width: 35px;}

	#tenderspage .pointsWrapper{width: 100%; left: 0;}
	#tenderspage .pointsWrapper .inner{padding-left: 40px;}
	#tenderspage .pointsWrapper .inner li{font-size: 16px;}

	#tenderspage .requests .title h3{font-size: 18px;}
	#tenderspage .requests .title p{font-size: 18px;}

	#tenderspage .requests .list .request .inner h3{font-size: 22px;}
	#tenderspage .requests .list .request .inner .meta span{width: 33%;}

	#vacanciespage .intro{padding-top: 70px;}
	#vacanciespage .intro p{font-size: 20px;}
	#vacanciespage .list .vacancy{padding: 20px 15px;}
	#vacanciespage .list .vacancy h3{float: none; margin-bottom: 10px;}
	#vacanciespage .list .vacancy .right{float: none;}
	#vacanciespage .list .vacancy .right:after{content: ""; display: block; clear: both;}

	#vacanciespage .list .vacancy .right span.meta{float: left; margin-top: 15px; font-size: 13px;}
	#vacanciespage .list .vacancy .right .apply{float: right; width: 90px; font-size: 15px;}


	#vacancypage .details{padding-top: 70px;}
	#vacancypage .details h2{font-size: 24px;}

	#vacancypage .details ul.meta li span{font-size: 15px;}
	#vacancypage .details ul.meta li span.label{width: 120px;}

	#vacancypage .blocks{width: auto; left: 0; padding: 0 15px;}
	#vacancypage .block p{font-size: 18px;}
	#vacancypage .block h3{font-size: 20px;}
	#vacancypage .block li{font-size: 18px; margin-bottom: 20px;}

	#vacancypage .bottom a.apply{float: none; margin-bottom: 20px;}
	#vacancypage .bottom .postDate{float: none; display: block; font-size: 15px;}

	#projectspage header{position: relative;}

	#projectspage #tabs .tab .breaker{height: 130px; background-size: cover !important;}
	#projectspage #tabs .tab .breaker .block{display: none;}

	#projectspage #hero.normal{margin-top: 103px;}
	#projectspage #tabs{padding-top: 0; padding-bottom: 0;}
	#projectspage #tabs .tab .introImage{}
	#projectspage #tabs .tab .introImage img{float: none; left: 0;}

	#projectspage #tabs .tab .infoarea{padding-top: 50px;}


	#tabs .tab.transformation .info .sliderOuter{left: 15px; width: calc(100% - 30px);}

	#press .main{padding-top: 70px;}

	#press .switcher{width: auto; float: none; margin-bottom: 40px;}
	#press .listWrapper{float: none; width: 100%;}

	#press .listWrapper .list article{padding-right: 0;}
	#press .listWrapper .list article h3 a{font-size: 22px;}

	#press.reports .listWrapper .list{display: block;}

	#press.reports .listWrapper .list .row{display: block;}
	#press.reports .listWrapper .list .report{display: block; margin: 0 auto 35px; max-width: 180px;}

	#press .switcher{position: fixed; top: 0; left: 0; width: 100%; height: 41px; overflow: hidden; background: #fff; z-index: 149; display: flex;     flex-wrap: wrap;    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1); -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all}
	#press .switcher.open{height: 164px;}
	#press .switcher.show{top: 67px;}

	#press .switcher .link{margin-bottom: 0; padding: 10px 15px; width: 100%;}

	#press .switcher .link.current{order: -1; background: url(../img/press/icon_dropdown_black.png) no-repeat center right; background-position-x: 95%;}

	#enquirepage .formWrapper .heading{margin-bottom: 0;}

	#enquirepage .formWrapper .form ul li label{float: none; width: auto; margin-bottom: 10px;}
	#enquirepage .formWrapper .form ul li .input{float: none; width: 100%;}

	/*********** footer */
	footer{position: absolute; bottom: 0;}


	footer .actions{height: 630px;}
	footer .actions .container{background: url(../img/footer_actions_bg.png) repeat;}
	footer .actions .container .left{width: 100%; height: 50%;}
	footer .actions .container .right{left: 0; top: 50%; width: 100%; height: 50%;}

	footer .actions .container .block{cursor: pointer;}
	footer .actions .container .block:before{display: none;}
	footer .actions .container .block .image{background-size: 100%;}
	footer .actions .container .block:hover .image{    transform: scale(1.2);}
	footer .actions .container .block .caption{width: calc(100% - 30px); padding: 30px 15px 0;}

	footer .actions .container .block .caption span.sub{font-size: 18px;}
	footer .actions .container .block .caption h4{margin-bottom: 20px; font-size: 26px;}
	footer .actions .container .block .caption p{margin-bottom: 25px;}

	footer .actions .container .block .caption a.btn{width: 120px;}

	footer .bottom{height: auto;}
	footer .bottom .contact .wrapper{display: block;}
	footer .bottom .contact .block{margin-bottom: 30px;}

	footer .bottom .links{display: none;}
	footer .bottom .links img.logo{float: none; display: block; margin: 0 auto 30px;}

	footer .bottom .links nav{float: none; width: auto;}
	footer .bottom .links nav ul{float: none !important; width: auto !important; margin-top: 25px;}
	footer .bottom .links nav ul li{text-align: center;}

	footer .bottom .attribution .container{padding-left: 0; padding-right: 0; border: none;}
	footer .bottom .attribution img.logo{float: none; display: block; margin: 0 auto 30px;}
	footer .bottom .attribution ul{float: none;}
	footer .bottom .attribution ul li{float: none; text-align: center; margin-top: 0; padding-right: 0; padding: 10px 0; border-top: 1px #f6f6f6 solid; border-bottom: 1px #f6f6f6 solid;}
	footer .bottom .attribution ul li:first-of-type{border-top: none;}
	footer .bottom .attribution ul li:after{display: none;}

	footer .bottom .attribution ul li a{display: block; }

	footer .bottom .logos{overflow: auto; position: relative;}
	footer .bottom:after{content: ""; position: absolute; bottom: 0; right: -10px; height: 125px; width: 120px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}

	footer .bottom .logos .wrapper{display: block; width: 690px;}
	footer .bottom .logos .wrapper .logo{display: inline-block; vertical-align: middle; margin-right: 50px;}

	/*********** helpers */
	.mobile{display: block !important;}
	.desktop{display: none !important;}

	.selectWrap > .fakeSelect{width: 100% !important;}

	.btn{font-size: 13px;}

}


@media (max-width: 350px) {

	#navigation .links ul li{padding-left: 20px;}
	#navigation .links ul li a{font-size: 16px;}

	#navigation .contact .block{padding-left: 20px;}

	#tabs .tab .title h2:before{top: 2px;}
	#tabs .tab .title h2{font-size: 16px;}

	#tabs .tab .title.large h3{font-size: 26px; line-height: 120%;}

	#vacanciespage .list .vacancy .right span.meta{display: block; float: none; margin-bottom: 15px;}
	#vacanciespage .list .vacancy .right .apply{float: none; margin-left: 0;}

	.introVideoSpacer{min-height: calc(100vh - 140px);}

	.layout .introVideoSpacer{}

}