

.home-h3 {font-size:35px;font-weight: 600;color: #22346B !important;}
.home-h4 {font-size:14px;font-weight: 600;color: #00AC65 !important;}
.home-div1 {display:block;width:48%;float:left;padding: 0 4% 25px 0;position: relative;}
.home-div2 {display:block;width:48%;float:left;color:#22346B}
.line-divide:after {content: '';position:absolute;width:1px;background:#707070;right:16px;top:0;bottom:0;height: 100%}
.home-div2 h4{color:#22346B;font-size:20px;font-weight:600;margin:0;margin-bottom: 5px;}
.home-div1p {color:#84CEC4;font-size:20px !important;font-weight:400;line-height:26px}
.home-div3p {color:#A81E2D;font-size:14px !important;font-weight:600;line-height:1.8}
.home-div2p {font-size: 14px !important;line-height: 1.8 !important;}

/*BUTTON ARROWS*/
p.button a {position:relative;margin-left:30px;font-size:18px;font-weight: bold;color:#202D60}
p.button a:link, p.button a:visited {text-decoration: none}
p.button a:hover {text-decoration: underline;color:#00AC65}
p.button.arrow a:before {content:'\e93c';font-family:icomoon;position:absolute;left:-30px;top: 50%;transform: translateY(-50%);font-size:22px;color:#202D60}

.philosophy{display:block;width:calc(19% - 30px);margin-right:1%;background:#E3EBF2;height:130px;float:left;padding:15px;margin-top:10px}
.philosophy p{font-size:14px !important;line-height:1.3 !important;}

.home-fin{display:block;background:#E3EBF2;padding:25px;margin:0 0 25px}
.home-fin a{text-decoration:none;}
.home-fin a:hover{color:#A81E2D}

.bottom-container {display:block;width:calc(100% - 2em);height:auto;padding: 1.5em 1em;}
.bottom-container.grey {background:#F0F0F0;margin-bottom: 4px}
.bottom-container.light-blue {background:#E8F1FA;}
main[role="main"] ul.arrow-list li {line-height: 1;padding:1em 0}
main[role="main"] ul.arrow-list li a {line-height: 1.2}
ul.arrow-list li {border-bottom:1px solid #28A9E1;}
ul.arrow-list li {position:relative;}
ul.arrow-list li:before {content: '>';font-family: 'icomoon';position: absolute;left: 0;color: #25376D;font-size: 14px;line-height: 1.2;top: 45%;transform: translateY(-50%);}
ul.arrow-list li:first-child:before {top:20px}


ul.arrow-list li a {font-size:14px;}
ul.arrow-list li a i {font-style: normal;margin-left: 1em;display: inline-block;}
ul.arrow-list li a:link, ul.arrow-list li a:visited {color:#202D60;text-decoration: none}
ul.arrow-list li a:hover, ul.arrow-list li a:hover:before {color:#28A9E1}

/*HIGHLIGHTS*/
ul.grid-three.downloads {margin-bottom: 0}
ul.grid-three.downloads li {text-align: center;margin-bottom: 0}
ul.grid-three.downloads p {margin-bottom: 0;line-height: 1}
ul.grid-three.downloads p a {font-size:18px;font-weight: bold;color:#28A9E1;position: relative;display: inline-block;font-family: 'Roboto', sans-serif;}
ul.grid-three.downloads p a:link, ul.grid-three.downloads p a:visited {text-decoration: none}
ul.grid-three.downloads p a:hover {color:#00AC65}

ul.grid-three.downloads p a.icon-audio:before {content:'\e8cb';font-family:icomoon;position: absolute;left:-30px;top: 50%;transform: translateY(-50%);font-size:22px;color:#28A9E1}
ul.grid-three.downloads p a.icon-pdf:before {content:'\ed7c';font-family:icomoon;position: absolute;left:-30px;top: 50%;transform: translateY(-50%);font-size:22px;color:#28A9E1}
ul.grid-three.downloads p a.icon-excel:before {content:'\efd8';font-family:icomoon;position: absolute;left:-30px;top: 50%;transform: translateY(-50%);font-size:22px;color:#28A9E1}
ul.grid-three.downloads p a:hover:before {color:#00AC65}

ul.grid-three.fin-highlights li {text-align: center;color:#202D60;position:relative;}
ul.grid-three.fin-highlights li .gutter {min-height:80px;padding:0}
ul.grid-three.fin-highlights li .gutter p {font-size: 18px;font-weight: 300;margin:60px 0 0 0;line-height: 1.2}
ul.grid-three.fin-highlights li .gutter p b {font-size: 300%;font-weight: 500}

ul.grid-three.fin-highlights li:before {content:'';position:absolute;width:50px;height:50px;border-top:2px solid #28A9E1;border-left:2px solid #28A9E1;top:0px;transform: rotate(45deg);margin-left:-25px}

@media screen and (max-width: 860px) {
ul.grid-five li.grid4 {clear:left;}
ul.grid-five li {width:32.97644539614561%;margin-right:0.5353319057815846%;} /*308 divide 934 = 32.97644539614561%, 5 divide 934 = 0.5353319057815846%*/
ul.grid-five li.grid3 {margin-right:0;}	
}
	
@media screen and (max-width: 800px) {
.home-div1, .home-div2{display:block;width:100%;margin-right:0%;margin-bottom:20px}
.line-divide:after {display:none}	
.home-div3p{margin-bottom:20px !important}
}

@media screen and (max-width: 680px) {
ul.grid-three.fin-highlights li.grid {float:none;width:auto;margin-right:0;border-bottom:1px solid #E7DFD8;}
ul.grid-three.fin-highlights li .gutter {min-height:0;}
ul.grid-three.fin-highlights li:before {top:-30px}	
ul.grid-five li.grid4 {clear:none;}
ul.grid-five li.grid3, ul.grid-five li.grid5 {clear:left;}	
ul.grid-five li {width:49.3576017130621%;margin-right:1.284796573875803%;} /*461 divide 934 = 49.3576017130621%, 12 divide 934 = 1.284796573875803%*/
ul.grid-five li.grid3 {margin-right:1.284796573875803%;}	
ul.grid-five li.grid2, ul.grid-five li.grid4 {margin-right:0;}	
}

@media screen and (max-width: 640px) {
ul.grid-three.downloads li.grid {float:none;width:auto;margin-right:0;text-align: left;margin-bottom: 1em;border:1px solid #707070}
ul.grid-three.downloads li.grid p {text-align: center;padding:1em}	
}

@media screen and (max-width: 500px) {
.philosophy{display:block;width:calc(100% - 30px);height:auto;}
.home-revanue, .home-ebitda, .home-profit{width:100%;border:1px solid #E7DFD8;margin-top:0}
.home-excel, .home-webcast{width:100%}
.home-pdf {width:100%;border:1px solid #fff;margin: 15px 0;}
.home-webcast p:before{left:115px}
.home-excel p:before{left:75px;}
.home-pdf p:before{left:80px}
.pagination p em {display:none}
}

@media screen and (max-width: 480px) {
ul.grid-five li.grid {float:none;width:auto;margin-right:0}
ul.grid-five li .gutter {min-height:0;}
}

@media screen and (max-width: 400px) {
.home-webcast p:before{left:95px}
.home-excel p:before{left:55px;}
.home-pdf p:before{left:60px}
}

@media screen and (max-width: 330px) {
.home-webcast p:before{left:65px}
.home-excel p:before{left:30px;}
.home-pdf p:before{left:35px}
}
