/*========================*/
/* Teddington Systems CSS */
/*========================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans', sans-serif;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
html {height:100%; overflow-y:scroll}
body {color: #504E4E; background: #F9FAFA; font: 12px 'Open Sans', sans-serif;}
hr {border: 1px dashed #ccc; width:100%; margin: 10px auto;}

a {color:#000; text-decoration:none; outline:0 none;}
a:hover {color:#558ECA; text-decoration:none;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400;color:#558ECA;padding:0 0 15px 0}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

form label {display:block;font-size:18px;margin:10px;}
input, textarea {display:block;font-size:18px;padding:6px;margin:4px;}

.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}

.arw {display:inline-block;font-weight:900;font-size:50px;color:#bbb;line-height:1px;border:0;margin:0;transform:rotate(90deg);position:relative;top:-10px;}

.fade {
	opacity: 1;
	transition:opacity 200ms ease-in-out 0s;
	-moz-transition:opacity 200ms ease-in-out 0s;
	-webkit-transition:opacity 200ms ease-in-out 0s;
	-ms-transition:opacity 200ms ease-in-out 0s;
	-o-transition:opacity 200ms ease-in-out 0s;
}
.fade:hover {opacity:0.7;}

.ctr {text-align:center;}
.lft {text-align:left;}
.ita {font-style:italic;}
.bld {font-weight:500 !important;}
.ul {text-decoration:underline}

/* Page wrapper, width container */
.wrapper {margin:0 auto;padding:0;width:100%;min-width:1150px;}
.container {margin:0 auto;width:965px;}

