/** fonts */
@font-face {
  font-family: 'natchicon';
  src:  url('../../assets/fonts/natchicon/natchicon.eot?3hoxw0');
  src:  url('../../assets/fonts/natchicon/natchicon.eot?3hoxw0#iefix') format('embedded-opentype'),
    url('../../assets/fonts/natchicon/natchicon.ttf?3hoxw0') format('truetype'),
    url('../../assets/fonts/natchicon/natchicon.woff?3hoxw0') format('woff'),
    url('../../assets/fonts/natchicon/natchicon.svg?3hoxw0#natchicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'natchicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-social-facebook:before {
  content: "\e901";
}

/** focus input */

select.form-control:not([size]):not([multiple])
{
  height: auto;
}

/** hack style facebook */

iframe[style] {
    width: 100% !important;
}

.btn-fb-connect
{
  display: block;
}
.btn-fb{
  cursor: pointer;
  background: #3b5998;
  color: white;
}

.btn-fb:hover{
  background: #3a61b3;
}

i.icon-social-facebook
{
border-right:1px solid #7287b5;
font-size:1.6em;
display:inline-block;
margin-right:10px;
padding:6px 50px 6px 10px;
max-width:45px;
vertical-align: middle;
font-weight:100;
}

div.btn#btn-signup-fb {
    text-align:left;
    padding:0!important;
    margin-bottom:24px;
}
div.btn#btn-signup-fb span {
    display:inline-block;
    text-align:center;
    width:100%;
    margin-left:-65px;
    box-sizing:border-box;
}


/* Portrait */
@media only screen and (max-width : 470px) {
    i.icon-social-facebook { padding-right:10px; }
    div.btn#btn-signup-fb span { margin-left:-40px; }
    .btn { font-size :13px; }
}