/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/*
 * Custom Style Sheet - Use this file to style your content
 */
/* Layout
----------------------------------------------------------------------------------------------------*/
.custom-logo {
  width: 138px;
  height: 72px;
  background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
  background-size: contain;
}
.margin-tb-20 { margin: 20px 0; }
.margin-l-40 { margin-left: 40px; }
/* Modules
----------------------------------------------------------------------------------------------------*/
/* Fixing the flickering for -webkit- browsers */
.module { -webkit-backface-visibility: hidden; }
/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/
.frontpage-teaser1 {
  background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser1_default.jpg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.frontpage-teaser2 {
  background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser2_default.jpg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.frontpage-teaser3 {
  background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser3_default.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/
.frontpage-features {
  margin-top: 30px;
  overflow: hidden;
}
.frontpage-features h1 {
  margin: 20px 0 5px 0;
  font-size: 19px;
  line-height: 20px;
}
/* Frontpage: Check
----------------------------------------------------------------------------------------------------*/
.frontpage-check {
  float: left;
  margin-bottom: 20px;
  text-transform: uppercase;
}
/* Frontpage: Team
----------------------------------------------------------------------------------------------------*/
.frontpage-team h1 {
  margin: 20px 0 0 0;
  font-size: 40px;
  line-height: 41px;
}
.frontpage-team p {
  margin: 10px 0 0 0;
  font-size: 17px;
  line-height: 22px;
}
/* Frontpage: Contact
----------------------------------------------------------------------------------------------------*/
ul.line.frontpage-contact > li {
  margin: 0;
  padding: 15px 0;
  border-top: none;
  background: url(../images/line_bg.png) bottom repeat-x;
}
ul.line.frontpage-contact > li:first-child {
  background: url(../images/line_bg.png) top repeat-x,
        url(../images/line_bg.png) bottom repeat-x;
}
ul.line.frontpage-contact strong {
  float: left;
  width: 140px;
  text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
}
ul.line.frontpage-contact div { display: inline-block; }
/* Frontpage: Clients
----------------------------------------------------------------------------------------------------*/
.frontpage-clients a {
  float: left;
  opacity: 0.5;
  margin: 0 -1px -1px 0;
  border: 1px solid #616a73;
  border: 1px solid rgba(255,255,255,0.5);
}
.frontpage-clients a:hover {
  opacity: 1;
  border: 1px solid #FFF;
  background-color: rgba(255,255,255,0.05);
}
.frontpage-teaser { line-height: 0; }
.frontpage-teaser img {
  display: block;
  line-height: 0;
}
/* JDS changes */
/*Fix for widgetkit white space in chrome*/
html body#page.page div#block-top-a.bg-white div.block-top-a section#top-a.grid-block div.grid-box div.module {min-height: 0px!important}

#yoo-zoo .item .element-textarea > ul{margin-left:20px}
#logo > p {margin: 5px 0 0;padding: 0}
.page-diseases #yoo-zoo.blog-default .item h1.pos-title{font-size: 30px;margin-bottom: 30px}
#top-a,#block-header + *{margin-top:0px;padding-top:0px}
#block-header{border-bottom:none}
.menu-dropdown a.level1, .menu-dropdown span.level1{border:none}
.menu-dropdown .level1 a span{font-size:110%}
.menu-dropdown a.level2, .menu-dropdown span.level2{font-size:80%}
#block-top-a #top-a .module{margin:0px}
.bg-color1 {background: url("../../../images/websiteimages/bg_pattern.gif")!important}
.bg-dark{background-color: #262425!important}
.overlay{bottom:0px!important;visibility:visible!important;width:295px}
.bluething{background: url(../../../images/websiteimages/mid_bgtwo.jpg) no-repeat;background-size:cover;color:#ffffff;min-height:200px;margin:0px;padding:20px}
.bluething p{color: #ffffff; font-family: opensanslight; font-size: 35px; font-weight: 400; line-height: 45px; margin-bottom: 30px!important; margin-top: 30px!important; text-align: center}
p.bluething-links {font:bold 22px/1.2 Arial,sans-serif;margin-top:20px;text-align: center}
p.bluething-links a{color:#ffffff}
p.bluething-links a{border-left: 3px solid white;float:left;padding:0 10px}
p.bluething-links a:first-child{border-left: none}

.latestnews-homepage{background: none repeat scroll 0 0 transparent;border: medium none;color: #FFFFFF;padding: 0 20px}
.latestnews-homepage ul.zoo-list > li {border: medium none}
#bottom-b h3.module-title,.latestnews-homepage h3.module-title{color:#bdc3c7}
#bottom-b a{color:#00aeef}
.bg-colored .latestnews-homepage a {color: #00aeef!important}
#footer .module.deepest { float: left; font-size:11pt; width: 50%}
.searchbox{
  border-width:0;
float:left;
}
html[lang="fr-fr"] .searchbox{width:97px;}
.mod-languages {text-align: center;float:left;margin-top:24px;}
/* Daniel Changes */
body {color: #555555}
h1, h2, h3, h4, h5, h6 {text-transform: none}
#yoo-zoo .items h1.pos-title {font-family: "OpenSansRegular";font-size: 24px;line-height: 28px; letter-spacing: -1px}
#yoo-zoo .item h1.pos-title,#yoo-zoo .details h1.title {font-family: "OpenSansRegular";font-size: 40px; line-height: 40px}
#yoo-zoo .details div.heading{border-bottom:none;padding-bottom:0px}
.menu-dropdown li.active .level1:before, #menu .menu-dropdown li.level1:hover .level1, #menu .menu-dropdown li.remain .level1, .menu-dropdown .dropdown-bg > div {background-color: #0072BC !important}
.menu-dropdown a.level1, .menu-dropdown span.level1{text-transform:capitalize;color:#ffffff}
#header{background-color:#262425;margin-bottom:0px!important}
.wk-slideshow .caption{bottom:0;left:0;right:0}
.wk-slideshow .caption p{font-family:"OpenSansRegular";font-size:200%;font-weight:bold;line-height:40px}
.wk-slideshow-infinite .caption p {background-color: rgba(54, 152, 71, 0.8) !important; display:inline-block; padding:20px; margin:20px; width:auto}
.mod-box .module-title {text-transform: none}
.mod-box-color1 {background-color: #0072BC!important}
.mod-box-color2 {background-color: #00A850!important}
.menu-dropdown li.active .level1:before{background:none!important}
.menu-dropdown li.active .level1 {color: #0072BC!important}
.menu-dropdown li.active:hover .level1 {color: #FFFFFF!important}
.mod-box-color1 .menu-sidebar li .active, .bg-color1 .menu-sidebar li .active, .bg-color1 .mod-line .menu-sidebar li .active{color: #FFFFFF!important}
.menu-dropdown li.remain .active {color: #FFFFFF!important}
.menu-dropdown .level2 a.current {color:inherit!important}
.menu-dropdown .level1 .dropdown {margin-left: 0px !important}
.menu-dropdown .level2 a:hover{color: #BDC3C7!important;text-shadow:0px 0px 0px rgba(255 255 255 0.25)!important}
.mod-line .module-title, .mod-box.mod-box-grey .module-title {color: #0072BC}
.mod-testimonials .wk-zoo-item div.media{margin-bottom:20px}
.mod-testimonials h3.title {color:#1072bc}
.page-wherewework #sidebar-a p.title,.page-wherewework #sidebar-b p.title{font-weight:bold}
#yoo-zoo .items h1.pos-title a {color: #0072BC}
h1, h2 {color: #0072BC}
#yoo-zoo .item h3 {color: #0072BC; font-family: "OpenSansRegular"; font-size: 22px}
#system .title a {text-transform: inherit}
.jumap-container > div {color: transparent !important; text-shadow: none !important}
.level1.item179 {display: none}
.level1.item521 {display: none}
.wk-slideshow-infinite > div .next, .wk-slideshow-infinite > div .prev{display:none}
.zoo-item-list p.links span a.element-download-button:after{content:""}
.mod-downloads .zoo-item-list p.title {font-weight: bold}
.mod-downloads ul.zoo-list > li:first-child{margin-top:0; padding-top:0}
.mod-downloads ul.zoo-list > li{margin-top:15px; padding-top:15px}
.mod-downloads ul.zoo-list > li p{margin-top:0px}
#menu .menu-dropdown li.level1.current:hover{background-color:#ffffff}
#page .button-default, #page form.style button, #page form.style input[type="button"], #page form.style input[type="submit"]{background-color:#E9E9EA;color:#4d7f9f}
.teaser-item a{color:#4d7f9f}
/* Avoid links like blocks for ul.check*/
ul.check > li > a:first-child {
    display: inline;
}

.dropbutton {
  left: 6%;
  opacity: 0.6;
  position: absolute;
  top: 6%;
  transition: width 1s ease 0s;
  width: 16% !important;
}

.dropbutton:hover {
  opacity: 1;
  width: 20% !important;
}

/* Responsive
----------------------------------------------------------------------------------------------------*/
/* Big Screens*/
@media (min-width: 1705px) {
  .wk-slideset-default div.sets > ul.set{
   width: 95%!important;
  }
  .wk-slideset-default .set li{
   float: left;
   left: 0px!important;
   margin-left:2vw;
   position: relative;
  }
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
  /* Layout */
  .margin-l-40 { margin-left: 0; }
}
/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
  /* Layout */
  #block-bottom-c .width33 { width: 100%; }
  .frontpage-features img {
    float: none;
    margin: auto auto 15px;
  }
  .frontpage-check.width50 { width: 100%; }  
}
@media (max-width: 769px) {
  .wk-slideshow .caption{bottom:-10px}
  .bluething{padding:5px 5px 120px}
  .bluething p{margin-bottom: 0px!important; margin-top: 0px!important}
  .wk-slideshow-tabs .nav, .wk-slideshow-tabs .nav li {border-radius:5px;clear: both;margin:0!important;width:99.5%}
  #yoo-zoo .items-col-2 .width50.first,#yoo-zoo .items-col-2 .width50.last{width:100%}
  #footer .module.deepest{float:none;margin-top:20px;width:100%}
  #totop-scroller {right:inherit;top:150px;width:100%}
}
@media (max-width: 678px) {
  .wk-slideshow-infinite .caption { width: 100%; margin: 0px; padding: 0px; position: relative; bottom: 0px; top: 0px; }
  .wk-slideshow-infinite .caption p{margin:0;text-align:center}
  .wk-slideshow-infinite .caption { background-color:#369847;display:block!important;height:120px}
}
@media (max-width: 480px) {
  .wk-slideshow-infinite .caption { background-color:#369847;display:block!important;height:160px}
}
@media (max-width: 320px) {
  .wk-slideshow-infinite .caption { background-color:#369847;display:block!important;height:200px}
}
.menu-sidebar a.level1, .menu-sidebar span.level1 {
  text-transform: inherit;
}