.logo-services {
  margin: 0 auto;
  width: 375px;
  text-align: center; }

.logo--kompascom {
  padding: 10px 0; }

.logo-wrapper {
  margin: 0 -5px; }

.logo-wrap {
  float: left;
  width: 50%;
  padding: 20px 15px 0; }

.logo-wrap img {
  width: 100%;
  vertical-align: bottom; }

.logo--kompascom img {
  width: 70%; }

.logo--juaranet {
  width: 27%; }

.logo--otomania {
  width: 38%; }

.logo--kompasiana {
  width: 33%; }

.social__button {
  background: #fff;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .social__button:hover {
    text-decoration: none;
    color: #fff; }
  .social__button.-myvalue {
    background: #DA1884; }
    .social__button.-myvalue:hover {
      background: #ac1368; }
  .social__button.-facebook {
    background: #3b5998; }
    .social__button.-facebook:hover {
      background: #2d4373; }
  .social__button.-google {
    background: #fff;
    color: #000;
    border: 1px solid #dedede; }
    .social__button.-google:hover {
      border: 1px solid #b1b1b1; }

.icon__button {
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px;
  margin-right: 5px; }
  .icon__button img {
    height: 30px; }

.social-or-login :first-child {
  color: #585858;
  font-size: 14px !important; }

.social-login a {
  display: block;
  width: 100%;
  height: 45px;
  margin: 10px 0;
  padding: 6px 0;
  border-radius: 5px; }

.quiz__box {
  position: relative;
  margin: 20px -25% 30px;
  padding: 20px;
  background-color: #F0F7FB;
  font-size: 14px;
  text-align: center; }
  .quiz__box a {
    font-weight: 700;
    color: #1383CC; }
  .quiz__box p {
    margin: 3px 0; }