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


#screenHome{
background: #04416B url(../images/banners/homeBanner.jpg) center/cover no-repeat;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
color: #1c4c94;

}


#screenHome:before{
content: "";
display: block;
width: 150%;
height: 100%;
position: absolute;
background: rgba(0,174,239,0.1);
bottom: -100%;
right: 0;
display: none;

-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: 80% top;
-ms-transform-origin: 80% top;
-moz-transform-origin: 80% top;
-webkit-transform-origin: 80% top;
-o-transform-origin: 80% top;
}

#screenHome:after{
content: "";
display: block;
width: 150%;
height: 100%;
position: absolute;
background: rgba(4, 125, 191, 0.3);
bottom: -100%;
display: none;

-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: 35% top;
-ms-transform-origin: 35% top;
-moz-transform-origin: 35% top;
-webkit-transform-origin: 35% top;
-o-transform-origin: 35% top;
}

#footerWrap .logo2 {
display:block;
}

.custom-logo-link img {	
	width:130px;
}

.video iframe {
	width:auto !important;
}

#screenHome .wideContainer{
height:	100%;
z-index: 2;
}

#screenHome .content{
left: 2.5%;
max-width: 1000px;
padding-top: 40px;


position: absolute;
z-index: 2;
top: 29%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transform: translateY(-50%);
}

#screenHome .content h1{
color:#fff;
		font-size: 55px;
/*text-shadow: 0px 0px 4px rgba(0,0,0,0.6);*/
}

#screenHome .content .subTitle{
font-size:24px;
color:#ffb85a;
  }
  
  
#screenHome .content .subTitle2{
font-size:18px;
color:#ffb85a;

  }


#screenHome .content .txt{
font-size: 20px;
padding: 0px 0 0 16px;
border-left: 4px #fff solid;
margin: 16px 0 20px 0;
line-height: 1.7;

text-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}



#screenHome .content .infoRow{

margin: -5px;

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

#screenHome .content .infoRow .blueBox{
background: #007DC5;
color: #fff;
overflow: hidden;
/* padding: 12px; */
padding: 30px 20px;
font-size: 14px;
margin: 5px;
}

#screenHome .content .infoRow .blueBox2{
/* margin-left: 10px; */
font-size: 16px;
font-weight: bold;
min-width: 120px;
display: block;
transition: all .3s cubic-bezier(.645,.045,.355,1);
}

#screenHome .content .infoRow .blueBox2:hover{
background-color: #0098ef;
box-shadow:0px 0px 12px rgba(0,0,0,0.2);
}

#screenHome .content .infoRow .blueBox .col1{
float: left;
/* width: 60%; */
/* padding-right: 20px; */


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

#screenHome .content .infoRow .blueBox .col2{
border-left: 1px #fff solid;

float: left;
width: 40%;
height: 100%;
padding-left: 20px;
font-weight: bold;

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

#screenHome .content .btnMore{
font-size: 12px;
display: block;
}

#screenHome .content .infoRow2{
background-color: rgba(0,152,239,0.8);
margin-top: 30px;

padding: 20px;

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#screenHome .content .infoRow2 a{
	color: #fff!important;
}



#screenHome .leftBar{
background: linear-gradient(0,rgba(178, 207, 219, 0),rgba(123, 161, 180, 0.6));
display: none;
}

#screenHome .homeFooter{
position: absolute;
bottom: 90px;
font-size: 12px;
left: 30px;
z-index: 1;
}

#screenHome .homeFooter .title{
font-weight: bold;
padding: 10px 0;
color:#fff;
}
#screenHome .homeFooter .logo{
float: left;
max-width: 152.9px;
margin-right: 28px;
}


#screenHome .homeFooter .txt{
float: left;
width: 390px;
padding: 0 0 0 16px;
margin-left: 16px;
border-left: 1px #000 solid;
}


.homeFooter2 .title{
font-weight: bold;
padding: 10px 0;
}
.homeFooter2 .logo{
float: left;
max-width: 128px;
margin-right: 36px;
}



.homeFooter2 .txt{
float: left;
width: 390px;
padding: 0 0 0 16px;
margin-left: 16px;
border-left: 1px #000 solid;
}

.pageHome .sectionRow1{
/* text-align: center; */
}

.pageHome .sectionRow2{


}

.pageHome .sectionRow2Inner{
background: #f2f2f2;
}

