@font-face {
    font-family: 'avantgardeitcregular';
    src: url('../fonts/itc_avant_garde_lt_demi-webfont.woff2') format('woff2'),
         url('../fonts/itc_avant_garde_lt_demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avantgarde_lt_mediumbold';
    src: url('../fonts/itc_avant_garde_gothic_lt_bold-webfont.woff2') format('woff2'),
         url('../fonts/itc_avant_garde_gothic_lt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avantgarde_lt_mediumregular';
    src: url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.woff2') format('woff2'),
         url('../fonts/itc_avant_garde_gothic_lt_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,700');

body{
	font-family: 'Catamaran', sans-serif;
    font-size: 1.09rem;
}

header.header{
  position: fixed;
  top: 0;
  z-index: 5
}
#logo {
  margin: 0;
  background: url(../../imgs/af/logo.png) top left no-repeat;
  height: 180px;
  background-size: contain;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  -moz-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
  #logo a {
    color: white;
    width: 100%;
    display: block;
    height: 80%; 
    float: left;
  }
.nav-menu{
  float: right;
  margin-right: 5em;
  text-transform: uppercase;
  color: #fff;
}

  #mobilenav{
    display: none;
  }
  #mainnav{
    position: fixed;/*absolute;*/
    overflow: hidden;
    right: -48%;
    transition: all 0.3s ease-out;
    top: 0;
    padding: 80px 60px 0px 90px;
    height: 100vh;
    width: 380px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZwAAAMNCAMAAACbOjLEAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA+BAFpvzSAxwW7d3wx1wLCPTDg3RRK35CJenmzbWhl2dh4di6sXm/rEtuAZI5NpxVR41YPjEhiOwoRSEAAA6OSURBVHja7NxHSgVQEETRNucsBhARUTGjolj7X5k7eP2c/KrBPVuoUcf6hythoWre8prQsIXzJDR84fwKDV84x0LDFs7hktCwhXMhNHzhnAsNXzh3QsMWzsqR0LCF8y40fOGcCg1fOPdCwxbOy7bQsIVzJnRs4dwIHVs410LHFs6O0HGFsym0XOF8CC1XOK/C4rHbEaymHLDb4cCgLRiDtmAM2oLVjI1dwaBm/AgONeNZcKgZq4JDzbgVHOh6BqPrGawmfAkWnBcEq94K5wUm1XsTPNj1DFa9R8GDEjQYJWgwStBgLN4Eq9aeYMKFezBK0GBMQYMxBQ3G7UewamwJNjxZC1aNE8GGRdxgvB8IVmOXgk+N7Qs+tKSD0ZIORks6GB/wgtGSDsY7omA1tC4Y8RsiWI18C05sSQdjRB2MEXWwGlgWrGrgU7CqgQfBiqupYFxNBWNlLdgfe3eMgkAUQ1H0wRSClQraiKC4AAULs/+VTT0zf+rc4p5VhOQlMbIG5u1IMD/mgFkPgFkPgNkfALM/AGZ/AMx5AZjzAjB/S4CZHwAzPwCWPe9SN/OEYJ68AXO/ACw7PqV27huCZexwLrXL2K3UL2O/Ur+M/Uv9vEcElrF7qZ/hDjDDHWAOc8Ac5oA5zAHLyMlhDoJf3MEy8ioR+FIXzOYNmM0bMJs3YCZxwUzegJm8ATN5A2byBszPH2DZupYYXKMGc9IG5hl2sGxMvmWhMCYNlo1vCcIbeGAWa2AWa2AWa2B21sDsrIFZrIFZrIFZrIFZrIFZrIFZrIE5BgXzGzVYVi4ljKwcSxguGID5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') top left no-repeat;
    
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  }
  #mobilenav:checked ~ #mainnav {
    right: -20px;
    overflow-y: scroll;
  }
    #mobilenav:checked ~ .menuicon{
      filter: none;
    }

  .menuicon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAABWCAMAAAA0cr72AAAApVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+4/eNVAAAANnRSTlMANfp7A7WX5dzEv6qlSQb88+GRavfMnIZAOyIeGQ4K7rqwjVPWoXZxV04vCGNhX1woJBXpf0JBpK7eAAACCUlEQVRo3sXZh47iQBAE0BrbGGOwyTku7BI33139/6cdiy4IbFgDnu73A11SzWg0ahwYKsLBAxXhy0eVivClQU3Ym0ypCXtrqsJegaoAfDpUBeCVugCUqQvwptQFGCoDmlQGVKgMCKgrwKRKRXX3A9hST/E5xt6CajpjHKyoxGnijzl1VBf464k6nvFPgSo60I4QTPBfiRoiaEcoQD2CUY8wA6B8HCMcKVNc3cMRn+JcHOtS3ADHVpRWwok3SlvhRI/ShjgxoLA2TsUU5iKhTlnvSJhRVICkBkXNkdSkqB6SDCVNPSTtHAp6Qpo2BW2Qxqec2g5p1pRTRqoR5SyQ7pFSahOk61JKB2f0KaWPM7wflPGIs3zKWALKTTgjnFenhDIucCnB4IKRQ/tCXFShfT1ctKV1IRKkP9h9fMMwSe46iCxsWwN8692hTS4yaNCixxgZjIu0xjHIZENrXGTUoSWhh4zGAa2ofyKzbY0WtAyu8ML8VTe4Spe5ayJB+Ml0ca34gbla4npxQbqFpDi/LloL3MabMx9Fg5u9tJiD9hB3MAHv1ohxl/HTvSVEuFtU5+2qnTFyMOk6vFFokJOBf1OIUoQcDf3WtRU8/ELORj+LzK7YHcACL6rUss33ex5s2UV+wItqhaWBbcP1PJymTi/5TeNByqj/5jYq5VnYboezcqXhvvaGuNdvvMQdp5np7uEAAAAASUVORK5CYII=') top right no-repeat;
    display: block;
    position: fixed;/*absolute;*/
    width: 130px;
    padding: 10px 50px 20px 30px;
    height: 86px;
    right: 0;
    top: 0;
    z-index: 15;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  }
  .menuicon span {
    display: block;
    top:25px;
    width: 100%;
    height: 5px;
    background-color: #dd1e2e;
    position: relative;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
  }
  .menuicon span::after, .menuicon span::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #dd1e2e;
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0;
    -moz-transition-delay: 0.2s, 0;
    -ms-transition-delay: 0.2s, 0;
    -o-transition-delay: 0.2s, 0;
    transition-delay: 0.2s, 0;
  }
  .menuicon span::before {
    margin-top: -12px;
  }
  .menuicon span::after {
    margin-top: 12px;
    content: '';
    color: #dd1e2e;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    line-height: 35px;
  }
  #mobilenav:checked ~ .menuicon span {
    background-color: transparent;
  }
  #mobilenav:checked ~ .menuicon span::before, #mobilenav:checked ~ .menuicon span::after {
    margin-top: 0px;
    -webkit-transition-delay: 0, 0.2s;
    -moz-transition-delay: 0, 0.2s;
    -ms-transition-delay: 0, 0.2s;
    -o-transition-delay: 0, 0.2s;
    transition-delay: 0, 0.2s;
  }
  #mobilenav:checked ~ .menuicon span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #mobilenav:checked ~ .menuicon span::after {
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
    .top-nav li{
      width: 100%
    }
  .nav {
    border-bottom: 0;
    margin: 0;
  }
    .nav li a {
      display: block;
      color: #000;
      text-decoration: none;
      padding: 10px 0.7em;
      font-weight: bold;
      font-size: 18px;
    }


