@font-face {
  font-family: "Museo";
  src: url("../font/Museo500-Regular-webfont.eot");
  src: url("../font/Museo500-Regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../font/Museo500-Regular-webfont.woff2") format("woff2"),
    url("../font/Museo500-Regular-webfont.woff") format("woff"),
    url("../font/Museo500-Regular-webfont.ttf") format("truetype"),
    url("../font/Museo500-Regular-webfont.svg#museo500") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Museo";
  src: url("../font/Museo700-Regular-webfont.eot");
  src: url("../font/Museo700-Regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../font/Museo700-Regular-webfont.woff2") format("woff2"),
    url("../font/Museo700-Regular-webfont.woff") format("woff"),
    url("../font/Museo700-Regular-webfont.ttf") format("truetype"),
    url("../font/Museo700-Regular-webfont.svg#museo700") format("svg");
  font-weight: 700;
  font-style: normal;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.config {
  padding: 40px;
}
.config .config__make,
.config .config__selector {
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: 0;
  border-radius: 0;
  background: transparent;
  border-bottom: 2px solid #062142;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #062142;
  padding: 10px;
  font-family: "Museo";
  font-weight: 700;
}

.config .config__make {
  border: 2px solid #062142;
  cursor: pointer;
}

.config .config__make--none {
  display: none;
}

input,
.info__hello-endereco,
textarea {
  color: #fff;
  background: transparent;
  border: 0;
  font-family: "Museo";
  font-weight: 500;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

.frame {
  margin-left: 40px;
  width: 899px;
  height: 327px;
  position: relative;
  display: none;
  border: 1px solid #f3f3f3;
}

.frame .logo,
.frame .info {
  position: absolute;
  height: 327px;
  top: 0;
}

.frame .logo {
  width: 238px;
  left: 0;
}

.frame .info {
  width: 661px;
  right: 0;
}

.frame.hs,
.frame.ha,
.frame.hc,
.frame.hb {
  display: block;
}

.hs.frame .logo {
  background: url("../img/hs.gif") no-repeat;
}

.hs.frame .info {
  background: url("http://assinaturas-hellostudy.magor.com.br/img/hello-study-part.jpg") no-repeat;
}

.hb.frame .logo {
  background: url("../img/hb.gif") no-repeat;
}

.hb.frame .info {
  background: url("http://assinaturas-hellostudy.magor.com.br/img/hello-study-part.jpg") no-repeat;
}

.ha.frame .logo {
  background: url("../img/ha.gif") no-repeat;
}

.ha.frame .info {
  background: url("http://assinaturas-hellostudy.magor.com.br/img/hello-australia-part_um.jpg") no-repeat;
}

.hc.frame .logo {
  background: url("../img/hc.gif") no-repeat;
}

/*.hc.frame .info {*/
/*  background: url("../img/hello-canada-part.png) no-repeat;*/
/*}*/

.frame .info__nome {
  font-weight: 700;
  font-size: 20px;
  top: 28px;
  left: 79px;
  position: absolute;
  letter-spacing: 0.1px;
  width: 280px;
}

.frame .info__cargo {
  top: 55px;
  left: 93px;
  position: absolute;
  font-size: 13px;
  word-spacing: 1.1px;
  letter-spacing: -0.5px;
  width: 280px;
}

.frame .info__telefone {
  position: absolute;
  top: 113px;
  left: 157px;
  font-size: 15px;
  letter-spacing: -0.3px;
  width: 250px;
}

.frame .info__skype {
  position: absolute;
  top: 139px;
  left: 172px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1px;
  width: 250px;
}

.frame .info__hello {
  position: absolute;
  width: 257px;
  top: 166px;
  left: 171px;
}

.frame .info__hello-unidade {
  font-weight: 700;
  letter-spacing: 0.2px;
  font-size: 11px;
  width: 270px;
  top: 173px;
  left: 170px;
  position: absolute;
}

.frame .info__hello-telefone {
  left: 178px;
  top: 185px;
  font-size: 11px;
  position: absolute;
}

.frame .info__hello-endereco {
  resize: none;
  width: 220px;
  position: absolute;
  top: 209px;
  left: 191px;
  font-size: 11px;
  height: 40px;
}