/*=TYPOGRAPHY
-------------*/
body{font-family: 'Roboto', sans-serif;color:#404041;font-size:15px;font-weight:400;font-style: normal;background-color:#fff;font-variant-}
#wrap {position: relative;max-width:1175px;margin:0 auto;}
.txtR{text-align:right}
.uppercase{text-transform:uppercase;}
h2,h3{margin-top:0px;margin-bottom:3px}

.switch-cyan{color: #006980 !important;}
.switchblueadmin{color:#5193B2!important; font-family: 'Roboto', sans-serif;}
.switchdarkblue{color:#1D4960!important;}
.switchgrey{color:#4C4D4E!important;}
.switch-black{color:#000000;}
.switchbrown{color: #fff!important;}
.switchgold{color: #A78563 !important;}
.switch-White{color: #ffffff !important;}
.switch-red{color: #C31F3D !important;}
.switchwhiteheader{color: #fff!important; font-weight:300 !important; font-size: .75em !important;}

h1 {position:relative;color: #231F20; font-weight: bold; margin-bottom: 20px;line-height: 1.1;margin-top: 25px; font-size: 35px; font-family: 'Roboto Condensed', sans-serif;}
h1 span{display: block; font-size: 16px; font-weight: 300;font-family: 'Roboto', sans-serif;}

h6 {font-size: 16px; color: #D66C45;font-weight: 500; margin-bottom: 0px}
/*h6:before{border-bottom:3px solid #5193B2;position:absolute;content:'';width:59px;padding-top:27px;}*/
h6 small{color:#000000;font-size:12px}
h2{font-size:16px;color: #090400;line-height:1.6;}
h3{font-size:30px;color:#202B65;font-weight:400;line-height:1.4; text-transform:uppercase; display:block;position:relative; padding-bottom:3px; }
/*h3 span {color:#A78462 !important; font-size:18px !important; font-weight:400;} */

h4 {font-weight: 500;  color: #4C4D4F; font-size: 20px!important;}

h5{color: #C31F3D;font-size: 17px!important;margin: 0;font-weight: 600;}

.grey-bkr-graph{ background:#ECEDED; border-bottom-left-radius:30px; padding:15px; margin-bottom:15px}
.grey-bkr-graph p{ border-bottom:1px dotted #4C4D4E }
.bluelineheading {border-bottom:3px solid #99C6BF;position:absolute;content:'';width:59px;}

sup {vertical-align: super;
    font-size: 60%;}
sub {vertical-align:sub;font-size:65%}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
.block-hm-white p{padding:10px; background-color:#EDEBE7; width:93%;margin:10px 0 0 20px;font-size:16px;}
.block-white-sal p{padding:10px; background-color:#EDEBE7; width:93%;margin:10px 0 10px 20px!important;font-size:18px!important;}
.block-white-sal p span{font-size:25px;}
.block-white-sal {background:#fff;}
.block-white-sal ul.list { margin-left: 2em;  margin-top: .5em; font-size:1.3em;}
.marg-left-15{margin-left: 17px;}
marquee {display: inline-block; width: -webkit-fill-available;}

.commentary-heading {color:#F36E60;line-height:1.4; font-size:1.1em !important;}
.text-decoration {text-decoration:none!important;}
.footer-txt {font-size:23px;color:#829EBC;font-weight:600;line-height:1.4; text-transform:uppercase;}

.download-header {font-size:20px!important; font-weight:500; margin-left:15px; margin-top:20px;}
.download-header span {font-weight:normal;}


ul.dashed-list { list-style: none;margin-bottom: 1em !important;margin-top:0px;}
ul.dashed-list li {padding-top: 3px; margin-left:-3px;line-height: 1.4;position: relative; font-size: 1em;}
ul.dashed-list li:before {content: '\2014'; position: absolute;left: -12px;top: 6px;font-size: 9px;}

/*=TOOLBAR
----------*/
#toolbar {position:absolute; top:0px; right:-50px;; width: 32px;}
#toolbar ul {margin-bottom:0; list-style: none; padding: 0;}
#toolbar ul > li {/*margin-bottom:10px;*/border-radius: 0px 10px 0px 0px;}
#toolbar a {display:block;padding:.25em;text-align:center;vertical-align:middle;font-size:1.5em}
#toolbar li a{color:  #fff;text-decoration:none;background: #000;width: 50px; height: 40px;padding:10px;}
#toolbar li a:hover {color:#fff;}

.move {position:absolute;left:-9999px;}


/*=ACCORDION
------------*/

/*.accordion {margin-bottom:1em;}
.accordion p  {
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1.6;
	color: #4d4d4d;
}

 .switch a {display:none;}

h4.expand{border-top: solid 1px #E1E2E3; font-weight:500;color: #4C4D4E;font-size: 18px; margin-bottom: 0px;text-transform: uppercase;}
h4.expand a {padding: 8.5px; font-size:1em;}
.expand a {display:block;margin-bottom: 15px;}
.expand a:link, .expand a:visited {color: #fff;text-decoration:none;background: #A4CE4C;position: relative;font-family: 'Roboto', sans-serif;font-weight: 500;}
.expand a:hover, .expand a:active, .expand a:focus {background:#F0F5DE;color:#3B2A25; font-family: 'Roboto', sans-serif;font-weight: 500; }
.expand a.open:link, .expand a.open:visited {background: #F0F5DE;color: #3B2A25; font-weight: 500; font-family: 'Roboto', sans-serif; }
.expand a:before {content:'\e936';font-family:'icomoon';speak: none;padding-right:.5em;right: 0;position: absolute; color: #016694;}
.expand a.open:before {content:'\e937';font-family:'icomoon';speak: none;padding-right:.5em}*/

/*tabbed accordion*/
/*ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #ccc;border-bottom:none;text-decoration:none;color:#333}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#eee}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#0067a4;color:#0067a4;font-weight:bold}
.tab-container {border:1px solid #0067a4;border-top:none;clear:both;float:left;width:99.796334%;background:#fff;overflow:auto;}
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}*/




/*TABBED ACCORDION*/
ul.tabs {float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin-bottom: 46px !important;
    font-size: 13px;
    border-radius: 29px 31px 0px 0px;
    background: #DADADA;}
ul.tabs li {float:left;list-style-type:none; cursor: pointer;margin:0px;padding: 24px 34px 22px 16px;border-bottom:none;text-decoration:none;color: #4C4D4E; background: #DADADA; width:19.99%;font-weight: bold;border: none; text-align: center;  border-radius: 29px 32px 0px 0px;}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background: #C31F3D;color: #ffff;}
ul.tabs li.active {
    background: #C31F3D;
    border-color: #b5995f;
    color: #fff;
    border-radius: 29px 32px 0px 0px;
    font-weight: bold;}
.tab-container { border-top:0; margin-top:0px;  clear:both;width:100%;}
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

@media screen and (max-width: 1150px) {
.tabs {display: none;}
.tab-drawer-heading {background:#DADADA;color:#fff;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #4C4D4E; margin-top: 5px;}
.d-active {background-color: #C31F3D;
    color: #fff;}
.tab-drawer-heading:before {float:right; content:'+';speak: none;padding-right:.25em}
.d-active:before {float:right; content:'-';speak: none;padding-right:.25em}
.tab-container {border: none;}
	}
	
.accordion-tabs{margin-bottom: 20px;}


/*div.gutter{ margin: 10px 10px;}*/




/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:1.1em;margin-bottom:1em;line-height:1.4;}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:1.1em;line-height:1.4;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
.bath-tub {display:block;float: left;}
.bath-tub img{display:block;max-width:100%;height:auto !important;}
#container figure img {display:block;max-width:100%;height:auto !important}


ul.list {margin-left: -23px;}
ul.list li { position: relative;font-size: 15px;line-height: 1.5;color: #4C4D4E;list-style-type: disc;}
/*ul.list li:before {content: "\e944"; position: absolute; font-family: 'icomoon'; width: 50px; height: 50px; left: -30px; bottom: -29px; color: #C31F3D; font-weight: bold;}*/
ul.list li ul li {line-height: 1.5; margin-left:20px; font-size:15px !important;}
ul.list li ul li:before { background: none;  border-radius: none;}
ul.list li ul li:after {left: -11px; top: 10px;}


ul.list-dashed {margin-left: -23px;list-style-type: none;}
ul.list-dashed li { position: relative;font-size: 15px;line-height: 1.5;color: #4C4D4E;}
ul.list-dashed li:before {content: "\2014"; position: absolute;margin-left: -20px; }
ul.list-dashed li ul li {line-height: 1.5; margin-left:20px; }
ul.list-dashed li ul li:after {left: -11px; top: 10px;}


/*breadcrum*/

.page-name p {font-weight: 400;font-size: 14px;color:#006980;float: right;margin-top: 10px;}
.page-name span{color:#006980;}
.page-name a{color: #C31F3D; font-weight: 500; text-decoration: underline;}

.page-name a:hover {color: #000;  }


/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-30{padding: 30px;}
.padding-40{padding: 40px 20px;}
.padding-50{padding: 50px 0px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-10T{padding-top: 10px!important;}
	
.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}
.padding-10B{padding-bottom: 10px!important;}
.padding-40T{padding-top: 40px!important;}


	
.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-40T{margin-top: 40px!important;}
.margin-60T{margin-top: 60px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-10TB{margin: 7px 0px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}

.margin-5T{margin-top: 5px!important;}

.margin-80T{margin-top: 80px!important;}




/*INTRO STYLES*/
.intro{font-size: 20px !important; font-style:normal; line-height:1.3 !important; color: #404041;}
.intro-thin{font-size: 24px !important; font-style:normal; line-height:1.3 !important; color: #231F20; font-weight: 300;}
.intro-med{font-size: 24px !important; font-style:normal; line-height:1.3 !important; font-weight: 400; color: #231F20}
.quote-name{border: 2px solid #C51F3E; border-radius: 50%; min-height: 100%; width: 258px; height: 258px; color: #231F20; position: relative; }
.quote-name:before{content: '"'; position: absolute; font-size: 130px; font-style: italic; color: #006980; top: -39px; right: 50%; z-index: 1}
.quote-name-wrapper{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; font-family: 'Roboto Condensed', sans-serif;} 
.quote-name-wrapper:before{content: ""; position: absolute; height:50px; width: 150px; background: #fff; top: -98px; left: 51px;} 
.quoter{display: block; font-weight: bold; font-size: 20px}
.quoter-position{font-size: 16px}

.center-cirle{margin: 20px 0; }
.center-cirle .row .quote-name{margin: 0 auto; width: 230px; height: 230px;}
.gradient-bg{background-image: linear-gradient(to right, #ECEDED , transparent 50%); margin: 60px 0; border-top: 1px dashed #707070; padding: 60px 0;}

/*BUTTON STYLES*/
.cta-btn-cont{margin-top: 80px}
.cta-button{font-family: "Montserrat", sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; background: linear-gradient(to right, #C31F3D ,#450101); background: -webkit-gradient(to right, #C31F3D, #450101); text-decoration: none; padding: 22px 71px; border-radius: 50px; font-weight: bold; }
div.cta-btn-cont a {text-decoration: none}

.cta-button:hover {
	color:#fff;
}

.solid-high:before{content: 'Solid'; font-style: unset; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; top: -10px; right: 38%;}
.digital-high:before{content: 'Digitisation'; font-style: unset; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; top: -10px; right: 18%;}
.excellent-high:before{content: 'Excellent'; font-style: unset; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; top: -10px; right: 25%;}
.enhanced-high:before{content: 'Enhanced'; font-style: unset; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; top: -10px; right: 23%;}
.resumption-high:before{content: 'Resumption'; font-style: unset; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; top: -10px; right: 18%;}

.op-high-wrapper {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; font-family: 'Roboto Condensed', sans-serif;}
.op-high-wrapper:before {content: ""; position: absolute; height: 50px; width: 160px; background: #fff; top: -123px; left: 35px;}
.op-high-wrapper .quoter-position{position: absolute; left: 50%; top: -78px; transform: translateX(-50%); font-size: 22px; width: 75%; font-weight: 400; line-height: 1.2; color:#404041}



a.buttonexcel {float:right;
padding: 19px 15px 18px 76px;
background: #DBEAF3;
border: solid #30396F 1px;
width: auto;
color: #30396F;
text-transform: uppercase;
font-weight: 900;margin:20px 0;
position: relative;
}
a.buttonexcel:before {
content: '';
width: 57px;
height: 62px;
position: absolute;
left: 0px;
top: 0px;
background: url("../images/excel.svg") no-repeat;
background-size: 28px  22px;
background-position: center;
border-right: solid #30396F 1px;
}



/*home Page*/

					.home-greyblock{background: rgb(241,242,242); background: linear-gradient(156deg, rgba(241,242,242,1) 0%, rgba(255,255,255,1) 60%); padding:72px 0; border-top: dashed #707070 1px; border-bottom: dashed #707070 1px}
					.margin-60B{margin-bottom:60px}
					.home-solidgreyblock{background:#ECEDED; padding:45px 0;}
					.index-list{list-style-type: none; padding:0; margin:0}
					.index-list li{width:auto; display:inline-block; padding-right:10%}
					.index-list li a{text-decoration: none; transition: 0.5s ease-in-out}
					.index-list li a span{transition: 0.5s ease-in-out}
					.index-list li a:hover span{color: #006980}
					.index-list li:last-child{ padding-right:0}
					.index-list li img{padding-right:10px}
					.index-list li span{font-size: 20px; color:#231F20; font-weight:bold; vertical-align: middle}
					.slide-left{opacity:0; position:relative; animation: home-block-slide-left 2s ease-in-out forwards}
					.slide-right {opacity:0; position:relative; animation: home-block-slide-right 2s ease-in-out forwards}
					@keyframes home-block-slide-left{from{left:-100%; opacity: 0} to{left:0%; opacity: 1}}
					@keyframes home-block-slide-right{from{right:-100%; opacity: 0} to{right:0%; opacity: 1}}
				



@media screen and (max-width:1188px){
	.quote-text{width:95%; float:right; clear: both;}
}


@media screen and (max-width: 1740px) {
#toolbar{
	
}



@media screen and (max-width: 1400px) {

	#toolbar{position: absolute;
   
  }

}




@media screen and (max-width: 1280px) {

	#toolbar{position: absolute;
    right: 0px;
  }
.page-name-bread
	{
		margin-right: 40px;
	}
}
@media screen and (max-width: 1607px) {

	}

@media screen and (max-width: 1405px) {

	}
@media screen and (max-width: 1010px) {
#toolbar {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
}
.page-name-bread
	{
		margin-right: 60px;
	}
}

@media screen and (max-width: 1145px) {
.cta-btn-cont {
   
    margin-bottom: 1em;
}}

@media screen and (max-width: 1090px) {
#toolbar {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
}
.page-name-bread{margin-right: 40px;}
	
}

	
	
@media screen and (max-width: 992px) {
	.quote-text{width:100%; margin-top:20px; text-align: center;}


	
	#toolbar {
    position: absolute;
    top: 0px;
    right: -60px;
    width: 20px;
}

.quote-name{margin: 0 auto;}


	}
@media screen and (max-width: 975px) {
	
	#toolbar {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 20px;
}
	}
	
/*
@media screen and (max-width:927px){
	.quote-name{width: 373px;}
	.quote-name-wrapper:before {top: -175px; left: 126px;}
}	
*/
	
@media screen and (max-width: 800px) {
#toolbar {width:280px;}
#toolbar ul li {font-size:1.1em;}
.last-tool-bar-link {
    padding-bottom: 0px !important;
}
/*
	
	@media screen and (max-width:767px){
		.quote-name{ width: 258px; height: 243px; }
		.quote-text{width: 100%;}
	}	
	
*/
	
	
	
	
#utility {margin-bottom:-30px;float:left;width:100%;/*background: rgba(232,237,237,0.6); *//* Standard syntax (must be last) */}



#toolbar {position:relative;top:0;right:0;border:none;float:right;width:230px;}
#toolbar ul {float:right; /* Standard syntax (must be last) */}
#toolbar ul li {float:left;text-align:center;}
#toolbar a {padding:0.5em;}
#toolbar li a:link, #toolbar li a:visited {background-color:transparent;color:#ffffff;text-decoration:none; margin-bottom: 0px;height: 100%;}
#toolbar li a:hover {background:#007DB5;color:#fff;}
#toolbar ul li ul li:first-child {display:none;}
	

}

@media screen and (max-width:500px){
.img-responsive {
    width: 100%;
    max-width: 100%;
}	
}

@media screen and (max-width:460px){.index-list li{margin-bottom:20px}}