@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/*
font-family: 'Montserrat', sans-serif;
*/

body {font-family: 'Montserrat', sans-serif; background-color: #f5f8fd;}
section {padding: 30px 0;}

.bg-vr-light {background-color: #fff !important;}


.navbar-light .navbar-nav .nav-item{
  margin-right: 20px;
}
.navbar-light .navbar-nav .nav-item:last-child{
  margin-right: 0;
}
.navbar-light .navbar-nav .nav-link{
  color: #0971ce;
  font-weight: 600;
  font-size: 14px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #043867 !important;}
.navbar-brand img{width: 160px;}
.crono_brand-a{display: none;}

.navbar-nav li.nav-item .btn-group button{ color:#0971CE; padding-left:0; }

#header{height: 95vh; color: #fff;}
.carousel-item {
  height: 90vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-indicators li{height: 4px; background-color:#28b0e6; }
.header_inner-1{ background-image: url(../img/header_background_movil.jpg);}

.slogan{ font-weight: 700; font-size: 2rem; text-align: center;}
.slogan span{ color: #0e74cf;}
.slogan span span{ color: #28b0e6;}



.producto_container{padding: 0 1.5rem;text-align: center; margin-bottom: 5rem;}
.producto_container img{}
.img-kasper{max-height: 45px;}
.img-sophos{max-height: 45px; padding:4px 0;}
.img-lenovo{max-height: 45px;}
.producto_container p{ font-size: 15px; text-align: center; font-weight: 400; margin: 1.5rem 0 1rem;}
.crono-btn{ background-color: #7accef; color: #fff; font-weight: 700; letter-spacing: 4px; font-size: 14px; padding:0.6rem 2.5rem;}
.crono-btn:hover{background-color: #0971ce; color: #fff;} 


.main_title {font-weight: 700; color: #043867; position: relative; margin-bottom: 3rem; margin-left: auto; margin-right: auto;}
.main_title::before{ content: ""; bottom: -30%; display: block; position: absolute; height: 3px; width: 120px; background-color: #7af1ff; left: 50%; transform: translateX(-50%);}

#quienesSomos{ height: 90vh; background-repeat: no-repeat; background-image: url(../img/quienes_background_movil.jpg); background-position: top right; background-size: 120% 80%; padding:0 0 90px 0;}
#quienesSomos .main_title{}

.ventajas_inner{position: relative; top: 40%; transform: translateY(-40%);}

.lapscreen{ position: absolute; top: 60%; right: 0; max-width: 640px; transform: translateY(-50%);}

.ventage_container{display: inline-block;}
.list_ventajas{}
.list_ventajas li{max-width: 100%; display: inline-flex; margin-bottom: 2rem;}

.ventage_text .progress{height: 5px; margin-bottom: 15px; border-radius: 2px;}
.ventage_text .progress .progress-bar{height: 5px;}

.list_ventajas li:first-child .ventage_text .progress .progress-bar{width:4%; background-color:#5bda8c;}
.list_ventajas li:nth-child(2) .ventage_text .progress .progress-bar{width:5%; background-color:#ee6b8d;}
.list_ventajas li:nth-child(3) .ventage_text .progress .progress-bar{width:16%; background-color:#9c7df7;}
.list_ventajas li:last-child .ventage_text .progress .progress-bar{width:25.6%; background-color:#154d7a;}

.ventage_text{background-color: #fff; display: block; float: left; padding: 24px 15px; border-radius: 3px; min-width: 270px;}
.ventage_text p{font-size: 15px;}
.ventage_text p span{float: right;}


.ventage_icon{background: rgb(124,209,245); background: linear-gradient(225deg, rgba(124,209,245,1) 0%, rgba(28,128,223,1) 100%); display: block; float: left; text-align: center; padding: 10px 15px; border-radius: 3px; min-width: 115px;}
.ventage_icon p{margin:6px 0 0; color: #fff; font-weight: 600; font-size: 14px;}

.nav-pills{margin-bottom: 15px; padding-bottom: 15px; }
.nav-pills .nav-item {
  width: 100%;
  text-align: center;
}
.nav-item .nav-link{background-color: #fff;}

.nav-pills .pill-vr {
  border-radius: 0.5rem;
  color: #212529;
  padding: .65rem 1.3rem;
  border:solid 1px #b2b2b250;
  min-height: auto;
  margin-bottom: 0.5rem;
}
.nav-pills .pill-vr img{width: auto; max-height: 48px;}
.nav-pills .pill-vr p{font-weight: 600; margin-top: 10px; margin-bottom: 0; line-height: 1.2rem; font-size: 0.9rem}
.nav-pills .pill-vr img.image-side-b{display: none;}

.nav-pills .pill-vr.active {
  background: rgb(9,113,206);
  background: linear-gradient(45deg, rgba(9,113,206,1) 0%, rgba(0,161,225,1) 100%);
  border-color: transparent;
}
.nav-pills .pill-vr.active img.image-side-a{display: none;}
.nav-pills .pill-vr.active img.image-side-b{display: inline-flex;}
.content-pill{padding: 0 3rem; line-height: 1.7rem; font-size: 15px; text-align: center;}

.nav-pills li.nav-item{width: 45%;}
.nav-pills li.nav-item:first-child .pill-vr{min-height: 100px;}
.nav-pills li:first-child .pill-vr p, .nav-pills li:last-child .pill-vr p{line-height: 38px;}

form{padding: 1rem;}
.contact_inner_box{ border-radius: 0.5rem; background: rgb(9,113,206); background: linear-gradient(45deg, rgba(9,113,206,1) 0%, rgba(0,161,225,1) 100%); padding: 2.3rem 2rem;}

.contact_inner_box ul{margin-top: 2rem;}
.contact_inner_box ul li{color: #fff;margin-left: 1rem; margin-bottom: 1rem;}

.form-control{ background: none; border-color: #b2b2b2; margin-bottom: 1rem;}

textarea {
  min-height: 180px;
  resize: vertical;
}

.btn-vr{ background: rgb(0,161,225); background: linear-gradient(90deg, rgba(0,161,225,1) 0%, rgba(9,113,206,1) 100%); border: none; color: #fff; padding: 0.3rem 2.5rem; margin: 0 auto;}
.btn-vr:hover{background: rgb(0,161,225); background: linear-gradient(270deg, rgba(0,161,225,1) 0%, rgba(9,113,206,1) 100%); color: #fff; }

footer{background-color: #003768; padding-top: 3rem; padding-bottom: 3rem;}
footer p{margin-bottom: 0}
footer a{color: #fff;}
footer a:hover{text-decoration: none; color: inherit;}

/*  ====================  */
/*  ==    KASPERSKY    ==  */
/*  ====================  */

.header_inner_inter, .separator{background-repeat: no-repeat; background-position: center center; background-size: cover; }
.header_inner_inter{min-height: 420px; margin-top: 80px;}
#crono-kaspersky .header_inner_inter{background-image: url(../img/crono_kaspersky_back.png);}
.separator{min-height: 320px;}
#crono-kaspersky .separator{background-image: url(../img/separador.jpg); }

#crono-lenovo .header_inner_inter{background-image: url(../img/crono_lenovo_back.png);}
#crono-lenovo .separator{background-image: url(../img/separador_lenovo.png); }

#crono-sophos .header_inner_inter{background-image: url(../img/crono_sophos_back.png);}
#crono-sophos .separator{background-image: url(../img/separador_sophos.jpg); }

#crono-mail-succes .header_inner_inter{background-image: url(../img/crono_exito.png);}
#crono-mail-error .header_inner_inter{background-image: url(../img/crono_error.png);}

h1, h2{color: #555555;}
h4{color: #043867;}
.full_text_right{padding: 0 15% 0 5%; }
.full_text_left{padding: 0 5% 0 15%; }

.table-bordered{color: #555;}
.table-bordered thead td{border-bottom: none !important;}
.table-bordered tbody td{border-top: none !important; vertical-align: middle;}

.table-kasperky thead{background-color: #0971ce; color: #fff;} /*4cbdea*/
.table-kasperky tbody tr td[colspan]{background-color: #4cbdea; color: #fff !important;}
.table-kasperky td img{max-width: 20px;}
/*  ====================  */
/*  ==                ==  */
/*  ====================  */

@media (min-width: 576px) {
  #quienesSomos{ background-size: 120% 85%;}
  .list_ventajas li:nth-child(2){margin-left: 2.5rem;}
  .list_ventajas li:nth-child(3){margin-left: 5rem;}
  .list_ventajas li:last-child{margin-left: 7.5rem;}

  .nav-pills li.nav-item{width: 31%;}
}

@media (min-width: 768px) {
  .producto_container{margin-bottom: 1rem;}

  #quienesSomos{ background-size: 100% 100%; background-image: url(../img/body_background.png);}
  .ventajas_inner{position: relative; top: 40%; transform: translateY(-20%);}

  .lapscreen{max-width:580px; transform: translateY(-35%);}
  #quienesSomos .main_title{position: relative; top: 20%;}
  .list_ventajas li:nth-child(2){margin-left: 1rem;}
  .list_ventajas li:nth-child(3){margin-left: 2rem;}
  .list_ventajas li:last-child{margin-left: 3rem;}

  .contact_inner_box ul li{margin-left: 2rem;}
}

@media (min-width: 992px) {
  #header{height: 85vh;}

  section {padding: 60px 0;}
  nav.navbar {min-height: 80px;}
  .header_inner {
    background-image: url(../img/header_background.png);
    background-position: top left;
    background-size: 105% auto;
  }
  .crono_brand-a{display: inline;}
  .crono_brand-b{display: none;}
  .slogan {
    text-align: left;
    font-size: 2.5rem
  }
  .who_inner_box_title {
    background-color: #323232;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    padding: 0.5rem 1.5rem;
    margin-bottom: 40px;
    position: absolute;
    bottom: 9rem;
    right: 10%;
    border-radius: 3px;
  }
  .who_inner_box_title+.who_inner_box_title {
    bottom: 4rem;
    right: 20%;
  }
  #servicios .box-inner-container {
    min-height: 233px;
  }
}

@media (min-width: 1200px) {
  #header {
    height: 90vh;
  }
  .header_inner {
    background-image: url(../img/header_background.png);
    background-position: top left;
    background-size: 95% auto;
  }
  .slogan {
    text-align: left;
    font-size: 2.5rem;
  }
  header p{
    font-size: 16px;
    font-weight: 500;
    padding-right: 10rem;
  }
  .main_title {
    font-size: 2.7rem;
    margin-bottom: 5rem;
  }
  #quienesSomos{height: 100vh;}
  #quienesSomos .main_title{margin-bottom: 6rem;}
  .lapscreen{transform: translateY(-35%);}
}


/*.header_inner{background-image: url(../img/header_background.png); background-position: right; background-size: 53% auto;}
header{height: 85vh; background-color: #f5f8fd;}
*/