Lato@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 29-Jul-2014, 09:26:02
    Author     : Jaison
*/
.gradient {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
  /* IE6-9 */
}
.grad_white {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #eeeeee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */
}
/* Micro ClearFix Mixin */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.swapdir {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.error {
  color: #990000;
}
/*.error:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}*/
.success {
  color: #009900;
}
.success:before {
  content: "\f058";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.info {
  color: #000099;
}
.info:before {
  content: "\f05a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.force_word_wrap {
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}
.trans_bez {
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.trans_quick {
  -webkit-transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
  color:  #01283f;
  background-color: #ffffff;
}
h1,
h2,
h3 {
  margin: 0px;
  color: #313967;
  padding: 0px;
}
.footergroup h2, .footergroup h1{
  color:#fff;
  font-size: 0.9em;
    margin-left: 2em;
}
/*
h1 {
    font-family:  @font-family;
    font-weight: normal;
    font-size: 1.75em;
    letter-spacing: 0.1em;
    line-height: 1.1em;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
}
*/
h1 {
  font-family: 'Lato', Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.43em;
  /*line-height: 1.4em;
    margin: 0 0 0.5em 0;*/
}
h2 {
  font-family: 'Lato', Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  margin: 0.5em 0;
}
h3 {
  font-family: 'Lato', Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1em;
  color: #444444;
  margin: 0.5em 0;
}
a {
  color: #0000ff;
}
a:visited {
  color: #6666ff;
}

a:active {
  color: #008000;
}
a:hover, li.current a {
  color: #313967;
  text-decoration: none;
}
li.current a {
  font-weight: bold;
}
 a.btn-primary:visited{
  color:#ffffff !important;
}
.btn.btn-secondary
{
  color:#fff;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
p {
  font-family: 'Lato', sans-serif;
  margin: 1em 0.2em;
  line-height: 1.32em;
  color: #01283f;
  /*&:nth-child(3) {
        font-weight: 400;
        color: @dark;
    }*/
}
address {
  font-style: italic;
  margin: 0.5em 0.2em;
}
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block;
}
input,
select,
textarea {
  padding: 0.3em;
  margin: 0.1em auto;
  font-size: 1em;
  border: 1px solid #666666;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #313967;
}
label {
  display: inline-block;
font-weight: bold;
max-width: 100%;
/*  width: 9em;*/
}
.form-control{
  color:#01283f !important;
}

/*input[type=button],
input[type=submit] {
  float: right;
  color: #666666;
}
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #313967;
  color: #ffffff;
  border: 1px solid #0000ff;
  text-shadow: 1px 1px 1px #212644;
}*/
ul {
  padding: 0;
}
#post-container ul
{
  padding-left:2em;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
#strapline {
	margin: 0px;
	margin-top: 15px;
}
.design2{
	margin-left:auto;
	margin-right:auto;
	max-width:1140px;
}
.branding{
	/*width: 100%;*/
    padding-right: 15px;
    padding-left: 12px;
		margin-left:8px;
}
.design2 #strapline{
	display: block;
	float: left;
	width:300px;
  margin-left:1em;
/*	top:20px;*/
/*margin-left:125px;*/
}
.design2 #strapline h2 {
	color:rgb(32,50,137);
	font-size: 19px;
	margin: 0px;
	line-height:  1em;
  font-family:"parisine-plus-std-gris",sans-serif;
}
.design2 #strapline h1{
		font-size: 23px;
		font-family:"parisine-plus-std-gris",sans-serif;
		  font-weight: bold;
		color:rgb(32,50,137);
}
header.subheader {
	font-size:0.9em;
	font-weight: bold;
/*	padding-left:0px !important;*/
	}
	li.submenu-item {
		line-height: 1.2em;
	}
li.submenu-item a{
	font-size:0.9em;
	line-height: 1em;
}
#topnav {
	text-align: left;
	width: 100%;
	height: 70px;
	position: relative;
}
#header{
/*	width:100%; */
	height: 90px;
}
#topnav, #menubar, #topnav a, #mainbodywrapper, #leftnav a, #maincontent, #maincontenthome, #mainlogo, #mainlogo a, .cofelogo, .topimages, #righthomeboxes, #rightsubboxes, #maincontentsub, #bgwrapper, .creambox, #stleonards {
	display: block;
	float: left;
}
.navbar{
	padding-left: 1rem;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1rem;
/*	color:white; */
}
.nav-link{
	color: white !important;
	font-weight: bold;

}
#mappingtool .col-sm-6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.feature-red img.img-fluid,.feature-laurel img.img-fluid,.feature-brick img.img-fluid,.feature-ocean img.img-fluid,
.feature-blue img.img-fluid,.feature-red img.img-fluid,.feature-green img.img-fluid{
	width:100%;
}
.feature-red,.feature-laurel,.feature-brick,.feature-ocean,.feature-blue,.feature-red,.feature-green{
	color: white!important;
	font-size: 1.1rem;
	border-right: solid 8px #efefef;
	margin-bottom: 12px;
}
.feature-laurel{
	 background-color: rgb(113,153,119);
}
.feature-ocean{

	 background-color: rgb(100,170,180);
}
.feature-brick{
  background-color: rgb(203,65,84);

}
.feature-red{
 background-color: rgb(190,80,70);

}
.feature-laurel h3, .feature-laurel p,.feature-brick p,.feature-brick h3,
.feature-ocean h3,.feature-ocean p,
.feature-red h3,.feature-red p, .feature-blue p,.feature-blue h3,.feature-green p,.feature-green h3{
	color: white !important;
  font-weight: 400;
}
.feature-blue{
 background-color: rgb(122,147,170);
}
.feature-green{
 background-color: rgb(142,191,47);
}
.page #wrapper .container,.single #wrapper .container{
	/* margin-top: 28px;*/
}
a.whitelink:link, a.whitelink:visited
{
	color:#fff;
	font-weight: bold;
}
div.bottomlinks{
	padding-top:20px;
}
div.bottomlinks a{
	color:black;
}
.home #wrapper .container{
	margin-top:0px;
}
#strapline h3{
	color: rgb(33,33,33);
}
.container
{
	padding-left: 0xp;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  background-color: #efefef;
  background: #eeeeee;
/*  padding-bottom: 20px;*/
  /* Old browsers */
/*  background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);*/
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);*/
  /* IE6-9 */
}
#wrapper #headerblock {
	position: relative;
	height: 3em;
	background-color: #ffffff;
	box-shadow: 0px 2px 0px #666;
	z-index: 10;
}
#wrapper #headerblock #titleblock {
  display: block;
  float: left;
  padding: 0.5em;
  padding-left: 20px;
  height: 4em;
/*  width: 10em;*/
  cursor: default;
}
#wrapper #headerblock #titleblock span {
  display: none;
}
#wrapper #headerblock #titleblock #logo {
  display: block;
  float: left;
  height: 4em;
  width: 4em;
  cursor: pointer;
}
#wrapper #headerblock #titleblock #brand {
  display: block;
  float: left;
  height: 4em;
  width: 6.5em;
}
#wrapper #headerblock .mobile_btn {
  position: absolute;
  right: 1em;
  top: 0.8em;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#wrapper #headerblock .mobile_btn span,
#wrapper #headerblock .mobile_btn span:before,
#wrapper #headerblock .mobile_btn span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #666666;
  position: absolute;
  display: block;
  content: '';
}
#wrapper #headerblock .mobile_btn span:before {
  top: -10px;
}
#wrapper #headerblock .mobile_btn span:after {
  bottom: -10px;
}
#wrapper #headerblock .mobile_btn span,
#wrapper #headerblock .mobile_btn span:before,
#wrapper #headerblock .mobile_btn span:after {
  transition: all 500ms ease-in-out;
}
#wrapper #headerblock .mobile_btn.active span {
  background-color: transparent;
}
#wrapper #headerblock .mobile_btn.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#wrapper #headerblock .mobile_btn.active span:after {
  top: 10px;
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}
#wrapper #headerblock .mobile_btn.active:hover span:before,
#wrapper #headerblock .mobile_btn.active:hover span:after {
  background-color: #990000;
}
#wrapper #headerblock #navblock {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -80%;
  width: 80%;
  padding: 0.5em;
  background-color: #ffffff;
  overflow-y: auto;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
