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

/* Special Fonts*/  
    /*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/
	
    /* Reset*/ 
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
 }

body{
	background:#d8d8d8;
	color:#444;
	font-family: 'Raleway','Century Gothic', Helvetica, serif;
	font-style:normal;
	font-weight:500;
	font-size:15px;
}

#site_container {
	display:block;
	overflow:hidden;
	width:100%;
	position: relative;
}
#headerimg {
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
    background:url() center 0 / cover no-repeat;
	/*z-index:-1;*/
}
#headerimg:after{
	content:"";
	background:rgba(28,25,24,0.1);
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#masthead {
	display:block;	
	min-height: 100px;
}
#masthead #navbar {
	display:block;
	position:absolute;
	z-index:5000;
	top:0;
	left:0%;
	width:100%;
	height:160px;
	/*background:rgba(255,255,255,0.85);*/
	background:#fff;
	padding:0;
	text-align:right;
	
	 -webkit-transition: background ease-in-out 0.3s, height ease-in-out 0.4s;
			transition: background ease-in-out 0.3s, height ease-in-out 0.4s;
}
#navbar.docked{
	-webkit-box-shadow: 0 17px 20px -25px rgba(0,0,0,.75);
	   -moz-box-shadow: 0 17px 20px -25px rgba(0,0,0,.75);
			box-shadow: 0 17px 20px -25px rgba(0,0,0,.75);
}
a#logo {
	position:absolute;
	top:0;
	left:0;
	height:100px;
	width:300px;
	z-index: 9000;
	background:url(/images/UCAT_Master_logo.png) 0 center no-repeat;
	background-size:contain; 
	padding:100px 0 0 0;
	overflow:hidden;
	-webkit-transition: background-size ease-in-out 0.4s;
			transition: background-size ease-in-out 0.4s;
}
a#logosm {
	position:absolute;
	bottom:55px;
	/*left:-185px;*/
	right:0;
	height:50px;
	width:200px;
	z-index: 10;
	background:url(/images/UCAT_Master_logo_white.png) center no-repeat;
	background-size:auto 80%; 
	padding:50px 0 0 0;
	overflow:hidden;
	opacity: 0;
	-webkit-transition: opacity ease-in-out 0.3s, bottom ease-in-out 0.5s;
			transition: opacity ease-in-out 0.3s, bottom ease-in-out 0.5s;
}

#main {
	display:block;
	min-height:100px;
	margin:0;
	padding:1px 15px 100px;
	background-color: #f5f8fa;
	border-top:5px solid #8BC1C5;
	position:relative;
}
#main:after{
	content:".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#main #intro {
	margin-top:50px;
	margin-bottom: 8px;
	padding: 1px 0;
	min-height: 300px;
}
.document-error #main{
	background: rgba(0,0,0,0.8);
	color: #fff;
	border-top:1px solid #8BC1C5;
}
.document-error #upperbox{
	background: none;
}
#footer {
	display:block;
	position:relative;
	background:rgba(0,0,0,0.8);
	padding:50px 20px 0;
	color:#a7afbc;
	margin:0;
	border-bottom:4px solid #535b6a;
    min-height: 150px;
}
#footer_content {
	display:block;
	min-height:100px;
	color:#a7afbc;
	padding:30px 20px 20px;
}

#footer_content p.copyright {
	display:block;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
}
#footer_content p.social {
	text-align:left;
}
#footer_content p.social a { 
	display:inline-block;
	vertical-align:middle;
	line-height: 40px;
	height: 40px;
	width:40px;
	background:rgba(167,175,188,0.4);
	border-radius: 50%;
	margin: 4px;
	text-align: center;
	color: #fff;
}
#footer_content p.social a:before {
	font-size:20px;
	font-weight:400;
}
#footer_content p.social a:hover{
	background-color: #465B5D;
}

#footer_content ul.footernav{
	display: inline-block;
	vertical-align: middle;
}
#footer_content ul.footernav li{
	display: inline-block;
	vertical-align: middle;
	margin: 4px 20px 4px 0;
}
#footer_content ul.footernav li a {
	color: #8BC1C5;
	height: 50px;
}
#footer_content ul.footernav li a:hover{
	color:#fff;
}
#footer_content p.social #appstore,
#footer_content p.social #googleplay{
	border-radius:0;
	width:110px;
	border:1px solid #444;
}

#footer_content p.social #appstore{
	background: #000 url(/images/app_Store.png) 0 center no-repeat;
}
#footer_content p.social #googleplay{
	background: #231f20 url(/images/google_play.png) 0 center no-repeat;
}
a#gotop {
	display:block;
	margin:0 40px 0 auto;
	width:40px;
	height:40px;
	line-height:45px;
	color:#fff;
	text-align:center;
	background:rgba(167,175,188,0.4);
	position:absolute;
	left:0;
	right:0;
	border-radius:50%;
	top:20px;
	font-size:22px;
	font-weight:400;
	z-index: 500;
}
a#dd_tag { color:inherit; color: #5F676F}

#footer .modalframe{
	content: "";
	z-index: 9000;
	display:none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,0.4);
	padding: 50px 20px;
}
#footer .modalframe.active{
	display: flex;
}
#footer .modal{
	display: block;
	max-width:550px;
	background: #fff;
	padding:50px 30px;
	color: #475B5D;
	position: relative;
}
#footer .modalframe.geo .model{
    max-width:400px;
	background: #fff url(/images/country.jpg) center 10px no-repeat;
	padding:100px 30px;
}
#footer .modal .close{
	display: block;
}
#footer .modal a.close{
	display: inline-block;
	background-color:#1A1E22;
}
#footer .modalframe.geo .modal a.close{
    position: absolute;
	bottom:0;
	left:0;
	width:100%;
	margin: 0;
}
/*--------------------------------------------------------------------------- link - button Styles */	

a{
color:#005C5C;
font-weight:normal;
text-decoration:none;

}
a:active, a:focus {
	outline: none;
	-moz-outline-style: none;
}
a:hover{
text-decoration:none;

}
.modal .close,
.button { 
	background:#7B072D; 
	color:#fff;
	cursor:pointer;
	padding:13px 30px;
	display:inline-block;
	text-align: center;
	font-weight: 500;
	font-size:14px;
	position:relative;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	-webkit-transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
			transition: background ease-in-out 0.4s, color ease-in-out 0.3s;
	margin: 0 5px 5px 0;
}
.button.black{
	background:#222;
}
.button.line {
	border:1px solid #fff;
	background:none;
}
.button.line.black {
	border:1px solid #222;
	color:#222;
	background:none;
}

.button:hover {
	background:#5a626e !important;
	color:#fff !important;
}
.button.line:hover {
	background:#fff !important;
	color:#484d54  !important;
}
.button.line.black:hover{
	border:1px solid #222 !important;
	background:#222 !important;
	color:#fff !important;
}
.button span{
	display: inline-block;
	vertical-align: middle;
	
}
.button span:before{
	font-size: 18px;
	margin: 0 5px 0 0;
}
/*----------------------------------------------------------------------------------Structural Boxes*/
[class*="box-"], div[class*="box-"] {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
}

.box-10, input[type="text"].box-10, input[type="password"].box-10 {
	width:10%;
}
.box-20, input[type="text"].box-20, input[type="password"].box-20 {
	width:20%;
}
.box-25, input[type="text"].box-25, input[type="password"].box-25 {
	width:25%;
}
.box-30, input[type="text"].box-30, input[type="password"].box-30 {
	width:30%;
}
.box-33, input[type="text"].box-33, input[type="password"].box-33 {
	width:33.3%;
}
.box-35, input[type="text"].box-35, input[type="password"].box-35 {
	width:35%;
}
.box-40, input[type="text"].box-40, input[type="password"].box-40 {
	width:40%;
}
.box-45, input[type="text"].box-45, input[type="password"].box-45 {
	width:45%;
}
.box-50, input[type="text"].box-50, input[type="password"].box-50 {
	width:50%;
}
.box-55, input[type="text"].box-55, input[type="password"].box-55 {
	width:55%;
}
.box-60, input[type="text"].box-60, input[type="password"].box-60 {
	width:60%;
}
.box-65, input[type="text"].box-65, input[type="password"].box-65 {
	width:65%;
}
.box-70, input[type="text"].box-70, input[type="password"].box-70 {
	width:70%;
}
.box-75, input[type="text"].box-75, input[type="password"].box-75 {
	width:75%;
}
.box-80, input[type="text"].box-80, input[type="password"].box-80 {
	width:80%;
}
.box-90, input[type="text"].box-90, input[type="password"].box-90 {
	width:90%;
}
.box-100, input[type="text"].box-100, input[type="password"].box-100 {
	width:100.2%;
}

