@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

.featherlight-content{
    overflow: hidden;
}

/* fontawesome */
[class*="fa-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

.popup-subscribe p{
  margin:20px auto;
  width:20px;
}

/* buttons */
.buttons-social {
  display: block;
  width: 60%;
  padding-left: 54px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin:20px auto 0;
    min-width: 310px;
}

[class*="fa-"] {
  font-style: normal;
  font-size: 24px;
  position: absolute;
  left: 0;
  width: 54px;
  height: 50px;
  text-align: center;
  background-color: #ddd;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.twitter {
  background-color: #1daee3;
}
.fa-twitter {
  background-color: #1ca4d6;
}
.facebook {
  background-color: #3b5998;
}
.fa-facebook {
  background-color: #37528c;
}
.google-plus {
  background-color: #d34836;
}
.fa-google-plus {
  background-color: #c74534;
}




.popup-subscribe form{
  width:335px;
  margin: 0 auto;
  padding-bottom: 28px;

}

.popup-subscribe input{
  display: block;
}

.popup-subscribe input:first-child{
  width:310px;
  height:40px;
  font-size: 20px;
  text-indent: 15px;
  line-height: 40px;
  vertical-align: bottom;
  border:2px solid #2d9ac6;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.popup-subscribe input:nth-of-type(2){
    margin: 20px auto 0;
    width:180px;
    font-size: 20px;
    background-color: #2d9ac6;
    color:#FFFFFF;
    border:0;
    border-radius: 5px;
    padding: 15px 10px;
    line-height: 20px;
    height: 50px;
}

.popup-subscribe input:nth-of-type(2):hover{
  background-color: #9ed2e7;
}

@media screen and (max-width:460px){
    .buttons-social{
        font-size: 14px;
  }

}