/* Automotive */
#theme-page .overlapping {
  overflow: visible;
}



sup {
 font-size: 0.3em !important;
}

a {
  position: relative;
  display: inline-block;
}

.mk-love-holder {
  display: none;
}

.edge-slide-content .mk-edge-custom-content p img {
  margin-bottom: 0;
}

/* Menu */

.menu-item-language .submenu-languages {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #f7f7f7;
  padding: 10px !important;
  width: 125%;
}

.menu-item-language .submenu-languages li.menu-item-language {
  line-height: 40px;
  text-align: left;
  padding-left: 10px;
}

.menu-item-language a img {
  margin-right: 5px !important;
}

@media screen and (max-width: 1140px) {
 .menu-item-language .submenu-languages {
  width: 100%;
  }
}

/* Utilities */

.hide { display: none !important; }
.text-center { text-align: center !important; }

.mk-button-medium { padding: 10px 14px; }

.mk-button-blue { background-color: #3a8abc !important; }
.mk-button-blue:hover { background-color: #37516a !important; }

.mk-button-gray { background-color: #999 !important; }
.mk-button-gray:hover { background-color: #bbb !important; }

.mk-button-green { background-color: #5c902a !important; }
.mk-button-green:hover { background-color: #88c24d !important; }

/* Forms */
.ninja-forms-response-msg {

}

.ninja-forms-required-items {
 display: none;
}
.ninja-forms-error-msg {
 font-size: 14px;
 margin-bottom: 20px;
 padding: 20px;
 background-color: rgba(232, 29, 29, 0.1);
 border: 1px solid #F09797;
 color: #F10404;
}
.ninja-forms-success-msg {
 margin-bottom: 20px;
 padding: 20px;
 background-color: rgba(0, 0, 0, 0.02);
 border: 1px solid rgba(0, 0, 0, 0.1);
}
#theme-page .ninja-forms-form-wrap select.ninja-forms-field {
 width: 100%;
 background-color: #fdfdfd;
}
.ninja-forms-field-error p {
 font-size: 12px;
 color: red;
}
.ninja-forms-required-items {
 text-align: right;
}

.dlm-nf-download-link {
 display: none;
}

/* Modal login */

#modal-login p {
  margin-bottom: 40px;
}

#modal-login h4 {
  margin-bottom: 20px;
}

#modal-login p .mk-button {
  margin: 0 4px !important;
}

/* Homepage - Formats */
.format-container {
  position: relative;
  overflow: hidden;
  min-height: 300px !important;
}

.format-desc {
  margin: 0 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  transition: all .5s;
}

.format-container:hover .format-desc {
  top: 0;
}

/* Homepage - Features puzzle */

.feat-puzzle {
  position: relative;
}

.feat-puzzle {
  margin: 0 auto;
  width: 572px;
  height: 291px;
}

.feat-puzzle-image-mobile {
  display: none;
}

[class*="feat-puzzle-"] {
  position: absolute;
  top: 0;
  left: 0;
  transition: all .35s;
}
[class*="feat-puzzle-"] span {
  display: block;
  z-index: 5;
  width: 153px;
  height: 77px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all .35s;
}
[class*="feat-puzzle-"] span + span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
}
[class*="feat-puzzle-"]:hover span + span {
  opacity: 1;
  transition-delay: .25s;
}

/* Data provider */
.feat-puzzle-data-provider {
  top: -110px;
  left: 70px;
}
.feat-puzzle-data-provider:hover  { top: -67px; }

.feat-puzzle-data-provider span {
  background-image: url('../../uploads/2015/03/visuel_adserving_brick_dataprovider.png');
  width: 112px;
  height: 91px;
}
.feat-puzzle-data-provider span + span { background-image: url('../../uploads/2015/03/visuel_adserving_brick_dataproviderlogo.png'); }

/* Ad verification */
.feat-puzzle-ad-verification {
  top: 41px;
  left: -180px;
}
.feat-puzzle-ad-verification:hover { left: -129px; }

.feat-puzzle-ad-verification span        { background-image: url('../../uploads/2015/03/visuel_adserving_brick_adverification.png'); }
.feat-puzzle-ad-verification span + span { background-image: url('../../uploads/2015/03/visuel_adserving_brick_adverificationlogo.png'); }

/* Analytic */
.feat-puzzle-analytic {
  top: 158px;
  left: -180px;
}
.feat-puzzle-analytic:hover  { left: -129px; }

.feat-puzzle-analytic span {
  background-image: url('../../uploads/2015/02/visuel_adserving_brick_analytic.png');
  top: 158px;
  left: -180px;
}
.feat-puzzle-analytic span + span { background-image: url('../../uploads/2015/03/visuel_adserving_brick_analyticlogo.png'); }

/* Ad creation */
.feat-puzzle-ad-creation {
  top: -24px;
  left: 390px;
}
.feat-puzzle-ad-creation:hover  { top: 19px; }
.feat-puzzle-ad-creation span        {
  background-image: url('../../uploads/2015/03/visuel_adserving_brick_adcreation.png');
  width: 112px;
  height: 91px;
}
.feat-puzzle-ad-creation span + span { background-image: url('../../uploads/2015/03/visuel_adserving_brick_adcreationlogo.png'); }

/* Video player */
.feat-puzzle-video-player {
  top: 138px;
  left: 587px;
}
.feat-puzzle-video-player:hover  { left: 547px; }
.feat-puzzle-video-player span        { background-image: url('../../uploads/2015/03/visuel_adserving_brick_videoplayer.png'); }
.feat-puzzle-video-player span + span { background-image: url('../../uploads/2015/03/visuel_adserving_brick_videoplayerlogo.png'); }

/* Mobile / Tablet */
@media screen and (max-width: 900px) {

  .feat-puzzle {
    max-width: 100%;
    height: 150px;
  }
  [class*="feat-puzzle-"] {
    display: none;
  }

  .feat-puzzle-image-mobile {
    display: block;
  }
}

/* Homepage - SWF ads demo */

.swf-ads {
  position: relative;
  max-width: 809px;
  margin: 0 auto 10px;
}

@media screen and (max-width: 840px) {
  .swf-ads {
    display: none;
  }

  .swf-ads-button .mk-box-icon-2 {
    background-color: #fff;
    border-color: #ddd;
    cursor: pointer;
  }
}

.swf-ads-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.swf-ads-demo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.swf-ads-demo.active {
  display: block;
}

.swf-vpaid-custom,
.swf-vpaid-locator,
.swf-vpaid-bookatest {
  position: absolute;
}

.swf-vpaid-custom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
     -moz-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.swf-vpaid-locator,
.swf-vpaid-bookatest {
  top: 45px;
  left: auto;
  right: 0;
}
.swf-vpaid-bookatest {
  top: 85px;
}

.swf-logo-mercedes {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 135px;
  height: 30px;
  background-image: url('../..//uploads/2015/03/vpaid_apps_logomerce.png');
}

.swf-icon-sound,
.swf-icon-close {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 10px;
  right: 10px;
}
.swf-icon-sound { background-image: url('../../uploads/2015/03/ic_player_sound.png'); right: 30px; }
.swf-icon-close { background-image: url('../../uploads/2015/03/ic_player_skip.png'); }

.swf-vpaid-facebook,
.swf-vpaid-twitter,
.swf-vpaid-pinterest,
.swf-vpaid-google {
  position: absolute;
  top: 60px;
  left: 0;
}
.swf-vpaid-twitter   { top: 110px; }
.swf-vpaid-pinterest { top: 160px; }
.swf-vpaid-google    { top: 210px; }

.swf-mini-site {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* SWF switcher buttons */
.swf-ads-button .mk-box-icon-2 {
  padding: 20px;
  border: 1px solid transparent;
}
.swf-ads-button:hover .mk-box-icon-2,
.swf-ads-button.active .mk-box-icon-2 {
  background-color: #fff;
  border-color: #ddd;
  cursor: pointer;
}

/*
 * BambooHR
 */ 

.BambooHR-ATS-board {
  padding: 0 30px 0 5px;
  margin-right: 30px;
}

.BambooHR-ATS-board h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.BambooHR-ATS-Department-Header {
  padding: 15px 20px 15px 5px;
  font-size: 20px;
  color: #37516a;
}

.BambooHR-ATS-Department-List,
.BambooHR-ATS-Jobs-List {
  list-style: none;
  margin: 0;
}

.BambooHR-ATS-Jobs-List {
  /*border-top: 1px solid #d4d4d4;*/
  border-bottom: none;
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
}

.BambooHR-ATS-board ul ul {
   border-bottom: none !important;
}

.BambooHR-ATS-Jobs-Item {
  border-bottom: 1px solid #d4d4d4;
}

.BambooHR-ATS-Jobs-Item a {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: block;
    padding: 10px 10px;
    font-size: 14px;
    color: #3a8abc;
}

.BambooHR-ATS-Jobs-Item a:hover {
  background-color: rgba(255,255,255,0.8);
}

.BambooHR-ATS-Location {
  margin-top: 2px;
  float: right;
  display: none;
  font-size: 0.750em;
  text-align: right;
  text-transform: uppercase;
  color: #000;
}

.BambooHR-ATS-board .BambooHR-ATS-Location {
  padding: 0 !important;
}

.BambooHR-ATS-Location:last-child {
  border-bottom: 0;
}

/* FOOTER */

#mk-footer .footer-wrapper {
  text-align: center;
}

#mk-footer .footer-wrapper img {
  margin-right: 10px;
}