.pad-5 { padding:5px;}
.pad-0-5 { padding:0 5px; }

.pad-10 { padding:10px; }
.pad-0-10 { padding:0 10px; }

.pad-10-l { padding:0 0 0 10px; }
.pad-10-r { padding:0 10px 0 0; }

.pad-20 { padding:20px; }
.pad-0-20 { padding:0 20px; }

.pad-20-l { padding:0 0 0 20px; }
.pad-20-r { padding:0 20px 0 0; }

.pad-40 { padding:40px; }
.pad-0-40 { padding:0 40px; }

.pad-40-l { padding:0 0 0 40px; }
.pad-40-r { padding:0 40px 0 0; }

.pad-50 { padding:50px; }
.pad-0-50 { padding:0 50px; }

.pad-50-l { padding:0 0 0 50px; }
.pad-50-r { padding:0 50px 0 0; }


/*----------------------WorkGrid Contents*/

.centerbox {
	width:100%;
	max-width:600px;
	display:block;
		text-align:left;
		position: relative;
		top: 50%;
			-ms-transform: translateY(-50%); /* IE 9 */
		-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
				transform: translateY(-50%);
		padding:0;
		margin:0 auto;
}

.featimg{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color:#efefef;
}
/*-------------------------------------------------------------------Masthead*/
#masthead #navbar{
	display: block;
	padding: 0 16px;
}
#masthead #navbar #menu,
#masthead #navbar #testmenu{
	display: none;
}

/*-------------------------------------------------------------------Navigation*/
#navbar .innerframe {
	position:relative;
	height:100%;
}

ul.nav-menu{
	display:block;
	position:absolute;
	min-height:50px;
	text-align:left;
	z-index: 50;
}
ul.uppernav{
	top:15px;
	right:0;
	height: 40px;	
}
ul.testnav{
	bottom:0;
	right:0;
	background:#2e343c;
	z-index: 10;
	width:100%;
}
ul.testnav:after{
	content:"";
	position: absolute;
	height: 100%;
	top:0;
	left:-150%;
	width:300%;
	background: inherit;
	z-index: -1;
	
}
ul.nav-menu li{
	display:inline-block;
	vertical-align:top;
	list-style-type:none;
	margin:0 5px 0 0;
	position:relative;
	font-weight: 500;
	
}
ul.nav-menu > li > span,
ul.nav-menu > li > a {
	color:#2c3135;
	font-weight:500;
	display:block;
	padding:0 10px;
	height:30px;
	font-size: 16px;
	text-transform: uppercase;

}
/*ul.nav-menu > li a.active {
	border-bottom:2px solid #005C5C;
}*/
ul.nav-menu li a:hover,
ul.nav-menu > li:hover > a {
	color:#005C5C;
}
ul.nav-menu li ul {
	display:none;
	position:absolute;
	background:#fff;
	left:0;
	min-width:200px;
	padding:10px 0 0 0;
}

ul.nav-menu li ul li {
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px solid #e6e5e6;
}
ul.nav-menu li ul li a {
	display:block;
	padding:8px  10px;
	color:#2c3135;
	text-transform:none;
	font-weight:500;
	font-size: 14px;
}

ul.uppernav >li > a,
ul.uppernav >li > span {
	font-size:15px;	
	height: 45px;
	line-height: 40px;
}




ul.testnav >li > a,
ul.testnav >li > span {
	color:#fff;
	line-height: 50px;
	height: 50px;
	padding: 0 20px;
	border-bottom: 5px solid #535b6a;
	font-weight: 400;
}
ul.testnav >li{
	border-left:1px solid #535b6a;
	border-right:1px solid #313131;	
	float:left;
	margin: 0;
}
ul.testnav >li:last-child{
	border-right:1px solid #535b6a;	
}

#site_search {
	position: relative;
	display: none;
	
}
#site_search{
	width:40px;
	height: 40px;
	text-align: center;
	
}
#site_search i{
	font-size: 18px;
	line-height: 40px;
	color: inherit;
}
#site_search #searchbox{
	display: none;
	position: absolute;
	top:38px;
	right:0;
	width:300px;
	padding:10px 0 0;
	background: #fff;
	border-top:1px solid #53A5AB;
}
#site_search.active {
	border:1px solid #53A5AB;
}
#site_search.active i{
	color:#53A5AB;
}
#site_search.active #searchbox{
	display: inline-block;
}
#searchbox input{
	display: inline-block;
	vertical-align: top;
	float: left;
	margin: 0;
}
#searchbox #strSearch{
	width:70%;
}
#searchbox #btnSearch{
	width:30%;
}
/* ---------------------------------------------------------------------------- Global Styles */
img {
	max-width:100%;
	height:auto;
}
iframe {
	display:block;
	max-width:100%;
}
.innerframe {
	display:block;
	max-width:1520px;
	
	margin:0 auto;
}
#main{
	z-index: 500;
}

#upperbox{
	display:block;
	padding:0;
	margin:0;
	color: #fff;
	text-align: left;
	position: relative;
	z-index: 50;
	height: 450px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+100&0+45,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
#upperbox .innerframe{
	position: relative;
	height: 100%;
}
#upperbox .box{
	display: block;
	width:100%;
	max-width: 640px;
	position: absolute;
	left:0;
	bottom:20px;
	z-index: 500;
}
#upperbox h1,
#upperbox .title {
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 5px;
	display: block;
	letter-spacing: 0px;
}

#upperbox p{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	border-top:1px solid #8BC1C5;
	padding: 10px 0 0;
	margin: 0;
	min-height: 80px;
}

.brand{
	display: block;
	padding: 60px 0 0 0;
	height: 60px;
	overflow: hidden;
	background: url() 0 center no-repeat;
	background-size: contain;
	margin: 0;
    background-image: url(../images/UCAT_Master_logo.png);
}

.brand.UKCAT.Test{
	/*background-image: url(../images/UCAT_Test.svg);*/
}
.brand.Italy{
	background-image: url(../images/UCAT_Italy.png);
}
.brand.SJTace{
	background-image: url(../images/UCAT_SJTace.png);
}
.brand.ANZ{
	background-image: url(../images/UCAT_ANZ.png);
    
}
#upperbox .brand{
	padding: 100px 0 0 0;
	height: 100px;
    background-image: url(../images/UCAT_Master_logo_white.png);
	background-size: 350px auto;
}
#upperbox .brand.Italy{
	background-image: url(../images/UCAT_Italy_White.png);
}
#upperbox .brand.SJTace{
	background-image: url(../images/UCAT_SJTace_White.png);
}
#upperbox .brand.UCAT.ANZ{
	background-image: url(../images/UCAT_ANZ_white.png);
    background-size: auto 80px;
}

.alphabox{
	display:block;
	margin:0 auto 1px;
	background:#fff;
	position:relative;
	border:1px solid #efefef;
}
.alphabox.intro{
	background: none;
	border:none;
	padding: 40px ;
	text-align: center;
	max-width: 900px;
}
.alphabox .content{
	padding: 30px 50px;
}
.alphabox h1 {
	margin-top:0;
}

.aligncenter {
	text-align:center;
}
.alignright {
	text-align:right;
}
.color1 {
	color:#5F7D7F; /*Main Green*/
}
.bkg1 {
	background-color:#5F7D7F; /*Main Green*/
	color:#fff;
}

/*------------------------------------------------------------------------------------------------------------------------------------  Form Elements */	

#Enquire {
	
}

#Enquire p {
	/*margin:0;*/
}
input[type="number"],
input[type="date"],
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="password"],
input[type="button"],
input[type="submit"],
select {
	padding: 8px 16px;
	color: #49575f;
	color: #7d8798;
	display: block;
	width: 100%;
	border: 1px solid #e6e5e6;
	background: #fff;
	margin: 0 0 8px 0;
	font-family: inherit;
	-webkit-appearance: none;
	border-radius: 0;
	height: 45px;
}
#q-app input[type="number"],
#q-app input[type="date"],
#q-app input[type="text"],
#q-app input[type="email"],
#q-app input[type="phone"],
#q-app input[type="password"],
#q-app input[type="button"],
#q-app input[type="submit"],
#q-app select {
	padding: initial;
	color: initial;
	color: initial;
	display: initial;
