/* TOP MENU  */
/*li{list-style:none;}*/
.blockTopMenu{background:#465c8b;width:100%;height:50px;display:none;position:fixed;top:0;z-index:99;}
.logoTop{
  background-image:url("/bitrix/templates/mnc_dm/images/logo.png");
  width:50px;
  height:50px;
  display:inline-block;
  margin:0 4%;
  background-size:100%;
}
.logoTop a{display:block; height:100%;}
  .dropbtn {
      
      color: #5e803f;/* #3e5a3d */
      padding: 10px;
      font-size: 16px;
      border: none;
      cursor: pointer;
      background:none;
      width:100%;
  }

  .dropdown {
    background-color: #dfdce3;
      position: relative;
      display: inline-block;
      top:5px;
      margin-right:.5%;
      width:10%;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #dfdce3;
      width:100%;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      
  }

  .dropdown-content a {
      color: #5e803f;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
  }

  .dropdown-content a:hover {background-color: #b5cc96}

  .dropdown:hover .dropdown-content {
      display: block;
  }

  .dropdown:hover .dropbtn {
      background-color:  #b5cc96;
  }





/* PANEL MENU*/
.panelMenu{ height:50px;background:#5e803f;display:none;position:relative;top:220px;z-index:91;padding-right:10px;}
.innerBlockMenu{margin-left: 40px;}          
.btnMenuBuy{ background: #fd551f;box-shadow: 1px 1px 15px black;text-align:center;height:45px;margin-left:10px;}
.btnMenuBuy a{color: white;text-transform: uppercase; font-size:1.2em;font-weight:700;display:block;height:100%;margin:12px 0;}


/* PANEL HEADER*/
/*  #f7ef6a yellow */
.panelHeader{display:none; width:100%; height:240px;background:white;position:absolute}
.blockimageHeader{width:60%;height:100%;margin-left:40%;display:block;}
.row{display:inline-block;}
.firstImgHeader{height:80%;width:25%;background-image:url("/bitrix/templates/mnc_dm/images/veggies.jpg");margin: 0 2% 5% 2%;background-size:cover;background-position:center;}
.secondImgHeader{height:60%;width:35%;margin:10% 0 0;background-image:url("/bitrix/templates/mnc_dm/images/bath.png");background-size:90%;background-repeat:no-repeat;background-position:0;}
.thirdImgHeader{height:60%;width:25%;margin: 5% 2% 0% 4%;background-image:url("/bitrix/templates/mnc_dm/images/fitness.jpg");background-size:90%;background-repeat:no-repeat;background-position:0;}

/*Title*/
.titleTop{position:absolute;font-size:1.7em;right:3%;color:#505050;top:2%;}
.titleTop span{font-size:1.8em;margin-left:25%;}
.sloganTop{position:absolute;font-size:1.2em;color:#505050;top:3%;left:1%;}
.logosTop{background-image:url("/bitrix/templates/mnc_dm/images/logo.png");width:120px;height:120px;position:absolute;top:20%;left:2%;background-size:cover;
}
.logosTop a{display:block;height:100%;}


.age{position:absolute;top:21%;left:57%;color:#505050;}
.shopHealth{position:absolute;top:60%;left:15%;color:#505050;font-size:1.2em;}
.btnNatur{position:absolute; color:white;background:#d44a50;text-transform:uppercase;font-weight:700;font-size:1.4em;top:39%;left:16%;box-shadow: 1px 1px 15px black;border-radius:25px;}
.btnNatur a{display:block;height:100%; color:white;padding:5% 10%;transition:.5s;}
.btnNatur a:hover{background:#871a22;border-radius:25px;}

/*LEFT BOX PRODUCT*/
.leftBoxProduct{display:none;position:absolute;top:4.5%;width:190px;height:360px;background:white;z-index:90;left:1%;box-shadow:2px 2px 15px black;}
.imgProd img,.imgProd2 img,.imgProd3 img,.imgProd4 img{height: 180px;margin: 5% 30%;}
.descCost{color:#505050;text-align:center;margin:0;}
.cost{color:#505050;text-align:center;font-size:1.2em;font-weight:700;margin: 10px 0;}
.btnBuy{background:#fd551f;width:100px;height:35px;text-align:center;margin:0 auto;box-shadow:1px 1px 10px black;}
.btnBuy a{display:block; color:white;font-size:1.4em;padding:5px;transition:.5s;}
.btnBuy a:hover{background:#c7321a;}

.prod01,.prod02,.prod03,.prod04{transition:1s;position:absolute;}
.leftBoxProduct:hover .panelDesTonik{display:block;}
.panelDesTonik{z-index:45;text-align:center;padding:2%;position:absolute; height:100%;width:420px;background:white;left:191px;display:none;box-shadow:2px 2px 15px black;}

.line01{color:#505050;font-size:1.2em;font-weight:600;}
.line02{color:#505050;}
.line02 a{font-weight:600;}
.line03{color:#505050;}


/*--   PANEL FOOTER  -- */

.panelFooter{background: white; width: 100%; height: 220px;display: none;position: absolute;left: 0;}
.wrapFooter{width: 100%;height: 100%; margin: 0 auto;}
.blockFooterFirst{width: 20%;height: 100%; background: indigo;float: left;}
.blockFooterSecond{width: 78%;height: 100%;float: left;}
.footAddress{color: #505050;font-size: 1.1em;text-align: center;}
.footLaw{color: #505050;font-size: 1.1em;text-align: center;margin-top: 70px;}

/*--   ADAPTIVE       -- */


@media only screen and (min-device-width : 720px) and (max-device-width : 1100px) {
    .poisk, .bathHeader{display:none;}
    
    .panelHeader{height:200px;}
    
    .sloganTop{font-size:.85em;top:3%;left:1%;}
    .titleTop{font-size:1.2em;right:3%;top:2%;}
    .logosTop{width:100px;height:100px;top:15%;left:2%;}
    .age{top:31%;}

    .shopHealth{top:60%;left:15%;font-size:1em;}
    .btnNatur{font-size:1.1em;top:39%;left:16%;border-radius:25px;}

    .firstImgHeader{height:65%;width:25%;margin: 0 2% 12% 2%;}
    .secondImgHeader{margin:15.5% 0 0;}

    /* PANEL MENU*/
    .panelMenu{display:none;top:180px;padding-right:10px;}
    .innerBlockMenu{margin-left: 20px;}
    .dropdown{width: 11%;}

    /* FOOTER*/
   
    .panelFooter{height: 290px;}
    
}
@media only screen and (min-device-width : 900px) and (max-device-width : 1100px) {
    
    .thirdImgHeader{margin:0% 0 4% 0;}
}

@media only screen and (min-device-width : 600px) and (max-device-width : 720px) {
    .poisk, .bathHeader{display:none;}

    .sloganTop{font-size:.7em;top:3%;left:1%;}
    .titleTop{font-size:.9em;right:3%;top:2%;}
    .logosTop{width:75px;height:75px;top:15%;left:2%;}
    .age{top:27%;}

    .shopHealth{top:60%;left:12%;font-size:1em;}
    .btnNatur{font-size:1em;top:39%;left:16%;}

    .firstImgHeader{height:45%;width:25%;margin: 0 2% 19% 2%;}
    .secondImgHeader{margin:19% 0 0;}


    /* PANEL MENU*/
    .panelMenu{display:none;top:200px;padding-right:10px;}
    .innerBlockMenu{margin-left: 20px;}
    .dropdown{width: 11%;}

    /* LEFT PRODUCT*/

    .leftBoxProduct{width:150px;height:300px;}
    .imgProd img,.imgProd2 img,.imgProd3 img,.imgProd4 img{height: 120px;margin: 5% 35%;}

    .panelDesTonik{padding:2%;width:420px;background:white;left:151px;display:none;}

    .line01{color:#505050;font-size:1.1em;font-weight:600;}
    .line02{color:#505050;font-size: .9em;}
    .line02 a{font-weight:600;color:#d44a50}
    .line03{color:#505050;font-size: .9em;}


    /* FOOTER*/
   
    .panelFooter{height: 330px;}
     
}

@media only screen and (min-device-width : 480px) and (max-device-width : 600px) {
    .poisk, .bathHeader{display:none;}

    .sloganTop{font-size:.6em;top:10%;left:1%;}
    .titleTop{font-size:.9em;right:3%;top:2%;}
    .logosTop{width:75px;height:75px;top:15%;left:2%;}
    .age{top:27%;}

    .shopHealth{top:60%;left:2%;font-size:1em;}
    .btnNatur{font-size:.8em;top:39%;left:16%;}

    .firstImgHeader{height:35%;width:25%;margin: 0 2% 19% 2%;}
    .secondImgHeader{margin:19% 0 0;}


    /* PANEL MENU*/
    .panelMenu{display:none;top:200px;padding-right:10px;}
    .innerBlockMenu{margin-left: 20px;}
    .dropdown{width: 11%;}

    /* LEFT PRODUCT*/

    .leftBoxProduct{width:150px;height:300px;}
    .imgProd img,.imgProd2 img,.imgProd3 img,.imgProd4 img{height: 120px;margin: 5% 35%;}

    .panelDesTonik{padding:2%;width:420px;background:white;left:151px;display:none;}

    .line01{color:#505050;font-size:1.1em;font-weight:600;}
    .line02{color:#505050;font-size: .9em;}
    .line02 a{font-weight:600;color:#d44a50}
    .line03{color:#505050;font-size: .9em;}


    /* FOOTER*/
   
    .panelFooter{height: 280px;}
    .footLaw{font-size: .9em;margin-top: 40px;}
    .footAddress{font-size: 1em;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .poisk, .bathHeader{display:none;}
    .panelHeader{height:180px;}

    .sloganTop{display: none;}
    .titleTop{font-size:.9em;left:3%;top:2%;}
    .logosTop{width:75px;height:75px;top:15%;left:2%;}
    .age{top:27%;font-size: .8em;}

    .shopHealth{top:60%;left:2%;font-size:1em;}
    .btnNatur{display: none}

    .firstImgHeader{height:30%;width:25%;margin:21% 2% 0% 2%;}
    .secondImgHeader{display: none;}
    .thirdImgHeader{display: none;}

    /* PANEL MENU*/
    .panelMenu{display:none;top:170px;padding-right:10px;}
    .innerBlockMenu{margin-left: 20px;}
    .dropdown{width: 11%;}

    /* LEFT PRODUCT*/

    .leftBoxProduct{display: none;}
    .imgProd img,.imgProd2 img,.imgProd3 img,.imgProd4 img{height: 120px;margin: 5% 35%;}

    .panelDesTonik{padding:2%;width:420px;background:white;left:151px;display:none;}

    .line01{color:#505050;font-size:1.1em;font-weight:600;}
    .line02{color:#505050;font-size: .9em;}
    .line02 a{font-weight:600;color:#d44a50}
    .line03{color:#505050;font-size: .9em;}
     
}