body{
background:#1d1d1f;
color:#fff;
padding: 0px 67px;
font-family:Arial, Helvetica, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

h1{
font-size:17px;
letter-spacing: 2px;
color:#fff;
border-bottom:1px solid;
border-color:#2d2d2f;
}

ul{
padding:0px;
margin:0px;
}
li{
list-style: none;
padding:0px;
margin:0px;
}

a{
color: #acb2b8;
}

a:hover{
color: #fff;
}

.content{
  max-width:720px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  padding-right:5px;
  padding-left:5px;
}

@media screen and (max-width: 1613px){
  .pdLogom{
    background:url('../web-graphics/fdWeb/pdLogo_sm.png') no-repeat center left;
    height: 35px;
    width: 178px;
    display:block;
  }
  
  .pdLogo{display:none;}
  
  .content{margin-top:30px;}
}

@media screen and (min-width: 1614px){
  .pdLogo{
    display:block;
    background:url('../web-graphics/fdWeb/pdLogo.png') no-repeat top left;
    height: 69px;
    width: 348px; 
    position: absolute;
    top:64px;
    left:30px;
  }
  
  .pdLogom{display:none;}
}

.title{
  background:url('../web-graphics/fdWeb/fdTitle.png') no-repeat center;
  background-size:contain;
  height:171px;
  margin-bottom:10px;
}

.slidesContainer{
  position:relative;
}

.slides{
  background:#135306;
  /* for relative height */
  height: 0px;
  padding-bottom:56%;
  margin-bottom:15px;
}

.slides img{
  width:100%;
}

/* this will do the magic with relative height to width */
.slides .ytWrapper{
  position:relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.slides iframe{
  position:absolute;
  width:100%;
  height:100%;
}

.buttonsSection{
  margin-bottom:30px;
}

.button{
  width:100%;
  background:#2cbf0f;
  background-repeat: no-repeat;
  display:inline-block;
  text-align:center;
  font-size:40px;
  font-weight:bold;
  padding:90px 0px 30px 0px;
  cursor:pointer;
  color:#fff;
  margin-bottom:10px;
}

.button:hover{
  background-color:#32dc10;
}

.button.about{
  background-image: url('../web-graphics/fdWeb/infoIcon.png');
  background-position: 33px 16px;
}

.button.download{
  float:right;
  clear:both;
  background-image: url('../web-graphics/fdWeb/downloadIcon.png');
  background-position: 37px 18px; 
}

@media screen and (min-width: 730px){
  .button{
    width:347px;
  }
}

.availabilitySection{
  text-align:center;
  font-size:10px;
}

.lowerSection{
  margin-top:20px;
  color:#acb2b8;
  font-size:14px;
  line-height:1.5em;
}

.closeBtn{
  height:13px;
  cursor:pointer;
  background:url('../web-graphics/fdWeb/closeBtn.png') no-repeat center right;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 34px;
  height: 16px;
  margin: 0 6px;
  background: #115307;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #2cbf0f;
  cursor: default;
}


/* unslider */
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{
  display:inline-block;
  position:absolute;
  left:0px;
  z-index:2;
  cursor:pointer;
  top:0px;
  background:url('../web-graphics/leftArrow.png') center left no-repeat;
  width:100px;
  height:100%;
}
.unslider-arrow.next{
  left:auto;
  right:0px;
  background:url('../web-graphics/rightArrow.png') center right no-repeat;
}