@charset "utf-8";
/* CSS Document */

html,body{
margin:0;
padding:0;
height:100%;
width:100%;
}

body{
position: relative;
background: #fff;

font-size: 16px;
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", 'Lato', 'PingFang SC', "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #3c3c3c;
line-height: 1.4;

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

min-width: 748px;
}


*:focus {
outline: 0;
}

img{
border:none;
padding:0;
margin:0;
max-width:100%;
height: auto;
vertical-align:middle;
display:inline-block;
}

a{
text-decoration:none;
color: inherit;

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
 
a:focus{
-moz-outline-style: none;
}

a:hover{
text-decoration:none;
color: #007DC5;
}

.clear{
clear:both;
}

.container:before,
.container:after,
.clear:before,
.clear:after {
display: table;
content: " ";
clear:both;
}


.container{
max-width: 1200px;
margin: auto;
position: relative;
padding-left: 15px;
padding-right: 15px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.container .row {
margin-right: -15px;
margin-left: -15px;
}

.btn2a {
	margin-left:10px;
}

.row:before,
.row:after {
content: " ";
display: table;
clear:both;
}


.wideContainer{
margin: 0 50px;
position: relative;

padding-left:170px;
max-width: 1440px;
margin: auto;
}

.sectionRow .wideContainer{
	padding-top: 96px;
	padding-bottom: 96px;
}

.sectionRow .wideContainer:hover .leftBar h2{
padding: 68px 96px 0 96px;
}

.subPage .sectionRow.firstRectionRow .wideContainer{
	padding-top: 12px;
}
.subPage .sectionRow.sectionRowProgramme h4{
color: #000;
}

.subPage .sectionRow.sectionRowProgramme{
background-color: #04416B;
color: #000;
}
.leftBar{
width: 130px;
left: 0;
bottom: 0;
top: 0px;
position: absolute;
overflow: hidden;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.5);
}

.leftBar .header{
    width: 900px;
}
.leftBar h2{
white-space: nowrap;
text-align: right;
font-weight: 600;
padding: 60px 96px 0 96px;

transform: rotate(-90deg) translateX(-100%);
-ms-transform: rotate(-90deg) translateX(-100%);
-moz-transform: rotate(-90deg) translateX(-100%);
-webkit-transform: rotate(-90deg) translateX(-100%);
-o-transform: rotate(-90deg) translateX(-100%);

transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-webkit-transform-origin: left top;
-o-transform-origin: left top;

-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.leftBar.grey{
background: rgba(0,0,0,0.1);
border-right: 10px #000 solid;
}
.leftBar.blue{
background: #007DC5;
border-right: 10px #fff solid;
}

.leftBar.lightBlue{
background: #a2c8e2;
border-right: 10px #000 solid;
}
.leftBar.footer{
background: rgba(255,255,255,0.1);
border-right: 10px #007DC5 solid;
}
.leftBar.default{
background: rgba(222,222,222,0.2);
border-right: 10px rgba(222,222,222,0.3) solid;
}

.sectionRowGrey{
	background: #f2f2f2;
}

.sectionRowGreyDark{
	background: #e8e8e8;
}

.sectionRowGrey .wideContainer,
.sectionRowGreyDark .wideContainer{
padding-top: 60px;
padding-bottom: 60px;
}

  





#footerWrap{
	background: #231F20;
	color: #fff;
	line-height: 1.8;
}

#footerWrap h5{
margin-bottom: 12px;
}

#footerWrap h5 span{
display: inline-block;
border-bottom: 3px #007DC5 solid;
}

#footerWrap .logo{
	max-width: 220px;
}

#footerWrap .container{
max-width: 2000px;
}
#footerWrap .linksWrap{
padding: 36px 0;
}

#footerWrap .linksWrap a{
line-height: 28px;
}

#footerWrap .copyright{
border-top: 1px #c7c7c7 solid;
margin-left: -40px;
line-height: 26px;
padding: 10px 40px 20px 40px;
overflow: hidden;
line-height: 1.6;
}

#footerWrap .copyright .txt{
	float: left;
}

#footerWrap .copyright .rightLinks{
	float: right;
}

#footerWrap .copyright .link:hover{
	color: #007DC5;
}

.subBanner{
height: 480px;
position: relative;
overflow: hidden;
background-color:#231f20; 
background-size: cover;
background-position: center;
}


.subBanner:before{
content: "";
display: block;
width: 150%;
height: 100%;
position: absolute;
background: rgba(0,174,239,0.25);
bottom: -100%;
right: 0;

-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;

transform-origin: 65% top;
-ms-transform-origin: 65% top;
-moz-transform-origin: 65% top;
-webkit-transform-origin: 65% top;
-o-transform-origin: 65% top;
}