a{
    color: #707070;
    text-decoration: none;
}
a:hover {
  color: #707070;
  text-decoration: underline;
  cursor: pointer;
}
h1{
    text-align: center;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
}
h2{
    text-align: center;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    font-size: 2rem;
}
h3{
    font-weight: bold;
    text-align: center;
    font-family: 'Catamaran';
    font-size: 1.6rem;
    color: #c8102e;
}

.fordesktop{
  display: block;

  /*transform: translateY(100px);
  z-index: -1;*/
  position: relative;
}
.formobile{
  display: none;
}

.top{
   background: #fff;
    padding: 0;
}
  .top h2{
    font-size: 2rem;
  }
  .top img{
    width: 100%;
    margin-bottom: 30px;
  }
.topinner{
  background: #ce112d;
  padding: 0
}
  .topinner img{
    width: 100%;
  }

.article{
  color: #4d4d4d;
}
  .article h2{
    color:#dd1e2e;
    padding: 30px 0
  }
  .article .source{
    font-size: .8rem;
    font-style: italic;
    padding-top: 50px;
  }
  .article .source a{
    text-decoration: underline;
  }
/*#skrollr-body{
  height:5800px;
  display: block;
}*/
.benefits-container {
  /*height:9500px;*/
}
.benefits{
  text-align: center;
  padding: 50px 0 0 0;
  overflow:hidden;
}
  .benefits h2{
    font-size: 2.5rem;
    color: #e21832;
  }
  .benefits p{
    padding-right: 20px;
    padding-left: 20px;
  }
  .benefits .btn a{
    color: #fff;
    background: #e21832;
    padding: 5px 30px;
    border-radius: 5px;
    position: relative;
    z-index: 1
  }
    .benefits .btn a:hover{
      text-decoration: none;
    }
  
