/*
  Nombre Tema: Mercado Digital Diseñado y desarrollado por Jota A Diseño y Desarrollo
  Tema URL: https://www.mercadodigital.cl
  Descripción: Empresa de seguridad electrónica y de guardías certificada por OS10 de carabineros
  Versión: 1
  Autor: Jota A Diseño y Desarrollo SpA.
  Autor URL: http://www.jotaa.cl
*/

body{
  background-image: url(assets/img/back.png);
  background-position: right top;
  background-repeat: no-repeat;
  font-family: 'Asap', sans-serif;
}
header{
  background: #55565A;
  padding:30px 0px 30px 0px;
}

.card-footer{
  background-color: rgb(174, 225, 243);
}

.top-footer{
  height: 7px;
  background: #00B5E2;
}


.card-deck .card{
  min-width: 200px;
}

#camup{
  margin-top: -100px;
}

.iconos-servicios{
  font-size: 60px;
  color: rgb(201,200,201);
  margin: auto;
  padding: 20px;
  border: 5px solid rgb(201,200,201);
  border-radius: 50%;
}
.iconos-servicios:hover{
  color:#00B5E2;
  border: 5px solid #00B5E2;
}
p{
  color: #53565A;
}

ul{
  color: #53565A;
}

footer ul{
  font-size: 16px;
  color:Lightgray;
}

footer p{
  font-size: 16px;
  color:Lightgray;
  text-align: justify;

}
footer{
  background-color: #53565A;
  padding-bottom: 60px;
}


.subrayado{
  border: 10px solid: rgb(174, 225, 243);
}

.btn-secondary{
  background: #00b2e3;
  width: 160px;
  border-radius: 20px;
  color: white;
  border:none;
}
.btn-primary{
  background: #00b2e3;
  width: 160px;
  border-radius: 20px;
  color: white;
  border:none;
}
.img-sismo{
  width:160px;
  padding: 40px;
  border: 1px solid #ededed;

}
.fa-circle{
  font-size: 13px;
}

.special{
  height: 60px;
  width: 100%;
}


.container-fluid .sli{
  height: 300px;
}

.carousel-item h1{
  color:#666;
  margin-top:10%;
  margin-bottom:20px;
  margin-left:100px;
  font-size:35px;
}

.carousel-item p{
  color:#999;
  width:90%;
   margin-left:100px;
}

.img-slide{
  margin:30px;
}

h2{
  color:#54565a;
}
.hr-header{
  border: 2px solid rgb(174, 225, 243);
  border-radius:2px;
}
.sli{
  background: rgb(249,249,249);
  background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(214,214,222,0.3211659663865546) 0%);
}
.fa-caret-left, .fa-caret-right{
  color:black;
  font-size:40px;
}

.carousel-indicators li{
  background-color: #999;
}
.imgServ{
  margin-left: 100px;
}
.nav-link:hover{
  margin-top: -2px;
  transition: 0.2s;
}
.nav-link{
  margin-top: 0px;
  transition: 0.2s;
}
.dropdown-menu{
  border:none !important;
  box-shadow:1px 2px 2px #999;
  border-radius:0px 0px 5px 5px;
  margin-top:6px;
}

li.active>a{
  background: #00b2e3;
  border-radius:50px;
  width:80px;
  text-align:center;
  color:white !important;
  height:30px;
  padding-top:2px;
  margin-top:5px;

}
input[type=text], textarea, input[type=number], input[type=email] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  background-color: Lightgray;
}
.form-control{
  background-color: Lightgray;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

.trans{
  background-color: rgba(255,255,255, 0.7);
  padding-top: 30px

}
.border-especial{
  padding:0px;
  border-radius:5px 5px 0px 0px;
  height:150px;
  background: rgb(255,255,255);
  background: linear-gradient(58deg, rgba(255,255,255,1) 18%, rgba(0,212,255,0.4738270308123249) 58%, rgba(0,91,255,1) 100%);
  box-shadow:2px 2px 2px #ccc;
}
.verde{
  background-color: #4b9847;
  color:white;
  font-size: 17px;
  text-align: center;
  font-style: italic;
  padding:10px;
  margin-top:-86px;
  box-shadow:2px 2px 2px #ccc;
}
.rojo{
  background-color: #ff0000;
  color:white;
  font-size: 19px;
  text-align: center;
  font-style: italic;
  padding:10px;
  margin-top:-20px;
  box-shadow:2px 2px 2px #ccc;
}
.backWhite{
  background: white;
  font-size:12px;
  padding:20px;
  border:none;
  box-shadow:2px 2px 2px #ccc;
  border-radius:0px 0px 5px 5px;
  font-style:italic;
}
.cote{
  margin-top:-85px;
}
.eco{
  margin-top:-65px;
  height:120px;
}
.borderRSE{
  border-top: 4px solid #dadbdc;
  background: #f0f0f0;
  margin-bottom:-100px;
}
.rse{
  margin-top:-28px;
  float:right;
}

.ca-containerDos{
  position: relative;
  margin: 60px auto 20px auto;
  height: 111px;
}
.borderlogosC{
  /*border:1px solid #ccc;*/
  border-radius:5px;
  margin-right:5px;
}
.borderlogosC >img{
  width:140px;
}
.respaldo{
  color:#54565a;
  margin-top:70px;
  margin-bottom:-30px;
  font-style:italic;
}
.backsis{
  background-color: #eceded;
  padding-top: 10px;
}

.caracteristicas{
  background: white;
  padding: 20px;
  font-size: 14px;
}
.borderlogosCM{
  border:1px solid #ccc;
  border-radius:5px;
  margin-right:5px;
  background: white;
}

@media (max-width: 375px) {

  .carousel-item p {
    margin-left:10%;
    height:170px;
    float:left;
  }
  .carousel-item h1{
    margin-left:10%;
    float:left;
  }
  .imgServ{
    margin-left:10%;
    float:left;
  }
  .carousel-control-next, .carousel-control-prev{
    display: none;
  }
  .carousel-indicators{
   display:none;
  }
}