.subBanner:after{
content: "";
display: block;
width: 150%;
height: 100%;
position: absolute;
background: #fff;
bottom: -100%;

-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
transform-origin: left top;
-ms-transform-origin: left top;
-moz-transform-origin: left top;
-webkit-transform-origin: left top;
-o-transform-origin: left top;
}
.subBanner .wideContainer{
height:	100%;
}

.subBanner .leftBar{
	background: linear-gradient(0,rgba(222,222,222,0.2), rgba(255, 255, 255, 0.5));
	z-index: 2;
}

.subBanner h1{
color: #fff;
}

.subBanner .container{
height:	100%;
position: relative;
}

.subBanner .content{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.subPage .sectionRow h4{
margin-bottom: 40px;
color: #007DC5;
}


.loaded .subBanner:after{
-webkit-transform: rotateZ(-5deg);
-ms-transform: rotateZ(-5deg);
transform: rotateZ(-5deg);
}

.loaded .subBanner:before{
-webkit-transform: rotateZ(20deg);
-ms-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}


.loaded #screenHome:before{
-webkit-transform: rotateZ(20deg);
-ms-transform: rotateZ(20deg);
transform: rotateZ(20deg);
}


.loaded #screenHome:after{
-webkit-transform: rotateZ(-15deg);
-ms-transform: rotateZ(-15deg);
transform: rotateZ(-15deg);
}


#screenHome .leftBar,
.subBanner .leftBar{
top: 120px;
opacity: 0;
-webkit-transition: all 1.2s ease 0.6s;
-moz-transition: all 1.2s ease 0.6s;
-o-transition: all 1.2s ease 0.6s;
transition: all 1.2s ease 0.6s;
}

.loaded .subBanner .leftBar,
.loaded #screenHome .leftBar{
top: 170px;
opacity: 1;
}




.showMobile,
.showMobileInline{
display: none;
}

@media (max-width: 1710px) {
.wideContainer{
margin: 0 50px;
}

}



.silver .block{
	width:17% !important;
	float:left;
	margin-right:10px;
	margin-left:25px;
	margin-bottom:25px;
}

.silver2 {
	margin-left:-35px;
}


.silver2 .block{
	width:17% !important;
	float:left;
	margin-right:10px;
	margin-left:25px;
	margin-bottom:25px;
   display: flex;
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center (optional) */
    height: 100px; /* Fixed height */
}

.silver2 .block2{
	width:32% !important;
	float:left;
	margin-right:10px;
	margin-left:25px;
	margin-bottom:25px;
}


.silver2 img {
	max-width:80% !important;
	height:auto !important;
}


@media (max-width: 768px) {


.silver2 {
	margin-left:5px;
}


.silver .block{
	width:100% !important;
	float:none;
	margin-right:0px;
	margin-left:-5px;
	margin-bottom:15px;
}


.silver .elementor-col-20{
	width:90% !important;
}

.silver img {
	max-width:65% !important;
	height:auto !important;
}

.silver2 .block{
	width:100% !important;
	float:none;
	margin-right:0px;
	margin-left:-5px;
	margin-bottom:15px;
}

.silver2 .block2{
	width:100% !important;
	float:none;
	margin-right:0px;
	margin-left:-5px;

	margin-bottom:15px;
}


.silver2 .block2 img {
	max-width:85% !important;
	height:auto !important;
	margin-top:-14px !important;
}


.silver2 .elementor-col-20{
	width:90% !important;
}

.silver2 img {
	max-width:50% !important;
	height:auto !important;
}

#footerWrap .copyright {
    margin-left: 0px;
    padding: 10px 20px 20px 20px;
	text-align: center;
	font-size: 12px;
}
#footerWrap .copyright .txt,
#footerWrap .copyright .rightLinks{
	float: none;
}

#footerWrap h5{
margin-top: 16px;
}

#footerWrap .logo {
display: block;
margin-bottom:15px;
max-width:150px;
}

}



@media (max-width: 640px) {
body{
font-size: 14px;
min-width: 300px;
}

.elementor-2 .elementor-element.elementor-element-c47768b .elementor-button {
	width:97% !important;
}

.btn2a {
 margin-left:0px;
}

.hideMobile {
display: none;
}

.showMobile {
display: block;
}

.showMobileInline {
display: inline-block;
}


.wideContainer {
    margin: 0 0px;
	padding-left: 60px;
}

.container {
margin: 0 15px;
}

.leftBar{
width: 60px;
}

/* .sectionRow .leftBar{
width: 30px;
}
.sectionRow .wideContainer {
    padding-left: 30px;
} */

/* .sectionRow .leftBar{
display: none;
}
.sectionRow .wideContainer {
    padding-left: 0px;
} */

.loaded .subBanner .leftBar, .loaded #screenHome .leftBar {
    top: 70px;
}


.subBanner {
    height: 240px;
}
.subPage .sectionRow.firstRectionRow .wideContainer{
	padding-top: 32px;
}
.sectionRow .wideContainer {
    padding-top: 64px;
    padding-bottom: 64px;
}



}