/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

/* carrousel casos exito */

.col-center {
  margin: 0 auto;
  float: none !important;
}
.carousel {
  margin: 50px auto;
  padding: 0 70px;
}
.carousel .item {
  color: #999;
  font-size: 14px;
    text-align: center;
  overflow: hidden;
    min-height: 120px;
    padding-top: 15px;
}
.carousel .item .img-box {
  width: 135px;
  height: 135px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.carousel .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial {
  padding: 30px 0 10px;
  font-size: 1.3em!important;
}
.carousel .overview { 
  font-style: italic;
}
.carousel .overview b {
  text-transform: uppercase;
  color: #7AA641;
}
.carousel .carousel-control {
  width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
  background: none;
}
.carousel-control i {
    font-size: 68px;
  line-height: 42px;
    position: absolute;
    display: inline-block;
  color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 1px 3px;
  border-radius: 50%;
}
.carousel-indicators li { 
  background: #999;
  border-color: transparent;
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {  
  background: #555;   
  box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
/**/


header{height: 100%!important; padding:6% 0% 10% 0%!important;}

.height-5{height: 250px!important;}

body{font-family: 'Work Sans', sans-serif;}

textarea{ border:1px solid #114980!important; }


.borde-azul{ border-top:8px solid #00a9e0; }

.lh-1 { line-height: 0.8em; }

.lh-3 { line-height: 1.6em; }

p{font-size: 1.1em!important;}


.col-container {
    display: flex;
    width: 100%;
}
.col {
    flex: 1;
    padding: 16px;
}

.bigicon {
    font-size:50px;
    color: #36A0FF;
}

.header {
    color: #36A0FF;
    font-size: 27px;
    padding: 10px;
}


#preguntas{ position: 
relative; }



/*

pueden { min-height:650px; }

abajo{ position:absolute;
    bottom:0px;
    right:10px; }

   */ 

p{ font-size:0.9em; }

h5{ font-size: 1.2em; }

header.p-5 {padding-top:4%!important; padding-bottom: 8%!important;}

.modelo{ 
  position: relative;
  bottom: 0px;
  right: 0px;
}

.model{
  background-image: url("img/banner_01.png"); 
  background-repeat: no-repeat;
  background-color: #114980;
}


.icon-background1 {
    color: #114980;
}


i:hover{ color: #ccc; }

i{ color: #fff; }

.navbar-toggler  {
   background-color:#003657 !important;
}

@media (max-width: 992px) {
  .titulo{font-size: !important; line-height: 1.8em!important;}
  header{padding: 0px!important; margin: 0!important;}
}

@media (max-width: 992px) {


  #redes{text-align:center!important; padding-top:20px;}

  #iconos{text-align:center!important; padding-top:20px;}

  .navbar-brand{ width: 100px; }


  .text-xs-center{ align:center; text-align: center; margin-right: auto; margin-left: auto;}
}

  #mainNav{  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;}

section {
  padding: 20px 0;
}


h1 {font-size:2.4rem; font-weight: bolder;}

.name-color{color: #44ffc1;}

.text-section{
  color: #003657;
  font-weight: 400;
  font-size:2.4em;
  letter-spacing: 0.9em;
}

.phone-menu{
  color: #003657!important;
  font-size:1.2em;
  font-weight: bolder;
}

.phone-menu:hover{
  color: #003657!important;
  font-size:1.2em;
  font-weight: bolder;
}

.text-menu{
  color: #003657;
  font-size:1.2em;
}

.text-menu:hover{
  color: #003657;
  font-size:1.2em;
  font-weight: 700;
}

.bg-verde{
  background-color:#5bc500;
}

.bg-celeste,.btn-celeste{
  background-color:#00b4ef;
}

.btn-celeste{font-weight: 700!important;padding: .375rem .75rem!important; display: inline!important;}

.btn-verde,.btn-celeste{ cursor: pointer; }
.btn-verde:hover{background-color:#00b4ef!important; border:solid 1px #00b4ef;}
.btn-celeste:hover{background-color:#5bc500!important; }

.bg-gris{
  background-color:#e9eae8;
}

.bg-gris-2{
  background-color:#4c4c4c;
}



/* flip card*/

.pad{ padding-top:70px;}

.pad-02{ padding-top:100px;}

.front, .back{height:100%; }

#card-fluid{ height:300px; width: 300px; }

@media (max-width: 1200px){


   #card-fluid{ height:270px; width:270px; }
}

@media (max-width: 992px) {


  .pad{ padding-top:70px!important; margin-top: 0px!important;}
  .pad-02{ padding-top:100px!important; margin-top: 0px!important;}
  #card-fluid{ height:270px; width: 270px; }
  .row.text-white.text-center{padding: 10px;}
  .row{padding: 0!important; margin-left: 0!important; margin-right: 0!important;}
  .hidden-md-down{display: none;}
  .text-section{font-size: 1.3rem;}
  h1.titulo{font-size:3.6rem!important; line-height: 3.6rem!important;}
  .sub-titulo{font-size:2.0rem!important;line-height:2.0rem!important;padding-top: 0!important;}
  .sub-detail{font-size:1.4rem!important;line-height:1.3rem!important;padding-top: 0!important;padding-bottom: 10px!important;}
}


@media (max-width: 800px){
  .nav-item{width: 100%; text-align: center;}
  #redes-footer{text-align: center;}
  .logo-footer{text-align: center!important;}
}

@media (max-width: 350px) {

  #card-fluid{ height:200px; width: 200px;}
  .front,.back{margin-left: 35px;}
  .pad{ padding-top:0px!important; margin-top: 0px!important;}
  .pad,.pad-02 h5{margin-top:40px!important;}
  .pad-02{ padding-top:20px!important; margin-top: 0px!important;}
  .btn.product{padding:0 2px; margin: 0!important;}
  #redes-footer{text-align:center; padding-bottom: 30px;}
  .logo-footer{text-align: center!important;}
  h1.titulo{font-size:3.6rem!important; line-height: 3.6rem!important;}
  .sub-titulo{font-size:2.0rem!important;line-height:2.0rem!important;padding-top: 0!important;}
  .sub-detail{font-size:1.4rem!important;line-height:1.3rem!important;padding-top: 0!important;padding-bottom: 10px!important;}
  header{padding-top:100px!important; padding-bottom:50px!important; padding-left:0px!important; }
  .container,.container.py-5,.container.py-5.row.py-5{padding: 0!important;}
  div.col-xs-12.px-3.py-5{padding-top: 0!important;padding-bottom: 0!important;}
  #soluciones.py-5{padding: 0!important;}
  .text-section {font-size: 1.2rem!important; padding-left: 10px; padding-top: 30px;}
  .hidden-sm-down{display: none;}
  .copy{padding-left: 15px;}
  .row.text-white.text-center{padding: 10px;}
  .row{padding: 0!important; margin-left: 0!important; margin-right: 0!important;}
  .lh-3.product-title.pt-4{font-size: 2.4rem;}
  .nav-item{width: 100%; text-align: center;}
}

/* carousel */

.carousel-control-prev{ justify-content:flex-start!important; }

.carousel-control-next{ justify-content:flex-end!important; }

.titulo{color: #003657; font-size: 6.0rem; font-weight: 400; line-height: 4.0rem;}

.sub-titulo{color: #44F0B8; font-size: 3.6rem; font-weight: 700;}

.sub-detail{color: #44F0B8; font-size: 1.6rem; font-weight: 400;}

.btn-contact{background-color:#44ffc1; cursor: pointer; color:#003657;border:solid 1px #44ffc1!important;border-radius:0.4rem;padding:1.5% 5%; font-weight: 700;}

.btn-contact:hover{color:#44ffc1; border:solid 1px #003657!important; background-color: #003657; text-decoration: none; }

.btn-info{background-color:#44ffc1; cursor: pointer; color:#003657;border:solid 1px #44ffc1!important;border-radius:0.4rem;padding:1.3% 4%; font-weight: 700;}

.btn-info:hover{color:#44ffc1; border:solid 1px #003657!important; background-color: #003657; text-decoration: none; }

.product-title{font-size:3.0rem;}

.btn.product{cursor: pointer; border:solid 2px #44ffc1;color: #003657; font-weight: 700; background-color: #44ffc1 ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.btn{cursor: pointer; border:solid 2px #44ffc1;color: #fff; font-weight: 700; background-color: #003657 ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:0.3rem!important;}

.btn.product:hover{cursor: pointer; background-color:#fff; border:solid 2px #fff;color: #003657; font-weight: 700;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

.btn.mas-info{cursor: pointer; background-color: #44ffc1; color: #003657; font-weight: 400;border:solid 2px #44ffc1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

.btn.mas-info:hover{cursor: pointer; background-color:#44ffc1; border:solid 2px #44ffc1; color: #003657; font-weight: 700;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

hr{border-top:solid 2px #003657;}
hr.white{border-top:solid 2px #fff;}

/*                         hover            effect              image                 */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.style-overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.overlay-1 {
background-color:rgba(237,194,27,0.8);
}

.overlay-2 {
background-color:rgba(40,46,112,0.8);
}

.overlay-3 {
background-color:rgba(196,78,84,0.8);
}

.overlay-4 {
background-color:rgba(9,182,163,0.8);
}

.overlay-5 {
background-color:rgba(113,195,209,0.8);
}



.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 30px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay-1, .hovereffect:hover .overlay-2, .hovereffect:hover .overlay-3, .hovereffect:hover .overlay-4, .hovereffect:hover .overlay-5{
opacity:1;
filter:alpha(opacity=100);
}


.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* seccion equipos */
.tab-content > .active{display: block;}
.tab-content > .tab-pane{display: none;}
.fade.in {opacity: 1;}
.fade {

    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;

}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display:block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-tabs {
    border-bottom:none;}

.nav-tabs .nav-link:hover {

    border-color: #003657 #003657 #fff #003657;

}


.nav-tabs .nav-link.active {

    color: #003657;
    font-weight: 700;
    background-color: #fff;
    border-color: #003657 #003657 #fff;}

.nav-tabs a { color: #003657; font-weight: 400; font-size: 1.3rem;}

.nav-tabs a:hover {  color: #003657;font-weight: 700; text-decoration: none;}


/*  footer */

.bg-footer{
  background-color:#003657;
}
.copy{ color: #fff; font-size:1.0em!important;  }

.logo-footer{ font-weight: 700;font-size:2.5em; }

footer h3 { font-size: 1.5em; color: #44ffc1; }

.mail-footer{ font-size: 1.5em; font-weight: 700; text-decoration:none; color: #fff; }
.mail-footer:hover{color: #44ffc1; text-decoration: none;}

#fa-size{ font-size: 1.9em; }
#fa-size:hover{ color: #44ffc1;}

.btn-footer{ background-color: #44ffc1; border:solid 1px #44ffc1; color: #003657; cursor:pointer;}
.btn-footer:hover{ background-color: #fff; color: #003657; cursor:pointer;border:solid 1px #fff;}

.fa-phone

/*                      card           flip           code                    */

.card-flip {
  perspective: 1000px;
  &:hover .flip,
  &.hover .flip {
    transform: rotateY(180deg);
  }
}

.card-flip,
.front,
.back {
  width: 100%;
  height: 480px;
}

.flip {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

.front,
.back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.front {
  z-index: 2;
  transform: rotateY(0deg);
}

.back {
  transform: rotateY(180deg);
}