#mk-footer .widgettitle {
  display: none;
}

/* GLOBAL */

.white-text * {
  color: #fff !important;
}

.small-text * {
  font-size: 12px;
}

.medium-text * {
  font-size: 14px;
}

.bigger * {
  font-size: 1.06em;
}

.bg-full-width {
  background-size: 100%;
}

@media screen and (max-width: 1024px) {
  .bg-full-width {
    background-image: none !important;
  }
}

.small-text p {
  margin-bottom: 0;
}

.list-formats ul li {
  margin-bottom: 30px;
  padding-left: 30px;
}

.box-align-left .mk-box-icon-2-image img {
  float: left;
  margin-right: 20px;
}

/* BLOG */

#mk-sidebar {
  margin-bottom: 40px;
}

.mk-blog-single {
  padding: 40px 0;
} 

#theme-page .mk-blog-single .theme-content {
  background-color: #fff;
  padding: 40px;
} 

.mk-zindex-fix {
  display: none;
}

#theme-page .mk-blog-single .theme-content .single-social-section {
  display: none !important;
}

@media handheld, only screen and (max-width: 960px) {
  .theme-page-wrapper.mk-blog-single .theme-content:not(.no-padding) {
    padding: 40px 40px !important;
  }
}

/* TABS */

.mk-tabs .mk-tabs-tabs {
    text-align: center;
    border-bottom: none;
}