/*	width: initial;*/
	border: initial;
	background: initial;
	margin: initial;
	font-family: inherit;
	-webkit-appearance: none;
	border-radius: initial;
	height: initial;
	padding-top: 12px;
}
#q-app textarea {
	font-size: inherit;
	padding: initial;
	color: initial;
	display: initial;
	border: initial;
	margin: initial;
	font-family: inherit;
	height: initial;
	resize: none;
	min-height: 60px;
	max-height: 300px;
	padding-top: 2px;
}
input[type="checkbox"]{
	border: 1px solid #e6e5e6;
}
input:focus, textarea:focus {
	background:#e7eaef;
	color:#49575f;
	outline:none;
}
#q-app input:focus, #q-app textarea:focus {
	background: initial;
	color: initial;
	outline: initial;
}
input[type="button"], 
input[type="submit"] {
	-webkit-appearance: none;
}

select:focus {
	outline:none;
}

::-moz-placeholder {
  opacity: 1;
}


select option {
	padding:4px;
}
textarea{
	font-size:13px;
	padding:8px 15px;
	color:#7d8798;
	display:block;
	width:100%;
	border:1px solid #e6e5e6;
	margin:0 0 8px 0;
	font-family:inherit;
	height:150px;

}

input[type="button"],
input[type="submit"] {
	background:#3F6F5F;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:8px 20px;
	display:inline-block;
	width:auto;
	text-transform:uppercase;
	font-weight: 500;
	letter-spacing: 0.5px;
}
input[type="file"]{
	display: inline-block;
	vertical-align: middle;
    padding:10px 0;
}
input[type="text"][class*="box-"], 
input[type="password"][class*="box-"],
input[type="button"][class*="box-"], 
input[type="submit"][class*="box-"]{
	display:inline-block;
	width:inherit;
}

input[type="checkbox"]+[class*="box-"] {
	padding:0 10px;
}
label{
	margin: 0;
	font-size:13px;
	line-height: 18px;
	display: none;
	min-height: 45px;
	color: #728294;
}

.showlabel label{
	display:table-cell;
	vertical-align: middle;
	width:32%;
	float: left;
	padding: 5px 0 0;
}
.showlabel select,
.showlabel input{
	display: inline-block;
	vertical-align: top;
	width:68%;
}
p.submit{
	text-align: right;
}
.statusNOk,
.statusOk{
	display: block;
	text-align: center;
	padding: 20px;
	margin: 20px 0;
	color: #fff;
	background: #5F7D7F;
	border-radius:4px;
}
.statusNOk{
    background: #8b0318;
}
.statusNOk a {color:#fff;}

#drop_zone {
    display:block;
    padding:20px;
    border:1px dashed #ccc;
    border-radius:4px;
    min-height:50px;
	margin: 10px auto 30px;
}
.quiz{
	text-align: right;
}
.quiz input{
	max-width:200px;
	display: inline-block;
}

/* ---------------------------------------------------------------------------- Upper Content */
blockquote {
    position: relative;
    padding: 10px 0 50px 20px;
    margin: 0 0 20px 0;
    color: #8cc1c5;
}

blockquote:before{
	content:"\ea02";
	font-family: 'icomoon';
	color:#efefef;
	margin: 0 10px 0 0;
	font-style: normal;
	position: absolute;
	top:-25px;
	left:-20px;
	font-size: 130px;
	z-index:0;
	-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
blockquote:after{
	content:"\ea02";
	font-family: 'icomoon';
	color:#e6e5e6;
	margin: 0 10px 0 0;
	font-style: normal;
	display: inline;
	position: relative;
	font-size: 30px;
	vertical-align: top;
}
blockquote p{
	display: inline;
	position: relative;
	font-size: 18px;
	line-height: 26px;
	
}
blockquote cite{
	color:#6D6367;
	font-size: 300;
	font-style: normal;
	position: absolute;
	bottom:0;
	left:0;
	border-top:1px solid #ccc;
	display: inline-block;
	text-align: right;
	width:70%;
	line-height: 30px;
}


/* ---------------------------------------------------------------------------- Contact */
#googlemap{
	height:450px;
}
#LocationMap{
	margin: 8px auto;
}

/* ---------------------------------------------------------------------------- News Articles */
#News{
	display: block;
	margin: 50px 0 0 0;
}
#newsframe {
	padding:20px 2px;
	text-align:justify;
}
#newsframe h2{
	margin-bottom:30px;
}
.document-home #newsframe h2{
	text-align: center;
}
.boxframe:after { 
	content:"."; 
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:1px;
	overflow: hidden;
}

#newsframe .article {
	display:inline-block;
	vertical-align:top;
	width:24.5%;
	margin:0 0 20px;
	background:#fff;
	position:relative;
	text-align:left;
	padding: 4px;
	border:1px solid #efefef;
}
#newsframe .article.blank{
    border:none;
    background: none;
    padding: 0;
    height: 1px;
    overflow: hidden;
    margin: 0;
}
#newsCategory{
	display: block;
	margin: 0;
	width:31%;
}
#sidebar #newsCategory{
	width:100%;
}
#newsCategory h4{
	border-bottom:1px solid #ccc;
	padding-bottom: 10px;
}
#newsCategory ul{
	display: block;
	padding: 0;
	margin: 0;
}
#newsCategory ul li{
	display:inline-block;
	vertical-align: top;
	width:49.5%;
}
#newsCategory ul li a{
	padding: 10px 0;
	display: block;
}
#newsCategory ul li a.active{
	color:#191D21;
}
/*-----------------------.socialbox used on homepage*/
.socialbox #newsframe{
	padding: 0 20px 0 0;
	width:65.4%;
	display: inline-block;
	vertical-align: top;
}

.socialbox #newsframe .article{
	width:48%;
}

#newsframe .article .txt{
	padding:0 20px 10px;
}
.article-head p,
#newsframe .article p {
	color:#191D21;
}
#newsframe .article .name{
	
}
#newsframe .article p.link {
	color:#005C5C;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: right;
	margin: 0;
}
.article-head {
	display: block;
	margin-bottom: 40px;
}
.article-head .featimg,
#newsframe .article .featimg {
	background-color:#efefef;
	position: relative;
	border-bottom: 4px solid #99B9BF;
}
.article-head .featimg img,
#newsframe .article .featimg img{
	width:100%;
	height: auto;
}

.article-head .featimg{
	width:45%;
	display: inline-block;
	vertical-align: top;
}
.article-head .txt{
	width:55%;
	display: inline-block;
	vertical-align: top;
	float: right;
	padding:20px;
}

.article-head .featimg .tag,
#newsframe .article .featimg .tag{
	position:absolute;
	left:0;
	bottom:-4px;
	padding:5px 20px 0;
	min-width: 200px;
	background: #fff;
}
.article-head .featimg .tag .cat,
.article-head .featimg .tag p.date,
#newsframe .article .featimg .tag .cat,
#newsframe .article .tag p.date{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color:#191D21;
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align:middle;
}
.article-head .featimg .tag p span,
#newsframe .article .tag p span{
	color:#005C5C;
	display: inline-block;
	height: 15px;
	vertical-align:middle;
	margin: 0 5px 0 0;
}
#Article .addthis_sharing_toolbox {
	padding:20px 0;
}
#Article .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn .at-icon-wrapper {
	background-color:#7d8798 !important;
	border-radius:3px;
}
/* ---------------------------------------------------------------------------- Panel & Article Pages with Sidebar */
#PageFrame{
	display: block;
	padding: 40px 0;
}
#Search,
#page{
	max-width:1020px;
	padding: 40px 40px;
}
#sidebar{
	float:right;
}
#sidebar .section{
	background:#fff;
	border:1px solid #efefef;
	padding: 20px;
	margin: 0 0 8px 0;
}
#sidebar #contactInfo h3 strong{
	font-weight: 500;
	color: #005C5C;
}

#page ul,
#page ol{
	padding: 0;
	margin: 10px 0;
}
#page ul li,
#page ol li{
	padding: 0 0 0 15px;
	margin: 4px 0 4px 15px;
}
#page p strong,
#page h5{
    color: #005C5C;
}
#page p a{
    font-weight: 600;
    text-decoration: underline;
}
#page p a.button{
    text-decoration: none;
    border-radius: 4px;
}
#page h6 {
    display: block;
    background: #53A5AB;
    color: #fff;
    font-weight:600;
    padding: 10px;
}