.benefits .img-move img{
  width: 100%;
  position: relative;
  left: 0;
}
  .benefits#tikas{
    background: url('../../imgs/af/bg-tikasD.png?123') center bottom no-repeat;
    background-size: contain;
    height: 1000px;
  }
  .benefits#lakas{
    background: url('../../imgs/af/bg-lakasD.png?542') center bottom no-repeat;
    background-size: contain;
    height: 1070px;
  }
  .benefits#talas{
    background: url('../../imgs/af/bg-talasD.png?764') center bottom no-repeat;
    background-size: contain;
    height: 1050px;
  }
    .benefits#tikas .img-move img:first-child{
      width: 65%
    }
    .benefits#tikas .img-move img:nth-child(2){
      width: 35%;
      top: -1100px;
      left: 15%;
    }
      .benefits .img-move img:nth-child(4){
        /*  display: none;*/
      }
      .benefits#tikas .img-move img:nth-child(2){
        transform-origin: bottom right;
      }
    .benefits#tikas .img-move img:nth-child(3){
      width: auto;
      top: -900px;
      left: -15%;
    }
    .benefits#tikas .img-move img:nth-child(5){
      width: 100%;
      transform: translateY(-1800px);
      /*top: -1075px;*/
    }

    .benefits#lakas .img-move img:first-child{
      width: 65%
    }
      .benefits#lakas .img-move img:first-child{
        transform-origin: top center;
      }
    .benefits#lakas .img-move img:nth-child(2){
      width: 35%;
      top: -1200px;
      left: 20%;
    }
      .benefits#lakas .img-move img:nth-child(2){
        transform-origin: bottom center;
      }
    .benefits#lakas .img-move img:nth-child(3){
      width: auto;
      top: -900px;
      left: -10%;
    }
    .benefits#lakas .img-move img:nth-child(5){
      width: 100%;
      top: -1150px;
    }

    .benefits#talas .img-move img:first-child{
      width: auto;
    }
      .benefits#talas .img-move img:nth-child(1){
        z-index: 1;
      }
    .benefits#talas .img-move img:nth-child(2){
      width: 35%;
      top: 80px;
      left: -13%;
    }
      .benefits#talas .img-move img:nth-child(2){
        transform-origin: bottom center;
      }
    .benefits#talas .img-move img:nth-child(3){
      width: auto;
      top: -215px;
      left: 0%;
    }
    .benefits#talas .img-move img:nth-child(5){
      width: 100%;
      top: -380px;
    }
    .benefits#talas .img-move img:nth-child(6){
      width: 20%;
      top: -1600px;
      left: -30%;
      opacity: .8;
      transform: rotate(-35deg);
    }
    .benefits#talas .img-move img:nth-child(7){
      width: 20%;
      top: -1650px;
      left: 25%;
      opacity: .5;
      transform: rotate(15deg);
    }

.milkglass{
  color: #c8102e;
  padding: 50px 0;
  left: 5%;
}
  .milkglass p{
    color: #4d4d4d;
    text-align: center;
  }
  .milkglass span{
      text-align: center;
      padding: 20px 0;
      font-style: italic;
      width: 100%;
      float: left;
  }
  .milkglass .glassinfoMain{
      background: url('../../imgs/af/glass-info-main.png') center center no-repeat;
      height: 720px;
  }
      .glassinfoMain .plus{
          border: 2px solid #c8102e;
          border-radius: 20px;
          position: absolute;
          padding: 5px;
          width: 28px;
          text-align: center;
          font-size: 25px;
          line-height: 15px;
          cursor: pointer;

          -webkit-transition: all .5s ease;  
          -moz-transition: all .5s ease;  
          -o-transition: all .5s ease;  
          -ms-transition: all .5s ease;  
          transition: all .5s ease;
          box-shadow:0 0 0 rgba(204, 44, 44, 0.4);
          animation: pulse 2s infinite;
      }

      @-webkit-keyframes pulse {
        0% {
          -webkit-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4);
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(204,44,44, 0);
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(204,44,44, 0);
        }
      }
      @keyframes pulse {
        0% {
          -moz-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4);
          box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4);
        }
        70% {
            -moz-box-shadow: 0 0 0 10px rgba(204,44,44, 0);
            box-shadow: 0 0 0 10px rgba(204,44,44, 0);
        }
        100% {
            -moz-box-shadow: 0 0 0 0 rgba(204,44,44, 0);
            box-shadow: 0 0 0 0 rgba(204,44,44, 0);
        }
      }
        .plus-rotate{
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

          .plus#vitamin{
            top: 315px;
            left: 36%;
          }
          .plus#calcium{
            top: 435px;
            left: 35.5%;
          }
          .plus#iron{
            top: 365px;
            right: 40%;
          }
          .plus#protein{
            top: 495px;
            right: 41%;
          }
          .plusInfo{
            background: #c8102e;
            padding: 10px;
            color: #fff;
            position: absolute;

            display: none;
          }
            .plusInfoL{
                border-radius: 10px 10px 0px 10px;
            }
            .plusInfoL:after{
              content: "";
              position: absolute;
              top: 100%;
              right: 0;
              border-top: 10px solid #c8102e;
              border-left: 28px solid transparent;
              border-right: 0px solid transparent;
            }
            .plusInfoR{
              border-radius: 10px 10px 10px 0px;
            }
            .plusInfoR:after{
              content: "";
              position: absolute;
              top: 100%;
              left: 0;
              border-top: 10px solid #c8102e;
              border-left: 0px solid transparent;
              border-right: 28px solid transparent;
            }
            .plusInfo#vitaminInfo{
              left: 3%;
              top: 220px;
            }
            .plusInfo#calciumInfo{
              left: 3%;
              top: 270px;
            }
            .plusInfo#ironInfo{
              right: 8%;
              top: 195px;
            }
            .plusInfo#proteinInfo{
                right: 8.5%;
                top: 355px;
            }


#bigatcalculator{
    padding: 50px 0;
}
    #bigatcalculator h2{
        color: #dd1d2e;
    }
    .calculator{
      border-radius: 60px;
      background:rgb(221, 29, 46);
      padding: 50px;
      margin-top: 50px;
    }
        .calculator h3{
            color: #fff;
        }
    .calculator .form-group{
        color: #fff;
    }
      .calculator .form-group:not(:first-of-type) {
        display: none;
      }
        .calculator .form-group div{
            padding: 0;
            font-size: 20px;
        }
          .calculator .form-group label{
            padding-top: 8px;
            font-size: .99rem;
          }
          .calculator .form-group .disclaimer{
            font-size: 1rem;
          }
        .calculator .form-group .row{
            margin: 2px 0;
        }
        .calculator .form-group #calculateBtn{
          margin: 30px auto;
          width: 50%;
          text-align: center;
        }
          .calculator .form-group a{
            color: #fff;
            border: 2px solid;
            border-radius: 5px;
            padding: 10px 50px;
            margin: 50px 20px;
            text-align:center;
            cursor: pointer;
          }
          .calculator .form-group label a{
            border: none;
            padding: 0;
            margin: 0;
            text-decoration: underline;
          }