.mk-tabs .mk-tabs-tabs li {
    float: none;
    display: inline-block;
}

.mk-tabs.big-tabs .mk-tabs-tabs li a {
    font-size: 20px;
    font-weight: 300;
}

/* SLIDESHOW */

.mk-swipe-slideshow {
  margin: auto;
}

/* CONTACT PAGE */

.list-country.mk-tabs .mk-tabs-tabs li a {
  font-size: 11px;
  padding: 14px 10px;
}

/* SIDEBAR PRESS */

.widget-sub-navigation ul.menu, .widget-sub-navigation>ul, .widget_nav_menu ul.menu, .widget_nav_menu>ul, .widget_product_categories ul.menu, .widget_product_categories>ul, .widget_nav_menu ul li {
  border: none;
}

.widget-sub-navigation ul li.current_page_item a, .widget_nav_menu ul li.current_page_item a, .widget_product_categories ul li.current_page_item a {
  background-color: transparent;
}

/* TEAM */

.mk-employees.four-column.simple-style .mk-employee-item {
  position: relative;
  display: block;
  height: auto;
  overflow: hidden;
  padding: 0 10px 120px;
  margin-bottom: 40px;
}

.mk-employees.four-column.simple-style .mk-employee-item .team-info-wrapper {
  background-color: #fff;
  padding: 20px;
  margin: 0 10px 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 68%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mk-employees.four-column.simple-style .mk-employee-item:hover .team-info-wrapper {
  top: 0;
}

.mk-employees.four-column.simple-style .mk-employee-item .team-thumbnail {
  margin-bottom: 0;
}

.mk-employees.four-column.simple-style .mk-employee-item .team-info-wrapper .team-member-desc {
  display: none;
}

.mk-employees.four-column.simple-style .mk-employee-item:hover .team-info-wrapper .team-member-desc {
  display: inline-block;
}

.mk-employees.four-column.simple-style .mk-employee-item .team-member-position {
  font-size: 9px;
}

.mk-employees.four-column.simple-style .mk-employee-item .team-member-desc p {
  font-size: 12px;
}

@media screen and (max-width: 1140px) {
 .mk-employees.four-column.simple-style .mk-employee-item .team-info-wrapper {
   top: 64%;
 }
}

@media screen and (max-width: 960px) {
 .mk-employees.four-column.simple-style .mk-employee-item .team-info-wrapper {
   top: 73%;
 }
}

@media screen and (max-width: 767px) {
 .mk-employees.simple-style.four-column .mk-employee-item .team-info-wrapper {
   width: 58% !important;
   margin: auto;
   padding: 20px !important;
 }
}

@media screen and (max-width: 550px) {
 .mk-employees.simple-style.four-column .mk-employee-item .team-info-wrapper {
   width: 78% !important;
 }
}

/* CONTACT - OFFICES */


@media screen and (min-width: 769px) {
  .list-offices .wpb_row {
    margin-bottom: 30px;
  }

  .list-offices .wpb_row .office-infos, .list-offices .wpb_row .office-map {
    float: left;
  }

  .list-offices .wpb_row .office-map {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .list-offices .wpb_row .office-infos p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .list-offices .wpb_row {
    margin-bottom: 30px;
  }

  .list-offices .wpb_row .office-map {
    min-height: 200px;
  }

  .list-offices .wpb_row .office-infos h4 {
    text-align: left !important;
  }
}

@media handheld, only screen and (max-width: 767px){
  .sidebar-contact .mk-fancy-title {
    text-align: left !important;
  }

  .small-title span {
    font-size: 72% !important;
  }
}

@media handheld, only screen and (max-width: 620px){

  h1, h2, h3, h4, h5, h6 {
    line-height: 1em !important;
  }
  .small-title span {
    font-size: 55% !important;
  }
  h3.mk-fancy-title span, h1.mk-fancy-title span, h3.mk-title-box span {
    font-size: 72% !important;
  }
}

/*
 * Modals component from Manager Styleguide
 */

 .modal {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10000000; }

.modal-overlay {
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-align: start;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%; }

.modal-wrap {
  position: relative;
  padding: 0;
  margin: 5rem auto 3.125rem;
  width: auto;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
  transition: width 0.2s ease;
  overflow: hidden; }
  .modal-wrap.modal-small {
    width: 28.125rem; }
  .modal-wrap.modal-large {
    width: 90%; }
  .modal-wrap .modal-body:before, .modal-wrap .modal-body:after,
  .modal-wrap .modal-inner:before,
  .modal-wrap .modal-inner:after {
    content: " ";
    display: table; }
  .modal-wrap .modal-body:after,
  .modal-wrap .modal-inner:after {
    clear: both; }
  .modal-wrap .modal-inner {
    padding: 0.625rem 1.875rem; }
  .modal-wrap .modal-header {
    position: relative;
    padding: 1.5625rem 3.125rem 0.9375rem 1.875rem;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #777; }
    .modal-wrap .modal-header .close {
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 1.6875rem;
      right: 1.875rem;
      font-size: 1rem;
      opacity: 0.5;
      transition: opacity .15s ease; }
      .modal-wrap .modal-header .close:hover {
        opacity: 1;
        cursor: pointer; }
  .modal-wrap .modal-footer {
    text-align: right;
    padding: 1.875rem; }
    .modal-wrap .modal-footer:before, .modal-wrap .modal-footer:after {
      content: " ";
      display: table; }
    .modal-wrap .modal-footer:after {
      clear: both; }
    .modal-wrap .modal-footer .btn {
      margin-right: 0.25rem;
      display: inline-block;
      vertical-align: bottom; }
      .modal-wrap .modal-footer .btn:last-child {
        margin: 0; }


