/* CSS Document */

html {
  scroll-behavior: smooth;
}

body{
  color: #000 !important; 
  font-family: Montserrat;
}

#header{
  background:white;
  padding-bottom: 7px;
  border-bottom: 1px #ddd solid;
}

.carousel-item .img-fluid{
    width:100%;
}

#quienes-somos{
  font-size:19px;
}


#top-header-text{
    font-size:13px;
}

#logo-acustika img{
  width:150px;
}

.rojo{
  color:#da291c;
}

#map_canvas { 
  height: 100%;
  border-radius:60px;
}

#mapa{
  width: 80%; 
  height: 400px;
  margin:0 auto;
}

#top-header{
  background:#da2918;
  color:white;
  padding-top:7px;
  padding-bottom:7px;
}

#top-header #social-icons a{
  color:white;
  margin:2px;
  font-size:18px;
}      

#quienes-somos{
  margin-top:80px;
}

#quienes-somos strong{
  font-weight: 600;
}

/*
.carousel-indicators{
  position: initial;
  margin-top:40px;
}
*/
.carousel-indicators li {
    background-color: #f4f4f4;
    width: 14px;
    height: 14px;
    border-radius: 24px !important;
    margin: 5px;
    border: none;
}


.carousel-indicators li.active
{
   background-color:#da2918;
}

#main-slider .carousel-inner:before,
#main-slider .carousel-inner:after{
    display: block;
    width: 100%;
    height: 7px;
    content: "";
    background: url(img/slider-bg.png);
    background-size: contain;
}

[data-toggle="modal"] h4{
    text-transform: uppercase;
}

.modal{
  text-align:center;
}


.modal a,
.modal h5{
    color:#da291c;
    font-weight: 600;
}

.modal a{
    margin-top: 20px;
    display: block;
}

h2{
    font-weight: 600;
    font-size:35px;
}

h3{
    font-family: "Quicksand";
    font-weight: 700;
    font-size:33.5px;
}

.modal h3{
    font-weight: 600;
    margin-bottom:30px;
}

.modal .close{
  display: block;
  width:36px;
  height:36px;
  background:no-repeat url("img/closebtn.png");
}

#audifonos-onda-top{
  background-color:#fff;
  padding:0;
  
}

#donde-onda-top{
  background-color:#e9e9e9;
  padding:0;
}

#prueba-audio{
    text-align:center;
    background:#da291c;
    color:white;
    padding: 50px;
}

#prueba-audio h3{
    padding: 0 15px;
    margin-top: 20px;
}

#prueba-audio>div
{
    display: inline-block;
}

#prueba-audio>div>div
{
    display: inline-block;
    position: relative;
    top: -8px;
    padding: 0 15px;
}
   
#prueba-audio>div:before{
   background: url("img/prueba-bg1.png");
   width: 63px;
   height: 103px;
   content:"";
    display:inline-block;
}   

#prueba-audio table{
    margin: 0 auto;
}

#prueba-audio>div:after{
   background: url("img/prueba-bg1.png");
   width: 63px;
   height: 103px;
   content:"";
    display:inline-block;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}   

#prueba-audio a{
    color:white;
    text-decoration:none;
}
     
#donde-estamos{
  padding-top:40px;
  background:#ffcc00;
  text-align:center;
  color:black;
}

#donde-estamos h3,
#donde-estamos h4{
    color:black;
    text-transform:uppercase;
}

iframe{
    border: black 2px solid !important;
    border-radius: 7px;
}

#donde-estamos p{
    font-size: 20px;
}

#detalle-audifono{
    padding: 50px;
    max-width: none !important;
}

.modal-content{  
    border-radius: 20px;
    background-color: #f1f1f1;
    max-width: 1000px;
    margin: 0 auto;     
}

#lista-audifonos h5{
    color:#da291c;
    font-size:21px;
    font-weight:bold;
}

#lista-audifonos h4{    
    font-size:24px;
    font-weight:bold;
}

#lista-audifonos{
  margin-top: 40px;
  padding-bottom: 60px;
}

#lista-audifonos .row>div{
  padding-top: 15px;
  padding-bottom: 15px;
}

#lista-audifonos .img-cont img{
  border-radius: 50%;
  border: 2px solid #000;
  width: 95%;
  margin: 15px 0 50px;
}

#sucursales-cont{
  padding-top:40px;
  padding-bottom:120px;
}

