/* BASIC
------------------------------------------------------------ */

/* reset */
html,body {margin:0;padding:0;width:100%;height:100%;}
html {margin:0 0 1px;}
ul,ol,dl,li,dt,dd {list-style:none;margin:0;padding:0;}
p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {border:0;padding:0;margin:0;}
address {font-style:normal;}
abbr {cursor:help;}

/* float clear */
.w:after,
form:after,
#lightbox:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}


/* COMMON
------------------------------------------------------------ */
body {color:#4a4a4a;background:#ffffff;font:normal 13px/1.5 'Open Sans Regular',Arial,'Lucida Grande',Helvetica,sans-serif;text-align:left;}
a {text-decoration:underline;color:#00bfe1;}
a:hover {text-decoration:none;}
dl,dl dt,dl dd {display:block;float:left;}

h1 {padding:0 0 2px;border-bottom:1px solid #4a4a4a;margin:0 0 16px;color:#4a4a4a;font:normal 48px/1.000 'Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:300;letter-spacing:2px;}
h2 {padding:0 0 2px;border-bottom:1px solid #4a4a4a;margin:0 0 16px;color:#4a4a4a;font:normal 40px/1.125 'Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:300;letter-spacing:2px;}
h3 {padding:0 0 2px;border-bottom:1px solid #4a4a4a;margin:0 0 16px;color:#4a4a4a;font:normal 32px/1.100 'Open Sans',Arial,Verdana,Tahoma,sans-serif;letter-spacing:1px;}
h4 {margin:0 0 16px;color:#4a4a4a;font:normal 24px/1.000 'Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:300;letter-spacing:1px;}
h5 {margin:0 0 16px;color:#4a4a4a;font:normal 18px/1.000 Arial,Verdana,Tahoma,sans-serif;}
h6 {margin:0 0 16px;color:#4a4a4a;font:normal 13px/1.000 Arial,Verdana,Tahoma,sans-serif;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {color:#4a4a4a;text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color:#00bfe1;text-decoration:none;}

/* var */
.hidden {display:none;}
.right,
.last-child {margin-right:0 !important;}
.align-right {text-align:right !important;}
.errors {color:#f00;}

/* tabs */
.tabgroup {display:block;clear:both;position:relative;width:100%;margin:0 0 20px;} /* removed: float:left; */
.tabgroup .tabs {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 20px;}
.tabgroup .tabs ul {float:left;display:block;position:relative;width:100%;}
.tabgroup .tabs ul li {float:left;display:block;position:relative;margin:0 10px 0 0;}
.tabgroup .tabs ul li a {float:left;display:block;position:relative;padding:7px 10px 7px;border:1px solid #000;border-bottom:none;color:#000;text-decoration:none;outline:none;}
.tabgroup .tabcontents {float:left;display:block;clear:both;position:relative;width:100%;}
.tabgroup .tabcontents .tabcontent {float:left;display:block;clear:both;width:100%;}

/* tabs - round */
.tabgroup .tabs-round ul {float:none;margin:32px auto 0;}
.tabgroup .tabs-round ul li {margin:0;padding:0 10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.tabgroup .tabs-round ul li a {width:155px;height:155px;padding:0;border:none;color:#fff;text-align:center;font-weight:bold;font-size:18px;line-height:1.25;background:url(../images/icons/roundtab-grey.png) 0 0 no-repeat;background-size:contain;}
.tabgroup .tabs-round.tabs-notext ul li a {background:none;}
.tabgroup .tabs-round ul li a span {display:block;cursor:pointer;position:absolute;z-index:10;left:0;top:40%;width:80%;padding:0 10%;}
.tabgroup .tabs-round ul li a img {display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
.tabgroup .tabs-round ul li.active {margin-top:-10px;}
.tabgroup .tabs-round ul li.active a {color:#fff;}
.tabgroup .tabs-round ul li a img {opacity:0.0;}
.tabgroup .tabs-round ul li a img.disabled {opacity:1.0;}
.tabgroup .tabs-round ul li.active a img {opacity:1.0;}
.tabgroup .tabs-round ul li.active a img.disabled {opacity:0.0;}

.tabgroup .tabs-notext ul li a span {display:none;}

.tabgroup .tabs-round.small ul li a {width:100px;height:100px;padding:0;border:none;color:#fff;text-align:center;font-weight:bold;font-size:12px;line-height:1.25;background:url(../images/icons/roundtab-grey.png) 0 0 no-repeat;background-size:contain;}

/* scrollable */
.scrollable-wrap {float:left;position:relative;width:100%;}
.scrollable-wrap .prev,
.scrollable-wrap .next {display:none;overflow:hidden;cursor:pointer;position:absolute;z-index:50;top:50%;margin-top:0;width:50px;height:50px;text-indent:-9999px;}
.scrollable-wrap .prev {left:20px;background:url(../images/icons/scrollable-prev.png) no-repeat 0 0;}
.scrollable-wrap .next {right:20px;background:url(../images/icons/scrollable-next.png) no-repeat 0 0;}
.scrollable-wrap .disabled {opacity:0.5;}
.scrollable-wrap .scrollable {position:relative;width:100%;height:100%;min-height:100px;overflow:hidden;}
.scrollable-wrap .scrollable .itemlist {position:absolute;left:0;top:0;width:9999px;height:100%;}
.scrollable-wrap .scrollable .itemlist .itemgroup {float:left;position:relative;margin:0;}
.scrollable-wrap .scrollable .itemlist .item {float:left;display:block;position:relative;overflow:hidden;width:100%;}

/* text content */
.cms {margin-bottom:16px;font-size:14px;letter-spacing:1px;}
.cms p {margin-bottom:16px;}
.cms p:last-child,
.cms ul:last-child,
.cms ol:last-child {margin-bottom:0;}
.cms small {font-size:11px;line-height:1.3;}
.cms blockquote {margin:0 0 16px;font-size:16px;font-style:italic;}
.cms ul,
.cms ol {margin:0 0 13px;padding:0;border:0;width:auto;height:auto;background:none;float:none !important;}
.cms ul,
.cms-intro-01 ul {list-style:disc;}
.cms ol {list-style:decimal;}
.cms ul li,
.cms-intro-01 ul li {list-style:disc;display:list-item;margin:0 0 0 25px;padding:0;float:none;border:0;width:auto;height:auto;background:none;}
.cms ol li {list-style:decimal;display:list-item;margin:0 0 0 21px;padding:0;float:none;border:0;width:auto;height:auto;background:none;}
.cms img {display:block;float:left;margin:0 20px 20px 0;border:none;}
.cms ~ h2,.cms p ~ h2,
.cms ~ h3,.cms p ~ h3,
.cms ~ h4,.cms p ~ h4,
.cms ~ h5,.cms p ~ h5,
.cms ~ h6,.cms p ~ h6 {margin-top:24px;}

.cms img.right {float:right;margin:0 0 20px 20px;}
.cms-intro-01 {margin:0 0 48px;font:normal 18px/1.44 'Open Sans',Arial,Tahoma,Verdana,sans-serif;font-style:italic;letter-spacing:1px;}
.cms-photo {float:left;clear:both;position:relative;width:100%;}
.cms-photo img {display:block;width:100%;}

/* columns */
.cols {float:left;clear:both;position:relative;width:100%;}
.cols .col {float:left;position:relative;}
.cols .cms {margin-bottom:0;}
.cols .cms-photo {margin-bottom:16px;}

.col-01-01 {width:100%;margin:0 0 32px;}

.col-02-01 {width:48%;margin:0 4% 32px 0;}
.col-02-02 {width:48%;margin:0 4% 32px 0;}

.col-03-01 {width:25%;margin:0 5% 32px 0;}
.col-03-02 {width:70%;margin:0 5% 32px 0;}

.col-02-03 {width: 48%; margin: 6px 29px 0px 0px;}

.col-03-01.no-margin {
    width:30%;
    margin:0 0 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-03-02.no-margin {width:70%;margin:0 0 32px 0;}

.cols .cms-photo.no-margin {margin:0;}

.tabgroup .cols .col {margin-bottom:0;}

/* badges */
.badge {overflow:hidden;position:absolute;right:-1px;top:-1px;text-indent:-9999px;}
.badge-mobile {width:88px;height:88px;background:url(../images/icons/badge-mobile.png) no-repeat 0 0;}
.badge-desktop {width:88px;height:88px;background:url(../images/icons/badge-desktop.png) no-repeat 0 0;}

/* backgrounds */
.brand-blue{
    background:#00bfdf;
}

/* table */
table {float:left;clear:both;width:100%;margin:0;border-collapse:separate;empty-cells:show;}
table thead th {vertical-align:bottom;padding:10px 10px 7px;line-height:1.25;}
table tbody td {vertical-align:top;padding:5px 10px;}
table p {margin:0;padding:0;}

/* legal notice */
.legalNotice {float:left;clear:both;position:relative;width:100%;padding:10px 0;text-align:center;}
.legalNotice a {color:#696969;}

/* language bar */
#lang {background:#00BFE1;display:none;}
#lang ul {float:right;}
#lang ul li {float:left;padding:8px;height:20px;width:20px;display:block;text-align:center;text-transform:uppercase;}
#lang ul li a {color:#FFF;text-decoration:none;}
#lang ul li a:hover {text-decoration:underline;}
#lang ul li.active {background:#FFF;}
#lang ul li.active a {color:#00BFE1;}
#lang ul li.active a:hover {text-decoration:none;cursor:default;}


/* LAYOUT
------------------------------------------------------------ */
.w {width:90%;max-width:1200px;margin:0 auto;position:relative;text-align:left;}
.ow {float:left;clear:both;position:relative;width:100%;background:#fff;text-align:center;}
#body,
#footer {background:transparent;}

#body {background-image:url(../images/layout/line-body.png);background-repeat:no-repeat;background-position:100% 0;background-size:100% 5px;}
#body .w {padding:35px 0 30px;}
#body .w > h1 {margin-top:16px;}
#body .w > h1.gy {padding-bottom:10px;}

/* top bar */
#top {line-height:1;text-transform:uppercase;}
#top a {color:#000;text-decoration:none;}
#top a:hover {color:#00bfe1;}
#top .w {padding:25px 0;border-bottom:1px solid #4a4a4a;}
#top ul {float:left;display:block;clear:both;width:100%;text-align:center;}
#top ul li {display:inline;margin:0 10px;text-align:center;}

/* header */
#header .w {height:67px;padding:30px 0 20px;}
#header a {color:#000 !important;text-decoration:none !important;}
#header a:hover {color:#00bfe1 !important;}

#logo {position:absolute;z-index:10;top:30px;text-decoration:none;}
#logo img {display:block;width:100%;height:100%;}

/* main navigation */
#main-nav {float:right;clear:none;position:relative;font:normal 16px/1 'Open Sans',Arial,Tahoma,Verdana,sans-serif;text-transform:uppercase;margin: -17px 0 0;}
#main-nav li {clear:both;float:left;display:block;}
#main-nav li a {display:block;width:100%;height:16px;padding:20px 0 0px;color:#00BFE1;text-decoration:none;text-align:center;}

/* secondary navigation */
#sec-nav {float:left;display:block;position:relative;clear:both;width:100%;padding:8px 0 7px;border-bottom:1px solid #4a4a4a;margin:-16px 0 32px;font-size:16px;line-height:1;}
#sec-nav ul {float:right;display:block;}
#sec-nav ul li {float:left;display:block;margin:0 0 0 20px;}
#sec-nav ul li a,
#sec-nav ul li.active a:hover {text-decoration:none;}
#sec-nav ul li a:hover {text-decoration:underline;}
#sec-nav ul li.active a {color:#4a4a4a;}

/* tertiary navigaton */
#ter-nav {float:left;display:block;position:relative;clear:both;width:100%;padding:0 0 8px;border-bottom:1px dotted #4a4a4a;margin:-8px 0 32px;font-size:14px;letter-spacing:1px;line-height:1;}
#ter-nav ul {float:left;display:block;}
#ter-nav ul li {float:left;display:block;border-right:1px dotted #4a4a4a;}
#ter-nav ul li:last-child {border:none;}
#ter-nav ul li a {float:left;display:block;padding:5px 15px;}
#ter-nav ul li a,
#ter-nav ul li.active a:hover {text-decoration:none;}
#ter-nav ul li a:hover {text-decoration:underline;}
#ter-nav ul li.active a {color:#4a4a4a;font-weight:bold;}

/* keyvisual */
#keyvisual .w {height:480px;}
#keyvisual .tabgroup {float:none;}
#keyvisual .tabs {position:absolute;z-index:10;left:50%;bottom:20px;width:auto;margin:0;font-size:16px;line-height:1;}
#keyvisual .tabs li {float:left;display:block;margin:0 2px;}
#keyvisual .tabs li a {display:block;float:left;width:30px;height:23px;padding:7px 0 0;border:1px solid #fff;background:#fff;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:100%;border-radius:100%;}
#keyvisual .tabs li.active a {background:#a2a2a2;}
#keyvisual .tabcontents {z-index:5;overflow:hidden;height:100%;}
#keyvisual .tabcontents .tabcontent {position:absolute;left:0;top:0;height:100%;}
#keyvisual .tabcontents .tabcontent img {display:block;width:100%;height:auto !important}

/* footer */
#footer a {color:#4a4a4a;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer h6 {float:left;clear:both;width:100%;text-transform:uppercase;}
#footer ul {float:left;display:block;clear:both;width:100%;}
#footer ul li {float:left;clear:both;position:relative;width:100%;margin:0 0 4px;}
#footer .w {padding:20px 0 40px;border-top:1px solid #000;}
#footer .col {float:left;width:18%;padding:0 2% 0 0;}

/* front */
#front .w {padding:30px 0 60px;}
#front .intro {float:left;clear:both;width:100%;margin:0 0 20px;text-align:center;}
#front .intro .p1 {margin:0 0 30px;font:normal 29px/1.25 'Open Sans',Arial,Tahoma,Verdana,sans-serif;font-weight:300;letter-spacing:1px;}
#front .intro .p2 {margin:0 0 20px;color:#00bfe1;font:normal 32px/1.1 'Open Sans',Arial,Tahoma,Verdana,sans-serif;letter-spacing:1px;}
#front .intro .p3 {font:normal 16px/1 Arial,Tahoma,Verdana,sans-serif;}
#front .box {float:left;width:44%;padding:20px 2%;background:#00bfe1;color:#fff;}
#front .box h4 {float:left;clear:both;width:100%;margin:0 0 16px;color:#fff;text-transform:uppercase;}
#front .box h4 a {float:left;display:block;width:90%;padding:12px 10% 12px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;background:url(../images/icons/arrows-white.png) no-repeat 100% 50%;color:#fff;text-decoration:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#front .box h4 a:hover {background-position:120% 50%;}
#front .box .cms {margin:0;font-size:16px;letter-spacing:0;}
#front .box-publisher {float:right;}

.front-content {float:left;clear:both;position:relative;width:100%;}
.front-content .about {float:left;position:relative;width:26%;padding:20px 2%;background:#fff;}
.front-content .about h4 {padding:12px 0;margin:0 0 16px;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;color:#4a4a4a;text-transform:uppercase;}
.front-content .about .button {width:100%;text-transform:uppercase;}
.front-content .about .button span,
.front-content .about .button input {width:100%;padding:16px 0;text-align:center;text-transform:uppercase;}

.front-content .newslist {float:right;position:relative;width:67%;padding:0 0 0 2%;}
.front-content .newslist h1 {border:none;margin-bottom:24px;}


/* news list */
.newslist .itemlist {float:left;display:block;width:100%;}
.newslist .itemlist .item {float:left;display:block;position:relative;width:100%;margin:0 0 42px;}
.newslist .itemlist .item .photo {float:left;overflow:hidden;width:25%;}
.newslist .itemlist .item .photo img {display:block;width:100%;}
.newslist .itemlist .item .content {float:right;position:relative;width:70%;border-bottom:1px solid #4a4a4a;}
.newslist .itemlist .item .content h5 {float:left;width:100%;padding:0 0 8px;margin:0 0 6px;font-size:18px;line-height:1;border-bottom:1px dotted #4a4a4a;}
.newslist .itemlist .item .content .metadata {float:left;clear:both;position:relative;width:100%;padding:0 0 5px;border-bottom:1px dotted #4a4a4a;margin:0 0 8px;line-height:1;text-transform:uppercase;}
.newslist .itemlist .item .content .metadata .datetime {float:left;margin:0 6px 0 0;}
.newslist .itemlist .item .content .metadata dl dt {margin:0 3px 0 0;}
.newslist .itemlist .item .content .metadata dl dd a {text-decoration:none;}
.newslist .itemlist .item .content .metadata dl dd.author {color: #00bfe1;}
.newslist .itemlist .item .content .metadata dl dd a:hover {text-decoration:underline;}
.newslist .itemlist .item .content .button {float:right;}

/* case study list */
.casestudylist {float:left;display:block;clear:both;position:relative;width:100%;}
.casestudylist .itemlist {float:left;display:block;position:relative;width:100%;}
.casestudylist .itemlist .item {float:left;display:block;position:relative;width:100%;margin:0 0 64px;}
.casestudylist .itemlist .item .photo {float:left;display:block;overflow:hidden;width:48%;}
.casestudylist .itemlist .item .photo img {display:block;width:100%;}
.casestudylist .itemlist .item .content {float:right;display:block;overflow:hidden;width:48%;border-bottom:1px solid #4a4a4a;}
.casestudylist .itemlist .item .content h5 {margin:0 0 8px;text-transform:uppercase;}
.casestudylist .itemlist .item .content .metadata {float:left;display:block;clear:both;position:relative;width:100%;padding:7px 0 5px;border-bottom:1px dotted #4a4a4a;border-top:1px dotted #4a4a4a;margin:0 0 16px;line-height:1;text-transform:uppercase;}
.casestudylist .itemlist .item .content .metadata dt {margin:0 5px 0 0;}
.casestudylist .itemlist .item .content .metadata dd a {text-decoration:none;}
.casestudylist .itemlist .item .content .metadata dd a:hover {text-decoration:underline;}
.casestudylist .itemlist .item .content .data {font-size:14px;letter-spacing:1px;}
.casestudylist .itemlist .item .content .data,
.casestudylist .itemlist .item .content .data dt,
.casestudylist .itemlist .item .content .data dd {clear:both;width:100%;}
.casestudylist .itemlist .item .content .data dd {margin:0 0 16px;}
.casestudylist .itemlist .item .content .data dd a {text-decoration:none;}
.casestudylist .itemlist .item .content .data dd a:hover {text-decoration:underline;}
.casestudylist .itemlist .item .content .button {float:right;}

/* case study list 2 */
.casestudies-overview {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 32px;}
.casestudies-overview h2 {margin:0 0 16px;border-bottom:1px solid #4a4a4a;}
.casestudies-overview .cms {margin:0 0 32px;}
.casestudies-overview .itemlist {float:left;display:block;clear:both;position:relative;width:100%;}
.casestudies-overview .itemlist .item {float:left;width:20%;padding:20px 2%;margin:0 1.33% 32px 0;background:#fff;}
.casestudies-overview .itemlist .item:nth-child(4n+4) {margin-right:0;}
.casestudies-overview .itemlist .item .photo {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 8px;}
.casestudies-overview .itemlist .item .photo img {display:block;width:100%;}
.casestudies-overview .itemlist .item .button {width:100%;text-transform:uppercase;}
.casestudies-overview .itemlist .item .button span,
.casestudies-overview .itemlist .item .button input {width:100%;padding:16px 0;text-align:center;text-transform:uppercase;}
.casestudies-overview .view-all {float:left;display:block;clear:both;position:relative;width:100%;border-bottom:1px solid #4a4a4a;}
.casestudies-overview .view-all .button {float:right;}

/* gallery - lightbox */
.gallery-overview {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 32px;}
.gallery-overview h2 {margin:0 0 16px;border-bottom:1px solid #4a4a4a;}
.gallery-overview .cms {margin:0 0 32px;}
.gallery-overview .itemlist {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 20px;}
.gallery-overview .itemlist .item {float:left;width:20%;padding:20px 2%;margin:0 1.33% 0px 0;}
.gallery-overview .itemlist .item:nth-child(4n+4) {margin-right:0;}
.gallery-overview .itemlist .item:nth-child(4n+1) {clear:left;}
.gallery-overview .itemlist .item .photo {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 8px;}
.gallery-overview .itemlist .item .photo img {display:block;width:100%;}
.gallery-overview .itemlist .item .button {width:100%;text-transform:uppercase;}
.gallery-overview .itemlist .item .button span,
.gallery-overview .itemlist .item .button input {width:100%;padding:16px 0;text-align:center;text-transform:uppercase;}
.gallery-overview .view-all {float:left;display:block;clear:both;position:relative;width:100%;border-bottom:1px solid #4a4a4a;}
.gallery-overview .view-all .button {float:right;}

/* case study */
#casestudy {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 32px;}
#casestudy .cms {float:left;display:block;clear:both;width:100%;margin:0;}
#casestudy .casestudy-photos {width:70%;margin:0 0 32px;}
#casestudy .casestudy-photos .itemlist .item img {display:block;width:100%;}

#casestudy .casestudy-data {float:right;position:relative;width:25%;margin:0 0 32px;letter-spacing:1px;font-size:14px;}
#casestudy .casestudy-data dl,
#casestudy .casestudy-data dl dt,
#casestudy .casestudy-data dl dd {clear:both;width:100%;}
#casestudy .casestudy-data dl dd {margin:0 0 16px;}
#casestudy .casestudy-data dl dd.p1 {font-weight:bold;font-size:18px;letter-spacing:0;}

/* article list */
.articlelist {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 32px;}
.articlelist .itemlist {float:left;display:block;clear:both;position:relative;width:100%;}
.articlelist .itemlist .item {float:left;display:block;clear:both;position:relative;width:100%;margin:0 0 64px;}
.articlelist .itemlist .item .photo {float:left;display:block;position:relative;width:35%;}
.articlelist .itemlist .item .photo img {display:block;width:100%;}
.articlelist .itemlist .item .content {float:right;position:relative;width:60%;border-bottom:1px solid #4a4a4a;}
.articlelist .itemlist .item .content h2 {border:none;}
.articlelist .itemlist .item .content .cms {float:left;clear:both;width:100%;}
.articlelist .itemlist .item .content .button {float:right;}

.articlelist .itemlist .featured {background:#fff;}
.articlelist .itemlist .featured .content {padding-top:16px;border:none;}
.articlelist .itemlist .featured .content .cms {width:95%;padding-right:5%;}

.articlelist .itemlist .special .content {border:none;}
.articlelist .itemlist .special .content .cms {font-size:18px;letter-spacing:0;font-style:italic;}

/* article */
.article {float:left;display:block;clear:both;position:relative;width:100%;padding:16px 0 0;}
.article h2 {margin-bottom:32px;}
.article h3 {margin-bottom:16px;line-height:1.444;}
.article h4 {margin-bottom:16px;line-height:1.444;}
.article h5 {line-height:1.444;}
.article .cms-photo {margin-bottom:32px;}
.bottomSpace {margin-bottom: 35px;}

.article + h3 {float:left;clear:both;width:100%;margin-top:30px;}

.article .banner{
    width: 100%;
    margin-bottom: 20px;
}

/* person list */
.personlist {float:left;display:block;clear:both;position:relative;width:100%;}
.personlist .itemlist {float:left;display:block;clear:both;position:relative;width:100%;}
.personlist .itemlist .item {float:left;display:block;position:relative;width:48%;margin:0 4% 64px 0;}
.personlist .itemlist .item:nth-child(2n+2) {margin-right:0;}
.personlist .itemlist .item .photo {float:right;display:block;position:relative;width:36%;-webkit-border-radius:100%;border-radius:100%;}
.personlist .itemlist .item .photo img {display:block;width:100%;-webkit-border-radius:100%;border-radius:100%;}
.personlist .itemlist .item .content {float:left;width:60%;}
.personlist .itemlist .item .content .cms {font-size:18px;line-height:1.44;font-style:italic;}
.personlist .itemlist .item .content dl {clear:both;width:100%;color:#00bfe1;font-size:14px;letter-spacing:1px;}
.personlist .itemlist .item .content dl dt {margin:0 5px 0 0;font-weight:bold;}


/* employee list */
.employeelist {float:left;display:block;clear:both;position:relative;width:100%;}
.employeelist .itemlist {float:left;display:block;clear:both;position:relative;width:100%;margin-top:50px;}
.employeelist .itemlist .item {float:left;display:block;position:relative;width:30%;margin:0 5% 48px 0;}
.employeelist .itemlist .item .photo {float:left;display:block;clear:both;position:relative;overflow:hidden;width:60%;margin:0 20% 16px;:hidden;-webkit-border-radius:100%;border-radius:100%;}
.employeelist .itemlist .item .photo img {display:block;width:100%;-webkit-border-radius:100%;border-radius:100%;}
.employeelist .itemlist .item .cms {float:left;clear:both;width:100%;padding:0 0 16px;border-bottom:1px dotted #4a4a4a;margin:0 0 8px;font-style:italic;text-align:center;}
.employeelist .itemlist .item dl,
.employeelist .itemlist .item dl dt,
.employeelist .itemlist .item dl dd {float:left;clear:both;width:100%;color:#00bfe1;font-size:14px;text-align:center;letter-spacing:1px;}
.employeelist .itemlist .item dl dt {font-weight:bold;}


.employeelist .bossrow {margin-top:20px;}
.employeelist .bossrow.center {text-align:center;}
.employeelist .bosslist {margin:-50px 0 50px; width:100%;padding-bottom:50px;border-bottom:1px dotted #4A4A4A;}
.employeelist .boss {width:48%;display:inline-block;text-align:left;vertical-align:top;}
.employeelist .boss:nth-child(odd) {margin-right:3%;}
.employeelist .boss .photo img {display:block;width:100%;-webkit-border-radius:100%;border-radius:100%;}
.employeelist .boss .photo {float:right;display:block;position:relative;overflow:hidden;width:37.5%;-webkit-border-radius:100%;border-radius:100%;}
.employeelist .boss .cms {float:left;width:59.5%;margin-right:3%;font-size:14px;}
.employeelist .boss .cms p {font-style: italic;}
.employeelist .boss dl {color: #00BFE1;font-size:14px;letter-spacing:1px;clear: left;}
.employeelist .boss dl dt {margin:0 5px 0 0;font-weight: bold;}
.employeelist .bosslist:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}


.managementlist {float:left;display:block;clear:both;position:relative;width:100%;}
.managementlist .item {width:48%;display:inline-block;text-align:left;vertical-align:top;}
.managementlist .item:nth-child(odd) {margin-right:3%;}
.managementlist .item .photo img {display:block;width:100%;-webkit-border-radius:100%;border-radius:100%;}
.managementlist .item .photo {float:right;display:block;position:relative;overflow:hidden;width:37.5%;-webkit-border-radius:100%;border-radius:100%;}
.managementlist .item .cms {float:left;width:59.5%;margin-right:3%;font-size:14px;}
.personlist .itemlist .item .content {float:left;width:auto;}
.managementlist .item .cms p {font-style: italic;}
.managementlist .item dl {color: #00BFE1;font-size:14px;letter-spacing:1px;clear: left;}
.managementlist .item dl dt {margin:0 5px 0 0;font-weight: bold;}


/* map */
#office-location {float:left;clear:both;width:100%;padding:0 0 8px;margin:0 0 32px;}
#map {overflow:hidden;width:100%;height:450px;border-bottom:1px solid #4a4a4a;margin:0 0 8px;}
#office-location .contact {float:left;clear:both;width:100%;padding:32px 0 0;}
#office-location .contact address {float:left;clear:both;width:100%;margin:0 0 16px;font-size:14px;letter-spacing:1px;}
#office-location .contact address strong {display:block;margin:0 0 20px;font:normal 24px/1.000 'Open Sans',Arial,Verdana,Tahoma,sans-serif;font-weight:300;letter-spacing:1px;}
#office-location .contact dl {float:left;clear:both;width:100%;margin:0 0 20px;}
#office-location .contact dl dt {margin:0 5px 0 0;}
#office-location .contact dl dd {font-weight:bold;}
#office-location .contact dl dd a {font-weight:normal;}

/* pagination */
.pagination {float: right; width: 50%; font-size: 15px;}
.pagination a, .pagination span {padding-right: 5px;}

/* text area contact us */
.image-container img{
    width: 100%;
    max-width: 100%;
}

.text-area{
    width: 75%;
}
.text-area ul{
    margin-bottom: 20px;
    width: 90%;
}
.text-area h2 {

}
/* FORMS
------------------------------------------------------------ */

/* form - buttons */
.button,
.button span,
.button input {float:left;display:block;position:relative;cursor:pointer;border:none;text-align:center;text-decoration:none;text-transform:none;font:normal 16px/16px Arial,'Helvetica Neue','Lucida Grande',Helvetica,sans-serif;letter-spacing:1px;}
.button span {padding:8px 16px 8px;}
.button input {padding:7px 16px 7px;margin:0;background:inherit;-webkit-appearance:none;}

.button-blue {background:#00bfe1;color:#fff;}
.button-blue span,
.button-blue input {background:#00bfe1;color:#fff;}
.button-blue:hover span,
.button-blue:hover input {text-decoration:underline;}

/* form - basic layout */
form ul,
form ol,
form li,
form label,
form input,
form select,
form .select,
form fieldset {display:block;float:left;}

form,
form ul,
form ol,
form li,
form fieldset {clear:both;position:relative;width:100%;}

form li ol,
form li ul {clear:none;}
form li li {width:auto;clear:none;margin:0 20px 0 0;}

form .text {height:20px;padding:6px 3% 5px;border:none;background:#fff;font:normal 16px/16px Arial,Tahoma,Verdana,sans-serif;}
form textarea.text {height:auto;resize:none;line-height:1.5;padding-top:6px;}
form .text:focus,
form textarea:focus {outline:none;-webkit-box-shadow:inset 1px 1px 3px #aaa;box-shadow:inset 1px 1px 3px #aaa;}

form .select {position:relative;overflow:hidden;width:auto;height:31px;border:1px solid #ccc;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 1px 1px 0 #fff;box-shadow:inset 1px 1px 0 #fff;background:#fbfbfb url(http://httpool.com/_common/images/layout/html-select-order.png) no-repeat 95% 50%;background-image:url(http://httpool.com/_common/images/layout/html-select-order.png),-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#eaeaea));background-image:url(http://httpool.com/_common/images/layout/html-select-order.png),-webkit-linear-gradient(top,#fbfbfb,#eaeaea);background-image:url(http://httpool.com/_common/images/layout/html-select-order.png),-moz-linear-gradient(top,#fbfbfb,#eaeaea);background-image:url(http://httpool.com/_common/images/layout/html-select-order.png),-o-linear-gradient(top,#fbfbfb,#eaeaea);background-image:url(http://httpool.com/_common/images/layout/html-select-order.png),linear-gradient(to bottom,#fbfbfb,#eaeaea);}
form .select select {position:absolute;left:5px;top:6px;width:120%;height:19px;border:0;background:transparent;font:normal 15px/15px Arial,Tahoma,Verdana,sans-serif;-webkit-appearance:none;outline:none;}

form input.radio,
form input.checkbox {background:none;border:0;padding:0;margin:2px 6px 0 0;}

/* form - contact */
.form-contact {border-bottom:1px solid #4a4a4a;}
.form-contact ul {margin:0 0 20px;}
.form-contact ul li {margin:0 0 10px;}
.form-contact .mainlabel {clear:both;width:100%;margin:0 0 2px;}
.form-contact .text {width:94%;}
.form-contact .button {float:right;}
#captcha-img {float:left;clear:both;overflow:hidden;width:100%;padding:4px 0 8px;text-align:center;}
#captcha-img img {display:block;margin:0 auto;}

/* form - map selector */
.map-selector {float:left;clear:both;width:100%;margin:0 0 16px;}
.map-selector label {float:left;margin:7px 5px 0 0;}
.map-selector select {float:left;margin:7px 5px 0 0;}


/* LIGHTBOX
------------------------------------------------------------- */

/* fancyBox v2.1.5 fancyapps.com */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap {position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin {position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444;font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block;width:100%;height:100%;}
.fancybox-image {max-width:100%;max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url(../images/fancybox/fancybox_sprite.png);}
#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div {width:44px;height:44px;background:url(../images/fancybox/fancybox_loading.gif) center center no-repeat;}
.fancybox-close {position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav {position:absolute;z-index:8040;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../images/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span {left:10px;background-position:0 -36px;}
.fancybox-next span {right:10px;background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}

/* Overlay helper */
.fancybox-lock {/*overflow:hidden !important;*/width:auto;}
.fancybox-lock body {overflow:hidden !important;}
.fancybox-lock-test {overflow-y:hidden !important;}
.fancybox-overlay {position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../images/fancybox/fancybox_overlay.png);}
.fancybox-overlay-fixed {position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll;}

/* Title helper */
.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap {position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}

/* Retina graphics */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {background-image:url(../images/fancybox/fancybox_sprite@2x.png);background-size:44px 152px;}
	#fancybox-loading div {background-image:url(../images/fancybox/fancybox_loading@2x.gif);background-size:24px 24px;}
}

/* lightbox */
#lightbox {width:700px;background:#fff;color:#000;font:normal 13px/1.5 Arial,Tahoma,'Helvetica Neue','Lucida Grande',Helvetica,sans-serif;text-align:left;}
#lightbox .lb-header {float:left;clear:both;width:660px;padding:10px 20px;}
#lightbox .lb-header h2 {width:90%;margin:0;color:#fff;text-transform:uppercase;}
#lightbox .lb-body {float:left;clear:both;width:660px;padding:20px;background:#fff;}
#lightbox .lb-footer {float:left;clear:both;width:660px;padding:9px 20px 15px;}




/* FIX Jan 2014 */
#footer .social {width:200px;position:absolute;right:10px;bottom:40px;}
#footer .social a {display:block;width:40px;height:40px;margin-right:10px;float:left;}
#footer .social a:hover {background-position: 0 -40px;}
#footer .social .facebook {background:url(../images/icons/facebook.png) 0 0 no-repeat;}
#footer .social .google {background:url(../images/icons/google.png) 0 0 no-repeat;}
#footer .social .linkedin {background:url(../images/icons/linkedin.png) 0 0 no-repeat;}
#footer .social .twitter {background:url(../images/icons/twitter.png) 0 0 no-repeat;}
#footer .legal {position: absolute;bottom: 10px;font-size: 10px;}

#left-right .row {margin-bottom:40px;display:inline-block;}
#left-right .row .info {width:49%;float:left;}
#left-right .row .img {width:49%;margin-left:2%;float:left;}
#left-right .row .img  img{width:100%;}
#left-right .row:nth-child(odd) .info {float:right;}
#left-right .row:nth-child(odd) .img {float:right;margin-left:0%;margin-right:2%;}

.contact-form-container{}
.form-contact .text {border:1px solid #BBB;}


#map .preventScroll {width:100%;height:450px;position:absolute;}

.clearfix {
    clear: both;
    content: '';
    display: block;
    height: 0;
}



/* MEDIA QUERIES
------------------------------------------------------------ */
@media screen and (max-width:768px) {
	body {font-size:12px;}
	h1 {font-size:45px;}
	h2 {font-size:37px;}
	h3 {font-size:30px;}
	h4 {font-size:21px;}
	h5 {font-size:17px;}
	
	/* columns */
	.tabgroup .cols .col {margin:0 0 24px;}
	.col-03-01,
	.col-03-02 {width:100%;}

    .col-03-01.no-margin,
    .col-03-02.no-margin {width:100%;}

    .col-02-03 {width: 100%; margin: 0 0 10px 0;}
    .col-02-03 .cms img {margin:0}
	.article .cols .col-02-01 {width:100%;margin-right:0;}
	.article .cols .col-02-02 {width:100%;}
	
	/* forms */
	.button,
	.button span,
	.button input {font-size:15px;line-height:1;}
	.button span {padding:6px 16px;}
	.button input {padding:5px 16px;}
	
	/* var */
	.cms-intro-01 {font-size:16px;}
	
	/* top */
	#top ul {text-align:right;}
	#top ul li {margin:0 0 0 10px;}
	
	/* header */
	#logo {float:left;position:static;left:0;top:0;margin:0;width:219px;}
	#main-nav {float:right;clear:none;width:50%;margin:-17px 0 0;font-size:15px;}
	#main-nav li {float:left;clear:both;width:100%;}
	#main-nav li a {padding:10px 0;text-align:right;}
	
	#sec-nav {text-align:center;font-size:15px;}
	#sec-nav ul {width:100%;text-align:center;}
	#sec-nav ul li {float:none;display:inline;margin:0 10px;}
	#sec-nav ul li a {line-height:32px;}
	
	/* keyvisual */
	#keyvisual {padding:0 0 45px;}
	#keyvisual .tabs {bottom:-45px;}
	#keyvisual .tabs li a {border-color:#ccc;}
	
	/* footer */
	#footer ul {display:none;}
    #footer ul.show-mobile {display: block;}
	
	/* front specific */
	#front .box {width:96%;padding-bottom:14px;margin:0 0 32px;}
	#front .intro .p1 {font-size:23px;}
	#front .intro .p2 {font-size:21px;}
	#front .intro .p3 {font-size:15px;}
	#front .box h4 {font-size:23px;}
	#front .box .cms {font-size:15px;}
	.front-content .about {width:96%;margin:0 0 32px;}
	.front-content .newslist {width:100%;padding:0;}
	.front-content .about .button span,
	.front-content .about .button input {padding:13px 0;}
	
	/* tabs */
	.tabgroup .tabs-round ul {float:left;width:100%;margin:0;background:#bbb;}
	.tabgroup .tabs-round ul li {padding:0;clear:both;width:100%;max-width:100%;margin:0;border-top: 1px solid #bbb;border-left: 1px solid #bbb;border-right: 1px solid #bbb;}
	.tabgroup .tabs-round ul li:last-child {border-bottom: 1px solid #bbb;}
	.tabgroup .tabs-round ul li a {position:static;left:auto;top:auto;width:100%;height:auto;font-size:15px;line-height:1.35;font-weight:500;background:#FFF;color:#4A4A4A;}
	.tabgroup .tabs-round ul li.active {margin-top:0;}
	.tabgroup .tabs-round ul li.active a {background:#bbb;color:#fff;}
	.tabgroup .tabs-round ul li a img {display:none;}
	.tabgroup .tabs-round ul li a span,
	.tabgroup .tabs-notext ul li a span	{display:block;}
	.tabgroup .tabs-round ul li a span,
	.tabgroup .tabs-notext ul li a span {position:static;left:auto;top:auto;width:auto;height:auto;padding:15px 0;}
	.tabgroup .tabs-notext ul {background: #fff;}

	/* news list */
	.newslist .itemlist .item .content h5,
	.articlelist .itemlist .special .content .cms {font-size:17px;}

    .gallery-overview .itemlist .item {width:41%;margin:0 2.49% -15px !important;}

    /* case study list 2 */
	.casestudies-overview .itemlist .item {width:44%;padding-top:15px;padding-bottom:15px;margin:0 4% 32px 0;background:#fff;}
	.casestudies-overview .itemlist .item:nth-child(2n+2) {margin-right:0;}
	
	/* personlist */
	.personlist .itemlist .item {width:100%;margin-right:0;}
	.personlist .itemlist .item .content .cms {font-size:17px;}
    .personlist .itemlist .item .content dl {clear: none ; width: auto;}
    .personlist .itemlist .item .content .photo {width: 28%;}

    .employeelist .itemlist .item {float: left; width: 100%;}
    .employeelist .itemlist .item .photo {float: right; display: block; clear: none; width: 25%; margin: 0; position: relative; overflow: hidden;}
    .employeelist .itemlist .item .cms {float: left; clear: none; width: 59.5%; border: none; text-align: left;}
    .employeelist .itemlist .item dl {clear: left; width: auto;}
    .employeelist .itemlist .item dl dt {margin: 0 5px 0 0;}
    .employeelist .itemlist .item dl dt,
    .employeelist .itemlist .item dl dd {text-align: left; width: auto !important; clear: none;}

	/* case study list */
	.casestudylist .itemlist .item {margin:0 0 30px;}
	.casestudylist .itemlist .item .photo {width:100%;margin:0 0 30px;}
	.casestudylist .itemlist .item .content {width:100%;}
	
	/* about */
	#office-location {margin-bottom:0;}
	
	#footer .social {position:initial;margin:0 auto;margin-top:10px;}
	#footer .legal {position:initial;margin:0 auto;margin-top:10px;text-align: center;clear:both;padding-top: 10px;}
	#left-right .row .info,#left-right .row .img {float:none;width:100%;margin:0 !important;}
	.cms p iframe {width:100%;}

    .text-area{
        width: 100%;
    }
    .col-03-01.no-margin{
        padding: 0;
    }
    .contact-form-container{
        margin: 10px;
    }
}
@media screen and (max-width:480px) {
	/* columns */
	.col-02-01 {width:100%;margin:0 0 24px;}
	
	/* top */
	#top .w {padding:16px 0 12px;}
	#top ul {text-align:center;line-height:2;}
	#top ul li {margin:0 5px;white-space:nowrap;}
	
	/* header */
	#header {padding-bottom:10px;}
	#logo {position:absolute;top:30px;left:50%;margin:0 0 0 -110px;}
	#main-nav {float:left;clear:both;width:100%;border-top:1px solid #ccc;margin:90px 0 10px;text-align:center;}
	#main-nav li a {padding:15px 0;border-bottom:1px solid #ccc;text-align:center;}
	
	/* footer */
	#footer .w {padding:20px 0;text-align:center;line-height:2;}
	#footer .col {float:none;display:inline;padding:0;margin:0 20px;}
	#footer h6 {float:none;display:inline;clear:none;width:auto;font-weight:normal;text-transform:uppercase;}
	#footer .col:last-child ul {border:none;padding:0;width:134%;}
	
	/* article list */
	.articlelist .itemlist .item {margin:0 0 30px;}
	.articlelist .itemlist .item .photo {width:100%;margin:0 0 30px;}
	.articlelist .itemlist .item .content {width:100%;}
	
	/* news list */
	.newslist .itemlist .item .photo {float:left;width:100%;margin:0 0 24px;}
	.newslist .itemlist .item .content {float:left;width:100%;}
	
	/* gallery */
    .gallery-overview .itemlist .item {width:91%;margin:0 2.49% -15px !important;}

    /* case study list 2 */
	.casestudies-overview .itemlist .item {padding-top:10px;padding-bottom:10px;}


    /* employee list */
	.employeelist .itemlist .item,
    .managementlist .itemlist .item,
    .employeelist .itemlist .boss {width:100%;margin:0 0 48px;text-align: center;}

    .employeelist .itemlist .item .cms,
    .employeelist .itemlist .boss .cms,
    .managementlist .itemlist .item .cms {width:100%;border-bottom: 1px dotted #4A4A4A;margin-bottom: 8px;padding-bottom: 16px;}

	.employeelist .boss .photo {width:50%;margin:0 25% 16px;}
	.employeelist .boss .cms {width:100%;margin:0;}

    .managementlist .itemlist .item .photo {width:50% !important;margin:0 25% 16px;}
    .employeelist .itemlist .item .photo {width:50% !important;margin:0 25% 16px;}

    .employeelist .bosslist {border: none; margin: -50px 0 0; padding-bottom: 0;}

    .managementlist .itemlist .item .content dl dt,
    .managementlist .itemlist .item .content dl dd,
    .employeelist .itemlist .item dl dt,
    .employeelist .itemlist .item dl dd,
    .employeelist .itemlist .boss dl dd,
    .employeelist .itemlist .boss dl,
    .employeelist .itemlist .boss dl dt {float:none;text-align: center;}

    .managementlist .itemlist .item .content .cms,
    .employeelist .itemlist .item .cms,
    .employeelist .itemlist .boss .cms {font-size: 14px;text-align: center;}

    .personlist .itemlist .item .content dl,
    .employeelist .itemlist .item dl {
        clear: both;
        width: 100% !important;
    }

    .text-area{
        padding-left: 10px;
    }
    .image-container{
        display: none;
    }

}

/* iPhone text size fix */
html {-webkit-text-size-adjust:100%;}

@media screen and (max-width:320px) {
	/* footer */
	#footer .col {float:none;display:inline;margin:0 10px;}

    /* case study list 2 */
	.casestudies-overview .itemlist .item {width:96%;padding-top:10px;padding-bottom:10px;margin:0 0 32px;}
}