.breadcrumbs{
	padding: 0;
	background:#fff;
	border-bottom:1px solid #efefef;
	height: 40px;
	margin: 0 -20px 20px;
}
.breadcrumbs ul{
	display: block;
	margin: 0 auto;
	padding: 0 20px;
}
.breadcrumbs ul li{
	display: inline-block;
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-size:13px;
	text-transform: uppercase;
	color: #5F676F;
	line-height: 40px;
	height: 40px;
}
.breadcrumbs ul li a{
	font-weight: 600;
}
.breadcrumbs ul li i{
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0 5px;
	font-size: 16px;
	color: #97A5B5;
}

#Search table.gsc-search-box{
	/*max-width:600px;
	margin: 0 auto;*/
	
}
#Search table.gsc-search-box *{
	box-sizing: content-box;
	
}
#Search #___gcse_0{
	padding: 20px;
}

/* ---------------------------------------------------------------------------- Video */
#Video {
	margin-top: 30px;
	margin-bottom: 8px;
}
.videobox {
	margin:0;
	padding:10px;
}
#Video .content{
	padding: 50px;
}
#page .videobox{
	padding: 0;
	
}
#page #Video{
	border:none;
}
#page #Video .content {
  padding: 20px 0;
}
/* ---------------------------------------------------------------------------- Bandboxes */
.bandframe{
	
}
.bandframe .bandbox{
	position: relative;
	display: block;
	margin: 8px auto;
	padding: 0 2px;
}
.bandframe .bandbox:after{
	content:".";
	display: block;
	clear: both;
	height:0;
	overflow: hidden;
	font-size: 0;
}
.bandframe .bandbox .featimg{
	height:100%;
	position: absolute;
	top:0;
	left:2px;
}
.bandframe .bandbox .txtbox{
	min-height:400px;
	padding: 20px 30px;
}
.bandframe .bandbox:nth-of-type(even) .featimg{
	left:auto;
	right:2px;
}
.bandframe .bandbox:nth-of-type(odd) .txtbox{
	float:right;
}
/* ---------------------------------------------------------------------------- Page Links */
ul.pagelinks{
	display:block;
	padding: 8px 0 0;
	margin: 0;
	text-align: justify;
}
ul.pagelinks:after{
	content:".";
	display: inline-block;
	font-size: 0;
	width:100%;
	height: 0;
	overflow: hidden;
}
ul.pagelinks li{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width:31.5%;
	position: relative;
	margin: 20px 0 40px;
	background-color: #fff;
	border:1px solid #efefef;
}
.document-home ul.pagelinks li{
    /*width:24.5%;*/
	width:32%;
}
ul.pagelinks li a{
	display: block;
	border:4px solid #fff;
	width:100%;
	height: 100%;
}

ul.pagelinks li a .info{
	display: block;
	padding: 10px 20px 20px;
	background-color: #fff;
	color:#191D21;
	margin:0;
	position: relative;
	/*position: absolute;
	width:100%;
	height: 100%; 
	top:100%;
	-webkit-transition: top ease-in-out 0.6s;
	transition: top ease-in-out 0.6s;*/
}

/*ul.pagelinks li:hover a .info{
	top:110px;
}*/
ul.pagelinks li .info h3{
	margin:0;
	background-color: #fff;
	display:block;
	padding: 8px 20px;
	min-height: 40px;
	position: absolute;
	top:-40px;
	left:0;
	min-width:220px;
	font-size: 16px;
	font-weight:500;
	letter-spacing: 0;
}

ul.pagelinks li .info p{
	/*border-top:1px solid #CFDBDD;*/
	padding: 0 0 15px 0;
}
ul.pagelinks li .info span{
	background-color:#53A5AB;
	color:#fff;
	display: inline-block;
	padding:8px 20px;
	text-transform: uppercase;
	position: absolute;
	left:0;
	right:0;
	bottom:-20px;
	margin: 0 auto;
	text-align: center;
	width:60%;
    line-height: 30px;
}
ul.pagelinks li:nth-of-type(n) a:hover .info span{
	background-color:#5F676F;
}
.document-home ul.pagelinks li:nth-of-type(1) .info span{
	background-color: #8cc1c5;
}
.document-home ul.pagelinks li:nth-of-type(2) .info span{
	background-color: #607d7f;
}

ul.pagelinks li.blank{
	background:none;
	border:none;
	height: 1px;
	margin: 0;
	padding: 0;
}
#site_container #sidebar ul.pagelinks li.blank{
	display: none;
}

#sidebar ul.pagelinks{
	padding: 0;
	margin: 0;
}
#sidebar ul.pagelinks li{
	width:100%;
	margin-top: 0;
}
#sidebar ul.pagelinks li .info h3{
	min-height: initial;
	margin-bottom: 0;
}
.document-home .pagelinks li .brand{
	background-color: #fff;
	margin: -50px 0 0 -20px;
	background-position: 18px center;
	width:210px;
	background-size: auto 40px;
}
.document-home .pagelinks li .brand.SJTace{
	/*width:190px;*/
}
.document-home .pagelinks li .brand.UKCAT.Test{
	/*width:220px;*/
}

.pagelinks li .featimg{
	border-bottom: 4px solid #99B9BF;
}

/* ---------------------------------------------------------------------------- Social Media - Homepage */
.socialbox{
	display: block;
	padding:20px 2px 0;
	margin-top: 8px;
}
.socialbox .box{
	display: inline-block;
	vertical-align: top;
	background-color:#fff;
	border:1px solid #efefef;
	padding: 0;
	margin: 0;
	width:49.7%;
	min-height: 300px;
}
.socialbox .box.newsframe{
	background: transparent;
	border:none;
	width:66%;
}
.socialbox .box.twitter-frame{
	float: right;
	width:33%;
	padding: 20px;
}
#twitterBox ul.tweet-list{
	padding:20px 0;
	margin: 0 auto;
	width:80%;
}
#twitterBox ul.tweet-list li{
	display: block;
	margin: 10px 0 20px;
}
#twitterBox ul.tweet-list li .tweettime{
	color:#5F7D7F;
}#twitterBox ul.tweet-list li .tweettime i{
	color:#BBC5C7;
	margin:0 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.box.twitter-frame h4 {
	color:#7B072D;
}
.socialbox h4 span{
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}


/* ---------------------------------------------------------------------------- Accordions */ 

.accordion{
	display: block;
	margin: 0 0 8px 0;
	padding: 20px 30px;
	background: #fff;
	color:#6D6367;
}
.accordion .title {
	display: block;
	margin: 0;
	padding: 0 40px 5px 0;
	position: relative;
	cursor: pointer;
	font-weight: 500;
}
.accordion.active .title {
	color:#8cc1c5;
}

.accordion .title span{
	display: block;
	width:40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top:0;
	right:0;
	color: #D5CBCF;
}
.accordion.active .title span.icon-squared-plus{
	display:none;
}
.accordion .title span.icon-squared-minus{
	display:none;
}
.accordion.active .title span.icon-squared-minus{
	display:block;
}
.accordion ul{
	display: none;
	margin: 0;
	padding: 30px 0 20px 0;
	position: relative;
	text-align: justify;
}
.accordion ul:after{
	content:".";
	display: inline-block;
	width:100%;
	height: 0;
	overflow: hidden;
	clear: both;
}
.accordion.active ul{
	display: block;
}
.accordion ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0 0 10px;
	width:28%;
	margin: 0 0 20px;
	text-align: left;
	border-bottom:1px solid #e6e5e6;
	
}
.accordion ul li.empty{
	margin:0;
	border:none;
}
.accordion ul li h5{
	padding-bottom:5px;
	border-bottom:1px solid #e6e5e6;
	margin-bottom: 10px;
	color:#3C3534;
}
.accordion ul li p{
	margin: 0 0 5px 0;
}
.accordion ul li a{
	color: inherit;
}
.accordion ul li a:hover{
	color: #8cc1c5;
}



.accordion-title a{
    display: block;
    font-weight: 700;
    color: inherit;
    position: relative;
    padding-right:5%;
}
.accordion-title a:hover,
.accordion-title a.active{
    color: #53A6AC;
}
.accordion-title a::after {
	content: "+";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	line-height: 28px;
    width:10px;
	font-size: 30px;
	font-weight: 400;
    color: #005C5C;
    transition: all ease-in-out 0.2s;
    transform-origin: center center;
}
.accordion-title a.active:after{
    transform:rotate(45deg);
}
h4.accordion-title + .accordion-content{
    border-top: 1px solid #D6CFC8;
    border-bottom: 1px solid #D6CFC8;
    margin:0;
    padding: 20px;
}
#page p.accordion-title{
    padding-bottom: 5px;
   
}
#page p.accordion-title a{
    text-decoration: none;
    font-weight: 600;
    padding-right:8%;
    padding-left:20px;
    border-left:2px solid #D0DBDD;
}

