html {
    width: 100%;
    overflow-x: hidden;
}

/*=TYPOGRAPHY
-------------*/
body{font-family: 'Roboto', sans-serif;color:#404041;font-size:16px;font-weight:normal;font-style: normal;background-color:#fff;}
#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-turquoise{color: #589AB2 !important;}
.switchblueadmin{color:#5193B2!important; font-family: 'Roboto', sans-serif;}
.switchdarkblue{color:#1D4960!important;}
.switchgrey{color:#4C4D4E!important;}
.switch-olive{color:#5F837A!important;}
.switchblack{color:#000000;}
.switchbrown{color: #fff!important;}
.switchgold{color: #A78563 !important;}
.switch-White{color: #ffffff !important;}
.switch-brown{color:#3B2A25!important}
.switchwhiteheader{color: #fff!important; font-weight:300 !important; font-size: .75em !important;}
h1 {position:relative;color: #A2C435;  margin-bottom: 30px;line-height: 1.4;margin-top: 25px; font-size: 30px;font-weight: 500; font-style: normal;-webkit-animation: slide-in-bottom-2 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bottom-2 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;   }

.disc-block{background: linear-gradient(90deg, rgba(208,223,179,1) 15%, rgba(177,194,189,1) 61%); border-radius: 20px; padding: 25px;}

h1 span{    display: block;
    font-size: 17px;
    text-transform: initial;
    color: #493C35;
    font-weight: 400;}
h6 {font-size: 16px; color: #D66C45;font-weight: 500; margin-bottom: 0px}
h6 small{color:#000000;font-size:12px}
h2{font-size:16px;color: #090400;line-height:1.6;}
h3{font-size:20px;color: #4B3831;font-weight:600;line-height:1.4;  }



h4 {font-weight: 500;
    color: #8C8F4A;
    font-size: 17px;
    margin-bottom: 0px;
    /*text-transform: uppercase;*/}
.bg-hdr{background:#F2EEE9}
.tp-brd-rad-left{
border-top-left-radius:10px}
.tp-brd-rad-right{
border-top-right-radius:10px}

.btm-brd-rad-left{
border-bottom-left-radius:10px}
.btm-brd-rad-right{
border-bottom-right-radius:10px}

#acc-expand { font-size:13px}

h5{color: #483B35;font-size: 1em;margin: 0;font-weight: 600;}
.bluelineheading {border-bottom:3px solid #99C6BF;position:absolute;content:'';width:59px;}

sup {vertical-align: super;
    font-size: 64%;top: 0;left: 1px;}
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;}



.highlight-head-txt{color: #FFF; text-align: center; font-weight: bold; font-size: 20px; padding: 7px; border-radius: 10px;}
			.switch-bg-brown{background: #8C7960;}




.highlight-text {
    line-height: 2.5;
}

.highlights-lg-block {
    background: #E9EBEA;
    padding: 25px 40px;
    padding-bottom: 35px;
}

.highlight-header {
    font-size: 20px;
    color: #63857C;
    font-weight: 500;
    display: block;
    line-height: 2.1;
}

.highlight-figure{
	font-size: 35px;
    font-weight: 400;
    color: #AECB36;
    line-height: 1;	
}

.highlight-percentage {
    font-size: 18px;
    color: #4A4A49;
    font-weight: normal;
}

.highlights-lg-block .read-more-btn {
    margin: 0 auto;
    margin-top: 45px;
}




			.high-bg-lgreen{background: #F0F5DE}
			.high-bg-lblue{background: #F3F9FA}
			.high-bg-lmustard{background: #FBF8E9}
		
			.switch-bg-blue{background: #8AC6CE}
			.switch-bg-mustard{background: #E0CB54}
			.switch-bg-green{background: #B8D04E}
			.bord-rad{border-radius: 20px;}

			.show-head{display:none}
			.font-change, .font-change span{color: #F8FAEF}
			


/*highlights*/
.webcast-block {
    position: relative;
    height: 100%;
}

.highlights-workers-img {
    position: absolute;
    bottom: 15px;
      border-radius: 20px;
}


.highlights-lg-block-cont {
    border: 3px solid #63857C;
    border-radius: 20px;
    padding: 10px;
}
.white-space-top {
    height: 8px;
    width: 85%;
    background: #fff;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 10px);
}

.white-space-bottom {
    height: 8px;
    width: 85%;
    background: #fff;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, 10px);
}


.highlight-text-left {padding-right: 90px; }
.highlight-text-right {padding-left: 90px}
.highlights-home-cont .highlight-text-left {padding-right: 40px!important; }
.highlights-home-cont .highlight-text-right {padding-left: 40px!important;}

.highlights-home-cont .white-space-bottom{width: 85%;}
.highlights-home-cont .white-space-top{width: 85%;}

.dashed-boarder-grey {border-right: 1px dashed #707070;}

.highlight-gradient {
    height: 8px;
    background-image: linear-gradient(to right, #BBCA64 , #6B847C);
}

.highlight-heading-txt {
    color: #63857C;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    border-radius: 10px;
}


a.webcast-btn {
    font-size: 20px;
    background: #63857C;
    color: #FFF;
    font-weight: 600;
    border-radius: 7px;
    padding: 10px;
    display: flex;
    text-decoration: none;
    width: 170px;
    float: right;
    margin-top: 30px;
}


a.webcast-btn img{
width: 42px;
}
a.webcast-btn i {
    display: inline-block;
    margin-left: 13px;
	line-height: 1;
	font-style: normal;
}

a.webcast-btn i span {font-size: 14px;
}

.read-more-btn {
    display: block;
    background: #A4CE4C;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    padding-right: 75px;
    padding-left: 25px;
    max-width: 280px;
	position: relative;
	transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.read-more-btn-img {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(10px, -50%);
	transition: all 0.5s ease-in-out;
}
.read-more-btn:hover .read-more-btn-img {right: 15px}
.read-more-btn:hover {text-decoration: none!important;}
.highlights-block-boarder-yellow {
    border: 3px solid #E0CB53!important;
}
.highlights-block-boarder-green {
    border: 3px solid #A5CF4C!important;
}


.block-boarder-yellow {border: 3px solid #E0CB53!important;}
.block-boarder-green {border: 3px solid #A5CF4C!important;}
.ltif-block-cont {
    border: 3px solid #8AC5CD;
    border-radius: 20px;
    padding: 10px;
}
.highlights-switch-yellow{color: #E1D070}
.ltif-block{
    background:#EEF7F7;
    padding: 10px;
	border-radius: 20px;
	color: #659CB1; 
    font-size: 35px;
    font-weight: 400;
}

.white-space-top {
    height: 8px;
    width: 88%;
    background: #fff;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 10px);
}

.white-space-bottom {
    height: 8px;
    width: 88%;
    background: #fff;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, 10px);
}

.ltif-block-white-space-top{width: 88%;}
.ltif-block-white-space-bottom{width: 88%;}
.operational-white-space-top {width: 76%;}
.operational-white-space-bottom {width: 76%;}

.highlights-lg-block-yellow {background-color: #FCF8EA;}
.highlights-lg-block-green {background-color: #F0F5DE;}



	.graph-label {margin-bottom: 0;}
	.graph-cont {
    background: #E4E6E3;
    border-radius: 20px;
    margin-top: 60px;
    padding: 30px 40px;
	}

	.graphic-cont {text-align: center;}
	.graphic-cont img {margin-top: 10px}
	span.circle {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #5F837A;
    display: inline-block;
    margin-right: 8px;
	}

	.bg-lblue{background: #87D1D1!important;}
	.bg-lgreen{background: #A5CF4E!important;}
	.bg-dgreen{background: #8B8E4B!important;}
	.bg-grey{background: #939598!important;}
	.bg-dgrey{background: #404041!important;}
	.bg-dblue{background: #183668!important;}
	.bg-yellow{background: #DFCC67!important;}


	.graph-header {display: inline-block;}
	.graph-header p {margin-bottom: 0}
	.graph-header .underline {width: 100%; height: 2px; background: #000;}

.hi-swicth-green{color: #A2C435!important;}
.hi-swicth-lblue{color: #659CB1!important;}





/*highlights*/




/*home bottom blocks*/
.home-block-2 {margin-top: 80px;}

.home-img-blocks-cont {
    border: 3px solid #8AC5CD;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}


.home-img-blocks-cont:before {
    content: '';
    height: 8px;
    width: 69%;
    background: #fff;
    position: absolute;
    top: -11px;
    top: -7px;
    left: 16%;
}


.home-img-blocks-cont:after {
    content: '';
    height: 8px;
    width: 69%;
    background: #fff;
    position: absolute;
    bottom: -7px;
    left: 16%;
}

.home-img-blocks {position: relative;}
.home-img-blocks::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #659cb19e;
    border-radius: 20px;
	transition: all 0.5s ease-in-out;
}
.home-img-blocks img{  border-radius: 20px;}
.home-img-blocks-yellow::before{    background-color: #e0cb5378;}
.home-img-blocks-green::before{    background-color: #a2c4358c;}



.home-img-blocks-cont:hover .home-img-blocks::before {opacity: 0; transition: all 0.5s ease-in-out;}



.home-img-blocks .read-more-btn {
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translate(-50%, 10px);
    min-width: 290px;
    text-align: left;
}

.home-blocks-bg-blue {background: #8AC6CE!important;}
.home-blocks-bg-yellow {background: #E0CB53!important;}
.home-blocks-bg-green {background: #A5CF4C!important;}

.blocks-boarder-yellow {border: 3px solid #E0CB53!important;}
.blocks-boarder-green {border: 3px solid #A5CF4C!important;}


/*home bottom blocks//*/


















			
			.highlight-numbers{
    font-size: 35px !important;
    font-weight: 500 !important;
    color: #B8D04E !important;
    line-height: 0.6 !important;
}
.graph-border {
    background:#AFCB37 ;
    font-size: 20px;
    border-radius: 25px;
    color: #fff;
    margin-bottom: 5px;
    border-radius: 30px 0 30px 0;
    text-align: center;
    padding: 10px;
}
.control-flex-dir{
	flex-direction: row;
	position: relative;	
	white-space: nowrap;
}
.g-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #63857C;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.green-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #AFCB37;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.blue-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color:#97D2D4;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.brown-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #939141;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.lbrown-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #937C5F;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.lgreen-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #9EB488;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.black-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #3C3C3B;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.lighter-b-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #9D9D9C;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.dblue-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #1F3262;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.palegreen-dot{
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #E5D05F;
    position: relative;
    top: 5px;
    left: 0;
    margin-right: 13px;
}
.grey-top-border{
	border-top: 2px solid #9D9D9C;
}
.grey-bottom-border{
	border-bottom: 2px solid #9D9D9C;
}
.switch-blue{
	color: #60819A;
}


/*=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: #3B2A25;text-decoration:none;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;border-radius: 5px}
h4.expand a {padding: 8.5px; font-size:1em; padding-right: 30px;}
.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;border-radius: 5px}
.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: #63857C;color: #fff; font-weight: 500; font-family: 'Roboto', sans-serif; /* text-transform: uppercase; */}
.expand a:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url("../images/accordion-closed.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: .5em;
    right: 10px;
    position: absolute;
}

.expand a:hover:before {
	
	background: url("../images/accordion-open-hover.png");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: .5em;
    right: 10px;
    position: absolute;
}



/*.expand a:before{content:url(images/accordion-open.png)}*/

.expand a.open:before {    
	content: '';
    width: 20px;
    height: 20px;
    background: url("../images/accordion-opened.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: .5em;
    right: 10px;
    position: absolute;}


/*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;} /*980 divide 982 = 99.796334%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;}

div.gutter{ margin: 10px 10px 10px 30px;}




/*=BODY CONTENT
---------------*/
.Main-Page-Content .container .col-lg-12 .c21_font p {font-size:16px;line-height:1.5;}
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-arrow li {list-style-type:none; margin-left:20px;position:relative; line-height:1.4}
ul.list-arrow li:before {content:'';position:absolute; top:5px; left:-20px; height:5px; width:5px; border-top:1px solid #F15923; border-right:1px solid #F15923; transform: rotate(45deg); webkit-transform: rotate(45deg); moz-transform: rotate(45deg); -ms-transform: rotate(45deg);}

ul.dash-list{padding: 0; margin: 0; list-style-type: none; margin-bottom: 20px;}	
ul.dash-list li{padding-left: 20px; position: relative; padding-bottom: 4px;}
ul.dash-list li:before{left: 0; position: absolute; content: ''; top: 10px; width: 8px; border-bottom: 1px solid #000;}

ul.dash-list li ul{padding-left: 18px;}
ul.dash-list li ul li:before{display: none;}
ul.dash-list li ul li{list-style: disc; padding-left: 0; font-size: 15px;}
/*breadcrum*/

.page-name p {font-weight: 400;font-size: 11px;color:#A4CE4C;float: right;margin-top: 10px;}
.page-name span{color:#63847C;}
.page-name a{ color: #202B65;}

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


/*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;}




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;
}

/*Highlight styles*/
.bkr-light-orange{background: #E0CB54; padding:.5em; border-radius:20px;}
.bkr-light-orange h3{ color:#fff; margin-bottom:0; text-align:center}
.bkr-lighter-orange{background: #FBF8E9; border-radius: 20px; margin-top:10px;padding: 20px 30px;}
.bkr-light-greenish{background: #B8D04E; padding:.5em; border-radius:20px;}
.bkr-light-greenish h3{ color:#fff; margin-bottom:0; text-align:center}
.bkr-lighter-greenish{background: #F8FAEF; border-radius: 20px; margin-top:10px;padding: 20px 30px;}
.lightbrown-highlightsbg{background: #F2EEEA; border-radius: 20px; margin-top:10px;padding: 20px 30px;}
.ligherblue-bkr-highlight{background: #F3F9FA; border-radius: 20px; margin-top:10px;padding: 20px 30px;}
.ligherblue-bkr-highlight .highlight-block {margin-bottom:0}
.ligherblue-bkr-highlight {min-height: 140px}
.bkr-lightblue-highlight h3{ color:#fff; margin-bottom:0; text-align:center}	
.bkr-brown-highlight{background: #8C7960; padding:.5em; border-radius:20px;}
.bkr-brown-highlight h3{ color:#fff; margin-bottom:0; text-align:center}			
.bkr-lightblue-highlight{background: #8AC6CE; padding:.5em; border-radius:20px;}
.greenBorder-bg{background: #F0F5DE; border-top: 5px solid #AECB36; padding: 20px 30px; padding-bottom: 0}
.highlight-fig{display: block; font-size: 30px; color: #AECB36; font-weight: 500;line-height: 1;}
.highlight-desc { font-size: 17px; font-weight: 400; color: #4A4A5E; line-height: 1;}
.highlight-block{margin-bottom: 10px;}

.value-title{font-size: 20px; font-weight: 500; color: #483B35; background: #D2E092; margin-top: 25px; padding-left: 30px;}
.value-graphs{background: #FAFBF3;  border-radius: 20px;  margin-top: 10px; padding: 20px 30px;}

.block-color{margin-bottom: 0; position: relative; margin-left: 15px;}
.block-color:before{content: ""; position: absolute; width: 8px; height: 16px; background: #63857C; left: -15px; top: 3px;}
.brown-block:before{background: #7F6B51;}
.blue-block:before{background: #73A6BF;}
.green-block:before{background: #9FB488;}
.yellow-block:before{background: #DCC63B;}
.lgreen-block:before{background: #AFCB37;}
.grey-block:before{background: #B3B2B2;}
.dbrown-block:before{background: #493C35;}

#toolbar{
position: absolute;
right: 20px;
top: 264px;
}



@media screen and (max-width: 767px){
	.susa{display: none;}
}





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

}

	
@media screen and (max-width: 1330px) {
	.page-name p {position: relative; right: 41px;}
}

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

	
.page-name-bread
	{
		margin-right: 40px;
	}
	
	.page-name p {position: unset; right: unset;}	
	
}
@media screen and (max-width: 1607px) {

	}

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

	}

@media screen and (max-width: 1199px){
    .home-img-blocks a.read-more-btn {min-width: unset;}
}


@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: 1090px) {
/* #toolbar {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 20px;
} */
.page-name-bread
	{
		margin-right: 40px;
	}
}
@media screen and (max-width: 992px) {
	div.gutter{ margin: 10px 10px;}

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

    @media screen and (max-width: 991px){
        .hide-head{display: none;}
        .show-head{display: block;}
        .add-bod-lg {border-top: 20px solid #fff;}
        .h-100{height: auto!important;}
    }

    
    @media screen and (max-width: 767px){
        .font-change{display: none;}
        .highlights-home-cont .highlight-text-right {
            padding-left: unset!important;
        }
        .highlights-home-cont .highlight-text-left {
            padding-right: unset!important;
        }        
        .highlight-figure {line-height: 1;}
        .highlight-text-right {
            padding-left: unset!important;
        }

        .highlight-text-left {
            padding-right: unset;
        }        
        .dashed-boarder-grey {
            border-right: unset;
        }
    }
    @media screen and (max-width: 1643px){
        .white-space-top {
            top: 18px;
        }
    }
    @media screen and (max-width: 375px){
        .undo-line-height {line-height: 1;}
    }
@media screen and (max-width: 975px) {
	

	}
@media screen and (max-width: 991px) {
/* #toolbar {width:280px;} */
#toolbar ul li {font-size:1.1em;}
.last-tool-bar-link {
    padding-bottom: 0px !important;
}
#utility {margin-bottom:-30px;float:left;width:100%;/*background: rgba(232,237,237,0.6); *//* Standard syntax (must be last) */}
.menu ul > li:hover{background: #a4ce4c!important;}
#toolbar {position:fixed;top:330px;right:0;border:none;float:right;}
.quicklinks ul li {
    padding: 0 !important;
}
#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:#3B2A25;text-decoration:none; margin-bottom: 0px;height: 100%;}
#toolbar li a:hover {background: #a4ce4c!important;color:#fff;}
#toolbar ul li ul li:first-child {display:none;}
.white-space-top {
    top: 17px;
}

.webcast-block {margin-top: 30px;}
a.webcast-btn{float: unset; 
     margin-top: unset;
     margin-bottom: 30px;
    } 

    .highlights-workers-img {
    position: unset;
    bottom: unset;
    display: block;
}



}



@media screen and (max-width: 500px) {
h1 {
    
    font-size: 20px;
}
}

@-webkit-keyframes slide-in-bottom-2 {
    0% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bottom-2 {
    0% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }