@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: "/assets/fonts/Montserrat/Montserrat-Regular.ttf";
  font-display:swap;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: "/assets/fonts/Montserrat/Montserrat-Bold.ttf";
  font-display:swap;
}

/*Global */
body {font-family:'Montserrat', sans-serif; color:#4d61ae;}
body.fixed-navbar {margin-top:80px;}
.text-green {color:#00dbcd;}


a {color:#4d61ae;}
/*a {color:#3b52b0;}*/
a:hover {color:#5779ff; text-decoration:none;}
/*a {color:#5779ff;}*/
/*a:hover {color:#00dbcd;}*/
.btn-round {border: .12em solid #304ffe;font-family: "Montserrat",sans-serif;color: #fff;background-color: #304ffe;border-radius: 2em;padding: .9em 1.5em;text-transform: uppercase;min-width: 14em;font-weight: bold;font-size: small;}

.label-tag {background:rgba(0, 0, 0, .25); color:#fff; font-weight:700; font-size:11px; padding:6px 15px; display:inline-block; border-radius:15px;}

.btn-black {background:#000; margin-top:20px; color:#fff; border:2px solid #000; font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:2px; line-height:35px;}
.btn-black:hover {background:transparent; color:#000;}

/*section-tilte*/
.section-title {position:relative; margin-bottom:40px;}
.section-title.wave-below {padding-bottom:20px;}
.section-title.wave-below svg {bottom:0; position:absolute; left:0;}

.playa-virtual-link-mobile{display: none;}
.btn-head-mobile{display: none;}

.soluciones-main-text{font-size: 1.3rem;}

/*Animation*/
@keyframes zoomIn {
    from {transform:scale(.75)}
    to {transform:scale(1); opacity:1}
}
@-webkit-keyframes zoomIn {
    from {transform:scale(.75)}
    to {transform:scale(1); opacity:1}
}


@keyframes fadeInDown {
    from {transform:translate3d(0,-20px,0)}
    to {transform:translate3d(0,0,0); opacity:1}
}
@-webkit-keyframes fadeInDown {
    from {transform:translate3d(0,-20px,0)}
    to {transform:translate3d(0,0,0); opacity:1}
}


@keyframes fadeInUp {
    from {transform:translate3d(0,40px,0)}
    to {transform:translate3d(0,0,0); opacity:1}
}
@-webkit-keyframes fadeInUp {
    from {transform:translate3d(0,40px,0)}
    to {transform:translate3d(0,0,0); opacity:1}
}


@keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1}
}
@-webkit-keyframes fadeInUp {
    from {opacity:0;}
    to {opacity:1}
}

.viewport-animation {opacity:0;}
.fadeInDown {opacity:0; animation:fadeInDown 1s both; -webkit-animation:fadeInDown 1s both;}
.fadeInUp {opacity:0; animation:fadeInUp 1s both; -webkit-animation:fadeInUp 1s both;}
.zoomIn {opacity:0; animation:zoomIn 1s both; -webkit-animation:zoomIn 1s both;}

.gif-img {width:350px; max-width:100%;}
.video-container video {width:250px; max-width:100%; display:block;}
.video-container {border-radius:15px; overflow:hidden; display:inline-block; box-shadow:0 27px 29px 0 rgba(0,0,0,.05);}


/*Navbar*/
.navbar {font-weight:700; text-transform:uppercase; padding:25px 0; transition:all .5s ease-in; z-index:100; top:-150px; position:static;}
.navbar .navbar-nav >li >a.nav-link {padding:8px 30px; color:#5779ff; opacity:0; animation:fadeInDown .25s both; -webkit-animation:fadeInDown .25s both; transition:.25s ease-in;}
.navbar-dropdown {padding:8px 30px; color:#5779ff; opacity:0; animation:fadeInDown .25s both; -webkit-animation:fadeInDown .25s both; transition:.25s ease-in;font-weight:700;}
.navbar-nav:hover li> a.nav-link:not(:hover) {color:#abbcff;}
.navbar-dropdown:hover {color:#5779ff; background-color: #ffffff;}
.navbar-dropdown:not(:hover) {color:#abbcff;}
.navbar .navbar-nav >li:nth-child(1) > a {animation-delay:.25s; -webkit-animation-delay:.25s;}
.navbar .navbar-nav >li:nth-child(2) > a {animation-delay:.12s; -webkit-animation-delay:.12s;}
.navbar .navbar-nav >li:last-child >a {padding-right:0;}
body.fixed-navbar .navbar {padding:10px 0; background:linear-gradient(45deg,#5779ff 0%,#00dbcd 100%); box-shadow:0 17px 29px 0 rgba(0,0,0,.05); -webkit-box-shadow:0 17px 29px 0 rgba(0,0,0,.05); position:fixed; top:0; width:100%;}
body.fixed-navbar #solucionesDropdownMenu {background: linear-gradient(45deg,#2babe5 0%,#1abddc 100%);}
.fixed-navbar .navbar-dropdown:hover {background: none;color:#abbcff;}
body.fixed-navbar .navbar .navbar-brand .logo-regular {display:none;}
body:not(.fixed-navbar) .navbar .navbar-brand .logo-white {display:none;}
body.fixed-navbar .navbar-nav a {font-size:14px; color:#fff !important;}
body.fixed-navbar .btn-head {background-color: #fff; color: #304ffe; border: #fff;}
body.fixed-navbar .navbar-nav:hover li> a.nav-link:not(:hover) {color:rgba(255, 255, 255, .5) !important;}


/*Home page*/
#banner {background:url(assets/images/wave-bg-bottom.svg) repeat-x bottom, linear-gradient(45deg,#5779ff 0%,#00dbcd 100%); padding-bottom:51px; position:relative;min-height: 500px;}
#banner .label-tag {margin:10px 0;}
#banner .subtext, #banner .banner-app {animation-delay:.25s; -webkit-animation-delay:.25s}
.store-btns {margin-top:100px; display:inline-block;}
.store-btns a {display:inline-block; animation-delay:.45s; -webkit-animation-delay:.45s}
.store-btns .play-store {animation-delay:.65s; -webkit-animation-delay:.65s}
.store-btns img {height:50px; transition:.25s ease-in}
.store-btns:hover a:not(:hover) img {opacity:.5;}
.banner-app img {margin-bottom:-250px;}

.location-map{width: 250px;height: 444px;border-radius: 10px;}
#features {margin-top:200px;}

#see-packages {padding:150px 15px 100px; position:relative; margin-top:100px;}
#see-packages:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:url(assets/images/family.svg) no-repeat top center; opacity:.15;}
#see-packages * {position:relative;}

#home-vdo .vdo-container {width:750px; max-width:100%; margin:60px auto; padding:60px 15px 15px; background:#ebebeb; box-shadow:0 10px 19px 2px rgba(0, 0, 0, .25); border-radius:5px; position:relative; overflow:hidden;}
#home-vdo .vdo-container:before {content:''; position:absolute; width:100%; height:45px; background:#e0e0e0; top:0; left:0;}
#home-vdo .tab-btn {background:#fb5f5a; width:13px; height:13px; position:absolute; left:16px; top:16px; border-radius:50px; box-shadow:20px 0 #fdbc40, 40px 0 #34ca4a;}

#main-footer {background:url(assets/images/wave-bg-top.svg) repeat-x top, linear-gradient(45deg,#5779ff 0%,#00dbcd 100%); padding:120px 15px 50px; position:relative;}
#main-footer .social a {display:inline-block; padding:5px;}
#main-footer .social svg {width:40px; fill:#fff;}
#main-footer .product-of {color:#fff;}



/*  P a g e      -      # p a q  u e t e s      */
#paquetes .price-table-header {padding:70px 15px; width:1000px; max-width:100%;}
#paquetes .price-table-header p {animation-delay:.25s; -webkit-animation-delay:.25s}
#paquetes .price-table {width:950px; margin-bottom:70px; margin-top: 5%;}
#paquetes .shadow-card {position:relative; background:#fff; border-radius:14px;}
#paquetes .shadow-card:before {content:''; position:absolute; left:0; top:0; bottom:0; right:0; z-index:-1; border-radius:4px; opacity:.5; border-radius:14px; animation:fadeInUp .5s 2.25s both; -webkit-animation:fadeInUp .5s 2.25s both; opacity:0; box-shadow:0 17px 19px 0 rgba(0,0,0,.05); -webkit-box-shadow:0 17px 19px 0 rgba(0,0,0,.05);}
#paquetes .table-head {text-align:center; margin-bottom:50px; padding:70px 0 90px; border-radius:14px 14px 0 0; color:#5779FF;}
#paquetes .table-head.plan-free {background:url(assets/images/price-banner-cut-free.svg) no-repeat bottom 0px center, linear-gradient(90deg,rgba(87, 121, 255, .1) -40%,rgba(0, 219, 205, .1) 150%); background-size:contain;}
#paquetes .table-head.plan-plus {background:url(assets/images/price-banner-cut-plus.svg) no-repeat bottom center, linear-gradient(90deg,rgba(0, 219, 205, .1) -40%,rgba(87, 121, 255, .1) 150%); background-size:contain;}
#paquetes .price-table ul {padding:0; list-style:none; border-radius:0 0 14px 14px; overflow:hidden;}
#paquetes .price-table ul li {padding:20px 10px; position:relative; opacity:0; animation:fadeInUp 1s both; -webkit-animation:fadeInUp 1s both;}
#paquetes .price-table ul li:after {content:''; position:absolute; width:0%; height:100%; left:0; top:0; background:#FAFBFF; transition:all .15s ease-in; -webkit-transition:all .15s ease-in;}
#paquetes .price-table .individual-plan li:after {background:#F7FEFD;}
#paquetes .price-table ul.free li:after {transition-delay:.15s; -webkit-transition-delay:.15s;}
#paquetes .price-table ul.plus li:after {transition-delay:.3s; -webkit-transition-delay:.3s;}
#paquetes .price-table ul li.active:after {width:100%;}
#paquetes .price-table li span {position:relative; z-index:1}
#paquetes .price-table .individual-plan .price-table-icon span {visibility:hidden;}
#paquetes .price-table .individual-plan li.price-table-icon:not(.not-supported):before {content:''; position:absolute; width:24px; height:24px; background:url(assets/images/supported.svg); border-radius:25px; left:50%; margin-left:-12px; top:50%; margin-top:-12px; z-index:1;}
#paquetes .price-table .individual-plan li.price-table-icon.not-supported:before {content:''; position:absolute; width:12px; height:2px; background:#4d61ae; border-radius:0; left:50%; margin-left:-6px; opacity:.5; top: 50%; margin-top:-1px; z-index:1;}
#paquetes .price-table li {min-height: 150px; text-align: center;}
.price-table-second-col-tittle{display: none;}


/* #paquetes .price-table .individual-plan span .price-table-icon {visibility:hidden;}
#paquetes .price-table .individual-plan li span:not(.not-supported):before {content:''; position:absolute; width:24px; height:24px; background:url(assets/images/supported.svg); border-radius:25px; left:50%; margin-left:-12px; top:50%; margin-top:-12px; z-index:1;}
#paquetes .price-table .individual-plan li span.not-supported:before {content:''; position:absolute; width:12px; height:2px; background:#4d61ae; border-radius:0; left:50%; margin-left:-6px; opacity:.5; top: 50%; margin-top:-1px; z-index:1;} */

/*****Ruchi******/
.rch_btn {display:inline-block; text-decoration:none; background:#D4282D; color:rgba(255, 255, 255, 0.92); font-weight:bold; width:120px; height:120px; line-height:105px; border-radius:50%; text-align:center; vertical-align:middle; overflow:hidden; border:solid 7px #4366ee; transition:.4s; animation:glowing 1500ms infinite;}

@keyframes glowing {
  0% { background-color: #5779ff; box-shadow: 0 0 3px #5779ff; }
  50% {box-shadow: 0 0 60px #4366ee; }
  100% { background-color: #5779ff; box-shadow: 0 0 3px #5779ff; }
}


/*Responsive*/
@media (min-width:1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1360px;}
    .btn-head{margin-right: 12rem;}
}

@media (max-width:1400px) {
    .btn-head{margin-right: 5rem;}
}

@media (max-width:1200px) {
    .video-animate{text-align:center;}
}

@media (max-width:991px) {
   .navbar-expand-md > .container{width:100%; max-width:100%; padding:0 30px;}
   #banner .col-sm-5 {flex:0 0 58.333333%; max-width:58.333333%;}
   #banner .col-sm-7 {flex:0 0 41.666667%; max-width:41.666667%;}
}

@media (max-width:767px)  {
#paquetes .price-table ul{padding-bottom:10px;}
.navbar-toggler:focus {outline:none;}
.navbar-toggler-icon {height:2px; background:#5779ff; position:relative;}
.fixed-navbar .navbar-toggler-icon {background:#fff;}

.navbar-dropdown {color: #5779ff !important;}

.playa-virtual-link-desktop{display: none;}
.playa-virtual-link-mobile{display: block;}        
.btn-head-desktop{display: none;}
.btn-head-mobile{display: block;min-width: auto;max-width: min-content;}        
.fixed-navbar .btn-head-mobile{background-color: #fff; color: #304ffe; border: #fff;}        

span.navbar-toggler-icon:before,
span.navbar-toggler-icon:after {content:""; position:absolute; width:1.5em; height:2px; background:inherit; left:0; top:-7px;}
span.navbar-toggler-icon:after{top:7px;}
#home .container,.price-table{width:100%; max-width:100%; padding:0 30px;}
h1 {font-size:2rem;}
h2 {font-size:1.5rem;}
#banner .col-sm-5, #banner .col-sm-7,
body .col-sm-5,body .col-sm-7,
.price-table .row .col-sm-4{width:100%; max-width:100%; flex:auto;}
#features .info-col{text-align:left !important;}
#features .img-col{text-align:center !important;}
#features .info-col br {display:none;}
#features .container .row:nth-of-type(even) .col-sm-5 ,#banner .col-sm-5{order:2; text-align:center;}
.banner-app img {margin-bottom:20px;}
.store-btns {margin-top:50px;}
#features {margin-top:100px;}
#home-vdo{padding:0 15px !important;}

/* .price-table .row .col-sm-4:first-child,
#paquetes .price-table .individual-plan li.not-supported,
.price-table .row .col-sm-4 p br {display:none;} */

#paquetes .shadow-card {width:350px; margin:0 auto; max-width:100%;}
#paquetes .shadow-card .table-head {padding:40px 0; margin-bottom:20px; background:#ebf5fe; background:linear-gradient(90deg,rgba(87, 121, 255, .1) -40%,rgba(0, 219, 205, .1) 150%);}
#paquetes .plan-base-plus {margin-top:40px;}
/* #paquetes .price-table .individual-plan span {visibility:visible; margin-left:40px;} */
#paquetes .price-table li {height: 150px}
.price-table-second-col-tittle{display: block;}
.features-col {width: 50% !important;}
.feature-labels-large {min-height: 250px !important;}
#paquetes .price-table .individual-plan li:not(.not-supported):before {left:25px;}
#paquetes .price-table ul li {padding:10px 10px;}
#paquetes .price-table .row .col-sm-4 .table-head h4 {font-size:1.2rem;}
#paquetes .price-table .row .col-sm-4 .table-head h1 {font-size:1.5rem;}
#paquetes .price-table .row .col-sm-4 .table-head p.my-4{margin-bottom:1rem !important; margin-top:1rem !important;}
footer .product-of.fadeInUp {opacity:1;  animation:none; -webkit-animation:none !important;}
.btn-contactos {min-width: 24em !important; font-size: 1.1em !important;}
.hr-title {width: 400px !important;}

}

@media (max-width:414px) {
#home .container,.navbar-expand-md>.container{padding:0 15px;}
.store-btns a {margin:0 5px;}
.store-btns a img {height:44px;}
.btn-contactos {min-width: 22em !important; font-size: 1em !important;}
.hr-title {width: 350px !important;}
.img-acerca-forza {display: none;}
}

@media (max-width:350px) {
    .btn-contactos {min-width: 20em !important; font-size: 0.9em !important;}
    .hr-title {width: 300px !important;}
}

#whatsapp {position:fixed; bottom:-80px; right:20px; width:60px; height:60px; background:#00E676; text-align:center; line-height:54px; cursor:pointer; border:2px solid #fff; transition:all .25s ease-in; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -ms-transition:all .25s ease-in; -o-transition:all .25s ease-in; z-index:1; border-radius:50%; box-shadow:0 0 9px rgba(49, 59, 76,.25); -webkit-box-shadow:0 0 9px rgba(49, 59, 76,.25); transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); -o-transform:rotateZ(360deg);}
#whatsapp.show {bottom:20px; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg);}
#whatsapp.footer-alignment {bottom:60px;}
#whatsapp:hover {background:#03c567;}

/* Contactos view */
.mainContactos {flex: 1;text-align: center;}
.btn-wp {align-items: center;color: #fff;background-color: #25d366;border: .12em solid #25d366;margin-bottom: 2%;margin-top: 4%;}
.btn-contactos {min-width: 26em; font-size: 1.1em;}
.hr-title {border: .03em solid;margin-top: 0.2em;width: 650px;color: #4d61ae;}

.wrapper {display: flex;flex-direction: column;min-height: 100%;}
html, body {height: 100%;margin: 0;padding: 0;}