margin: 0 auto;/* CSS Document */
html{font-size:11.2px;color:#000;letter-spacing:0.9px;overflow-x: hidden;}
body{font-family: 'Lato', sans-serif;overflow-x: hidden;font-size:17px;}
header .row{margin: 0;}
b{color: #fe4f6c;}
a:hover{color:#FFF;text-decoration:none;}
p{font-size:1rem;}
.gray_bg {
background: #3a3973;
}
.container-2{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.load{display:none;}
.black{background:#000;color:#FFF;}
.pointer{cursor:pointer;}
.color-white,.blanco{color:#FFF;}
.rojo{color:#FF2A40;}
.gris{color:#999}
.b-blanco{background: rgba(255,255,255,0.8);}
.b-1{background: #212529;padding:70px;color:#FFF;}.b-1 p{color:#999;}
.b-2{background: #F0F0F0;padding:70px;}
.ico-face{background:url(../../img/ico-face.png);display:inline-block;height: 42px;width: 42px;}
.centrar_flex{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.centrar_flex_h{display: flex;justify-content: center;align-items: center;}
.no_pc{display: none;}
.form{text-align: left;}
.form label{display: block;font-weight: bold;}
.form input,.form textarea{width: 100%;border: 1px solid #FF2A40;background:none;line-height: 1.4rem;padding: .4rem;}
.form textarea{height: 140px;}
.form .row{margin-bottom: 2rem;}
.form .submit{width: 140px;display:block;cursor:pointer;padding:0 30px;border-radius: 9px;background: #FF2A40;color: #FFF;line-height: 2.5rem;margin:auto;}
.dg.main.a{display: none;}
#formulario{margin: 0 auto;}
.boton_click{cursor: pointer;}
/*Radio Button Con Estilo*/
.checkboxes label {display: block; float: left;}
.input[type="radio"] + span {
display: block;
border: 1px solid #004C91;
border-left: 0;
padding: 5px 10px;
}
.label:first-child input[type="radio"] + span {border-left: 1px solid #004C91;}
.input[type="radio"]:checked + span {background: #004C91;}
.hidden, .load {
display: none;
}
/*Radio Button END*/
/*Blog*/
.post-modern-meta {position: absolute;right: 0;list-style: none;}
.post-modern-title {text-align: center;}
.col-md-6.scaleFadeInWrap {margin-bottom: 2rem;}
.breadcrumbs-custom-title{color:#fff;font-size: 55px;font-weight: normal;text-align: left;}
.breadcrumbs-custom-path li {color: rgba(255, 255, 255, 0.6);vertical-align: middle;display: inline-block;
position: relative;padding-right: 30px;padding-left: 30px;}
.breadcrumbs-custom-path li::after {top: 51%;right: -5px;color: rgba(255, 255, 255, 0.5);font-family: fontawesome;
font-size: inherit;font-style: normal;display: inline-block;position: absolute;content: "\f054";transform: translate3d(0px, -50%, 0px);
}
.breadcrumbs-custom-path li:last-child::after {display: none;}
.post-creative-meta, ul.breadcrumbs-custom-path {list-style: none;margin: 0px;padding: 0px;}
.breadcrumbs-custom-path a{color: #fff;}
.section.section-lg.section-wave-offset p {text-align: left;}
.post-creative-footer {list-style: none;display: flex;justify-content: center;}
.post-creative-footer a.fa{transition: background-color 0.5s ease-out;}
.post-creative-footer .fa:hover {background: #02f9ff;}
.post-creative-footer li{margin: 0 15px;}
.post-creative-footer .fa-twitter{margin-left: 5px;}
header{z-index: 99;left:0;right:0;padding:20px 0;background: #222b5e !important;min-height: 106px; }
#opciones_de_logotipo {text-align: center;background-size: cover;background-position: center center;}
#opciones_de_logotipo img{max-width: 118px;margin: 1rem;}
#opciones_de_logotipo .row{justify-content: center;}
#opciones_de_logotipo .titulo{margin-bottom: 0;}
#opciones_de_logotipo .text-center.blanco{margin-bottom: 2rem;}
#opciones_de_logotipo .col-md-3{border: 1px solid #fe4f6c;border-radius: 0.5rem;margin: 1rem;}
.opciones_{width: 90%;min-width: 300px;}
.opciones_ ul{padding-left: 19px;}
.opciones_,#opcion1_logotipos , #opcion1_logotipos li{text-align: left;color:#fff;list-style-type: none}
#opcion1_logotipos li:before{content: "- "}
.tab.row.borde_celeste_curv p.color_celeste{text-align: left;}
.borde_celeste_curv{border: 2px solid #fe4f6c;border-radius: 10px;}
/*multiple step*/
/* Style the form */
#regForm {
min-width: 300px;
}
/* Style the input fields */
input {
padding: 10px;
width: 100%;
font-size: 17px;
font-family: Raleway;
border: 1px solid #aaaaaa;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
background-color: #ffdddd;
}
/* Hide all steps by default: */
.tab {
display: none;
}
.tab.end{flex-direction: column;max-width: 400px;margin: 0 auto;}
.tab.end .form-group input,.tab.end .form-group textarea{ background: transparent;
border: 1px solid #fe4f6c;
border-radius: 1rem;
color: black;}
/* Make circles that indicate the steps of the form: */
.step {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbbbbb;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5;
}
/* Mark the active step: */
.step.active {
opacity: 1;
}
/* Mark the steps that are finished and valid: */
.step.finish {
background-color: #4CAF50;
}
.labl {
display : block;
padding: 0;
}
.labl > input{ /* HIDE RADIO */
visibility: hidden; /* Makes input not-clickable */
position: absolute; /* Remove input from document flow */
}
.labl > input + div{ /* DIV STYLES */
cursor:pointer;
border:2px solid transparent;
padding: 3rem 1rem;
}
.labl.col-md-4 > input + div{ /* DIV STYLES */
cursor:pointer;
border:2px solid transparent;
padding: 0.8rem;
background: white;
color: #fe4f6c;
}
.labl.col-md-4 > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
background-color: #fe4f6c;
border: 4px solid #fe4f6c;
color: #ffffff;
margin-top: -2px;
}
/* Multiple step End*/
/*Menu Start*/
.start-header {
opacity: 1;
transform: translateY(0);
padding: 10px 0;
box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
padding: 5px 0;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
height: 28px;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navigation-wrap{
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navbar{
padding: 0;
}
.navbar-brand img{
height: 52px;
width: auto;
display: block;
-webkit-transition : all 0.3s ease-out;
transition : all 0.3s ease-out;
}
.navbar-toggler {
float: right;
border: none;
}
.navbar-toggler:active,
.navbar-toggler:focus {
outline: none;
}
.navbar-light .navbar-toggler-icon {
width: 24px;
height: 22px;
background-image: none;
position: relative;
border-bottom: 2px solid #3161a3;
transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before{
width: 24px;
position: absolute;
height: 2px;
background-color: #3161a3;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
top: 10px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(10px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}
.nav-link{
background: #fff;
color: #3161A3 !important;
border-radius: 4rem;
padding: 0 28px !important;
font-weight: bold;
font-size: 1.2rem;
font-weight: bold;
transition: all 200ms linear;
line-height: 2.5rem;margin-right: 8px;
text-transform: uppercase;
}
.fa-facebook{color:#3161a3;}
.nav-item:hover .nav-link{
background: #fe4f6c;
color: #fff !important;
border-radius: 4rem;
padding: 0 28px !important;
font-weight: bold;
font-weight: bold;
transition: all 200ms linear;
line-height: 2.5rem;margin-right: 8px;
}
.nav-item.active .nav-link{
color: #777 !important;
}
.nav-link {
position: relative;
padding: 0 28px !important;
display: inline-block;
}
#navbarSupportedContent{text-align: center;width: 100vw;}
/*.nav-item:after{
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
content: '';
background-color: #8167a9;
opacity: 0;
transition: all 200ms linear;
}*/
.nav-item:hover:after{
bottom: 0;
opacity: 1;
}
.nav-item.active:hover:after{
opacity: 0;
}
.nav-item{
position: relative;
transition: all 200ms linear;
}
/* #Primary style
================================================== */
.bg-light {
background-color: #fff !important;
transition: all 200ms linear;
}
.section {
position: relative;
width: 100%;
display: block;
}
.full-height {
height: 100vh;
}
.over-hide {
overflow: hidden;
}
.absolute-center {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: 40px;
transform: translateY(-50%);
z-index: 20;
}
h1{
font-size: 48px;
line-height: 1.2;
font-weight: 700;
/* color: #212112;*/
text-align: center;
}
p{
text-align: center;
margin: 0;
padding-top: 10px;
opacity: 1;
transform: translate(0);
transition: all 300ms linear;
}
body.hero-anime p{
opacity: 0;
transform: translateY(40px);
transition-delay: 1700ms;
}
h1 span{
display: inline-block;
transition: all 300ms linear;
opacity: 1;
transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
opacity: 0;
transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
opacity: 0;
transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
opacity: 0;
transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
opacity: 0;
transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
opacity: 0;
transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
opacity: 0;
transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
opacity: 0;
transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
opacity: 0;
transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
opacity: 0;
transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
opacity: 0;
transform: translateY(-20px);
}
h1 span:nth-child(1){
transition-delay: 1000ms;
}
h1 span:nth-child(2){
transition-delay: 700ms;
}
h1 span:nth-child(3){
transition-delay: 900ms;
}
h1 span:nth-child(4){
transition-delay: 800ms;
}
h1 span:nth-child(5){
transition-delay: 1000ms;
}
h1 span:nth-child(6){
transition-delay: 700ms;
}
h1 span:nth-child(7){
transition-delay: 900ms;
}
h1 span:nth-child(8){
transition-delay: 800ms;
}
h1 span:nth-child(9){
transition-delay: 600ms;
}
h1 span:nth-child(10){
transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
opacity: 0;
transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
opacity: 0;
transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
opacity: 0;
transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
opacity: 0;
transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
opacity: 0;
transform: translateY(50px);
}
h1 span:nth-child(11){
transition-delay: 1300ms;
}
h1 span:nth-child(12){
transition-delay: 1500ms;
}
h1 span:nth-child(13){
transition-delay: 1400ms;
}
h1 span:nth-child(14){
transition-delay: 1200ms;
}
h1 span:nth-child(15){
transition-delay: 1450ms;
}
#switch,
#circle {
cursor: pointer;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
#switch {
width: 60px;
height: 8px;
border: 2px solid #8167a9;
border-radius: 27px;
background: #000;
position: relative;
display: block;
margin: 0 auto;
text-align: center;
opacity: 1;
transform: translate(0);
transition: all 300ms linear;
transition-delay: 1900ms;
}
body.hero-anime #switch{
opacity: 0;
transform: translateY(40px);
transition-delay: 1900ms;
}
#circle {
position: absolute;
top: -11px;
left: -13px;
width: 26px;
height: 26px;
border-radius: 50%;
background: #000;
}
.switched {
border-color: #000 !important;
background: #8167a9 !important;
}
.switched #circle {
left: 43px;
box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
background: #fff;
}
.nav-item .dropdown-menu {
transform: translate3d(0, 10px, 0);
visibility: hidden;
opacity: 0;
max-height: 0;
display: block;
padding: 0;
margin: 0;
transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
opacity: 1;
visibility: visible;
max-height: 999px;
transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
padding: 10px!important;
margin: 0;
font-size: 13px;
letter-spacing: 1px;
color: #212121;
background-color: #fcfaff;
border: none;
border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
transition: all 200ms linear;
}
.dropdown-toggle::after {
display: none;
}
.dropdown-item {
padding: 3px 15px;
color: #3161a3;
border-radius: 2px;
transition: all 200ms linear;font-size: 1rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #fff;
background-color: #fe4f6c;
}
body.dark{
color: #fff;
background-color: #1f2029;
}
body.dark h1{
color: #fff;
}
body.dark h1 span{
transition-delay: 0ms !important;
}
body.dark p{
color: #fff;
transition-delay: 0ms !important;
}
body.dark .bg-light {
background-color: #14151a !important;
}
body.dark .start-header {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
body.dark .start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
body.dark .nav-link{
color: #fff !important;
}
body.dark .nav-item.active .nav-link{
color: #999 !important;
}
body.dark .dropdown-menu {
color: #fff;
background-color: #1f2029;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .dropdown-item {
color: #fff;
}
body.dark .navbar-light .navbar-toggler-icon {
border-bottom: 1px solid #fff;
}
body.dark .navbar-light .navbar-toggler-icon:after,
body.dark .navbar-light .navbar-toggler-icon:before{
background-color: #fff;
}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}
/* #Media
================================================== */
@media (max-width: 767px) {
h1{
font-size: 38px;
}
.nav-item:after{
display: none;
}
/*.nav-item::before {
position: absolute;
display: block;
top: 15px;
right: 29px;
width: 11px;
height: 1px;
content: "";
border: none;
background-color: #000;
vertical-align: 0;z-index: 99;
}*/
/* .dropdown-toggle::after {
position: absolute;
display: block;
top: 10px;
left: -23px;
width: 1px;
height: 11px;
content: "";
border: none;
background-color: #000;
vertical-align: 0;
transition: all 200ms linear;
}*/
.dropdown-toggle[aria-expanded="true"]::after{
transform: rotate(90deg);
opacity: 0;
}
.dropdown-menu {
padding: 0 !important;
background-color: transparent;
box-shadow: none;
transition: all 200ms linear;
}
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
margin-top: 10px !important;
margin-bottom: 20px !important;
background: white;
}
body.dark .nav-item::before {
background-color: #fff;
}
body.dark .dropdown-toggle::after {
background-color: #fff;
}
body.dark .dropdown-menu {
background-color: transparent;
box-shadow: none;
}
#navbarSupportedContent{height: 89vh}
}
/* #Link to page
================================================== */
.link-to-portfolio {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 200;
cursor: pointer;
width: 40px;
height: 40px;
text-align: center;
border-radius: 3px;
background-position: center center;
background-size: cover;
background-image: url('https://ivang-design.com/ig-logo.jpg');
box-shadow: 0 0 0 2px rgba(12,12,12,.1);
transition: opacity .2s, border-radius .2s, box-shadow .2s;
transition-timing-function: ease-out;
}
.link-to-portfolio:hover {
opacity: 0.8;
border-radius: 50%;
box-shadow: 0 0 0 20px rgba(12,12,12,.1);
}
.logo{width: 100%;}
/*Whsapp*/
.wptwa-container .wptwa-toggle{color: rgba(255,255,255,1);}
.wptwa-toggle {
white-space: nowrap;
line-height: 100%;
cursor: pointer;
/*width: 310px;*/
width: 250px;
}
.wptwa-container .wptwa-toggle, .wptwa-container .wptwa-mobile-close, .wptwa-container .wptwa-description, .wptwa-container .wptwa-description a {
background-color: #0dc152;
color: rgba(255,255,255,1);
}
.wptwa-toggle {
display: flex;
align-items: center;
/*justify-content: center;
height: 47px;
padding: 1px 20px;*/
white-space: nowrap;
line-height: 100%;
border-radius: 50px;
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
box-shadow: 0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);
transition: box-shadow 80ms ease-in-out,width .4s ease .2s;
}
.wptwa-toggle, .wptwa-box {
z-index: 9999999;
}
.wptwa-toggle, .wptwa-box .wptwa-description, .wptwa-button, .wptwa-mobile-close {
background: #0dc152;
background-color: rgb(13, 193, 82);
color: #fff;
}
.wptwa-box {
position: fixed;
bottom: 90px;
right: 20px;
background: #fff;
max-width: 310px;
width: 100%;
border-radius: 6px;
box-shadow: 0 8px 25px -5px rgba(45,62,79,.15);
visibility: hidden;
opacity: 0;
transform: translateY(50px) scale(.9);
background: #fff;
background-color: rgb(255, 255, 255);
transition: all .3s;
}.wptwa-box.wptwa-js-ready {
display: block;
}
.wptwa-show .wptwa-box {
visibility: visible;
opacity: 1;
transform: translateY(0) scale(1);
}
.wptwa-box .wptwa-name {
display: block;
font-weight: 700;color: #003770;
}
.wptwa-box .wptwa-title, .wptwa-box .wptwa-offline-text {
font-size: 12px;
line-height: 1.5em;
opacity: .6;
display: block;
color: #003770;text-decoration: none;
}
.wptwa-box .wptwa-info {
float: left;
width: calc(100% - 40px);
padding-left: 10px;
}
.wptwa-box .wptwa-face {
float: left;
width: 60px;
height: 60px;
position: relative;
}
.wptwa-box .wptwa-face img {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50px;
transform: translateY(-50%) translateX(-50%);
width: 60px;
}
.wptwa-box .wptwa-account {
padding: 10px;
border-top: 1px solid #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.wptwa-box .wptwa-account:first-child {
border-top: 0;
}
.wptwa-box .wptwa-people {
overflow: auto;
padding: 10px;
}
.wptwa-people a{text-decoration: none;font-family: sans-serif;}
.wptwa-text{font-family: sans-serif;}
.wptwa-box .wptwa-description {
padding: 15px 40px 15px 20px;
border-radius: 6px 6px 0 0;
font-family: 'Oswald', sans-serif;
}
.wptwa-box .wptwa-close:hover {
cursor: pointer;
opacity: 1;
}
.wptwa-box .wptwa-description + .wptwa-close {
visibility: visible;
}
.wptwa-box .wptwa-close {
display: block;
width: 15px;
height: 15px;
position: absolute;
top: 7px;
right: 7px;
opacity: .5;
visibility: hidden;
transition: opacity .3s;
}
.wptwa-container .wptwa-close::before, .wptwa-container .wptwa-close::after {
background-color: rgba(255,255,255,1);
}
.wptwa-box .wptwa-close::before, .wptwa-box .wptwa-close::after {
content: '';
display: block;
background: #fff;
background-color: rgb(255, 255, 255);
width: 15px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.wptwa-box .wptwa-description + .wptwa-close {
visibility: visible;
}
.wptwa-box .wptwa-face::after {
content: '';
display: block;
width: 15px;
height: 15px;
position: absolute;
bottom: 2px;
right: 2px;
background: transparent url(../../img/logo-green-small.png) center center no-repeat;
background-size: auto;
background-size: cover;
z-index: 4;}
.wptwa-box .wptwa-close::after {
content: '';
display: block;
background: #fff;
background-color: rgb(255, 255, 255);
width: 15px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(45deg);}
.wptwa-box .wptwa-close::after {
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.wptwa-container .wptwa-close::after {
background-color: rgba(255,255,255,1);
}
.wptwa-container .wptwa-account:hover {
background-color: rgba(245,245,245,1);
border-color: rgba(245,245,245,1);
color: rgba(85,85,85,1);
}
#menu-top{overflow:hidden;padding:.5rem 1rem;}
#menu-top li{float:left;list-style:none;}
#menu-top a{color:#FFF !important;line-height:2.5rem;font-size:1.29rem;padding:0 19px !important;}
#menu-top .paginas{background:#FF2A40;border-radius:7px 0 0 7px}
#menu-top .sistemas{background:#8E9F2D;border-radius:7px 0 0 7px;position:relative;left:-6px;}
#menu-top .tiendas{background:#6666FF;border-radius:7px;position:relative;left:-12px;}
a.nav-link{font-size: 1rem;}
#menu-bot{text-transform:uppercase;overflow:hidden;font-size:1rem;list-style:none;line-height:1.5rem;/*margin-top:16px;*/}
#menu-bot li{float:left;line-height:2.8rem;margin-right: 0px;}
/*#menu-bot li:last-child{border:none;line-height:1.4rem;}*/
a.nav-link{color:#3161A3;padding:0 28px;font-weight: bold;}
#menu-bot li:last-child a{padding-right:9px;}
.nav-link.dropdown-toggle.active{background:#3161A3;color:#fff !important;border-radius: 4rem;}
.fa-twitter, .fa-facebook,.fa-youtube-play,.fa-instagram {
background: #fe4f6c;
border-radius: 4rem;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px !important;
font-size: 1.2rem !important;
}
.sub_menu{display: block;position: relative;width: 100%;}
.sub_menu ul{list-style: none !important;width: 100%;padding:0;}
.sub_menu li{margin-top: 0;border: red 1px solid;left: 0;width: 100%;text-align:center;margin-right: 0;}
#consulta_videos{background:white;background-size:cover;background-position: center center;}
.testimonios .b-1 .c-emp{color:#999;}.testimonios .blanco{color:#FFF !important;}
.testimonios .b-2 .c-emp{color:#333;}
.testimonios .b-1 p{color:#FFF;}
.b-blanco h3{color:#FF2A40;}
#bloque-1{padding-top:156px;}
/*html, body {
height: 100%;
overflow: hidden;
}*/
canvas {
line-height: 0;
margin-bottom: 0;
}
.nodes-canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cache-canvas {
background-color: #222b5e;z-index: -2;
}
.main-canvas {
opacity: 1;z-index: -1;
}
.connection-paths {
display: none;
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.connection-path {
stroke: white;
stroke-width: 2px;
fill: none;
}
.center {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.message-text {
text-align: center;
color: #6622ff;
font-size: 30vw;
font-weight: 700;
letter-spacing: -0.06em;
line-height: 0;
}
.emblem {
border-radius: 50%;
height: 35vw;
width: 35vw;
background-color: #00F8FF;
}
#myVideo {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
.content {
/* position: absolute;*/
bottom: 0;
color: #fff;
width: 100%;
height:100%;text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.pd_6{padding: 6rem 0;}
.content h1{font-size: 3rem;margin:0;padding: 3rem;}
.content span{font-weight: bold;text-transform: uppercase;}
.content p{color: #3161A3 !important;background: #fff;padding: 0.5rem;border-radius: 2rem;margin-bottom:3rem;}
.home_azul{background: #fff;color: #3161A3;border-radius: 1rem;padding: 2rem 0;margin: 1rem;width: 100%;}
.home_azul h2{font-size: 1.5rem;font-weight: bold;}
.plus_celeste{font-size: 3.2rem;background: #fe4f6c;border-radius: 5rem;text-align: center;width: 52px;height: 52px;color: #ffffff !important;margin:auto;position: absolute;bottom: -0.5rem;left: 0;right: 0;font-weight: bold;line-height: 49px;}
.plus_blue{font-size: 3.2rem;background: #fe4f6c;border-radius: 5rem;text-align: center;width: 52px;height: 52px;color: #fff !important;margin:auto; bottom: -26px;left: 0;right: 0;font-weight: bold;position: absolute;font-weight: bold;line-height: 48px;}
.owl-carousel .owl-nav .owl-prev {
background: url('https://avideait.com/img/next.png') no-repeat !important;width:34px;height:34px;position:absolute;left:-3rem;top:35%;margin-top:-17px;
}
.owl-carousel .owl-nav .owl-next {
background: url('https://avideait.com/img/next.png') no-repeat !important;width:34px;height:34px;position:absolute;right:-3rem;top:35%;margin-top:-17px;
}
.owl-theme .owl-nav [class*='owl-'] {
width: 47px;
height: 47px;
border-radius: 50% !important;
background-color: #fff;
box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);
z-index: 1;
top: calc( 50% - 35px);
}
.owl-theme .owl-prev:before {
content: url(https://eduatec.com/assets/frontend/default/img/icons/prev_arrow.png);
line-height: 3;
opacity: 1;
}
.owl-theme .owl-next:before {
content: url(https://eduatec.com/assets/frontend/default/img/icons/next_arrow.png);
line-height: 3;
opacity: 1;
}
#telefonow{margin-top:8px}
.parrafo_gris{color: #ffffff !important;}
/*home*/
#home_1{position: static;height: 100vh;z-index: -1;width: 100vw;top: 0;overflow: hidden;}
#home_1 .w-100 {width: 85% !important;max-width: 187px; }
#home_1 .w-75 {width: 66% !important;max-width: 145px;}
#main-canvas, #cache-canvas, #home_1 { min-height: 715px;}
#servicios .sub_titulo{font-weight: bold;}
#servicios .col-md-4:hover{
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
transform:scale(1.10);
}
.boton_click:hover{
-webkit-transform:scale(1.01);
-moz-transform:scale(1.01);
-ms-transform:scale(1.01);
-o-transform:scale(1.01);
transform:scale(1.01);}
#servicios .col-md-4 {margin: 1.5rem 0;}
#servicios .col-md-3 {margin: 1.5rem 0;}
#servicios .sub_titulo,#servicios p{margin: 0 1rem;}
#servicios p{font-size: 14px;}
#servicios .col-md-4 .sub_container{background:white;padding-bottom: 59px; }
#servicios .col-md-3 .sub_container{background:white;padding-bottom: 59px; }
#servicios .plus_celeste_blue {font-size: 3.2rem;background: #fe4f6c !important;
border-radius: 2rem;text-align: center;width: 63px;height: 63px; color: white !important;margin: auto;position: absolute;bottom: -25px;left: 0;right: 0;font-weight: bold;line-height: 59px;
}
.content{position: relative;padding: 0;}
.content .content-overlay {
background:rgba(0, 76, 145, 0.58);
position: absolute;
height: 100%;
width: 100%;
left: 15px;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
margin: 0 -15px;
}
.content:hover .content-overlay{
opacity: 1;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details{
top: 50%;
left: 50%;
opacity: 1;
}
.content-details h3{
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
}
.content-details p{
color: #fff;
font-size: 0.8em;
}
.fadeIn-top{
top: 20%;
}
.flex_servicios{padding:36px;justify-content: center;align-items: center;padding-left: 0;}
a .flex_servicios{color: #212529 !important;}
.flex_servicios.azul{background: #004C91;color:#FFF !important;}
#servicios #ico-diseno-paginas-web{background:url(../../img/iconos.png);width:200px;height:200px;margin: 0 auto;}
#servicios #ico-app-moviles{background:url(../../img/iconos.png) -200px 0;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-diseno-logos{background:url(../../img/iconos.png) 0 -200px;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-social-media{background:url(../../img/iconos.png) -200px -200px;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-marketing-digital{background:url(../../img/iconos.png) 0 -400px;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-videos-corporativos{background:url(../../img/iconos.png) -200px -400px;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-desarrollo-intranets{background:url(../../img/iconos.png) 0 -600px;width:200px;height:200px;margin: 0 auto;}
#servicios #ico-tiendas-virtuales{background:url(../../img/iconos.png) -200px -600px;width:200px;height:200px;margin: 0 auto;}
/*#home-paginas-web{margin-top:70px;}*/
#servicios h2{color:#fe4f6c;text-align: center;font-size:3rem;margin-bottom: 40px;font-weight: bold;}
#home-paginas-web h2{color:#fe4f6c;text-align: center;font-size:3rem;margin-bottom: 40px;font-weight: bold;}
#home-paginas-web h3{font-size:1.3rem;color:#004C91;text-align: center;margin-bottom: 1.5rem;font-weight: bold;}
#home-paginas-web .paginas_web{background: #ffffff;color:#3161a3;padding:1rem;text-align: justify;height: 100%;padding-bottom: 4rem}
#home-paginas-web p{font-size: 1rem;}
#home-paginas-web .col-lg-3{margin-bottom: 1.2rem;}
#home-nosotros{margin-top:40px;text-align: center;}
#home-nosotros h2{color:#fe4f6c;font-size:3rem;margin: 0;text-transform: uppercase;font-weight: bold;}
#home-nosotros .col-md-4:before{content: " ";display: block;width:200px;height:200px;margin:auto;background:url(../../img/iconos.png);}
#home-nosotros .col-md-4.home-nosotros-1:before{background-position:-200px -1200px;}
#home-nosotros .col-md-4.home-nosotros-2:before{background-position:0 -800px;}
#home-nosotros .col-md-4.home-nosotros-3:before{background-position:-200px -800px;}
#home-nosotros .col-md-4.home-nosotros-4:before{background-position:0 -1000px;}
#home-nosotros .col-md-4.home-nosotros-5:before{background-position:-200px -1000px;}
#home-nosotros .col-md-4.home-nosotros-6:before{background-position:0 -1200px;}
#home-nosotros p{font-size: 1.4rem; color: white;}
#home-nosotros .container{margin-top: 40px;}
#portafolio_home h2{color: #fe4f6c;text-align: center;font-size: 3rem;margin-bottom: 65px; font-weight: bold;}
#portafolio_home a{position: relative;}
#que_esta_incluido li.col-md-5{color:#ffffff;}
.opciones_responsive img{width: 16%;height: auto;}
#diseno_web_resposive .plus_celeste{position: static !important;margin: auto 0;}
.no_background{background: transparent !important;}
.ultimo{width: 15% !important;margin: auto;}
#ubicacion{padding: 7rem;margin-bottom: 5rem;}
#ubicacion p{display: block;color:#FFF;}
#mapa{height:590px;width:100%;margin-top:3rem;}
.color_celeste{color: #fe4f6c;}
.color_blanco{color: white;}
.color_azul{color:#3161A3;}
section{padding: 2rem 0;}
.titulo{font-size: 2.3rem;text-align: center;margin-bottom: 2rem;font-weight: 900;}
.fondo_celeste{background: #00f7ff;}
.first_section{padding-top: 157px;}
.first_section.pd_6 {padding-top: 100px;}
.intro_{display: flex;justify-content: center;align-items: center;}
.boton_celeste{background: #fe4f6c;border-radius: 2rem;padding: 1rem 4rem;font-size: 1.3rem;text-transform: uppercase;color:#fbfbfb !important;display: inline;font-weight: bold;display: inline-block;margin-top: 1rem;}
.first_section .boton_celeste {font-size: 1.1rem !important;font-weight:bold !important;}
.picotton img{width: 100%;max-width: 451px;}
.picotton,.wordpress_color_right{text-align: right;}
.row-banner .col-md-4{display: flex;justify-content: flex-end;align-items: center;flex-direction: column;padding: 0 2rem;}
.wordpress_color_right img{max-width: 178px;}
.tiendas_virtuales{font-size: 1.3rem;padding-left: 1.8rem;}
.servicio_titulo{font-size: 2.3rem;color:#fe4f6c;font-weight: 900; text-align: left;}
.servicios_destacados_mensaje{font-size: 3rem;color: #00F8FF; text-align: center;margin:2rem;}
.marketing_inicio .boton_celeste,.marketing_inicio p {text-align: justify;}
.first_section.marketing_inicio h4{color: #757474;font-size: 2.5rem;margin: 0 10rem;}
#recurso{background:white;background-size: cover;background-position: center center;font-size: 1.5rem;padding: 3rem 0;}
/* Servicios Home*/
#servicios_home img{width: 100%;}
#servicios_home .row{margin: 50px 0 ;}
#servicios_home .titulo_home_servicios{text-align: center;font-weight: bold;font-size: 18px; }
#servicios_home .titulo_home_servicios span,#servicios_home p{margin: 1rem;font-size: 14px;}
#servicios_home .fondo_celeste{padding-bottom:50px;color:#3161A3;text-align: center;font-size: 14px;}
#servicios_home a{display: contents;}
.fondo_celeste::after { content: "\f067";
color: #00F8FF;
background: #004C91;
font-size: 1.9rem !important;
border-radius: 8rem;
position: absolute;
width: 64px;
height: 64px;
text-align: center;
justify-items: center;
float: left;
font: normal normal normal 14px/1 FontAwesome;
line-height: 68px;
left: 0;
right: 0;
margin: 0 auto;
bottom: -30px;
}
/* Opciones de Servicios*/
.borde_opcion{border: 2px solid #fe4f6c;border-radius:1rem;padding: 1rem;position: relative;display: flex;justify-content: center;align-items: center;margin:5rem 8rem;}
.opcion_number{position: absolute;background: #fe4f6c;border-radius: 0.3rem;color: #ffffff;margin-top: -1.8rem;padding: 0.5rem 1rem;top: 0;left: 1rem;font-size: 1.3rem;font-weight: bold;text-transform: uppercase;z-index: 9;}
.opcion_titulo{font-size: 1.3rem;font-weight: bold;}
.plus{font-size: 3.2rem;background: #fe4f67;border-radius: 3rem;text-align: center;width: 52px;height: 52px;color: #fff !important;margin:auto;line-height: 3rem;font-weight: 900;}
#modalidades_de_contratacion .borde_opcion{flex-direction: column;margin: 0;padding: 1rem 3rem;height: 100%;}
#modalidades_de_contratacion .opcion_number{right: auto;left: auto;padding: 0.5rem 4rem;}
.titulo_proyectos{font-size: 3rem;color: #3161A3;font-weight: bold;padding-bottom: 3rem;}
.proyecto_titulo{color: #32BEF0;font-size: 3rem;}
.row.proyecto img{float: right;}
.row.proyecto p{text-align: justify;}
.proyecto_detail{display: flex;flex-direction: column;justify-content: center; }
/* */
#servicios_pagina_web{background-size: cover;background-repeat: no-repeat;background-position: center center;}
#servicios_pagina_web .col-md-2{text-align: center;}
#servicios_pagina_web .col-md-2 img{padding:1rem;max-width: 160px;max-width: 145px;}
#servicios_pagina_web .col-md-2 p{color: #fefefc;text-align: center;}
#servicios_pagina_web .row:first-child {margin-bottom: 1rem; }
#servicios_pagina_web .row{justify-content: center;}
#beneficios_marketing img{max-width: 177px;}
#beneficios_marketing{text-align: center;}
#beneficios_marketing .sub_titulo{color: #fe4f6c;font-size: 1.1rem}
#beneficios_marketing .col-md-3{width: 24%;box-shadow: 0px 0px 11px 4px rgb(194, 194, 194);max-width: 22%;margin: 0 15px;}
#beneficios_marketing .row{display: flex;justify-content: center;}
#servicios_adicionales{background-size: cover;}
#servicios_adicionales li.col-md-6{color: #fff;margin-bottom: 1rem;line-height: 2.5rem;list-style: none;font-weight: normal;}
/*DISEÑO WEB PERSONAIZADP*/
#diseño_web_personalizado {background: #3161A3;}
#diseño_web_personalizado ul li {color: #fff;}
#diseño_web_personalizado .titulo{margin-bottom: 3.5rem;}
.list-checkmarks li {list-style-type: none;padding: 1rem;}
.list-checkmarks li::before {font-family: 'FontAwesome';content: "\f00c";margin: 0 10px 0 -28px;color: #ccf0da;padding: 0.3rem;background: #fe4f6c;border-radius: .5rem;}
.list-checkmarks.list_inverted li::before {background: #fe4f6c;color: #ffffff;list-style:none;margin-bottom: 1rem;}
/*Mensaje economico*/
#consulta_web{background: white;background-size:cover;padding: 1.5rem 0; }
#consulta_web p{font-size: 2.1rem; text-align: center;color: #222b5e;padding: 1rem;margin-bottom: 0 !important;}
#consulta_videos .boton_azul, #consulta_web .boton_azul {background: #3161A3;padding: 0.5rem 3rem;font-size: 1.8rem;text-align: center;color: #fff;border-radius: 1rem; }
#mensaje_economico{background: #fcfcfc;background-size:cover;padding: 3rem 0; }
#mensaje_economico p{font-size: 1.5rem; text-align: center;margin-bottom: 0;}
.plus_celeste_list li::before {content: "\f067";margin: 0 10px 0 -28px;color: #f8f9fa;background: #fe4f6c;font-size: 1.3rem !important;border-radius: 8rem;position: absolute;
width: 36px;height: 36px;text-align: center;justify-items: center;float: left;font: normal normal normal 14px/1 FontAwesome;font-size: 14px;line-height: 1;line-height: 2.4rem;left: 0;top: 3px;
}
#nuestro_proceso .col-md-4{background-color: #fe4f6c}
#nuestro_proceso .col-md-8{background-color: #3161A3;color: #68C6DF;}
#nuestro_proceso .col-md-8 li{font-size: 0.9rem;}
#nuestro_proceso .titulo_proceso{color: #fff;font-weight: bold;padding-bottom: 0.5rem;font-size: 17px;}
.stroke{color: #fff;-webkit-text-stroke-width:4px;-webkit-text-fill-color:transparent;font-size: 7rem;text-align: center;text-shadow: 14px 8px 2px #fe4f6c;font-weight: bolder;}
#nuestro_proceso .row{margin-bottom: 1rem;height: 260px;}
#nuestro_proceso .row:last-child{margin-bottom: 0}
/*tecnologias web*/
#tecnologias_web .col-md-2 div{border: 2px solid #00F8FF;border-radius: 1rem;text-align: center;color: #3161A3;margin: 0 auto;padding: 1rem 0;font-size: 1.2rem;}
#tecnologias_web .col-md-2 img{width: 98%;}
#tecnologias_web .owl-carousel .col-md-12 div{border: 2px solid #00bffe; /*box-shadow: 0 0 5px 0.5px #00bffe;*/border-radius: 1rem;text-align: center;color: #3161A3;margin: 0 auto;padding: 1rem 0;font-size: 1.2rem;}
#tecnologias_web .owl-carousel .col-md-12 img{width: 98%;}
#tecnologias_web .portafolio .col-md-12 div{border: 2px solid #00bffe; /*box-shadow: 0 0 5px 0.5px #00bffe;*/border-radius: 1rem;text-align: center;color: #3161A3;margin: 0 auto;padding: 1rem 0;font-size: 1.2rem;}
#tecnologias_web .portafolio .col-md-12 img{width: 98%;}
#tecnologias_web .w-100 {display: flex;justify-content: center;margin-bottom: 1rem;}
#tecnologias_web .tecnologias_opciones{width: 12%;text-align: center;border: 2px solid #00F8FF;border-radius: 10px;padding-top: 0.6rem;margin: 0 8px;}
#tecnologias_web .tecnologias_opciones img{width: 98%;}
.tecnologias_opciones span{color: #3161A3;}
#marketing_digital .col-md-3 img{margin: 1rem;}
#marketing_digital h4{color: white;font-size: 2rem;margin: 0 10rem;}
#fases_marketing .col-md-4{align-items: center;
display: flex;
position: relative;color: #fff;}
#fases_marketing img{position: absolute;top: -45%;width: 150px;left: 0;right: 0;margin: auto;}
#fases_marketing .fa-arrow-down{color: #fff;font-size: 3rem;margin: 0 auto;}
#fases_marketing .row{height: 197px;margin-bottom: 20px;}
#fases_marketing #atraer{background: #3161A3;}
#fases_marketing #convertir{background: #32BEF0;}
#fases_marketing #cerrar{background: #68C6DF;}
#fases_marketing #fidelizar{background: #27C1BE;}
#fases_marketing .col-md-4 ul {margin-bottom: 0;padding-left: 0;list-style: none;}
#fases_marketing .col-md-4 .justify-content-center{font-size: 1.7rem;}
#fases_marketing .palabra{font-size:1.7rem;font-weight: bold;}
#servicios_pagina_app{background: url("../../img/app/recurso2.jpg");background-size: cover;background-position: center center;}
#servicios_pagina_app .col-md-2{margin: 0 auto;margin-top: 4rem;}
#servicios_pagina_app p{text-align: center;color:#00f8ff;}
#consulta_app{background: white;background-size: cover;background-position: center center;text-align: center;}
#consulta_videos p,#consulta_app p {font-size: 2.1rem;text-align: center;padding: 1rem;margin-bottom: 0 !important;}
#consulta_app .boton_celeste{display: inline-block;}
#consulta_app .boton_celeste{border-radius: 2rem;font-weight: 900;}
#proceso_app .col-md-4 span{position: absolute;top: -3.3rem;background: #fe4f6c;padding: 0.3rem;width: 60%;left: 0;font-weight: 900;font-size: 1.1rem;right: 0;margin: 0 auto;z-index: -1;}
#proceso_app .col-md-4{color: #ffffff;font-size: 6rem;position: relative;font-weight: bold;display: flex;display: flex;justify-content: center;align-items: center;}
#proceso_app .row.borde{text-align: center;border: 2px solid #fe4f6c;border-radius: .5rem;margin: 3rem ;padding: 1rem 0;}
#proceso_app .col-md-4 p{text-align: justify;color: #ffffff;font-weight: normal;}
#proceso_app .col-md-4 img{width: 100%;max-width: 157px;}
#proceso_app .lanzamiento_monitoreo .col-md-4 span{width: 95%;}
#caracteristicas_aplicacion img{max-width: 135px;}
#caracteristicas_aplicacion .titulo{margin-bottom: 3.5rem;}
#caracteristicas_aplicacion .col-md-3{text-align: center;}
#caracteristicas_aplicacion .sub_titulo {color: #fe4f6c;font-size: 1.1rem;margin: 1.3rem;}
#caracteristicas_aplicacion .parrafo_gris{text-align: justify;}
#caracteristicas_aplicacion .row{margin-top: 4rem;}
#caracteristicas_aplicacion .celulares_varios img{width: 100%; max-width: 900px;margin: auto;}
#sistemas_web_soluciones_empresas{background-size: cover;background-position: center center;}
#sistemas_web_soluciones_empresas .plus_celeste_list{list-style: none !important;}
#sistemas_web_soluciones_empresas li{position: relative;line-height: 1.1rem;}
#sistemas_web_soluciones_empresas .plus_celeste_list li::before {left: -22px;top: 10%;}
#sistemas_web_soluciones_empresas p.color_celeste{margin-bottom: 0;}
#sistemas_web_soluciones_empresas .subtitulo{color: #fe4f6c;font-weight: bold;}
#sistemas_web_soluciones_empresas p.parrafo{max-width: 340px;color: #fff;text-align: center;}
#sistemas_web_soluciones_empresas img{width: 40%; max-width: 155px;}
#sistemas_web_soluciones_empresas .border_celeste{border: 3px solid #fe4f6c;border-radius: 2rem;padding: 1rem;margin-bottom: 2rem;margin: 0;}
#SiguienteBtn{position: absolute;
right: 0;
bottom: 4rem;
border: 0;
background: #fe4f6c;
border-radius: 2rem;
padding: 0.5rem 1.5rem;
color: #ffffff;}
.boton_naranja:hover,#SiguienteBtn:hover{cursor: pointer;}
.boton_naranja{right: 0;
bottom: 1rem;
background: #fc4f6c;
border: 1px solid #fc4f6c;
border-radius: 2rem;
padding: 0.5rem 1.5rem;
color: #f2faf5;
width: 50%;}
#home-nosotros .useri:before {
content: " ";
display: block;
width: 234px;
height: 200px;
margin: auto;
background: url(../../img/useri.png);
}
footer{background: #222b5e;color:#FFF;font-size: 1.3rem;padding:5rem 0;position: relative;text-align: justify;}
footer p{text-align: left !important;}
footer a{color:#FFF;text-align: left !important;}
footer h3{color:#fe4f6c;}
footer .servicios{list-style:none;padding:0;}
footer .servicios li{margin-bottom:6px;font-size: 1rem;}
footer .fa-volume-control-phone ,.fa-envelope{color: #fcfcfc;background: #fe4f6c;border-radius: 4rem;width: 35px;height: 35px;text-align: center;line-height: 35px !important;font-size: 1.2rem !important;margin: 0 0.8rem;}
footer .fa-facebook,.fa-twitter,.fa-youtube-play,.fa-instagram {
color: #fafcfb;
margin: 0 0.2rem;
}
footer .fa-facebook:hover,.fa-twitter:hover,.fa-youtube-play:hover,.fa-instagram:hover,.fa-envelope:hover,.fa-volume-control-phone:hover{
background: #4dc247;
}
.bottom_footer{position: absolute;bottom:0;left:0;right: 0;background: #043E68;font-size:0.8rem;padding:7px 0;}
.collapse.show {
display: block;
}
@media (max-width: 1280px) {
.home_azul {background: #fff;color: #3161A3;border-radius: 1rem;padding: 0.8rem 0;margin: 1rem;width: 100%;}
.plus_celeste{font-size: 2.5rem;width: 42px;height: 42px;line-height: 37px;}
a.nav-link {padding: 0 16px;}
}
@media (max-width: 1200px) {
#beneficios_marketing .col-md-3 {max-width: 29% ;flex: 0 0 29%;}
a.nav-link {padding: 0 8px;}
}
@media (max-width: 992px) {
header .container{padding: 0;width: 100%;padding: 0;margin: 0;max-width: 100%;}
.navbar-toggler{right: 1rem;position: fixed;top: 1.5rem;z-index: 99999}
.navbar-dark .navbar-toggler-icon{background:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.flex_servicios{align-items: center;text-align: center !important;}
#servicios .col-md-3{text-align: center !important;}
/* .opcion1 .owl-nav{display: none;}
.owl-carousel .owl-nav .owl-prev {top: 100%;left: 40%;}
.owl-carousel .owl-nav .owl-next {top: 100%;right: 40%;}*/
#beneficios_marketing .col-md-3 {max-width: 29% ;flex: 0 0 29%;}
.borde_opcion{margin: 2rem 0rem;}
.first_section.marketing_inicio h4{padding: 0;}
#servicios_pagina_web .col-md-2 img {padding: 0;}
#servicios_pagina_web .col-md-2 img{padding:0rem;}
#main-canvas,#cache-canvas,#home_1{height: 120vh !important;min-height: 880px !important;}
.owl-item .item img{max-width: 200px;margin: 0 auto;}
.logo{max-width: 214px;}
#nuestro_proceso .row{margin-bottom: 1.5rem;}
.first_section.marketing_inicio .col-md-4,.first_section.pd_6 .col-md-5{text-align: center;}
.first_section.marketing_inicio .col-md-4 img{max-width: 370px;}
.first_section.marketing_inicio h4{margin:0 !important;font-size: 2rem !important;}
#servicios_pagina_app .col-md-2{margin: 0 auto;margin-bottom: 0rem;}
.wptwa-text,.no_movil{display: none;}
.no_pc{display: block;}
.servicio_titulo{text-align: center;}
.marketing_inicio p {text-align: justify;}
#marketing_digital h4{margin: 0;}
.wptwa-toggle {height: auto;padding: 7px;width: auto;}
.wptwa-toggle img{margin: 0 !important;}
}
@media (max-width: 991px) {
.row.intro_ .col-md-7{min-width: 100%;}
.first_section.pd_6{text-align: center !important;}
.first_section.pd_6 .servicio_subtitulo{text-align: center !important;}
.first_section.pd_6 .no_pc{width: 100%;max-width: 300px;margin: 0 auto !important;}
#header-menu{background:#fff;height: 100vh;}
#header-menu li{line-height:2rem;margin:0.5rem 0;padding:0 3rem;}
a.nav-link {border-radius: 0 !important;border: 1px solid #3161A3;width: 100%;}
#menu-top,.img-empresas{display:none;}
#menu-bot li:first-child {margin-top: 6rem;}
#header-menu li{border:none;}
#menu-bot{height: 100vh;max-height: 600px;margin: 23px 0;}
.col-lg-9.col-md-5.float-md-right.order-md-2.order-lg-1 {position: absolute;top: 0;padding: 0;}
.nav-item{transform: translateX(100%);margin-bottom: 1rem;padding: 0px 1rem;}
.navbar-dark .navbar-toggler{z-index: 999;}
.navbar{position: absolute;background: #222b5e;z-index:99;}
.navbar-collapse.collapse.show .nav-item:nth-child(1){ animation: slide-in 0.2s forwards;-webkit-animation: slide-in 0.2s forwards;}
.navbar-collapse.collapse.show .nav-item:nth-child(2){ animation: slide-in 0.2s forwards;-webkit-animation: slide-in 0.2s forwards;animation-delay: 0.1s;}
.navbar-collapse.collapse.show .nav-item:nth-child(3){ animation: slide-in 0.2s forwards;-webkit-animation: slide-in 0.2s forwards;animation-delay: 0.2s;}
.navbar-collapse.collapse.show .nav-item:nth-child(4){ animation: slide-in 0.2s forwards;-webkit-animation: slide-in 0.2s forwards;animation-delay: 0.3s;}
.navbar-collapse.collapse.show .nav-item:nth-child(5){ animation: slide-in 0.2s forwards;-webkit-animation: slide-in 0.2s forwards;animation-delay: 0.4s;}
@keyframes slide-in {0% {-webkit-transform: translateX(100%);}100% {-webkit-transform: translateX(0%);}}
.owl-item .item img{width: 100% !important;}
.col-md-6.text-right{display: flex;justify-content: center;align-items: center;}
}
@media (max-width: 768px) {
.picotton,.wordpress_color_right{text-align: center;}
.row.proyecto .col-md-6{float: none; display: inline-flex;justify-content: center;align-items: center;flex-direction: column;}
.row-banner .col-md-4 {width: 50% !important;}
.row-banner .col-md-4 .w-100 {width: 75%;}
.row-banner .col-md-4:last-child {margin: auto;}
#beneficios_marketing .col-md-3 {max-width: 44%;flex: 0 0 50%;}
#servicios_pagina_web .col-md-2 {width: 50%;}
#proceso_app .row.borde{margin: 4rem 0;position: relative;}
#proceso_app .col-md-4 {position: static;}
.revertir_movil{flex-direction: column-reverse;}
#servicios .text-left,#servicios .text-right{text-align: center !important;}
#home-paginas-web h2 {font-size: 2rem;}
#home-paginas-web .col-md-3{margin-bottom: 1rem;}
.flex_servicios {padding: 1rem;}
.logo{max-width: 200px;}
#home_1 .w-75,#home_1 .w-100 { width: 100% !important;}
.boton_celeste {padding: 1rem 2rem;display: block;text-align: center !important;}
.first_section.pd_6 img{max-width: 370px;}
.pd_6 {padding: 3rem 0;}
#tecnologias_web .col-md-2 img{max-width: 123px;}
#marketing_digital,#marketing_digital .col-md-3 {text-align: center;}
#marketing_digital .col-md-3 img{max-width: 210px;}
.first_section {padding-top: 119px;}
#fases_marketing img{position: absolute;top: -89px;width: 150px;right: 1rem;margin: auto;left: auto;}
#fases_marketing .fa-arrow-down{position: absolute;right: 4.3rem;bottom: -7.3rem;}
#fases_marketing .row{display: block;}
#fases_marketing .justify-content-center {justify-content: start !important;}
.first_section.pd_6 {padding-top: 113px;}
.first_section.pd_6 img {margin: 0rem auto !important;max-width: 237px !important;}
#proceso_app .col-md-4 span {top: -2.3rem;}
.titulo{font-size: 1.8rem;}
#nuestro_proceso .row {height: auto;}
.stroke{font-size: 5rem;}
#caracteristicas_aplicacion .col-md-3 {padding: 0 1rem;margin-bottom: 2rem;}
#caracteristicas_aplicacion .row { margin-top: 0rem; }
#caracteristicas_aplicacion .sub_titulo {margin: 0.5rem;}
footer {padding: 0;}
footer .col-md-4{padding:1rem 2rem;}
#marketing_digital .col-md-3 img{margin: 0 1rem;}
.owl-nav{display: none !important;}
.content{ padding: 15px;}
.navbar.navbar-expand-md.navbar-light{overflow-x: hidden;}
}
@media (max-width: 576px) {
.content .titulohome{font-size: 38px;}
#caracteristicas_aplicacion .col-md-3 {padding: 0px 3rem;}
/* header{padding-top:37.6px;}*/
#menu-top,.img-empresas{display:none;}#header-menu li{border:none;}
/*#menuheader{position:fixed;top:0;right:0;padding-top:32px;background:#212529;z-index:9;}*/
#header-menu li{line-height:2rem; }
/*.navbar-toggler{position:absolute;top:5px;right:5px;}*/
.blanco{color:#333;}.misionvision.blanco{color:#FFF;}
.navbar-dark .navbar-toggler-icon{background:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
#telefonow{position:fixed;top:5px;left:5px;z-index:9;margin:0;display:inline-block;width:auto;}
.valores .text-left{text-align:center !important;}
.valores img{margin-bottom:3rem;}
.proyecto_detail{padding: 3rem;}
.content h1 {padding-bottom: 2rem;font-size: 3rem;}
.home_azul h2 { font-size: 1rem !important;}
.content{position: static;}
.content p {margin-bottom: 1rem;}
.titulo_proyectos { font-size: 2.5rem;}
#ubicacion {padding: 3rem 0.5rem;}
#beneficios_marketing .col-md-3 {
max-width: 95%;
flex: 0 0 95%; }
}
@media (max-height: 400px) {
.content .titulohome{font-size: 38px !important;}
.first_section.pd_6 {padding-top: 113px;}
}
@media (min-width: 1200px){
#servicios_home .container {
max-width: 1118px;
}
}