*::selection { background: #C61D40; color: #FFF; }
*::-moz-selection { background: #C61D40; color: #FFF; }
 
::-webkit-scrollbar {
display: none;
}
::scrollbar {
display: none;
}
::-moz-scrollbar {
display: none;
}
* {
  scroll-behavior: smooth;
}
body::-webkit-scrollbar {
            width: 0px;
            background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
          }
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
            html{
              scrollbar-width: none;
            }
          }

.clearfix:after, .clearfix:before{
  display: table;
  content: " "
}
.clearfix:after{
  clear: both
}
html {
	 scroll-behavior: smooth;
}




body {
    overflow: auto;
    line-height: 1.6;
    height: 100%;
	scrollbar-width: none;
	 scroll-behavior: smooth;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

a,
a:focus { color: #09449D; text-decoration: none; outline: 0; }
a:hover { text-decoration: none; color: #09449D; }

body {font-family: "Arial"; font-weight: 200; font-style: normal;}
hr{ width:100%}
input,
input:focus,
select,
select:focus { outline: none; border: 1px solid #333; }

h1 { text-transform: uppercase; font-family: "Times New Roman", Times, serif;}
h1 span { color: #09449D;font-family: "Times New Roman", Times, serif; }
h2{color: #022C56;text-transform: none;border-bottom: 1px solid #09449D;padding-bottom: 15px;font-size: 60px;font-family: "Times New Roman", Times, serif; line-height: 1.2;}
h3 {
    color: #fff;
    font-size: 110px;
    font-weight: 300;
    font-family: 'Times New Roman';
    margin: 0;
    margin: 0;
    padding: 0;
    font-style: italic;
    margin-bottom: 15px;
}
b, strong { font-weight: 600; }
sup, sub {   vertical-align: super;
    position: relative;
    top: 0;
    font-size: 9px;}
sub { top: 1em; }
body {color: #000;font-size: 100%;margin: 0; /*background: #ECECEC;*/font-family: "Arial";}
p {font-size: 16px; margin-bottom: 15px; line-height: 1.5; color: #000; margin-top:0px;font-family: "Arial";font-weight: 300;}
h4{ font-size: 20px; margin-bottom: 0; font-family: "Times New Roman", Times, serif;}
h5{font-family: "Times New Roman", Times, serif;}


.lyon{font-family: "Times New Roman", Times, serif;font-weight: 600;}




header{background: transparent;padding:0;position: absolute;top: 0;left: 0;width: 100%;z-index: 999;box-sizing: border-box;}

header h2{color: #fff;border: 0;font-size: 21px;padding: 0;padding-right: 0;font-weight: 100;font-family: "Arial";}


section.home-bg{background: url("../img/home-bg2.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 2341px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 300px;}
.home-bg div.top-left *:not(span):not(strong) {
    padding-left: 50px;
    color: #fff;
    margin-bottom: 30px;
}


i.home{
	
	position: relative;
}
i.home:after {
    content: "\edf6";
    font-family: 'icomoon';
    position: absolute;
    z-index: 9;
    left: 50px;
    top: 20px;
    color: #09449D;
    font-style: normal;
    font-size: 30px;
}
i.home:before {
    content: "";
    position: absolute;
    z-index: 9;
    left: 30px;
    top: 25px;
    height: 40px;
    width: 1px;
    border-left: 1px solid #09449D;
}

.intro {
    font-family: 'Times New Roman';
    font-style: italic;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 80px!important;
    font-weight: 100;
}

.home-bg div.bottom-right * {
    text-align: center;
    margin-bottom: 30px;
}
.top-left{
    max-width: 31%;
    float: left;
}
.bottom-right {
    float: right;
    max-width: 39%;
    margin-top: 890px;
    box-sizing: border-box;
    padding: 0px 100px;
}


.home-switch-blue{color: #006FBA;}
.home-switch-pink{color: #A5A0CF;}
.home-switch-purple{color: #3B3092;}
.home-switch-turquois{color: #1ABECB;}
.home-switch-Dturquois{color: #006071;}


.ceo .left{float: left;width: 50%;}
.ceo .right{float: left;width: 50%;box-sizing: border-box;padding: 0px 300px 0 150px;}

.left img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.right h4 {
    font-size: 42px;
    margin-bottom: 30px;
    font-weight: 100;
}



.bottom-right h4 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 100;
}

.bottom-right h3 {
    font-size: 32px;
    margin-bottom: 30px;
	color: #000;
	font-family: "Times New Roman", Times, serif;font-weight: 500; font-style: normal;
}


header h2 img {
    padding-left: 130px;
    padding-right: 35px;
    max-height: 28px;
    vertical-align: bottom;
}



section.ceo {
    margin-top: -200px;
    position: relative;
    z-index: 9;
}




nav{position: relative;background: transparent;z-index: 10;}

nav:after{content: '';position: absolute;width: 100%;height: 100%;filter: blur(2px);z-index: 9;top: 0;background: rgba(255, 255, 255, 0.5);}

nav ul li{position: relative;z-index: 999;display: block;float: left;box-sizing: border-box;padding: 20px 29px;width: 10%;}
nav ul{margin: 0;padding: 0 45px;list-style-type: none;}
nav ul li a{ display:block; position: relative;}
nav ul li a img{ display:block; position: relative; z-index: 999}

nav ul li a:after{content: '';width:0;height: 0;top: 50%;left:37%;transform: translate(-50%, -50%);border-radius: 50%;transition: .55s linear all;position: absolute;z-index: 9;}
nav ul li a:hover:after{width: 110px;height: 110px;transition: .55s linear all;position: absolute;z-index: 9;}
nav ul li:nth-of-type(1) a:after{ display: none}
nav ul li:nth-of-type(2) a:after{ background:#E5233D ;}
nav ul li:nth-of-type(3) a:after{background: #C31F33;}
nav ul li:nth-of-type(4) a:after{background: #348DCC;}
nav ul li:nth-of-type(5) a:after{background: #F8A82F;}
nav ul li:nth-of-type(6) a:after{background: #7B1434;}
nav ul li:nth-of-type(7) a:after{background: #BC7D37;}
nav ul li:nth-of-type(8) a:after{background: #426B39;}
nav ul li:nth-of-type(9) a:after{background: #49B457;}
nav ul li:nth-of-type(10) a:after{background: #1B2C5A;}








section.sdg1-bg{background: url("../img/sdg1-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg4-bg{background: url("../img/sdg4-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg6-bg{background: url("../img/sdg6-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg7-bg{background: url("../img/sdg7-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg8-bg{background: url("../img/sdg8-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg12-bg{background: url("../img/sdg12-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg13-bg{background: url("../img/sdg13-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg15-bg{background: url("../img/sdg15-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}
section.sdg17-bg{background: url("../img/sdg17-bg.png");background-position: top;background-size: cover;background-repeat: no-repeat;position: relative;margin-top: 0;min-height: 764px;color: #fff;padding: 85px;box-sizing: border-box;padding-top: 350px;}






section.top-banner  h4{ font-size: 60px;font-family: "Times New Roman", Times, serif; margin-bottom: 25px; color: #fff;    text-shadow: 3px 3px 10px rgb(0 0 0 / 45%);}
section.top-banner  p{ color: #fff;font-size: 20px; width: 60%; margin: 0 auto;    text-shadow: 3px 3px 10px rgb(0 0 0 / 45%);}
section.top-banner div {
    max-width: 800px;
    margin-top: 0px;
    text-align: center;
    position: relative;
}



/*RESETS*/
.display-none {display: none;}
.display-block {display: block;}
.rgt {float: right;}
.lft {float: left;}
.cntr {margin: 0 auto;text-align: center}
.obj-c {margin-left: auto;margin-right: auto;display: block;text-align: center}
	
/*FONT-WEIGHT RESETS*/
.B300 {font-weight: 300}
.B400 {font-weight: 400}
.B500 {font-weight: 500}	
.B600 {font-weight: 600}	

/*FIN BORDERS*/
.thickpurpletop{border-top:3px solid #504BAF}
.thickgreentop{border-top:3px solid #008C97}
.thickgreenbottom{border-bottom:3px solid #008C97}
.thingreentop{border-top:1px solid #008C97}
.thingreenbottom{border-bottom:1px solid #008C97}
.thinline{border-bottom:1px solid #808285}
.thickbluetop{border-top:3px solid #0057B8}
.thickbluebottom{border-bottom:3px solid #0057B8}
.thinbluetop{border-top:1px solid #0057B8}
.thinbluebottom{border-bottom:1px solid #0057B8}










/*SWITCH COLOURS*/

.switch-blue{ color:#0057B8!important}
.switch-lightpurple{ color:#7873D2!important}
.switch-purple{ color:#322D96!important}
.switch-lightgreen{ color:#008C97!important}
.switch-green{ color:#0A616E!important}
.switch-grey{ color:#414141!important}
.switch-white{ color:#fff!important}
.switch-darkergreen {color:#12606C!important;}

	
/*PADDING RESETS*/
.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 !important;}
.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-25  {padding: 25px !important;}
.padding-25L {padding-left: 25px !important;}
.padding-25R {padding-right: 25px !important;}
.padding-25T {padding-top: 25px !important;}
.padding-25B {padding-bottom: 25px !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-20B {padding-bottom: 20px !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-10  {padding: 10px !important;}
.padding-10L {padding-left: 10px !important;}
.padding-10R {padding-right: 10px !important;}
.padding-10T {padding-top: 10px !important;}
.padding-10B {padding-bottom: 10px !important;}

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

/*MARGIN 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-marginTB {margin-top: 0 !important; margin-bottom: 0 !important;}


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


.margin-60  {margin: 60px !important;}
.margin-60L {margin-left: 60px !important;}
.margin-60R {margin-right: 60px !important;}
.margin-60T {margin-top: 60px !important;}
.margin-60B {margin-bottom: 60px !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-30B {margin-bottom: 30px !important;}


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

.margin-20  {margin: 20px !important;}
.margin-20L {margin-left: 20px !important;}
.margin-20R {margin-right: 20px !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-5  {margin: 5px !important;}
.margin-5L {margin-left: 5px !important;}
.margin-5R {margin-right: 5px !important;}
.margin-5T {margin-top: 5px !important;}
.margin-5B {margin-bottom: 5px !important;}




	
		
footer{background-image: url("../img/footer.png");background-size: 100%;background-repeat: no-repeat;background-position: top;width: 100%;}


footer .pager li{width: 33.33%;float: left;line-height: 135px;}
footer .pager .previous{}
footer .pager .next{ text-align: right;}

footer .pager .previous i{position: relative;padding-left: 100px;color: #fff;display: inline-block;}
footer .pager .previous i:after{content: '\e943';display:block;background: #fff;width: 50px;height: 50px;border-radius: 100%;position: absolute;left: 20px;top: 40px;text-align: center;line-height: 50px;color: #09449D;font-family: 'icomoon';}


footer .pager .next i{position: relative;padding-right: 100px;display: block;color: #fff;}
footer .pager .next i:after{content: '\e944';display:block;background: #fff;width: 50px;height: 50px;border-radius: 100%;position: absolute;right: 20px;top: 40px;text-align: center;line-height: 50px;color: #09449D;font-family: 'icomoon';}


footer .foot{list-style-type: none;margin: 0;padding: 0;background: #09449D;}
footer .foot li{width: 50%;float: left;padding: 0 40px;box-sizing: border-box;color: #fff;text-align: center;}
footer .foot .designed{}
footer .foot .text-capitalize{}
.designed a { text-shadow: none; text-decoration: none; color: #88BE32;}
		
.download a{
 	color: #fff;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
}

.download{text-align: center; position: relative;}
.download a{text-align: center; position: relative;}

.download a:before {
    content: '\ed7c';
    position: absolute;
    color: #fff;
    left: -35px;
    top: -8px;
    font-family: 'icomoon';
    font-size: 25px;
}

#back-to-top {display: none; position: fixed; width: 50px; height: 50px; bottom: 200px;	right: 30px; z-index: 99; outline: none; background-color: #fff; cursor: pointer; border-radius: 50%; border: 1px solid #0057B8;}
#back-to-top:after {content: '\e941';font-family: "icomoon";position: absolute;font-size: 20px;color: #022C56;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#back-to-top:hover { background-color: #4E6B89; color: #fff}
#back-to-top:hover:after { color: #fff}






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

	
}
@media screen and (max-width: 1440px) {				
		
}
@media screen and (max-width: 1370px) {

}	
@media screen and (max-width: 1280px) {	
	
}
@media screen and (max-width: 1080px) {
		
}
@media screen and (max-width: 1024px) {	
	
}	
@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 768px) {	
	
}
@media screen and (max-width: 736px) {
	
}
@media screen and (max-width: 720px) {
	
}
@media screen and (max-width: 667px) {
	
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 450px) {	
	
	
}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 375px) {
	
}