#page p.accordion-title a.active{
    color: #005C5C;
}
p.accordion-title a::after{
    color: #98A6B6;
}
p.accordion-title + .accordion-content{
    border-top: 1px solid #B0D7D6;
    border-bottom: 1px solid #B0D7D6;
    margin:20px 0 20px 20px;
    padding: 20px 20px 20px 0;
}
.accordion-content p{
    margin: 0 0 20px;
}
/* ---------------------------------------------------------------------------- Bursary Application */
#Bursary{
	display: block;
	padding: 20px 0;
}
#Bursary h4{
	margin: 20px 0;
}
#Bursary label{

}
#Bursary .checkbox{
	display: inline-block;
	vertical-align: top;
	width:8%;
	padding: 5px;
}
#Bursary .basis > .box-50{
	margin-bottom: 30px;
}
#Bursary .question{
	display: inline-block;
	vertical-align: top;
	width:90%;
	margin: 0 0 10px 0;
}
#Bursary  p.question {
	margin: 0;
	color:#005C5C;
}
#Bursary p.small{
	font-size:13px;
	line-height: 18px;
	border-top:1px dotted #ccc;
	padding: 10px 0 0 0;
	
}
#Bursary .basis p.small{
	margin: 10px 10px 0 0;
}
#Bursary .terms span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
#Bursary .terms p:last-child{
	border-top:1px dotted #ccc;
	padding-top: 15px;
	text-align: right;
}
/* ---------------------------------------------------------------------------- candidateAdvice */
.candidateAdvice{
	
}
.candidateAdvice h4{

}
.candidateAdvice .subtitle{
	color:#005C5C;
	padding-bottom: 10px;
	border-bottom:1px dotted #ccc;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}
.candidateAdvice .subtitle span{
	display: inline-block;
	vertical-align: middle;
	margin: 2px 10px 2px 0;
}
.candidateAdvice .subtitle i{
	display: inline-block;
	vertical-align: middle;
	color: #7D8797;
	margin: 0 15px 0 0;
	font-size: 18px;
}
.candidateAdvice .subtitle i:first-of-type{
	margin-left: 0;
	font-size: 20px;
}
.candidateAdvice .featimg{
	margin: -15px -15px 10px;
	position: relative;
	border-bottom: 4px solid #8BC1C5;
}

.candidateAdvice .featimg p{
	margin: 0;
	padding: 8px 10px 5px;
	text-transform: uppercase;
	font-weight: 600;
	background: #fff;
	position: absolute;
	bottom:-4px;
	right:0;
	font-size: 13px;
}
.candidateAdvice .featimg.icon{
	display: block;
	width:150px;
	height: 150px;
	border-radius: 50%;
	border:4px solid #8BC1C5;
	
}
.candidateAdvice{
	
}
.candidateAdvice.wideband{
	border:1px solid #efefef;
	display: block;
	padding: 5px;
	margin: 0 0 20px 0;
	background: #fff;
}
.candidateAdvice.wideband .featimg,
.candidateAdvice.wideband .txt{
	display: inline-block;
	vertical-align: top;
	width:50%;
}
.candidateAdvice.wideband .featimg {
	width:30%;
	margin: 0;
	float: left;
}
.candidateAdvice.wideband .txt {
	width:70%;
	padding: 0 20px 20px;
}

/* ---------------------------------------------------------------------------- Tables */
#page table	{
	border-collapse:collapse;
	font-family:inherit;
	font-size:11px;
	width:100%;
	margin:25px 0;
	font-weight:500;
	border:1px solid #efefef;
	}
	
#page table th	{
	border-bottom:1px solid #e6e5e6;
	padding:8px 10px;
	color:#e6e5e6;
	cursor:pointer;	
	position:relative;
	}

#page table tr td	{
	
	border:none;
	padding:8px 10px;
	background:none;
	border-bottom:1px solid #e6e5e6;
	}
/*#page table tbody	{
	border-bottom:1px solid #e6e5e6;
	}*/
 #page table tr.odd{
  background-color: #fff;
}
#page table p{
	font-size: 15px;
	line-height: 18px;
	margin: 4px 0;
}

#page table.Column{
	width:48%;
	float:left;
}
#page table.Column:nth-of-type(even){
	float: right;
}
#page table.Column + *:not(.Column),
#page table.Column + p{
	clear:both;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- Pagination */
ul.pagination{
	display:block;
	padding:5px 16px;
	text-align:right;
}
ul.pagination li{
	display:inline-block;
	vertical-align:top;
	width:35px;
	height:35px;
	line-height:33px;
	text-align:center;
	border:1px solid #ccc;
	margin:4px 0 4px 10px;
}
ul.pagination a{
	display:block;
	color:#8a8a8a;
}
ul.pagination li.active{
	border-color:#005C5C;
}
ul.pagination li.active a{
	color:#005C5C;
}
ul.pagination{

}
#Search ul.results{
	
}
#Search ul.results li{
	display: block;
	margin: 4px 0 15px;
	border-bottom: 1px dashed #d8d8d8;
}

/* ---------------------------------------------------------------------------- Access Arrangements & Sen Evidence Forms */
#Bursary .consent,
#Enquire .consent{
	margin-top: 15px;
	margin-bottom: 15px;
	vertical-align: middle;
}
#Bursary .consent.line,
#Enquire .consent.line{
	border-right:1px solid #e6e5e6;
}
.consent p{
	margin: 0;
}
/*--------------------------------------------------------------------------------------------Gallery Slider*/
.bx-wrapper{
	margin:0;
}
#slider .bx-viewport{
	min-width: 100vw;
}
ul#slider{
	padding:0;
	margin: 0;
}
#slider li {
	width:100%;
	position: relative;
	padding: 0;
	margin: 0;
}

#slider li::before{
	content:"";
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+3,000000+100&0+45,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#slider li .featimg img{
	background: none;
}
#slider li .link{
	text-align: right;
	margin-top: 15px;
}
#slider li .link .button{
	/*background-color: #8cc1c5;*/
	margin: 0;
}
#slider li .box{
	bottom:40px;
}
#upperbox .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	padding: 0;
}
#upperbox .bx-wrapper .bx-pager.bx-default-pager a {
	background: #728294;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#upperbox .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#upperbox .bx-wrapper .bx-pager.bx-default-pager a.active, 
#upperbox .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #f5f5f5;
}
/* ---------------------------------------------------------------------------- gridblocks */
.gridblock-frame{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}
.gridblock{
	display: block;
	width:calc(33.3% - 8px);
	padding: 40px;
	background: #1A1E22;
	color: #fff;
	margin: 0 0 12px;
}
.gridblock:nth-child(1){
	
	width:100%;
}
.gridblock:nth-child(2){
	background: #38364D;
	width:calc(50% - 6px);
}
.gridblock:nth-child(3){
	background: #53A6AC;
	width:calc(50% - 6px);

}
.gridblock:nth-child(4){
	background: #7D8798;
}
.gridblock:nth-child(5){
	background: #607D7F;
}
.gridblock:nth-child(6){
	background:#AB0835;
}
.gridblock a{
	display: inline-block;
	padding: 6px 20px;
	text-transform: uppercase;
	color: #fff;
	border:1px solid #fff;
	font-size:13px;
	font-weight: 600;
}
.gridblock a:hover{
	background: #fff;
	color:#1A1E22;
}
.aftergrid{
	display: block;
	margin: 30px 0 0;
}
/* ---------------------------------------------------------------------------- Color blocks */
.colorblock-frame{
	display: flex;
	flex-direction: row;
}
.colorblock-frame:nth-of-type(odd){
	flex-direction: row-reverse;
}
.colorblock{
	width:50%;
	padding: 50px;
	margin: 0;
}
.colorblock:nth-of-type(odd){
	background: #607D7F;
	color: #fff;
}
.colorblock-frame a{
	text-decoration: underline;
	font-weight: 500;
}
.colorblock-frame:nth-of-type(odd) .colorblock:nth-of-type(odd){
	background:#38364D;
}
/*.colorblock-frame:nth-of-type(odd) .colorblock:nth-of-type(even) a{
	color:#AB0835;
}*/
/* ---------------------------------------------------------------------------- xxxx */
/* ---------------------------------------------------------------------------- xxxx */
/* ---------------------------------------------------------------------------- xxxx */
/* ---------------------------------------------------------------------------- xxxx */