#wrapper #headerblock #navblock.active {
  left: 0;
  border-right: 1px solid #444444;
}
#wrapper #headerblock #navblock #nav {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}
#wrapper #headerblock #navblock #nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#wrapper #headerblock #navblock #nav li a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 0.25em;
  border-top: 1px solid #666666;

  /*font-weight: bold;*/
}
#wrapper #headerblock #navblock #nav li a:hover {
  background-color: #313967;
  color: #ffffff;
  text-shadow: 1px 1px 1px #212644;
}
#wrapper #headerblock #navblock #nav li.active a, li.current-menu-item {
  background-color: #999999;
  color: #ffffff;
  text-shadow: 1px 1px 1px #666666;
}
#wrapper #headerblock #navblock #nav li.active a:hover {
  background-color: #313967;
  color: #ffffff;
  text-shadow: 1px 1px 1px #212644;
}
#wrapper #headerblock #navblock #nav li.register a {
  /*background-color: #116dba;*//*#CC4413;*/
  /*color: #ffffff;*/

}
#wrapper #headerblock #navblock #nav li ul {
  padding: 0;
}
#wrapper #headerblock #navblock #nav li ul li a {
  padding-left: 0.5em;
  border-top: 0;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  text-shadow: none;
}
#wrapper #headerblock #navblock #nav li ul li a:before {
  content: "- ";
}
#wrapper #headerblock #navblock #nav li ul li a:hover {
  background-color: #313967;
  color: #ffffff;
  text-shadow: 1px 1px 1px #212644;
}
#wrapper #headerblock #navblock #nav li ul li.active a {
  background-color: #999999;
  color: #ffffff;
  text-shadow: 1px 1px 1px #666666;
}
#wrapper #headerblock #navblock #nav li ul li.active a:hover {
  background-color: #313967;
  color: #ffffff;
  text-shadow: 1px 1px 1px #212644;
}
#wrapper #headerblock #navblock #nav li.nav_search {
  display: none;
  margin-bottom: 0.2em;
}
#wrapper #headerblock #navblock #nav li.nav_search input[type=submit] {
  float: none;
}
#wrapper #headerblock #navblock #nav li.social {
  border-top: 1px solid #666666;
  line-height: 1em;
  text-align: center;
}
#wrapper #headerblock #navblock #nav li.social a {
  display: inline-block;
  border-top: 0;
  height: 2.4em;
  width: 2.4em;
  background-color: #666666;
  margin: 0.2em 0.5em 0.1em 0;
  background: url(../img/social_sprite.png) no-repeat 0 0;
  transition: all 500ms ease-in-out;
  border-radius: 1.2em;
}
#wrapper #headerblock #navblock #nav li.social a.tw {
  background-position: -48px 0;
}
#wrapper #headerblock #navblock #nav li.social a.tw:hover {
  background-position: -48px -48px;
}
#wrapper #headerblock #navblock #nav li.social a.fb {
  background-position: -96px 0;
}
#wrapper #headerblock #navblock #nav li.social a.fb:hover {
  background-position: -96px -48px;
}
#wrapper #headerblock #navblock #nav li.social a.li {
  background-position: -240px 0;
}
#wrapper #headerblock #navblock #nav li.social a.li:hover {
  background-position: -240px -48px;
}
#wrapper #headerblock #navblock #nav li.social a.gp {
  background-position: 0 0;
  margin-right: 0;
}
#wrapper #headerblock #navblock #nav li.social a.gp:hover {
  background-position: 0 -48px;
}
#wrapper #headerblock #navblock #nav li.social a:hover {
  transition: all 500ms ease-in-out;
}
#wrapper #maintext {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 10px;
}
#wrapper #contentwrapper {
  background-color: #fff;
  /* .gradient;*/
  padding: 0px;
}
#wrapper #contentwrapper .form-group {
  width: 100%;
  zoom: 1;
  display: block;
  float: left;
}
#wrapper #contentwrapper .form-group:before,
#wrapper #contentwrapper .form-group:after {
  content: "";
  display: table;
}
#wrapper #contentwrapper .form-group:after {
  clear: both;
}
#wrapper #contentwrapper #sectionblock {
  height: auto;
  overflow: hidden;
}
#wrapper #contentwrapper #sectionblock .showcaseblock {
  display: none;
  position: relative;
  height: 14em;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_title {
  position: relative;
  top: 0;
  right: -100%;
  height: 2em;
  line-height: 1em;
  width: 100%;
  padding: 0.5em;
  background-color: rgba(204, 204, 204, 0.7);
  color: #000000;
  border-bottom: 1px solid #000000;
  text-shadow: 1px 1px 2px #b3b3b3;
  -webkit-animation: slideleft 1s forwards;
  -webkit-animation-delay: 1.2s;
  animation: slideleft 1s forwards;
  animation-delay: 1.2s;
  z-index: 2;
}
@-webkit-keyframes slideleft {
  100% {
    right: 0;
  }
}
@keyframes slideleft {
  100% {
    right: 0;
  }
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_bg {
  display: block;
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
  padding: 1%;
  padding: 0;
  height: 10em;
  max-height: 320px;
  background-size: contain !important;
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_content {
  display: none;
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_blurb {
  display: none;
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_link {
  display: block;
  position: relative;
  left: -100%;
  height: 2em;
  line-height: 1em;
  width: 100%;
  padding: 0.5em;
  border-top: 1px solid #ffffff;
  text-align: right;
  -webkit-animation: slideright 1s forwards;
  -webkit-animation-delay: 1.2s;
  animation: slideright 1s forwards;
  animation-delay: 1.2s;
  background-color: #313967;
  z-index: 2;
  text-decoration: none;
  color: #ffffff;
}
#wrapper #contentwrapper #sectionblock .showcaseblock .sc_link:hover {
  background-color: #0000ff;
}
@-webkit-keyframes slideright {
  100% {
    left: 0;
  }
}
@keyframes slideright {
  100% {
    left: 0;
  }
}
#wrapper #contentwrapper #sectionblock .showcaseblock.active {
  display: block;
}
#wrapper #contentwrapper #sectionblock .showcaseblock.sc_foehn .sc_bg {
  background: url(../img/sc_foehn/showcase_foehn_m.jpg) no-repeat top center;
}
#wrapper #contentwrapper #sectionblock .showcaseblock.sc_enews .sc_bg {
  background: url(../img/sc_enews/showcase_enews_m.jpg) no-repeat top center;
}
#wrapper #contentwrapper #sectionblock .showcaseblock.sc_freebuy .sc_bg {
  background: url(../img/sc_freebuy/showcase_freebuy_m.jpg) no-repeat top center;
}
#wrapper #contentwrapper #sectionblock .showcaseblock.sc_leshort .sc_bg {
  background: url(../img/sc_leshort/showcase_leshort_m.jpg) no-repeat top center;
}
#wrapper #contentwrapper #sectionblock .showcaseblock.sc_prism .sc_bg {
  background: url(../img/sc_prism/showcase_prism_m.jpg) no-repeat top center;
}
#wrapper #contentwrapper .sc_nav {
  clear: both;
}
#wrapper #contentwrapper .sc_nav ul {
  text-align: center;
}
#wrapper #contentwrapper .sc_nav ul li {
  display: inline-block;
  line-height: 1em;
  margin: 0 0.1em;
}
#wrapper #contentwrapper .sc_nav ul li a {
  display: inline-block;
  padding: 0.1em 0.3em;
  text-decoration: none;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
