@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';

html,
body {
    height: 100%;
    font-family: 'Oswald', sans-serif;
}
* {
    outline: none !important;
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
.audio {
    width: 50%;
    margin-left: 25%;    
    margin-top: 5%;
}
a {
    color: #c91216;
}
/*============ NAVBAR ==============*/
.sidebar-brand h1 {
    font-size: 40px;
    letter-spacing: -2px;
    color: #c91216;
    font-weight: bold;
}
.sidebar-brand p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    white-space: wrap;
}
.footer-nav {
    margin-top: 160%;
    color: #cdc7c7;
    font-family: 'Montserrat', sans-serif;
}
.footer-nav p {
    margin-left: 20px;
    margin-bottom: 0px;
    font-size: 12px;
}
.footer-nav .copyright {
    text-transform: capitalize;
    font-size: 13px;
}
#menu-toggle {    
    position: fixed;    
    margin: .5%;    
    z-index: 999;
}

/*========== SECTION 1 =============*/
#section1 {
    background: url('../img/radio-online-super-hits-san-rafael-mendoza.jpg') no-repeat center;
    background-size: cover;    
    min-height: 100vh;    
}
#section1 .intro-title {  
    margin-top: 30%;    
  }
.audio {
    width: 50%;
    margin-left: 25%;    
    margin-top: 5%;
}
/*========== SECTION 2 =========*/
#section2 {
    min-height: 100vh !important; 
    display: -webkit-flex; /* Safari */
    display: flex;
}
#section2 .photo-group{
    margin-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#section2 img {    
       -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}
#section2 img:hover {
    -webkit-filter: blur(3px);
}
#section2 .col-sm-4 {
    padding-left: 15px;
}
/*========= SECTION 3 ===========*/
#section3 iframe { 
    margin-top: 50px;                        
    margin-bottom: 40px;
    clear: both;
    width: 100%;
    height: 450px;
}
#section3 .acerca-de {    
    margin-top: 8%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    text-align: center;
}
/*============= SECTION 4 =============*/
#section4 {    
    background: url('../img/imagen_cabecera/header.png') no-repeat;                  
    background-size: cover;        
    min-height: 100vh !important;    
    z-index: 0;    
}

#section4 h2 {
    margin-top: 15%; 
}

#section4 form {
    clear: both;
}
input[type=text], 
input[type=email] {
    border: none;
    width: 70%;
    height: 40px;
    margin-bottom: 10px;
    background-color: rgba(0,0,0,0.3);
    padding-left: 10px;    
    font-size: 17px;
    color: #fdfdfd;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}
textarea {
    width: 70%;
    height: 150px;
    background-color: rgba(0,0,0,0.3);
    border: none;
    padding-left: 10px;
    padding-top: 10px;    
    font-size: 17px;
    color: #fdfdfd;
    border-radius: 5px;
}
::-webkit-input-placeholder {
   color: #fdfdfd;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fdfdfd;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fdfdfd;  
}
:-ms-input-placeholder {  
   color: #fdfdfd;  
}
#section4 .btn-danger {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#section4 .row .contact-details {    
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;  
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/*======= CONTACT ==========*/

footer {
    margin: 50px 0;
}
.googlemaps {
   background:transparent; 
   position:relative; 
   width:100%;
   height:300px; /* your iframe height */
   top:300px;  /* your iframe height */
   margin-top:-300px;  /* your iframe height */
 }

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}
@media (max-height: 800px) {
    .footer-nav {
        margin-top: 100%;        
    }
}

@media(max-width:767px) {       
    .img-portfolio {
        margin-bottom: 15px;
    }
    #section1 h1 {    
       font-size: 40px;
       margin-top: 80%;
       letter-spacing: -1px;
    }
    #section1 p {
        padding-left: 5px;
        font-size: 16px;
    }
/*========= SECTION 2 =============*/   
    #section2 .col-sm-4:nth-child(2), 
    #section2 .col-sm-4:nth-child(3),
    #section2 .col-sm-4:nth-child(4), 
    #section2 .col-sm-4:nth-child(5),    
    #section2 .col-sm-4:nth-child(6), 
    #section2 .col-sm-4:nth-child(7), 
    #section2 .col-sm-4:nth-child(8) {
        width: 100%;
        padding-bottom: 30px; 
    }
/*============ SECTION 3 ============*/
    #section3 iframe { 
        height: 250px !important;  
    }
}


 #comprarBtn{
    display:box;
    position:absolute;
    margin:auto;
    text-align:center;
    margin-top: 1%;
    z-index: 9999;
 }
 @media (max-width:767px) {
    #comprarBtn a {
        font-size: 12px;        
    }