/*-------------------------------------------------------------------------------------------------------------------- Begin Responsive Queries*/
/* ------------------------------ Min Withs Smallest to largest */
@media only screen and (min-width: 768px) {
	
	
}
@media only screen and (min-width: 1024px) {
	#masthead #navbar.docked{
		position: fixed;
		top:-110px;
		left:0;
	}
	#masthead #navbar.docked a#logosm{
		bottom:0;
		opacity: 1;
	}
	/*-------------------------------------------Navigation*/
	ul.nav-menu {
		width:100%;
		text-align: right;
		margin: 0 1px;
		bottom:0;
	}
	ul.nav-menu li{
		text-align: left;
		position: relative;
	}
	ul.nav-menu li ul {
	  background: #fff none repeat scroll 0 0;
	  display: none;
		
	  left: 0;
	  min-width: 300px;
	  padding:1px 0 0;
	  position: absolute;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.13);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.13);
	}
	ul.nav-menu > li:hover ul{
		display:inline-block;
	}

	ul.nav-menu > li.activate > span,
	ul.nav-menu > li.activate > a,
	ul.uppernav > li.hasdrop:hover > span,
	ul.uppernav > li.hasdrop:hover > a {
		border-bottom: 5px solid #8cc1c5;
		cursor: pointer;
		
	}
	ul.uppernav > li > span,
	ul.uppernav > li > a{
		line-height: 40px;
		height: 45px;
		
	}
	
	ul.uppernav > li.hasdrop:hover > span,
	ul.uppernav > li.hasdrop:hover > a{
		border-bottom-color:#53A5AB;
		color: #005C5C;
		
	}
	/*-----------------------TestNav*/
	ul.testnav > li > span,
	ul.testnav > li > a{
		letter-spacing:0.5px;
		font-weight: 500;
		font-size: 16px;
		
	}
	ul.testnav > li:hover{
		background-color:#fff;
	}
	ul.testnav > li:hover > span,
	ul.testnav > li:hover > a{
		color:#005C5C;
		border-bottom:none;
		border-top:1px solid #e6e5e6;
		
	}
	ul.testnav > li:hover ul ul{
		display: none;
	}
	ul.testnav > li:hover ul li:hover ul{
		display: inline-block;
		position: absolute;
		top:-1px;
		left:100%;
		border-left:2px solid #53A5AB;
	}
	ul.testnav > li:hover .hasdrop:after{
		content:"\e923";
		display: block;
		position: absolute;
		top:0;
		right:10px;
		width:10px;
		line-height:40px;
		text-align: left;
		color: #BBC5C7;
		font-family: "icomoon";
		font-size: 18px;
	}
	ul.testnav > li:hover .hasdrop:hover:after{
		color: #005C5C;
	}
	ul.testnav > li:hover ul li:hover{
		background: #f5f5f5;
	}
	ul.testnav li ul li a{
		line-height: 20px;
		padding:8px 20px;
	}
	
	
	

	/*-------------------------------------------End Grids*/
	
	#footer_content .copyright {
		position:relative;
		width:100%;
		display: block;
		margin: 10px 0;
		border-top:1px solid #535b6a;

	}
	#footer_content .copyright p{
		font-size: 13px;
		font-weight: 600;
	}
	#footer_content .copyright #dd_tag {
		position:absolute;
		display: inline-block;
		right:0;
		top:0;
		letter-spacing:8px;
		text-transform: uppercase;
		font-size: 11px;
		line-height: 30px;
		font-weight: 600;
	}
	#footer_content .threecol{
		position: relative;
	}
	#footer_content .threecol h3{
		color:#6e6368;
	}
	#footer_content .threecol h3.tagline{
		position: absolute;
		bottom:0;
		right:0;
		color:#883552;
	}
	ul.pagelinks li a .info{
		min-height: 240px;
	}
	#sidebar ul.pagelinks li a .info {
	  min-height: initial;
	}
	#newsframe .article .txt{
		min-height: 280px;
	}
	#page #Video iframe{
		height: 380px;
	}
	
}
@media only screen and (min-width: 1280px) {
	#main {
		padding:1px 16px 100px;
		margin:0;
	}
	#masthead {
		min-height:180px;
	}
	#masthead #navbar a#menu {
		display:none;
	}
	
	
	.alphabox{
		margin:0 auto 1px;
	}
	#footer_content .threecol.links{
		padding: 15px 0 0 0;
	}
	
	/*--------------------------Typeography*/   
	
	h1,h2,h3,h4 {
		margin:20px 0;
		font-weight:400;
		letter-spacing:-1.5px;
	}
	h1 {
		font-weight:300;
		font-size:40px;
		line-height:48px;
		margin-bottom: 30px;
		
	}
	h2 {
		font-size:30px;
		line-height:28px;
	}
	h3 {
		font-size:26px;
		line-height:30px;
		letter-spacing:-0.5px;
	}
	h4 {
		font-size:22px;
		line-height:28px;
		font-weight:400;
		letter-spacing:initial;
	}
	h5 {
		font-size:18px;
		line-height:24px;
		font-weight:400;
	}
	p {
		font-size:15px;
		line-height:22px;
		margin:20px 0;
		font-weight:500;
	}
	
	ul.pagelinks li a .info{
		min-height: 200px;
	}
	#newsframe .article .txt{
		min-height: 220px;
	}
	#page #Video iframe{
		height: 460px;
	}

}
@media only screen and (min-width: 1580px) {
	#masthead #navbar{
		height: 180px;
		
	}

	#masthead #navbar.docked{
		position: fixed;
		top:-130px;
		left:0;
	}
	a#logo{
		width:350px;
		top:15px;
	}
	#masthead .uppernav{
		top:25px;
	}
	#upperbox{
		height: 450px;
	}
	#main {
		
	}
	.alphabox .content{
		padding: 50px 80px;
	}
	
	/*----------------------------------------------Navigation*/
	
	ul.nav-menu li{
		margin:0 0 0 20px;
	}
	ul.testnav > li {
	  margin: 0;
	}
	/*----------------------------------------------WorkGrid*/
	.alphabox {
		max-width: 1518px;
	}

	#page{
		max-width:1040px;
		padding:40px;
	}
	#sidebar{
		max-width:450px;
	}
	.breadcrumbs ul{
		padding: 0;
	}
	ul.pagelinks li a .info{
		min-height: 150px;
	}
	#newsframe .article .text{
		min-height: 130px;
	}
	#page #Video iframe{
		height: 540px;
	}
		
}
@media only screen and (max-width: 1579px) {
	#masthead {
		min-height: 150px;
	}
	.videobox iframe{
		height: 680px;
	}
	#page{
		max-width:70%;
		min-width:860px;
		padding:30px 20px;
	}
	#sidebar{
		max-width:28%;
		min-width: 320px;
	}
	#footer_content{
		padding: 0;
	}
	#footer_content .threecol.links{
		width:30%;
		text-align: center;
	}
	#footer_content p.social {
	  text-align: center;
		
	}
	#footer_content .threecol.social{
		width:45%;
	}
	#twitterBox ul.tweet-list {
	  width: 100%;
	  padding: 0;
	}
	#upperbox .box{
		padding: 0 16px;
	}
	
}
/* ----------------------------------------------------------------------- MAX Withs Largest to smallest */