#wrapper #contentwrapper .sc_nav ul li a:hover,
#wrapper #contentwrapper .sc_nav ul li a.active {
  background-color: #313967;
  color: #ffffff;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_name {
  display: none;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon {
  display: block;
  height: 32px;
  width: 32px;
  background: url(../img/sc_logos_64.png) no-repeat 0 0;
  background-size: 224px 32px;
  overflow: hidden;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_foehn {
  background-position: 0 0;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_grabme {
  background-position: -32px 0;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_freebuy {
  background-position: -64px 0;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_enews {
  background-position: -96px 0;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_patrick {
  background-position: -128px 0;
}

#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_leshort {
  background-position: -160px 0;
}
#wrapper #contentwrapper .sc_nav ul li a .sc_icon.sc_prism {
  background-position: -192px 0;
}
#wrapper #contentwrapper #invoice_list_length {
  width: 200px;
}
#wrapper #contentwrapper #invoice_list_length select {
  font-size: 0.8em;
}
#wrapper #contentwrapper #invoice_list_length label {
  width: 200px;
}
#wrapper #contentwrapper #invoice_list_filter label {
  width: 300px;
  font-size: 0.8em;
}
#wrapper .container .articleblock,
#wrapper #contentwrapper .contentblock,
#wrapper #contentwrapper .contentblock1 {
  padding: 0px;
  padding-left: 20px;
  display: block;
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
  padding: 1%;
  /*padding-top: 0;*/
  height: auto;
}
#wrapper .container .articleblock p,
#wrapper #contentwrapper .contentblock p,
#wrapper #contentwrapper .contentblock1 p {
  font-size: 0.8em;
  line-height: 1.4em;
}
#wrapper .container .articleblock h1,
#wrapper #contentwrapper .contentblock h1,
#wrapper #contentwrapper .contentblock1 h1 {
  font-size: 1.3em;
}
#wrapper .container .articleblock h2,
#wrapper #contentwrapper .contentblock h2,
#wrapper #contentwrapper .contentblock1 h2,
#wrapper .container .articleblock h3,
#wrapper #contentwrapper .contentblock h3,
#wrapper #contentwrapper .contentblock1 h3,
#wrapper .container .articleblock h4,
#wrapper #contentwrapper .contentblock h4,
#wrapper #contentwrapper .contentblock1 h4 {
  font-size: 0.9em;
}
.col-sm-12.articleblock h3{
  font-size:1em;
  font-weight: bold;
}
#wrapper .container .articleblock .banner,
#wrapper #contentwrapper .contentblock .banner,
#wrapper #contentwrapper .contentblock1 .banner {
  position: relative;
  /*max-width: 980px;
                max-height: 240px;*/
  display: block;
  float: left;
  height: 0;
  width: 100%;
  margin: 0 auto 1em auto;
  background-color: #efefef;
  background: url(../img/banners/banner_05.jpg) no-repeat 0 0;
  margin-top: 18px;
  background-size: contain;
  padding-top: 24.49%;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  /*
                div {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    .grad_white;
                }
                */
}
#wrapper .container .articleblock .dataTables_length label,
#wrapper #contentwrapper .contentblock .dataTables_length label,
#wrapper #contentwrapper .contentblock1 .dataTables_length label {
  font-weight: normal;
  font-size: 0.8em;
}
#wrapper .container .articleblock .pullout,
#wrapper #contentwrapper .contentblock .pullout,
#wrapper #contentwrapper .contentblock1 .pullout {
  display: block;
  margin: 0.5em;
  padding: 1em;
  border: 1px solid #0000ff;
  background-color: #313967;
  color: #ffffff;
  text-align: center;
  font-weight: 300;
}
#wrapper .container .articleblock .pullout a,
#wrapper #contentwrapper .contentblock .pullout a,
#wrapper #contentwrapper .contentblock1 .pullout a {
  color: #ffffff;
  text-decoration: underline;
}
#wrapper .container .articleblock .pullout a:hover,
#wrapper #contentwrapper .contentblock .pullout a:hover,
#wrapper #contentwrapper .contentblock1 .pullout a:hover {
  text-decoration: none;
}
#wrapper .container .articleblock .summary_img,
#wrapper #contentwrapper .contentblock .summary_img,
#wrapper #contentwrapper .contentblock1 .summary_img {
  display: block;
  float: left;
  height: 64px;
  width: 64px;
  margin: 0.5em;
}
#wrapper .container .articleblock .readmore,
#wrapper #contentwrapper .contentblock .readmore,
#wrapper #contentwrapper .contentblock1 .readmore {
  clear: both;
  text-align: right;
  display: block;
  padding: 0.3em;
  text-decoration: none;
  background-color: #313967;
  color: #ffffff;
}
#wrapper .container .articleblock .readmore:hover,
#wrapper #contentwrapper .contentblock .readmore:hover,
#wrapper #contentwrapper .contentblock1 .readmore:hover {
  background-color: #0000ff;
}
#wrapper .container .articleblock .news li,
#wrapper #contentwrapper .contentblock .news li,
#wrapper #contentwrapper .contentblock1 .news li {
  margin-left: 2em;
  list-style-type: disc;
  font-size: 0.9em;
}
#wrapper .container .articleblock .news li span:after,
#wrapper #contentwrapper .contentblock .news li span:after,
#wrapper #contentwrapper .contentblock1 .news li span:after {
  content: "…";
}
#wrapper .container .articleblock.ad_maintenance .col,
#wrapper #contentwrapper .contentblock.ad_maintenance .col,
#wrapper #contentwrapper .contentblock1.ad_maintenance .col {
  float: left;
  width: 30%;
  padding: 0.5em;
  font-size: 0.9em;
  line-height: 1.2em;
}
#wrapper .container .articleblock.ad_maintenance .col p:nth-child(2),
#wrapper #contentwrapper .contentblock.ad_maintenance .col p:nth-child(2),
#wrapper #contentwrapper .contentblock1.ad_maintenance .col p:nth-child(2) {
  font-weight: 400;
  color: #000000;
}
#wrapper .container .articleblock.ad_maintenance .col p:nth-child(3),
#wrapper #contentwrapper .contentblock.ad_maintenance .col p:nth-child(3),
#wrapper #contentwrapper .contentblock1.ad_maintenance .col p:nth-child(3) {
  font-weight: 300;
  color: #444444;
}
#wrapper .container .articleblock.ad_maintenance .col.ad_bronze,
#wrapper #contentwrapper .contentblock.ad_maintenance .col.ad_bronze,
#wrapper #contentwrapper .contentblock1.ad_maintenance .col.ad_bronze {
  background-color: #cdba96;
  border: 1px solid #ab8c52;
}
#wrapper .container .articleblock.ad_maintenance .col.ad_gold,
#wrapper #contentwrapper .contentblock.ad_maintenance .col.ad_gold,
#wrapper #contentwrapper .contentblock1.ad_maintenance .col.ad_gold {
  width: 38%;
  margin: 0 1%;
  font-size: 1em;
  line-height: 1.4em;
  background-color: #ffec8b;
  color: #000000;
  border: 2px solid #ffdb25;
  box-shadow: 0 0 4px #be9f00;
}
#wrapper .container .articleblock.ad_maintenance .col.ad_plat,
#wrapper #contentwrapper .contentblock.ad_maintenance .col.ad_plat,
#wrapper #contentwrapper .contentblock1.ad_maintenance .col.ad_plat {
  background-color: #ecf1ef;
  border: 1px solid #b1c6be;
}
#wrapper .container .articleblock div#folderblock,
#wrapper #contentwrapper .contentblock div#folderblock,
#wrapper #contentwrapper .contentblock1 div#folderblock {
  display: block;
  float: left;
  width: 500px;
  height: auto;
}
#wrapper .container .articleblock .nav,
#wrapper #contentwrapper .contentblock .nav,
#wrapper #contentwrapper .contentblock1 .nav {
  float: left;
  width: 195px;
  background-color: #666;
  margin: 10px 10px 0px 3px;
  padding-bottom: 10px;
}
#wrapper .container .articleblock .nav .subnav li,
#wrapper #contentwrapper .contentblock .nav .subnav li,
#wrapper #contentwrapper .contentblock1 .nav .subnav li {
  list-style: outside none none;
  margin-left: 0px;
}
#wrapper .container .articleblock .nav .subnav li a,
#wrapper #contentwrapper .contentblock .nav .subnav li a,
#wrapper #contentwrapper .contentblock1 .nav .subnav li a {
  display: block;
  font-family: tahoma;
  font-size: 11px;
  line-height: 20px;
  font-weight: bold;
  height: 20px;
  text-decoration: none;
  color: #eee;
  padding: 5px 0px 30px 10px;
  background: #666666 url("../img/ariadnedesigns.com-subnav-bg.jpg") no-repeat 0px -69px;
  border-bottom: 1px solid #999;
}
#wrapper #contentwrapper #newsblock ul li {
  min-width: 11em;
  min-height: 23em;
  list-style-type: none;
  margin-left: 0;
}
#wrapper #contentwrapper #newsblock ul li .thumbwrapper {
  display: block;
  width: 100%;
  height: 11em;
  text-align: center;
  vertical-align: top;
  margin: 0 auto;
  background: #efefef url(../img/news_at_ad.png) no-repeat 50% 50%;
}
#wrapper #contentwrapper #newsblock ul li .thumbwrapper .thumb {
  height: 100%;
  width: auto;
  display: inline;
}
#wrapper #contentwrapper #newsblock ul li .news_article {
  width: 100%;
  display: block;
  line-height: 1.2em;
  vertical-align: top;
  margin: 0;
  min-height: 10em;
  padding: 1em;
}
#wrapper #contentwrapper #newsblock ul li .title {
  display: inline-block;
  text-decoration: none;
  line-height: 1.1em;
  width: 100%;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  color: #000000;
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}
#wrapper #contentwrapper #newsblock ul li .title:hover {
  color: #313967;
  text-decoration: underline;
}
#wrapper #contentwrapper #newsblock ul li .summary {
  display: block;
  font-size: 0.8em;
}
#wrapper #contentwrapper #newsblock ul li time {
  font-size: 0.7em;
  font-style: italic;
  color: #999999;
  margin-left: 1em;
}
#wrapper #contentwrapper #newsblock .storyimage {
  float: left;
  margin-right: 0.5em;
}
#wrapper #contentwrapper #newsblock p {
  margin-top: -0.5em;
  margin-bottom: 1.5em;
}
#wrapper #contentwrapper #newsblock .back {
  display: block;
  clear: both;
  margin: 0.5em 0;
}
#wrapper .container .articleblock p {
  font-size: 0.8em;
  line-height: 1.2em;
}
#sub-menu-container {
  display: block;
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
  padding: 1%;
  padding-top: 18px;
  border-top: 1px solid #ffffff;
}
#wrapper #contentwrapper .sidebar h3 {
  color: #999999;
}
#wrapper #contentwrapper .sidebar li {
  margin: 0;
}
.submenu-item{
  margin-left:1em;
}
#wrapper #contentwrapper .sidebar .search,
#wrapper #contentwrapper .sidebar .subscribe,
#wrapper #contentwrapper .sidebar .contact,
.container #sub-menu-container .links,
#wrapper #contentwrapper .sidebar .news,
#wrapper #contentwrapper .sidebar .misc {
  padding: 0;
  margin: 0 0.5em 0.5em 0.5em;
}
#wrapper #contentwrapper .sidebar .search .subheader,
#wrapper #contentwrapper .sidebar .subscribe .subheader,
#wrapper #contentwrapper .sidebar .contact .subheader,
.container #sub-menu-container .links .subheader,
#wrapper #contentwrapper .sidebar .news .subheader,
#wrapper #contentwrapper .sidebar .misc .subheader {
  color: #666666;
  background-color: transparent;
  font-size: 1em;
  padding: 0.1em;
  padding-top: 0px;
  line-height: 1em;
}
#wrapper #contentwrapper .sidebar .search > div,
#wrapper #contentwrapper .sidebar .subscribe > div,
#wrapper #contentwrapper .sidebar .contact > div,
.container #sub-menu-container .sidebar .links > div,
#wrapper #contentwrapper .sidebar .news > div,
#wrapper #contentwrapper .sidebar .misc > div {
  padding: 0.5em;
  zoom: 1;
}
#wrapper #contentwrapper .sidebar .search > div:before,
#wrapper #contentwrapper .sidebar .subscribe > div:before,
#wrapper #contentwrapper .sidebar .contact > div:before,
.container #sub-menu-container .sidebar .links > div:before,
#wrapper #contentwrapper .sidebar .news > div:before,
#wrapper #contentwrapper .sidebar .misc > div:before,
#wrapper #contentwrapper .sidebar .search > div:after,
#wrapper #contentwrapper .sidebar .subscribe > div:after,
#wrapper #contentwrapper .sidebar .contact > div:after,
.container #sub-menu-container .sidebar .links > div:after,
#wrapper #contentwrapper .sidebar .news > div:after,
#wrapper #contentwrapper .sidebar .misc > div:after {
  content: "";
  display: table;
}
#wrapper #contentwrapper .sidebar .search > div:after,
#wrapper #contentwrapper .sidebar .subscribe > div:after,
#wrapper #contentwrapper .sidebar .contact > div:after,
.container #sub-menu-container .links> div:after,
#wrapper #contentwrapper .sidebar .news > div:after,
#wrapper #contentwrapper .sidebar .misc > div:after {
  clear: both;
}
#wrapper #contentwrapper .sidebar .search > div input,
#wrapper #contentwrapper .sidebar .subscribe > div input,
#wrapper #contentwrapper .sidebar .contact > div input,
#wrapper #contentwrapper .sidebar .links > div input,
#wrapper #contentwrapper .sidebar .news > div input,
#wrapper #contentwrapper .sidebar .misc > div input {
  font-size: 0.7em;
  padding: 0.2em;
  border-color: #cccccc;
  width: 100%;
}
#wrapper #contentwrapper .sidebar .search > div input[type=submit],
#wrapper #contentwrapper .sidebar .subscribe > div input[type=submit],
#wrapper #contentwrapper .sidebar .contact > div input[type=submit],
#wrapper #contentwrapper .sidebar .links > div input[type=submit],
#wrapper #contentwrapper .sidebar .news > div input[type=submit],
#wrapper #contentwrapper .sidebar .misc > div input[type=submit] {
  float: right;
}
#wrapper #contentwrapper .sidebar .search > div textarea,
#wrapper #contentwrapper .sidebar .subscribe > div textarea,
#wrapper #contentwrapper .sidebar .contact > div textarea,
#wrapper #contentwrapper .sidebar .links > div textarea,
#wrapper #contentwrapper .sidebar .news > div textarea,
#wrapper #contentwrapper .sidebar .misc > div textarea {
  border-color: #cccccc;
  font-size: 0.7em;
  padding: 0.2em;
  height: 100px;
}
#wrapper #contentwrapper .sidebar .search > div .error,
#wrapper #contentwrapper .sidebar .subscribe > div .error,
#wrapper #contentwrapper .sidebar .contact > div .error,
#wrapper #contentwrapper .sidebar .links > div .error,
#wrapper #contentwrapper .sidebar .news > div .error,
#wrapper #contentwrapper .sidebar .misc > div .error {
  font-size: 0.8em;
}
#wrapper #contentwrapper .sidebar .links ul li {
  margin-left: 2em;
  list-style-type: disc;
  font-size: 0.8em;
}
#wrapper #contentwrapper .sidebar .contact {
  zoom: 1;
}
#wrapper #contentwrapper .sidebar .contact:before,
#wrapper #contentwrapper .sidebar .contact:after {
  content: "";
  display: table;
}
#wrapper #contentwrapper .sidebar .contact:after {
  clear: both;
}
#wrapper #contentwrapper .sidebar .contact > div {
  zoom: 1;
}
#wrapper #contentwrapper .sidebar .contact > div:before,
#wrapper #contentwrapper .sidebar .contact > div:after {
  content: "";
  display: table;
}
#wrapper #contentwrapper .sidebar .contact > div:after {
  clear: both;
}
#wrapper #contentwrapper .sidebar .contact > div ul li {
  display: inline-block;
  width: 32%;
}
#wrapper #contentwrapper .sidebar .contact > div ul li a {
  display: block;
  text-decoration: none;
  text-align: center;
}
#wrapper #contentwrapper .sidebar .contact > div ul li a i {
  font-size: 2em;
  height: 60px;
  color: #313967;
  -webkit-transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
