@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:400,600,800');

h1, h2, h3, h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight:800;
}

body{
  font-family: Lato, sans-serif !important;
  font-weight: 300 !important;
  font-size:22px !important;
}

.form-control::-webkit-input-placeholder { color: #e0e0e0; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color:#e0e0e0; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color:#e0e0e0; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #e0e0e0; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #e0e0e0; }  /* Microsoft Edge */

.noarrow::after {
  display:none
}
.nav-konektivan{
  color:#fff !important;
}

.top{
  height: 100vh; 
  background-image: url("../img/landingbgsm.jpg");
  background-color: #4d4d4d; 
  background-position:0% 0%;
  background-size:cover;
}
.landinglogo-div{
  text-align:center;
}
.landinglogo{
  width: 70px;
  margin-top:10px;
  margin-bottom: 20px;
}
.landing-h1{
  font-size:28px !important;
}
.landing-p{
  margin-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.2);
}
.landing-btn{
  text-align: center;
}

.slides{
  background-color: #ffffff; 
}

.slides-container{
  margin-top:50px;
  margin-bottom:50px;
  max-width:1500px;
}
.col-slide-texto{
  text-align: center;
}
.row{
  border:0px dashed #fff;
}

.tips{
  background-color: #2A2E37;
  padding-top:50px;
  padding-bottom:50px;
}

.tips .fa{
  color:#c9d8fa;
}
.tips .tipstextos{
  font-size: 80%;
}
.tips h4{
  font-weight: 600;
}

.fa-boton{
  font-size:1.5em !important;
  vertical-align:sub;
}
.btn-play{
  border-radius: 3em;
}
.btn-play .fa{
  font-size:1.8em !important;
  vertical-align:sub;
}



.tips2{
  /*background-image: url('../img/landingbgsm.jpg');*/
  padding-top:50px;
  padding-bottom:50px;
}
.tips2 .divIcon{
  text-align:center;
}
.tips2 .divIcon span{
  font-size: 30px; 
  margin-bottom: 25px;
}
.tips2 .divTexto {
  font-size: 80%; 
}
.tips2 .divRecuadro{
  background-color:#eee;
  padding:10px;
  margin-bottom:25px;
}



.footer{
  background-color: #2A2E37;
  padding-top:50px;
  padding-bottom:50px;
}
.footer ul{
    list-style-type:square;
}
.footer .footerIzq ul li{
  display:default;
}
.footer ul li a {
  font-size:70%;
  margin-right:30px
}
.footer .footerLogo{
  margin-bottom:30px;
  text-align:center;
}
.footer .footerLinks{
  text-align:left;
}





@media (min-width: 992px) {
  .footer .footerLogo{
    text-align:center;
  }
  .col-slide-texto{
    text-align: right;
  }
  .footer ul{
    list-style-type:none;
  }
  .footer .footerIzq ul li{
    display:inline;
    margin:0px;
    padding:0px;
  }
  .footer .footerIzq ul li{
    display:inline;
    margin:0px;
    padding:0px;
  }
  .footer .footerLinks{
    text-align:center;
  }

}


@media (min-width: 768px) and (max-width: 992px){
  .footer .footerLogo{
    text-align:left;
  }
}


@media (min-width: 768px){
  .landing-btn{
    text-align: left;
  }
  .top{
    background-image: url("../img/landingbgbg.jpg");
  }
  .landing-h1{
    font-size:36px !important;
  }
  .landinglogo-div{
    text-align:left;
  }
  .landinglogo{
    width: 100px;
    margin-top:100px;
  }
  .landing-p{
    padding:2px;
    background-color: rgba(0, 0, 0, 0.3);
  }
}





.modal-xl {
  width: 90%;
 max-width:1200px;
}
 
.modal-backdrop.in {
  filter: alpha(opacity=7);
  opacity: 0.7;
}

#modal-video .modal-content {
  background: none;
  border: 0px solid #fff;
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

#modal-video .modal-body {
  padding: 0px;
}

#modal-video .modal-header {
  padding: 0px;
  text-align: right !important;
}

#modal-video .modal-header, #modal-video .modal-footer {
  border: 0;
}

#modal-video .modal-header, #modal-video .close {
  float: mone;
  margin: 0;
  font-size: 36px;
  color: #fff;
  font-weight: 300;
  text-shadow: none;
  opacity: 1;
}

#modal-contacto .modal-content {
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.7);
}
#modal-contacto .modal-header, #modal-contacto .modal-footer {
  border: 0;
}
#modal-contacto label{
  font-size: 80%;
  font-weight: 300;
}

#modal-gracias{
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 100;
  text-align:center;
}
#modal-gracias .modal-header{
  padding:0px;
  border:0;
}
#modal-gracias .modal-header .close{
margin:2px;
}


.privacy{
  background-color: #ffffff; 
}

.privacy-container{
  margin-top:50px;
  margin-bottom:50px;
  max-width:1500px;
}

.privacy-container h1{
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 30px;
}
.privacy-container h2{
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 20px;
}
.privacy-container p, li{
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 14px;
}