@media only screen and (max-width: 1279px) {
	#upperbox{
		height: 450px;
	}
	ul.uppernav > li > span, ul.uppernav > li > a {
	  font-size: 14px;
	  font-weight: 500;
	  height: 40px;
	  padding: 0 5px;
	}
	
	#footer_content .threecol.links{
		width:50%;
		text-align: center;
	}
	#footer_content p.social {
	  text-align: center;
	}
	#footer_content .threecol.social{
		width:25%;
	}
	
	#footer_content ul.footernav li{
		display: block;
		margin: 4px 0 ;
	}
	
	/*--------------------------Typeography*/   
	
	h1,h2,h3 {
		margin:10px 0;
		font-weight:400;
		letter-spacing:-1.5px;
		
	}
	h1 {
		font-size:36px;
		line-height:42px;
		font-weight:100;
	}
	h2 {
		font-size:26px;
		line-height:32px;
	}
	h1.small {
		text-transform:none;
	}
	h3, h1.small {
		font-size:22px;
		line-height:30px;
		letter-spacing:-0.5px;
	}
	h4 {
		font-size:20px;
		line-height:26px;
		font-weight:400;
	}
	h5 {
		font-size:16px;
		line-height:24px;
		font-weight:400;
	}
	p {
		font-size:15px;
		line-height:25px;
		margin:10px 0;
		font-weight:500;
	}
		
	
	#Article .pad-40 {
		padding:30px;
	}
	.alphabox .content{
		padding:30px;
	}
	
	.videobox iframe{
		height:540px;
	}
    #Video .sideframe .button{
        padding: 13px 20px;
    }
	.cta .txtbox {
		padding: 20px;
	}
	#page{
		min-width:690px;
		padding:30px 20px;
	}
	#sidebar{
		min-width: 260px;
		width:30%;
	}
	#sidebar ul.pagelinks li .info h3{
		position: relative;
		top:auto;
		padding: 0;
		min-width: initial;
		display: block;
		border-bottom: 1px solid #8BC1C5;
	}
	ul.pagelinks li{
		width:32%;
	}
	
	#newsframe .article .featimg .tag{
		position: relative;
		top:auto;
		margin:0;
	}
	#newsframe .article .featimg .tag p{
		display: block;
	}
    #newsframe.pagebase .article {
        width:49.2%;
    }
	#footer_content .threecol.links{
		width:17%;
		text-align: left;
	}
	#footer_content .threecol.social {
	  text-align: center;
		width:58%;
	}
    .document-home ul.pagelinks li{
        width:49.2%;
    }
	.gridblock:nth-child(n){
		width:calc(50% - 6px);
	}
	
}
@media only screen and (max-width: 1023px) {
	/*------------------------Masthead*/
	a#logo {
		padding-top: 80px;
		bottom: 0;
		height: 80px;
		left: 16px;
		width: 210px;
	}
	
	#site_container {
		padding-top: 85px;
	}
	#masthead {
		min-height: 80px;
		position: fixed;
		top:0;
		left:0;
		width:100%;
		z-index: 5000;
	}
	#masthead a#logosm{
		display: none;
	}

	#masthead #navbar{
		padding: 0;
	}
	#masthead #navbar a#menu {
		display: block;
		position: absolute;
		text-align: center;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #a7afbc;
		border: 1px solid #a7afbc;
		top: 20px;
		right: 20px;
		font-size: 22px;
		z-index: 9000;
	}
			 
	#masthead #navbar.active a#menu {
		color:#fff;
		background:#53A5AB;
		border-color:#53A5AB;
	}
	
	#navframe {
		display: block;
		position: fixed;
		top: 0;
		right: -101%;
		height: 100vh;
		overflow: auto;
		z-index: 5000;
		width: 100%;
		margin: 0;
		padding: 100px 50px 50px;
		background: #fff;
		-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.18);
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.18);
		-webkit-transition: right ease-in-out 0.6s;
		transition: right ease-in-out 0.6s;
		
	}
	#navbar.active #navframe{
		right:0;
	}
	#navbar::before{
		content: "";
		display: block;
		height: 86px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 5100;
		border-bottom: 6px solid #535b6a;
	}
	#navbar.active::before {
		box-shadow: 0 17px 20px -25px rgba(0,0,0,.75);
	}
	
	#masthead #navframe > ul {
		display: block;
		width: 100%;
		height: auto;
		z-index: initial;
		top: auto;
		right: auto;
		position: relative;
		
	}
	/*#masthead #navbar ul.uppernav {
		order:1;
	}*/
	
	#masthead #navbar ul.nav-menu > li {
		display:block;
		margin:2px 0;
		position:relative;
		border-bottom:1px solid #e6e5e6;
	}
	#masthead #navbar ul.nav-menu > li#site_search{
		display: none;
	}
	#masthead #navbar ul.nav-menu > li > span,
	#masthead #navbar ul.nav-menu > li > a {
		padding-left:0;
		display:inline-block;
	}
	#masthead #navbar ul.nav-menu li ul {
		position:relative;
		padding:20px 0 20px 20px;
	}
	
	#masthead #navbar ul.nav-menu > li.active > span,
	#masthead #navbar ul.nav-menu > li.active > a {
		color:#005C5C;
	}
	#masthead #navbar ul.nav-menu li.active > .anchor{
		background: #8cc1c5;
		color: #fff;
	}
	#masthead #navbar ul.nav-menu li#UCAT > ul,
	#masthead #navbar ul.nav-menu li.active ul {
		display:block;
		border-top:1px solid #8cc1c5;
		border-bottom:1px solid #8cc1c5;
		
	}

	#masthead #navbar ul.nav-menu li ul li:last-child {
		border:none;
	}
		
	#masthead #navbar ul.nav-menu > li.hasdrop > a {
		display:inline-block;
		padding: 0 40px 0 0;
	}
	#masthead #navbar ul.nav-menu li#UCAT > .anchor{
		display: none;
	}
	#masthead #navbar,
	#masthead #navbar.docked{
		height:86px;
		background:rgba(255,255,255,1);
	}
	#masthead #navbar.docked{
		position: fixed;
	}
	#masthead ul.nav-menu li.img {
		display: none;
	}
	#masthead #navbar ul.testnav {
		background:none;
		top: initial;
		bottom: initial;
		right: initial;
		width: 100%;
		z-index: 0;
		visibility: visible;
		max-width: 100%;
		padding: 0;
		min-height: 35px;
		height: auto;
		position: relative;
		/*border-top: 1px solid #e6e5e6;*/
	}
	#masthead #navbar ul.testnav:after{
		display: none;
	}
	#masthead #navbar ul.testnav > li{
		border:none;
		background:none;
		display: block;
		float: none;
		width:100%;
		margin:0 0 4px;
		padding: 0;
		height: auto;
		border-bottom: 1px solid #e6e5e6;
	}
		
	
	/*#masthead #navbar ul.testnav > li:first-child{
		 border-top: 1px solid #e6e5e6;
	}*/
	/*#masthead #navbar ul.testnav > li{
		 border-bottom: 1px solid #252525;
	}*/
	ul.testnav > li > a, 
	ul.testnav > li > span {
		border-bottom: none;
		color: #005C5C;
		font-weight: 600;
		padding: 10px;
		font-size: 16px;
		line-height: 40px;
		height: auto;
	}

	/*#masthead #navbar ul.testnav li.hasdrop span,
	#masthead #navbar ul.testnav li.hasdrop a{
		padding: 10px;
		line-height: 20px;
		height: auto;
	}*/
	ul.nav-menu li ul li a {
		display: inline-block;
		line-height: 20px;
		padding: 10px 0;
		height: 40px;
	}
	#masthead #navbar ul.testnav .sublevel li.hasdrop ul{
		display: none;
	}
	#masthead #navbar ul.testnav .sublevel li.hasdrop.active ul{
		display:block;
	}
	/*#masthead #navbar ul.testnav li.hasdrop > a{
		display: inline-block;
	}*/
	#masthead #navbar ul.testnav li.hasdrop.active > a{
		color:#005C5C;
	}
	ul.nav-menu li ul li{
		margin: 1px 0;
	}
	#masthead #navbar .anchor{
		display: block;
		width:40px;
		position: absolute;
		top:0;
		right:0;
		height: 40px;
		cursor: pointer;
		z-index: 50;
		background:rgba(0,0,0,0.1);
		color: #005C5C;
	}
	#masthead #navbar .anchor::after {
		content: "\e921";
		color:inherit;
		font-family: "icomoon";
		line-height: 40px;
		text-align: center;
		width: 100%;
		display: block;
		font-style: normal;
	}
	#navframe > ul:last-child {
		margin-bottom: 50px;
	}
	/*----------------------*/
	#footer_content{
		padding-bottom: 20px;
	}
	#footer_content .threecol.box-25{
		width: 100%;
		display: block;
	}
	#footer_content .threecol.social{
		width: 75%;
		padding-left: 0;
	}
	#footer_content .threecol.links {
		width: 25%;
	}
	#footer_content p.social {
	  text-align: inherit;
	}
	#footer_content .copyright #dd_tag {
	  display: inline-block;
	  font-size: 11px;
	  font-weight: 600;
	  letter-spacing: 8px;
	  line-height: 30px;
	  text-transform: uppercase;
	}
	.copyright {
		text-align: center;
		border-top: 1px solid #535b6a;
		margin-top: 10px;
	}
	#footer_content .copyright p {
	  font-size: 13px;
	  font-weight: 600;
	}
	
	/*----------------------*/
	
	.alphabox {
	  margin: 0 1px 1px;
	}
	#newsCategory{
		width:100%;
	}	
	#newsframe .article {
		width:48.5%;
	}
		
	#Article .article_content {
		width:100%;
		display:block;
		margin:0;
	}
	#Article .article_content .pad-0-40 {
		padding:0;
	}
	
	.alphabox .txtframe,
	.alphabox .sideframe{
		padding:20px 0;
		width:100%;
	}
	ul.pagelinks li{
		width:49.2%;
	}
	ul.pagelinks li:hover a .info{
		top:100%;
	}

	.bandframe .bandbox{
		padding: 0;
	}
	.bandframe .bandbox:nth-of-type(2n) .featimg,
	.bandframe .bandbox .featimg,
	.bandframe .bandbox .txtbox{
		display: block;
		margin: 0;
		float: none;
		width:100%;
	}
	.bandframe .bandbox .txtbox{
		height: auto;
		padding: 20px;
	}
	.videobox iframe{
		height:400px;
	}
	ul.pagelinks{
		display: block;
		margin: 0 auto;
	}
	
	#newsframe.pagebase,
	.socialbox .box.twitter-frame,
	.socialbox #newsframe,
	#Video{
		display: block;
		margin: 0 auto;
		float: none;
		width:100%;
	}
	.socialbox #newsframe{
		padding: 0;
	}
	
    .socialbox #newsframe .article{
        width:49.2%;
    }
    #Video .content {
        padding: 20px;
    }
    
	#page,
	#sidebar{
		display: block;
		width:100%;
		max-width:100%;
		min-width: initial;
		float:none;
		margin: 0 auto 10px;
	}
	#sidebar .innerframe{
		display: block;
		
	}
	#sidebar .section{
		display:inline-block;
		vertical-align: top;
		width:49%;
	}
	#sidebar .section:nth-of-type(even){
		float:right;
	}
	#sidebar ul.pagelinks li {
		width: 49%;
		margin-top: 0;
	}
	#page{
		padding: 40px 30px;
	}
	.candidateAdvice.wideband .featimg,
	.candidateAdvice.wideband .txt{
		display: block;
		width:100%;
		margin: 0;
		float:none;
	}
	.candidateAdvice.wideband .txt{
		padding: 20px;
	}
	#page #Video iframe{
		height: 360px;
	}
	#slider li .featimg img {
		height: 450px;
	}
}
@media only screen and (max-width: 767px) {
	#masthead {
		
	}

	/*----------------------*/
	#footer_content .threecol.box-25,
	#footer_content .threecol.links,
	#footer_content .threecol.social
	{
		width: 100%;
		display: block;
		text-align: center;
		
	}
	#footer_content ul.footernav li {
	  display: inline-block;
	}
	#footer_content .threecol.box-25 img{
		margin: 0 auto;
	}
	#footer_content {
		text-align: center;
		padding-bottom: 20px;
	}