#contacto-onda-top{
  background:#da2918;
  padding:0;
}

#contacto h2{
    color: #ffcd00;
}

#contacto{
  background: #111111;
  padding-top:40px;
  padding-bottom:80px;
}      

#contacto input,
#contacto textarea{
  border-radius: 0px;
  border: none;
  padding: 20px 21px;  
  color: #444444;
}

#contacto-info{
  color: white;
  font-size: 18px;
  font-weight: 500;
}

#contacto-info .contacto-title{
    color:#ffcd00;
    font-size: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
}

.nav .nav-item{
  font-weight:600;
  font-size:12.5px;
}

.nav-link#contactobtn {
  border-radius: 20px;  
  background: #da2918;
  color: white;
  height: 10px!important;
  padding: 14px 10px;
  line-height: 0px;
  margin-top: 5px;
}

.nav-vermas {
	color: #444444 !important;
	font-weight:bold;
	text-decoration:none;
}

.nav-vermas:hover {
	color: #444444 !important;
	font-weight:bold;
	text-decoration:none;
}

button[type="submit"]{
  border-radius: 20px;
  background:#da2918;
  color:white;
  border:none;
  font-weight:bold;
  padding: 5px 40px;
  font-size: 20px;
}

#contacto #social-icons{
  margin-top: 50px;
    padding: 0;
}

#contacto #social-icons a{
  color:white;
  font-size: 34px;
    margin-right: 20px;
}      

[data-toggle="modal"]{
  cursor: pointer;
}

.amtablet{
  display:none;
}

.ammobile{
  display:none;    
}

.amdesktop{
  display:block;
}

#respuesta-formulario{
  margin-top:30px;
}

#audifonos {
  background: url("img/separador.png") no-repeat ;    
  padding-top: 90px;
  margin-top: 35px;
}


.footer-copyright,
.row {
  padding: 0 20px;
}

#contacto .col-lg-8{
  padding-left:0;
}


#contacto .col-lg-4{
  padding-right:0;
}

@media (max-width: 1250px) {
  .page-footer{
      padding-bottom: 60px !important;
  }  
  
  .page-footer a{
    display:inline-block;
  }
}

@media (min-width: 1200px) {
  .navbar{
    padding: 8px 0 !important;
  }
}


@media (max-width: 1120px) {
  
  #phonak-logo img{
    width:80px;
  }
  
  #logo-acustika img{
    width:120px;
  }
}

@media (min-width: 993px) {
  #main-slider{
   margin-top:124px;
  }
  
  #quienes-texto{
    font-size: 20px;
    line-height: 28px;
  }
  /*#navbarNavAltMarkup{
    position: absolute;
    right: 0;
  } */
}

@media (min-width: 992px){
  .container {
      max-width: 1000px !important;
  }
}



@media (max-width: 992px) {
  
  #contacto .col-lg-8,
  #contacto .col-lg-4{
    padding:0;
    text-align: center;
  }
  
  #contacto .col-lg-8{
    margin-bottom:50px;
  }
  
  #header{
    position: static;
  }
  
  .amtablet{
    display:block !important;
  }
  
  .amdesktop{
    display:none !important;
  }
  
  #top-header{
    padding-top: 15px;
    padding-bottom: 12px;
  }
  
  #top-header-text{
    margin-bottom:5px;
  }
  
  #top-header #social-icons a {  
    font-size: 20px;
  }
  
  #phonak-logo img{
    width:80px;
  }
  
  #logo-acustika img{
    width:120px;
  }
  
  #top-header-text{
    display:none;
  }
}


@media (max-width: 767px) {
  #prueba-audio>div:before {      
      margin-bottom: 20px;
  }
}

@media (max-width: 656px) {
  #prueba-audio table img{
    width:45px;
  }
  
  #prueba-audio h3{
      font-size:28px !important;       
    display: block;
    margin: 10px auto;     
  }
  
  #prueba-audio>div:before,
  #prueba-audio>div:after{
      width: 45px;
      background-size: contain;
      background-repeat: no-repeat;  
      margin: 0;     
  }   
}



@media (min-width: 576px) {
 #quienes-imagen{
    padding-top:30px;
 }
}


@media (max-width: 540px) {
   .amtablet{
    display:none !important;    
  }
  
  .ammobile{
    display:block !important;    
  }
}