html,
body,
div,
span,
23
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  color: #23292f;
  line-height: 1.65em;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  -webkit-text-size-adjust: none
}


/* Box Model */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 0rem;
  margin: 0;
  font-family: Open Sans;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h5{
  font-weight: 700;
  font-family: Oswald;
}

p{
  font-family: Open Sans;
  font-weight: 300;
}

section{
  width: 100%;
  min-height: 300px;
  display: block;
}

.wrapper{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.container {
  height: 100%;
  display: grid;
  grid-gap: 3px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
}

.addCta a,
.faq .container ul,
.features .container ul,
p,
h1,
h2,
h3,
h4,
h5 {
  grid-column: 1 / -1;
}

.menu {}

  .content {
    grid-column: 2 / -1;
  }

  .footer {
    grid-column: 1 / -1;
  }


  .header{
    background: url(img/headerimg.jpg) no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding: 10px 0 100px;
  }


  /* Custome stye*/
  .header h2,
  .header h1{
    font-size:300%;
    line-height: 1.2em;
    color: #fff;
    text-align: center;
    padding: 0px 0;
  }

  .header h1{
      font-size:330%;
    text-transform: uppercase;
  }

  .header h1 span{
    color: #ffffff;
    text-decoration: underline;
  }


  .testSection .container{
    height: 100%;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows:auto;
    justify-content:  space-around;
    top:-60px;
    margin-top: -60px;
    position: relative;
    /* background: #dddad9; */

    background: rgb(249,246,244);
    background: linear-gradient(180deg, rgba(249,246,244,1) 0%, rgba(242,237,235,1) 13%, rgba(221,218,217,0) 27%);
  }




  .faq .container ul,
  .features .container ul{
    height: 100%;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows:auto;
    justify-content: space-around;
  }



  .faq .container ul,
  .features .container ul{
    margin-top: 0;
    padding: 0;
  }
  .faq .container ul li,
  .features .container ul li{
    padding: 15px;
  }

  .sniperSec {
    background: url(img/girlback.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 140px;
    top: -90px;
    margin-bottom: -90px;
    z-index: 1;
    position: relative;
    padding-bottom: 60px;
  }

  .sniperSec .container li{
    margin-bottom: 15px;
  }

  .sniperSec .container img{
    grid-column: 1 / 6;
  }


  .sniperSec h5,
  .sniperSec .container ul{
    grid-column: 6 / -1;
  }


  .fstblock,
  .header .prodimg{
    grid-column: 1 / 7;
    display: block;
  }

.fstblock, .header .prodimg{
  padding: 20px;
}
  .header .prodimg img{
    width: 90%;
    margin-top:5%;
  }

  .lstblock,
  .header .productinfo{

    grid-column: 7 / -1;
  }

  .productinfo p{
    color: #fff;
    font-size: 145%;
  }
  .productinfo h3{
    font-size: 180%;
    text-align: left;
    color: #fff;
    padding: 10px 0;
    text-align: center;
  }

  .header .productinfo{
    justify-content: center;
  }

  .header .productinfo a {
    display: block;
    margin: 0 auto;
    text-align: center;
  }


  /* Benefits */

  .sixBenifits{
    margin: 30px auto 0px;
  }

  .sixBenifits h2{
    font-size: 240%;
    text-align: center;
    padding: 10px;
  }

  .sixBenifits .container {
    grid-template-columns: repeat(3, 31%);
    grid-template-rows: repeat(2, 380px);
    justify-content: space-evenly;
    grid-gap: 2%;
  }

  .sixBenifits .container > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    color: #ffeead;
    border: 6px solid #333;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    font-size: 120%;
    color: #333;
    padding: 20px;
    position: relative;
    margin: 20px auto;
  }


  .sixBenifits .container > div::before{
    content: "";
    width: 64px;
    height: 64px;
    border-radius: 50px;
    display: block;
    position: absolute;
    left: 40%;
    top:-30px;
    color: #fff;
    background: #304e6c;
    text-align: center;
    font-family: Oswald;
    font-weight:  700;
    font-size: 200%;
    line-height: 1.3em;
    border: 4px solid #fff;
  }
  .sixBenifits .container > div:nth-child(1n) {
    border-color: #304e6c;
  }

  .sixBenifits .container > div:nth-child(1n)::before {
    content: "1";
  }



  .sixBenifits .container > div:nth-child(2n) {
    border-color: #6b5b27;
  }

  .sixBenifits .container > div:nth-child(2n)::before {
    content: "2";
    background: #6b5b27;
  }


  .sixBenifits .container > div:nth-child(3n) {
    border-color: #046c60;
  }


  .sixBenifits .container > div:nth-child(3n)::before {
    content: "3";
    background: #046c60;
  }

  .sixBenifits .container > div:nth-child(4n) {
    border-color: #48e1c3;
  }


  .sixBenifits .container > div:nth-child(4n)::before {
    content: "4";
    background: #48e1c3;
  }

  .sixBenifits .container > div:nth-child(5n) {
    border-color: #c1ed16;
  }

  .sixBenifits .container > div:nth-child(5n)::before {
    content: "5";
    background: #c1ed16;
  }

  .sixBenifits .container > div:nth-child(6n) {
    border-color: #4cbbef;
  }


  .sixBenifits .container > div:nth-child(6n)::before {
    background: #4cbbef;
    content: "6";
  }


  .banterInclude{
    /* background-color: #dddad9; */
    padding: 0px 0;
    margin: 0px auto 0px;
    background: #f2f2f2; /* Old browsers *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+28,ffffff+28,dddad9+28,dddad9+28,dddad9+58 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 28%, #ffffff 28%, #dddad9 28%, #dddad9 28%, #dddad9 58%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 28%,#ffffff 28%,#dddad9 28%,#dddad9 28%,#dddad9 58%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 28%,#ffffff 28%,#dddad9 28%,#dddad9 28%,#dddad9 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddad9',GradientType=0 ); /* IE6-9 */
  }

  .banterInclude .container h2{
    color: #2f7595;
    font-size: 350%;
    line-height: 200%;
    margin: 0;
  }
  .banterInclude .container{
    background: #ffffff;
    padding: 60px 60px 60px;
    border: 1px solid #dedede;
    /* margin-top: -420px; */
    margin: 0;
    box-shadow: 0 0 10px #999;

    bottom: -80px;
    position: relative;

    background: rgb(244,238,238);
    background: linear-gradient(180deg, rgba(244,238,238,1) 0%, rgba(255,255,255,1) 52%, rgba(244,238,238,1) 100%);
  }



  .banterInclude .container p{
    font-size: 130%;
    margin: 10px 0
  }


  .parallax {
    /* The image used */
    background-image: url('img/womanlying.jpg');

    /* Full height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .secPar .parallax {
    background-image: url('img/aattr.jpg');
  }
  .features {
    padding: 30px 0;
    position: relative;
    bottom: -100px;
    z-index: 9;
  }

  .features h3,
  .features h2{
    font-size: 340%;
    line-height: 1em;
    padding: 20px 0;
    color: #2f7595;
    text-transform: uppercase;;
    text-align: center;
  }

  .features h2{
    margin-bottom: 0;
  }


  .features h3{
    font-size: 190%;
    line-height: 120%;
    color: #333;
  }


    .features h4{
      font-size: 260%;
      text-align: center;
    }
  .faq .container,
  .features .container {
    height: 100%;
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin-top: -160px;
    background: #fff;
    padding: 35px 60px;
    border:1px solid #dedede;
    top: -60px;
    position: relative;
  }


  .features .container ul li:nth-child(10n){
    text-align: center;
  }

  .features .container ul li img{
    text-align: center;
    margin-bottom: -61px;
  }


  .guidePack h2,
  .sniperSec h2{
    font-size: 300%;
    line-height: 1em;
    margin-bottom: 30px;
    text-align: center;
  }

  .guidePack .container{
    border-bottom: 80px solid #000;
    bottom:-110px;
    margin-bottom: -110px;
  }

  .sniperSec h2{
    margin-top: 0;
  }

  .guidePack h2{
    margin: 0;
    padding: 0;
  }


  .sniperSec h3{
    text-align: center;
    line-height: 1em;
    font-size: 200%;
  }

  .sniperSec h5{
    font-family: Open Sans;
    font-weight: bold;
    font-size: 160%;
    margin: 20px 0;
    padding-left: 60px;
  }


  .sniperSec ul li,
  .sniperSec p{
    font-size: 130%;
    margin: 5px 0;
    text-align: center;
    font-weight: 300;
  }


  .sniperSec ul li{
    text-align: left;
    padding-left: 60px;
    background: url(img/pin.png) no-repeat 20px center;
  }


  .guidePack{
    padding: 70px 0 30px;
    color: #fff;
    position: relative;
    background: url(img/guidepackbg.jpg) no-repeat top center;
    background-size:  cover;
  }


  .guidePack p{
    text-align: center;
    font-size: 160%;
    margin: 20px auto 40px;
  }


  .guidePack h3{
    color: #92cef5;
    text-align: center;
    font-size: 250%;
    line-height: 100%;
    padding: 10px 0;
  }
  .guidePack h3 span{
    display: block;
    color: #bcf51c;
  }
  .guidePack .productinfo a{
    display: block;
    margin: 15px auto;
  }
  .guidePack .productinfo img{
    margin: 0 auto;
    display: block;

  }

  .guidePack .productinfo p{
    font-size: 30%;
  }

  .guidePack .productinfo h4 {
    color: #fff;
    font-size: 350%;
    display: block;
    text-align: center;
    line-height: 120%;
    margin: 0;
    margin-top: 15px;
  }

  .guidePack .productinfo h4 span{
    color: #bcf51c;
  }

  .testSection{
    background: #dddad9;
    position: relative;
    padding-bottom: 0px;
  }

  .testSection .container .testimonialBlock{
    border: 1px solid #8c8c8c;
    border-radius: 260px;
    height: auto;
    padding: 40px 55px 0px 55px;
    background: #fff;
    width: 105%;
    text-align: center;
    box-shadow: 0 0 8px 1px #b2b2b2;
    margin-bottom: 30px;
  }

  .testSection h2{
    text-align: center;
    font-size: 280%;
    padding: 60px 0;
    color: #0974c0;
    line-height: 100%;
  }

  .mBack{
    background: #32475c;
    position: relative;
    padding: 220px 0;
    color: #fff;
  }
  .testSection .container div.testimonialBlock:nth-child(3n){
    z-index: 5;
    position: relative;
  }

  .mBack .container{
    background: #4a5d70;
    border:1px solid #000;
    box-sizing: 0 0 5px #555;
    padding: 140px 30px 100px;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 8px 1px #18324f;
    position: relative;
  }

  .mBack .container h2{
    text-align: center;
    font-size: 300%;
  }

  .mBack .container p{
    text-align: center;
    font-size: 130%;
  }
  .mBack .container p span{
    font-weight: 500;
  }

  .mBack .container img.guarantee{
    position: absolute;
    left: 34%;
    top:-22%;
  }
  .mBack .container img.marniimg{
    position: absolute;
    left: 42%;
    bottom:-13%;
    border:3px solid #fff;
    border-radius: 90px;
  }

  .lightguide .container{
    bottom: 0px;
    margin-bottom: 0px;
  }

  .lightguide .productinfo p{
    color: #444 !important;
  }

  .lightguide{
    background: #fff;
  }

  .lightguide h2{
    color: #222;
  }

  .lightguide .container{
    top: -140px;
    margin-top: -140px;
    /* background: #f2f2f2; */
    /* border:1px solid #cccccc; */
    padding: 60px 20px;
    color: #333;
    /* box-shadow: 0 0 5px #bbb; */
    border: none;
    background: rgb(235,230,230);
    background: linear-gradient(180deg, rgba(235,230,230,1) 0%, rgba(241,239,239,1) 76%, rgba(236,233,232,0) 100%);
  }

  .guidePack .productinfo p,
  .lightguide .productinfo h4 {
    font-weight: 400;
    line-height: 1em;
    color: #333;
  }

  .guidePack .productinfo p{
    color: #fff;
  }

  .lightguide .productinfo h4 span{
    color: green;
    font-weight: 600;
  }
  .lightguide h3 span,
  .lightguide h3{
    color: #0b8fec;
  }

  .faq .container{
    border: none;
    margin-top: 0;
    top:0;
    padding: 5px 0px 35px;
  }

  .addCta .container h2,
  .faq .container h2{
    font-size: 280%;
    text-transform: uppercase;
    color: #0b8fec;
    text-align: center;
    line-height: 1em;
  }


  .faq .container h3{
    font-size: 180%;
    line-height: 120%;
  }

  .addCta{
    text-align: center;
  }

  .addCta .container h2{
    font-size: 240%;
    text-align: center;
    line-height: 1;
  }


.addCta img{
  width: 90%;
  max-width: 380px;
}

  .addCta .container a img{
    display: block;
    margin: 20px auto;
  }

  footer p a{
    text-decoration: none;
    color: #333;
  }
  footer p{
    text-align: center;
  }

  .header video{
    width: 95%;
    border: 3px solid #efefef;
    border-radius: 6px;
    margin-right: 3%;
  }


  .fluidVideo{
    background: #efefef;
    padding: 5px 5px 2px  5px;
    border-radius: 8px;
  }

  .prodimg iframe{
    width: 100% !important;
  }

  /* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
  @media  screen and (max-width: 1366px) {
    body{
      /* font-size: 90%; */
    }
  }



  @media  screen and (max-width: 966px) {
    .sixBenifits .container {
      /* grid-template-columns: repeat(3, 31%); */
      grid-template-rows: repeat(2, 440px);
    }

    .banterInclude .container h2 {
      font-size: 350%;
      line-height: 1em;

    }

    .faq .container, .features .container{
      padding: 15px 20px;
    }

    .header .productinfo img{
      width: 90%;
      max-width: 350px;
      max-height: 182px;
    }

    .container{
      padding: 15px;
    }

    .mBack .container img.guarantee{
      width: 35%;
          top: -10%;
    }

.mBack .container{
  /* padding-top:80px; */
  box-sizing: border-box;
}

.mBack .container h2{
  line-height: 1em;
}
    .mBack{
      padding-top: 120px;
    }

  }


  @media  screen and (max-width: 856px) {


    .sixBenifits .container {
      grid-template-columns: repeat(2, 49%);
      grid-template-rows: auto;
    }

    .sixBenifits .container > div{
      padding: 30px 20px;
    }

    .faq .container, .features .container{
      padding: 25px 10px;
    }


    .guidePack .productinfo img,
    .sniperSec .container img{
      margin: 0 auto;
      width: 100%;
    }

    .sniperSec .container img {
      margin: 5%;
    }

    .sniperSec h5, .sniperSec .container ul{
      padding: 0 20px;
    }

    .testSection h2 {
      text-align: center;
      padding: 5px 0;

    }

    .testSection .container{
      grid-template-columns: repeat(2, 50%);
    }

    .testSection .container .testimonialBlock{
      width: 100%;
    }

    .header h2, .header h1{
      padding: 10px 0;
      margin: 0;
    }

    .guidePack{
      padding: 20px 0 20px;
    }

    .guidePack .container {
      border-bottom:10px;
      bottom: 0px;
      margin-bottom: 0px;
    }


    .parallax{
      border: none;
      background-attachment:  inherit;
    }

    .lightguide .container{
      padding-bottom: 0;
    }

.productinfo h3{
  margin-top: 0;
}

  }


  @media  screen and (max-width: 756px) {

    .mBack .container{
      padding-top:60px;
      box-sizing: border-box;
    }

    .mBack .container img.guarantee{
      top:-7%;
    }

    .mBack .container img.marniimg{
      left: 35%;
      width: 30%;
      bottom: -7%;
    }

    .productinfo h3{
      padding: 10px 0;
    }


    .banterInclude .container{
      padding: 10px;
    }


    .banterInclude .container{
      bottom: 0;
    }

    .banterInclude{
      margin-top: 50px;
    }

    .faq .container, .features .container{

    }


    .addCta .container h2,
    .addCta .container h2, .faq .container h2,
    .mBack .container h2,
    .testSection h2,
    .guidePack h2, .sniperSec h2,
    .features h3, .features h2,
    .banterInclude .container h2,
    .header h2, .header h1,
        h1,
        h2{
          line-height: 1.2em;
          font-size: 210%;
        }

  }

  @media  screen and (max-width: 656px) {
    .sixBenifits .container {
      grid-template-columns: repeat(2, 50%);
      grid-template-rows: auto;
    }


    .banterInclude{
      margin-top: 100px;
    }

    .mBack .container img.guarantee{
      top:-5%;
    }

    .mBack .container img.marniimg{
      bottom: -5%;
    }

    .faq .container ul, .features .container ul {
      grid-gap: 5px;
      grid-template-columns: repeat(1, 100%);

      grid-template-rows: auto;

    }

    .sniperSec .container img{
      display: none;
    }

    .sniperSec h5, .sniperSec .container ul {
      grid-column: 1 / -1;
    }

    .sniperSec .container ul  {
      padding: 0px;
    }

    .sniperSec ul li{
      padding-left: 36px;
      background: url(img/pin.png) no-repeat 0px center;
    }

    .testSection .container {
      grid-template-columns: repeat(1, 100%);
    }

    .testSection .container .testimonialBlock {
      max-width: 400px;
      margin: 0 auto;
      height: 400px;
      padding-top: 80px;
    }

    .header .prodimg video{
      display: block;
      margin: 0 auto;
      max-width: 80%;
    }

    .fstblock, .header .prodimg,
    .lstblock, .header .productinfo {
      grid-column: 1 / -1;
    }


    .fstblock, .header .prodimg{
      padding-top: 30px;
    }
  }


  @media  screen and (max-width: 556px) {

    .banterInclude{
      margin-top: 200px;
    }
    .sixBenifits .container {
      grid-template-columns: repeat(1, 100%);
      grid-template-rows: auto;
    }


  }


  @media  screen and (max-width: 406px) {
    .testSection .container .testimonialBlock{
      border-radius: 0;
      padding: 10px;
    }


  }