#resultscalculator{
  display: none;
  /*background: rgb(221, 29, 46);*/
  background: #fff;
  border-radius: 60px;
  border: 2px solid rgb(221, 29, 46);
  padding: 20px 50px 700px 50px;
  color: #fff;
  margin-bottom: 50px;
}
  .resultsL{
    display: flex;
    float: left;
    width: 40%;
    align-items: flex-end;
  }
    .height-chart{
      width: 38%;
      height: 680px;
      display: block;
      position: relative;
    }
    .chart{
      border: 10px solid #fff;
      border-radius: 125px;
      width: 170px;
      position: absolute;
      padding: 50px 30px;
      /*font-size: 20px;
      line-height: 38px;*/
    }
      .chart.aboveave {
        background-color: rgb(172, 35, 3);
        top: 0;
        height: 400px;
      }
      .chart.average {
        background-color: rgb(200, 16, 46);
        top: 190px;
        height: 300px;
      }
      .chart.belowave {
        background-color: rgb(172, 35, 3);
        top: 350px;
        height: 340px;
      }
      .chart p {
          margin: 0;
          /*font-size: 30px;*/
      }
    .height-child{
      color: rgb(200, 16, 46);
      /*font-size: 30px;*/
        height: 430px;
        z-index: 1;
        padding: 0px 0 35px;
        width: 37%;
        background-size: 105px !important;
    }
      .height-child.girlA{
        background: url('../../img/aveheightG.png') bottom center no-repeat;
      }
      .height-child.boyA{
        background: url('../../img/aveheightB.png') bottom center no-repeat;
      }
        .height-child-above{
          height: 575px;
          background-size:145px !important;
        }
        .height-child-below{
          height: 300px;
          background-size:70px !important;
        }
    .height-child p{
      margin: 0;
      border-bottom:5px solid rgb(200, 16, 46);
      padding-left: 15px;
      font-size: 1rem;
    }
    .height-child img{
      width: 160px;
    }
  .resultsR{
    float: left;
    width: 60%;
  }
    .resultsR h1{
      /*font-size: 55px;*/
      color: #c8102e;
      text-align: center;
    }
  .analysisTable{
    display: flex;
    justify-content:space-around;
  }
    .analysisTable .result{
      border: 4px solid rgb(200, 16, 46);
      border-radius: 15px;
      color: #000;
      margin: 0 10px;

      width: 41.66667%;
    }
    .analysisTable .result .resultTableTop{
      margin: 0 20px 15px 20px;
    }
      .analysisTable .result .resultTableTop .pLabel1,
      .analysisTable .result .resultTableTop .pLabel2{
        font-size: 1.4rem;
        margin: 15px 0;
        font-weight: 700;
      }
      .analysisTable .result .resultTableTop .span1,
      .analysisTable .result .resultTableTop .span2{
        font-size: 1.5rem;
      }
      
    .analysisTable .result .resultTableBottom{
      background: rgb(200, 16, 46);
      padding:15px;
      color: #fff;
      /*font-size: 30px;*/
    }
      .analysisTable .result .resultTableBottom .smilie-result{
        float: left;
        margin-right: 15px;
      }
    .closing{
      /*font-size: 1.5rem;*/
      color: #c8102e;
      background: url(../img/glass-info.png) center left no-repeat,
            url(../img/logo-white.png) 850px bottom no-repeat;
      padding: 10px;
        margin: 30px 0 0;
    }
      .closing a{
        color: #c8102e;
        background: transparent;
        font-weight: bold;
        border: 2px solid;
        border-radius: 10px;
        cursor: pointer;
        padding: 10px 50px;
        margin: 10px;
          /*font-size: 35px;*/
          text-decoration: none;
      }

.last{
  /*background: url('../img/last.png') bottom center no-repeat;
  background-size: contain;
  padding: 0 0 50%;*/
  padding: 0;
  text-align: center;
}
  .last img{
    width: 100%;
  }

.lastinner{
  margin-top: 50px;
  text-align: center;
}
  .lastinner p{ 
    font-style: italic;
    text-align: center;
  }
  .lastinner img{
    width: auto;
  }

.calculate{
  display: none;

  background: url('../../imgs/af/calculate.png') bottom left no-repeat #ce112d;
  background-size: contain;
  padding: 30px 20px 50px;
  color: #fff;
  text-align: center;
}
  .calculate h2{
    margin-bottom: 30px;
    font-size: 1.5rem;
  }
  .calculate a{
    margin: 20px 0;
    color: #fff;
    border: 2px solid #fff;
    padding: 5px 30px;
    border-radius: 10px;
  }
    .calculate a:hover{
      text-decoration: none;
    }


#buynow img.fordesktop {
  transform: translateY(100px);
  z-index: -1;
}

