.boton_comprar_modal{font-weight:700;text-transform:uppercase}.boton_comprar_modal:hover{background:#fff!important;box-shadow:0 0 5px #0af;color:#0af!important;font-size:1.1em;transition:all .5s}.check{animation-name:check;animation-iteration-count:infinite;animation-duration:5s;transition:.5s}@keyframes check{0%{transform:rotate(0)}50%{transform:rotate(360deg)}100%{transform:rotate(720deg)}}.cancel{animation-name:cancel;animation-iteration-count:infinite;animation-duration:2.5s;transition:.5s}@keyframes cancel{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.boton_cerrar_modal,.boton_cerrar_modal div,.boton_cerrar_modal div i{transition:all .5s}.boton_cerrar_modal:hover{background:#fff!important;box-shadow:0 0 5px #f44336}.boton_cerrar_modal:hover div{color:#f44336!important;transform:scale(1.1)}.boton_cerrar_modal:hover i{transform:rotate(90deg)}#section1{width:100%;min-height:500px;background-image:url(../../img/colocation/bg1.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed}.panel{background:linear-gradient(to right,rgba(0,0,0,.9) 0,rgba(0,0,0,.8) 50%,rgba(0,0,0,.8) 71%,rgba(0,0,0,0) 100%);padding:50px;min-height:500px!important}.header h4{margin-right:0!important}.card{border-radius:10px;transition:all .5s}.card:hover{background:#00acff;box-shadow:0 0 30px #00acff;color:#fff;animation-name:sombra;animation-duration:1s;animation-iteration-count:infinite}@keyframes sombra{0%{box-shadow:0 0 0 #00acff}50%{box-shadow:0 0 30px #00acff}100%{box-shadow:0 0 0 #00acff}}.card:hover .oswald{color:#fff}.card:hover .card-action{border-top:1px solid #fff}.card-panel i{font-size:60px!important;color:#6a96d0}.card-panel{background:#fafafa;border-radius:10px;transition:all .5s}.card-panel:not(.exception):hover{background:#00acff;color:#fff}.iconos i{color:#00acff}.card-panel:hover .iconos i{transform:scale(1.4);color:#fff;border-radius:50%;background-color:#00acff;transition:.5s all}.nuestroservicio{background:#00acff;color:#fff;transition:all .5s}.nuestroservicio:hover{background:#fafafa;color:#000}.cimag{transition:all .5s}.card-panel:hover .cimag{transform:scale(1.4);-o-transform:scaleX(1.4);-webkit-transform:scale(1.4)}.card-panel:hover .cimag{animation:cimag 1s linear}#video{padding:50px 0 50px 0}#video h4{text-transform:uppercase;margin:auto!important;color:#00acff!important}#video .valign-wrapper{height:400px}@media(max-width:600px){#video .valign-wrapper{height:auto!important}}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#00acff}.card:hover .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#fff}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover{color:#fff;text-decoration:underline}.vpss h3{color:#00acff;font-size: 1.64rem;line-height: 110%;margin: 1.0933333333rem 0 .656rem 0;}.vpss ul li i{font-size:36px;color:#00acff;transition:all .5s}.vpss:hover ul li i{color:#fff}.videomodificado{height:600px;width:100%}.textovideo{height:auto;margin:auto;margin-top:15%;text-align:justify;width:50%}.agrandartexto{color:#fff;font-weight:700;left:0;right:0;bottom:18px;position:absolute;transition:all .3s;font-size:1.2em}.card-action{background:#00acff!important;border-radius:0 0 10px 10px!important;padding-top:30px!important}.card-action:hover{cursor:pointer}.card:hover .letrapeque{color:#00acff}.card-action:hover .agrandartexto{text-decoration:underline}.card:hover .agrandartexto{font-size:1.3em;bottom:15px}@media (min-width:302px) and (max-width:425px){.videomodificado{height:300px}}@media (min-width:320px) and (max-width:350px){.descuento{right:1.5%!important;top:1%!important}.datacentercol{width:80%!important}.texto{width:100%!important}.textob{margin-top:180px!important;text-align:center!important;width:100%!important}.redondo{margin:auto!important;margin-bottom:50px!important;width:100%!important}}@media (min-width:375px) and (max-width:405px){.descuento{right:1.5%!important;top:2%!important}.datacentercol{width:80%!important}.texto{width:100%!important}.textob{margin-top:180px!important;text-align:center!important;width:100%!important}.redondo{margin:auto!important;margin-bottom:50px!important;width:100%!important}}@media (min-width:414px) and (max-width:444px){.descuento{right:2%!important;top:2.5%!important}.datacentercol{width:80%!important}.texto{width:100%!important}.textob{margin-top:180px!important;text-align:center!important;width:100%!important}.redondo{margin:auto!important;margin-bottom:50px!important;width:100%!important}}@media (min-width:768px) and (max-width:899px){.descuento{right:3%!important;top:2%!important}.datacentercol{width:80%!important}.videomodificado{height:300px;width:150%}.card-actiona{margin-top:0}.texto{width:100%!important}.textob{margin-top:180px!important;text-align:center!important;width:100%!important}.redondo{margin:auto!important;margin-bottom:50px!important;width:100%!important}}@media (min-width:900px) and (max-width:992px){.descuento{right:3%!important;top:3%!important}.datacentercol{width:80%!important}.videomodificado{height:300px;width:150%}.card-actiona{margin-top:0}}@media (min-width:993px) and (max-width:1010px){.card-actiona{margin-top:22px}.card-actionb{margin-top:22px}.action-card-e{margin-top:63px}.videomodificado{height:300px}.textovideo{margin-top:1.8%}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1011px) and (max-width:1023px){.card-actiona{margin-top:22px}.card-actionb{margin-top:22px}.action-card-e{margin-top:43px}.videomodificado{height:300px}.textovideo{margin-top:3%}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1024px) and (max-width:1024px){.card-actiona{margin-top:22px}.card-actionb{margin-top:22px}.action-card-e{margin-top:43px}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1025px) and (max-width:1058px){.card-actiona{margin-top:22px}.card-actionb{margin-top:22px}.action-card-e{margin-top:63px}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1059px) and (max-width:1083px){.card-actiona{margin-top:2px}.card-actionb{margin-top:2px}.action-card-e{margin-top:43px}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1084px) and (max-width:1099px){.card-actiona{margin-top:2px}.card-actionb{margin-top:2px}.action-card-e{margin-top:21px}.descuento{right:1%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1100px) and (max-width:1169px){.action-card-e{margin-top:22px}.descuento{right:2%!important;top:1.5%!important}.datacentercol{width:67%!important}}@media (min-width:1170px){.descuento{right:2.5%!important;top:2%!important}.datacentercol{width:67%!important}}@media (min-width:1201px){.descuento{right:2.5%!important;top:2%!important}}@media (min-width:1300px){.descuento{right:2.5%!important;top:2.5%!important}}@media (min-width:1427px){.descuento{right:2.5%!important;top:2.5%!important}}@media (min-width:1500px){.descuento{right:2.5%!important;top:3%!important}}@media (min-width:1601px){.descuento{right:4%!important;top:3%!important}}@media (min-width:1850px){.descuento{right:4%!important;top:5%!important}.textovideo{margin-top:11%}}@media (min-width:2250px){.descuento{right:5%!important;top:6%!important}.textovideo{margin-top:10%}}.textocards{display:inline;margin-left:-40px}.iconoip{background:url(../../img/iconoip.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px;transition:.5s ease-in-out}.card:hover .iconoip{background:url(../../img/iconoiphover.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px}.letrapeque{color:#fff;font-size:1em;font-weight:700;left:0;margin-left:auto;margin-right:auto;margin-top:-20px;right:0;position:absolute;text-decoration:line-through;margin-top:-30px}.precio{font-size:24px}.card .descuento{color:#fff;font-size:100%;font-weight:700;right:0;text-shadow:0 0 2px #000;top:1%;transform:rotate(45deg);position:absolute;width:auto;transition:all .5s}.card:hover .descuento{animation-name:descuento;animation-duration:1s;animation-iteration-count:infinite}@keyframes descuento{0%{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.15)}100%{transform:rotate(45deg) scale(1)}}.datacentercol{background:#fff;border:2px dashed #00acff;border-radius:10px;font-weight:700;margin:auto;margin-top:30px;text-align:center;padding:25px;padding-top:10px;width:35%;transition:all .5s;}.datacentercol img{border-radius:5px;height:auto;transform:translateY(10px);max-width:50px}.iconoip{background:url(../../img/iconoip.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px;transition:.5s ease-in-out}.card:hover .iconoip{background:url(../../img/iconoiphover.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px}.datacentercol{background:#fff;border:2px dashed #00acff;border-radius:10px;font-weight:700;margin:auto;margin-top:30px;text-align:center;padding:25px;padding-top:10px;width:35%;transition:all .5s;}.datacentercol img{border-radius:5px;height:auto;transform:translateY(10px);max-width:50px}.costo{color:#002a85;border-radius:0!important;transition:all .5s}.nota{text-align:center;transition:all .5s}.costo:hover .nota{color:#fff!important}.personaliza:hover{background:#fff}.titulo{color:#00acff;transition:all .5s}.personaliza:hover .titulo{background:#00acff;border-radius:10px 10px 0 0;color:#fff}.iconoipb{background:url(../../img/iconoiphover.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px;transition:.5s ease-in-out;margin-top:3px}.costo:hover{background:#00acff!important;color:#fff}.costo:hover .iconoipb{background:url(../../img/iconoip.png);background-repeat:no-repeat;background-size:36px;height:36px;width:36px}.redondo{border-radius:10px;margin-top:10px}.costo:hover .redondo{background:#fff;color:#00acff}.textob{float:right!important;margin-top:-25px!important;text-align:right}@keyframes borde{0%{box-shadow:0 0 0 #00acff}50%{box-shadow:0 0 20px #00acff}100%{box-shadow:0 0 0 #00acff}}#porque{width:100%;min-height:700px;background-image:url(../../img/dedicado/porque.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed}.contenido2 p{margin-left:14%;justify-content:center;font-family:'Open Sans',sans-serif}.contenido2 h1{margin-bottom:10%;font-family:Montserrat,sans-serif}.contenido2 i,h4{display:inline-block;margin-right:10%}.contenido2 i{font-size:25px}@media(max-width:600px){.contenido2{font-size:15px!important}.contenido2 i{font-size:15px!important}.contenido2 h4{font-size:15px!important}.contenido2 h1{font-size:15px!important}}.btn_personaliza_servidor{background:#0af}.collapsible-personaliza-servidor .collapsible,.collapsible-personaliza-servidor .collapsible-body,.collapsible-personaliza-servidor .collapsible-header{border-radius:80px 0 80px 0;transition:all .5s;animation-name:esquinas_redondas;animation-duration:5s;animation-iteration-count:infinite}.collapsible-personaliza-servidor .collapsible-header div div:nth-child(3) i:nth-child(1),.collapsible-personaliza-servidor .collapsible-header div div:nth-child(3) i:nth-child(2){color:#fff!important;animation-name:personalizar_flechas;}.boton_comprar_modal{font-weight:700;text-transform:uppercase}.boton_comprar_modal:hover{background:#fff!important;box-shadow:0 0 5px #0af;color:#0af!important;font-size:1.1em;transition:all .5s}@keyframes personalizar_flechas{0%{transform:scale(1)}50%{text-shadow:0 0 1px #000;transform:scale(1.8) rotate(360deg)}100%{transform:scale(1)}}@keyframes personalizar_flechas_b{0%{transform:scale(1)}50%{text-shadow:0 0 1px #000;transform:scale(1.8) rotate(-360deg)}100%{transform:scale(1)}}.item .ip_icono{background:url(../../img/iconoiphover.png);background-size:100% auto}.item:hover .ip_icono{background:url(../../img/iconoip.png);background-size:100% auto}.item{transition:all .5s}.contenedor_personaliza_servidor:hover{box-shadow:0 0 15px #0af!important}.contenedor_personaliza_servidor:hover .titulo_personaliza_servidor{background:#0af;color:#fff!important}.item .btn{border-radius:20px}.item:hover{background:#0af}.item:hover h6,.item:hover span{color:#fff!important}.item:hover .btn{background:#fff;box-shadow:0 0 10px #fff;color:#0af!important}.btn_opciones_personalizacion{position:relative}.circulo_efecto{background:rgba(255,255,255,.5);border-radius:50%;bottom:0;height:0;left:0;margin:auto;position:absolute;right:0;top:0;width:0;}@keyframes circulo_efecto{100%{height:500px;opacity:0;width:500px}}.plus{color:#0af;display:inline-block;font-weight:700;position:absolute;transform:scale(1.5) translateY(-3px) translateX(5px);}@keyframes parpadeo-plus{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.card:hover .plus{color:#fff}

/* Efectos controler */

:root{
    --timer-multiply: 1;
    --interaction-count: 5;
    --animation-state: paused;
}

.plus.animation{
    animation-name: parpadeo-plus;
    animation-iteration-count: var(--interaction-count);
    animation-duration: calc(1s * var(--timer-multiply));
    animation-play-state: var(--animation-state);
}

.datacentercol.animation{
    animation-name: borde;
    animation-iteration-count: var(--interaction-count);
    animation-duration: calc(2s * var(--timer-multiply));
    animation-play-state: var(--animation-state);
}

.collapsible-personaliza-servidor .collapsible-header div div:nth-child(3) i:nth-child(1).animation{
    animation-name: personalizar_flechas;
    animation-iteration-count: var(--interaction-count);
    animation-duration: calc(4s * var(--timer-multiply));
    animation-play-state: var(--animation-state);
}

.collapsible-personaliza-servidor .collapsible-header div div:nth-child(3) i:nth-child(2).animation{
    animation-name: personalizar_flechas_b;
    animation-iteration-count: var(--interaction-count);
    animation-duration: calc(4s * var(--timer-multiply));
    animation-play-state: var(--animation-state);
}

.circulo_efecto.animation{
    animation-name: circulo_efecto;
    animation-iteration-count: var(--interaction-count);
    animation-duration: calc(2s * var(--timer-multiply));
    animation-play-state: var(--animation-state);
}