﻿.adslot_after_h2 { width: 728px; height: 90px; margin-top: 10px; margin-bottom: 15px;}
.adslot_bottom { width: 580px; height: 400px; margin-top: 20px; margin-bottom: 20px;}
.adslot_fix {
  position: relative;
}
@media only screen and (max-width:780px) {
  .adslot_fix::before {
    content: "";
    display: block;
    min-height: 450px;     
    pointer-events: none;
  }
  .adslot_fix > * {
    position: absolute !important;
    inset: 0;
  }
}
@media only screen and (min-width:781px) {
  .adslot_fix::before {
    content: "";
    display: block;
    min-height: 300px;     
    pointer-events: none;
  }
  .adslot_fix > * {
    position: absolute !important;
    inset: 0;
  }
}

@media only screen and (max-width:780px){
.adslot_after_h2 { width: 336px; height: 280px; }
.adslot_bottom {width: 336px; height: 280px;}
}
@media only screen and (max-width:400px){
.adslot_after_h2 {margin-left: -5px;}
.adslot_bottom {margin-left: -5px;}
}
@media only screen and (max-width:360px){
.adslot_after_h2 {width: 300px; height: 250px; }
.adslot_bottom {width: 300px; height: 250px; }
}


/* mobile_menu */
#myMobileBar { display: none; }

@media (max-width: 990px) {
  #navigation{height: 4px!important;}
  #myMobileBar {
    display: block !important;
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 999999 !important;
    background: #333 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    font-family: Arial, sans-serif;
  }

  #myMobileToggle {
    display: block !important;
    width: 50px; height: 50px;
    margin: 0; padding: 13px;
    border: 0; background: transparent !important;
    cursor: pointer; box-sizing: border-box;
  }
  #myMobileToggle span {
    display: block !important;
    width: 24px; height: 3px;
    margin: 4px 0;
    background: #fff !important;
    border-radius: 2px;
    transition: .3s;
  }
  #myMobileBar.open #myMobileToggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  #myMobileBar.open #myMobileToggle span:nth-child(2) { opacity: 0; }
  #myMobileBar.open #myMobileToggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  #myMobileList {
    display: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #myMobileBar.open #myMobileList {
    display: block !important;
  }
  #myMobileList li {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  #myMobileList li a {
    display: block !important;
    padding: 14px 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    border-top: 1px solid #444 !important;
    background: none !important;
  }
  #myMobileList li a:active { background: #555 !important; }
}

.site-header .logo{background: url(logo.png) no-repeat;}
.site-footer .copyright .logo{background: url(logo_btm.png) no-repeat;}

.site-header .logo_fr{background: url(logo_fr.png) no-repeat;display: block;width: 371px;height: 67px;text-indent: -10000px;}
.site-footer .copyright .logo_fr{background: url(logo_btm_fr.png) no-repeat;width: 212px;height: 65px;text-indent: -10000px;margin-bottom: 5px;}

