/*HOME BUTTONS*/
* {box-sizing:border-box}
.boxbutton {width:330px; margin: 0 auto;}
.boxbutton button {font-family:"VodafoneLight",sans-serif; width:100%;overflow:hidden; color:#fff;background-color:#E60000;position:relative; height:50px;border:1px solid #E60000;transition:all .6s ease-out;font-size: 20px; cursor:pointer;}
.boxbutton button:before {content:"";position:absolute;left:-36%;top:0;bottom:0;width:18%;font-size:20px;line-height:2.3;background-color:#E60000;color:#fff;transition:all .6s ease-out}
    
.boxbutton button:hover:before {left:0}
 button:hover i{ display:block; cursor:pointer;}
.boxbutton button:hover {padding-left:23%;color:#E60000; background:#fff;}
.button-box {position: absolute; right:213px; bottom:-63px;}
.boxbutton span{position:absolute;top:12px;left:16px;float:left;display:inline}

.home-block-container-one {background:#fff; overflow:auto;}
.home-block-container-one-inner {max-width:80em; width:100%; margin:0 auto; padding:10px; overflow:auto;}
.home-block-container-two {background:#E1E1E1; overflow:auto; border-top:1px solid #666666;  border-bottom:1px solid #666666; margin-top:1em;}
.home-block-container-two-inner {max-width:80em; width:100%; margin:20px auto 0; padding: 10px;}
.home-block-container-three {background:#fff; overflow:auto;}
.home-block-container-three-inner {max-width:80em; width:100%; margin:0 auto; background:url(../images/home-map.png) no-repeat; min-height:780px; border-bottom:2px solid #DDDDDD; position:relative; padding: 10px;}
.home-block-container-three-inner h3 {padding-top: 10em; width: 15%; text-align:right; margin-left:-20px;}
.home-block-container-four {overflow:auto; margin-top:1em;}
.home-block-container-four-inner {max-width:80em; width:100%; margin:0 auto; padding: 15px; border-bottom: 2px solid #DDDDDD; }
.home-block-container-five { background-image:url(../images/home-number-five.jpg); background-repeat:no-repeat; height: 460px; background-position: center; border-top:2px solid #333333; border-bottom:2px solid #333333; margin-top:5em;}
.home-block-container-five-inner {max-width:80em; width:100%; margin:0 auto;}

.home-block-five-outer {position:relative;}
.home-block-five-row-one {position:absolute; top:-42px; left:0px}
.home-block-five-row-two {position:absolute; top: 9px; left:0px}
.home-block-five-row-three {position: absolute;left: 417px; top: 0; width: 280px; height: 457px; background-color: rgba(230, 0, 0, 0.5);}

.home-block-five-row-four {position: absolute;top: 82px;left: 102px;display: block;padding: 15px;border: 2px solid #E60000; color: #E60000;font-weight: bold; font-size:21px; line-height:25px; width:auto;}
.home-block-five-row-five {position: absolute;top: 182px;left: 162px;display: block;padding: 15px;border: 2px solid #E60000; color: #E60000;font-weight: bold; font-size:21px; line-height:25px; width:auto%;}
.home-block-five-row-six {position: absolute; top: 34px; right: 255px; display: block; padding: 15px; border: 2px solid #E60000; color: #E60000; font-weight: bold; font-size:21px; line-height:25px; width:auto;}
.home-block-five-row-seven {position: absolute;top: 182px;right:79px;display:block;padding:15px;border:2px solid #E60000; color:#E60000;font-weight:bold; font-size:21px;line-height:25px;text-align: right; width:auto;}

ul.home-intro {list-style-type:none;}
ul.home-intro li {float:left; margin-right:4%; width:28%;}
ul.home-intro li.child-two {margin-right:0px; width:68%;}

ul.strategies {list-style-type:none;}
ul.strategies li {float:left; width:22.75% !important; margin-right:3%; color:#E60000;}
ul.strategies li.child-four {margin-right:0%;}
ul.strategies li.child-five {width:100% !important; color:#000;}
.strat-red-head {background:#E60000; color:#fff; padding:5px; position:relative;}
.strat-red-head:before {content:''; position:absolute; left:-17px; top:5px; width:16px; height:21px; background:url(../images/arrow-red-home.png) no-repeat;}

section.aw-accordion{width:100%;margin:10px auto;margin-bottom:30px; margin-left:0px;}
section.aw-accordion .one,section.aw-accordion .two,section.aw-accordion .three,section.aw-accordion .four, section.aw-accordion .five{font-size:14px;float:left;height:190px;display:inline-block;z-index:1;position:relative;overflow:hidden;padding:1%;transition:all .1s linear;cursor:default}
section.aw-accordion .one span,section.aw-accordion .two span,section.aw-accordion .three span,section.aw-accordion .four span{background:-webkit-linear-gradient(left,rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:100%;display:table}
section.aw-accordion .one, section.aw-accordion .two, section.aw-accordion .three, section.aw-accordion .four, section.aw-accordion .five{background-color:#fff; cursor:pointer;}
section.aw-accordion .one{ border: 1px solid #903F98; border-left: none; margin-left:0;}
section.aw-accordion .two{ border: 1px solid #F99D1B; border-left: none; margin-left:10px;}
section.aw-accordion .three{ border: 1px solid #00B5C5; border-left: none; margin-left:10px;}
section.aw-accordion .four{ border: 1px solid #A1B827; border-left: none; margin-left:10px;}
section.aw-accordion .five{ border: 1px solid #EE2E24; border-left: none; margin-left:10px;}

section.aw-accordion .one.open p,
section.aw-accordion .two.open p,
section.aw-accordion .three.open p, 
section.aw-accordion .four.open p,
section.aw-accordion .five.open p{ display:block; transition:all .1s linear;}

section.aw-accordion .one a,
section.aw-accordion .two a,
section.aw-accordion .three a, 
section.aw-accordion .four a,
section.aw-accordion .five a{ display:none; transition:all .1s linear; width:100px; padding:5px; color:#fff; text-decoration:none; text-align:center;}

section.aw-accordion .one a{ background:#903F98;}
section.aw-accordion .two a{background:#F99D1B;}
section.aw-accordion .three a{background:#00B5C5;}
section.aw-accordion .four a{background:#A1B827;}
section.aw-accordion .five a{background:#EE2E24;}

section.aw-accordion .one.open a,
section.aw-accordion .two.open a,
section.aw-accordion .three.open a, 
section.aw-accordion .four.open a,
section.aw-accordion .five.open a{ display:block; transition:all .3s linear;}

section.aw-accordion .one p,
section.aw-accordion .two p,
section.aw-accordion .three p, 
section.aw-accordion .four p,
section.aw-accordion .five p{ display:none; transition:all .3s linear;}

section.aw-accordion .one.open p.hidden,
section.aw-accordion .two.open p.hidden,
section.aw-accordion .three.open p.hidden, 
section.aw-accordion .four.open p.hidden,
section.aw-accordion .five.open p.hidden{ display:none; transition:all .3s linear;}

section.aw-accordion .one p.hidden,
section.aw-accordion .two p.hidden,
section.aw-accordion .three p.hidden, 
section.aw-accordion .four p.hidden,
section.aw-accordion .five p.hidden{ display:block; transition:all .3s linear;}

section.aw-accordion .one em:nth-of-type(1),
section.aw-accordion .two em:nth-of-type(1),
section.aw-accordion .three em:nth-of-type(1), 
section.aw-accordion .four em:nth-of-type(1),
section.aw-accordion .five em:nth-of-type(1){ display:block; font-style:normal; width:100%; padding:0;}

section.aw-accordion .one em:nth-of-type(2),
section.aw-accordion .two em:nth-of-type(2),
section.aw-accordion .three em:nth-of-type(2), 
section.aw-accordion .four em:nth-of-type(2),
section.aw-accordion .five em:nth-of-type(2){ display:block; font-style:normal; width:100%; padding:0; }

section.aw-accordion .one.open em:nth-of-type(1),
section.aw-accordion .two.open em:nth-of-type(1),
section.aw-accordion .three.open em:nth-of-type(1), 
section.aw-accordion .four.open em:nth-of-type(1),
section.aw-accordion .five.open em:nth-of-type(1){ display:block; font-style:normal; width:20%; padding:0;}

section.aw-accordion .one.open em:nth-of-type(2),
section.aw-accordion .two.open em:nth-of-type(2),
section.aw-accordion .three.open em:nth-of-type(2), 
section.aw-accordion .four.open em:nth-of-type(2),
section.aw-accordion .five.open em:nth-of-type(2){ display:block; font-style:normal; width:80%; padding:0; }

/*section.aw-accordion .one:hover,section.aw-accordion .two:hover,section.aw-accordion .three:hover,section.aw-accordion .four:hover{overflow-y:auto}*/
section.aw-accordion .one:hover span,section.aw-accordion .two:hover span,section.aw-accordion .three:hover span,section.aw-accordion .four:hover span{background:-webkit-linear-gradient(left,rgba(255,255,255,.7),rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
section.aw-accordion div::-webkit-scrollbar{width:12px}
section.aw-accordion div::-webkit-scrollbar-track{background-color:rgba(1,1,1,.1)}
section.aw-accordion div::-webkit-scrollbar-thumb{background-color:rgba(1,1,1,.2)}
section.aw-accordion div::-webkit-scrollbar-thumb:hover{background-color:rgba(1,1,1,.3)}

section.aw-accordion>h1>.read-article{color:#233445;border-radius:5px;border:1px solid #233445;padding:4px 8px;text-decoration:none;float:right;text-align:center;font-size:80%}
section.aw-accordion>h1>.read-article:hover{color:white;border:1px solid white}

.text-blue{ color:#00B5C5; }
.text-purple{ color:#903F98; }
.text-orange{ color:#F99D1B; }
.text-green{ color:#A1B827; }

.chairman-block {float:left; width:30%; margin-right:5%; position:relative;}
.ceo-block {float:left; width:30%; margin-right:5%; position:relative;   transition: transform .2s;}
.cfo-block {float:left; width:30%; position:relative;   transition: transform .2s;}
.leadership-img figure {overflow:hidden;}
.leadership-img {position:relative; bottom:0px;    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s;
    -o-transition: all 1s ease;
    transition: all 1s;cursor: pointer;}

.leadership-img:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;}

.leadership-button {display:block;}
.leadership-arrow {background-color:#000; color:#fff; float:left;  padding:15px; width:20px;}
.leadership-title {background-color:#E60000; color:#fff; float:left; padding:15px; width:200px; height:49px;}
.leadership-name {display:block; background-color:#333333; color:#fff; width:250px; padding:15px;}

.leadership-button a:link, .leadership-button a:hover, .leadership-button a:visited { color:#fff; line-height:40px; margin-left:15px;}

*{box-sizing: border-box;}
.sideOne {background:#000; color: white; font-family: sans-serif; font-size: 20px; padding: 10px 10px; width:50px; height: 49px; float: left;}
.exposeCont{-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: linear-gradient(to right, #000 0%, #E60000 40%); float: left; padding: 0px!important; width: 0; height: 49px; overflow: hidden; color:#fff;}
.buttonSlide:hover .exposeCont{padding: 5px; width: 100px; line-height: 1.4;}

.chairman-block:hover .exposeCont, .ceo-block:hover .exposeCont, .cfo-block:hover .exposeCont {padding: 5px; width: 100px; line-height: 1.4;} 

.display-image {display:block!important;}
.display-small {display:none!important;}




/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


.block-one-home {float:left; width:12%; font-size:48px; font-weight:bold; text-align:right; margin-right:2%;}

.block-two-home {float:left; width:25%; margin-right:2%;}
.block-two-home-row1 {padding:0; margin:0; height:50px;}
.block-two-home-row1-one {font-size:52px!important; padding:5px; color:#58595B; float:left;}
.block-two-home-row1-two {padding:5px; float:left;}
.block-two-home-row1-three {display:block; background-color:#58595B; padding:5px; color:#fff; font-size:13px!important; float:left; margin: 15px 5px;}

.block-two-home-row2 {padding:0; margin-bottom:20px!important;}
.block-two-home-row2-one {display:block; background-color:#58595B; padding:5px; color:#fff; margin-right:10px; float:left; width:27%; font-size: 13px!important; margin: 0px 5px;}
.block-two-home-row2-two {margin-right:10px; color:red; line-height: 30px; font-size:17px; float:left;}
.block-two-home-row2-three {margin-right:10px; float:left;}
.block-two-home-row2-four {display:block; background-color:#58595B; padding:5px; color:#fff; margin-right:10px; float:left; width:24%; font-size: 13px!important; margin: 0px 5px;}
.block-two-home-row2-five {margin-right:10px; color:red; line-height: 30px; font-size:17px;float:left;}
.block-two-home-row2-six {float:left;}

.block-two-home-row3 {position:relative; padding:0;}
.block-two-home-row3-one {display:block; background-color:#58595B; padding:5px; color:#fff; margin-right:10px; float:left; width:27%; font-size: 13px!important; margin: 0px 5px;}
.block-two-home-row3-two {margin-right:10px; color:red; line-height: 30px; font-size:17px; float:left;}
.block-two-home-row3-three {margin-right:10px; float:left;}
.block-two-home-row3-four {display:block; background-color:#58595B; padding:5px; color:#fff; margin-right:10px; float:left; width:24%; font-size: 13px!important; margin: 0px 5px;}
.block-two-home-row3-five {margin-right:10px; color:red; line-height: 30px; font-size:17px; float:left;}
.block-two-home-row3-six {float:left;}

.block-three-home {float:left; width:27%; position:relative;}

.block-four-home {float:left; width:32%; position:relative;}
.block-four-home-img {position:absolute; top:48px; left:166px;}
.block-four-home-inner-outer {position:relative;}
.block-four-home-inner-one {float:left; width:calc(60% - 2%); margin-right:2%;}
.block-four-home-inner-two {background-color:#BBBBBB; float:left; width:calc(38% - 20px); padding:10px; text-align: right; min-height: 115px;}

.block-four-home-one {display:block; border-bottom:1px solid #000; height:51px;}
.block-four-home-two {display:block; background-color:#58595B; color:#fff; width:52px; padding:5px; position:absolute; top:26px; font-size: 13px;}
.block-four-home-three {font-size:45px; position:absolute; top:0px; left:80px; color: #58595B;}
.block-four-home-four {display:block; border-bottom:1px solid #000; height:51px;}
.block-four-home-five {display:block; background-color:#58595B; color:#fff; width:52px; padding:5px; position:absolute; top:77px; font-size: 13px;}
.block-four-home-six {font-size:45px; position:absolute; top:55px; left:78px; color: #58595B;}
.block-four-home-seven {display:block; border-bottom:1px solid #000; height:51px;}
.block-four-home-eight {display:block; background-color:#58595B; color:#fff; width:52px; padding:5px; position:absolute; top:127px; font-size: 13px;}
.block-four-home-nine {font-size:45px; position:absolute; top:107px; left:79px; color: #58595B;}




@media screen and (max-width: 1200px) {
.exposeCont {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: linear-gradient(to right, #000 0%, #E60000 40%);
    float: left;
    padding: 0px!important;
    width: 0;
    height: 49px;
    overflow: hidden;
    position: absolute;
    left: 33px;
    color: #fff;
}

.buttonSlide{ position:relative;}


.chairman-block:hover .exposeCont, .ceo-block:hover .exposeCont, .cfo-block:hover .exposeCont {
    padding: 5px;
    width: 187px;
    line-height: 1.4;
}
}

@media screen and (max-width: 1066px) {
.home-block-container-three-inner h3 {padding-top:0em; width:100%; text-align:left; margin-left:0px;}
.business-africa-home {width:50%;}
}

@media (max-width:1024px){
section.aw-accordion .one,section.aw-accordion .two,section.aw-accordion .three,section.aw-accordion .four{font-size:12px}
section.aw-accordion div img{width:44px}
section.aw-accordion div h1{font-size:120%}

.block-one-home  {float:none; width:100%; text-align:left; margin-right:0; }
.block-two-home {width:42%; margin-right:0%;}
.block-three-home {width: 32%; margin-left:8%;}
.block-four-home-inner-one {width: calc(41% - 2%); margin-right: 10%;}
.block-four-home-inner-two {width: calc(48% - 20px);padding: 10px;min-height: 155px; text-align:left;}
.block-four-home {width:100%;}

.fix-button-pos{position: absolute;bottom: 0;left:180px}


.slider-container { margin-right: 0px; margin-top: 0px; position: absolute; bottom: 0px; right: 0px;  width: 50%;  float: none;}

}

@media screen and (max-width: 1023px) {
ul.strategies li {width:24% !important; margin-right:1% !important;}
ul.home-intro li.child-two {width:100%;}


}

@media screen and (max-width: 1000px) {
ul.home-intro li {width:99%; margin-right:0px;}
.strat-red-head {margin-left: 20px;}

}

@media (max-width:768px){
section.aw-accordion div img{width:40px;}
section.aw-accordion div h1{font-size:100%}
section.aw-accordion{width:100%}
section.aw-accordion h1{font-size:80%;letter-spacing:-1px}

.chairman-block {float:left; margin-right:10px; margin-left:4px; position: relative; margin-bottom: 4em; width:30%;}
.ceo-block {float:left; margin-right:10px; position: relative; transition: transform .2s; margin-bottom:4em; width:30%;}
.cfo-block {float:left; position: relative; /* transition: transform .2s; */ margin-bottom:4em; width:30%;}

.leadership-title {width: 182px;font-size: 13px; transition: all 0.5s ease-in;}
.sideOne {width: 33px;}
.buttonSlide:hover .exposeCont{}

ul.strategies li {width: 47% !important;margin-right: 3% !important;}

.leadership-name {width: 215px;font-size: 15px;}
.display-image {display:none!important;}
.display-small {display:block!important;}

.block-two-home-row1-three {right: -5px}

.home-block-five-row-three {display: none;}
.home-block-five-row-one {left: 10px;}
.home-block-five-row-two {left: 10px;}
.home-block-five-row-four {left:10px; top:61px; line-height: 2px; width:152px;}
.home-block-five-row-five {top: 113px;left: 10px;line-height:2px; width: 305px;}
.home-block-five-row-six {top: 165px; left: 10px; line-height: 2px; width:179px;}
.home-block-five-row-seven {top: 217px; left: 10px; line-height: 2px; text-align: left; width:295px;}

.fix-button-pos{position: absolute;bottom: 0;left:40px}


.block-two-home-row2-four {width: 22%;}
.block-two-home-row3-four {width: 22%;}

}

@media (max-width:755px){

.chairman-block {float:none; margin:0 auto; margin-bottom: 4em; width:50%;}
.ceo-block {float:none; margin:0 auto; margin-bottom:4em; width:50%;}
.cfo-block {float:none; margin:0 auto; margin-bottom:4em; width:50%;}

.leadership-title {width: 203px;}
.sideOne {width: 50px;}
.leadership-name {width: 253px;}
}


@media (max-width:760px){
.block-two-home {width:100%; margin-right: 0%;}
.block-three-home {width:100%; margin-left: 0%;}
.block-four-home-inner-two {width: 100%; padding: 10px; text-align: left; margin-top: 10px; min-height: 0px;}
.block-four-home-inner-one {width: 100%;margin-right: 0%;}

}

@media (max-width:650px){
section.aw-accordion .one, section.aw-accordion .two, section.aw-accordion .three, section.aw-accordion .four, section.aw-accordion .five {
    font-size: 14px;
    float: none;
    height: auto;
    display: block;
    z-index: 1;
    position: relative;
    overflow: hidden;
    padding: 1%;
    transition: all .1s linear;
    cursor: default;
	margin-bottom:15px;
}
}

@media (max-width:545px){
.chairman-block {width:100%;}
.ceo-block {width:100%;}
.cfo-block {width:100%;}

}

@media (max-width:425px){
.slider-container {width: 100%; bottom: 60px;}
.business-africa-home {width:95%; left: 10px;}

.block-four-home-inner-one {width:100%;}
.block-four-home-inner-two {width:100%; margin-top:10px;}
.block-three-home {width:100%; margin-top:10px;}
.chairman-block, .ceo-block, .cfo-block {margin-left:15%}
.hide-slider{display:none}

.fix-button-pos{position: absolute;bottom: 0;left:50px}

}

@media (max-width:375px){
.fix-button-pos{position: absolute;bottom: 0;left:25px}
}
@media (max-width:330px){

section.aw-accordion .one.open em:nth-of-type(1), section.aw-accordion .two.open em:nth-of-type(1), section.aw-accordion .three.open em:nth-of-type(1), section.aw-accordion .four.open em:nth-of-type(1), section.aw-accordion .five.open em:nth-of-type(1) {
    display: block;
    font-style: normal;
    width: 100%;
    padding: 0;
}
.fix-button-pos{position: absolute;bottom: 0;left:15px}
}