.container.foot-pain-identfier {
  width: 100%;
}

.fpi-adsense {
  display: inline-block;

  width: 160px;
  height:400px;
}

/*foot pain identifier start*/
#foot-pain-identifier {
    position:relative;

    display:none;
    overflow:hidden;

    width: 680px;
    height:650px;

    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#DDDFDE;
}

@media (max-width: 767px) {
  #foot-pain-identifier {
    width: 100%;
    height: 1500px;
  }
    svg{
        margin-left: 20px;
    }
}

#backToTop {
    display:none;
}

#backToTop a {
  padding: 10px;

  text-transform: uppercase;

  color: #fff;
  border-width: 0px !important;
  background-color: #428bca;

  font-style: normal;
  line-height: 44px;
}

h1 > b{
    color: #1e73be !important;
    font-weight: 300;
}

#fpi-header {
    position:absolute;
    top:12px;
    left:19px;

    width:640px;
    height:73px;

    background-image:url('../img/fpi-header.png');
    background-repeat:no-repeat;
}

.fpi-instructions {
  color: #000;
  font-weight: 500;
  position: relative;
  top: 10px;
}

#foot-pain-identifier .fpi-instructions p {
  font-style: normal;
}

.fpi-instructions.step-three {
  width: 70vw;
}

.fpi-instructions .glyphicon {
  color: #00bcd4;
}

#fpi-buttons {
    position:absolute;
    top: 20%;
    left: 16%;
}

@media (max-width: 767px) {
  #fpi-buttons {
    top: 72px;
    left: 10%;
  }
}

#fpi-buttons a{
    float:left;

    margin-right:20px;
    margin-bottom: 20px;
}


polygon:hover {
    fill: #626567;
    opacity: 0.5;
}

a#dorsal-button {
    display:block;

    width: 20vw;
    max-width: 217px;
    height: 20vw;
    max-height: 217px;

    background-image:url('../img/fpi-buttons.png');
    background-repeat:no-repeat;
    background-position:0 0;
    background-size: 400% 200%;
}

a:hover#dorsal-button {
    background-position:0 100%;
}

@media (max-width: 767px) {
  a#dorsal-button {
    width: 30vw;
    height: 30vw;
  }
}

a#plantar-button {
    display:block;

    width: 20vw;
    max-width: 217px;
    height: 20vw;
    max-height: 217px;

    background-image:url('../img/fpi-buttons.png');
    background-repeat:no-repeat;
    background-position:33.3% 0;
    background-size: 400% 200%;
}

a:hover#plantar-button {
    background-position:33.3% 100%;
}

@media (max-width: 767px) {
  a#plantar-button {
    width: 30vw;
    height: 30vw;
  }
}

a#lateral-button {
    display:block;

    width: 20vw;
    max-width: 217px;
    height: 20vw;
    max-height: 217px;

    background-image:url('../img/fpi-buttons.png');
    background-repeat:no-repeat;
    background-position:66.6% 0;
    background-size: 400% 200%;
}

a:hover#lateral-button {
    background-position:66.6% 100%;
}

@media (max-width: 767px) {
  a#lateral-button {
    width: 30vw;
    height: 30vw;
  }
}

a#medial-button {
    display:block;

    width: 20vw;
    max-width: 217px;
    height: 20vw;
    max-height: 217px;

    background-image:url('../img/fpi-buttons.png');
    background-repeat:no-repeat;
    background-position:100% 0;
    background-size: 400% 200%;
}

a:hover#medial-button {
    background-position:100% 100%;
}

@media (max-width: 767px) {
  a#medial-button {
    width: 30vw;
    height: 30vw;
  }
}

#fpi-feet {
    position:absolute;
    top:90px;
    left:9px;
}

#dorsal-image {
    position:absolute;
    top:10px;
    left:136px;
}

@media (max-width: 767px) {
  #dorsal-image {
    left:20px;
    top: 64px;
  }
}

#plantar-image {
    position:absolute;
    top:10px;
    left:104px;
}

@media (max-width: 767px) {
  #plantar-image {
    left:62px;
    top: 64px;
  }
}

#medial-image {
    position:absolute;
    top:93px;
    left:0;
}

@media (max-width: 767px) {
  #medial-image {
    left: -35px;
  }
}

#lateral-image {
    position:absolute;
    top:93px;
    left:0px;
}

@media (max-width: 767px) {
  #lateral-image {
    left: -35px;
  }
}

#fpi-links {
    position:absolute;
    top:100px;
    left:394px;

    width:260px;
}

@media (max-width: 767px) {
  #fpi-links {
    top: 600px;
    left: 20px;

    width: 260px;
  }
}

#fpi-buttons-small {
    position:absolute;
    top:449px;
    left:463px;
}

@media (max-width: 767px) {
  #fpi-buttons-small {
    top: 10px;
    left: 18px;
  }
}

#fpi-buttons-small a{
    float:left;

    margin-right:10px;
}

a#dorsal-button-small {
    display:block;

    width:43px;
    height:43px;

    background-image:url('../img/fpi-buttons-small.png');
    background-repeat:no-repeat;
    background-position:0 0;
}

a:hover#dorsal-button-small {
    background-position:0 -43px;
}

a#plantar-button-small {
    display:block;

    width:43px;
    height:43px;

    background-image:url('../img/fpi-buttons-small.png');
    background-repeat:no-repeat;
    background-position:-43px 0;
}

a:hover#plantar-button-small {
    background-position:-43px -43px;
}

a#lateral-button-small {
    display:block;

    width:43px;
    height:43px;

    background-image:url('../img/fpi-buttons-small.png');
    background-repeat:no-repeat;
    background-position:-86px 0;
}

a:hover#lateral-button-small {
    background-position:-86px -43px;
}

a#medial-button-small {
    display:block;

    width:43px;
    height:43px;

    background-image:url('../img/fpi-buttons-small.png');
    background-repeat:no-repeat;
    background-position:-129px 0;
}

a:hover#medial-button-small {
    background-position:-129px -43px;
}

#fpi-footer {
    position:absolute;
    right:10px;
    bottom:5px;
}

#fpi-footer p {
    margin:0;
    padding:0;

    cursor:default;

    color:gray;

    font-size:12px;
}

#foot-pain-identifier  p{
    margin:0;
    padding:0;

    font-size:12px;
    font-style:italic;
}

#foot-pain-identifier  ul{
    z-index:999;

    margin:0;
    padding:0;

    list-style:none;
}

#foot-pain-identifier  li{
    margin:0;
    padding:0;
}

#foot-pain-identifier .fpi-chronic, #foot-pain-identifier .fpi-acute {
    padding-top:10px;

    font-size:14px;
    font-weight:bold;
}