.pageHome .sectionRow2 .rowInner{
overflow: hidden;
background: #f2f2f2; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

}

.pageHome .sectionRow2 .boxPhotoWrap{
overflow: hidden;
width: 50%;
float: left;

height: 550px;
}
.pageHome .sectionRow2 .boxPhoto{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;

width: 100%;
height: 100%;

background-size: cover;
background-position: center;
}


.pageHome .sectionRow2 .boxContent{
width: 50%;
float: left;
height: 550px;

position: relative;
max-width: 720px;

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

.pageHome .sectionRow2 .boxContent .content{
max-width: 90%;
padding: 40px 45px 65px 65px;

position: absolute;
top: 20%;
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
-moz-transform: translateY(-20%);

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


.pageHome .sectionRow2 .boxPhotoWrap2{
float: right;
}

.pageHome .sectionRow2 .boxContent2{
float: left;
}



.pageHome .sectionRow2 .boxPhoto:hover{
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
-moz-transform: scale(1.04);
}
.pageHome .sectionRow2 .rowInner:hover{
background: #dedede; 
}


.pageHome .sectionRow3{
background: #04416B;
background: #04416B url(../images/gradient-background.jpg) center/cover no-repeat;
color: #fff;

}

.home_button {
	display:block;
}

.pageHome .sectionRow4{
background: #007DC5;
color: #fff;
text-align: center;

}


#countdown, #countdownEarly{
	font-size: 48px;

	padding: 0 36px;
	color: #fff;
	display: inline-block;
}

#countdown{
background: #000;
border-radius: 24px;
	height: 96px;
	line-height: 96px;
}

#countdownEarly{

}




 
.programmeList{

}

.programmeRow{
position: relative;
padding-left: 185px;
padding-bottom: 40px;
border-left: 5px #327DBF solid;
}

.programmeRow:before{
position: absolute;
left: 0px;
content: "";
display: block;
width: 112px;
border-top: 5px #327DBF solid;
top: 22px;
}

.programmeRow:after{
position: absolute;
left: 110px;
content: "";
display: block;
height: 32px;
width: 32px;
border: 6px #327DBF solid;
border-radius: 32px;
top: 5px;
}
.programmeRow h5{
margin-bottom: 4px;
color: #327DBF;
}


.pageProgramme .sectionRowProgramme{
background: #04416B url(../images/banners/programmeBg.jpg) top left/cover no-repeat;
}






.sectionRowSponsors .sponsorsRow{
margin-bottom: 40px;
}

.sectionRowSponsors .sponsorsRowPlatinum .logos{
overflow: hidden;
}

.logoBox{
padding: 10px;

box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.sectionRowSponsors .sponsorsRowPlatinum .logos .logoBox{
width: 25%;
float: left;
}


.sectionRowSponsors .sponsorsRowGold .logos{
overflow: hidden;
}

.sectionRowSponsors .sponsorsRowGold .logos .logoBox{
width: 20%;
float: left;
}


.sectionRowSponsors .sponsorsRowsilver .logos{
overflow: hidden;
}

.sectionRowSponsors .sponsorsRowsilver .logos .logoBox{
width: 16.6%;
float: left;
}


.sectionRowSponsors .sponsorships{
text-align: center;
padding-top: 60px;
}









.involvedRowList{

}

.involvedRow{
position: relative;
padding-left: 250px;
margin-bottom: 60px;
}

.involvedRow .leftPhoto{
position: absolute;
left: 0;
top: 6px;
width: 180px;
}

.involvedRow .leftPhoto:after{
position: absolute;
right: -36px;
content: "";
display: block;
height: 150px;

top: 0;
border-right: 3px #007DC5 solid;
}

.involvedRow .linkedin{
	width: 36px;
	height:	36px;
	display: inline-block;
	background: #007bb6;
	border-radius: 4px;
	margin-top: 12px;
}
.involvedRow .linkedin:hover{
	background: #0098ef;
}
.involvedRow .rightCont{

}
.involvedRow .headerRow{
	margin-bottom: 12px;
	font-weight: 600;
}
.involvedRow .rightCont h5{
color: #007DC5;
}


.blueBorderLeftList{
	

}

.blueBorderLeft{
margin-bottom: 32px;
border-left: 3px #007DC5 solid;
padding-left: 24px;
}