#wrapper #contentwrapper .sidebar .contact > div ul li a span {
  clear: both;
  font-size: 0.7em;
  display: block;
  height: 1em;
  line-height: 1em;
}
#wrapper #contentwrapper .sidebar .contact > div ul li a:hover i {
  color: #0000ff;
  font-size: 2.5em;
}
#wrapper #contentwrapper .sidebar .contact > div ul li a:hover span {
  color: #000000;
}
#wrapper #contentwrapper .sidebar .news ul {
  padding: 0;
}
#wrapper #contentwrapper .sidebar .news li {
  display: block;
  margin-bottom: 0.2em;
}
#wrapper #contentwrapper .sidebar .news li a {
  display: block;
  text-decoration: none;
  font-size: 0.7em;
  line-height: 1.2em;
  color: #666666;
  padding: 0.3em;
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #cccccc;
  border-left: 1em solid #cccccc;
}
#wrapper #contentwrapper .sidebar .news li a:hover {
  color: #313967;
  background-color: #efefef;
  border-left: 1em solid #313967;
}
#wrapper #contentwrapper .sidebar .news li span {
  display: block;
  clear: both;
  color: #666666;
  font-size: 0.7em;
  line-height: 1.4em;
}
#wrapper #contentwrapper .sidebar .news li time {
  text-align: right;
  display: block;
  clear: both;
  font-size: 0.6em;
  font-style: italic;
  color: #444444;
}
#wrapper #contentwrapper .sidebar .misc {
  display: none;
}
#wrapper #contentwrapper .sidebar .misc li {
  font-size: 0.8em;
  margin: 0 0 0.5em 2em;
  list-style-type: disc;
  line-height: 1.4em;
}
#wrapper #contentwrapper .sidebar .misc li a {
  text-decoration: none;
}
#wrapper #contentwrapper .sidebar .misc li a:hover {
  text-decoration: underline;
}
#wrapper #contentwrapper .sidebar .search {
  display: none;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