@media (min-width: 1280px){
  .benefits#tikas .img-move img:nth-child(2){
    width: 35%;
    top: -1030px;
    left: 15%;
  }
  .benefits#tikas .img-move img:nth-child(3){
    width: auto;
    top: -815px;
    left: -15%;
  }
  .benefits#tikas .img-move img:nth-child(5){
    width: 100%;
    transform: translateY(-1800px);
    /*top: -1075px;-940px;*/
  }

  .benefits#lakas .img-move img:nth-child(2){
    width: 35%;
    top: -1140px;
    left: 20%;
  }
  .benefits#lakas .img-move img:nth-child(3){
    width: auto;
    top: -900px;
    left: -10%;
  }
  .benefits#lakas .img-move img:nth-child(4){
    display: none;
  }
  .benefits#lakas .img-move img:nth-child(5){
    width: 100%;
    top: -1150px;
  }

  .benefits#talas .img-move img:first-child{
    width: auto;
  }
  .benefits#talas .img-move img:nth-child(2){
    width: 35%;
    top: 80px;
    left: -13%;
  }
  .benefits#talas .img-move img:nth-child(3){
    width: auto;
    top: -215px;
    left: 0%;
  }
  .benefits#talas .img-move img:nth-child(4){
    /*display: none;*/
    transform: translateY(-440px);
  }
  .benefits#talas .img-move img:nth-child(5){
    width: 100%;
    top: -380px;
  }
  .benefits#talas .img-move img:nth-child(6){
    width: 20%;
    top: -1600px;
    left: -30%;
    opacity: .8;
  }
  .benefits#talas .img-move img:nth-child(7){
    width: 20%;
    top: -1650px;
    left: 25%;
    opacity: .5;
  }
}

