* {
   padding: 0
}

.modal-back {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   background-color: #000;
   filter: alpha(opacity=70);
   height: 100%;
   opacity: .7;
   position: fixed;
   width: 100%;
   z-index: 7777777
}

/*.modal-content {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 50%;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 11px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    z-index: 9999999;
    text-align: center
}*/

/*.modal-content {
   -ms-transform: translate(-50%, -50%);
   *height: auto;
   *width: 530px;*/
   /*-webkit-transform: translate(-50%, -50%);
    box-sizing: border-box;
    height: auto;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 30%;
    transform: translate(-50%, -50%);*/
   /*width: 650px;
   z-index: 9999999;
}*/

.kill-gfx {
   background-size: 100%;
   background: url(../images/modal/kill-modal-amarillo.png) no-repeat;
   cursor: pointer;
   height: 30px;
   position: absolute;
   right: -15px;
   top: -15px;
   width: 30px;
}

.barraTitulo {
   background: #006FB9;
   height: 58px;
}

.titulo {
   color: #FFFFFF;
   font-family: 'Lato', sans-serif;
   font-size: 25px;
   font-weight: bold;
   padding: 13px;
   text-align: left;
}

.contenedor {
   background: #FFFFFF;
   height: 600px;
   width: 900px;
}

/* ------------------- Slider ----------*/

      .modal-content {
         height: 500px;
         padding: 0;
         top: 90px;
         width: 900px;
      }

      .wrap-modal {
         padding: 0;
      }

      .wrap-modal img {
         margin: 0 auto;
      }

      /*iosSlider*/

      .fila {
         display: inline-block;
         margin-bottom: 30px;
         width: 100%;
      }

      .subtitulo {
         color: #3680e0;
         font-size: 20px;
         font-weight: bold;
         padding-left: 68px;
         position: absolute;
         top: 65px;
      }

      .cajaPuntos {
         margin-top:145px;
         text-align: left;
      }

      .punto {
         float: left;
         width: 16%;
      }

      .textoPunto {
         color: #636464;
         float: left;
         font-size: 18px;
         width: 82%;
      }

      .circulo {
         background: #3680e0;
         border-radius: 100px;
         height: 35px;
         width: 35px;
      }

      .numero {
         color: #fff;
         font-size: 22px;
         height: 35px;
         padding-top: 3px;
         text-align: center;
         width: 35px;

      }

      .celular {
         margin: 40px 0 0 24px;
      }

      .tiendas {
         float: left;
         margin-right: 16px;
         margin-top: 20px;
         width: 45%;
      }

      .imagenArriba {
         height: 350px;
         padding-top: 44px;
         width: 230px;
      }

      .imagenAbajo {
         background: url("../images/modal/phone-plantilla.svg") no-repeat 0 0;
         /*background-repeat: no-repeat;*/
         height: 450px;
         width: 229px;
      }

      .iosSlider {
         height: 500px;
         left: 0;
         overflow: hidden;
         position: relative;
         top: 0;
         width: 900px;
      }

      .iosSlider .prevButton {
         background: url(../images/modal/flecha-izq-serv.png) no-repeat 0 0;
         height: 45px;
         left: 25px;
         position: absolute;
         top: 200px;
         width: 26px;
         z-index: 2;
      }

      .iosSlider .nextButton {
         position: absolute;
         top: 200px;
         right: 25px;
         width: 26px;
         height: 45px;
         background: url(../images/modal/flecha-der-serv.png) no-repeat 0 0;
         z-index: 2;
      }

      .iosSlider .slider {
         width: 100%;
         height: 100%;
      }

      .iosSlider .slider .item {
         position: relative;
         top: 0;
         left: 0;
         width: 700px;
         height: 500px;
         margin: 0 40px 0 80px;
      }

      .iosSlider .slider .item .image {
         position: absolute;
         top: 0;
         left: 0;
         width: 35%;
         height: 500px;
      }

      .iosSlider .slider .item .text {
         position: absolute;
         bottom: 0;
         right: 0;
         width: 57%;
         height: 500px;
         padding: 20px;
      }

      .iphoneUI .iosSlider .slider .item .text {
         display: none;
      }

      .iphoneUI .iosSlider .slider .item .text .bg {
         display: none;
      }

      .iosSlider .slider .item {
         position: relative;
         top: 0;
         left: 0;
         text-indent: -1px;
      }

      /* selectores */

      .slideSelectors {
         position: relative;
         bottom: 49px;
         left: 170px;
         width: 400px;
         margin: 0 auto;
         z-index: 1;
         height: 11px;
         padding-left: 27px;
      }

      .slideSelectors .item {
         float: left;
         width: 11px;
         height: 11px;
         background: #d1d1d1;
         margin: 1px 1px 1px 11px;
         border-radius: 10px;
         padding: 0px;
      }

      .slideSelectors .selected {
         width: 11px;
         height: 11px;
         margin: 0 0 0 10px;
         background: #fed610;
      }