#wrapper #contentwrapper .sidebar .search input[name=search] {
  float: left;
  width: 75%;
  margin-right: 1%;
}
#wrapper #contentwrapper .sidebar .search input[type=submit] {
  float: left;
  width: 22%;
}
#wrapper #contentwrapper ul li {
  margin-left: 2em;
  list-style-type: disc;
}
#wrapper #contentwrapper ol li {
  margin-left: 2em;
  list-style-type: decimal;
}
#wrapper #contentwrapper ol.list_letter li {
  list-style-type: lower-alpha;
}
#wrapper .bc_nav {
  display: block;
  padding: 0em;
  min-height: 2em;
  height: auto;
  background-color:rgb(155,127,181);
  font-size: 0.75em;
}
#wrapper .bc_nav ul {
  display: block;
  max-width: 1140px;
  width: 96%;
  margin: 0 auto;
  margin-top: 0.25em;
  padding: 0;
}
#wrapper .bc_nav ul li {
  display: inline-block;
}
#wrapper .bc_nav ul li:after {
    content: "\00a0 >\00a0";
    /* » */
    color: #666666;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}
#wrapper .bc_nav ul li:last-child:after {
  content: "";
}
#wrapper .bc_nav ul li a {
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
}
#wrapper .bc_nav ul li a:first-letter {
  text-transform: uppercase;
}
#wrapper .bc_nav ul li a:hover {
  text-decoration: underline;
}
#wrapper .push {
  height: 4em;
}
#wrapper .btt {
  display: none;
  position: fixed;
  bottom: 0.5em;
  right: 0.5em;
  height: 2em;
  width: 2em;
  text-align: center;
  font-weight: bold;
  line-height: 2em;
  text-decoration: none;
  background-color: #efefef;
  border-radius: 1em;
  z-index: 100;
  opacity: 0.6;
}
#wrapper .btt:hover {
  opacity: 1;
  box-shadow: 2px 2px 2px #666666;
}
.home_page #wrapper #contentwrapper {
  padding: 0;
}
#footerblock {
  clear: both;
  min-height: 4em;
  height: auto;
  background-color: #444444;
  padding-top: 1em;
}
#footerblock #footer ul {
  padding-bottom: 1em;
}
#footerblock #footer ul li {
  margin-left: 2em;
  list-style-type: circle;
  color: #666666;
}
#footerblock #footer ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footerblock #footer ul.footer_sp {
  padding: 1em;
  background-color: #222222;
  font-size: 0.8em;
}
#footerblock #footer ul.footer_sp li {
  margin: 0;
  margin-left: 1em;
  list-style-type: none;
  display: block;
  clear: both;
  color: #666666;
}
#footerblock #footer ul.footer_sp li a {
  color: #ffffff;
}
#footerblock #footer .target_link {
  color: #cccccc;
}
#footerblock #footer .target_link:hover {
  color: #ffffff;
  cursor: pointer;
}
#footerblock #footer .target_link.active {
  color: #ffffff;
}
#footerblock #footer .target_link.active i:before {
  content: "\f077";
}
#footerblock #footer .target_block {
  display: none;
  padding: 0.5em;
  margin: 0;
  background-color: #222222;
  zoom: 1;
}
#footerblock #footer .target_block:before,
#footerblock #footer .target_block:after {
  content: "";
  display: table;
}
#footerblock #footer .target_block:after {
  clear: both;
}
#footerblock #footer .target_block .col {
  color: #ffffff;
}
#footerblock #footer .target_block .col h3 {
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
}
#footerblock #footer .target_block .col .specialise li {
  margin-left: 0;
  list-style-type: none;
}
#footerblock #footer .target_block .col .specialise li li {
  margin-left: 2em;
  list-style-type: circle;
}
#footerblock #footer .footergroup p.footer_quote {
  color: #fff;
  font-size: 0.95em;
  font-style: italic;
}
.pro {
  display: block;
  text-align: center;
  font-size: 1em;
  text-decoration: none;
  margin-bottom: 1em;
  background-color: #ffffff;
  float: left;
  width: 100%;
  clear: both;
}
.ico_title {
  float: left;
  display: block;
  height: 7em;
  width: 6em;
  margin: 0 auto;
  background: url(../img/ariadne-icons_2014_process.png) no-repeat 0 0;
  background-size: 840px 100px;
  padding-top: 5em;
  color: #313967;
  font-weight: bold;
}
.ico_blurb {
  display: block;
  width: 100%;
  padding: 0.5em;
  text-align: left;
  color: #666666;
  font-size: 0.8em;
  line-height: 1.4em;
}
.pro2 .ico_title {
  background-position: -120px 0;
}
.pro3 .ico_title {
  background-position: -240px 0;
}
.pro4 .ico_title {
  background-position: -360px 0;
}
.pro5 .ico_title {
  background-position: -480px 0;
}
.pro_maintain .ico_title {
  background-position: -600px 0;
}
.pro_evolve .ico_title {
  background-position: -720px 0;
}
.clientlogos {
  display: block;
}
.clientlogos .logo {
  position: relative;
  display: inline-block;
  height: 8em;
  width: 5em;
  padding: 5em 0 0 0;
  margin: 0 0 0.2em 0;
  line-height: 1em;
  vertical-align: top;
  text-align: center;
  background-color: #ffffff !important;
  border: 1px solid #ffffff;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  overflow: hidden;
  background-size: 95px 80px !important;
}
.clientlogos .logo.logo_ai {
  background: url(../img/logos/amicus.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_bca {
  background: url(../img/logos/bca.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_brox {
  background: url(../img/logos/brox.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_bsa {
  background: url(../img/logos/bsa.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_dassh {
  background: url(../img/logos/dassh.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_dp {
  background: url(../img/logos/dpforum.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_foehn {
  background: url(../img/logos/foehn.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_kings {
  background: url(../img/logos/kings.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_leshort {
  background: url(../img/logos/leshort.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_lexis {
  background: url(../img/logos/lexis.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_lsbu {
  background: url(../img/logos/lsbu.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_matador {
  background: url(../img/logos/matador.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_mediagen {
  background: url(../img/logos/mediagen.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_moshel {
  background: url(../img/logos/moshel.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_nihr {
  background: url(../img/logos/nihr.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_prism {
  background: url(../img/logos/prism.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_regent {
  background: url(../img/logos/regent.jpg) no-repeat 50% 10px;
}
.clientlogos .logo.logo_expo {
  background: url(../img/logos/waterfront.jpg) no-repeat 50% 10px;
}
.clientlogos .logo span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 4.2em;
  width: 100%;
  background-color: #efefef;
  padding: 0.2em 0 0 0;
  line-height: 1em;
  font-size: 0.7em;
  border-top: 1px solid #666666;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.responsive_play {
  display: none;
  position: relative;
  height: 14em;
  width: 100%;
  background-color: #ffffff;
  margin: 1em 0;
  font-size: 2em;
  text-align: center;
}
.responsive_play .pieces div,
.responsive_play .monitor div,
.responsive_play .phone div {
  position: absolute;
  cursor: pointer;
}
.responsive_play .pieces {
  position: absolute;
  top: 50%;
  left: 0;
  height: 10em;
  width: 19em;
  margin: -5em 0 0 0;
  z-index: 3;
}
.responsive_play .monitor {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  height: 10em;
  width: 19em;
  margin: -5em 0 0 0;
  border: 1px solid #666666;
}
.responsive_play .phone {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  height: 4em;
  width: 3em;
  margin: -2em 0 0 0;
  border: 1px solid #666666;
}
.responsive_play .logo {
  height: 1em;
  width: 5em;
  background-color: #444444;
  color: #ffffff;
}
.responsive_play .menu {
  top: 1.5em;
  height: 1em;
  width: 19em;
  background-color: #666666;
}
.responsive_play .masthead {
  position: absolute;
  top: 3em;
  height: 4.5em;
  width: 19em;
  background-color: #efefef;
  line-height: 4.5em;
}
.responsive_play .content1 {
  top: 8em;
  height: 2em;
  width: 6em;
  background-color: #efefef;
  line-height: 2em;
}
.responsive_play .content2 {
  top: 8em;
  left: 6.5em;
  height: 2em;
  width: 6em;
  background-color: #efefef;
  line-height: 2em;
}
.responsive_play .content3 {
  top: 8em;
  left: 13em;
  height: 2em;
  width: 6em;
  background-color: #efefef;
  line-height: 2em;
}
#wrapper .container .articleblock img{
  display: block;
  float: left;
  height: 200px;
  width: 200px;
  padding-right: 15px;
}
#wrapper .container li.newsarticle,
#wrapper .container .articleblock {
  float: left;
  width: 100%;
  padding: 1%;
  margin: 1%;
  min-height: 10em;
  height: auto;
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #ccc;
}
#wrapper .container .articleblock a.whitelink{
  color:#0000CC;
}
#wrapper #contentwrapper li.newsarticle h2,
#wrapper .container .articleblock h2 {
  height: 2em;
  line-height: 2em;
  margin: 0;
}
#rendercv .sectionheading{
    width: 100%;
    margin: 10px 0 px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #cbcaca;
    font-size: 18px;
    color: #999999 !important;
    padding-bottom: 4px;
    font-weight: 600 !important;
}
.play {
	width: 40px;
	height: 40px;
	position: absolute;
	background: url("/images/play-btn2.png") no-repeat;
	/* background-position: 10% 50%; */
	/* background-size: 40%; */
	cursor: pointer;
	z-index: 3000;
}
.pause {
	width: 40px;
	height: 40px;
	position: absolute;
	background: url("/images/pause-btn2.png") no-repeat;
	/*background-position: 10% 50%;
	background-size: 40%;*/
	cursor: pointer;
	z-index: 3000;
}

.hypot{
	display:none;
}
@media only screen and (min-width: 280px) and (max-width: 799px) {
  #wrapper .bc_nav {
    display: none;
  }
  #menu-item-216{
    display:none;
  }
  #wrapper #contentwrapper #sectionblock .showcaseblock {
    height: 400px;
  }
  #wrapper #contentwrapper #sectionblock .showcaseblock .sc_bg {
    max-height: 320px;
    height: 320px;
  }
#wrapper #headerblock{
    height: 5em;
  }

  .design2 #strapline h1{
    font-size:1.1em;
  }
  .design2 #strapline h2{
    font-size:1em;
  }
  .design2 #strapline{
    width:200px;
  }
}
@media only screen and (min-width: 699px) and (max-width: 1023px) {
  #menu-item-216{
		display:none;
	}
  .pro .ico_title {
    width: 9em;
    height: 10em;
    padding-top: 8em;
    background-size: 1260px 150px;
    margin: 0 auto;
  }
  .pro.pro2 .ico_title {
    background-position: -180px 0;
  }
  .pro.pro3 .ico_title {
    background-position: -360px 0;
  }
  .pro.pro4 .ico_title {
    background-position: -540px 0;
  }
  .pro.pro5 .ico_title {
    background-position: -720px 0;
  }
  .pro.pro_maintain .ico_title {
    background-position: -900px 0;
  }
  .pro.pro_evolve .ico_title {
    background-position: -1080px 0;
  }
  #wrapper .container .articleblock p {
    font-size: 1em;
    line-height: 1.2em;

  }
  #wrapper #headerblock{
    height: 5em;
  }
  #wrapper #headerblock .mobile_btn span, #wrapper #headerblock .mobile_btn span::before, #wrapper #headerblock .mobile_btn span::after {
	cursor: pointer;
	border-radius: 1px;
	height: 7px;
	width: 50px;
	background: #666666;
	position: absolute;
	display: block;
	content: '';
  }
}

@media only screen and (min-width: 1023px) {
  input,
  select,
  textarea {
    width: auto;
  }
  #wrapper {
    zoom: 1;
  }
  #wrapper:before,
  #wrapper:after {
    content: "";
    display: table;
  }
  #wrapper:after {
    clear: both;
  }
  #wrapper #headerblock {
    /*  position: fixed;*/
    height: 6.6em;
    width: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #headerblock .headerwrapper {
    display: block;
    max-width: 1300px;
    width: 96%;
    margin: 0 auto;
    padding: 1%;
    padding: 0;
  }
  #wrapper #headerblock #header {
  /*  position: absolute;*/
    height: 5em;
    /*width: 18em;*/
    /*z-index: 5;*/
  }
  #wrapper #headerblock #header #titleblock {
    height: 4em;
    width: 4em;
    padding-left: 5px !important;
  }
  #wrapper #headerblock #header #titleblock #logo {
    height: 4em;
    width: 4em;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #headerblock #header #titleblock #brand {
    display: block;
    height: 4em;
    width: 13em;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #headerblock #header .mobile_btn {
    display: none;
  }
  #wrapper #headerblock #navblock {
    display: block;
    position: relative;
    /*top: 5em;*/
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 4;
    overflow: visible;
    padding: 0;
    text-align: left;
    margin-top:3px;
    float: left;
    clear: both;
  }
  #wrapper #headerblock #navblock #nav {
    display: inline-block;
    height: 2em;
    width: auto;
  }
  #wrapper #headerblock #navblock #nav li {
    display: block;
    float: left;
    margin-right: 0px;
  }
  #wrapper #headerblock #navblock #nav li a{
    display: block;
    border: 0;
    font-weight: normal;
    padding: 0 0.6em;
    line-height: 2em;
    height: 2.375em;
  }
  #wrapper #headerblock #navblock #nav li ul {
    display: none;
  }
  #wrapper #headerblock #navblock #nav li:hover {
    position: relative;
  }
  #wrapper #headerblock #navblock #nav li:hover > a {
    background-color:rgb(32,50,137);
    color: #ffffff;
    text-shadow: 1px 1px 1px #212644;
  }
  #wrapper #headerblock #navblock #nav li:hover ul {
    display: block;
    position: absolute;
    left: 0;
    top: 2.375em;
    width: 16em;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px #666666;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #headerblock #navblock #nav li:hover ul li {
    float: none;
    margin: 0;
    text-align: left;
  }
  #wrapper #headerblock #navblock #nav li:hover ul li a {
    display: block;
    font-size: 0.9em;
    line-height: 1em;
    padding: 0.5em;
    background-color: #ffffff;
    color: #000000;
    text-shadow: none;
    border-bottom: 1px solid #cccccc;
  }
  #wrapper #headerblock #navblock #nav li:hover ul li a:before {
    content: "";
  }
  #wrapper #headerblock #navblock #nav li:hover ul li.active a {
    background-color: #313967;
    color: #ffffff;
    text-shadow: 1px 1px 1px #212644;
    border-bottom: 1px solid #313967;
  }
  #wrapper #headerblock #navblock #nav li:hover ul li:hover a {
    background-color:rgb(32,50,137);
    color: #ffffff;
    text-shadow: 1px 1px 1px #212644;
    border-bottom: 1px solid #313967;
  }
  #wrapper #headerblock #navblock #nav li.nav_search {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  #wrapper #headerblock #navblock #nav li.nav_search input {
    padding: 0.2em;
    margin-right: 0.2em;
  }
  #wrapper #headerblock #navblock #nav li.social {
    position: absolute;
    top: -4.5em;
    right: 0.5em;
    border: 0;
    margin: 0;
    z-index: 10;
  }
  #wrapper #headerblock #navblock #nav li.social a {
    height: 1.8em;
    width: 1.8em;
    background-size: 288px 72px;
    margin-right: 0.2em;
    padding: 0 0.5em;
  }
  #wrapper #headerblock #navblock #nav li.social a.tw {
    background-position: -36px 0;
  }
  #wrapper #headerblock #navblock #nav li.social a.tw:hover {
    background-position: -36px -36px;
  }
  #wrapper #headerblock #navblock #nav li.social a.fb {
    background-position: -72px 0;
  }
  #wrapper #headerblock #navblock #nav li.social a.fb:hover {
    background-position: -72px -36px;
  }
  #wrapper #headerblock #navblock #nav li.social a.li {
    background-position: -180px 0;
  }
  #wrapper #headerblock #navblock #nav li.social a.li:hover {
    background-position: -180px -36px;
  }
  #wrapper #headerblock #navblock #nav li.social a.gp {
    background-position: 0 0;
    margin-right: 0;
  }
  #wrapper #headerblock #navblock #nav li.social a.gp:hover {
    background-position: 0 -36px;
  }
  #wrapper #headerblock.smaller {
    height: 2em;
  }
  #wrapper #headerblock.smaller #header {
    height: 2em;
    width: 2.5em;
  }
  #wrapper #headerblock.smaller #header #titleblock {
    display: block;
    padding: 0.5em;
    padding-left: 20px;
    height: 3em;
    width: 10em;
    /* padding: 0.2em 0 0 0.5em;*/
  }
  #wrapper #headerblock.smaller #header #titleblock #logo {
    height: 2em;
    width: 2em;
  }
  #wrapper #headerblock.smaller #header #titleblock #brand {
    display: none;
  }
  #wrapper #headerblock.smaller #header #titleblock:hover #brand {
    position: absolute;
    display: block;
    top: 0;
    left: 0.5em;
    height: 2em;
    width: 7em;
    background-color: #ffffff;
  }
  #wrapper #headerblock.smaller #navblock {
    text-align: center;
    top: 0;
  }
  #wrapper #headerblock.smaller #navblock #nav {
    top: 0;
  }
  #wrapper #headerblock.smaller #navblock #nav .social {
    top: 0;
    right: 0.5em;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a {
    height: 1.6em;
    width: 1.6em;
    background-size: 256px 64px;
    margin-right: 0.1em;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.tw {
    background-position: -32px 0;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.tw:hover {
    background-position: -32px -32px;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.fb {
    background-position: -64px 0;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.fb:hover {
    background-position: -64px -32px;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.li {
    background-position: -160px 0;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.li:hover {
    background-position: -160px -32px;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.gp {
    background-position: 0 0;
    margin-right: 0;
  }
  #wrapper #headerblock.smaller #navblock #nav .social a.gp:hover {
    background-position: 0 -32px;
  }
  #wrapper #headerblock.smaller #navblock #nav .nav_search {
    display: none;
  }
  #wrapper #contentwrapper {
    display: block;
    max-width: 1300px;
    width: 96%;
    margin: 0 auto;
    padding: 1%;
    zoom: 1;
    padding: 0px;
  }
  #wrapper #contentwrapper:before,
  #wrapper #contentwrapper:after {
    content: "";
    display: table;
  }
  #wrapper #contentwrapper:after {
    clear: both;
  }
  #wrapper #contentwrapper #sectionblock {
    /* padding-top: 7em;*/
    overflow: hidden;
  }
  #wrapper #contentwrapper #sectionblock .showcaseblock {
    display: none;
    height: 660px;
  }

  #wrapper #contentwrapper .sc_nav ul li a {
    text-indent: 0;
    line-height: 32px;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
  #wrapper #contentwrapper .sc_nav ul li a:visited {
    color: #313967;
  }
  #wrapper #contentwrapper .sc_nav ul li a .sc_name {
    display: inline;
    color: #313967;
  }
  #wrapper #contentwrapper .sc_nav ul li a .sc_icon {
    float: left;
  }
  #wrapper #contentwrapper .sc_nav ul li a.active .sc_name,
  #wrapper #contentwrapper .sc_nav ul li a:hover .sc_name {
    color: #ffffff;
  }
  #wrapper #contentwrapper .contentblock,
  #wrapper #contentwrapper .contentblock1 {
    float: left;
    width: 75%;
    margin: 0;
    padding: 0px;
    padding-left: 20px;
    border-right: 1px solid #ffffff;
  }
  #wrapper .container .articlewrapper {
    display: block;
    max-width: 1300px;
    width: 96%;
    margin: 0 auto;
    padding: 1%;
    zoom: 1;
  }
  #wrapper .container .articlewrapper:before,
  #wrapper .container .articlewrapper:after {
    content: "";
    display: table;
  }
  #wrapper .container .articlewrapper:after {
    clear: both;
  }

  #wrapper .container li.newsarticle .summary_img,
  #wrapper .container .articleblock .summary_img {
    height: 11em;
    width: 11em;
    padding: 0;
    margin: 0 1em 0 0;
  }
  #wrapper .container li.newsarticle p,
  #wrapper .container .articleblock p {
    line-height: 1.4em;
    font-size: 1em;
    margin: 0;
    /*padding: 0 1em 0 0;*/
    padding-left: 15px;
    min-height: 6.2em;
    font-weight: 300;
  }
  #wrapper #contentwrapper li.newsarticle .readmore,
  #wrapper .container .articleblock .readmore {
    clear: none;
    float: right;
    display: block;
    width: 2em;
    height: 2em;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #contentwrapper li.newsarticle .readmore span,
  #wrapper .container .articleblock .readmore span {
    position: relative;
    left: -6em;
    width: 6em;
    padding: 0 0.5em;
    float: left;
    display: none;
  }
  #wrapper #contentwrapper li.newsarticle .readmore i,
  #wrapper .container .articleblock .readmore i {
    height: 2em;
    width: 2em;
    line-height: 2em;
  }
  #wrapper #contentwrapper li.newsarticle .readmore:hover,
  #wrapper .container .articleblock .readmore:hover {
    width: 8em;
  }
  #wrapper #contentwrapper li.newsarticle .readmore:hover span,
  #wrapper .container .articleblock .readmore:hover span {
    display: block;
    width: 6em;
    left: 0;
  }
  #wrapper #contentwrapper li.newsarticle .readmore:hover i,
  #wrapper .container .articleblock .readmore:hover i {
    float: left;
    background-color: #313967;
  }
  #wrapper #contentwrapper aside.articleblock {
    clear: both;
    float: none;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 1% 0 0 0;
    background-color: #cccccc;
    box-shadow: none;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper {
    display: block;
    max-width: 1300px;
    width: 96%;
    margin: 0 auto;
    padding: 1%;
    min-height: 12em;
    zoom: 1;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper:before,
  #wrapper #contentwrapper aside.articleblock .newswrapper:after {
    content: "";
    display: table;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper:after {
    clear: both;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper li {
    display: block;
    float: left;
    width: 19%;
    min-height: 8em;
    height: auto;
    padding: 1%;
    margin: 0 1% 0 0;
    line-height: 1.4em;
    background-color: #ffffff;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper li:last-child {
    margin: 0;
  }
  #wrapper #contentwrapper aside.articleblock .newswrapper li a {
    text-decoration: none;
    white-space: pre;
    /* CSS 2.0 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3.0 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP Printers */
    word-wrap: break-word;
    /* IE 5+ */
  }
  #wrapper #contentwrapper .sidebar {
    display: block;
    clear: none;
    float: right;
    width: 25%;
    height: auto;
    border: 0;
  }
  #wrapper #contentwrapper .mission {
    float: left;
    width: 48%;
    margin: 1%;
    padding: 1%;
    min-height: 30em;
  }
  #wrapper #contentwrapper .mission i {
    font-size: 2em;
    color: #313967;
    padding: 0.5em;
    height: 2em;
    line-height: 1em;
    width: 2em;
    background-color: #efefef;
    border-radius: 1em;
    text-align: center;
    border: 2px solid #999999;
  }
  #wrapper .bc_nav {
    /* padding: 9em 0.5em 0.5em 0.5em;*/
    /*height: 28px;*/
    width: 100%;
    display: block;
  /*  float: left;*/
  }
  #wrapper .bc_nav li:first-child {
    margin-left: 20px;
  }
  #footerline {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #444;
    height: 0.5em;
  }
  #footerblock {
    padding: 0 0 1em 0;
  }
  #footerblock #footer {
    display: block;
    max-width: 1140px;
    width: 96%;
    margin: 0 auto;
  /*  margin-top:4em;*/
    padding: 1%;
    min-height: 6em;
    padding: 0;
    float:none !important;
    background-color: rgb(40, 40, 40);
  }
  #footerblock #footer .footergroup {
    display: block;
    width: 25%;
    height: auto;
    float: left;
  }
  #footerblock #footer .footergroup p.footer_quote {
    color: #fff;
    font-size: 0.95em;
    font-style: italic;
  }
  #footerblock #footer .footergroup h2 {
    color: #fff;
    font-size: 0.9em;
    margin-left: 1.8em;
  }
  #footerblock #footer .footergroup ul {
    padding: 0;
    /*text-align: center;*/
    list-style: disc;
  }
  #footerblock #footer .footergroup ul li {
    font-size: 0.7em;
    display: block;
    float: left;
    line-height: 1.5em;
    margin-left: 2em;
    /*list-style-type: none;*/
    padding-right: 0.4em;
    padding-left: 0.4em;
    width: 100%;
    /*  border-right: 1px solid @dark;*/
  }
  #footerblock #footer .footergroup ul li a {
    color: #fff;
    text-decoration: none;
  }
  #footerblock #footer .footergroup ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  #footerblock #footer .footergroup ul li:last-child {
    border: 0;
    padding-right: 0;
    margin-right: 0;
  }
  #footerblock #footer .footergroup ul.footer_sp {
    font-size: 0.8em;
    padding: 0;
    background: transparent;
  }
  #footerblock #footer .footergroup ul.footer_sp li {
    margin: inherit;
    display: inline-block;
    clear: none;
    margin-left: 1em;
  }
  #footerblock #footer .target_block {
    padding: 1em;
    margin: 1em;
  }
  #footerblock #footer .target_block .col {
    float: left;
    width: 32%;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
    padding: 0 1%;
    margin: 0 1%;
  }
  #footerblock #footer .target_block .col:first-child {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #footerblock #footer .target_block .col:last-child {
    border-right: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  #footerblock #footer .target_block .col h3 {
    color: #999999;
    margin: 0;
    border: 0;
  }
  #footerblock #footer .target_block .col li {
    display: list-item;
    margin-left: 2em;
    list-style-type: disc;
    border-right: 0;
    text-align: left;
    line-height: 1.4em;
    color: #999999;
  }
  #footerblock #footer .target_block .col li a {
    color: #ffffff;
  }
  #footerblock #footer .target_block .col li li {
    font-size: 1em;
  }
  #footerblock #footer .target_block .col .specialise li {
    margin-left: 1em;
    list-style-type: none;
  }
  #footerblock #footer .target_block .col .specialise li li {
    margin-left: 2em;
    list-style-type: disc;
  }
  .home_page #wrapper #contentwrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  #wrapper #contentwrapper .clientlogos {
    width: 100%;
    display: block;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo {
    position: relative;
    display: inline-block;
    height: 9em;
    width: 11em;
    padding: 0.5em;
    margin: 0 0 0.2em 0;
    line-height: 1em;
    vertical-align: top;
    text-align: center;
    background-color: #ffffff !important;
    border: 1px solid #666666;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    overflow: hidden;
    background-size: 190px 160px !important;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_ai {
    background: url(../img/logos/amicus.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_bca {
    background: url(../img/logos/bca.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_brox {
    background: url(../img/logos/brox.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_bsa {
    background: url(../img/logos/bsa.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_dassh {
    background: url(../img/logos/dassh.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_dp {
    background: url(../img/logos/dpforum.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_foehn {
    background: url(../img/logos/foehn.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_kings {
    background: url(../img/logos/kings.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_leshort {
    background: url(../img/logos/leshort.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_lexis {
    background: url(../img/logos/lexis.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_lsbu {
    background: url(../img/logos/lsbu.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_matador {
    background: url(../img/logos/matador.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_mediagen {
    background: url(../img/logos/mediagen.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_moshel {
    background: url(../img/logos/moshel.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_nihr {
    background: url(../img/logos/nihr.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_prism {
    background: url(../img/logos/prism.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_regent {
    background: url(../img/logos/regent.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo.logo_expo {
    background: url(../img/logos/waterfront.jpg) no-repeat center center;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo span {
    display: block;
    position: absolute;
    top: 100%;
    left: 0.5em;
    height: 8.2em;
    width: 10em;
    opacity: 0.5;
    background-color: #ffffff;
    padding: 3em 0;
    line-height: 1em;
    font-size: 1em;
    border: 1px solid #666666;
    -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
  #wrapper #contentwrapper .clientlogos ul li.logo:hover {
    border: 1px solid #313967;
    background-color: #525fac !important;
  }
  #wrapper #contentwrapper .clientlogos ul li.logo:hover span {
    display: block;
    top: 0.4em;
    opacity: 0.9;
  }
}
@-webkit-keyframes mon_down {
  to {
    top: 60px;
  }
}
@keyframes mon_down {
  to {
    top: 60px;
  }
}
@-webkit-keyframes tab_down {
  to {
    top: 160px;
  }
}
@keyframes tab_down {
  to {
    top: 160px;
  }
}
@-webkit-keyframes pho_down {
  to {
    top: 260px;
  }
}
@keyframes pho_down {
  to {
    top: 260px;
  }
}
@-webkit-keyframes item1_down {
  to {
    top: 360px;
  }
}
@keyframes item1_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes item2_down {
  to {
    top: 360px;
  }
}
@keyframes item2_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes blurb_in {
  to {
    margin-left: -450px;
  }
}
@keyframes blurb_in {
  to {
    margin-left: -450px;
  }
}
@-webkit-keyframes fb_item1_down {
  to {
    top: 320px;
  }
}
@keyframes fb_item1_down {
  to {
    top: 320px;
  }
}
@-webkit-keyframes fb_item2_down {
  to {
    top: 400px;
  }
}
@keyframes fb_item2_down {
  to {
    top: 400px;
  }
}
@-webkit-keyframes e_mon_down {
  to {
    top: 60px;
  }
}
@keyframes e_mon_down {
  to {
    top: 60px;
  }
}
@-webkit-keyframes e_tab_down {
  to {
    top: 160px;
  }
}
@keyframes e_tab_down {
  to {
    top: 160px;
  }
}
@-webkit-keyframes e_pho_down {
  to {
    top: 360px;
  }
}
@keyframes e_pho_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes e_item1_down {
  to {
    top: 360px;
  }
}
@keyframes e_item1_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes e_item2_down {
  to {
    top: 360px;
  }
}
@keyframes e_item2_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes e_blurb_in {
  to {
    margin-left: 300px;
  }
}
@keyframes e_blurb_in {
  to {
    margin-left: 300px;
  }
}
@-webkit-keyframes ls_mon_down {
  to {
    top: 60px;
  }
}
@keyframes ls_mon_down {
  to {
    top: 60px;
  }
}
@-webkit-keyframes ls_tab_down {
  to {
    top: 160px;
  }
}
@keyframes ls_tab_down {
  to {
    top: 160px;
  }
}
@-webkit-keyframes ls_pho_down {
  to {
    top: 360px;
  }
}
@keyframes ls_pho_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes ls_item1_down {
  to {
    top: 360px;
  }
}
@keyframes ls_item1_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes ls_item2_down {
  to {
    top: 360px;
  }
}
@keyframes ls_item2_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes ls_blurb_in {
  to {
    margin-left: -450px;
  }
}
@keyframes ls_blurb_in {
  to {
    margin-left: -450px;
  }
}
@-webkit-keyframes p_mon_down {
  to {
    top: 60px;
  }
}
@keyframes p_mon_down {
  to {
    top: 60px;
  }
}
@-webkit-keyframes p_tab_down {
  to {
    top: 160px;
  }
}
@keyframes p_tab_down {
  to {
    top: 160px;
  }
}
@-webkit-keyframes p_pho_down {
  to {
    top: 360px;
  }
}
@keyframes p_pho_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes p_item1_down {
  to {
    top: 310px;
  }
}
@keyframes p_item1_down {
  to {
    top: 310px;
  }
}
@-webkit-keyframes p_item2_down {
  to {
    top: 360px;
  }
}
@keyframes p_item2_down {
  to {
    top: 360px;
  }
}
@-webkit-keyframes p_blurb_in {
  to {
    margin-left: -450px;
  }
}
@keyframes p_blurb_in {
  to {
    margin-left: -450px;
  }
}
@-moz-keyframes mon_down {
  to {
    top: 60px;
  }
}
@-moz-keyframes tab_down {
  to {
    top: 160px;
  }
}
@-moz-keyframes pho_down {
  to {
    top: 260px;
  }
}
@-moz-keyframes item1_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes item2_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes blurb_in {
  to {
    margin-left: -450px;
  }
}
@-moz-keyframes fb_item1_down {
  to {
    top: 320px;
  }
}
@-moz-keyframes fb_item2_down {
  to {
    top: 400px;
  }
}
@-moz-keyframes e_mon_down {
  to {
    top: 60px;
  }
}
@-moz-keyframes e_tab_down {
  to {
    top: 160px;
  }
}
@-moz-keyframes e_pho_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes e_item1_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes e_item2_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes e_blurb_in {
  to {
    margin-left: 300px;
  }
}
@-moz-keyframes ls_mon_down {
  to {
    top: 60px;
  }
}
@-moz-keyframes ls_tab_down {
  to {
    top: 160px;
  }
}
@-moz-keyframes ls_pho_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes ls_item1_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes ls_item2_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes ls_blurb_in {
  to {
    margin-left: -450px;
  }
}
@-moz-keyframes p_mon_down {
  to {
    top: 60px;
  }
}
@-moz-keyframes p_tab_down {
  to {
    top: 160px;
  }
}
@-moz-keyframes p_pho_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes p_item1_down {
  to {
    top: 310px;
  }
}
@-moz-keyframes p_item2_down {
  to {
    top: 360px;
  }
}
@-moz-keyframes p_blurb_in {
  to {
    margin-left: -450px;
  }
}