.accordion {
list-style-type:none;
margin:0;
padding:0
}

.accordion li {
padding:0;
clear:both
}

.accordion .title {
text-decoration:none
}

.accordion h2 {
border-top:solid 1px #dde2e7;
border-bottom:none;
margin-bottom:20px;
background:url(img/open.png) no-repeat 98% 50%;
cursor:pointer
}

.accordion h2.fixed {
background:none;
cursor:auto
}

.accordion .active>h2,.accordion .active>a>h2 {
background-image:url(img/close.png);
color:#ee3124
}

.accordion .active>h2.fixed,.accordion .active>a>h2.fixed {
background:none
}

.accordion li ul li a {
font-size:13px;
float:left;
width:100%;
padding:0 0 5px
}

.accordion li ul li a:hover {
text-decoration:none
}

.accordion li.news a,.accordion li.capabilities a,.accordion li.sectors a,.accordion li.projects a {
border-top:dotted 1px #eee;
padding:5px 0
}

.accordion li.news a {
padding:10px 0
}

.accordion li.news a:hover,.accordion li.capabilities a:hover,.accordion li.sectors a:hover,.accordion li.projects a:hover {
color:#ee3124
}

.accordion .videos a {
background:#f0f0f0;
width:100%;
text-align:center
}

.accordion .videos a:hover {
background:#ff2431;
color:#fff
}

.accordion .videos .caption {
margin:0;
padding:0;
font-size:13px
}

.accordion li.publications a {
background:#f0f0f0;
padding:15px 0 5px;
text-align:center;
transition:all .6s ease-out 0
}

.accordion li.publications a:hover {
background:#34495e
}

.accordion li.publications a img {
width:65%;
border:solid 8px #fff
}

.accordion li.publications a .caption {
line-height:120%
}

.accordion li.publications a:hover .caption {
background:none
}

.pep-email {
font-size:12px!important
}

.telinfo {
color:#999;
margin-right:10px
}

.info {
font-size:12px;
line-height:150%
}

.image-box-info dd a {
padding:0!important
}

li.image-box a img {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

li.image-box a:hover img {
transform:translateY(0) scale(1.1);
-webkit-transform:translateY(0) scale(1.1)
}

li.image-box a {
overflow:hidden
}

.image-box a .caption {
position:relative
}

.accordion li.publications a:hover img {
transform:translateY(0) scale(1);
-webkit-transform:translateY(0) scale(1)
}

@media screen and (max-width: 650px) {
.offices .map {
width:100%;
margin:20px 0
}
}