@charset "UTF-8";

/* CEED 2017 CSS Document
   Based on design by Naveed Ahmed) */

@media only screen and (max-device-width: 600px) {
body {
	font-size: 140%;
	position: relative;
} 
.overlay {
	width: 110%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	display: none;
}
.wrapper {
	width: 100%;
}
.header {
	height: 6.3em;
	border: 0;
	box-shadow: 0 0 15px 7px rgba(0,0,0,0.1);    
}
.hide-in-device, {
	display: none;
}
    
.hide-in-screen {
	display: block;
}
.stage,
 .dates,
.dates-highlight
 .examination,
 .programmes,
 .downloadsnew,
    .contactnew,
 .footer {
	padding: 0;
	height: auto;
	margin: 0;
}
.stage:before,
 .stage:after,
 .dates:before,
 .dates:after,

 .dates-highlight:before,
 .dates-highlight:after,
 .examination:before,
 .examination:after,
 .programmes:before,
 .programmes:after,
 .downloadsnew:before,
 .downloadsnew:after,
    
 .contactnew:before,
 .contactnew:after,
 .footer:before,
 .footer:after,
 .vert-1-of-3-col:before,
 .vert-1-of-3-col:after,
 .vert-2-of-3-col:before,
 .vert-2-of-3-col:after,
 .vert-3-of-3-col:before,
 .vert-3-of-3-col:after,
    
    .vert-1-of-3-coldn:before,
 .vert-1-of-3-coldn:after,
 .vert-2-of-3-coldn:before,
 .vert-2-of-3-coldn:after,
 .vert-3-of-3-coldn:before,
 .vert-3-of-3-coldn:after,
    
 .vert-1-of-2-col:before,
 .vert-2-of-2-col:before,
 .vert-1-of-2-col:after,
 .vert-2-of-2-col:after, 
    
    .vert-1-of-2-col-con:before,
 .vert-2-of-2-col-con:before,
 .vert-1-of-2-col-con:after,
 .vert-2-of-2-col-con:after 
    
    {
	content: "";
	display: table;
        
}
.stage:after,
 .dates:after,
 .examination:after,
 .programmes:after,
 .downloadsnew:after,
 .footer:after,
.contactnew: after,
 .vert-1-of-3-col:after,
 .vert-2-of-3-col:after,
 .vert-3-of-3-col:after,
 .vert-1-of-2-col:after,
 .vert-2-of-2-col:after,
    
 .vert-1-of-3-coldn:after,
 .vert-2-of-3-coldn:after,
 .vert-3-of-3-coldn:after,
 .vert-1-of-2-col-con:after,
 .vert-2-of-2-col-con:after
    {
	clear: both;
}

.ceed-logo-mobile {
		
    height: 35px;
    width: 140px;
        top: -400px;
        position: absolute;
        -webkit-transition: top 400ms ease-in-out;
	-moz-transition: top 400ms ease-in-out;
	-o-transition: top 400ms ease-in-out;
	transition: top 400ms ease-in-out;
        margin-left: 56px;
 
}
    
.ceed-logo-mobile img {
	height: 200%;
    padding-top: 20px;  
}
    
.ceed-logo {
    opacity: 0;
    }
    
.home-box
{
    margin: auto;
    width: 120%; 
}

    
iframe {
    display: block;   
    width: 120%;
}


.stage {
	padding: 0em;
	padding-top: 7em;
    width: 102%;
     /*background: url(../img/CEED2020_BG.png) no-repeat center top #ffffff; 
     -webkit-background-size: 200%;
     -moz-background-size: 200%;
     -o-background-size: 200%;
     background-size: 200%;
    background-position: center bottom;*/
    min-width: 900px;
}
    
    .stage2{
        
       
        width: 102%;
        height: 864px; 
        background: url(../img/CEED2024_BG_Bottom.jpg) no-repeat center top #dddddd 
            !important; 
        
     -webkit-background-size: 190% !important;
     -moz-background-size: 190% !important;
     -o-background-size: 190% !important;
     background-size: 190% !important;
    background-position: center top;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        
        
    }
    
.stage-title {
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.stage-spot {
	width: 80%;
}
    
.stage-spot3 {
    align-self: auto;
    align-content: center;
	margin: 0px auto 0px;
    padding-top: 25px;  /* effectively 60 px from the top*/
	height: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-align: center;
}
    
.stage-logo {
	width: 80%;
	height: 360px;
	margin: 0 auto;
	margin-bottom: 2em;
}
.stage-title {
	display: block;
}
.stage-subtitle {
	display: block;
}
.ticker {
	display: none;
}
.stage-buttons a {
	margin-right: 0px; 
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
	min-width: 42%;
	width: 42%;
	font-size: 34px;
	margin-bottom: 1em;
}
.stage-buttons a:last-child {
	margin-right: 0;
}


/*---*/

.popup-main {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 200px; /* Location of the box */
}

.popup-content {
font-size: 18px;   
}
    
.closePopup {
    font-size: 80px;
    margin-right: 30px;
    margin-top: -7px;
}
  
.popup-header {
font-size: 20px;
 height: 100px;

}
    
.popup-body {
    height: 88%;
    padding: 10px 20px 0px 50px;
}

.popup-content h2{
    padding-left: 50px;
    margin-top: 26px;
}
    
.popup-content .pwithicon{
    margin-bottom: 40px;
    font-size: 28px;
    padding-right: 20px;
}    
.popup-content p{
    margin-bottom: 40px;
    font-size: 28px;
    padding-right: 20px;
}
    
.update-date {
    font-family: ;
    font-size: 24px;
    padding-bottom: 2px;
    color: #545454;
}

    
/*---*/
    
.stage-update-button #updateText {
	
	padding-left: 1em;
    padding-bottom: 0;
    padding-top: 1em;
    padding-right: 1em;
	min-width: 60%;
	width: 70%;
	font-size: 30px;
    font-weight: bolder;
	margin-bottom: 1em;
    margin-left: auto;
    color: #545454;
}
.stage-update-button p {
	font-size: 26px;
    margin-top: 0.4em;
	margin-bottom: 1em;
    align-content: left;
    align-self: center;
    font-weight: normal;
}
    
.update-date-latest {
    font-size: 20px;
    padding-top: 20px;
    color: #545454;
    text-align: left;
}

.img-update{
float:left;
width:110px;
padding: 10px 30px 20px 0px;
 
}
    
    /* ------- */
    
.imp-date {
        width: 102%;
    }
    
.imp-date-header p {
	color: #545454;
	text-align: center;
	font-size: 32px;
    margin-top: 10px;
	padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 6px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
    min-width: 900px;
}
  
    
    
    
.dates {
	padding: 1em 1em 1em 1em;
	border: 0;
}
    
    
.dates-box {
    height:auto;
    width: 100%;
    margin: 0 auto 0 auto;
    overflow:hidden;
}

.dates-icon {
    width: 25%;
    height: 40px;
    float: left;
    margin-left: 0px;
    transform:translate(0px,-7px);
}

.dates-highlight .dates-icon {
    width: 25%;
    height: 40px;
    float: left;
    margin-left: 0px;
    transform:translate(0px,-65px);
}

/*------------------------*/
    
.infotext {
transform: translateX(-60px)
}



 /*------------------------*/   

.dates-text {
    text-align: left;
    width: 65%;
    float: left;
}   
    
    
 .dates-highlight{
	padding: 1em 1em 1em 1em;
	border: 0;
    }

    .dates p:last-child{
        font-size: 28px;
    }

    .dates-highlight p{
        
        font-size: 32px;
        font-family: 'Montserrat', sans-serif;
        
    }
    .dates-highlight h5{
        font-size: 32px;
    }
    
    .dates-highlight h3{
        font-size: 28px;
    }
    
    
    .dates p{
        font-size: 32px;
        font-family: 'Montserrat', sans-serif;
        
    }
    .dates h5{
        font-size: 30px;
    }
    
    .dates h3{
        font-size: 28px;
    }
    
    

.dates h4,
    .dates-highlight h4{
        
        font-size: 32px;
    }
    
    
    
.examination
    {
     width: 102%; 
    }
    
.examination .section-header p {
	color: #545454;
	font-size: 32px;
    margin-top: 0px;
	padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 6px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}    
    .vert-1-of-1-col h3,
    .vert-1-of-3-col h3,
.vert-2-of-3-col h3,
.vert-3-of-3-col h3 {
    padding-left: 40px;
    padding-right: 40px;
	text-transform: uppercase;
    font-weight: bold;
	font-size: 32px !important;
	color: #363636;
	
	font-family: 'Montserrat', sans-serif;
	margin-top: 0;
}

.vert-1-of-1-col p,
.vert-1-of-3-col p,
.vert-2-of-3-col p,
.vert-3-of-3-col p {
    padding-left: 40px;
    padding-right: 40px;
	font-size: 32px !important;
    
	color: #545454;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	margin-top: 0;
    margin-right: 0px;
    margin-left: 0px;
}
    
    .examinationcontent{
        /*flex-direction: column;*/
        display: grid;
        grid-template-columns: 1fr;
    }

.vert-1-of-1-col,    
.vert-1-of-3-col,
 .vert-2-of-3-col,
 .vert-3-of-3-col {
     width: 100%
	float: none;

    padding-top: 1em;
    margin-top: 0em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em; 
    margin-bottom: 0em;
     
     border-right-style: none !important;
     border-left-style: none !important;

     grid-column-start: 1;
    grid-column-end: 2;
}
    
    .vert-1-of-3-col{
        order: 1;
        width: 100%;
        grid-area: 1 / 1 / 2 / 2;
            
    }
    
      .vert-2-of-3-col{
        order: 2;
          width: 100%;
              grid-area: 4 / 1 / 5 / 2;
    }
    
      .vert-3-of-3-col{
        order: 3;
          width: 100%;
          grid-area: 5 / 1 / 6 / 2;
    }
 
.vert-1-of-1-col p,    
.vert-1-of-3-col p,
 .vert-2-of-3-col p,
 .vert-3-of-3-col p{
     padding-left: 40px;
     padding-right: 40px;
     font-size: 24px;
}
    
.vert-1-of-2-colexam,
 .vert-2-of-2-colexam {
	float: none;
	margin: 0;
    
    padding-bottom: 0em;
    padding-top: 0em;
    border-right-style: none !important;
    border-left-style: none !important;
     
     border-top-style: none !important;
    
     
     
    
    font-size: 30px !important;
	color: #545454;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}
    
.vert-2-of-2-colexam {
    padding-left: 30px;
}

    
    .vert-1-of-2-colexam{
        order: 4;
        width:auto;
        grid-area: 2 / 1 / 3 / 2;
    }
    
    .vert-2-of-2-colexam{
        order: 5;
        width:auto;
        grid-area: 3 / 1 / 4 / 2;
    }  
  
  .vert-1-of-2-colexam p{
    padding-left: 34px;
     padding-right: 30px;
     font-size: 32px;
    }
    
 .vert-2-of-2-colexam p{
    padding-left: 42px;
     padding-right: 40px;
     font-size: 32px;
    }
    
.vert-1-of-2-colexam h1,
 .vert-2-of-2-colexam h1{
    padding-left: 30px;
     padding-right: 30px;
    }
    
.tablea {
    margin-left: 34px;
    font-size: 22px !important;
	color: #545454;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
        width: 88.5%;
}

.tableb {
    margin-left: 42px;
    font-size: 22px !important;
	color: #545454;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
    width: 92%;
}
    
 td, th {
    padding: 12px;
}   
    
.th1{
    width:300px;
}
    
    
.examination ul li {
	list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 30px !important;
}

.programmes
    {
        width: 102%;
    }
    
    .programmescontent{
        flex-direction: column;
    }
    
    
.programmes .section-header p {
	color: #545454;
	text-align: center;
	font-size: 32px ;
    margin-bottom: 10px;
    margin-top: 0px;
	padding-top: 20px;
    padding-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: bolder;

}
    
.programmes h1 {
	color: #363636;
	text-transform: uppercase;
	margin-bottom: 1em;
    font-size: 32px;
    
}
    
.programmes ul {
	line-height: 1.5;
	padding-left: 0;
	margin: 0em 0;
	list-style: none;
	padding-left: 0em;
	margin-left: 0em;
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
}

    
.vert-1-of-2-col p,
.vert-2-of-2-col p{
	font-size: 32px !important;
color: #545454;
	font-weight: normal;
    font-family: "Open Sans", sans-serif;
}
    
.vert-1-of-2-col,
 .vert-2-of-2-col {
	float: none;
	margin: 0;
    
    padding-bottom: 3em;
    padding-top: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em;  
    border-right-style: none !important;
    border-left-style: none !important;
}
    
    .vert-1-of-2-col{
        order: 1;
        width: 100%;
    }
    
    .vert-2-of-2-col{
        order: 2;
        width: 100%;
    }
 
.downloadsnew
    {
        width: 102%;
    }
    
    .downloadscontent{
        flex-direction: column;
    }
    
    
.downloadsnew .section-header p {
	color: #545454;
	text-align: center;
	font-size: 34px;
	padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}
    
    .downloadsnew h1 {
	color: #363636;
	text-transform: uppercase;
	margin-bottom: 1em;
    font-size: 32px;
    
}
    
.downloadsnew ul {
	line-height: 1.5;
	padding-left: 0;
	margin: 0 0;
	list-style: none;
	padding-left: 0em;
	margin-left: 0em;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
}
    
    
    
.vert-1-of-2-coldn p,
.vert-2-of-2-coldn p{
 font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: normal;
}

.vert-1-of-2-coldn,
 .vert-2-of-2-coldn{
	float: none;
	
	margin: 0;
	padding-bottom: 3em;
    padding-top: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em; 
     border-right-style: none !important;
     border-left-style: none !important;
}

    .vert-1-of-2-coldn{
        order: 1;
        width: 100%;
    }
    
    .vert-2-of-2-coldn{
        order: 2;
        width: 100%;
    }
   

.vert-1-of-2-coldn h3,
 .vert-2-of-2-coldn h3,
{
	display: inline-block;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

    
.downloadsnew .vert-1-of-3-coldn,
 .downloadsnew .vert-2-of-3-coldn,
 .downloadsnew .vert-3-of-3-coldn {
	padding-top: 3em;
	padding-bottom: 2em;
	height: auto;
     
     border-right-style: none !important;
     border-left-style: none !important;
}
   

.img-thumb{
    width:100px;
    margin: 20px 20px 10px 0px;
}

.img-thumb img{
    width:100px;
    border-width: 2px;
}
    
    
    
/**/
    
.contactnew 
    {
        width: 102%;
    }
    
.contactcontent
    {
        flex-direction: column;
    }
   .contactnew .section-header
    {
        background-color: #e9e9e9;
    }
.contactnew .section-header p {
	color: #545454;
	text-align: center;
	font-size: 34px;
	padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}
    
    

.vert-1-of-2-col-con,
 .vert-2-of-2-col-con {
	float: none;
	
	margin: 0 0 0 0;
	padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em; 
     border-right-style: none !important;
     border-left-style: none !important;
}
    
    .vert-1-of-2-col-con{
        order: 1;
        width: 100%;
        
    }
    
    
    .vert-2-of-2-col-con{
        order: 2;
        width: 100%;
        
    }

    .vert-1-of-2-col-con p,
    .vert-2-of-2-col-con p{
	font-size: 32px;
    font-family: 'Open Sans', sans-serif;
	color: #d4ded3;
	font-weight: normal;
	margin-bottom: 0em;
    color: #545454;
}
    
    
/**/   
    
.footer {
    width: 94.8%;
	background: #eeeeee;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	text-align: left;
}
    
.footer p {
    width: 80%;
        
	font-size: 30px;
	padding-bottom: 0px;
    
    padding-top: 20px;
    padding-left: 36px;
        padding-right: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: 50px;
        margin-right: 0px;
    
    color : #444;
	background: #eeeeee;
    
}
    
.footer_extra {
    display: none;
    width: 94.8%;
	background: #dddddd;
	padding: 0px 0px 0px 0px;
    margin: auto;
	text-align: center;
}
    
#bottom_bg {
	padding: 0px 0px 0px 0px;
    margin: auto;
    position:absolute;
    text-align: center;
    color : #dddddd;
    background: #dddddd;
}
    
    
    
    
ul.main-menu {
    width: 100%;
    
}
ul.fly-menu {
	background: rgba(0, 0, 0, 0.9);
	color: #FFF;
	width: 100%;
	font-size: 46px;
	margin-top: 140px;
	left: 200%;
	position: absolute;
	-webkit-transition: left 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out;
	-o-transition: left 200ms ease-in-out;
	transition: left 200ms ease-in-out;
}
ul.fly-menu li {
	display: block;
	float: none;
	text-align: center;
	border-bottom: 1px solid #777;
}
.fly-menu a {
	display: block;
	padding: 1em 1em 1.8em 1em;
	color: #FFF;
}
.fly-menu a:hover {
	border: 0;
}
.fly-menu a.active {
	border: 0;
}
.fly-menu a:active {
	color: #fdcb5e;
}
.hamburger {
	height: 6.3em;
	width: 6.3em;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	right: 0;
	text-align: center;
}
#hamburger-icon {
	fill: #aaaaaa;
	width: 70%;
	margin-top: 1.2em;
    margin-right: 1em;
}
.close-menu {
	display: none;
}
.close-menu {
	height: 6.3em;
	width: 6.3em;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	right: 0;
	text-align: center;
}
#close-icon {
	fill: #aaaaaa;
	width: 70%;
	margin-top: 1.1em;
    margin-right: 1em;
	transform: scale(1.4)
}


    
    
.content-column {
	-webkit-column-count: 1;
	/* Chrome, Safari, Opera */
        
	-moz-column-count: 1;
	/* Firefox */
        
	column-count: 1;
}
.cols-3 {
	-webkit-column-count: 1;
	/* Chrome, Safari, Opera */
        
	-moz-column-count: 1;
	/* Firefox */
        
	column-count: 1;
}
.dates {
	height: auto;
}
.examination .cols-3 {
	height: auto;
}
.footer {
	padding: 2em;
}
.examination h1 {
	font-size: 32px;
	line-height: 1.2;
}
    
    
h1 > .big {
	font-size: 1em;
	letter-spacing: 0px;
}
.vert-1-of-3-col h3,
.vert-2-of-3-col h3,
.vert-3-of-3-col h3 {
	font-size: 3em;
	margin-top: 1em;
}
.examination .vert-1-of-3-col h2 {
	top: 0;
	padding-bottom: 0;
}
.vert-1-of-3-col ol,
.vert-2-of-3-col ol,
.vert-3-of-3-col ol,
.vert-1-of-3-col ul,
.vert-2-of-3-col ul,
.vert-3-of-3-col ul {
	margin-bottom: 2em;
}
}