/* HEADER */
header {margin:0;padding:0;display:block;background:#ffffff;width:100%;}

.header_in {margin:0;padding:20px 0 16px 0;width:100%;display:block;}
.logo {margin:0;padding:0;float:left;display:inline-block;}
.logo a {margin:0 auto;padding:0; display:inline-block; }
.logo a img {display:inline-block; margin:0 auto;}

.header_rgt {margin:0;padding:0 15px 0 0;float:right;display:inline-block;}
.header_rgt_top {margin:0;padding:0;display:inline-block;float:right;}
.header_rgt_top ul {margin:0;padding:0;display:inline-block;}
.header_rgt_top ul li {margin:0 0px 0 15px;padding:0;display:inline-block;vertical-align:middle;}
.header_rgt_top ul li a {margin:0;padding:0;display:inline-block;color:#558ECA;font:600 16px 'Open Sans', sans-serif;}
.social {margin:0;padding:0 0px 0 4px;display:inline-block;}
.social ul {margin:0;padding:0;display:inline-block;}
.social ul li {margin:0;padding:0 1px 0 0;display:inline-block;}
.social ul li a {margin:0;padding:0;display:inline-block;}

.header_rgt_down {margin:0;padding:54px 0 0 0;display:inline-block;float:right;}
.header_rgt_down ul {margin:0;padding:0;display:inline-block;}
.header_rgt_down ul li {margin:0;padding:0 17px 0 17px;display:inline-block;} /*border-right:1px solid #5c5b5c;*/
.header_rgt_down ul li a {margin:0;padding:0;display:inline-block;font-size:13px;line-height:14px;font-weight:700;color:#5C5A5B;}
.header_rgt_down ul li.last	{border:none;padding:0 0px 0 16px;}
.header_rgt_down ul li a:hover {color:#558ECA;}

/* BANNERS */
.banner {position:relative;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;}
.banner a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;text-decoration:none;opacity:0;z-index:1;}
.banner img {width:100%;height:100%;object-fit:cover;display:block;}
.banner p {top:20px;left:20px;position:absolute;display:block;color:#FFF;background:rgba(0,0,0,0.5);font-size:1.4em;margin:0;padding:15px;border:1px solid #aaa; border-radius:10px;}
.banner-sub img {max-width:1000px;width:100%;height:auto;margin-left:auto;margin-right:auto;display:block;}

/* BLUE MENU */
.cap {margin:0;padding:0;width:100%;display:block;background:#454b98;}
.cap_in	{margin:0;padding:0;width:100%;display:block;}
.cap_in ul {margin:0;padding:0;display:block;} /* border-left:1px solid #ffffff; border-right:1px solid #ffffff;*/
.cap_in ul li {margin:0;padding:0;display:inline-block;width:33%;text-align:center;}
.cap_in ul li a	{margin:0;display:block;color:#ffffff;padding:20px 0 20px 0;font:700 16px 'Open Sans', sans-serif;}
.cap_in ul li a:hover {background:#558ECA;}

/* SMALL MENU */
.hamnav {margin:0;width:100%;display:none;background:#454b98;text-align:center;}
.hambtn {margin:10px;font-size:20px;width:33%;}
.hammenu {margin:0;padding:0;display:none;}
.hammenu.active {display:block;}
.hammenu ul	{margin:0;padding:0;} 
.hammenu ul li {padding:12px;width:100%;border-bottom:1px solid #eee;}
.hammenu ul li.last {border:0}
.hammenu ul li a {color:#fff;font:600 18px 'Open Sans', sans-serif;}
.hammenu ul li a:hover {color:#558ECA;}

/* WELCOME */
.welcome {margin:0;padding:0;width:100%;display:block;}
.welcome_in	{margin:0;padding:20px 0 20px 0;width:100%;display:block;}
.welcome_in p	{margin:0;padding:0 0 20px 0;font-size:20px;line-height:30px;font-weight:300;}

/* Generic list */
.ctrlist {display:flex;justify-content:center;}
.genlist {list-style:disc;margin-bottom:25px;padding-left:20px;display:block;}
.genlist li {font-size:1.7em;font-weight:400;color:#231f20;margin-bottom:10px;}
.genlist ul {list-style:disc;padding-left:40px;margin-top:10px;}
.genlist ul li {font-size:1em;}
.genlist li a {color:#2e3192;}
.genlist li a:hover {color:#558ECA;}

/* Brochures */
.brocont {padding:15px;float:left;text-align:center;}
.brotxt {padding:5px;font-size:15px;font-weight:bold;height:45px}
.broimg {width:100%;min-width:50px;max-width:500px;}

/* Float-right image */
.fltimg {width:400px;max-width:50%;margin:15px;float:right;border-radius:10px;}

/* WHO */
.who {margin:0;padding:0;width:100%;display:block;background:url(../img/who_bg.png) no-repeat;background-size:cover;}
.who_in {margin:0;padding:42px 0 39px 0;width:100%;display:block;text-align:center;}
.who_in ul {margin:0;padding:0 0 54px 0;display:inline-block;width:100%;}
.who_in ul li {margin:0;padding:0;float:left;display:inline-block;width:25%;text-align:center;}
.who_in ul li figure {margin:0 0 14px 0;padding:0;}
.who_in ul li figure img {margin:0;padding:0;}
.who_in ul li > a	{margin:0;padding:0;color:#ffffff;text-align:center;display:inline-block;letter-spacing:0.7px;font:600 13px/17px 'Open Sans', sans-serif;	text-transform:uppercase;}
.who_in ul li > a:hover {color:#558ECA;}
.who_in ul li a	{margin:0;padding:0;}
.who_in > a	{
	margin: 0;
	padding: 10px 55px 10px 55px;
	font-size: 13px;
	line-height: 17px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	background: rgba(144, 156, 178, 0.59);
	display: inline-block;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}
.who_in > a:hover {background:#454B98;}

/* Customers Table */
.custtbl {border:0; cellpadding:1; cellspacing:1; width: 100%; background:#FFFFFF;}
.custtbl td {text-align: center;}
.custtbl img {width:100%; max-width:150px;}

/* Accreditations Div */
.acdiv {display:block;margin-bottom:15px;padding:10px;width:100%;background:#eee;border:1px solid #ccc;border-radius:10px;}
.acdiv img {margin-right:15px;max-width:25%;height:auto;border-radius:10px;float:left;}
.acdiv p {padding:0 0 6px 0;font-size:19px;}
.acdmx {max-width:875px;}
.smlimg {width:100px;height:auto;margin:10px;}


/* FOOTER */
footer {margin:0;padding:0;width:100%;display:block;background:#2e3192;}
.footer_in {margin:0;padding:17px 0 5px 0;width:100%;display:block;}
.footer_lft {margin:0;padding:0 0 0 15px;float:left;display:inline-block;width:180px}
.footer_mdl {margin:0;padding:0;float:left;display:inline-block;width:255px;}
.footer_mdl p {margin:0;padding:0 0 17px 0;font-size:12px;line-height:20px;font-weight:400;color:#ffffff;}
.footer_mdl p span {font-weight:700;display:inline-block;}
.footer_mdl span {margin:0;padding:0;font-size:13px;line-height:21px;font-weight:700;color:#ffffff;display:block;}
.footer_mdl span a {margin:0;padding:0;font-size:13px;line-height:21px;font-weight:400;color:#ffffff;display:inline-block;}
.footer_rgt {margin:0;padding:0;float:left;display:inline-block;width:520px;}
.footer_rgt ul {margin:0;padding:0;display:inline-block;}
.footer_rgt ul li {margin:0 13px 0 0;padding:0;display:inline-block;vertical-align:middle;}
.footer_rgt ul li.last {margin:0;}
.footer_rgt ul li a {margin:0;padding:0;display:inline-block;}
.footer_rgt p {padding:0;font-size:11px;line-height:12px;font-weight:400;color:#ffffff;display:inline-block;}
.footer_rgt a {color:#FFF;}
.footer_rgt a:hover {color:#558ECA;}