.ronnin-4d{
mostrar:bloquear;
familia de fuentes: Open Sans;
}
.ronnin-4d-móvil{
pantalla: ninguna;
}
@pantalla multimedia y (ancho máximo: 980 px) {
.ronnin-4d{
pantalla: ninguna;
}
.ronnin-4d-móvil{
mostrar:bloquear;
}
}
.ronnin-4d h2,h3{
espacio entre letras: 1px;
familia de fuentes: Open Sans;
}
/***Estandarte**/
.primer banner {
mostrar:bloquear;
posición: relativa;
altura mínima: 400 px;
altura:automático;
desbordamiento: oculto;
}
.primer-banner .imagen-banner{
ancho: 100%;
}
.primer-banner .box-ratio {
color de fondo: sin configurar;
}
.primer-banner .box-ratio img{
color de fondo: sin configurar;
}
.primer-banner .bloque de texto{
posición:absoluta;
izquierda: 17,5%;
arriba: 30%;
alineación de texto: izquierda;
}
.primer-banner .bloque de texto .título{
color: #fff;
tamaño de fuente: 4,5rem;
altura de línea: 5,5 rem;
}
.primer-banner .bloque de texto .título div{
peso de fuente: normal;
}
.primer-banner .bloque de texto .contenido{
color: #ddd;
tamaño de fuente: 1,75rem;
altura de línea: 1,75 rem;
margen superior: 3,5 rem;
}
/****************** Funciones simples *************************/
.características simples {
ancho: 100%;
margen: automático;
posición: absoluta;
izquierda: 0;
abajo: 5%;
relleno: 0 15%;
}
.simple-features .list-sin estilo {
relleno-izquierda: 0;
estilo de lista: ninguno;
}
.icono-grupo {
pantalla: flexible;
}
.icono-grupo li {
ancho: 20%;
posición: relativa;
flexionar: 1;
}
.icono-grupo li .icono {
ancho: 100px;
altura: 100 píxeles;
margen: 0 automático 0,25rem automático;
tamaño de fondo: contiene;
}
.icon-grupo li span {
alineación de texto: centro;
mostrar: bloquear;
tamaño de fuente: 1,25rem;
color: #eeeeee;
}
.icon-group li:nth-child(1) .icon {
fondo: URL (https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_1.png?v=1677827657) sin repetición;
tamaño de fondo: contener;
}
.icon-group li:nth-child(2) .icon {
fondo: URL (https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_2.png?v=1677827657) sin repetición;
tamaño de fondo: contener;
}
.icon-group li:nth-child(3) .icon {
fondo: URL (https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_3.png?v=1677827657) sin repetición;
tamaño de fondo: contener;
}
.icon-group li:nth-child(4) .icon {
fondo: URL (https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_4.png?v=1677827657) sin repetición;
tamaño de fondo: contener;
}
.banner-bolso-hombro1 .imagen-banner{
posición: relativa;
}
.video-btn {
posición:absoluta;
arriba: 43,5%;
izquierda: 47%;
ancho: 70 píxeles;
altura: 70 píxeles;
fondo: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) sin repetición;
tamaño de fondo: automático;
filtro: sombra paralela (0 0 8px rgba(0,0,0,.12));
perspectiva: 1000px;
visibilidad de la cara posterior: oculta;
transformar: traducirZ(0);
tamaño de fondo: contener;
}
.banner-bolso-hombro1 .imagen-banner{
cursor:puntero;
color de fondo:#000;
}
.shoulderbag-banner1 .banner-image .box-ratio{
altura de línea: 0;
}
.shoulderbag-banner1 .banner-image-mobile{
}
.shoulderbag-banner1 .banner-imagen .youtube{
pantalla: ninguna;
ancho: 65%;
margen:automático;
relleno: 5% 0;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner{
ancho: 100%;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe{
ancho: 100%;
}
.iframe de youtube, .iframe de youtube-móvil{
ancho: 100%;
}
.shoulderbag-banner1 .banner-image .la-close{
pantalla: ninguna;
ancho: 28px;
altura: automático;
posición: absoluta;
tamaño de fuente: 2,5rem;
derecha: 15%;
arriba: 5%;
color: #fff;
altura de línea: 38px;
}
.shoulderbag-banner1 .banner-image .video_overlay{
ancho: 100%;
altura: 100%;
posición: absoluta;
índice z: 9;
color: #000;
arriba: 0;
izquierda: 0;
fondo: #000;
opacidad: 0,2;
}
/****************** Estadística de Necesidades *************************/
.statisfy-necesita {
ancho: 100%;
relleno: 1% 0 0 0;
claro: ambos;
posición: relativa;
fondo: #000;
}
.statisfy-necesita .text-block{
posición:absoluta;
arriba: 3%;
izquierda: 0;
ancho: 100%;
mostrar:bloquear;
relleno: 2,5% 1,5%;
alineación de texto: centro;
}
.statisfy-necesita .text-block .título{
color: #fff;
tamaño de fuente: 4,25rem;
altura de línea: 5,25 rem;
}
.statisfy-necesita .text-block .content{
color: #fefefe;
tamaño de fuente: 1,75rem;
altura de línea: 2rem;
peso de fuente: negrita;
}
.statisfy-necesita .text-block1{
arriba:desarmado;
izquierda: 0;
abajo: 0;
ancho: 42,5%;
}
.statisfy-necesita .text-block2{
arriba:desarmado;
izquierda: 57,5%;
abajo: 0;
ancho: 42,5%;
}
/***m-estación**/
.m-estación {
ancho: 100%;
altura mínima: 400 px;
parte inferior acolchada: 2%;
fondo: #000;
}
.m-station .imagen-banner{
ancho: 66%;
margen:automático;
}
.m-station .banner-image vídeo{
ancho: 100%;
altura:automático;
}
.m-estación .box-ratio {
color de fondo: sin configurar;
}
.m-station .box-ratio img{
color de fondo: sin configurar;
}
.m-station .text-bloque{
ancho: 100%;
alineación de texto: centro;
relleno:6% 2% 3,5% 2%;
}
.m-station .text-block .título{
color: #fff;
tamaño de fuente: 4,25rem;
altura de línea: 5,25 rem;
}
.m-station .text-block .content{
color: #ddd;
tamaño de fuente: 1,5rem;
altura de línea: 2,15 rem;
margen superior: 0,75 rem;
}
#m-station-desktop.m-station{
posición: relativa;
}
#m-station-desktop.m-station .banner-image{
ancho: 100%;
pantalla: flexible;
envoltura flexible: envoltura;
justificar-contenido: centro;
posición: -webkit-sticky;
posición: pegajosa;
arriba: 0;
índice z: 4;
desbordamiento: oculto;
}
#m-station-desktop.m-station .text-block1{
ancho: 100%;
opacidad: 1;
índice z: 99;
pantalla: flexible;
altura: 100vh;
justificar-contenido: centro;
posición: -webkit-sticky;
posición: pegajosa;
arriba: 0;
relleno superior: 192px;
margen: -100vh auto 0;
}
#m-station-desktop.m-station .text-block-inner{
}
#m-station-desktop.m-station .video-intro__inner{
ancho: 100%;
}
#m-station-video .text-block{
opacidad: 0;
-webkit-transition: la opacidad es fácil;
-moz-transition: opacidad 1s facilidad;
transición: opacidad 1s facilidad;
posición: absoluta;
índice z: 1;
arriba: 0;
izquierda: 0;
ancho: 100%;
}
/***correa ajustable**/
.ajustable {
posición: relativa;
altura mínima: 400 px;
}
.imagen-banner ajustable{
ancho: 100%;
}
.ajustable .box-ratio {
color de fondo: sin configurar;
}
.ajustable .box-ratio img{
color de fondo: sin configurar;
}
.imagen .gif ajustable{
posición:absoluta;
ancho: 55%;
izquierda: 45%;
arriba: 15%;
alineación de texto: izquierda;
}
.vídeo de imagen .gif ajustable{
ancho: 100%;
altura:automático;
}
.bloque de texto ajustable{
posición:absoluta;
ancho: 45%;
izquierda: 12,5%;
arriba: 35%;
alineación de texto: izquierda;
}
.ajustable .bloque de texto .título{
color: #fff;
tamaño de fuente: 4,5rem;
altura de línea: 5,75 rem;
}
.ajustable .text-block .content{
color: #ddd;
tamaño de fuente: 1,6rem;
altura de línea: 2,35 rem;
margen superior: 2rem;
}
/***ordenado**/
.limpio {
posición: relativa;
ancho: 100%;
altura mínima: 400 px;
parte inferior acolchada: 7,5%;
fondo: #000;
}
.neat .imagen-banner{
ancho: 72%;
margen:automático;
}
.neat .box-ratio {
color de fondo: sin configurar;
}
.neat .box-ratio img{
color de fondo: sin configurar;
}
.neat .bloque de texto{
ancho: 100%;
alineación de texto: centro;
relleno: 5% 2% 4% 2%;
}
.neat .text-block .título{
color: #fff;
tamaño de fuente: 4,25rem;
altura de línea: 5,25 rem;
}
.neat .text-block .content{
color: #eee;
tamaño de fuente: 1,5rem;
altura de línea: 2,15 rem;
margen superior: 0,5 rem;
}
/***ordenado**/
.sidetop {
posición: relativa;
ancho: 100%;
altura mínima: 400 px;
parte inferior acolchada: 5%;
fondo: #000;
}
.sidetop .imagen-banner{
ancho: 33%;
margen: 0 0 0 57,5%;
}
.sidetop .box-ratio {
color de fondo: sin configurar;
}
.sidetop .box-ratio img{
color de fondo: sin configurar;
}
.sidetop .bloque de texto{
posición:absoluta;
ancho: 50%;
izquierda: 20%;
arriba: 27,5%;
alineación de texto: izquierda;
índice z: 1;
}
.sidetop .text-block .título{
color: #fff;
tamaño de fuente: 4,5rem;
altura de línea: 5,75 rem;
}
.sidetop .text-block .content{
color: #ddd;
tamaño de fuente: 1,6rem;
altura de línea: 2,35 rem;
margen superior: 2rem;
}
/***ordenado**/
.bolsillos-correa {
ancho: 100%;
altura mínima: 400 px;
altura:automático;
desbordamiento: oculto;
fondo:#000;
}
.bolsillos-correa .filas{
ancho: 100%;
altura:automático;
}
.bolsillos-correa .fila{
ancho: 100%;
pantalla:flexible;
altura:automático;
}
.bolsillos-correa .box-ratio {
color de fondo: sin configurar;
}
.bolsillos-correa .box-ratio img{
color de fondo: sin configurar;
}
.bolsillos-correa .fila .dos columnas{
ancho: 50%;
pantalla:flexible;
altura:automático;
posición: relativa;
}
.bolsillos-correa .bloque-texto{
pantalla: tabla;
posición:absoluta;
ancho: 85%;
altura: 100%;
izquierda: 15%;
arriba: 0;
alineación de texto: izquierda;
índice z: 1;
}
.strap-bolsillos .text-block .text-block-inner{
pantalla: celda de tabla;
alineación vertical: medio;
}
.strap-pockets .row:nth-child(even) .text-block{
izquierda:desarmado;
derecha: 15%;
alineación de texto: derecha;
}
.bolsillos-correa .bloque-texto .título{
color: #fff;
tamaño de fuente: 4,25rem;
altura de línea: 5,5 rem;
}
.strap-bolsillos .text-block .content{
color: #ddd;
tamaño de fuente: 1,5rem;
altura de línea: 1,75 rem;
margen superior: 2rem;
}
/***óptimo**/
.óptimo {
posición: relativa;
ancho: 100%;
altura mínima: 400 px;
fondo: #000;
relleno: 7,5% 0 5% 0;
}
.óptima .imagen-banner{
ancho: 30%;
margen: 0 1% 0 54%;
}
.óptima .relación de caja {
color de fondo: sin configurar;
}
.óptimo .box-ratio img{
color de fondo: sin configurar;
}
.óptimo .bloque de texto{
posición:absoluta;
ancho: 50%;
izquierda: 17,5%;
arriba: 30%;
alineación de texto: izquierda;
índice z: 1;
}
.óptimo .bloque de texto .título{
color: #fff;
tamaño de fuente: 4,5rem;
altura de línea: 5,5 rem;
}
.óptimo .bloque de texto .contenido{
color: #ddd;
tamaño de fuente: 1,5rem;
altura de línea: 2,25 rem;
margen superior: 2rem;
}
.multi-manijas {
ancho: 100%;
fondo: #000;
altura: automático;
mostrar: bloquear;
desbordamiento: oculto;
}
.multi-handles .multi-handles-inner {
pantalla:flexible;
ancho: 80%;
margen: 2,5% automóvil 7,5% automóvil;
brecha de columna: 0,7%;
}
.multi-handles .multi-handles-inner .collection-image .box-ratio{
borde: sólido 1px #333;
}
.multi-handles .multi-handles-inner .imagen-izquierda{
posición: relativa;
ancho: 49,65%;
}
.multi-handles .multi-handles-inner .right-images{
ancho: 49,65%;
pantalla:flexible;
espacio entre columnas: 1,2%;
espacio entre filas: 1%;
envoltura flexible: envoltura;
}
.multi-handles .multi-handles-inner .right-images .collection-image{
ancho: 49,4%;
posición: relativa;
pantalla: mesa;
}
.multi-handles .multi-handles-inner .right-images .collection-image:nth-child(1){
ancho: 100%;
}
.multi-handles .multi-handles-inner .right-images .collection-image .box-ratio{
alineación vertical: medio;
mostrar: celda de tabla;
color de fondo: sin configurar;
}
.multi-handles .multi-handles-inner .collection-image .caption{
posición:absoluta;
izquierda: 5%;
ancho: 95%;
alineación de texto: izquierda;
abajo: 1,5 rem;
color:#fff;
tamaño de fuente: 1,4rem;
altura de línea: 1,75 rem;
peso de fuente: negrita;
}
/*** a prueba de salpicaduras **/
.libertad {
posición: relativa;
altura mínima: 400 px;
fondo:#000;
parte inferior acolchada: 5%;
}
.libertad .imagen-banner{
ancho: 100%;
}
.libertad .box-ratio {
color de fondo: sin configurar;
}
.libertad .box-ratio img{
color de fondo: sin configurar;
}
.libertad .bloque de texto{
posición:absoluta;
ancho: 60%;
derecha: 7,5%;
arriba: 17,5%;
alineación de texto: derecha;
}
.libertad .bloque de texto .título{
color: #fff;
tamaño de fuente: 4,75rem;
altura de línea: 6rem;
}
.libertad .bloque de texto .contenido{
color: #ccc;
tamaño de fuente: 1,6rem;
altura de línea: 2,35 rem;
margen superior: 2rem;
}
.libertad .imgs {
pantalla:flexible;
ancho: 100%;
margen superior: 1%;
espacio entre columnas: 1%;
}
.libertad .imgs .imagen-colección{
ancho: 47,8%;
posición: relativa;
}
.freedom .imgs .collection-image:primer-niño{
ancho: 52,2%;
}
.libertad .imgs .collection-image .caption{
posición:absoluta;
izquierda: 5%;
ancho: 95%;
alineación de texto: izquierda;
abajo: 1,5 rem;
color:#fff;
tamaño de fuente: 1,4rem;
altura de línea: 1,75 rem;
peso de fuente: negrita;
}
@pantalla multimedia y (ancho máximo: 1800 px) {
.shape-block .text-block .content br {
pantalla: ninguna;
}
}
@pantalla multimedia y (ancho máximo: 1660 px) {
.ajustable .bloque de texto {
izquierda: 12%;
arriba: 37,5%;
}
.strap-bolsillos .text-block .title {
tamaño de fuente: 3,5rem;
altura de línea: 4,5 rem;
}
}
@pantalla multimedia y (ancho máximo: 1550 px) {
.primer-banner .bloque de texto .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,25 rem;
}
.first-banner .text-block .content {
tamaño de fuente: 1,5rem;
altura de línea: 1,5 rem;
margen superior: 2rem;
}
.características simples {
abajo: 4%;
relleno: 0 10%;
}
.icono-grupo li .icono {
ancho: 80 píxeles;
altura: 80 píxeles;
}
.icon-grupo li span {
tamaño de fuente: 1rem;
}
.statisfy-necesita .bloque de texto .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,25 rem;
}
.statisfy-necesita .text-block .content {
tamaño de fuente: 1,5rem;
altura de línea: 1,5 rem;
}
.m-station .text-block .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,25 rem;
}
.m-station .text-block .content {
tamaño de fuente: 1,25rem;
altura de línea: 1,5 rem;
}
.ajustable .text-block .title {
tamaño de fuente: 3,35rem;
altura de línea: 4rem;
}
.ajustable .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,75 rem;
margen superior: 1,5 rem;
}
.neat .text-block .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,25 rem;
}
.sidetop .text-block .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,25 rem;
}
.sidetop .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,75 rem;
margen superior: 1,5 rem;
}
.strap-bolsillos .text-block .title {
tamaño de fuente: 2,75 rem;
altura de línea: 3,5 rem;
}
.strap-bolsillos .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,5 rem;
margen superior: 1rem;
}
.strap-bolsillos .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,5 rem;
margen superior: 1rem;
}
.óptimo .bloque de texto .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,5 rem;
}
.óptimo .bloque de texto .contenido {
tamaño de fuente: 1.125rem;
altura de línea: 1,75 rem;
margen superior: 1,5 rem;
}
.multi-handles-inner .collection-image .caption {
tamaño de fuente: 1rem;
altura de línea: 1,35 rem;
}
.libertad .bloque de texto .título {
tamaño de fuente: 3,5rem;
altura de línea: 4,5 rem;
}
.libertad .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,75 rem;
}
.freedom .imgs .collection-image .caption {
tamaño de fuente: 1rem;
altura de línea: 1,35 rem;
}
}
@pantalla multimedia y (ancho máximo: 1420 px) {
}
@pantalla multimedia y (ancho máximo: 1320 px) {
}
@pantalla multimedia y (ancho máximo: 1220 px) {
.primer-banner .bloque de texto .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.first-banner .text-block .content {
tamaño de fuente: 1,25rem;
altura de línea: 1,25 rem;
margen superior: 2rem;
}
.características simples {
abajo: 4%;
relleno: 0 10%;
}
.icono-grupo li .icono {
ancho: 55 píxeles;
altura: 55 píxeles;
}
.icon-grupo li span {
tamaño de fuente: 0,95rem;
}
.statisfy-necesita .bloque de texto .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.statisfy-necesita .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,5 rem;
}
.m-station .text-block .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.m-station .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,5 rem;
}
.ajustable .text-block .title {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.ajustable .text-block .content {
tamaño de fuente: 1rem;
altura de línea: 1,5 rem;
margen superior: 1,5 rem;
}
.neat .text-block .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.sidetop .text-block .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.sidetop .text-block .content {
tamaño de fuente: 1.125rem;
altura de línea: 1,75 rem;
margen superior: 1,5 rem;
}
.strap-bolsillos .text-block .title {
tamaño de fuente: 2,25 rem;
altura de línea: 2,75 rem;
}
.strap-bolsillos .text-block .content {
tamaño de fuente: 1,05rem;
altura de línea: 1,5 rem;
margen superior: 1rem;
}
.óptimo .bloque de texto .título {
tamaño de fuente: 2,75 rem;
altura de línea: 3,25 rem;
}
.óptimo .bloque de texto .contenido {
tamaño de fuente: 1,05rem;
altura de línea: 1,65 rem;
margen superior: 1,25 rem;
}
.multi-handles-inner .collection-image .caption {
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
}
.libertad .bloque de texto .título {
tamaño de fuente: 2,25 rem;
altura de línea: 2,75 rem;
}
.libertad .text-block .content {
tamaño de fuente: 1,05rem;
altura de línea: 1,65 rem;
}
.freedom .imgs .collection-image .caption {
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
}
}
@pantalla multimedia y (ancho máximo: 980 px) {
.primer-banner .bloque de texto {
arriba: 15%;
}
.primer-banner .bloque de texto .título {
tamaño de fuente: 3,5rem;
altura de línea: 3,75 rem;
}
.first-banner .text-block .title span{
peso de fuente: normal;
}
.first-banner .text-block .content {
tamaño de fuente: 1,25rem;
altura de línea: 1,35 rem;
margen superior: 2rem;
}
.características simples {
relleno: 0,5%;
}
.video-btn {
mostrar: bloquear;
ancho: 60px;
altura: 60 píxeles;
}
.bolso-banner1{
fondo: #000;
ancho mínimo: 360 px;
parte superior acolchada: 2%;
altura mínima: 360 px;
}
.shoulderbag-banner1 .banner-image-mobile{
mostrar:bloquear;
posición: relativa;
}
.shoulderbag-banner1 .banner-image-mobile .la-close{
pantalla: ninguna;
ancho: 28px;
altura: automático;
posición: absoluta;
tamaño de fuente: 2,2rem;
derecha: 5px;
arriba: 5px;
color: #eee;
altura de línea: 30px;
}
.shoulderbag-banner1 .banner-image-mobile .youtube-mobile{
pantalla: ninguna;
ancho: 100%;
altura: 100%;
}
.banner-imagen-movil{
fondo:#000;
color: #fff;
ancho: 100%;
altura:automático;
posición: relativa;
}
.iframe de youtube-móvil{
ancho: 100%;
}
/***bloque-estático-móvil**/
.bloque-estático-m {
altura mínima: 300 px;
posición: relativa;
fondo: #000;
fondo de relleno: 0;
}
.bloque-estático-m .imagen-banner{
posición: relativa;
ancho: 100%;
}
.bloque-estático-m .box-ratio {
color de fondo: sin configurar;
}
.static-block-m .box-ratio img{
color de fondo: sin configurar;
}
.bloque-estático-m .bloque-texto{
posición: desarmado;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 12,5% 2% 7,5% 5%;
}
.bloque-estático-m .bloque-texto .título{
color: #fff;
tamaño de fuente: 3,25rem;
altura de línea: 3,85 rem;
margen inferior: 0,5rem;
}
.static-block-m .text-block .content{
color: #ddd;
tamaño de fuente: 1,35rem;
altura de línea: 1,75 rem;
margen superior: 1,25 rem;
}
.bloque-estático-m .caption{
color: #fff;
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
posición: absoluta;
ancho: 92,5%;
alineación de texto: izquierda;
arriba: desarmado;
izquierda: 5%;
abajo: 5%;
}
.m-station .text-bloque {
parte superior acolchada: 3%;
}
.ajustable .text-block .content {
tamaño de fuente: 1,35rem;
}
.statisfy-necesita .caption {
tamaño de fuente: 1,2rem;
altura de línea: 1,5 rem;
}
.statisfy-necesita .text-block {
posición: absoluta;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 12,5% 2% 5% 5%;
arriba: 0;
izquierda: 0;
}
.neat .bloque de texto {
fondo de relleno: 0;
}
.sidetop .bloque de texto {
fondo de relleno: 0;
}
.óptimo {
parte superior acolchada: 2,5%;
}
.óptimo .bloque de texto {
fondo de relleno: 0;
}
.óptima .imagen-banner {
ancho: 100%;
margen:0;
}
.sidetop .imagen-banner {
ancho: 100%;
margen izquierdo: 0;
}
.multi-handles-m {
ancho: 100%;
fondo: #000;
altura: automático;
mostrar: bloquear;
desbordamiento: oculto;
}
.multi-handles-m .multi-handles-inner {
ancho: 100%;
margen: 2% automático 5% automático;
}
.multi-handles-m .multi-handles-inner .left-image{
posición: relativa;
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images{
ancho: 100%;
pantalla:flexible;
espacio entre columnas: 1,2%;
espacio entre filas: 1%;
envoltura flexible: envoltura;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
ancho: 49,4%;
posición: relativa;
pantalla: mesa;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
alineación vertical: medio;
mostrar: celda de tabla;
color de fondo: sin configurar;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
posición:absoluta;
izquierda: 5%;
ancho: 95%;
alineación de texto: izquierda;
abajo: 1,5 rem;
color:#fff;
tamaño de fuente: 1,25 rem;
altura de línea: 1,5 rem;
}
.libertad .bloque de texto {
parte superior acolchada: 10%;
}
.libertad .banner-image .caption {
abajo: 4%;
tamaño de fuente: 1,25rem;
altura de línea: 1,5 rem;
}
.freedom .imgs .collection-image .caption {
peso de fuente: normal;
tamaño de fuente: 1,25rem;
altura de línea: 1,5 rem;
}
}
@pantalla multimedia y (ancho máximo: 500 px) {
.primer-banner .bloque de texto {
izquierda: 0;
arriba: 10%;
alineación de texto: centro;
ancho: 100%;
}
.primer-banner .bloque de texto .título {
tamaño de fuente: 2,5rem;
altura de línea: 2,75 rem;
}
.first-banner .text-block .title span{
peso de fuente: normal;
}
.first-banner .text-block .content {
tamaño de fuente: 1,05rem;
altura de línea: 1,35 rem;
margen superior: 1rem;
color: #eee;
}
.características simples {
pantalla: ninguna;
}
.video-btn {
mostrar: bloquear;
ancho: 40px;
altura: 40 píxeles;
}
/***bloque-estático-móvil**/
.bloque-estático-m {
altura mínima: 300 px;
posición: relativa;
fondo: #000;
fondo de relleno: 0;
}
.bloque-estático-m .imagen-banner{
posición: relativa;
ancho: 100%;
}
.bloque-estático-m .box-ratio {
color de fondo: sin configurar;
}
.static-block-m .box-ratio img{
color de fondo: sin configurar;
}
.bloque-estático-m .bloque-texto{
posición: desarmado;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 12,5% 2% 7,5% 5%;
}
.bloque-estático-m .bloque-texto .título{
color: #fff;
tamaño de fuente: 2,55 rem;
altura de línea: 3rem;
margen inferior: 0,5rem;
}
.static-block-m .text-block .content{
color: #ccc;
tamaño de fuente: 1,05rem;
altura de línea: 1,35 rem;
margen superior: 1rem;
}
.bloque-estático-m .caption{
color: #fff;
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
posición: absoluta;
ancho: 92,5%;
alineación de texto: izquierda;
arriba: desarmado;
izquierda: 5%;
abajo: 5%;
}
.m-station .text-bloque {
parte superior acolchada: 3%;
}
.ajustable .text-block .content {
tamaño de fuente: 1,05rem;
}
.statisfy-necesita .caption {
tamaño de fuente: 1,3rem;
altura de línea: 1,5 rem;
}
.statisfy-necesita .text-block {
posición: absoluta;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 12,5% 2% 5% 5%;
arriba: 0;
izquierda: 0;
}
.neat .bloque de texto {
fondo de relleno: 0;
}
.sidetop .bloque de texto {
fondo de relleno: 0;
}
.óptimo {
parte superior acolchada: 2,5%;
}
.óptimo .bloque de texto {
fondo de relleno: 0;
}
.óptima .imagen-banner {
ancho: 100%;
margen:0;
}
.sidetop .imagen-banner {
ancho: 100%;
margen izquierdo: 0;
}
.multi-handles-m {
ancho: 100%;
fondo: #000;
altura: automático;
mostrar: bloquear;
desbordamiento: oculto;
}
.multi-handles-m .multi-handles-inner {
ancho: 100%;
margen: 2% automático 5% automático;
}
.multi-handles-m .multi-handles-inner .left-image{
posición: relativa;
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images{
ancho: 100%;
pantalla:flexible;
espacio entre columnas: 1,2%;
espacio entre filas: 1%;
envoltura flexible: envoltura;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
ancho: 49,4%;
posición: relativa;
pantalla: mesa;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
alineación vertical: medio;
mostrar: celda de tabla;
color de fondo: sin configurar;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
posición:absoluta;
izquierda: 5%;
ancho: 95%;
alineación de texto: izquierda;
abajo: 1,5 rem;
color:#fff;
tamaño de fuente: 0,85 rem;
altura de línea: 1,2 rem;
}
.libertad .bloque de texto {
parte superior acolchada: 10%;
}
.libertad .banner-image .caption {
abajo: 4%;
tamaño de fuente: 0,9rem;
altura de línea: 1,25 rem;
}
.freedom .imgs .collection-image .caption {
peso de fuente: normal;
tamaño de fuente: 0,9rem;
altura de línea: 1,15 rem;
}
}
@pantalla multimedia y (ancho máximo: 380 px) {
.primer-banner .bloque de texto .título {
tamaño de fuente: 2,15 rem;
altura de línea: 2,5 rem;
}
.first-banner .text-block .title span{
peso de fuente: normal;
}
.first-banner .text-block .content {
tamaño de fuente: 1,05rem;
altura de línea: 1,35 rem;
margen superior: 1rem;
color: #eee;
}
.características simples {
pantalla: ninguna;
}
.video-btn {
mostrar: bloquear;
ancho: 40px;
altura: 40 píxeles;
}
/***bloque-estático-móvil**/
.bloque-estático-m {
altura mínima: 300 px;
posición: relativa;
fondo: #000;
fondo de relleno: 0;
}
.bloque-estático-m .imagen-banner{
posición: relativa;
ancho: 100%;
}
.bloque-estático-m .box-ratio {
color de fondo: sin configurar;
}
.static-block-m .box-ratio img{
color de fondo: sin configurar;
}
.bloque-estático-m .bloque-texto{
posición: desarmado;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 12,5% 2% 5% 5%;
}
.bloque-estático-m .bloque-texto .título{
color: #fff;
tamaño de fuente: 2,25 rem;
altura de línea: 2,5 rem;
margen inferior: 0,5rem;
}
.static-block-m .text-block .content{
color: #ddd;
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
margen superior: 0;
}
.bloque-estático-m .caption{
color: #fff;
tamaño de fuente: 1rem;
altura de línea: 1,25 rem;
posición: absoluta;
ancho: 92,5%;
alineación de texto: izquierda;
arriba: desarmado;
izquierda: 5%;
abajo: 5%;
}
.m-station .text-bloque {
parte superior acolchada: 3%;
}
.ajustable .text-block .content {
tamaño de fuente: 0,95rem;
}
.statisfy-necesita .caption {
tamaño de fuente: 1,15rem;
altura de línea: 1,25 rem;
}
.statisfy-necesita .text-block {
posición: absoluta;
ancho: 100%;
alineación de texto: izquierda;
margen superior: 0;
relleno: 9,5% 2% 7,5% 5%;
arriba: 0;
izquierda: 0;
}
.neat .bloque de texto {
fondo de relleno: 0;
}
.sidetop .bloque de texto {
fondo de relleno: 0;
}
.óptimo {
parte superior acolchada: 2,5%;
}
.óptimo .bloque de texto {
fondo de relleno: 0;
}
.óptima .imagen-banner {
ancho: 100%;
margen:0;
}
.sidetop .imagen-banner {
ancho: 100%;
margen izquierdo: 0;
}
.multi-handles-m {
ancho: 100%;
fondo: #000;
altura: automático;
mostrar: bloquear;
desbordamiento: oculto;
}
.multi-handles-m .multi-handles-inner {
ancho: 100%;
margen: 2% automático 5% automático;
}
.multi-handles-m .multi-handles-inner .left-image{
posición: relativa;
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images{
ancho: 100%;
pantalla:flexible;
espacio entre columnas: 1,2%;
espacio entre filas: 1%;
envoltura flexible: envoltura;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
ancho: 49,4%;
posición: relativa;
pantalla: mesa;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
ancho: 100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
alineación vertical: medio;
mostrar: celda de tabla;
color de fondo: sin configurar;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
posición:absoluta;
izquierda: 5%;
ancho: 95%;
alineación de texto: izquierda;
abajo: 1,5 rem;
color:#fff;
tamaño de fuente: 0,85 rem;
altura de línea: 1,2 rem;
}
.libertad .bloque de texto {
parte superior acolchada: 10%;
}
.libertad .banner-image .caption {
abajo: 4%;
tamaño de fuente: 0,9rem;
altura de línea: 1,25 rem;
}
.freedom .imgs .collection-image .caption {
peso de fuente: normal;
tamaño de fuente: 0,9rem;
}
}
DJI Ronin 4D
Mochila
Llevar el poder de la creación
Satisfacer las necesidades
de trabajo y de almacenamiento
Una plataforma lista para dispositivos móviles
Una solución de almacenamiento inteligente
Su
estación de trabajo móvil
El cuerpo principal del Ronin 4D se puede fijar al panel posterior mediante un clip de cámara Beetle.
Correa de cámara
ajustable
El cardán y la cámara se pueden utilizar de forma flexible y sencilla delante de su cuerpo.
Todo
pulcramente organizado
Salidas de calor laterales+superiores
Con la ayuda del velcro en la solapa frontal, es perfecto para usar durante todo el año.
Bandolera
Tiendas de correas
Smartphone
Accede a tu smartphone de una forma rápida y sencilla.
Bolsillo delantero
Accesorios para tiendas
Disco duro, tarjeta de memoria, cable de datos, etc.
Transferencia de carga
óptima
La mochila hereda el avanzado sistema de transporte
de OneMo2, que cuenta con un panel trasero de alta ingeniería así como múltiples correas para una distribución uniforme del peso.
Correa de cintura desmontable
con acolchado suave alivia enormemente la presión
Espuma EAV y tejido de buceo
La tela aporta mayor comodidad.
Esternón ajustable
La correa permite respirar fácilmente
La correa estabilizadora ayuda a equilibrar la carga
Libertad para trabajar
en todas partes
El color negro y el revestimiento de PU a prueba de salpicaduras la convierten en la mochila perfecta para un día al aire libre.
Cremallera YKK a prueba de salpicaduras
aporta mayor tranquilidad.
Material
especial resistente al desgaste en la parte inferior
puede soportar un uso intensivo.
DJI Ronin 4D
Mochila
Llevar el poder de la creación
Satisfacer las necesidades
de trabajo y de almacenamiento
Una plataforma lista para dispositivos móviles
Una solución de almacenamiento inteligente
Correa de cámara
ajustable
El cardán y la cámara se pueden utilizar de forma flexible y sencilla delante de su cuerpo.
Todo perfectamente organizado
Salidas de calor laterales+superiores
Con la ayuda del velcro en la solapa frontal, es perfecto para usar durante todo el año.
Correa para el hombro
Tienda Smartphone
Accede a tu smartphone de una forma rápida y sencilla.
Bolsillo delantero
Accesorios para tiendas
Disco duro, tarjeta de memoria, cable de datos, etc.
Carga óptima
Transferencia
La mochila hereda el avanzado sistema de transporte
de OneMo2, que cuenta con un panel trasero de alta ingeniería así como múltiples correas
para una distribución uniforme del peso.
Correa de cintura desmontable
con acolchado suave alivia enormemente la presión
La correa estabilizadora ayuda a equilibrar la carga
Espuma EAV y tejido de buceo
La tela aporta mayor comodidad.
Esternón ajustable
La correa permite respirar fácilmente
Libertad para trabajar
en todas partes
El color negro y el revestimiento de PU a prueba de salpicaduras la convierten en la mochila perfecta para un día al aire libre.
La cremallera YKK a prueba de salpicaduras brinda mayor tranquilidad.
El material
especial resistente al desgaste en la parte inferior puede soportar un uso intensivo.
ventana.addEventListener('desplazamiento',función(){
if (window.matchMedia('(ancho máximo: 980px)').matches) {
volver;
}
var mobileStation = document.getElementById("m-station-desktop");
var desplazamientoTop = getScrollTop();
var maxwidth = mobileStation.offsetWidth; //100%
var ancho mínimo = ancho máximo * 0,66; //66%
var maxHeight = ancho máximo * 900/1920; //100%
var altura mínima = altura máxima * 0,66; //66%
var imageBlocks = document.getElementById("m-station-desktop").getElementsByClassName("video-introducción");
//console.log(imageBlocks);
//console.log(imageBlocks[0].style.width);
var textBlock1 = document.getElementById("m-station-text-block1");
console.log(textBlock1);
if (scrollTop >= mobileStation.offsetTop - mobileStation.offsetHeight * 0,35 && scrollTop <= mobileStation.offsetTop + mobileStation.offsetHeight * 0,65) {
var scrollScale = (scrollTop - mobileStation.offsetTop + mobileStation.offsetHeight * 0,35)/mobileStation.offsetHeight;
var toWidth = parseInt(minWidth * (1 + scrollScale));
var toHeight = parseInt(minHeight * (1 + scrollScale));
if (toWidth >= minWidth && toWidth <= maxwidth) {
imageBlocks[0].style.width = toWidth + 'px';
imageBlocks[0].style.height = toHeight + 'px';
} más si (hastaAncho > ancho máximo) {
imageBlocks[0].style.width = ancho máximo + 'px';
imageBlocks[0].style.height = maxHeight + 'px';
} más {
imageBlocks[0].style.width = minWidth + 'px';
imageBlocks[0].style.height = minHeight + 'px';
}
textBlock1.style.opacity = scrollScale*2;
//imageBlocks[0].style.height = minWidth * (1 + scrollScale);
} else if (scrollTop < mobileStation.offsetTop - mobileStation.offsetHeight * 0,35 ) {
imageBlocks[0].style.width = parseInt(minWidth) + 'px';
imageBlocks[0].style.height = parseInt(minHeight) + 'px';
textBlock1.style.opacity = 0;
} más {
imageBlocks[0].style.width = parseInt(maxwidth) + 'px';
imageBlocks[0].style.height = parseInt(maxHeight) + 'px';
textBlock1.style.opacity = 1;
}
/**
var desplazado = window.scrollY / ( document.getElementById("m-station").offsetHeight );
console.log("ventana.scrollY: " + ventana.scrollY);
console.log("window.offsetHeight: " + document.getElementById("m-station").offsetHeight);
console.log("desplazado: " + desplazado);
var niveles de zoom = 1; //cambiar para tener un comportamiento diferente
var escala = Math.pow( 3, desplazado * zoomLevels);
//var imágenes = document.getElementById("m-station").getElementsByTagName("img");
var imageBlocks = document.getElementById("m-station").getElementsByClassName("video-introducción");
console.log("escala:" + escala);
console.log(bloquesdeimagen);
for(i=0; i
imageBlocks[i].style.height = Math.round(500/escala); //cambia 500 al tamaño de tu imagen
}
**/
},verdadero);
function getScrollTop() {
var desplazamiento_top = 0;
si (document.documentElement && document.documentElement.scrollTop) {
scroll_top = document.documentElement.scrollTop;
} más si (documento.cuerpo) {
scroll_top = documento.body.scrollTop;
}
devolver desplazamiento_top;
}
$(document).ready(function() {
$('.youtube,.la-close').on('clic',función(){
var _esto = $(esto);
$('#yt_video').attr('src',"https://www.youtube.com/embed/A2cC5OBfVmQ");
_this.ocultar();
$('.youtube').css('display','none');
_this.parent().find('.box-ratio').css('display','block');
devolver falso;
});
$('#close_youtube_mobile').on('clic',función(){
var _esto = $(esto);
$('#yt_video_mobile').attr('src',"https://www.youtube.com/embed/A2cC5OBfVmQ").css('display','none');
_this.ocultar();
_this.parent().find('.box-ratio').css('display','block');
devolver falso;
});
si ($(ventana).ancho() > 980) {
$('#yt_video').width($(ventana).width()*0.65);
var videoWidth = $(ventana).width()*0.65;
var videoHeight = parseInt(videoWidth)*540/962;
$('#yt_video').height(videoHeight);
} más {
$('#yt_video_mobile').width($(ventana).width());
var videoWidth = $(ventana).width();
var videoHeight = parseInt(videoWidth)*540/962;
$('#yt_video_mobile').height(videoHeight);
}
$(window).on('load resize orientationchange', function() {
si ($(ventana).ancho() > 980) {
$('#yt_video').width($(ventana).width()*0.65);
var videoWidth = $(ventana).width()*0.65;
var videoHeight = parseInt(videoWidth)*540/962;
$('#yt_video').height(videoHeight);
} más {
$('#yt_video_mobile').width($(ventana).width());
var videoWidth = $(ventana).width();
var videoHeight = parseInt(videoWidth)*540/962;
$('#yt_video_mobile').height(videoHeight);
}
});
});