@media (min-width: 992px) and (max-width: 1199px){
  .plus#vitamin{
    left: 33%;
  }
  .plus#calcium{
    left: 33.5%;
  }
  .plus#iron{
    right: 39%;
  }
  .plus#protein{
    right: 39.5%;
  }

  .plusInfo#vitaminInfo {
    left: 1%;
    top: 185px;
  }
  .plusInfo#calciumInfo {
    left: 0%;
    top: 295px;
  }
  .plusInfo#ironInfo {
    right: 7%;
    top: 288px;
  }
  .plusInfo#proteinInfo {
    right: 5%;
    top: 370px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .plus#vitamin{
    left: 27%;
  }
  .plus#calcium{
    left: 28%;
  }
  .plus#iron{
    right: 35%;
  }
  .plus#protein{
    right: 36%;
  }
  .plusInfo#vitaminInfo {
    left: -5%;
    top: 200px;
  }
  .plusInfo#calciumInfo {
    left: -7%;
    top: 305px;
  }
  .plusInfo#ironInfo {
    right: 4%;
    top: 265px;
  }
  .plusInfo#proteinInfo {
    right: 1%;
    top: 347px;
  }

  .calculator{
    padding: 35px 50px 1px 270px;
    background-size: 260px;
  }
    .calculator .form-group a{
      padding:10px 0;
    }

    #resultscalculator{
      padding: 20px 20px 700px 20px;
    }
    .height-child{
      padding: 0px 0 0 25px;
      width: 50%;
    }

  .testi div:nth-child(2){
    justify-content: space-around;
  }
}
@media (min-width: 576px) and (max-width: 767px){
  .plus#vitamin {
    left: 20%;
  }
  .plus#calcium{
    left: 21%;
  }
  .plus#iron{
    right: 30%;
  }
  .plus#protein{
    right: 32%;
  }
  .plusInfo{
    border-radius: 10px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, .8);
    position: inherit;
    margin: auto; 
    z-index: 5;
    float: left;
  }
    .plusInfo:after{
      display: none;
    } 
    .plusInfo:before {
        content: 'x';
        display: block;
        font-weight: 700;
        position: absolute;
        top: -15px;
        right: -15px;
        background: inherit;
        border-radius: 15px;
        width: 28px;
        text-align: center;
        border: 1px #fff solid;
    }

  .glassgraph{
    height: auto;
    display: block;
    padding-bottom: 0;
  }
  .glassgraph .glass-w-graph{
    display: none;
  }
  .glassgraph img.glassgraphM{
    display: block;
  }

  #schoolmilkh3M{
    display: block;
  }
  #schoolmilkh3{
    display: none;
  }

  #resultscalculator{
    padding: 10px 5px;
    height: 1320px;
  }
    .resultsL{
      width: 100%;
      height: 680px;
      align-items: flex-end;
      margin-bottom: 30px;
      position: relative;
      top: 600px;
    }
      .resultsL .height-chart{
        width: 27%;
      }
        .chart{
          padding: 50px 15px;
          font-size: 1rem;
          line-height: 1.2rem;
        }
      .resultsL .height-child{
        height: 455px;
        background-size: 105px;
        border-top: none;
        padding: 0 15px;
        width: 50%;
      }
      .resultsL .height-child.height-child-above{
        height: 600px;
        background-size: 145px;
      }
      .resultsL .height-child.height-child-below{
        height: 330px;
        background-size: 70px;
      }
    .resultsR{
      /*width: 97%;*/
      position: absolute;
    }
      .analysisTable{
        justify-content: space-between;
      }
      .analysisTable .result .resultTableTop {
        margin: 0 5px 15px 10px;
      }
        .analysisTable .result .resultTableTop .pLabel1, 
        .analysisTable .result .resultTableTop .pLabel2{
          line-height: 22px;
          margin-bottom: 0;
        }
  .closing{
    margin: 10px 0 0;
    padding: 5px;
  }

  .calculator{
    padding: 30px 30px 20px;
    background: rgba(221,29,46);
  }
}
@media (max-width: 576px) {
  h2{
    font-size: 1.6rem !important;
  }
  .benefits .img-move img{
    width: 100%;
    position: relative;
    left: 0;
  }

  .milkglass .glassinfoMain{
    background-position: 35% center;
  }

  .plus#vitamin {
    left: 9%;
  }
  .plus#calcium{
    left: 7%;
  }
  .plus#iron{
    right: 7%;
  }
  .plus#protein{
    right: 11%;
  }
  .plusInfo{
    border-radius: 10px;
    box-shadow: 0px 0 15px rgba(0, 0, 0, .8);
    position: inherit;
    margin: auto; 
    float: left;
  }
    .plusInfo:after{
      display: none;
    } 
    .plusInfo:before {
        content: 'x';
        display: block;
        font-weight: 700;
        position: absolute;
        top: -15px;
        right: -15px;
        background: inherit;
        border-radius: 15px;
        width: 28px;
        text-align: center;
        border: 1px #fff solid;
    }
    .plusInfo#ironInfo,
    .plusInfo#proteinInfo{
      right: 0;
    }

  .mobilePadding{
    padding:0;
  }

  .lastinner img{
    width: 100%;
  }

  .calculator{
    padding: 30px 30px 20px;
    background: rgba(221,29,46);
    background-image: none;
  }
    .calculator .form-group a{
      padding: 10px 0;
    }
    .calculator .form-group .row {
      display: flex;
      justify-content: space-around;
    }

  #resultscalculator{
    padding: 10px 5px;
    float: left;
    height: 1320px;
  }
    .resultsL{
      width: 100%;
      height: 680px;
      align-items: flex-end;
      margin-bottom: 30px;
      position: relative;
      top: 600px;
    }
      .resultsL .height-chart{
        width: 45%;
      }
        .chart{
          padding: 50px 15px;
          font-size: 1rem;
          line-height: 1.2rem;
        }
      .resultsL .height-child{
        height: 455px;
        background-size: 105px;
        border-top: none;
        padding: 0 15px;
        width: 50%;
      }
      .resultsL .height-child.height-child-above{
        height: 600px;
        background-size: 145px;
      }
      .resultsL .height-child.height-child-below{
        height: 330px;
        background-size: 70px;
      }
    .resultsR{
      width: 97%;
      position: absolute;
    }
      .analysisTable{
        justify-content: space-between;
      }
      .analysisTable .result .resultTableTop {
        margin: 0 5px 15px 10px;
      }
        .analysisTable .result .resultTableTop .pLabel1, 
        .analysisTable .result .resultTableTop .pLabel2{
          line-height: 22px;
          margin-bottom: 0;
        }
  .closing{
    margin: 10px 0 0;
    padding: 5px;
  }

  .vids .vid-container{
    margin: 10px 0;
  }
  
  .last h2{
    font-size: 1.6rem;
  }
}

  @media only screen and (min-width: 769px) and (max-width: 1029px){
    #logo{
      background-size: contain;
    }
    .nav-menu{
      margin-right: 0;
    }

    .nav-tabs>li>a img{
      width: 100%;
    }
    .navFootLinks{
      font-size: 15px;
    }
  }
  @media screen and (max-width: 768px){
    /*skorllr*/
    .benefits#tikas{
      /*background: url(../imgs/bg-tikas.png) bottom center no-repeat #fff;
      background-size: contain;*/
      height: 880px;
    }
    .benefits#lakas{
      /*background: url(../imgs/bg-lakas.png) bottom center no-repeat #fff;
      background-size: contain;*/
      height: 730px;
    }
    .benefits#talas{
      /*background: url(../imgs/bg-talas.png) bottom center no-repeat #fff;
      background-size: contain;*/
      height: 790px;
    }
    .benefits .img-move img:nth-child(4) {
        display: block;
    }
    .benefits .img-move img:nth-child(5) {
        display: none;
    }

      .benefits#tikas .img-move img:first-child{
        width: auto
      }
      .benefits#tikas .img-move img:nth-child(2){
        top:-815px;
        width: 50%;
        left: 0;
      }
      .benefits#tikas .img-move img:nth-child(3){
        top: -1135px;
        left: 35px;
        width: 50%;
      }
      .benefits#tikas .img-move img:nth-child(4){
        top: -1300px;
      }

      .benefits#lakas .img-move img:first-child{
        top:-150px;
        width: auto;
      }
      .benefits#lakas .img-move img:nth-child(2){
        top:-860px;
        width: 50%;
        left: 0;
      }
      .benefits#lakas .img-move img:nth-child(3){
        top: -1135px;
        left: 40px;
        width: 50%;
      }
      .benefits#lakas .img-move img:nth-child(4){
        top: -1300px;
      }

      .benefits#talas .img-move img:first-child{
        top: 15px;
        width: 30%;
        left: 0;
      }
      .benefits#talas .img-move img:nth-child(2){
        top:0;
        width: 50%;
        left: -70px;
      }
      .benefits#talas .img-move img:nth-child(3){
        top: -250px;
        left: 40px;
        width: 70%;
      }
      .benefits#talas .img-move img:nth-child(4){
        top: -360px;
      }
      .benefits#talas .img-move img:nth-child(6){
        width: 25%;
        top: -1300px;
        left: -25%;
      }
      .benefits#talas .img-move img:nth-child(7) {
        width: 20%;
        top: -1300px;
        left: 25%;
      }


    .fordesktop{
      display: none;
    }
    .formobile{
      display: block;
    }
    .article img{
      width: 100%;
    }

    #logo{
      height: 100px;
    }
      #logo a{
        width: 120px;
        height: 55px;
      }
    .menuicon{
      width: 120px;
      height: 70px;
      padding: 0px 40px 20px 40px;
      background-size: contain;
    }
    #mainnav{
      padding: 45px 0px 0 80px;
      right: -105%;
    }
      .top-nav {
        border-bottom: 0;
        margin: 0;
      }
        .top-nav li{
          width: 100%;
        }
        .top-nav li a{
          display: block;
          color: #000;
          text-decoration: none;
          padding: 5px 0;
          font-weight: bold;
          font-size: 18px;
        }

    .navOtherSites{
      float: none;
      margin: auto;
      padding: 0;
      width: 40%;
    }
      .navOtherSites p{
        font-size: 16px;
      }
    .footerContent{
      padding: 20px 0 0;
    }
    .footContent1, 
    .footContent2{
      padding-bottom: 10px;
    }
    .footLogo,
    .footerCopy,
    .footerCopy p{
      text-align: center;
    }
    .footerCopy p{
      float: none;
      position: relative;
      top: 30px;
    }
    .footAddress{
      display: none;
    }
    ul.nav.footer-nav.cf {
      display: inline-block;
      margin: 0 auto;
      float: none;
      width: 100%;
      display: flex;
      justify-content: center;
    }
      .footer-links .nav li {
        float: left;
      }
      ul.nav.other-nav.cf li a,
      ul.nav.footer-nav.cf li a{
        padding: 6px 7px;
        font-size: 15px;
        color: #fff;
        border-bottom: none;
      }
      ul.nav.footer-nav.cf li a{
        padding: 0px 5px;
      }
    .navFootLinks {
      padding: 0;
      float: none;
      margin: auto;
      width: 90%;

      position: relative;
      top: -40px;
    }
  }
  @media screen and (max-width: 667px){ 
    .navOtherSites{
      width: 45%;
    }
    .benefits .img-move img{
      display: initial;
    }
  }
  @media screen and (max-width: 568px){ 
    /*skorllr*/
    .benefits-container {
      height:9500px;
    }
    .benefits#tikas{
      background: url(../../imgs/af/bg-tikas.png) bottom center no-repeat #fff;
      background-size: contain;
      height: 800px;
    }
      .benefits#tikas .img-move img:first-child{
        top:-25px;
        width: 100%;
      }
      .benefits#tikas .img-move img:nth-child(2){
        top:-630px;
        width: 70%;
      }
      .benefits#tikas .img-move img:nth-child(3){
        top:-940px;
        left: 15px;
        width: 60%;
      }
      .benefits#tikas .img-move img:nth-child(4){
        top: -1075px;
      }
    .benefits#lakas{
      background: url(../imgs/bg-lakas.png) bottom center no-repeat #fff;
      background-size: contain;
      height: 840px;
    }
      .benefits#lakas .img-move img:first-child{
        top:-50px;
        width: 100%;
      }
      .benefits#lakas .img-move img:nth-child(2){
        top:-710px;
        width: 70%;
      }
      .benefits#lakas .img-move img:nth-child(3){
        top:-940px;
        left:40px;
        width: 80%;
      }
      .benefits#lakas .img-move img:nth-child(4){
        top:-1100px;
      }
    .benefits#talas{
      background: url(../../imgs/af/bg-talas.png) bottom center no-repeat #fff;
      background-size: contain;
      height: 950px;
    }
      .benefits#talas .img-move img:first-child{
        top: -125px;
        width: 25%;
        left: 20%;
      }
      .benefits#talas .img-move img:nth-child(2){
        top:-0px;
        width: 70%;
      }
      .benefits#talas .img-move img:nth-child(3){
        top:-280px;
        left:0px;
        width: 100%;
      }
      .benefits#talas .img-move img:nth-child(4){
        top:-373px;
      }
      .benefits#talas .img-move img:nth-child(6){
        width: 25%;
        top: -1200px;
        left: -25%;
      }
      .benefits#talas .img-move img:nth-child(7) {
        width: 20%;
        top: -1260px;
        left: 25%;
      }

    .navOtherSites{
      width: 50%;
    }
    ul.nav.footer-nav.cf{
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }
  @media screen and (max-width: 414px){ 
    /*skorllr*/
    .benefits-container {
      height: 9200px;
    }
    .benefits#tikas {
      height: 680px;
    }
      .benefits#tikas .img-move img:first-child{
        top:-25px;
      }
      .benefits#tikas .img-move img:nth-child(2){
        top:-450px;
        width: 70%;
      }
      .benefits#tikas .img-move img:nth-child(3){
        top:-700px;
        left: 15px;
        width: 60%;
      }
      .benefits#tikas .img-move img:nth-child(4){
        top: -765px;
      }

    .benefits#lakas {
      height: 690px;
    }
      .benefits#lakas .img-move img:first-child{
        top:-150px;
      }
      .benefits#lakas .img-move img:nth-child(2){
        top:-510px;
        width: 70%;
      }
      .benefits#lakas .img-move img:nth-child(3){
        top:-725px;
        left:40px;
        width: 80%;
      }
      .benefits#lakas .img-move img:nth-child(4){
        top:-795px;
      }

    .benefits#talas {
      height: 795px;
    }
      .benefits#talas .img-move img:first-child{
        top: -70px;
        width: 29%;
        left: 10%;
      }
      .benefits#talas .img-move img:nth-child(2){
        top:5px;
        width: 70%;
      }
      .benefits#talas .img-move img:nth-child(3){
        top:-180px;
        left:0px;
      }
      .benefits#talas .img-move img:nth-child(4){
        top:-255px;
      }
      .benefits#talas .img-move img:nth-child(6){
        width: 30%;
        top: -930px;
        left: -106px;
      }
      .benefits#talas .img-move img:nth-child(7) {
        width: 30%;
        top: -925px;
        left: 105px;
      }

    .navOtherSites{
      width: 75%;
    }
    ul.nav.footer-nav.cf{
      width: 100%;
    }
  }
  @media screen and (max-width: 375px){
    /*skorllr*/
    .benefits-container {
      height: 9100px;
    }
    .benefits#tikas {
      height: 665px;
    }
      .benefits#tikas .img-move img:first-child{
        top:-25px;
      }
      .benefits#tikas .img-move img:nth-child(2){
        top:-390px;
        width: 60%;
      }
      .benefits#tikas .img-move img:nth-child(3){
        width: 60%;
        top:-580px;
        left: 15px;
      }
      .benefits#tikas .img-move img:nth-child(4){
        top:-630px;
      }

    .benefits#lakas {
      height: 710px;
    }
      .benefits#lakas .img-move img:first-child{
        top:-150px;
      }
      .benefits#lakas .img-move img:nth-child(2){
        top:-440px;
        width: 60%;
      }
      .benefits#lakas .img-move img:nth-child(3){
        top:-575px;
        left:40px;
        width: 80%;
      }
      .benefits#lakas .img-move img:nth-child(4){
        top:-620px;
      }

    .benefits#talas {
      height: 700px;
    }
      .benefits#talas .img-move img:first-child{
        top:0px;
        width: 40%;
        left: -50px;
      }
      .benefits#talas .img-move img:nth-child(2){
        top:-155px;
        width: 60%;
        left: 0%;
      }
      .benefits#talas .img-move img:nth-child(3){
        top:-270px;
        left:0px;
      }
      .benefits#talas .img-move img:nth-child(4){
        top:-315px;
      }
      .benefits#talas .img-move img:nth-child(6){
        width: 40%;
        top: -820px;
        left: -80px;
      }
      .benefits#talas .img-move img:nth-child(7){
        width: 40%;
        top:-850px;
        left: 60px
      }

    .navOtherSites,
    .navFootLinks {
      width: 80%;
    }
    ul.nav.footer-nav.cf{
      width: 70%;
      display: block;
    }
    ul.nav.footer-nav.cf li a{
      border:0;
    }
    ul.nav.footer-nav.cf li:nth-child(3){
      padding-left: 20px;
    }
    .footerCopy p{
      top: 50px;
    }
  }
  @media screen and (max-width: 320px){ 
    #logo {
      height: 95px;
    }
    .menuicon {
      width: 95px;
      height: 70px;
      padding: 0px 35px 20px 20px;
      background-size: contain;
    }
    .menuicon span{
      top: 20px;
    }
    .menuicon span::before {
      margin-top: -10px;
    }
    .menuicon span::after {
      margin-top: 10px;
    }

    #mainnav{
      right: -120%;
    }
    .navOtherSites{
      width: 90%;
    }
    .navFootLinks{
      top:-65px;
    }
    ul.nav.footer-nav.cf {
      width: 80%;
    }

    /*skorllr*/
    .benefits-container {
      height: 9300px;
    }
    .benefits#tikas {
      height: 630px;
    }
      .benefits#tikas .img-move img:first-child{
        top:0px;
      }
      .benefits#tikas .img-move img:nth-child(2){
        top:-345px;
      }
      .benefits#tikas .img-move img:nth-child(3){
        top:-500px;
        left: 15px;
      }
      .benefits#tikas .img-move img:nth-child(4){
        top:-535px;
      }

    .benefits#lakas{
      height:620px;
    }
      .benefits#lakas .img-move img:first-child{
        top:-75px;
      }
      .benefits#lakas .img-move img:nth-child(2){
        top:-390px;
      }
      .benefits#lakas .img-move img:nth-child(3){
        top:-540px;
        left:40px;
      }
      .benefits#lakas .img-move img:nth-child(4){
        top:-580px;
      }

    .benefits#talas{
      height: 705px;
    }
      .benefits#talas .img-move img:first-child{
        /*top:130px;*/
        width: 47%;
      }
      .benefits#talas .img-move img:nth-child(2){
        top:-95px;
      }
      .benefits#talas .img-move img:nth-child(3){
        top:-215px;
        left:0px;
      }
      .benefits#talas .img-move img:nth-child(4){
        top:-255px;
      }
      .benefits#talas .img-move img:nth-child(6){
        width: 40%;
        top: -750px;
        left: -70px;
      }
      .benefits#talas .img-move img:nth-child(7){
        width: 40%;
        top:-700px;
        left: 60px
      }
  }