/* ========== Responsive body backgrouds=============*/

                                                                            /*Main*/

  body, html {
    height: 100%;
    margin: 0;
  }
  .mcss-bg {

    /* The image used */
    background-image: url("/img/bg/main_bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

                                                                              /*Main Warning Rus*/

body, html {
height: 100%;
margin: 0;
}
.mcss-bg-warning-rus {

/* The image used */
background-image: url("/img/bg/main_bg_warning_rus.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

                                                                              /*Main Warning UKR*/

body, html {
height: 100%;
margin: 0;
}
.mcss-bg-warning-ukr {

/* The image used */
background-image: url("/img/bg/main_bg_warning_ukr.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
                                                                            /*Photos*/

body, html
{
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 768px)
{
.mcss-photos
{

  /* The image used */
  background-image: url("/img/bg/main_bg.jpg");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

}



                                                                        /*Orders*/

body, html
{
height: 100%;
margin: 0;
}
@media screen and (min-width: 768px)
{
.mcss-orders_bg
{

/* The image used */
background-image: url("/img/bg/orders_bg.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

}
                                                                            /*Overview*/

  body, html {
    height: 100%;
    margin: 0;
  }

  .mcss-overview_bg {
    /* The image used */
    background-image: url("/img/bg/overview_bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

                                                                          /*Recipes*/

  body, html {
    height: 100%;
    margin: 0;
  }

  .mcss-recipes_bg {
    /* The image used */
    background-image: url("/img/bg/recipes_bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

                                                                      /*All recipes*/

  body, html {
    height: 100%;
    margin: 0;
  }

  .mcss-allrecipes_bg {
    /* The image used */
    background-image: url("/img/bg/allrecipes_bg.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

                                                                      /*autoclave*/

  body, html {
  height: 100%;
  margin: 0;
  }

  .mcss-autoclave_bg {
  /* The image used */
  background-image: url("/img/bg/autoclave_bg.jpg");

  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

                                                                        /*about_us*/

body, html {
height: 100%;
margin: 0;
}

.mcss-about_us_bg {
/* The image used */
background-image: url("/img/bg/about_us.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
                                                          /* ========== Colored backgrouds=============*/

  .mcss-bg-white-transparent-90{/* Fallback for web browsers that don't support RGBa */
  background-color: rgb(255, 255, 255);
  /* RGBa with 0.9 opacity */
  background-color: rgba(255, 255, 255, 0.9);
  }

  .mcss-bg-white-transparent-80{/* Fallback for web browsers that don't support RGBa */
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.80);
  }
                                                          /* ========== Responsive texts ===========*/

                                                                  /* /Responsive text 1*/




  /* If the screen size is 801px wide or more, set the font-size of <div> to 50px */

  @media screen and (min-width: 801px) {
    .mtext-1 {
      font-size: 50px;
    }
  }

  /* If the screen size is 800px wide or less, set the font-size of <div> to 30px */

  @media screen and (max-width: 800px) {
    .mtext-1 {
      font-size: 30px;
    }
  }

                                                                    /* /Responsive text 2*/

  /* If the screen size is 801px wide or more, set the font-size of <div> to 40px */

  @media screen and (min-width: 801px) {
    .mtext-2 {
      font-size: 40px;
    }
  }

  /* If the screen size is 800px wide or less, set the font-size of <div> to 18px */

  @media screen and (max-width: 800px) {
    .mtext-2 {
      font-size: 18px;
    }
  }

                                                                      /* /Responsive text 3*/


/* If the screen size is 801px wide or more, set the font-size of <div> to 40px */

  @media screen and (min-width: 801px) {
    .mtext-3 {
      font-size: 24px;
    }
  }

  /* If the screen size is 800px wide or less, set the font-size of <div> to 18px */

  @media screen and (max-width: 800px) {
    .mtext-3 {
      font-size: 14px;
    }
  }

  /* If the screen size is 801px wide or more, set the image-size of <div> to 100%*/

  @media screen and (min-width: 801px) {
    .mimg1 img {
      width: 100%;
      height: 100%;
    }
  }






                                                      /*========== Working with images===========*/

/* Floating right property */
.mcss-float-right {
    float:right;
  }


/* Floating left property */
  .mcss-float-left {
      float:left;
    }

  /* If the screen size is 800px wide or less, set the image-size of <div> to 80% */

  @media screen and (max-width: 800px) {
    .mimg1 img {
      width: 80%;
      height: 80%;
    }
  }

                                                              /* Image gallery cropping*/

  /* If the screen size is 1200px wide or more*/

  @media screen and (min-width: 1200px) {
    .mcrop-height {
      /* max-width: 1200px; /* img src width (if known) */
      max-height: 165px;
      overflow: hidden;
    }
    img.scale {
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9;
      /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }
  }

  /* If the screen size is between 992px and 1199px wide or more*/

  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .mcrop-height {
      /* max-width: 1200px; /* img src width (if known) */
      max-height: 190px;
      overflow: hidden;
    }
    img.scale {
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9;
      /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }
  }

  /* If the screen size is between 768px and 991px wide or more*/

  @media screen and (min-width: 768px) and (max-width: 991px) {
    .mcrop-height {
      /* max-width: 1200px; /* img src width (if known) */
      max-height: 200px;
      overflow: hidden;
    }
    img.scale {
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9;
      /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }
  }

  /* If the screen size is between 576px and 767px wide or more*/

  @media screen and (min-width: 576px) and (max-width: 767px) {
    .mcrop-height {
      /* max-width: 1200px; /* img src width (if known) */
      max-height: 200px;
      overflow: hidden;
    }
    img.scale {
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9;
      /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }
  }












  @media screen and (min-width: 1200px) {
    .mcrop-height2 {
      /* max-width: 1200px; /* img src width (if known) */
      max-height: 20px;
      overflow: hidden;
    }
    img.scale {
      /* corrects inline gap in enclosing div */
      display: block;
      max-width: 100%;
      /* just in case, to force correct aspect ratio */
      height: auto !important;
      width: auto\9;
      /* ie8+9 */
      /* lt ie8 */
      -ms-interpolation-mode: bicubic;
    }
  }


  .mcss-cursor-pointer
  {
        cursor : pointer; 
  }