/*--------------------------Typeography*/   
	
	h1,h2,h3 {
		margin:10px 0;
		font-weight:300;
		
		letter-spacing:-1.5px;
	}
	h1 {
		font-size:30px;
		line-height:34px;
		font-weight:100;
	}
	h2 {
		font-size:26px;
		line-height:32px;
	}

	h3 {
		font-size:20px;
		line-height:26px;
		letter-spacing:-0.5px;
	}
	h4 {
		font-size:18px;
		line-height:22px;
		font-weight:400;
	}
	h5 {
		font-size:16px;
		line-height:24px;
		font-weight:400;
	}
	p {
		font-size:14px;
		line-height:20px;
		margin:10px 0;
		font-weight:500;
	}

	.socialbox #newsframe,
	#Video,
	ul.pagelinks{
		width:100%;
	}
	.boxframe:after{
		display: none;
	}
	#Video .content{
		padding: 0;
	}
	#Video .content .sideframe,
	#Video .content .txtframe{
		padding: 0 16px;
		text-align: left;
	}
	.videobox iframe{
		height:300px;
		margin-bottom: 0;
	}
	.socialbox #newsframe .boxframe .article{
		width:100%;
	}
	.socialbox .box.twitter-frame{
		display: block;
		width:100%;
		margin:0;
		float: none;
		min-height: initial;
	}
	.alphabox.intro{
		padding: 30px 0;
	}
	.breadcrumbs {
		height: auto;
		padding: 5px 0;
	}
	.breadcrumbs ul li {
	  height: 25px;
	  line-height: 25px;
	}
	#upperbox h1, #upperbox .title {
	  font-size: 30px;
	  line-height: 34px;
	}
	#Bursary .showlabel label{
		display: block;
		width:100%;
	}
	#Bursary > div .box-50,
	#Bursary > div{
		display: block;
		width:100%;
		padding: 5px 0;
	}
    .document-home ul.pagelinks li {
        width: 100%;
    }
	.gridblock:nth-child(n){
		width:100%;
	}
	.colorblock-frame{
		display: block;
		margin: 0 0 20px;
	}
	.colorblock-frame .colorblock{
		width:100%;
		display: block;
		padding: 30px;
	}
}
@media only screen and (max-width: 599px) {
	#upperbox {
        height: 45vh;
    }
	#upperbox .title span {
	  display: inline-block;
	  margin: 0 3px;
	  vertical-align: middle;
		font-size: 16px;
		letter-spacing: normal;
	}
	#upperbox .title span:before {
	  display: none;
	}
	#upperbox span.break{
		display: block;
	}

	.alphabox .content {
	  padding: 20px;
	}
	
	blockquote:before{
		font-size:80px;
		left:-10px;
	}
	blockquote{
		padding-left: 0;
	}
	blockquote p {
	  font-size: 15px;
	  line-height: 22px;

	}
    #newsframe.pagebase .boxframe .article,
	ul.pagelinks li{
		width:100%;
	}
	.videobox iframe{
		height:220px;
	}
	#sidebar .innerframe,
	#sidebar .section{
		display:block;
		width:100%;
	}
	#sidebar .section:nth-of-type(even){
		float:right;
	}
	#sidebar ul.pagelinks li {
		width: 100%;
	}
	#page{
		padding:30px 20px;
	}
	#page table.Column:nth-of-type(n),
	#page table.Column{
		width:100%;
		float:none;
		margin: 0 0 10px;
	}
	#page #Video iframe{
		height: 280px;
	}
	#Video .content .sideframe, 
	#Video .content .txtframe {
		padding: 0 2px;
	}
	.gridblock{
		padding: 30px;
	}
}
@media only screen and (max-width: 479px) { 
	a#logo{
	  width: 180px;
	}
	#main {
		padding-bottom: 50px;
	}
	#navframe{
		padding: 100px 20px 20px;
	}
	#masthead #navbar ul.nav-menu li ul{
		padding-left: 10px;
	}
	#newsframe .article {
		width:100%;
	}
	#Article .pad-40 {
		padding:16px;
	}
	.videobox iframe{
		height:180px;
	}
	.candidateAdvice .subtitle span{
		display:block;
	}
	#newsCategory ul li{
		width:100%;
	}
	#footer_content{
		padding-top: 10px;
	}
	#footer_content ul.footernav li {
	  display:block;
	}
	#footer_content .threecol.links {
	  padding: 0;
	}
	#footer_content p.social #googleplay,
	#footer_content p.social #appstore{
		margin: 10px 0 0;
		width:180px;
		background-position: center;
	}

	.copyright p{
		font-size: 12px;
	}
	#upperbox .brand {
		background-size: 80% auto;
	}
	#accessarrangementsform #Enquire > div{
		width:100%;
		padding: 10px 0;
	}
  #Enquire .box-50{
    width:100%;
    margin: 0;
    padding: 0;
  }
	
	
}

/* Iphone4/5*/
@media only screen and (max-width: 359px){ 
	#upperbox h1, 
	#upperbox .title,
	h1{
		font-size: 26px;
		line-height: 30px;
	}
	ul.pagelinks li {

	  margin-bottom: 30px;

	}
	.document-home .pagelinks li .brand{
		max-width:100%;
		width:100%;
	}
	ul.pagelinks li a .info {
	  padding: 10px 10px 20px;

	}
	#footer_content .threecol.box-25 img {
	  margin: 10px auto 0;
	}
	#footer_content .copyright #dd_tag {
	  letter-spacing: 6px;
	}
	
}
/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

}

/*----------------------------------------------------------------------------------------------------------------------- End Responsive Queries*/

@media only screen and (min-width: 1024px) { 
/*--------------------------------------------------------------------- Begin Animation*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}




.delay1{
	-webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
    animation-delay: 0.4s;
}
.delay2{
	-webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */
    animation-delay: 0.8s;
}
.delay3{
	-webkit-animation-delay: 1.4s; /* Chrome, Safari, Opera */
    animation-delay: 1.4s;
}


/*--------------------------------------------------------------------- End Animation*/
}