/* =================================== */
/*  Basic Style 
/* =================================== */
::-moz-selection {
  /* Code for Firefox */
  background-color: #691cff;
  color: #fff;
}

::selection {
  background-color: #691cff;
  color: #fff;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
  font-weight: 300;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
  font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
  font-weight: 300;
}

body {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.625em;
  position: relative;
  background: #fdfdff;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

select {
  display: block;
}

figure {
  margin: 0;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

iframe {
  border: 0;
}

a, a:focus, a:hover {
  text-decoration: none;
  outline: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  text-decoration: none;
  outline: 0;
}

.card-panel {
  margin: 0;
  padding: 60px;
}

/**
 *  Typography
 *
 **/
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
  font-size: 1em;
  line-height: inherit;
}

.gray-bg {
  background: #f9f9ff;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  color: #222222;
  line-height: 1.2em !important;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
}

.h1, .h2, .h3,
.h4, .h5, .h6 {
  margin-bottom: 0;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #222222;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
  color: #222222;
}

td, th {
  border-radius: 0px;
}

.mid-box{
    background: url(../img/service-bg2.jpg);
    background-size: contain;
    height: 100%;
    background-position: 160% 100%;
    background-repeat: no-repeat;
    padding-bottom: 95px;
    text-align: center;
}

.intro{
  padding-bottom: 95px;
    height: 100vh;
}


.player{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background:#525252;
  text-align: center;
}

#MusesRadioPlayer-HTML5-player-0{
  margin: 0 auto;
}

.redes{
text-align: center;
padding-top: 25px;
}

.redes a{
  color: #000;
    font-size: 30px;
    margin: 0 10px;
}

.logo{
  max-width: 300px;
}

.body-block{
  position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-top: -95px;
}

.google{
  max-width: 200px;
    margin-top: 45px;
    background: #fff;
    border-radius: 10px;
}

.titulo{
  font-size: 18px;
    margin-top: 45px;
}

.titulo1{
      font-size: 34px;
    margin-bottom: 20px;
}

.stream{
      margin-top: 20px;
    display: inline-block;
}

.stream img{
  max-width: 200px;
    border: 1px solid #000;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

@media (max-width: 1600px) {
  .body-block{
    margin-top: -55px;
}
  .stream img {
    max-width: 170px;
    border: 1px solid #000;
    padding: 4px;
}
  .logo {
      max-width: 200px;
  }
  .google {
    max-width: 170px;
    margin-top: 30px;
}
.titulo {
    font-size: 18px;
    margin-top: 30px;
}

  
}

@media (max-width: 1200px) {
  .logo {
      max-width: 165px;
  }
  .titulo {
      font-size: 16px;
  }
  .google{
      max-width: 165px;
    }
}

@media (max-width: 767px) {
  .titulo1 {
      font-size: 28px;
      margin-bottom: 15px;
      margin-top: 15px;
  }
  .titulo{
    font-size: 16px;
      margin-top: 35px;
  }
  .mid-box {
    background-size: contain;
  }

  .google{
      margin-top: 35px;
  }
}